/* fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

@font-face {
  font-family: 'San Francisco Pro';
  src: url('../fonts/SFProDisplay-Bold.eot');
  src: url('../fonts/SFProDisplay-Bold.eot?#iefix') format('embedded-opentype'),
      url('../fonts/SFProDisplay-Bold.woff2') format('woff2'),
      url('../fonts/SFProDisplay-Bold.woff') format('woff'),
      url('../fonts/SFProDisplay-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  }

/* reset */
*,
*::before,
*::after {
  box-sizing: border-box;
  }

body,
h1,
h2,
h3,
h4,
p,
ul,
ol,
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0;
  padding: 0;
  }

ul[class],
ol[class] {
  list-style: none;
  }

a:not([class]) {
  text-decoration-skip-ink: auto;
  text-decoration: none;
  }

a {
  color: #00A29A;
  text-decoration: none;
  transition: color .3s linear;
  }

a:hover { 
  color: #01bdb4;
  }

a:focus,
a:hover,
a:active { 
  outline: none !important;
  }

p { 
  margin: 0 0 20px;
  font-size: 16px;
  line-height: 22px;
  }

b, strong { 
  font-weight: 700;
  }

button { 
  margin: 0;
  padding: 0;
  vertical-align: top;
  border: 0;
  background: none;
  border-radius: 0;
  }

button:focus,
button:hover,
button:active { 
  outline: none !important;
  }

img {
  max-width: 100%;
  display: block;
  }

article > * + * {
  margin-top: 1em;
  }

input,
button,
textarea,
select {
  font: inherit;
  }

input:focus,
input:hover,
input:active { 
  outline: none !important;
  }

fieldset { 
  margin: 0 0 20px;
  padding: 0;
  border: 0;
  }

fieldset:last-child { 
  margin: 0;
  }

iframe { vertical-align: top; }

hr { 
  margin: 15px 0;
  width: 100%;
  height: 1px;
  border: 0;
  background: #e5ecdd;
  }

@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
    }
  }

.text-left { text-align: left; }

.text-center { text-align: center; }

.text-right { text-align: right; }

/* container */
.container {
  margin-right: auto;
  margin-left: auto;
  padding-right: 15px;
  padding-left: 15px;
  width: 100%;
  }

@media (min-width: 767px) {
  .container {
    max-width: 767px;
    }
  }

@media (min-width: 952px) {
  .container {
    max-width: 952px;
    }
  }

@media (min-width: 1330px) {
  .container {
    max-width: 1330px;
    }
  }

/* body */
body { 
  min-width: 320px;
  color: #1C284C;
  font: 16px 'Inter', sans-serif;
  font-weight: 400;
  line-height: 22px;
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
  transition: .3s background;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  text-size-adjust: none;
  }

.dark-color { 
  background: #171519;
  }

/* wrapper */
.wrapper { 
  position: relative;
  padding: 40px 0 0;
  }

/* header */
.header { 
  position: absolute;
  width: 100%;
  top: 90px;
  left: 0;
  z-index: 35;
  }

.header_changed { 
  position: relative;
  top: 0;
  }

.header__in { 
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 50px;
  }

.header_changed .header__in { 
  padding: 50px;
  background: #f6f6f8;
  border-radius: 26px;
  }

.header_changed.active .header__in { 
  background: none;
  }

/* logo */
.logo { 
  width: 180px;
  }

.logo a { 
  position: relative;
  display: block;
  }

.logo__white { 
  transition: .3s opacity;
  }

.dark-color .logo__white { 
  opacity: 0;
  }

.logo__dark { 
  position: absolute;
  display: block;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  transition: .3s opacity;
  }

.dark-color .logo__dark { 
  opacity: 1;
  }

.logo img { 
  width: 100%;
  }

/* header__right-col */
.header__right-col { 
  display: flex;
  align-items: center;
  gap: 0 30px;
  }

/* color-btn */
.color-btn { 
  position: relative;
  display: inline-block;
  width: 54px;
  height: 54px;
  vertical-align: top;
  font-size: 0;
  background: #fff;
  border-radius: 12px;
  cursor: pointer;
  transition: .3s all;
  }

.dark-color .color-btn { 
  background: #222434;
  }

.color-btn:hover { 
  opacity: 0.8;
  }

.color-btn:before { 
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(../img/bg/dark.svg) center no-repeat;
  content: "";
  transition: .3s all;
  }

.dark-color .color-btn:before { 
  opacity: 0;
  }

.color-btn:after { 
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(../img/bg/light.svg) center no-repeat;
  content: "";
  opacity: 0;
  transition: .3s all;
  }

.dark-color .color-btn:after { 
  opacity: 1;
  }

/* btn */
.btn { 
  display: inline-block;
  margin: 0;
  padding: 15px 20px;
  vertical-align: top;
  color: #fff;
  font-size: 14px;
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  text-align: center;
  line-height: 24px;
  border: 0;
  background: #00A29A;
  border-radius: 14px;
  cursor: pointer;
  transition: .3s all;
  }

.btn:hover { 
  color: #fff;
  background: #00b9b0;
  }

.btn_transparent-bg { 
  color: #00A29A;
  background: none;
  box-shadow: 0 0 0 1px inset #00A29A;
  }

.btn_transparent-bg:hover { 
  color: #fff;
  background: #00A29A;
  }

.btn_big-size { 
  padding: 17px 18px;
  min-width: 192px;
  font-size: 18px;
  line-height: 30px;
  }

.btn_md-size { 
  padding: 15px 20px;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  }

.btn_small-size { 
  padding: 8px 20px;
  min-width: 120px;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  border-radius: 10px;
  }

/* menu-btn */
.menu-btn { 
  position: relative;
  display: block;
  width: 40px;
  height: 32px;
  cursor: pointer;
  transition: .3s opacity;
  }

.menu-btn:hover { 
  opacity: 0.8;
  }

.menu-btn span { 
  position: absolute;
  display: block;
  width: 40px;
  height: 4px;
  right: 0;
  background: #1C284C;
  border-radius: 10px;
  cursor: pointer;
  transition: top 0.4s cubic-bezier(0.79, 0.21, 0.06, 0.81), transform 0.4s cubic-bezier(0.79, 0.21, 0.06, 0.81);
  }

.dark-color .menu-btn span { 
  background: #fff;
  }

.menu-btn span:nth-child(1) { 
  top: 0;
  }

.menu-btn span:nth-child(2) { 
  top: 9px;
  width: 20px;
  }

.menu-btn span:nth-child(3) { 
  top: 18px;
  width: 30px;
  }

.menu-btn span:nth-child(4) { 
  top: 27px;
  }

.menu-btn.open span:nth-child(1) { 
  top: 15px;
  transform: rotate(-45deg);
  }

.menu-btn.open span:nth-child(2),
.menu-btn.open span:nth-child(3) { 
  transform: scale(0)
  }

.menu-btn.open span:nth-child(4) { 
  top: 15px;
  transform: rotate(45deg);
  }

/* main-nav */
.main-nav { 
  position: absolute;
  padding: 176px 220px 52px;
  width: 1300px;
  top: 40px;
  left: 50%;
  background: #f6f6f8;
  border-radius: 50px;
  transform: translateX(-50%);
  opacity: 0;
  visibility: hidden;
  z-index: 30;
  transition: .3s all;
  }

.dark-color .main-nav { 
  background: #1A1B24;
  }

.main-nav.show { 
  opacity: 1;
  visibility: visible;
  }

.main-nav__in { 
  position: relative;
  z-index: 5;
  }

/* main-nav__list */
.main-nav__list { 
  margin: 0 0 88px;
  }

.main-nav__list ul { 
  list-style: none;
  }

.main-nav__list li { 
  margin: 0 0 30px;
  font-size: 24px;
  text-align: center;
  line-height: 30px;
  }

.main-nav__list li:last-child { 
  margin: 0;
  }

.main-nav__list a { 
  color: #1C284C;
  transition: .1s all;
  }

.dark-color .main-nav__list a { 
  color: #fff;
  }

