@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");

:root {
  /* --bs-primary: #75b614;
  --bs-primary-rgb: 117, 182, 20;
  --bs-primary-bg-subtle: #507a0f;
  --bs-primary-border-subtle: #507a0f;
  --bs-primary-text-emphasis: #507a0f;
  --bs-link-color: #75b614;
  --bs-link-color-rgb: 117, 182, 20;
  --bs-link-hover-color: #507a0f;
  --bs-link-hover-color-rgb: 80, 122, 15;
  --input-focus-color: #669c14;

  --bs-btn-active-bg: #669c14 !important;
  --bs-btn-bg: #75b614 !important;
  --bs-btn-border-color: #75b614 !important;
  --bs-btn-hover-bg: #669c14 !important;
  --bs-btn-hover-border-color: #669c14 !important;
  --bs-btn-active-border-color: #669c14 !important;
  --bs-btn-disabled-border-color: #75b614 !important;
  --bs-btn-focus-shadow-rgb: 80, 122, 15; */

  --bs-btn-padding-y: 0.7rem;
  --bs-font-sans-serif: "Inter", system-ui, -apple-system, "Segoe UI", Roboto,
    "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  /* --bs-light-rgb: 245, 245, 245; */
}

html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

/* .btn:focus,
.btn:active:focus,
.btn-link.nav-link:focus,
.form-control:focus,
.form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #669c14 !important;
  border-color: #669c14 !important;
}

.btn-check:checked + .btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check) + .btn:active {
  background-color: #669c14 !important;
  border-color: #669c14 !important;
}

.btn:focus-visible {
  background-color: #669c14 !important;
  border-color: #669c14 !important;
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #669c14 !important;
}

.btn-outline-primary {
  --bs-btn-color: #75b614;
  --bs-btn-border-color: #75b614;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #75b614;
  --bs-btn-hover-border-color: #75b614;
  --bs-btn-focus-shadow-rgb: 80, 122, 15;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #75b614;
  --bs-btn-active-border-color: #75b614;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #75b614;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #75b614;
  --bs-gradient: none;
}

.form-check-input:checked {
  background-color: #669c14 !important;
  border-color: #669c14 !important;
} */

html {
  position: relative;
  min-height: 100%;
}

body {
  position: relative;

  margin-bottom: 60px;
}