.main-nav__list .active a,
.main-nav__list a:hover { 
  font-weight: 700;
  text-fill-color: transparent;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(90.95deg, #2FA1B7 -0.28%, #9080DC 47.04%, #EE4152 100%);
  -webkit-background-clip: text;
  background-clip: text;
  }

/* articles__title */
.articles__title { 
  margin: 0 0 15px;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  line-height: 30px;
  }

.dark-color .articles__title { 
  color: #fff;
  }

/* articles__list */
.articles__list { 
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0 20px;
  }

.article { 
  display: flex;
  padding: 10px;
  border: 1px solid #fff;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 14px;
  }

.dark-color .article { 
  background: #222434;
  border-color: #2E2C30;
  }

.article__photo { 
  flex-shrink: 0;
  margin: 0 15px 0 0;
  width: 80px;
  }

.article__photo img { 
  width: 100%;
  border-radius: 12px;
  }

.article__title { 
  font-size: 16px;
  font-weight: 600;
  line-height: 27px;
  }

.article__title a { 
  color: #1C284C;
  }

.dark-color .article__title a { 
  color: #fff;
  }

.article__title a:hover { 
  color: #00A29A;
  }

.article p { 
  margin: 0;
  font-size: 14px;
  font-weight: 300;
  line-height: 25px;
  }

.dark-color .article p { 
  color: #fff;
  }

.article p a { 
  font-weight: 700;
  }

.dark-color .article p a { 
  color: #fff;
  }

/* balloons */
.balloons { 
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  }

.balloons__first { 
  position: absolute;
  width: 10px;
  height: 10px;
  left: 15%;
  bottom: 35%;
  background: #EE4152;
  border-radius: 100%;
  opacity: 0.5;
  animation-delay: 1.6s;
  animation: shapeAnimate 3s ease-in-out infinite;
  }

.balloons__second { 
  position: absolute;
  width: 6px;
  height: 6px;
  left: 20%;
  bottom: 45%;
  background: #2FA1B7;
  border-radius: 100%;
  opacity: 0.5;
  animation-delay: .8s;
  animation: shapeAnimate 6s ease-in-out infinite;
  }

.balloons__third { 
  position: absolute;
  width: 16px;
  height: 16px;
  top: 15%;
  left: 50%;
  background: #A17AE2;
  border-radius: 100%;
  opacity: 0.5;
  animation-delay: .7s;
  animation: shapeAnimate 4s ease-in-out infinite;
  }

.balloons__fourth { 
  position: absolute;
  width: 10px;
  height: 10px;
  left: 63%;
  bottom: 45%;
  background: #AC74D9;
  border-radius: 100%;
  opacity: 0.5;
  animation-delay: 1.6s;
  animation: shapeAnimate 3s ease-in-out infinite;
  }

.balloons__fifth { 
  position: absolute;
  width: 10px;
  height: 10px;
  top: 32%;
  right: 28%;
  background: #AC74D9;
  border-radius: 100%;
  opacity: 0.5;
  animation-delay: .8s;
  animation: shapeAnimate 6s ease-in-out infinite;
  }

.balloons__sixth { 
  position: absolute;
  width: 10px;
  height: 10px;
  right: 8%;
  bottom: 31%;
  background: #EE4152;
  border-radius: 100%;
  opacity: 0.5;
  animation-delay: .7s;
  animation: shapeAnimate 4s ease-in-out infinite;
  }

@keyframes shapeAnimate {
  0%,
  100% {
    transform: translateY(20px);
  }
  50% {
    transform: translateY(-20px);
  }
}

/* promo */
.promo_indent-bottom { 
  margin: 0 0 150px;
  }

.promo__in { 
  position: relative;
  background: #f6f6f8;
  border-radius: 50px;
  transition: .3s background;
  }

.dark-color .promo__in { 
  background: #1A1B24;
  }

/* promo__content */
.promo__content { 
  position: relative;
  padding: 157px 50px 50px;
  text-align: center;
  z-index: 5;
  }

/* promo__title */
.promo__title { 
  margin: 0 0 30px;
  font-size: 48px;
  font-family: 'San Francisco Pro', sans-serif;
  font-weight: 700;
  line-height: 58px;
  transition: .3s color;
  }

.dark-color .promo__title { 
  color: #fff;
  }

.promo__title span { 
  text-fill-color: transparent;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(90.95deg, #2FA1B7 -0.28%, #9080DC 47.04%, #EE4152 100%);
  -webkit-background-clip: text;
  background-clip: text;
  }

/* promo__text */
.promo__text { 
  margin: 0 0 40px;
  color: rgba(35, 38, 47, 0.8);
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
  }

.dark-color .promo__text { 
  color: #fff;
  }

/* btn */
.promo .btn { 
  margin: 0 0 50px;
  }

.promo .btn_indent-bottom-none { 
  margin: 0;
  }

/* author */
.promo .author { 
  margin: 0 0 50px;
  justify-content: center;
  text-align: left;
  }

.promo .author__photo { 
  margin: 0 15px 0 0;
  width: 60px;
  }

.promo .author__name { 
  margin: 0 0 10px;
  font-size: 24px;
  line-height: 28px;
  }

.promo .author__post { 
  color: #1C284C;
  font-size: 14px;
  line-height: 22px;
  }

.dark-color .promo .author__post { 
  color: #fff;
  }

/* info-panel */
.info-panel { 
  display: flex;
  justify-content: center;
  gap: 0 26px;
  }

.info-panel__item { 
  display: flex;
  align-items: center;
  padding: 15px 25px;
  border: 1px solid #fff;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 10px;
  }

.dark-color .info-panel__item { 
  color: #fff;
  border: 1px solid #2E2C30;
  background: #222434;
  }

.info-panel__icon { 
  position: relative;
  flex-shrink: 0;
  margin: 0 10px 0 0;
  }

.info-panel__icon-light { 
  transition: .3s opacity;
  }

.dark-color .info-panel__icon-light { 
  opacity: 0;
  }

.info-panel__icon-dark { 
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: .3s opacity;
  }

.dark-color .info-panel__icon-dark { 
  opacity: 1;
  }

.info-panel__text { 
  display: block;
  color: #888B8B;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  }

.dark-color .info-panel__text { 
  color: #fff;
  }

/* statistics */
.statistics { 
  display: flex;
  justify-content: center;
  gap: 0 30px;
  }

.statistic-item { 
  padding: 12px 30px;
  text-align: center;
  border: 1px solid #fff;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 15px;
  transition: .3s all;
  }

.dark-color .statistic-item { 
  background: #222434;
  border: 1px solid #2E2C30;
  }

.statistic-item__number { 
  display: block;
  margin: 0 0 10px;
  font-size: 36px;
  font-weight: 800;
  line-height: 44px;
  }

.statistic-item__number span {
  text-fill-color: transparent; 
  -webkit-text-fill-color: transparent;
  background: linear-gradient(103.44deg, #2EA1B6 0%, #8684D8 100%);
  -webkit-background-clip: text;
  background-clip: text;
  }

.statistic-item__text { 
  display: block;
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  transition: .3s color;
  }

.dark-color .statistic-item__text { 
  color: #fff;
  }

/* page */
.page { 
  overflow: hidden;
  }

/* main-content */
.main-content { 
  padding: 50px 0 150px;
  }

/* partners-slider */
.partners-slider { 
  margin: 0 0 100px;
  }

.partners-slider__left-dec { 
  position: absolute;
  width: 100px;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 10;
  }

.partners-slider__left-dec:before { 
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgb(255,255,255);
  background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
  content: "";
  transition: .3s opacity;
  }

.dark-color .partners-slider__left-dec:before { 
  opacity: 0;
  }

.partners-slider__left-dec:after { 
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgb(23,21,25);
  background: linear-gradient(90deg, rgba(23,21,25,1) 0%, rgba(23,21,25,0) 100%);
  opacity: 0;
  content: "";
  transition: .3s opacity;
  }

.dark-color .partners-slider__left-dec:after { 
  opacity: 1;
  }

.partners-slider__right-dec { 
  position: absolute;
  width: 100px;
  height: 100%;
  top: 0;
  right: 0;
  z-index: 10;
  }

.partners-slider__right-dec:before { 
  position: absolute;
  display: block;
  width: 100px;
  height: 100%;
  top: 0;
  right: 0;
  background: rgb(255,255,255);
  background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
  z-index: 10;
  content: "";
  transition: .3s opacity;
  }

.dark-color .partners-slider__right-dec:before { 
  opacity: 0;
  }

.partners-slider__right-dec:after { 
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgb(23,21,25);
  background: linear-gradient(90deg, rgba(23,21,25,0) 0%, rgba(23,21,25,1) 100%);
  opacity: 0;
  content: "";
  transition: .3s opacity;
  }

.dark-color .partners-slider__right-dec:after { 
  opacity: 1;
  }

.partners-slider .swiper-wrapper { 
  align-items: center;
  z-index: 5;
  }

.partners-slider .swiper-slide { 
  position: relative;
  width: auto;
  }

.partners-slider__ligth { 
  transition: .3s opacity;
  }

.dark-color .partners-slider__ligth { 
  opacity: 0;
  }

.partners-slider__dark { 
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  transition: .3s opacity;
  }

.dark-color .partners-slider__dark { 
  opacity: 1;
  }

/* blockquote */
.blockquote { 
  margin: 0 0 150px;
  padding: 100px 80px 75px;
  border: 1px solid rgba(226, 226, 226, 0.5);
  background: url(../img/bg/blockquote-bg.svg) right 0 no-repeat;
  border-radius: 26px;
  transition: .3s border-color;
  }

.dark-color .blockquote { 
  border-color: #2C2A2E;
  background: url(../img/bg/blockquote-bg-d.svg) right 0 no-repeat;
  }

/* blockquote__text */
.blockquote__text { 
  position: relative;
  margin: 0 0 85px;
  font-size: 24px;
  text-align: center;
  line-height: 45px;
  transition: .3s color;
  }

.dark-color .blockquote__text { 
  color: #fff;
  }

.blockquote__text:before { 
  position: absolute;
  display: block;
  width: 67px;
  height: 60px;
  top: -60px;
  left: 90px;
  background: url(../img/bg/blockquote-l-dec.svg) center no-repeat;
  background-size: 100%;
  content: "";
  }

.dark-color .blockquote__text:before { 
  background: url(../img/bg/blockquote-l-dec-w.svg) center no-repeat;
  background-size: 100%;
  }

.blockquote__text:after { 
  position: absolute;
  display: block;
  width: 67px;
  height: 60px;
  right: 90px;
  bottom: -60px;
  background: url(../img/bg/blockquote-r-dec.svg) center no-repeat;
  background-size: 100%;
  content: "";
  }

.dark-color .blockquote__text:after { 
  background: url(../img/bg/blockquote-r-dec-w.svg) center no-repeat;
  background-size: 100%;
  }

.blockquote__text strong { 
  font-weight: 600;
  }

.blockquote__break-tablet { 
  display: none;
  }

/* blockquote__ceo */
.blockquote__ceo { 
  position: relative;
  padding: 80px 0 0;
  text-align: center;
  transition: .3s color;
  }

.dark-color .blockquote__ceo { 
  color: #fff;
  }

.blockquote__ceo:before { 
  position: absolute;
  display: block;
  width: 52px;
  height: 60px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background: url(../img/bg/logo-sm.svg) center no-repeat;
  background-size: 100%;
  content: "";
  }

.dark-color .blockquote__ceo:before { 
  background: url(../img/bg/logo-sm-w.svg) center no-repeat;
  background-size: 100%;
  }

.blockquote__ceo dt { 
  margin: 0 0 10px;
  font-size: 24px;
  font-weight: 600;
  line-height: 28px;
  }

.blockquote__ceo dd { 
  font-size: 24px;
  line-height: 28px;
  }

/* title */
.title { 
  margin: 0 0 50px;
  font-size: 48px;
  font-family: 'San Francisco Pro', sans-serif;
  font-weight: 700;
  line-height: 58px;
  transition: .3s color;
  }

.dark-color .title { 
  color: #fff;
  }

.title_indent-bt-sm { 
  margin: 0 0 20px;
  }

/* small-title */
.small-title { 
  margin: 0 0 30px;
  font-size: 36px;
  font-family: 'San Francisco Pro', sans-serif;
  font-weight: 700;
  line-height: 44px;
  transition: .3s color;
  }

/* sub-title */
.sub-title { 
  margin: 0 0 50px;
  font-size: 18px;
  line-height: 26px;
  transition: .3s color;
  }

.dark-color .sub-title { 
  color: #fff;
  }

/* gl-icon */
.gl-icon { 
  position: relative;
  width: 62px;
  height: 68px;
  background: url(../img/bg/icon-bg.svg) center no-repeat;
  background-size: 100%;
  }

.dark-color .gl-icon { 
  background: url(../img/bg/icon-bg-d.svg) center no-repeat;
  background-size: 100%;
  }

.gl-icon__light { 
  display: flex;
  justify-content: center;
  align-items: center;
  width: 62px;
  height: 68px;
  transition: .3s opacity;
  }

.dark-color .gl-icon__light { 
  opacity: 0;
  }

.gl-icon__dark { 
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 62px;
  height: 68px;
  top: 0;
  left: 0;
  opacity: 0;
  transition: .3s opacity;
  }

.dark-color .gl-icon__dark { 
  opacity: 1;
  }

/* info */
.info { 
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px 30px;
  margin: 0 0 50px;
  }

/* info-item */
.info-item { 
  padding: 1px;
  height: 100%;
  background: #fafbfb;
  border-radius: 26px;
  transition: .3s all;
  }

.dark-color .info-item { 
  background: #1A1B24;
  }

.info-item:hover { 
  background: rgb(50,160,185);
  background: linear-gradient(160deg, rgba(50,160,185,1) 0%, rgba(121,137,212,1) 50%, rgba(236,67,86,1) 100%);
  box-shadow: -363px 363px 205px rgba(0, 0, 0, 0.01), 
              -204px 204px 173px rgba(0, 0, 0, 0.05), 
              -91px 91px 128px rgba(0, 0, 0, 0.09), 
              -23px 23px 71px rgba(0, 0, 0, 0.1), 
              0px 0px 0px rgba(0, 0, 0, 0.1);
  }

.info-item__in { 
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 25px 0;
  padding: 30px 40px;
  height: 100%;
  background: #fafbfb;
  border-radius: 26px;
  transition: .3s background;
  }

.dark-color .info-item__in { 
  background: #1A1B24;
  }

.info-item .gl-icon { 
  margin: 0 0 30px;
  }

.info-item__title { 
  margin: 0 0 15px;
  font-size: 24px;
  font-family: 'San Francisco Pro', sans-serif;
  font-weight: 700;
  line-height: 28px;
  }

.info-item__title span { 
  text-fill-color: transparent;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(90.95deg, #2FA1B7 -0.28%, #9080DC 47.04%, #EE4152 100%);
  -webkit-background-clip: text;
  background-clip: text;
  }

.info-item p { 
  margin: 0;
  font-size: 16px;
  line-height: 25px;
  transition: .3s color;
  }

.dark-color .info-item p { 
  color: #fff;
  }

/* btn-panel */
.btn-panel {
  display: flex;
  justify-content: center;
  gap: 0 30px;
  margin: 0 0 150px;
  }

/* rate-panel */
.rate-panel { 
  display: flex;
  justify-content: center;
  gap: 0 15px;
  margin: 0 0 30px;
  }

.rate-item { 
  display: flex;
  align-items: center;
  gap: 0 5px;
  padding: 0 10px;
  height: 40px;
  background: #F9FAFB;
  border-radius: 100px;
  transition: .3s all;
  }

.dark-color .rate-item { 
  box-shadow: 0 0 0 1px #2E2C30 inset;
  background: #1A1B24;
  }

.rate-item__text { 
  display: block;
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  transition: .3s color;
  }

.dark-color .rate-item__text { 
  color: #fff;
  }

/* reviews */
.reviews { 
  column-count: 3;
  column-gap: 30px;
  margin: 0 0 50px;
  }

/* review-item */
.review-item { 
  display: flex;
  break-inside: avoid;
  margin: 0 0 30px;
  padding: 1px;
  background: #E2E2E2;
  border-radius: 26px;
  transition: .3s all;
  }

.dark-color .review-item { 
  background: #2D2B2F;
  }

.review-item:hover { 
  position: relative;
  background: rgb(50,160,185);
  background: linear-gradient(160deg, rgba(50,160,185,1) 0%, rgba(121,137,212,1) 50%, rgba(236,67,86,1) 100%);
  box-shadow: 0px 30px 60px -30px rgba(22, 22, 22, 0.15), 
              0px 50px 100px -20px rgba(181, 181, 181, 0.2);
  z-index: 5;
  }

.dark-color .review-item:hover { 
  box-shadow: -372px 372px 147px rgba(0, 0, 0, 0.01), 
              -238px 238px 135px rgba(0, 0, 0, 0.07), 
              -134px 134px 114px rgba(0, 0, 0, 0.25), 
              -59px 59px 84px rgba(0, 0, 0, 0.43), 
              -15px 15px 46px rgba(0, 0, 0, 0.49), 
              0px 0px 0px rgba(0, 0, 0, 0.5);
  }

.review-item__in { 
  padding: 30px;
  background: #fff;
  border-radius: 26px;
  transition: .3s background;
  }

.dark-color .review-item__in { 
  background: #1A1B24;
  }

/* review-item__name */
.review-item__name { 
  display: block;
  margin: 0 0 5px;
  font-size: 18px;
  font-family: 'San Francisco Pro', sans-serif;
  font-weight: 700;
  line-height: 21px;
  transition: .3s color;
  }

.dark-color .review-item__name { 
  color: #fff;
  }

.review-item:hover .review-item__name span { 
  text-fill-color: transparent;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(90.95deg, #2FA1B7 -0.28%, #9080DC 47.04%, #EE4152 100%);
  -webkit-background-clip: text;
  background-clip: text;
  }

/* review-item__position */
.review-item__position { 
  display: flex;
  align-items: center;
  gap: 0 5px;
  margin: 0 0 25px;
  }

.review-item__position span { 
  display: block;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
  transition: .3s color;
  }

.dark-color .review-item__position span { 
  color: #fff;
  }

.review-item__position i { 
  display: block;
  width: 6px;
  height: 6px;
  background: #1C284C;
  border-radius: 100%;
  transition: .3s background;
  }

.dark-color .review-item__position i { 
  background: #fff;
  }

/* review-item */
.review-item p { 
  margin: 0;
  font-size: 14px;
  line-height: 25px;
  transition: .3s color;
  }

.dark-color .review-item p { 
  color: #fff;
  }

/* gl-pagination */
.gl-pagination.swiper-pagination { 
  position: relative;
  display: flex;
  justify-content: center;
  gap: 0 5px;
  padding: 30px 0 0;
  bottom: 0 !important;
  left: 0 !important;
  z-index: 10;
  }

.gl-pagination .swiper-pagination-bullet {
  display: block; 
  margin: 0 !important;
  width: 10px;
  height: 10px;
  vertical-align: top;
  background: rgba(0, 162, 154, 0.2);
  border-radius: 100px;
  transition: .3s all;
  opacity: 1;
  cursor: pointer;
  }

.gl-pagination .swiper-pagination-bullet-active { 
  width: 20px;
  background: #00A29A;
  }

/* reviews-slider */
.reviews-slider { 
  display: none;
  margin: 0 0 40px;
  }

.reviews-slider .review-item { 
  margin: 0;
  }

.reviews-slider .review-item:hover { 
  box-shadow: none;
  }

/* requirements */
.requirements { 
  position: relative;
  margin: 0 0 50px;
  padding: 50px 600px 63px 60px;
  background: #F6F7F8;
  border-radius: 26px;
  transition: .3s background;
  }

.dark-color .requirements { 
  background: #1A1B24;
  }

/* requirements__title */
.requirements__title { 
  margin: 0 0 30px;
  font-size: 24px;
  font-family: 'San Francisco Pro', sans-serif;
  font-weight: 700;
  line-height: 28px;
  transition: .3s color;
  }

.dark-color .requirements__title { 
  color: #fff;
  }

/* gl-info-list */
.gl-info-list li { 
  position: relative;
  margin: 0 0 20px;
  padding: 0 0 0 26px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  transition: .3s color;
  }

.dark-color .gl-info-list li { 
  color: #fff;
  }

.gl-info-list li:before { 
  position: absolute;
  display: block;
  width: 16px;
  height: 16px;
  top: 5px;
  left: 0;
  background: url(../img/bg/check-list.svg) center no-repeat;
  background-size: 100%;
  content: "";
  }

.gl-info-list li:last-child { 
  margin: 0;
  }

/* requirements__img */
.requirements__img { 
  position: absolute;
  width: 470px;
  right: 67px;
  bottom: 0;
  }

.requirements__img img { 
  width: 100%;
  }

/* benefits */
.benefits { 
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0 30px;
  margin: 0 0 50px;
  }

/* benefits__description */
.benefits__description { 
  padding: 34px 40px 32px;
  background: #F6F7F8;
  border-radius: 22px;
  transition: .3s background;
  }

.dark-color .benefits__description { 
  background: #1A1B24;
  }

.benefits .gl-info-list li { 
  margin: 0 0 25px;
  }

.benefits .gl-info-list li:last-child { 
  margin: 0;
  }

/* benefits__list */
.benefits__list { 
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px 30px;
  }

/* benefit */
.benefit { 
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 15px 0;
  padding: 20px;
  background: #F6F7F8;
  border-radius: 22px;
  transition: .3s background;
  }

.dark-color .benefit { 
  background: #1A1B24;
  }

.benefit__number { 
  display: block;
  font-size: 48px;
  font-family: 'San Francisco Pro', sans-serif;
  font-weight: 700;
  text-align: center;
  line-height: 56px;
  }

.benefit__number span { 
  background: linear-gradient(106.67deg, #2EA1B6 0%, #8684D8 50.52%, #EE4152 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  }

.benefit__text { 
  display: block;
  font-size: 15px;
  font-weight: 500;
  text-align: center;
  line-height: 22px;
  transition: .3s color;
  }

.dark-color .benefit__text { 
  color: #fff;
  }

/* person-slider */
.person-slider.swiper {  
  margin: 0 0 50px;
  overflow: visible;
  }

.person-slider .gl-pagination.swiper-pagination { 
  display: none;
  }

.person-slider .swiper-slide { 
  width: 330px;
  }

.person-slider__arrows { 
  display: flex;
  gap: 0 30px;
  justify-content: center;
  padding: 50px 0 0;
  }

.person-slider .swiper-button-prev { 
  background: url(../img/bg/left-arrow.svg) center no-repeat;
  }

.person-slider .swiper-button-next { 
  background: url(../img/bg/right-arrow.svg) center no-repeat;
  }

.person-slider .swiper-button-next,
.person-slider .swiper-button-prev { 
  position: static;
  margin: 0;
  width: 60px;
  height: 60px;
  border: 1px solid #00A29A;
  border-radius: 100%;
  transition: .3s opacity;
  }

.person-slider .swiper-button-next:hover,
.person-slider .swiper-button-prev:hover {
  opacity: 0.6;
  }

.person-slider .swiper-button-next:after,
.person-slider .swiper-button-prev:after { 
  display: none;
  }

/* person */
.person { 
  padding: 1px;
  background: #CED6DB;
  border-radius: 22px;
  transition: .3s all;
  }

.dark-color .person { 
  background: #2F2E30;
  }

.person:hover { 
  background: rgb(50,160,185);
  background: linear-gradient(160deg, rgba(50,160,185,1) 0%, rgba(121,137,212,1) 50%, rgba(236,67,86,1) 100%);
  box-shadow: -108px 108px 61px rgba(0, 0, 0, 0.01), 
              -61px 61px 52px rgba(0, 0, 0, 0.03), 
              -27px 27px 38px rgba(0, 0, 0, 0.04), 
              -7px 7px 21px rgba(0, 0, 0, 0.05), 
              0px 0px 0px rgba(0, 0, 0, 0.05);
  }

.dark-color:hover { 
  box-shadow: -372px 372px 147px rgba(0, 0, 0, 0.01), 
              -238px 238px 135px rgba(0, 0, 0, 0.07), 
              -134px 134px 114px rgba(0, 0, 0, 0.25), 
              -59px 59px 84px rgba(0, 0, 0, 0.43), 
              -15px 15px 46px rgba(0, 0, 0, 0.49), 
              0px 0px 0px rgba(0, 0, 0, 0.5);
  }

.person__in {
  display: flex;
  flex-direction: column;
  align-items: center; 
  padding: 20px;
  background: #fff;
  border-radius: 22px;
  transition: .3s background;
  }

.dark-color .person__in { 
  background: #1A1B24;
  }

.person__photo { 
  margin: 0 0 20px;
  width: 100px;
  }

.person__photo img { 
  width: 100%;
  border-radius: 100%;
  }

.person__position { 
  display: block;
  margin: 0 0 10px;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  transition: .3s color;
  }

.dark-color .person__position { 
  color: #fff;
  }

.person__name { 
  display: block;
  margin: 0 0 15px;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  transition: .3s color;
  }

.dark-color .person__name { 
  color: #fff;
  }

.person__experience { 
  display: block;
  margin: 0 0 10px;
  color: #23262F;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  transition: .3s color;
  }

.dark-color .person__experience { 
  color: #fff;
  }

/* tags */
.tags { 
  display: flex;
  gap: 10px 10px;
  margin: 0 0 20px;
  }

.tag { 
  display: inline-block;
  padding: 4px 10px;
  min-width: 60px;
  vertical-align: top;
  color: #00A29A;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  line-height: 16px;
  background: #E0F1F1;
  border-radius: 50px;
  transition: .3s background;
  }

.dark-color .tag { 
  background: rgba(0, 162, 154, 0.2);
  }

/* gl-info-list */
.person .gl-info-list { 
  display: flex;
  flex-direction: column;
  align-items: center;
  }

.person .gl-info-list li { 
  margin: 0 0 15px;
  font-size: 14px;
  line-height: 20px;
  }

.person .gl-info-list li:last-child { 
  margin: 0;
  }

/* person__btn-panel */
.person__btn-panel { 
  height: 0;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transition: .3s all;
  }

.person:hover .person__btn-panel { 
  height: 70px;
  opacity: 1;
  visibility: visible;
  }

/* btn */
.person .btn { 
  margin: 20px 0 0;
  width: 100%;
  }

/* work-slider-wrap */
.work-slider-wrap { 
  position: relative;
  margin: 0 0 50px;
  padding: 0 110px;
  }

/* gl-pagination.swiper-pagination */
.work-slider .gl-pagination.swiper-pagination { 
  display: none;
  padding: 50px 0 0;
  }

/* swiper-buttons */
.work-slider-wrap .swiper-button-prev,
.work-slider-wrap .swiper-button-next { 
  width: 60px;
  height: 60px;
  background: #fff;
  border-radius: 100%;
  box-shadow: -64px 64px 36px rgba(0, 0, 0, 0.01), 
              -36px 36px 30px rgba(0, 0, 0, 0.05), 
              -16px 16px 22px rgba(0, 0, 0, 0.09), 
              -4px 4px 12px rgba(0, 0, 0, 0.1), 
              0px 0px 0px rgba(0, 0, 0, 0.1);
  }

.dark-color .work-slider-wrap .swiper-button-prev,
.dark-color .work-slider-wrap .swiper-button-next { 
  background: #1D1C22;
  box-shadow: -99px 99px 39px rgba(0, 0, 0, 0.01), 
              -64px 64px 36px rgba(0, 0, 0, 0.09), 
              -36px 36px 30px rgba(0, 0, 0, 0.3), 
              -16px 16px 22px rgba(0, 0, 0, 0.51), 
              -4px 4px 12px rgba(0, 0, 0, 0.59), 
              0px 0px 0px rgba(0, 0, 0, 0.6);
  }

.work-slider-wrap .swiper-button-prev:after,
.work-slider-wrap .swiper-button-next:after { 
  display: none;
  }

.work-slider-wrap .swiper-button-prev { 
  left: 0;
  }

.work-slider-wrap .swiper-button-next { 
  right: 0;
  }

.work-slider-wrap .swiper-button-next.swiper-button-disabled, 
.work-slider-wrap .swiper-button-prev.swiper-button-disabled { 
  background: #F9FAFB;
  opacity: 1;
  box-shadow: none;
  }

.dark-color .work-slider-wrap .swiper-button-next.swiper-button-disabled, 
.dark-color .work-slider-wrap .swiper-button-prev.swiper-button-disabled {
  background: #1D1C22;
  }

.work-slider-wrap .swiper-button-prev span,
.work-slider-wrap .swiper-button-next span {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  }

.work-slider-wrap .swiper-button-prev span:before { 
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(../img/bg/left-arrow.svg) center no-repeat;
  content: "";
  transition: .3s opacity;
  }

.work-slider-wrap .swiper-button-next span:before { 
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(../img/bg/right-arrow.svg) center no-repeat;
  content: "";
  transition: .3s opacity;
  }

.work-slider-wrap .swiper-button-prev span:after { 
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(../img/bg/left-arrow-g.svg) center no-repeat;
  content: "";
  opacity: 0;
  transition: .3s opacity;
  }

.work-slider-wrap .swiper-button-next span:after { 
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(../img/bg/right-arrow-g.svg) center no-repeat;
  content: "";
  transition: .3s opacity;
  opacity: 0;
  }

.work-slider-wrap .swiper-button-next.swiper-button-disabled span:before, 
.work-slider-wrap .swiper-button-prev.swiper-button-disabled span:before {
  opacity: 0;
  }

.work-slider-wrap .swiper-button-next.swiper-button-disabled span:after, 
.work-slider-wrap .swiper-button-prev.swiper-button-disabled span:after {
  opacity: 1;
  }

/* work-item */
.work-item { 
  display: flex;
  align-items: center;
  }

.work-item__photo { 
  position: relative;
  flex-shrink: 0;
  margin: 0 0 0 83px;
  width: 636px;
  }

.work-item__photo-light { 
  transition: .3s opacity;
  }

.dark-color .work-item__photo-light { 
  opacity: 0;
  }

.work-item__photo-dark { 
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  }

.dark-color .work-item__photo-dark { 
  opacity: 1;
  }

.work-item__photo img { 
  width: 100%;
  border-radius: 26px;
  }

.work-item__description { 
  flex-grow: 1;
  }

.work-item .small-title { 
  margin: 0 0 15px;
  }

.dark-color .small-title { 
  color: #fff;
  }

.work-item p { 
  margin: 0 0 20px;
  font-size: 16px;
  line-height: 25px;
  transition: .3s color;
  }

.dark-color .work-item p { 
  color: #fff;
  }

.work-item .tags { 
  margin: 0 0 25px;
  }

/* blog-wrap */
.blog-wrap { 
  margin: 0 0 150px;
  padding: 50px 40px 60px;
  background: #F6F6F8;
  border-radius: 26px;
  }

.dark-color .blog-wrap { 
  background: #1A1B24;
  }

/* blog */
.blog { 
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0 50px;
  margin: 0 0 70px;
  }

.blog_changed { 
  gap: 50px 30px;
  margin: 0 0 50px;
  }

.blog_indent-bottom-big { 
  margin: 0 0 150px;
  }

/* blog-item */
.blog-item__photo { 
  margin: 0 0 20px;
  height: 200px;
  }

.blog_changed .blog-item__photo { 
  margin: 0 0 30px;
  }

.blog-item__photo img { 
  width: 100%;
  height: 100%;
  border-radius: 22px;
  object-fit: cover;
  }

.blog-item__title { 
  margin: 0 0 15px;
  font-size: 18px;
  font-family: 'San Francisco Pro', sans-serif;
  font-weight: 600;
  line-height: 30px;
  }

.blog_changed .blog-item__title { 
  margin: 0 0 20px;
  }

.blog-item__title a { 
  color: #1C284C;
  }

.dark-color .blog-item__title a { 
  color: #fff;
  }

.blog-item__title a:hover { 
  color: #00A29A;
  }

.blog-item p { 
  margin: 0 0 55px;
  font-size: 16px;
  font-weight: 300;
  line-height: 25px;
  }

.dark-color .blog-item p { 
  color: #fff;
  }

.blog-item__panel { 
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 30px;
  }

/* author */
.author { 
  display: flex;
  align-items: center;
  }

.author__photo { 
  flex-shrink: 0;
  margin: 0 10px 0 0;
  width: 40px;
  }

.author__photo img { 
  width: 100%;
  border-radius: 100%;
  }

.author__name { 
  display: block;
  margin: 0 0 2px;
  color: #1C284C;
  font-size: 18px;
  font-family: 'San Francisco Pro', sans-serif;
  font-weight: 700;
  line-height: 22px;
  }

.dark-color .author__name { 
  color: #fff;
  }

.author__post { 
  display: block;
  color: #9D9D9D;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  }

/* blog-item__date */
.blog-item__date { 
  display: block;
  color: #9D9D9D;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  }

/* subscription-form */
.subscription-form { 
  position: relative;
  margin: 0 auto;
  max-width: 500px;
  }

.subscription-form input[type='email'] { 
  padding-right: 150px;
  }

.subscription-form .btn { 
  position: absolute;
  min-width: 134px;
  top: 4px;
  right: 4px;
  border-radius: 12px;
  }

/* input */
.subscription-form input[type='tel'],   
.subscription-form input[type='text'],
.subscription-form input[type='email'],
.subscription-form input[type='password'] {
  margin: 0;
  padding: 0 15px;
  vertical-align: top;
  width: 100%;
  height: 60px;
  color: #9D9D9D;
  font-size: 18px;
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  border: 0;
  background: #fff;
  box-shadow: none !important;
  border-radius: 14px;
  transition: .3s border-color;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  }

.dark-color .subscription-form input[type='tel'],   
.dark-color .subscription-form input[type='text'],
.dark-color .subscription-form input[type='email'],
.dark-color .subscription-form input[type='password'] {
  background: #222434;
  }

.subscription-form input[type='tel']:focus,   
.subscription-form input[type='text']:focus,
.subscription-form input[type='email']:focus,
.subscription-form input[type='password']:focus {
  color: #1C284C;
  }

.subscription-form input[type='tel']::-moz-placeholder,
.subscription-form input[type='text']::-moz-placeholder,
.subscription-form input[type='email']::-moz-placeholder,
.subscription-form input[type='password']::-moz-placeholder {
  color: #9D9D9D;
  opacity: 1;
  outline: none;
  }

.subscription-form input[type='tel']::-webkit-input-placeholder,
.subscription-form input[type='text']::-webkit-input-placeholder,
.subscription-form input[type='email']::-webkit-input-placeholder,
.subscription-form input[type='password']::-webkit-input-placeholder {
  color: #9D9D9D;
  opacity: 1;
  outline: none;
  }

/* accordion */
.accordion { 
  margin: 0 auto 50px;
  padding: 7px 0 0;
  max-width: 1080px;
  }

/* accordion__item */
.accordion__item { 
  padding: 27px 0;
  border-bottom: 1px solid #D9D9D9;
  }

.dark-color .accordion__item { 
  border-bottom: 1px solid #2E2C30;
  } 

.accordion__item:first-child { 
  padding-top: 0;
  }

/* accordion__top-panel */
.accordion__top-panel { 
  position: relative;
  padding: 0 50px 0 0;
  cursor: pointer;
  }

/* accordion__title */ 
.accordion__title { 
  display: block;
  color: #1C284C;
  font-size: 24px;
  font-weight: 700;
  font-family: 'San Francisco Pro', sans-serif;
  line-height: 22px;
  }

.dark-color .accordion__title { 
  color: #fff;
  }

/* accordion__icon */ 
.accordion__icon { 
  position: absolute;
  width: 36px;
  height: 36px;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  border: 1px solid #0090A8;
  border-radius: 100%;
  }

.accordion__icon:before { 
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: #0090A8;
  font-size: 24px;
  font-weight: 500;
  font-family: 'San Francisco Pro', sans-serif;
  text-align: center;
  line-height: 30px;
  content: "+";
  transition: .3s opacity;
  }

.accordion__top-panel.active .accordion__icon:before { 
  opacity: 0;
  }

.accordion__icon:after { 
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: #0090A8;
  font-size: 24px;
  font-weight: 500;
  font-family: 'San Francisco Pro', sans-serif;
  text-align: center;
  line-height: 30px;
  content: "-";
  opacity: 0;
  transition: .3s opacity;
  }

.accordion__top-panel.active .accordion__icon:after { 
  opacity: 1;
  }

/* accordion__content */
.accordion__content { 
  max-height: 0;
  overflow: hidden;
  transition: 0.5s ease-in-out;
  }

.accordion__content p { 
  margin: 20px 0 0;
  font-size: 16px;
  font-weight: 300;
  line-height: 25px;
  }

.dark-color .accordion__content p { 
  color: #fff;
  }

/* customers */
.customers { 
  position: relative;
  color: #fff;
  background: #0A0F15;
  border-radius: 26px;
  }

.customers__in { 
  position: relative;
  padding: 97px 634px 83px 80px;
  background: url(../img/bg/become-customers-bg.svg) -140px -100px no-repeat;
  z-index: 5;
  }

.customers_changed .customers__in { 
  padding: 136px 634px 137px 77px;
  }

.customers .title { 
  margin: 0 0 20px;
  }

.customers p { 
  margin: 0 0 50px;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  }

.customers .btn { 
  box-shadow: 0 0 70px 0 #00A29A;
  }

/* customers__img */
.customers__img { 
  position: absolute;
  width: 435px;
  right: 85px;
  bottom: 0;
  }

.customers__img_small-size { 
  width: 395px;
  right: 75px;
  }

.customers__img img { 
  width: 100%;
  }

.customers__form { 
  position: relative;
  max-width: 440px;
  }

.customers__form input[type='email'] { 
  margin: 0;
  padding: 0 150px 0 15px;
  width: 100%;
  height: 60px;
  color: #9D9D9D;
  font-size: 18px;
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  border-radius: 14px;
  border: 1px solid #1C284C;
  background: rgba(10, 15, 21, 0.5);
  box-shadow: none !important;
  }

.customers__form input[type='email']::-moz-placeholder {
  color: #9D9D9D;
  opacity: 1;
  outline: none;
  }

.customers__form input[type='email']::-webkit-input-placeholder {
  color: #9D9D9D;
  opacity: 1;
  outline: none;
  }

.customers__form .btn { 
  position: absolute;
  padding: 16px 40px;
  top: 4px;
  right: 4px;
  font-size: 16px;
  line-height: 20px;
  }

/* dreams-expertise */
.dreams-expertise { 
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0 30px;
  margin: 0 0 50px;
  }

.dreams-expertise-item { 
  padding: 1px;
  height: 100%;
  background: #fafbfb;
  border-radius: 26px;
  transition: .3s all;
  }

.dark-color .dreams-expertise-item { 
  background: #1A1B24;
  }

.dreams-expertise-item:hover { 
  position: relative;
  background: rgb(50,160,185);
  background: linear-gradient(160deg, rgba(50,160,185,1) 0%, rgba(121,137,212,1) 50%, rgba(236,67,86,1) 100%);
  box-shadow: -363px 363px 205px rgba(0, 0, 0, 0.01), 
              -204px 204px 173px rgba(0, 0, 0, 0.05), 
              -91px 91px 128px rgba(0, 0, 0, 0.09), 
              -23px 23px 71px rgba(0, 0, 0, 0.1), 
              0px 0px 0px rgba(0, 0, 0, 0.1);
  z-index: 5;
  }

.dark-color .dreams-expertise-item:hover { 
  box-shadow: -372px 372px 147px rgba(0, 0, 0, 0.01), 
              -238px 238px 135px rgba(0, 0, 0, 0.07), 
              -134px 134px 114px rgba(0, 0, 0, 0.25), 
              -59px 59px 84px rgba(0, 0, 0, 0.43), 
              -15px 15px 46px rgba(0, 0, 0, 0.49), 
              0px 0px 0px rgba(0, 0, 0, 0.5);
  }

.dreams-expertise-item__in { 
  padding: 40px 40px 30px;
  height: 100%;
  background: #fafbfb;
  border-radius: 26px;
  transition: .3s background;
  }

.dark-color .dreams-expertise-item__in { 
  color: #fff;
  background: #1A1B24;
  }

.dreams-expertise-item:hover .dreams-expertise-item__in { 
  background: #fff;
  }

.dark-color .dreams-expertise-item:hover .dreams-expertise-item__in { 
  background: #1A1B24;
  }

.dreams-expertise-item__title { 
  margin: 0 0 15px;
  font-size: 24px;
  font-family: 'San Francisco Pro', sans-serif;
  font-weight: 700;
  line-height: 28px;
  }

.dreams-expertise-item__title span { 
  text-fill-color: transparent;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(90.95deg, #2FA1B7 -0.28%, #9080DC 47.04%, #EE4152 100%);
  -webkit-background-clip: text;
  background-clip: text;
  }

.dreams-expertise-item p { 
  margin: 0 0 25px;
  font-size: 16px;
  line-height: 25px;
  }

/* decisions */
.decisions { 
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 0 20px;
  margin: 0 0 50px;
  }

.decisions-item { 
  padding: 1px;
  background: #CED6DB;
  border-radius: 100px;
  transition: .3s all;
  }

.dark-color .decisions-item { 
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
  }

.decisions-item:hover { 
  position: relative;
  background: rgb(50,160,185);
  background: linear-gradient(160deg, rgba(50,160,185,1) 0%, rgba(121,137,212,1) 50%, rgba(236,67,86,1) 100%);
  box-shadow: -93px 93px 53px rgba(0, 0, 0, 0.01), 
              -52px 53px 44px rgba(0, 0, 0, 0.05), 
              -23px 23px 33px rgba(0, 0, 0, 0.09), 
              -6px 6px 18px rgba(0, 0, 0, 0.1), 
              0px 0px 0px rgba(0, 0, 0, 0.1);
  z-index: 5;
  }

.dark-color .decisions-item:hover { 
  background: rgb(50,160,185);
  background: linear-gradient(160deg, rgba(50,160,185,1) 0%, rgba(121,137,212,1) 50%, rgba(236,67,86,1) 100%);
  box-shadow: -179px 179px 71px rgba(0, 0, 0, 0.01), 
              -114px 114px 65px rgba(0, 0, 0, 0.07), 
              -64px 64px 55px rgba(0, 0, 0, 0.25), 
              -29px 29px 40px rgba(0, 0, 0, 0.43), 
              -7px 7px 22px rgba(0, 0, 0, 0.49), 
              0px 0px 0px rgba(0, 0, 0, 0.5);
  }

.decisions-item__in { 
  display: flex;
  align-items: center;
  padding: 7px;
  background: #fff;
  border-radius: 100px;
  }

.dark-color .decisions-item__in { 
  background: #171519;
  }

.decisions-item__icon { 
  position: relative;
  flex-shrink: 0;
  margin: 0 6px 0 0;
  width: 56px;
  height: 56px;
  background: #F9FAFB;
  border-radius: 100%;
  }

.dark-color .decisions-item__icon { 
  background: #232535;
  }

.decisions-item__icon-light { 
  display: flex;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  transition: .3s opacity;
  }

.dark-color .decisions-item__icon-light { 
  opacity: 0;
  }

.decisions-item__icon-dark { 
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  top: 0;
  left: 0;
  opacity: 0;
  transition: .3s opacity;
  }

.dark-color .decisions-item__icon-dark { 
  opacity: 1;
  }

.decisions-item__text { 
  display: block;
  font-size: 16px;
  font-weight: 600;
  line-height: 28px;
  }

/* workflow */
.workflow { 
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0 30px;
  margin: 0 0 50px;
  }

.workflow-item { 
  padding: 1px;
  height: 100%;
  background: #CED6DB;
  border-radius: 22px;
  transition: .3s all;
  }

.workflow-item:hover { 
  position: relative;
  background: rgb(50,160,185);
  background: linear-gradient(160deg, rgba(50,160,185,1) 0%, rgba(121,137,212,1) 50%, rgba(236,67,86,1) 100%);
  box-shadow: -363px 363px 205px rgba(0, 0, 0, 0.01), 
              -204px 204px 173px rgba(0, 0, 0, 0.05), 
              -91px 91px 128px rgba(0, 0, 0, 0.09), 
              -23px 23px 71px rgba(0, 0, 0, 0.1), 
              0px 0px 0px rgba(0, 0, 0, 0.1);
  z-index: 5;
  }

.dark-color .workflow-item { 
  color: #fff;
  background: #2E2C30;
  }

.dark-color .workflow-item:hover { 
  background: rgb(50,160,185);
  background: linear-gradient(160deg, rgba(50,160,185,1) 0%, rgba(121,137,212,1) 50%, rgba(236,67,86,1) 100%);
  box-shadow: -179px 179px 71px rgba(0, 0, 0, 0.01), 
              -114px 114px 65px rgba(0, 0, 0, 0.07), 
              -64px 64px 55px rgba(0, 0, 0, 0.25), 
              -29px 29px 40px rgba(0, 0, 0, 0.43), 
              -7px 7px 22px rgba(0, 0, 0, 0.49), 
              0px 0px 0px rgba(0, 0, 0, 0.5);
  }

.workflow-item__in {
  padding: 15px 15px 25px;
  height: 100%; 
  text-align: center;
  background: #fff;
  border-radius: 22px;
  }

.dark-color .workflow-item__in { 
  background: #1A1B24;
  }

.workflow-item__number { 
  display: block;
  margin: 0 0 26px;
  font-size: 48px;
  font-weight: 700;
  line-height: 58px;
  }

.workflow-item__title { 
  margin: 0 0 10px;
  font-size: 18px;
  font-family: 'San Francisco Pro', sans-serif;
  font-weight: 700;
  line-height: 22px;
  }

.workflow-item p { 
  margin: 0;
  font-size: 14px;
  line-height: 22px;
  }

/* selection-panel */
.selection-panel { 
  display: grid;
  gap: 0 30px;
  grid-template-columns: auto 411px;
  margin: 0 0 50px;
  }

.selection-panel_indent-bottom-big { 
  margin: 0 0 100px;
  }

/* categories-nav */
.categories-nav ul { 
  display: flex;
  flex-wrap: wrap;
  gap: 20px 15px;
  list-style: none;
  }

.categories-nav span { 
  display: block;
  padding: 10px 15px;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  border-radius: 50px;
  }

.categories-nav .active a,
.categories-nav .active span { 
  color: #fff;
  background: #1C284C;
  }

.dark-color .categories-nav .active a,
.dark-color .categories-nav .active span { 
  color: #fff;
  background: #00A29A;
  }

.categories-nav a { 
  display: block;
  padding: 10px 15px;
  color: #1C284C;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  background: #F9FAFB;
  border-radius: 50px;
  transition: .3s all;
  }

.dark-color .categories-nav a { 
  color: #fff;
  background: #1A1B24;
  }

.categories-nav a:hover { 
  color: #fff;
  background: #1C284C;
  }

.dark-color .categories-nav a:hover { 
  color: #fff;
  background: #00A29A;
  }

/* seacrch-form */
.seacrch-form form { 
  position: relative;
  }

.seacrch-form input[type="text"] { 
  margin: 0;
  padding: 0 25px 0 58px;
  height: 70px;
  vertical-align: top;
  color: #9D9D9D;
  font-size: 18px;
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  border: 0;
  background: #F9FAFB;
  border-radius: 12px;
  box-shadow: none !important;
  }

.seacrch-form input[type="text"]::-moz-placeholder {
  color: #9D9D9D;
  opacity: 1;
  outline: none;
  }

.seacrch-form input[type="text"]::-webkit-input-placeholder {
  color: #9D9D9D;
  opacity: 1;
  outline: none;
  }

.dark-color .seacrch-form input[type="text"] { 
  background: #222434;
  }

.seacrch-form__btn { 
  position: absolute;
  display: block;
  margin: 0;
  padding: 0;
  width: 58px;
  height: 70px;
  top: 0;
  left: 0;
  border: 0;
  font-size: 0;
  background: url(../img/bg/seacrch-icon.svg) center no-repeat;
  cursor: pointer;
  }

/* programs */
.programs { 
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px 30px;
  margin: 0 0 50px;
  }

.programs-item { 
  padding: 1px;
  height: 100%;
  background: #CED6DB;
  border-radius: 22px;
  transition: .3s all;
  }

.dark-color .programs-item { 
  color: #fff;
  background: #2E2C30;
  }

.programs-item:hover { 
  position: relative;
  background: rgb(50,160,185);
  background: linear-gradient(160deg, rgba(50,160,185,1) 0%, rgba(121,137,212,1) 50%, rgba(236,67,86,1) 100%);
  box-shadow: -236px 236px 134px rgba(0, 0, 0, 0.01), 
              -133px 133px 113px rgba(0, 0, 0, 0.05), 
              -59px 59px 83px rgba(0, 0, 0, 0.09), 
              -15px 15px 46px rgba(0, 0, 0, 0.1), 
              0px 0px 0px rgba(0, 0, 0, 0.1);
  z-index: 5;
  }

.dark-color .programs-item:hover { 
  box-shadow: -370px 370px 147px rgba(0, 0, 0, 0.01), 
              -237px 237px 134px rgba(0, 0, 0, 0.07), 
              -133px 133px 113px rgba(0, 0, 0, 0.25), 
              -59px 59px 84px rgba(0, 0, 0, 0.43), 
              -15px 15px 46px rgba(0, 0, 0, 0.49), 
              0px 0px 0px rgba(0, 0, 0, 0.5);
  }

.programs-item__in { 
  padding: 30px 25px;
  height: 100%;
  background: #fff;
  border-radius: 22px;
  transition: .3s background;
  }

.programs-item:hover .programs-item__in { 
  background: #F9FAFB;
  }

.dark-color .programs-item__in { 
  background: #171519;
  }

.dark-color .programs-item:hover .programs-item__in { 
  background: #1A1B24;
  }

.programs-item__title { 
  margin: 0 0 20px;
  font-size: 24px;
  line-height: 28px;
  }

.programs-item:hover .programs-item__title span { 
  text-fill-color: transparent;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(90.95deg, #2FA1B7 -0.28%, #9080DC 47.04%, #EE4152 100%);
  -webkit-background-clip: text;
  background-clip: text;
  }

.programs-item__logo { 
  margin: 0 0 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  border: 1px solid #E9EAEE;
  background: #fff;
  border-radius: 100%;
  }

.dark-color .programs-item__logo { 
  border: 1px solid #2E2C30;
  background: #222434;
  }

.programs-item p { 
  margin: 0;
  font-size: 16px;
  line-height: 25px;
  }
 
/* decisions-info */
.decisions-info { 
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px 30px;
  margin: 0 0 50px;
  }

.decisions-info-item { 
  padding: 1px;
  height: 100%;
  background: #CED6DB;
  border-radius: 22px;
  transition: .3s all;
  }

.dark-color .decisions-info-item { 
  color: #fff;
  background: #2E2C30;
  }

.decisions-info-item:hover { 
  position: relative;
  background: rgb(50,160,185);
  background: linear-gradient(160deg, rgba(50,160,185,1) 0%, rgba(121,137,212,1) 50%, rgba(236,67,86,1) 100%);
  box-shadow: -236px 236px 134px rgba(0, 0, 0, 0.01), 
              -133px 133px 113px rgba(0, 0, 0, 0.05), 
              -59px 59px 83px rgba(0, 0, 0, 0.09), 
              -15px 15px 46px rgba(0, 0, 0, 0.1), 
              0px 0px 0px rgba(0, 0, 0, 0.1);
  z-index: 5;
  }

.dark-color .decisions-info-item:hover { 
  box-shadow: -369px 369px 146px rgba(0, 0, 0, 0.01), 
              -236px 236px 134px rgba(0, 0, 0, 0.07), 
              -133px 133px 113px rgba(0, 0, 0, 0.25), 
              -59px 59px 84px rgba(0, 0, 0, 0.43), 
              -15px 15px 46px rgba(0, 0, 0, 0.49), 
              0px 0px 0px rgba(0, 0, 0, 0.5);
  }

.decisions-info-item__in { 
  padding: 30px 25px;
  height: 100%;
  background: #fff;
  border-radius: 22px;
  transition: .3s background;
  }

.dark-color .decisions-info-item__in { 
  background: #171519;
  }

.dark-color .decisions-info-item:hover .decisions-info-item__in { 
  background: #1A1B24;
  }

.decisions-info-item__icon { 
  position: relative;
  margin: 0 0 20px;
  width: 60px;
  height: 60px;
  border: 1px solid #E9EAEE;
  background: #fff;
  border-radius: 100%;
  }

.dark-color .decisions-info-item__icon { 
  border: 1px solid #2E2C30;
  background: #222434;
  }

.decisions-info-item__icon-light { 
  display: flex;
  justify-content: center;
  align-items: center;
  width: 58px;
  height: 58px;
  transition: .3s opacity;
  }

.dark-color .decisions-info-item__icon-light { 
  opacity: 0;
  }

.decisions-info-item__icon-dark { 
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 58px;
  height: 58px;
  top: 0;
  left: 0;
  opacity: 0;
  transition: .3s opacity;
  }

.dark-color .decisions-info-item__icon-dark { 
  opacity: 1;
  }

.decisions-info-item__title { 
  margin: 0 0 20px;
  font-size: 20px;
  line-height: 28px;
  }

.decisions-info-item p { 
  margin: 0;
  font-size: 16px;
  line-height: 25px;
  }

/* page-nav */
.page-nav { 
  margin: 0 0 150px;
  }

.page-nav ul { 
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 7px;
  list-style: none;
  }

.page-nav__prev a,
.page-nav__next a {
  display: block;
  width: 12px;
  height: 12px; 
  font-size: 0;
  transition: .3s opacity;
  }

.page-nav__prev a:hover,
.page-nav__next a:hover {
  opacity: 0.8;
  }

.page-nav__prev a { 
  background: url(../img/bg/page-nav-prev.svg) center no-repeat;
  }

.dark-color .page-nav__prev a { 
  background: url(../img/bg/page-nav-prev-w.svg) center no-repeat;
  }

.page-nav__next a { 
  background: url(../img/bg/page-nav-next.svg) center no-repeat;
  }

.dark-color .page-nav__next a { 
  background: url(../img/bg/page-nav-next-w.svg) center no-repeat;
  }

.page-nav__item a { 
  display: block;
  width: 24px;
  height: 24px;
  color: #1C284C;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  line-height: 24px;
  }

.dark-color .page-nav__item a { 
  color: #fff;
  }

.page-nav__item a:hover { 
  color: #00A29A;
  }

.page-nav__item.active a,
.page-nav__item.active span { 
  display: block;
  width: 24px;
  height: 24px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  line-height: 24px;
  background: #00A29A;
  border-radius: 100%;
  }

/* blog-info */
.blog-info { 
  margin: 0 0 150px;
  }

.dark-color .blog-info { 
  color: #fff;
  }

.blog-info p { 
  margin: 0 0 30px;
  font-size: 18px;
  line-height: 30px;
  }

.blog-info__photo { 
  margin: 0 0 30px;
  height: 378px;
  }

.blog-info__photo img { 
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 22px;
  }

/* team-augmentation */
.team-augmentation { 
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 50px;
  }

.right-arrow-dec:after { 
  position: absolute;
  width: 68px;
  height: 18px;
  top: 50%;
  right: -72px;
  transform: translateY(-50%);
  background: url(../img/bg/right-arrow-dec.svg) center no-repeat;
  background-size: 100%;
  content: "";
  }

.dark-color .right-arrow-dec:after { 
  background: url(../img/bg/right-arrow-dec-w.svg) center no-repeat;
  background-size: 100%;
  }

.left-arrow-dec:after { 
  position: absolute;
  width: 68px;
  height: 18px;
  top: 50%;
  left: -72px;
  transform: translateY(-50%);
  background: url(../img/bg/left-arrow-dec.svg) center no-repeat;
  background-size: 100%;
  content: "";
  }

.dark-color .left-arrow-dec:after { 
  background: url(../img/bg/left-arrow-dec-w.svg) center no-repeat;
  background-size: 100%;
  }

.team-augmentation__company { 
  position: relative;
  width: 218px;
  height: 242px;
  background: url(../img/bg/company-bg.svg) center no-repeat;
  background-size: 100%;
  }

.dark-color .team-augmentation__company { 
  background: url(../img/bg/company-bg-d.svg) center no-repeat;
  background-size: 100%;
  }

.team-augmentation__logo { 
  position: relative;
  margin: 50px auto 22px;
  width: 80px;
  height: 80px;
  background: #fff;
  border-radius: 100%;
  }

.dark-color .team-augmentation__logo { 
  background: #222434;
  }

.team-augmentation__logo-light { 
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  }

.dark-color .team-augmentation__logo-light { 
  opacity: 0;
  }

.team-augmentation__logo-dark { 
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  }

.dark-color .team-augmentation__logo-dark { 
  opacity: 1;
  }

.team-augmentation__info { 
  position: relative;
  display: flex;
  align-items: center;
  padding: 20px 10px;
  width: 150px;
  min-height: 180px;
  background: #F9FAFB;
  border-radius: 10px;
  }

.dark-color .team-augmentation__info { 
  color: #fff;
  background: #1A1B24;
  }

.team-augmentation__info p { 
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  line-height: 22px;
  }

.team-augmentation__team { 
  width: 260px;
  height: 292px;
  background: url(../img/bg/team-bg.svg) center no-repeat;
  background-size: 100%;
  }

.dark-color .team-augmentation__team { 
  background: url(../img/bg/team-bg-d.svg) center no-repeat;
  background-size: 100%;
  }

.team-augmentation__img { 
  position: relative;
  margin: 42px auto 28px;
  width: 222px;
  height: 114px;
  }

.team-augmentation__img-light { 
  position: absolute;
  width: 222px;
  height: 114px;
  top: 0;
  left: 0;
  }

.dark-color .team-augmentation__img-light { 
  opacity: 0;
  }

.team-augmentation__img-dark { 
  position: absolute;
  width: 222px;
  height: 114px;
  top: 0;
  left: 0;
  opacity: 0;
  }

.dark-color .team-augmentation__img-dark { 
  opacity: 1;
  }

.team-augmentation__img img { 
  width: 100%;
  }

.team-augmentation__title { 
  display: block;
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  line-height: 30px;
  }

.dark-color .team-augmentation__title { 
  color: #fff;
  }

/* talent-source */
.talent-source { 
  position: relative;
  margin: 0 auto 50px;
  max-width: 920px;
  }

.talent-source__info { 
  position: absolute;
  top: 72px;
  right: 0;
  text-align: center;
  }

.talent-source__info:after { 
  position: absolute;
  display: block;
  width: 224px;
  height: 159px;
  top: 102px;
  right: 85px;
  background: url(../img/bg/talent-source-dec.svg) center no-repeat;
  background-size: 100%;
  content: "";
  }

.dark-color .talent-source__info:after { 
  background: url(../img/bg/talent-source-dec-w.svg) center no-repeat;
  background-size: 100%;
  }

.talent-source__nubmer { 
  display: block;
  margin: 0 0 5px;
  font-size: 48px;
  font-weight: 700;
  line-height: 58px;
  }

.talent-source__nubmer span {
  text-fill-color: transparent;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(90.95deg, #2FA1B7 -0.28%, #9080DC 47.04%, #EE4152 100%);
  -webkit-background-clip: text;
  background-clip: text;
  }

.talent-source__text { 
  display: block;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  }

.dark-color .talent-source__text { 
  color: #fff;
  }

.dark-color .talent-source__map-light { 
  display: none;
  }

.talent-source__map-dark { 
  display: none;
  }

.dark-color .talent-source__map-dark { 
  display: block;
  }

.talent-source__map img { 
  width: 100%;
  }

/* programs-list */
.programs-list { 
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 30px 20px;
  margin: 0 0 50px;
  }

.program-item { 
  padding: 1px;
  background: #CED6DB;
  border-radius: 100px;
  transition: .3s all;
  }

.dark-color .program-item { 
  background: rgba(255, 255, 255, 0.1);
  }

.program-item:hover { 
  position: relative;
  background: rgb(50,160,185);
  background: linear-gradient(160deg, rgba(50,160,185,1) 0%, rgba(121,137,212,1) 50%, rgba(236,67,86,1) 100%);
  box-shadow: -109px 110px 62px rgba(0, 0, 0, 0.01), 
              -61px 62px 52px rgba(0, 0, 0, 0.05), 
              -27px 28px 39px rgba(0, 0, 0, 0.09), 
              -7px 7px 21px rgba(0, 0, 0, 0.1), 
              0px 0px 0px rgba(0, 0, 0, 0.1);
  z-index: 5;
  }

.dark-color .program-item:hover { 
  box-shadow: -179px 179px 71px rgba(0, 0, 0, 0.01), 
              -114px 114px 65px rgba(0, 0, 0, 0.09), 
              -64px 64px 55px rgba(0, 0, 0, 0.3), 
              -29px 29px 40px rgba(0, 0, 0, 0.51), 
              -7px 7px 22px rgba(0, 0, 0, 0.59), 
              0px 0px 0px rgba(0, 0, 0, 0.6);
  }

.program-item__in { 
  display: flex;
  align-items: center;
  padding: 7px 10px;
  background: #fff;
  border-radius: 100px;
  }

.dark-color .program-item__in { 
  background: #171519;
  }

.program-item__icon { 
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 10px 0 0;
  width: 56px;
  height: 56px;
  background: #F9FAFB;
  border-radius: 100%;
  }

.dark-color .program-item__icon { 
  background: #17171D;
  }

.program-item__name { 
  display: block;
  font-size: 16px;
  font-weight: 600;
  line-height: 28px;
  }

.dark-color .program-item__name { 
  color: #fff;
  }

/* qualities */
.qualities { 
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px 30px;
  margin: 0 0 50px;
  }

.qualitie-item { 
  padding: 1px;
  height: 100%;
  border-radius: 22px;
  transition: .3s all;
  }

.dark-color .qualitie-item { 
  color: #fff;
  background: #1A1B24;
  }

.qualitie-item:hover { 
  position: relative;
  background: rgb(50,160,185);
  background: linear-gradient(160deg, rgba(50,160,185,1) 0%, rgba(121,137,212,1) 50%, rgba(236,67,86,1) 100%);
  box-shadow: -272px 272px 154px rgba(0, 0, 0, 0.01), 
              -153px 153px 130px rgba(0, 0, 0, 0.05), 
              -68px 68px 96px rgba(0, 0, 0, 0.09), 
              -17px 17px 53px rgba(0, 0, 0, 0.1), 
              0px 0px 0px rgba(0, 0, 0, 0.1);
  z-index: 5;
  }

.qualitie-item__in { 
  padding: 25px 20px;
  height: 100%;
  border-radius: 22px;
  }

.qualitie-item:hover .qualitie-item__in { 
  background: #fff;
  }

.dark-color .qualitie-item:hover .qualitie-item__in { 
  background: #1A1B24;
  }

.qualitie-item .gl-icon { 
  margin: 0 0 20px;
  }

.qualitie-item__title { 
  margin: 0 0 20px;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  }

.qualitie-item:hover .qualitie-item__title span { 
  text-fill-color: transparent;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(90.95deg, #2FA1B7 -0.28%, #9080DC 47.04%, #EE4152 100%);
  -webkit-background-clip: text;
  background-clip: text;
  }

.qualitie-item p { 
  margin: 0;
  font-size: 16px;
  font-weight: 300;
  line-height: 25px;
  }

/* gl-table */
.gl-table { 
  margin: 0 0 50px;
  border: 1px solid #CED6DB;
  border-radius: 26px;
  overflow: hidden;
  }

.dark-color .gl-table { 
  border: 1px solid #2E2C30;
  }

.gl-table table { 
  width: 100%;
  border-collapse: collapse;
  }

.dark-color .gl-table table { 
  color: #fff;
  }

.gl-table th { 
  padding: 38px 30px;
  font-size: 24px;
  font-weight: 600;
  line-height: 24px;
  border-right: 1px solid #CED6DB;
  border-bottom: 1px solid #CED6DB;
  }

.dark-color .gl-table th { 
  border-right: 1px solid #2E2C30;
  border-bottom: 1px solid #2E2C30;
  }

.gl-table th:last-child { 
  border-right: 0;
  }

.gl-table td { 
  padding: 32px 30px;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  border-right: 1px solid #CED6DB;
  border-bottom: 1px solid #CED6DB;
  }

.dark-color .gl-table td { 
  border-right: 1px solid #2E2C30;
  border-bottom: 1px solid #2E2C30;
  }

.gl-table td:last-child { 
  border-right: 0;
  }

.gl-table tr:last-child td { 
  border-bottom: 0;
  }

.gl-table_gray-bg { 
  background: #F6F7F8;
  }

.dark-color .gl-table_gray-bg { 
  background: #1A1B24;
  }

.gl-check { 
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(../img/bg/check.svg) center no-repeat #00A29A;
  border-radius: 100%;
  }

.gl-table_four-col th:nth-child(1),
.gl-table_four-col td:nth-child(1) { 
  width: 28%;
  }

.gl-table_four-col th:nth-child(2),
.gl-table_four-col td:nth-child(2) { 
  width: 12%;
  }

.gl-table_four-col th:nth-child(3),
.gl-table_four-col td:nth-child(3) { 
  width: 30%;
  }

.gl-table_four-col th:nth-child(4),
.gl-table_four-col td:nth-child(4) { 
  width: 30%;
  }

/* our-story */
.our-story { 
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 50px;
  gap: 0 20px;
  }

.our-story__photo { 
  position: relative;
  }

.our-story__text { 
  position: absolute;
  display: block;
  padding: 15px 10px;
  width: 100%;
  left: 0;
  bottom: 0;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  line-height: 25px;
  background: rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(10px);
  border-radius: 0 0 22px 22px;
  }

.our-story__photo img { 
  width: 100%;
  border-radius: 22px;
  }

.our-story__two-col { 
  display: flex;
  flex-direction: column;
  gap: 30px 0;
  }

.our-story__info { 
  padding: 50px 20px 103px;
  width: 380px;
  background: #F9FAFB;
  border-radius: 22px;
  }

.our-story__logo { 
  margin: 0 auto 43px;
  width: 103px;
  }

.our-story__logo img { 
  width: 100%;
  }

.our-story__info p { 
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  line-height: 25px;
  }

/* values */
.values { 
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0 25px;
  margin: 0 auto 50px;
  padding: 58px 0 0 0;
  max-width: 962px;
  }

.value-item__number { 
  display: block;
  margin: 0 0 15px;
  font-size: 36px;
  font-weight: 700;
  line-height: 44px;
  }

.value-item { 
  margin: -58px 0 0;
  padding: 90px 26px 0;
  width: 304px;
  height: 338px;
  text-align: center;
  background: url(../img/bg/value-item-bg.svg) center no-repeat;
  background-size: 100%;
  }

.value-item__title { 
  margin: 0 0 16px;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  }

.value-item p { 
  margin: 0;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  }

/* vacancy */
.vacancy { 
  display: flex;
  margin: 0 0 150px;
  padding: 50px 22px 44px 38px;
  background: #F8F9FA;
  border-radius: 22px;
  }

/* vacancy__filters */
.vacancy__filters { 
  flex-shrink: 0;
  margin: 0 60px 0 0;
  width: 280px;
  }

/* vacancy__title */
.vacancy__title { 
  margin: 0 0 50px;
  padding: 15px 0 0;
  font-size: 24px;
  font-family: 'San Francisco Pro', sans-serif;
  font-weight: 700;
  line-height: 28px;
  }

/* vacancy__filters-list */
.vacancy__filters-list dt { 
  margin: 0 0 20px;
  font-size: 24px;
  font-weight: 600;
  line-height: 28px;
  }

.vacancy__filters-list dd { 
  margin: 0 0 37px;
  }

.vacancy__filters-list dd:last-child { 
  margin: 0;
  }

.vacancy__filters-list ul { 
  list-style: none;
  }

.vacancy__filters-list li { 
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 15px;
  }

.vacancy__filters-list li:last-child { 
  margin: 0;
  }

.vacancy__filters-number { 
  padding: 4px;
  min-width: 20px;
  color: #9D9D9D;
  font-size: 10px;
  font-weight: 400;
  text-align: center;
  line-height: 12px;
  background: #fff;
  border-radius: 5px;
  }

/* radio */
.radio { 
  display: flex;
  }

.radio input { 
  position: relative;
  flex-shrink: 0;
  display: block;
  margin: 0 10px 0 0;
  width: 16px;
  height: 16px;
  border: 1px solid #CED6DB;
  background: #fff;
  border-radius: 100%;
  outline: 0;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition: .3s border-color;
  }

.radio input:checked { 
  border-color: #00A29A;
  }

.radio input:before {
  position: absolute;
  display: block;
  width: 10px;
  height: 10px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #00A29A;
  border-radius: 100%;
  content: "";
  opacity: 0;
  transition: .3s opacity;
  }

.radio input:checked:before { opacity: 1; }

.radio label { 
  color: #1C284C;
  font-size: 14px;
  line-height: 16px;
  cursor: pointer;
  }


/* vacancy__top-panel */
.vacancy__top-panel { 
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin: 0 0 50px;
  }

.vacancy__top-panel .vacancy__title { 
  margin: 0;
  }

.vacancy__top-panel .seacrch-form input[type="text"] { 
  padding: 0 15px 0 72px;
  width: 420px;
  height: 60px;
  background: #fff;
  }

.vacancy__top-panel .seacrch-form__btn { 
  width: 72px;
  height: 60px;
  }

.vacancy__content { 
  flex-grow: 1;
  }

.vacancy__list { 
  margin: 0 0 46px;
  }

.vacancy-item { 
  margin: 0 0 30px;
  padding: 1px;
  background: #fff;
  border-radius: 22px;
  transition: .3s all;
  }

.vacancy-item:hover { 
  position: relative;
  background: rgb(50,160,185);
  background: linear-gradient(160deg, rgba(50,160,185,1) 0%, rgba(121,137,212,1) 50%, rgba(236,67,86,1) 100%);
  box-shadow: -75px 75px 43px rgba(38, 45, 52, 0.01), 
              -42px 42px 36px rgba(38, 45, 52, 0.05), 
              -19px 19px 27px rgba(38, 45, 52, 0.09), 
              -5px 5px 15px rgba(38, 45, 52, 0.1), 
              0px 0px 0px rgba(38, 45, 52, 0.1);
  z-index: 5;
  }

.vacancy-item__in { 
  padding: 30px;
  background: #fff;
  border-radius: 22px;
  }

.vacancy-item:last-child { 
  margin: 0;
  }

.vacancy-item__top-panel { 
  display: flex;
  justify-content: space-between;
  margin: 0 0 20px;
  }

.vacancy-item__title { 
  margin: 0 0 10px;
  font-size: 24px;
  font-family: 'San Francisco Pro', sans-serif;
  font-weight: 700;
  line-height: 28px;
  }

.vacancy-item__title a { 
  color: #1C284C;
  }

.vacancy-item__title a:hover { 
  text-fill-color: transparent;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(90.95deg, #2FA1B7 -0.28%, #9080DC 47.04%, #EE4152 100%);
  -webkit-background-clip: text;
  background-clip: text;
  }

.work-time { 
  position: relative;
  display: block;
  padding: 0 0 0 32px;
  font-size: 16px;
  line-height: 25px;
  }

.work-time:before { 
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background: url(../img/bg/vacancy-time.svg) center no-repeat;
  background-size: 100%;
  content: "";
  }

.city { 
  position: relative;
  display: block;
  padding: 0 0 0 32px;
  font-size: 16px;
  line-height: 25px;
  }

.city:before { 
  position: absolute;
  display: block;
  width: 20px;
  height: 19px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background: url(../img/bg/city.svg) center no-repeat;
  background-size: 100%;
  content: "";
  }

.vacancy-item p { 
  margin: 0 0 20px;
  font-size: 16px;
  font-weight: 500;
  line-height: 25px;
  }

.vacancy-item__bottom-panel { 
  display: flex;
  justify-content: space-between;
  align-items: center;
  }

.vacancy-item__bottom-panel .tags { 
  margin: 0;
  }

.vacancy-item__btn-panel { 
  display: flex;
  align-items: center;
  gap: 0 15px;
  }

.vacancy-item__bottom-panel .btn { 
  min-width: 155px;
  }

.vacancy .page-nav { 
  margin: 0;
  }

/* big-title */
.big-title { 
  margin: 0 0 10px;
  font-size: 60px;
  font-weight: 700;
  line-height: 72px;
  }

.big-title span { 
  text-fill-color: transparent;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(90.95deg, #2FA1B7 -0.28%, #9080DC 47.04%, #EE4152 100%);
  -webkit-background-clip: text;
  background-clip: text;
  }

/* gl-date */
.gl-date { 
  display: block;
  margin: 0 0 35px;
  color: #888B8B;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  }

.gl-date:before { 
  display: inline-block;
  margin: -2px 10px 0 0;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background: url(../img/bg/calendar-icon.svg) center no-repeat;
  background-size: 100%;
  content: "";
  }

/* back-link */
.back-link { 
  display: block;
  margin: 0 0 55px;
  }

.back-link a { 
  display: inline-block;
  vertical-align: top;
  font-size: 18px;
  font-family: 'San Francisco Pro', sans-serif;
  font-weight: 700;
  line-height: 22px;
  }

.back-link a:before { 
  display: inline-block;
  margin: 0 15px 0 0;
  vertical-align: middle;
  width: 34px;
  height: 24px;
  background: url(../img/bg/back-arrow.svg) center no-repeat;
  background-size: 100%;
  content: "";
  }

/* jobs__col */
.jobs__col { 
  display: flex;
  align-items: flex-start;
  margin: 0 0 50px;
  }

.jobs__descrition { 
  flex-shrink: 0;
  margin: 0 80px 0 0;
  padding: 40px;
  width: 665px;
  background: #F9FAFB;
  border-radius: 26px;
  }

.jobs__info-panel { 
  display: flex;
  gap: 0 15px;
  margin: 0 0 10px;
  }

.vacancy__posted-hours { 
  display: block;
  margin: 0 0 35px;
  color: #9D9D9D;
  font-size: 16px;
  line-height: 25px;
  }

.jobs__descrition p { 
  font-weight: 300;
  line-height: 25px;
  }

.jobs__very-small-title { 
  margin: 0 0 20px;
  font-size: 18px;
  font-weight: 700;
  line-height: 25px;
  }

.jobs__list { 
  position: relative;
  margin: 0 0 30px;
  }

.jobs__list:before { 
  position: absolute;
  display: block;
  width: 1px;
  top: 10px;
  bottom: 10px;
  left: 5px;
  border-left: 1px dashed #9D9D9D;
  content: "";
  }

.jobs__list li { 
  position: relative;
  padding: 0 0 0 30px;
  color: #000;
  font-size: 16px;
  font-weight: 300;
  line-height: 28px;
  z-index: 3;
  }

.jobs__list li:before { 
  position: absolute;
  display: block;
  width: 11px;
  height: 11px;
  top: 8px;
  left: 0;
  background: #00A29A;
  border-radius: 100%;
  content: "";
  }

.jobs__tags { 
  display: flex;
  flex-wrap: wrap;
  gap: 15px 10px;
  }

/* sending-form */
.sending-form { 
  padding: 1px;
  background: rgb(50,160,185);
  background: linear-gradient(160deg, rgba(50,160,185,1) 0%, rgba(121,137,212,1) 50%, rgba(236,67,86,1) 100%);
  border-radius: 26px;
  }

.sending-form__content { 
  padding: 40px;
  background: #fff;
  border-radius: 26px;
  }

.sending-form__title { 
  margin: 0 0 30px;
  font-size: 24px;
  font-family: 'San Francisco Pro', sans-serif;
  }

fieldset { 
  margin: 0 0 30px;
  }

fieldset:last-child { 
  margin: 0;
  padding: 10px 0 0;
  }

label { 
  display: block;
  margin: 0 0 10px;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  cursor: text;
  }

.sending-form__list { 
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0 20px;
  }

/* input */
input[type='tel'],   
input[type='text'],
input[type='email'],
input[type='password'] {
  margin: 0;
  padding: 0 15px;
  vertical-align: top;
  width: 100%;
  height: 50px;
  color: #9D9D9D;
  font-size: 14px;
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  border: 0;
  background: #F4F5F6;
  box-shadow: none !important;
  border-radius: 8px;
  transition: .3s background;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  }

input[type='tel']:focus,   
input[type='text']:focus,
input[type='email']:focus,
input[type='password']:focus {
  color: #1C284C;
  background: #f2f2f2;
  }

input[type='tel']::-moz-placeholder,
input[type='text']::-moz-placeholder,
input[type='email']::-moz-placeholder,
input[type='password']::-moz-placeholder {
  color: #9D9D9D;
  opacity: 1;
  outline: none;
  }

input[type='tel']::-webkit-input-placeholder,
input[type='text']::-webkit-input-placeholder,
input[type='email']::-webkit-input-placeholder,
input[type='password']::-webkit-input-placeholder {
  color: #9D9D9D;
  opacity: 1;
  outline: none;
  }

/* textarea */
textarea { 
  margin: 0;
  padding: 15px;
  vertical-align: top;
  width: 100%;
  height: 145px;
  color: #9D9D9D;
  font-size: 14px;
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  border: 0;
  background: #F4F5F6;
  box-shadow: none !important;
  border-radius: 8px;
  overflow: auto;
  resize: none;
  transition: .3s background;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  }

textarea:focus {
  color: #1C284C;
  background: #f2f2f2;
  outline: none;
  }

textarea::-moz-placeholder {
  color: #9D9D9D;
  opacity: 1;
  outline: none;
  }

textarea::-webkit-textarea-placeholder {
  color: #9D9D9D;
  opacity: 1;
  outline: none;
  }

/* type-file */
.type-file { 
  position: relative;
  }

.type-file__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; 
  padding: 15px;
  height: 180px;
  text-align: center;
  border: 1px dashed #00A29A;
  border-radius: 12px;
  }

.type-file__icon { 
  margin: 0 0 20px;
  }

.type-file__content strong { 
  font-weight: 600;
  }

.type-file__text { 
  display: block;
  max-width: 400px;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  }

.type-file__big-text { 
  display: block;
  margin: 0 0 15px;
  font-size: 18px;
  line-height: 22px;
  }

.type-file__small-text { 
  display: block;
  font-size: 16px;
  line-height: 20px;
  }

.type-file input { 
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 10;
  cursor: pointer;
  opacity: 0;
  }

/* sending-form__btn */
.sending-form__btn { 
  padding: 8px 15px;
  width: 100%;
  border-radius: 8px;
  }

/* vacancy__bottom-panel */
.vacancy__bottom-panel { 
  display: flex;
  justify-content: center;
  }

/* content */
.content { 
  margin: 0 auto;
  max-width: 856px;
  }

.content h2 { 
  margin: 0 0 15px;
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  }

.content h3 { 
  margin: 0 0 10px;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  }

.content p { 
  margin: 0 0 30px;
  font-weight: 500;
  }

.content ul { 
  margin: 0 0 30px;
  padding: 0 0 0 15px;
  list-style: disc;
  }

.content ul li { 
  font-size: 16px;
  font-weight: 500;
  line-height: 25px;
  }

.content a { 
  color: #1C284C;
  text-decoration: underline;
  }

.content a:hover { 
  text-decoration: none;
  }

.content .indent-bottom-none { 
  margin: 0;
  }

/* error-404 */
.error-404 { 
  padding: 0 0 25px;
  }

.error-404__title { 
  margin: 0 0 100px;
  font-size: 120px;
  font-weight: 600;
  line-height: 120px;
  }

.error-404__img { 
  margin: 0 auto 70px;
  width: 170px;
  }

.error-404__img img { 
  width: 100%;
  }

.error-404 p { 
  margin: 0 0 50px;
  font-size: 36px;
  font-weight: 600;
  line-height: 24px;
  }

.error-404 .btn { 
  margin: 0;
  }

/* footer */
.footer { 
  color: #fff;
  background: #0B1016;
  }

/* footer__top-panel */
.footer__top-panel { 
  padding: 55px 0 95px;
  }

/* footer__logo */
.footer__logo { 
  margin: 0 0 43px;
  width: 219px;
  }

.footer__logo img { 
  width: 100%;
  }

/* footer__col */
.footer__col { 
  display: grid;
  grid-template-columns: 200px 200px 200px 388px;
  justify-content: space-between;
  }

/* footer__title */
.footer__title { 
  margin: 0 0 30px;
  font-size: 18px;
  line-height: 22px;
  }

/* footer__nav */
.footer__nav ul {
  list-style: none;
  }

.footer__nav li { 
  margin: 0 0 25px;
  font-size: 16px;
  font-weight: 300;
  line-height: 20px;
  }

.footer__nav li:last-child { 
  margin: 0;
  }

.footer__nav a { 
  color: #fff;
  }

.footer__nav a:hover {
  color: #00A29A;
  }
 
/* contacts */
.contacts { 
  margin: 0 0 40px;
  }

.contacts li { 
  display: flex;
  margin: 0 0 30px;
  }

.contacts li:last-child { 
  margin: 0;
  }

.contacts__icon { 
  flex-shrink: 0;
  margin: 0 20px 0 0;
  width: 20px;
  }

.contacts__icon_sm-size { 
  margin: 0 22px 0 0;
  width: 18px;
  }

.contacts__icon img { 
  width: 100%;
  }

.contacts__text { 
  display: block;
  font-size: 16px;
  font-weight: 300;
  line-height: 27px;
  }

.contacts__text strong { 
  font-weight: 700;
  }

.contacts a { 
  color: #fff;
  }

/* social */
.social dt { 
  margin: 0 0 20px;
  font-size: 18px;
  font-weight: 500;
  line-height: 20px;
  }

.social ul { 
  display: flex;
  gap: 0 20px;
  list-style: none;
  }

.social a { 
  position: relative;
  display: flex;
  min-width: 36px;
  height: 36px;
  }

.social__icon { 
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  top: 0;
  left: 0;
  width: 36px;
  height: 36px;
  background: #fff;
  border-radius: 100%;
  transition: .3s background;
  z-index: 3;
  }

.social a:hover .social__icon { 
  background: #00A29A;
  }

.social__text { 
  display: block;
  margin: 0;
  width: 0;
  color: #00A29A;
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  border-radius: 100px;
  overflow: hidden;
  transition: .3s all;
  }

.social__text span { 
  display: block;
  padding: 9px 13px 10px 48px;
  }

.social a:hover .social__text {
  box-shadow: 0 0 0 1px inset #00A29A;
  }

.social li:nth-child(1) a:hover .social__text {
  width: 126px;
  }

.social li:nth-child(2) a:hover .social__text {
  width: 128px;
  }

.social li:nth-child(3) a:hover .social__text {
  width: 117px;
  }

.social img { 
  width: 20px;
  }

/* footer__bottom-panel */
.footer__bottom-panel { 
  position: relative;
  }

.footer__bottom-panel:before { 
  position: absolute;
  display: block;
  max-width: 1440px;
  width: 100%;
  height: 1px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(90deg, rgba(217, 217, 217, 0) 0%, #4E1839 47.19%, rgba(217, 217, 217, 0) 100%);
  content: "";
  }

/* footer__in */
.footer__in { 
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0;
  }

/* footer__copy */
.footer__copy { 
  display: block;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  }

/* footer__made */
.footer__made { 
  display: flex;
  gap: 0 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  }

/* footer__link */
.footer__link { 
  display: inline-block;
  vertical-align: top;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  }

/* hystmodal */
#apply-form .hystmodal__window { 
  max-width: 1300px;
  width: 100%;
  background: none;
  }

/* hystmodal__close */
.hystmodal .hystmodal__close { 
  width: 24px;
  height: 24px;
  top: 18px;
  right: 18px;
  background: url(../img/bg/modal-close.svg) center no-repeat;
  transition: .3s opacity;
  z-index: 99;
  }

.hystmodal .hystmodal__close:hover { 
  opacity: 0.8;
  }

#apply-form .sending-form__content { 
  padding: 50px;
  }

/* post-panel */
.post-panel { 
  display: flex;
  justify-content: space-between;
  margin: 0 0 40px;
  padding: 0 0 48px;
  border-bottom: 1px solid #CED6DB;
  }

.post-panel__title { 
  margin: 0 0 10px;
  }

#apply-form .small-title { 
  margin: 0 0 50px;
  text-align: center;
  }

/* sending-form__list_three-col */
.sending-form__list_three-col { 
  grid-template-columns: repeat(3, 1fr);
  gap: 30px 45px;
  }