/* animation bg v1 */
/*.glow-decoration {
   position: relative;
} */
/*
.glow-decoration::before {
  content: "";

  position: absolute;
  top: 2%;
  left: 0;
  right: 0;
  z-index: -1;

  margin: 0 auto;
  display: inline-block;
  width: 50%;
  height: 80%;
  border-radius: 50%;
  -webkit-animation: gradient 15s ease infinite;
  animation: gradient 15s ease infinite;

  will-change: filter;
  filter: blur(80px);
  -webkit-filter: blur(80px);

  background: -o-linear-gradient(
    left,
    rgba(79, 122, 20, 0.1),
    rgba(79, 182, 20, 0.2),
    rgb(79, 182, 20, 0.25)
  );
  background: linear-gradient(
    90deg,
    rgba(79, 122, 20, 0.1),
    rgba(79, 182, 20, 0.2),
    rgb(79, 182, 20, 0.25)
  );
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);

  background-size: 200% 200%;
}

.glow-decoration--center::before {
  top: 50%;
  -webkit-transform: translate(0, 0) translateY(-50%);
  -ms-transform: translate(0, 0) translateY(-50%);
  transform: translate(0, 0) translateY(-50%);
}

.glow-decoration--rotate::before {
  left: unset;
  right: 5%;
  width: 50%;
  height: 519px;
  bottom: unset;
  -webkit-transform: translate(0, 0) rotate(45deg);
  -ms-transform: translate(0, 0) rotate(45deg);
  transform: translate(0, 0) rotate(45deg);
}

.glow-decoration--bottom::before {
  top: unset;
  bottom: 0;

  -webkit-transform: translateY(50%);

  -ms-transform: translateY(50%);

  transform: translateY(50%);
}

.glow-decoration--dark-blue::before {
  background: -o-linear-gradient(
    left,
    rgba(13, 55, 133, 0.432),
    rgba(55, 13, 133, 0.69),
    #0d3885
  );
  background: linear-gradient(
    90deg,
    rgba(13, 55, 133, 0.432),
    rgba(55, 13, 133, 0.69),
    #0d3885
  );
  background-size: 200% 200%;
}

.glow-decoration--dark-red::before {
  background: -o-linear-gradient(
    left,
    rgba(255, 77, 79, 0.432),
    rgba(255, 77, 79, 0.69),
    rgb(255, 77, 79)
  );
  background: linear-gradient(
    90deg,
    rgba(255, 77, 79, 0.432),
    rgba(255, 77, 79, 0.69),
    rgb(255, 77, 79)
  );
  background-size: 200% 200%;
}

.glow-decoration--iris-blue::before {
  background: -o-linear-gradient(
    left,
    rgba(0, 188, 213, 0.432),
    rgba(0, 188, 213, 0.69),
    rgb(0, 188, 213)
  );
  background: linear-gradient(
    90deg,
    rgba(0, 188, 213, 0.432),
    rgba(0, 188, 213, 0.69),
    rgb(0, 188, 213)
  );
  background-size: 200% 200%;
}

.glow-decoration--dark-orange::before {
  background: -o-linear-gradient(
    left,
    rgba(213, 107, 0, 0.432),
    rgba(213, 107, 0, 0.69),
    rgb(213, 107, 0)
  );
  background: linear-gradient(
    90deg,
    rgba(213, 107, 0, 0.432),
    rgba(213, 107, 0, 0.69),
    rgb(213, 107, 0)
  );
  background-size: 200% 200%;
}

.glow-decoration--dark-violet::before {
  background: -o-linear-gradient(
    left,
    rgba(182, 46, 209, 0.432),
    rgba(182, 46, 209, 0.69),
    rgb(182, 46, 209)
  );
  background: linear-gradient(
    90deg,
    rgba(182, 46, 209, 0.432),
    rgba(182, 46, 209, 0.69),
    rgb(182, 46, 209)
  );
  background-size: 200% 200%;
}

.glow-decoration--multi::before {
  background: -o-linear-gradient(
    left,
    rgba(79, 182, 20, 0.25),
    rgba(13, 55, 133, 0.25),
    rgba(255, 77, 79, 0.25),
    rgba(0, 188, 213, 0.25),
    rgba(213, 107, 0, 0.25),
    rgba(182, 46, 209, 0.25)
  );
  background: linear-gradient(
    90deg,
    rgba(79, 182, 20, 0.25),
    rgba(13, 55, 133, 0.25),
    rgba(255, 77, 79, 0.25),
    rgba(0, 188, 213, 0.25),
    rgba(213, 107, 0, 0.25),
    rgba(182, 46, 209, 0.25)
  );
  background-size: 200% 200%;
}

@media (max-width: 1500px) {
  .glow-decoration--rotate::before {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@-webkit-keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
} */

.glow-decoration .container {
  position: relative;
  z-index: 1;
}

.glow-decoration::before {
  content: "";

  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 0;

  width: 100%;
  height: 450px;

  background-image: url("../images/glows/glow-gold.svg");
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: 120%;
}

.glow-decoration--repeat::before {
  background-repeat: repeat;
}

.glow-decoration--blue::before {
  background-image: url("../images/glows/glow-blue.svg");
  background-position-y: 80%;
}

.glow-decoration--dark-green::before {
  background-image: url("../images/glows/dark-green.svg");
  background-position-y: 80%;
}

.glow-decoration--dark-blue::before {
  background-image: url("../images/glows/dark-blue.svg");
  background-position-y: 95%;
}

.glow-decoration--dark-red::before {
  background-image: url("../images/glows/dark-red.svg");
  background-position-y: 80%;
}

.glow-decoration--iris-blue::before {
  background-image: url("../images/glows/iris-blue.svg");
  background-position-y: 80%;
}

.glow-decoration--dark-orange::before {
  background-image: url("../images/glows/dark-orange.svg");
  background-position-y: 80%;
}

.glow-decoration--dark-violet::before {
  background-image: url("../images/glows/dark-violet.svg");
  background-position-y: 80%;
}

.glow-decoration--multi::before {
  background-image: url("../images/glows/glow-multi.svg");
  background-position-y: 80%;
}

.glow-decoration--center::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;

  height: 100%;
  width: 100%;
  margin: auto;

  background-position-x: center;
  background-position-y: center;
}

.glow-decoration--bottom::before {
  top: unset;
  left: 0;
  right: 0;
  bottom: 0;

  background-position-y: -10%;
}

.glow-decoration--rotate::before {
  left: unset;
  right: 5%;
  width: 75%;
  height: 100%;
  bottom: unset;
  background-size: contain;
  background-position-y: -186%;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

@media (max-width: 1399px) {
  .glow-decoration--rotate::before {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    background-position-y: center;
    right: 0;
    width: 100%;
    height: 100%;
  }
}

@media (max-width: 993px) {
  .glow-decoration--rotate::before {
    background-position-y: top;
  }
}

/* --------------- */

.advantages {
  position: relative;

  min-height: 569px;
}

@media (min-width: 768px) {
  .advantages__image {
    position: absolute;
    inset: 0;
    z-index: -1;

    margin: auto;
  }
}

.divider {
  height: 1px;
  width: 100%;
  background-color: #2a2a2a;
}

.header {
  transition: background-color 0.25s ease-in-out;
}

.header--active {
  /*background-color: rgba(29, 29, 31, 0.72);
  backdrop-filter: saturate(180%) blur(20px);
  */
  border-color: hsla(0, 0%, 100%, 0.075) !important;
  backdrop-filter: blur(16px) saturate(1.5);
  background-color: rgb(213 213 213 / 34%);
}

/* бегущая строка */

.scroll-bar {
  background-color: rgb(33, 37, 41);
}

.items-wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  gap: 100px;
}
.items-wrap:before,
.items-wrap:after {
  content: "";
  height: 100%;
  top: 0;
  width: 10%;
  position: absolute;
  z-index: 1;
  pointer-events: none;
}

/* .items-wrap:before {
  left: 0;
  background: -o-linear-gradient(
    left,
    rgb(20, 20, 20) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  background: linear-gradient(
    90deg,
    rgb(20, 20, 20) 0%,
    rgba(255, 255, 255, 0) 100%
  );
}
.items-wrap:after {
  right: 0;
  background: -o-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0%,
    rgb(20, 20, 20) 100%
  );
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    rgb(20, 20, 20) 100%
  );
} */

.items-wrap:before {
  left: 0;
  background: -o-linear-gradient(
    left,
    rgb(33, 37, 41) 0% rgba(33, 37, 41, 0) 100%
  );
  background: linear-gradient(
    90deg,
    rgb(33, 37, 41) 0%,
    rgb(33, 37, 41, 0) 100%
  );
}
.items-wrap:after {
  right: 0;
  background: -o-linear-gradient(
    left,
    rgba(33, 37, 41, 0) 0%,
    rgb(33, 37, 41) 100%
  );
  background: linear-gradient(
    90deg,
    rgba(33, 37, 41, 0) 0%,
    rgb(33, 37, 41) 100%
  );
}

.items {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 100px;
  counter-reset: item;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  min-width: 100%;
  color: #ffffff;
}

.marquee {
  -webkit-animation: scroll 50s linear infinite;
  animation: scroll 50s linear infinite;
}
.reverse {
  animation-direction: reverse;
}
.items-wrap:hover .marquee {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

@-webkit-keyframes scroll {
  from {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

@keyframes scroll {
  from {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

/* running slide */
.running-slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
  background-color: transparent;
}

.running-slider .items,
.running-slider .items-wrap {
  gap: 24px;
}

.running-slider .items-wrap:before,
.running-slider .items-wrap:after {
  width: 0;
  -webkit-box-shadow: -1px 1px 20px 20px rgb(0 0 0 / 62%);
  box-shadow: -1px 1px 20px 20px rgb(0 0 0 / 62%);
}

.text-bg-light .running-slider .items-wrap:before,
.text-bg-light .running-slider .items-wrap:after {
  -webkit-box-shadow: -1px 1px 20px 20px rgba(241, 241, 241, 0.62);
  box-shadow: -1px 1px 20px 20px rgba(241, 241, 241, 0.62);
}

.text-bg-white .running-slider .items-wrap:before,
.text-bg-white .running-slider .items-wrap:after {
  -webkit-box-shadow: -1px 1px 20px 20px rgba(255, 255, 255, 0.62);
  box-shadow: -1px 1px 20px 20px rgba(255, 255, 255, 0.62);
}

.running-slider .marquee {
  -webkit-animation-duration: 80s;
  animation-duration: 80s;
}

.running-slider .items-wrap:hover .marquee {
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.running-slider__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 10px 20px;
  border-radius: 20px;
  height: 100px;
  width: 200px;
}

.running-slider__item img {
  -o-object-fit: contain;
  object-fit: contain;
  max-height: 100%;
  max-width: 100%;
}

/* вертикальная линия */
.line-vertical {
  width: 4px;
  height: 100%;
  border-radius: 12px;
  transition: background-color 0.25s ease-in-out;
}

.bg-blur {
  background-color: rgba(29, 29, 31, 0.72);
  backdrop-filter: saturate(180%) blur(20px);
}

.accordion--no-arrow .accordion-button::after {
  background-image: initial;
}

.collapsed .line-vertical--accordion {
  background-color: #595959 !important;
}

.for-business-slider {
  display: grid;
  height: fit-content;
}

.for-business-slide {
  grid-area: 1 / 1;

  max-width: 100%;
  height: fit-content;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out,
    transform 0.4s ease-in-out;
}

.for-business-slide img {
  width: 100%;
  object-fit: cover;
}

.for-business-slide--active {
  opacity: 1;
  visibility: visible;
}

.for-business-slider {
  border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
  overflow: hidden;
  transition: all 0.4s ease-in-out;
}

/* list */
@counter-style marker-font {
  system: cyclic;
  symbols: "\F272";
  suffix: " ";
}

.digital-workplace-list {
  list-style-type: marker-font;
}

.digital-workplace-list li::marker {
  content: "\F272";

  display: inline-flex;
  align-items: center;

  color: #84cc16;

  font-family: "bootstrap-icons";
  font-size: 20px;
  line-height: 100%;
}

.digital-workplace-list li {
  padding-left: 28px;
}

.digital-workplace-list.marker-24 li::marker {
  font-size: 24px;
}

.digital-workplace-list.marker-dark-blue li::marker {
  color: #0d3885;
}

.digital-workplace-list.marker-dark-red li::marker {
  color: #ff4d4f;
}

.digital-workplace-list.marker-iris-blue li::marker {
  color: #00bcd5;
}

.digital-workplace-list.marker-dark-orange li::marker {
  color: #d56b00;
}

.digital-workplace-list.marker-dark-violet li::marker {
  color: #b62ed1;
}

.btn-radio {
  background-color: #efefef;
  transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}

.btn-check:checked + .btn-radio {
  background-color: rgba(8, 8, 8, 1);
  color: #fff;
}

.text-ellipsis {
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  -ms-line-clamp: 1;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  display: -webkit-box;

  word-wrap: break-word;
  -webkit-box-orient: vertical;
  box-orient: vertical;
}

.text-ellipsis--2 {
  -ms-line-clamp: 2;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}

.text-ellipsis--3 {
  -ms-line-clamp: 3;
  -webkit-line-clamp: 3;
  line-clamp: 3;
}

.text-ellipsis--4 {
  -ms-line-clamp: 4;
  -webkit-line-clamp: 4;
  line-clamp: 4;
}

.text-ellipsis--5 {
  -ms-line-clamp: 5;
  -webkit-line-clamp: 5;
  line-clamp: 5;
}

/* custom card */
.glass-card {
  background-color: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(12px) saturate(1.5);
  border: 1px solid hsla(0, 0%, 100%, 0.1);
  padding: 12px;
  border-radius: 14px;
  transition: all 0.25s ease-in-out;
  text-decoration: none;
}

.text-bg-light .glass-card {
  background-color: rgb(20 20 20 / 83%);
  backdrop-filter: blur(12px) saturate(1.5);
  border: 1px solid hsla(0, 0%, 100%, 0.1);
}

.text-bg-white .glass-card {
  background-color: rgb(255 255 255 / 19%);
  backdrop-filter: blur(12px) saturate(1.5);
  border: 1px solid rgba(225, 225, 225, 0.56);
  color: #000000 !important;
}

.glass-card--hover:hover {
  background-color: rgba(118, 184, 20, 0.014);
  backdrop-filter: blur(12px) saturate(1.5);
  border: 1px solid rgba(118, 184, 20, 0.514);
}
.text-bg-light .glass-card--hover:hover {
  background-color: rgba(118, 184, 20, 0.267);
  backdrop-filter: blur(12px) saturate(1.5);
  border: 1px solid rgba(118, 184, 20, 0.514);
}

.text-bg-white .glass-card--hover:hover {
  background-color: rgba(250, 204, 21, 0.068);
  backdrop-filter: blur(12px) saturate(1.5);
  border: 1px solid rgba(211, 207, 207, 0.514);
}

.text-bg-white .glass-card--hover:hover .text-white {
  color: #000000 !important;
}
.text-bg-white .glass-card--hover:hover .text-secondary {
  color: #6e6e6e !important;
}

.glass-card--disabled {
  pointer-events: none;
  background-color: rgb(171 171 171 / 27%);
}

.glass-card__bage {
  display: none;
}

.glass-card__msg .glass-card__bage {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;

  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  margin: 0 auto;
  padding: 4px 8px;
  border-radius: 14px;
  background-color: #75b614;
  transform: translateY(-50%);

  font-size: 12px;
  font-weight: 600;
  color: #f9faf9;
}

.glass-card__header {
  padding: 12px 12px 24px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
}

.glass-card__title {
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.75rem;
  text-align: left;
}

.glass-card__subtitle {
  color: hsl(240 5.03% 64.9% / 1);
  font-size: 1rem;
  line-height: 1.5rem;
  text-align: left;
}

.glass-card__separator {
  height: 1px;
  width: 100%;
  margin: 0;
  background-color: rgb(88, 88, 88);
  border-style: none;
  flex-shrink: 0;
}

.glass-card__body {
  padding: 12px;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 1rem;
}

.glass-card__body-title {
  width: 100%;
  padding-top: 0.5rem;
  gap: 0.5rem;
  align-items: center;
  display: flex;
}

.glass-card__list {
  padding: 0;
}

.glass-card__list li {
  list-style: none;
  display: flex;
  text-align: left;
  /* color: #fff; */
  gap: 0.5rem;
}

.glass-card--most {
  position: relative;
}

.glass-card--most::after {
  content: "Самый популярный";

  position: absolute;
  top: 0;
  left: 0;
  right: 0;

  width: fit-content;
  margin: 0 auto;
  padding: 4px 8px;
  border-radius: 14px;
  background-color: #75b614;
  transform: translateY(-50%);

  font-size: 12px;
  font-weight: 600;
  color: #f9faf9;
}

.custom-hover-icon .bi {
  transition: transform 0.3s ease-in-out;
}

.custom-hover-icon:hover .bi {
  transform: translateX(15%);
}

.glass-card__footer {
  margin-top: auto;
  width: 100%;
  padding: 0 12px;
}

/* faq */

.faq-header__button {
  transition: all 0.3s ease-in-out;
}

.faq-header__button:not(.collapsed),
.faq-header__button {
  background: #fff !important;
  box-shadow: unset !important;
  outline: none !important;
  font-weight: normal !important;
}

.faq-header__button:not(.collapsed),
.faq-header__button:hover {
  /* color: #84cc16;
  background: #ecfccb !important; */
  color: rgb(13 110 253);
  background-color: rgb(13 110 253 / 20%) !important;
}

.faq-collapse {
  box-shadow: unset !important;
  outline: none !important;
  background: #fff !important;
  transition: all 0.3s ease-in-out;
}

/* custom tabs */
.custom-tabs {
  width: fit-content;
  display: flex;
  gap: 0.5rem;
  padding: 0.25rem;
  overflow: hidden;
  border-radius: 50px;

  /* background-color: rgba(0, 0, 0, 0.3); */
  box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  background-color: rgb(244, 244, 245);
}

/* .text-bg-light .custom-tabs {
  box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  background-color: rgb(244, 244, 245);
} */

.custom-tabs__item {
  padding: 4px 12px;
  border-radius: 50px;
  border: 0;

  background-color: transparent;
  /*  color: hsl(240 5.03% 64.9% / 1); */
  color: hsl(240 3.83% 46.08% / 1);

  font-size: 14px;
  font-weight: 500;

  cursor: pointer;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

@media (max-width: 540px) {
  .custom-tabs__item {
    font-size: 11px;
  }
}

/* .text-bg-light .custom-tabs__item {
  background-color: transparent;
  color: hsl(240 3.83% 46.08% / 1);
} */

/* .custom-tabs__item:hover,
.custom-tabs__item--active {
  color: hsl(0 0% 100% / 1);
  background-color: hsl(240 5.26% 26.08% / 0.5);
}

.text-bg-light .custom-tabs__item--active {
  background-color: hsl(0 0% 100% / 1);
  color: hsl(0 0% 0% / 1);
  box-shadow: 0 0 #0000, 0 0 #0000, 0px 0px 5px 0px rgba(0, 0, 0, 0.02),
    0px 2px 10px 0px rgba(0, 0, 0, 0.06), 0px 0px 1px 0px rgba(0, 0, 0, 0.3);
}

.text-bg-light .custom-tabs__item:hover:not(.custom-tabs__item--active) {
  background-color: transparent;
  color: hsl(240deg 1.15% 74.51%);
} */
.custom-tabs__item--active {
  background-color: hsl(0 0% 100% / 1);
  color: hsl(0 0% 0% / 1);
  box-shadow: 0 0 #0000, 0 0 #0000, 0px 0px 5px 0px rgba(0, 0, 0, 0.02),
    0px 2px 10px 0px rgba(0, 0, 0, 0.06), 0px 0px 1px 0px rgba(0, 0, 0, 0.3);
}

.custom-tabs__item:hover:not(.custom-tabs__item--active) {
  background-color: transparent;
  color: hsl(240deg 1.15% 74.51%);
}

.custom-tabs__body {
  display: grid;
  height: fit-content;
  position: relative;
}

.custom-tabs__content {
  grid-area: 1 / 1;

  position: absolute;
  top: 0;
  left: 0;

  width: 100%;
  height: fit-content;

  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease-in-out, visibility 0.5s ease-in-out;
}

.custom-tabs__content--active {
  position: static;

  opacity: 1;
  visibility: visible;
}

/* card-application карточки работы приложения*/
.cards-application {
  display: grid;
  height: fit-content;
  position: relative;
  overflow: hidden;
}

.card-application {
  grid-area: 1 / 1;

  position: absolute;
  top: 0;
  left: 0;
  z-index: z;

  width: 100%;
  height: fit-content;

  transition: transform 0.5s ease-in-out;
}

.card-application:not(.opacity-0) {
  z-index: 1;
  position: static;
}

.card-application__phone {
  display: flex;
  flex-direction: column;
  max-width: 356px;
  height: 481px;
  width: 100%;
  padding: 65px 30px 24px;

  background-image: url("../images/bg-iPhone.png");
  background-repeat: no-repeat;
  background-size: contain;
}

@media (max-width: 768px) {
  .card-application__phone {
    height: 390px;
    max-width: 290px;
  }
  .card-application__phone p {
    font-size: 1rem !important;
  }
}

@media (max-width: 374px) {
  .card-application__phone {
    height: 375px;
    max-width: 290px;
  }
}

.card-application__phone-qr {
  padding: 9px;
  width: 80%;
  margin: auto;
  /* position: relative; */
  /* border: 2px solid #33b73a; */
  border-radius: 20px;

  background-color: #fff;
}

.card-application__phone-qr-wrap {
  z-index: 2;
  position: relative;
}

/* .card-application__phone-qr:before,
.card-application__phone-qr:after {
  content: "";
  z-index: 1;
  display: block;
  position: absolute;
  background: #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform-origin: 50% 50%;
}
.card-application__phone-qr:before {
  width: calc(100% + 5px);
  height: 75%;
}
.card-application__phone-qr:after {
  height: calc(100% + 5px);
  width: 75%;
} */

.card-application .card-application__phone {
  transform: translateY(100%);
  transition: transform 0.6s ease-in-out;
}

.card-application:not(.opacity-0) .card-application__phone {
  transform: translateY(0);
}

.card-application .card-application__text,
.card-application .card-application__title {
  opacity: 0;
  transform: translateX(-5%);
  transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
}

.card-application:not(.opacity-0) .card-application__text,
.card-application:not(.opacity-0) .card-application__title {
  opacity: 1;
  transform: translateX(0);
}
/*
.card-application li {
  opacity: 0;
  transform: translateX(20px);
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.card-application:not(.opacity-0) li {
  opacity: 1;
  transform: translateX(0);
}

.card-application .card-application__icon {
  opacity: 0.8;
  transform: scale(0.9);
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.card-application:not(.opacity-0) .card-application__icon {
  opacity: 1;
  transform: scale(1);
} */

.image-attenuation {
  position: relative;
  /* padding: 20px; */
}
.image-attenuation img {
  border: 1px solid #fff;
  /* border-radius: 50%; */
}

.image-attenuation::after {
  content: "";
  position: absolute;
  top: -0.5rem;
  left: -0.5rem;

  width: calc(100% + 1rem);
  height: calc(100% + 1rem);
  /* border-radius: 50%; */
  box-shadow: inset 0px 0px 20px 30px #f8f9fa;
}

.btn-gradient-border {
  border: solid 2px transparent;
  background-image: linear-gradient(#ffffff, #f4f4f5),
    linear-gradient(to right, #23d5ab, #73b214b0);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  white-space: nowrap;
  color: #000000 !important;
}

.custom-bg {
  background-color: rgba(3, 13, 23, 0.7);
  border: 1px solid #041325 !important;
  border-radius: 10px;
}

.custom-subtext {
  color: rgba(255, 255, 255, 0.6);
}

/* parallax block */

.parallax-screen {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  clip: rect(0, auto, auto, 0);
}

.parallax-screen__content {
  position: fixed;
  top: 50px;
  left: 50%;
  right: 50%;
  transform: translateX(-50%);
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 32px 16px;
  will-change: transform;
}

/* solutions */

.container-fullhd {
  max-width: 1920px;
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container-fullhd {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-fullhd {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-fullhd {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-fullhd {
    max-width: 1920px;
  }
}

.scroll-section__image {
  position: sticky;
  top: 0;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

@media (min-width: 992px) {
  .scroll-section__text-card {
    height: 100vh;
  }
  .scroll-section__btn {
    --bs-btn-font-size: 1.25rem !important;
  }
}

/* Дополнительные звоночки */

.service-bell {
  display: inline-block;
  width: 16px;
  height: 16px;

  background-image: url("data:image/svg+xml,%3Csvg class='___1okpztj f1w7gpdv fez10in fg4l7m0 f16hsg94 fwpfdsa f88nxoq f1e2fz10' fill='currentColor' aria-hidden='true' width='1em' height='1em' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 5a2 2 0 1 1 4 0v.79a7 7 0 0 1 5 6.71.5.5 0 0 1-.5.5h-13a.5.5 0 0 1-.5-.5 7 7 0 0 1 5-6.71V5Zm2.5 3.5c.42 0 .84 0 1.27.16.41.15.87.45 1.31 1.12a.5.5 0 0 0 .84-.56 3.66 3.66 0 0 0-1.81-1.5 4.51 4.51 0 0 0-1.59-.22h-.02a.5.5 0 0 0 0 1Zm-7 5.5a1.5 1.5 0 0 0 0 3h13a1.5 1.5 0 0 0 0-3h-13Z' fill='%23F5A524'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
}

.service-bell-big {
  display: inline-block;
  width: 32px;
  height: 32px;

  background-image: url("data:image/svg+xml,%3Csvg class='___1okpztj f1w7gpdv fez10in fg4l7m0 f16hsg94 fwpfdsa f88nxoq f1e2fz10' fill='currentColor' aria-hidden='true' width='32px' height='32px' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 5a2 2 0 1 1 4 0v.79a7 7 0 0 1 5 6.71.5.5 0 0 1-.5.5h-13a.5.5 0 0 1-.5-.5 7 7 0 0 1 5-6.71V5Zm2.5 3.5c.42 0 .84 0 1.27.16.41.15.87.45 1.31 1.12a.5.5 0 0 0 .84-.56 3.66 3.66 0 0 0-1.81-1.5 4.51 4.51 0 0 0-1.59-.22h-.02a.5.5 0 0 0 0 1Zm-7 5.5a1.5 1.5 0 0 0 0 3h13a1.5 1.5 0 0 0 0-3h-13Z' fill='%23F5A524'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
}

.background {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  z-index: 0;
}

.fs-light {
  font-size: 12px !important;
}

@media (min-width: 768px) {
  .fs-light {
    font-size: 14px !important;
  }
}

/* form-check-card */
.form-check-card {
  padding: 0;
}
.form-check-card input {
  display: none;
}

.form-check-card label {
  position: relative;

  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 4px;
  border: 1px solid rgba(193, 193, 193, 0.341);
  background-color: rgb(255, 255, 255);

  transition: border 0.25s ease-in-out, background 0.25s ease-in-out;
  cursor: pointer;
}

/* .form-check-card label::after {
  content: "";

  position: absolute;
  top: 5px;
  right: 5px;

  width: 20px;
  height: 20px;
  border: 2px solid #696969b0;
  border-radius: 50%;
}

.form-check-card label::before {
  content: "";

  position: absolute;
  top: 10px;
  right: 10px;

  width: 10px;
  height: 10px;
  border-radius: 50%;

  background-color: #669c14;

  opacity: 0;
  visibility: hidden;
  transform: scale(0.8);
  transition: opacity 0.15s ease-in-out, visibility 0.15s ease-in-out,
    transform 0.25s ease-in-out;
}

.form-check-card input:checked + label::before {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
} */

.form-check-card label:hover,
.form-check-card input:checked + label {
  /* border-color: rgba(127, 209, 0, 0.729);
  background-color: rgba(121, 197, 4, 0.22); */
  border-color: rgb(111 169 254);
  background-color: rgb(13 110 253 / 20%);
}

.dotted-line {
  flex: 1;
  margin: 0 8px;
  border-bottom: 1px dashed #fff;
  align-self: flex-end;
}

.calc-modules__item {
  flex: 1 1 100%;
  gap: 10px;
}

.calc-modules__item label {
  cursor: pointer;
  transition: opacity 0.25s ease-in-out;
}

.calc-modules__item input {
  cursor: pointer;
}

.calc-modules__item input:checked + label,
.calc-modules__item input:hover + label,
.calc-modules__item label:hover {
  opacity: 1 !important;
}

.calc-modules__item input:disabled + label,
.calc-modules__item input:disabled + label:hover,
.calc-modules__item input:disabled + label:hover {
  border-color: transparent;
  pointer-events: none;
  color: #8c9690;
}

@media (min-width: 540px) {
  .calc-modules__item {
    white-space: nowrap;
    gap: 0;
  }
}
@media (min-width: 1200px) {
  .calc-modules__item {
    flex: 0 0 47%;
  }
}

.automation-body
  .custom-tabs__content
  .automation-table-wrapper:nth-child(2n)
  table
  thead {
  display: none !important;
}

.automation-body .custom-tabs__content .automation-table-wrapper table {
  width: 100%;
}

@media (min-width: 992px) {
  .automation-body
    .custom-tabs__content
    .automation-table-wrapper:nth-child(2n)
    table
    thead {
    display: table-header-group !important;
  }
}

.height-img-hidden {
  max-height: 120px;
  box-sizing: content-box;
}

@media (min-width: 375px) {
  .height-img-hidden {
    max-height: 140px;
  }
}

@media (min-width: 425px) {
  .height-img-hidden {
    max-height: 180px;
  }
}

@media (min-width: 768px) {
  .height-img-hidden {
    max-height: 250px;
  }
}

@media (min-width: 992px) {
  .height-img-hidden {
    max-height: 350px;
  }
}

@media (min-width: 1200px) {
  .height-img-hidden {
    max-height: 500px;
  }
}