/* 0. Danylo Oliinyk - https://iamdev.lol/  */
/* 1. Root Rules */
/* 2. Hero Section */
/* 3. Info Section */
/* 4. About Section */
/* 5. Program Section */
/* 6. FAQ Section */
/* 7. Coach Section */
/* 8. Partner Section */
/* 9. Footer Section */
/* 10. THNX Section */
/* 11. NEW THNX Section */
/* 12. Promo Section */




/* Root Rules Start */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');

:root {
  --main-font: 'Montserrat', sans-serif;
}

body {
  font-family: var(--main-font);
  /* background: #1D2939; */
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  width: 100%;
  height: 100%;
  border: none;
  margin: 0;
  padding: 0;
}


html {
  overflow-x: hidden;
}


a, h1, h2, p {
    margin: 0;
    padding: 0px;
}



.distance-small{
    padding-top: 120px;
    padding-bottom: 120px;
}

.distance-small-top{
    padding-top: 120px;
}

.distance-small-bottom{
    padding-bottom: 120px;
}
/* Root Rules End */

/* hero-section start */
.hero {
  background: 
    linear-gradient(270deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.50) 65.88%), 
    url('../img/cover_hero.webp') center/cover no-repeat;
  background-blend-mode: normal;
  display: flex;
  flex-direction: column;
  justify-content: center;
}



.hero__wrap, .hero__wrap-thnx{
    margin-top: 44px;
    display: flex;
    flex-direction: row;
    margin-bottom: 80px;
    gap: 32px;
}

.hero__wrap-thnx{
  justify-content: space-between;
  margin-top: 0;
  /* gap: 74px; */
}

.hero__col1, .hero__col2{
    flex: 1;
}

.hero__title{
    margin-top: 80px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.hero__title h2{
    color: #FFF;
    font-family: var(--main-font);
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px; /* 133.333% */
    text-transform: uppercase;
}

.hero__title h1{
    color: #FFF;
    font-family: var(--main-font);
    font-size: 100px;
    font-style: normal;
    font-weight: 400;
    line-height: 100px;
}

.hero__title p{
    color: #FFF;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
}



.hero__col2 {
  display: flex;
  flex-direction: column;
}

.hero__col1{
    display: flex;
    flex-direction: column;

}

.hero__col2-text {
    margin-top: auto;
    padding: 20px;
    border-radius: 16px;
    border: 0.787px solid rgba(255, 255, 255, 0.20);
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.10) 46.16%, rgba(255, 255, 255, 0.40) 100.18%);
    box-shadow: 0px 0px 94.496px 0px rgba(255, 255, 255, 0.50) inset, 0px 3.15px 18.899px -0.787px rgba(0, 0, 0, 0.20);
    backdrop-filter: blur(15.749272346496582px);
}

.hero__btn{
    margin-top: 210px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-radius: 1584px;
    background: #FFF;
    padding: 4px 4px 4px 24px;
    width: 55%;
    align-items: center;
    text-decoration: none;
    cursor: pointer;
}


.hero__btn-text{
    color: #191919;
    text-align: center;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */   
}

.hero__btn-ico{
    display: flex;
    padding: 12px;
    align-items: center;
    gap: 10px;
    border-radius: 1584px;
    background: #071839;
}

.hero__col2-text p{
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 150% */
}

.hero__btn {
  background: #fff;
  color: #000; 
  transition: background 0.3s, color 0.3s;
}

.hero__btn:hover {
  background: #c6e0f2;
  color: #000;
}

.hero__btn-text {
  color: inherit;
  transition: color 0.3s;
}

.hero__col2-uptitle {
  display: flex;
  flex-direction: column;
  align-items: flex-end;

  color: #FFF;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  text-transform: uppercase;
}

.hero__col2-uptitle span {
  margin-top: 8px;
  border-radius: 11.049px;
  background: #071839;
  display: flex;
  width: 183px;
  padding: 13.811px;
  flex-direction: column;
  align-items: center; /* ← заменил на center */
  color: #FFF;
  font-size: 69.057px;
  font-style: normal;
  font-weight: 400;
  line-height: 69.057px;
}


.hero__col2-uptitle p{
  color: #FFF;
  font-size: 31.908px;
  font-style: normal;
  font-weight: 500;
  line-height: 42.544px; /* 133.333% */
  text-transform: uppercase;
}

.hero__col2-wrap{
  border-radius: 16px;
  border: 0.787px solid rgba(255, 255, 255, 0.20);
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.10) 46.16%, rgba(255, 255, 255, 0.40) 100.18%);
  box-shadow: 0px 0px 94.496px 0px rgba(255, 255, 255, 0.50) inset, 0px 3.15px 18.899px -0.787px rgba(0, 0, 0, 0.20);
  backdrop-filter: blur(15.749272346496582px);
  display: flex;
  padding: 20px;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  /* width: 550px; */
}


.hero__col2-wrap p{
  color: #1D2939;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px; /* 150% */
}

.hero__col2-item{
  display: flex;
  padding: 20px;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  align-self: stretch;
  border-radius: 16px;
  border: 0.787px solid rgba(255, 255, 255, 0.20);
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.10) 46.16%, rgba(255, 255, 255, 0.40) 100.18%);
  box-shadow: 0px 0px 94.496px 0px rgba(255, 255, 255, 0.50) inset, 0px 3.15px 18.899px -0.787px rgba(0, 0, 0, 0.20);
  backdrop-filter: blur(15.749272346496582px);  
}

.hero__col2-btn-link {
  text-decoration: none;
  cursor: pointer;
  display: flex;
  padding: 4px 4px 4px 24px;
  align-items: center;
  gap: 12px;
  border-radius: 1584px;
  background: #071839;
  color: #FFF;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
  transition: transform 0.2s ease; /* плавность */
}

.hero__col2-btn-link:hover {
  transform: scale(1.05);
}


.hero__col2-btn-link p{
  color: #FFF;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
}

.hero__col2-btn-link-ico{
  display: flex;
  padding: 12px;
  align-items: center;
  gap: 10px;
  border-radius: 1584px;
  background: #FFF;
}

.hero__col2-item-xl{
  display: flex;
  padding: 20px;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  align-self: stretch;
  border-radius: 16px;
  border: 0.787px solid rgba(255, 255, 255, 0.20);
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.10) 46.16%, rgba(255, 255, 255, 0.40) 100.18%);
  box-shadow: 0px 0px 94.496px 0px rgba(255, 255, 255, 0.50) inset, 0px 3.15px 18.899px -0.787px rgba(0, 0, 0, 0.20);
  backdrop-filter: blur(15.749272346496582px);
}

.no-ico{
  text-decoration: underline;
  display: flex;
  padding: 12px 24px;
  align-items: center;
  gap: 12px;
}


@media (max-width: 991.98px) {
  .hero__wrap{
    flex-direction: column;
  }

  .hero__title h2{
    font-size: 14px;
    line-height: normal;
  }
  .hero__title h1{
    font-size: 54px;
    line-height: normal;
  }
  .hero__title p{
    font-size: 14px;
    line-height: normal;
  }
  .container{
    padding-left: 24px;
    padding-right: 24px;
    margin: 0;
  }
  .hero__btn{
    margin-top: 24px;
    width: 100%;
  }
  .hero__col2-text p{
    font-size: 12px;
    line-height: normal;
  }
  .hero__col2-text{
    margin-top: 24px;
  }
  .hero__title {
    margin-top: 44px;
  }
  .hero__col2-uptitle{
    align-items: center;
    text-align: center;
  }
}
/* hero-section end */

/* info-section start */
    .info__wrap{
        display: flex;
        flex-direction: row;
        gap: 136px;
    }

    .info__col1{
      flex: 1;
      display: flex;
      flex-direction: column;
      gap: 12px;
    }

.info__uptitle{
  color: #071839;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
  letter-spacing: 1.82px;
  text-transform: uppercase;
}

.info__title{
  color: #191919;
  font-size: 58px;
  font-style: normal;
  font-weight: 400;
  line-height: 64px; /* 110.345% */
}

.info__subtitle{
  color: #475467;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px; /* 155.556% */
}

.info__block{
  padding: 20px;
  border-radius: 16px;
  background: #ECF3F8;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  width: 592px;
  height: 332px;
}

.info__block-btn-wrap{
  display: flex;
  padding: 4px;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-radius: 8px;
  border: 1px solid #FFF;
  background: #FFF;
}

.info__block-btn-wrap a{
  display: flex;
  padding: 8px 12px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex: 1 0 0;
  color: #667085;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px; /* 142.857% */
  text-decoration: none;
  cursor: pointer;
}

.link-active{
  background: #071839;
  color: #FFF !important;
  border-radius: 6px;
}

.disable{
  display: none;
}

.info__block p{
  color: #1D2939;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px; /* 150% */
}

.info__block li{
  color: #1D2939;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
}

ul {
  list-style-position: inside;
}


.info__block > div[class^="info__block-slide"] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  transform: translateX(20px);
  transition: opacity 0.5s ease, transform 0.5s ease;
  pointer-events: none;
}

.info__block > div[class^="info__block-slide"].active {
  position: relative;
  opacity: 1;
  transform: translateX(0);
  pointer-events: auto;
}

.info__btn {
  display: flex;
  padding: 4px 4px 4px 24px;
  align-items: center;
  gap: 12px;
  margin-top: 40px;
  border-radius: 1584px;
  background: #071839;
  width: 50%;
  justify-content: space-between;
  text-decoration: none;
  cursor: pointer;

  /* Анимация */
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.info__btn:hover {
  transform: scale(1.03);
  box-shadow: 0 6px 16px rgba(7, 24, 57, 0.3);
}


.info__btn-text{
  color: #FFF;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
}

.info__btn-ico{
  display: flex;
  padding: 12px;
  align-items: center;
  gap: 10px;
  border-radius: 1584px;
  background: #FFF;
}

.container {
  max-width: 1440px;
  margin: 0 auto;
  padding-left: 80px;
  padding-right: 80px;
}

@media (max-width: 1440px) {
  .container {
    padding-left: 60px;
    padding-right: 60px;
  }
}

@media (max-width: 1024px) {
  .container {
    padding-left: 32px;
    padding-right: 32px;
  }
}

@media (max-width: 768px) {
  .container {
    padding-left: 20px;
    padding-right: 20px;
  }
  .info__btn{
    width: 100%;
  }
}
/* info-section end */


/* about-section start */
.about__wrap{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.about__col1{
  display: flex;
  flex-direction: column;
}

.about__col2 {
  display: flex;
  flex-direction: column;
  align-items: flex-end; /* если нужно прижать вправо */
}

.about__wrap {
  align-items: stretch; /* по умолчанию, но подстрахуемся */
}

.about__btn-link {
  margin-top: auto;
}

.about__uptitle{
  color: #071839;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
  letter-spacing: 1.82px;
  text-transform: uppercase;
}

.about__title{
  font-size: 58px;
  font-style: normal;
  font-weight: 400;
  line-height: 64px; /* 110.345% */
  padding-top: 12px;
}

.about__title .line1 {
  color: rgba(25, 25, 25, 0.20);
}

.about__title .line2 {
  color: rgba(25, 25, 25, 0.40);
}

.about__title .line3 {
  color: #191919;
}

.about__pics{
  display: flex;
  align-items: center;
  gap: -16px;
  margin-top: 104px;
}

.about__pics img{
  display: flex;
  width: 60px;
  height: 60px;
  justify-content: center;
  align-items: center;
  border-radius: 40px;
  border: 1.5px solid #FFF;
  background: url(<path-to-image>) lightgray 50% / cover no-repeat;
}

.about__pics img:not(:first-child) {
  margin-left: -16px; 
  z-index: 1;
}

.about__pics img:hover {
  z-index: 2; 
}

.about__subtitle{
  margin-top: 20px;
  color: #475467;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
}

.about__btn-link {
  display: flex;
  width: 140px;
  height: 140px;
  justify-content: center;
  align-items: center;
  border-radius: 1584px;
  background: #071839;
  color: #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  cursor: pointer;
  text-decoration: none;
  transition: transform 0.3s ease; /* плавность */
}

.about__btn-link:hover {
  transform: scale(1.05); /* немного увеличивается */
}
/* about-section end */


/* whom-section start */
.whom__wrap{
  display: flex;
  flex-direction: column;
  gap: 80px;
}

.whom__row1{
  display: flex;
  flex-direction: column;
}

.whom__uptitle{
  color: #071839;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
  letter-spacing: 1.82px;
  text-transform: uppercase;
}

.whom__title{
  padding-top: 12px;
  color: #191919;
  font-size: 58px;
  font-style: normal;
  font-weight: 400;
  line-height: 64px; /* 110.345% */
}

.whom__row2{
  display: flex;
  gap: 32px;
}

.blue-bg{
  background: #ECF3F8;
}

.whom__item{
  display: flex;
  height: 332px;
  padding: 20px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  flex: 1 0 0;
  border-radius: 8px;
  background: #FFF;
}

.whom__ico{
  display: flex;
  width: 60px;
  height: 60px;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
  border-radius: 6px;
  background: #071839;
}

.whom__text{
  color: #475467;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
}
/* whom-section end */


/* program-section start */

.program__head{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.program__head-col1{
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.program__head-col2 {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.program__head-btn-link{
  display: flex;
  gap: 12px;
  display: flex;
  padding: 4px 4px 4px 24px;
  align-items: center;
  gap: 12px;
  border-radius: 1584px;
  background: #071839;
  text-decoration: none;
  cursor: pointer;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
  text-align: center;
  color: #FFF;
}

.program__head-btn-link-ico{
  display: flex;
  padding: 12px;
  align-items: center;
  gap: 10px;
  border-radius: 1584px;
  background: #FFF;
}

.program__head-uptitle{
  color: #071839;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
  letter-spacing: 1.82px;
  text-transform: uppercase;
}

.program__head-title{
  color: #191919;
  font-size: 58px;
  font-style: normal;
  font-weight: 400;
  line-height: 64px; /* 110.345% */
  text-decoration: none;
  cursor: pointer;
}

.program__head-subtitle{
  color: #475467;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px; /* 155.556% */
}


.program__head-btn-link {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 24px;
  border-radius: 1584px;
  background: #071839;
  color: #FFF;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
  cursor: pointer;
  overflow: hidden;
  border: 1px solid transparent;
  transition: background 0.4s ease, color 0.4s ease, border 0.4s ease;
}

.program__head-btn-link p {
  z-index: 2;
  transition: color 0.4s ease;
  position: relative;
  padding-right: 40px;
}

.program__head-btn-link-ico {
  position: absolute;
  right: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FFF;
  padding: 12px;
  border-radius: 50%;
  transition: transform 0.4s ease, background 0.4s ease;
  z-index: 1;
}

.program__head-btn-link:hover {
  
  background: #FFF;
  color: #071839;
  border: 1px solid #071839;
}

.program__head-btn-link:hover p {
  padding-right: 0px;
  color: #071839;
}

.program__head-btn-link:hover .program__head-btn-link-ico {
  transform: translateX(-100px); /* регулируй при необходимости */
  background: #071839;
}

.program__head-btn-link:hover .program__head-btn-link-ico svg path {
  stroke: #FFF;
}

.program__head-btn-link-ico {
  position: absolute;
  right: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FFF;
  padding: 12px;
  border-radius: 50%;
  transition: 
    transform 0.4s ease, 
    background 0.4s ease, 
    opacity 0.4s ease, 
    visibility 0.4s ease;
  z-index: 1;
  opacity: 1;
  visibility: visible;
}

.program__head-btn-link:hover .program__head-btn-link-ico {
  opacity: 0;
  visibility: hidden;
  transform: translateX(-100px); /* или убери — если не нужен выезд */
  background: #071839;
}
.hero__btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 24px;
  gap: 12px;
  border-radius: 1584px;
  background: #FFF;
  color: #071839;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
  cursor: pointer;
  overflow: hidden;
  transition: background 0.4s ease, color 0.4s ease;
}

.hero__btn-text {
  z-index: 2;
  position: relative;
  padding-right: 40px; /* место под кружок */
  transition: color 0.4s ease, padding 0.4s ease;
}

.hero__btn-ico {
  position: absolute;
  right: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
  border-radius: 1584px;
  background: #071839;
  transition: transform 0.4s ease, background 0.4s ease, opacity 0.4s ease, visibility 0.4s ease;
  z-index: 1;
  opacity: 1;
  visibility: visible;
}

.hero__btn:hover {
  background: #c6e0f2;
  color: #071839;
}

.hero__btn:hover .hero__btn-text {
  padding-right: 0px;
  color: #071839;
}

.hero__btn:hover .hero__btn-ico {
  opacity: 0;
  visibility: hidden;
  transform: translateX(-100px); /* можно убрать или уменьшить */
  background: #071839;
}

.hero__btn:hover .hero__btn-ico svg path {
  stroke: #FFF;
}


.program__slide-btn-wrap{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 24px;
  align-self: stretch;
}

.program__slide-btn{
  margin-top: 80px;
  display: flex;
  padding: 40px;
  flex-direction: column;
  align-items: center;
  gap: 60px;
  flex: 1 0 0;
  border-radius: 8px;
  background: #ECF3F8;
  color: #101828;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px; /* 133.333% */
  text-decoration: none;
}

.program__slide-btn {
  margin-top: 80px;
  display: flex;
  padding: 40px;
  flex-direction: column;
  align-items: center;
  gap: 60px;
  flex: 1 0 0;
  border-radius: 8px;
  background: #ECF3F8;
  color: #101828;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  text-decoration: none;
  transition: transform 0.3s ease; /* плавная анимация */
}

.program__slide-btn:hover {
  transform: scale(1.03); /* лёгкое увеличение */
}


.slide-btn-active{
  border-radius: 8px;
  border: 1px solid #071839;
  background: #071839;
  color: #FFF;
}

.program__slide-content-1, .program__slide-content-2, .program__slide-content-3, .program__slide-content-4 {
  display: none;
}

.slide-content-active{
  margin-top: 40px;
  display: flex !important;
  padding: 60px;
  flex-direction: column;
  align-items: flex-start;
  gap: 60px;
  align-self: stretch;
  border-radius: 8px;
  background: #ECF3F8;
}

.program__slide-content-title{
  color: #101828;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px; /* 133.333% */
}

.program__slide-content-descr{
  color: #475467;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
}
/* program-section end */

@media (max-width: 991.98px) {
  .info__wrap{
    flex-direction: column;
    gap: 40px;
  }
  .info__subtitle{
    font-size: 14px;
  }
  .info__title{
    font-size: 44px;
    line-height: normal;
  }
  .info__block{
    width: auto;
    height: auto;
  }
  .info__block-btn-wrap{
    margin-bottom: 24px;
  }
  .about__title, .whom__title, .program__head-title{
    font-size: 44px;
    line-height: normal;
  }
  .about__pics{
    display: none;
  }
  .about__subtitle{
    line-height: normal;
  }
  .about__wrap{
    flex-direction: column;
  }
  .about__col2{
    margin-top: 24px;
  }
  .about__btn-link{
    width: 100%;
    height: 50px;
  }
  .whom__row2{
    flex-direction: column;
  }
  .whom__item{
    gap: 24px;
  }
  .program__head{
    flex-direction: column;
  }
  .program__head-col2{
    margin-top: 24px;
  }
  .program__slide-btn{
    font-size: 14px;
    padding: 5px;
  }
  .slide-content-active{
    padding: 20px;
    gap: 24px;
  }
}

* {
  outline: none !important;
}
html, body {
  overflow-x: hidden;
}

body::before {
  content: '';
  position: fixed;
  top: 0;
  left: 100vw;
  width: 1px;
  height: 100vh;
  background: red;
  z-index: 9999;
}

.info__block > div[class^="info__block-slide"] {
  display: none;
}

.info__block > div[class^="info__block-slide"].active {
  display: block;
}


/* coach-section start */
.coaches__head-wrap{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.coaches__head-col1{
  display: flex;
  gap: 12px;
  flex-direction: column;
}

.coaches__head-col2{
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.coaches__head-btn-wrap{
  display: flex;
  gap: 16px;
}

.coaches__head-btn-left, .coaches__head-btn-right {
  display: flex;
  width: 40px;
  height: 40px;
  padding: 8px;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  border: 1px solid #071839;
  background-color: #fff; /* начальный фон */
  transition: all 0.3s ease; /* Плавное изменение всех свойств */
}

/* Анимация при наведении */
.coaches__head-btn-left:hover, .coaches__head-btn-right:hover {
  border: 1px solid #071839;
  background-color: #fff; /* начальный фон */
  transform: scale(1.1); /* Увеличение кнопки */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); /* Легкая тень для эффекта поднятия */
  cursor: pointer;
}

/* Анимация при клике */
.coaches__head-btn-left:active, .coaches__head-btn-right:active {
  transform: scale(0.95); /* Эффект сжатия кнопки */
  box-shadow: none; /* Убираем тень при клике */
}

/* Дополнительный эффект при фокусе (если кнопки могут быть активированы клавишей Tab) */
.coaches__head-btn-left:focus, .coaches__head-btn-right:focus {
  outline: none;
  border: 1px solid #071839; /* Увеличиваем границу при фокусе */
}




.coaches__title{
  color: #191919;
  font-size: 58px;
  font-style: normal;
  font-weight: 400;
  line-height: 64px; /* 110.345% */
}

.coaches__subtitle{
  color: #475467;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px; /* 155.556% */
}

.dp-none{
  display: none;
}

.coaches__slide-wrap{
  margin-top: 80px;
  display: flex;
  gap: 32px;
}

.coaches__slide-item{
  flex: 1;
}

.coaches__slide-item-head{
  display: flex;
  padding: 24px 24px 12px 24px;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  align-self: stretch;
  background: #FFF;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  height: 120px;
}

.coaches__slide-name{
  color: #101828;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px; /* 133.333% */
}

.coaches__slide-descr{
  color: #475467;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
}


.coaches__slide-img{
  height: 305px;
  flex-shrink: 0;
  background: #ffffff;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.coaches__slide-img-0 {
  background-image: url('../img/coaches/coach-0.webp');
  background-size: cover;
}

.coaches__slide-img-1 {
  background-image: url('../img/coaches/coach-1.webp');
  background-size: cover;
  background-position: center -80px;
  background-repeat: no-repeat;
}

.coaches__slide-img-2 {
  background-image: url('../img/coaches/coach-2.webp');
  background-size: cover;
  background-position: center -70px;
  background-repeat: no-repeat;
}

.coaches__slide-img-3 {
  background-image: url('../img/coaches/coach-3.webp');
  background-size: cover;
  background-position: center -80px;
  background-repeat: no-repeat;
  
}

.coaches__slide-img-4 {
  background-image: url('../img/coaches/coach-4.webp');
  background-size: cover;
}

.coaches__slide-img-5 {
  background-image: url('../img/coaches/coach-5.webp');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.coaches__slide-img-6 {
  background-image: url('../img/coaches/coach-6.webp');
  background-size: cover;
  background-position: 20px -20px;
}

.coaches__slide-img-7 {
  background-image: url('../img/coaches/coach-7.webp');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.coaches__slide-img-8 {
  background-image: url('../img/coaches/coach-8.webp');
  background-size: cover;
  background-position: center -80px;
  background-repeat: no-repeat;
}

.coaches__slide-img-9 {
  background-image: url('https://stratoplan-school.com/team/img/team/500x500_tm04-mob.webp');
  background-size: cover;
  background-position: center 0px;
  background-repeat: no-repeat;
}

.coaches__slide-img-10 {
  background-image: url('../img/coaches/coach-10.webp');
  background-size: cover;
  background-position: center -80px;
  background-repeat: no-repeat;
}

.coaches__slide-img-11 {
  background-image: url('https://stratoplan-school.com/head/img/team/500x500_tm06-mob.webp');
  background-size: cover;
  background-position: 0px 0px;
  background-repeat: no-repeat;
}

.coaches__slide-img-12 {
  background-image: url('../img/coaches/coach-12.webp');
  background-size: cover;
  background-position: center -10px;
  background-repeat: no-repeat;
}

.coaches__slide-img-13 {
  background-image: url('../img/coaches/coach-13.webp');
  background-size: cover;
  background-position: center -80px;
  background-repeat: no-repeat;
}

.coaches__slide-img-14 {
  background-image: url('../img/coaches/coach-14.webp');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.coaches__slide-img-15 {
  background-image: url('../img/coaches/coach-15.webp');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.coaches__slide-btn {
    margin: 0 auto;
    margin-top: 30px;
    max-width: 80%;
    justify-content: space-between;
    display: flex;
    padding: 4px 4px 4px 24px;
    align-items: center;
    gap: 12px;
    border-radius: 1584px;
    background: #071839;
    transition: transform 0.2s ease-in-out; /* плавный переход */
    cursor: pointer;
    text-decoration: none;
    min-height: 56px;
}

.linkedin{
  justify-content: center;
}

.coaches__slide-btn:hover {
    transform: scale(1.05); /* лёгкое увеличение */
}


.coaches__slide-btn-text{
  color: #FFF;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
}

.coaches__slide-btn-ico{
  border-radius: 1584px;
  background: #FFF;
  display: flex;
  padding: 12px;
  align-items: center;
  gap: 10px;  
}

@media (max-width: 991.98px) {
  .coaches__head-wrap{
    flex-direction: column;
  }
  .coaches__title{
    font-size: 44px;
    line-height: normal;
  }
  .coaches__subtitle{
    font-size: 14px;  
  }
  .coaches__head-btn-wrap{
    margin-top: 24px;
  }
}
/* coach-section end */


/* partner-section start */
.partner__col{
  display: flex;
  align-items: center;
  gap: 32px;
  align-self: stretch;
  margin-top: 32px;
}

.partner-col-wrapp{
  margin-top: 48px;
}

.partner__item{
  cursor: pointer;
  text-decoration: none;
  display: flex;
  padding: 32px 32px 24px 32px;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
  border-radius: 16px;
  border: 1px solid #EAECF0;
  background: #FFF;
  flex: 1;
}

.partner__item-uptitle{
  display: flex;
  gap: 8px;
}

.partner__item-uptitle-text{
  color: #475467;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
}

.partner__item-title{
  color: #101828;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px; /* 133.333% */
}

.partner__wrap{
  display: flex;
  flex-direction: row;
  gap: 32px;
  justify-content: space-between;
  margin-top: 32px;
}

.partner__col {
  display: flex;
  flex: 1; /* Занимает равное пространство */
  justify-content: space-between;
}

.partner__item {
  cursor: pointer;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  border-radius: 16px;
  border: 1px solid #EAECF0;
  background: #FFF;
  padding: 32px 32px 24px 32px;
  flex: 1 1 48%; /* Занимает половину родительского пространства */
}

.partner__item:hover {
  border: 1px solid #EAECF0;
  background: #ECF3F8;
}

@media (max-width: 991.98px) {
  .partner__wrap{
    flex-direction: column;
  }
  .partner-title{
    font-size: 35px;
  }
}
/* partner-section end */

/* reg-section start */
.reg__col-wrap{
  display: flex;
  justify-content: space-between;
}

.reg__col1, .reg__col2{
  flex-direction: column;
  display: flex;
  flex: 1;
}
.reg__uptitle{
  color: #071839;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
  letter-spacing: 1.82px;
  text-transform: uppercase;
}

.reg__title{
  color: #191919;
  font-size: 58px;
  font-style: normal;
  font-weight: 400;
  line-height: 64px; /* 110.345% */
  margin-top: 12px;
}

.reg__subtitle{
  display: flex;
  flex-direction: row;
  gap: 110px;
  margin-top: 40px;
  margin-bottom: 40px;
}

.reg__img{
  width: 525.149px;
  height: 100%;
  border-radius: 8px;
}

.reg__col2{
  align-items: end;
}

@media (max-width: 991.98px) {
  .reg__col2{
    display: none;
  }
}
/* reg-section end */


/* footer */
.footer{
  background: #1D2939;
  padding: 48px 0px;
}

.footer__wrap p{
  color: #D0D5DD;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
}

.footer__links{
  display: flex;
  align-items: center;
  gap: 32px;
  align-self: stretch;
  cursor: pointer;
  text-decoration: none;
}

.footer__links .footer__link {
    transition: transform 0.3s ease, opacity 0.3s ease; /* Плавный переход для масштабирования и прозрачности */
}

.footer__links .footer__link:hover {
    transform: scale(1.1); /* Увеличиваем размер при наведении */
    opacity: 0.8; /* Немного уменьшаем прозрачность при наведении */
}

.footer__wrap{
  display: flex;
  justify-content: space-between;
}

@media (max-width: 991.98px) {
  .footer__wrap{
    flex-direction: column-reverse;
    justify-content: center;
    text-align: center;
  }
  .footer__links{
    padding-bottom: 12px;
    justify-content: center;
  }
}


/* footer */
html {
  scroll-behavior: smooth;
}


/* Настройка полосы прокрутки для всех браузеров */
::-webkit-scrollbar {
  width: 8px; /* ширина вертикальной полосы прокрутки */
  height: 8px; /* высота горизонтальной полосы прокрутки */
}

::-webkit-scrollbar-thumb {
  background-color: #071839; /* цвет прокачиваемого элемента */
  border-radius: 4px; /* скругление края полосы */
}

::-webkit-scrollbar-thumb:hover {
  background-color: #071839; /* цвет при наведении */
}

::-webkit-scrollbar-track {
  background: #f1f1f1; /* цвет дорожки */
  border-radius: 4px;
}


/* По умолчанию, для всех экранов */
::-webkit-scrollbar-thumb {
  background-color: #071839; /* цвет прокачиваемого элемента */
}

@media (max-width: 1200px) {
  /* Для экранов с шириной до 1200px */
  ::-webkit-scrollbar-thumb {
    background-color: #071839; /* другой цвет для среднего размера экранов */
  }
}

@media (max-width: 768px) {
  /* Для экранов с шириной до 768px */
  ::-webkit-scrollbar-thumb {
    background-color: #071839; /* цвет для мобильных устройств */
  }
}

@media (max-width: 480px) {
  /* Для экранов с шириной до 480px */
  ::-webkit-scrollbar-thumb {
    background-color: #071839; /* яркий цвет для маленьких экранов */
  }
}

/* Скрытие анимаций на мобильных и планшетных устройствах */
@media (max-width: 768px) {
  .animate-in-up {
    opacity: 1; /* Элемент сразу видим */
    transform: translateY(0); /* Убираем сдвиг */
    transition: none; /* Отключаем любые анимации */
  }
  .coaches__slide-descr{
  font-size: 14px;
}
}

::selection {
  background-color: #071839;
  color: white; 
}

/* THNX Section Start*/
.buttons__wrap{
  display: flex;
  flex-direction: column;
  gap: 36px;
}

.buttons__title{
  color: #191919;
  font-size: 58px;
  font-style: normal;
  font-weight: 400;
  line-height: 64px;
}

.buttons__btn-wrap{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 24px;
  align-self: stretch;
  margin-top: 24px;
  flex-direction: column;
}

.buttons__btn-item {
  display: flex;
  padding: 11px 22px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex: 1 0 0;
  border-radius: 8px;
  background: #FFF;
  transition: transform 0.2s ease, background-color 0.2s ease, color 0.2s ease;
  text-decoration: none;
}

.buttons__btn-item p {
  color: #475467;
  font-family: Montserrat;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 26px;
  transition: color 0.2s ease;
}

.buttons__btn-item:hover {
  transform: scale(1.05);
  background: #475467;
}

.buttons__btn-item:hover p {
  color: #FFF;
}

.buttons__ico{
  width: 32px;
  height: 32px;
}

@media (max-width: 991.98px) {
  .hero__wrap-thnx{
    flex-direction: column;
  }
  .buttons__btn-wrap{
    flex-wrap: wrap;
  }
  .buttons__title{
    font-size: 44px;
    line-height: normal;
  }
  .hero__logo-thx{
    margin-bottom: 0;
  }
  .hero__col2-item, .hero__col2-item-xl{
    gap: 12px;
  }
  .no-ico{
    font-size: 14px;
  }
}
/* THNX Section End*/

/* FAQ Section Start */
.faq__wrap-text{
  display: flex;
  width: 744px;
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
}

.faq__wrap-accord{
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-top: 80px;
}

.faq__uptitle{
  color: #071839;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
  letter-spacing: 1.82px;
  text-transform: uppercase;
}

.faq__title{
  color: #191919;
  font-size: 58px;
  font-style: normal;
  font-weight: 400;
  line-height: 64px; /* 110.345% */
}

.faq__subtitle{
  color: #475467;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px; /* 155.556% */
}

.faq__accord-item{
  display: flex;
  padding: 40px;
  align-items: center;
  justify-content: space-between;
  gap: 60px;
  align-self: stretch;
  border-radius: 8px;
  background: #ECF3F8;
  cursor: pointer;
  text-decoration: none;
}



.faq__accord-content-title{
  color: #101828;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px; /* 133.333% */
}

.faq__accord-content-subtitle{
  display: none;
  color: #475467;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
}

.accord--subtitle-active{
  display: block;
}

.faq__accord-content{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  flex: 1 0 0;
}

.faq__accord-content-subtitle {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease, opacity 0.4s ease;
  opacity: 0;

  color: #475467;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.accord--subtitle-active {
  max-height: 200px;
  opacity: 1;
}


@media (max-width: 991.98px) {
  .faq__title{
    font-size: 44px;
    line-height: normal;
  }
  .faq__wrap-text{
    width: 100%;
  }
  .faq__subtitle {
    font-size: 16px;
    line-height: normal;
  }
}
/* FAQ Section End */

.program-list li {
  margin-bottom: 24px;
  line-height: 1.5;
}

.program-list .descr {
  margin-top: 8px;
  margin-left: 1.5em;
  font-size: 0.95em;
  color: #565656;
}

.read-more,
.read-less {
  color: #007BFF;
  text-decoration: underline;
  cursor: pointer;
}

.read-more, .read-less{
  color: #071839;
}

.full-text{
  color: #475467;
}

.program-divider {
  border-bottom: 1px dashed #ccc;
  margin: 20px 0;
}



/* New THNX Section Start*/
.header__wrap{
  margin-top: 70px;
  display: flex;
  width: 1216px;
  justify-content: space-between;
  align-items: center;
}

.header__wrap-btns{
  display: flex;
  width: 684.998px;
  justify-content: flex-end;
  align-items: center;
  gap: 24px;
  flex-shrink: 0;
}

.header__wrap-link{
  color: #FFF;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 150% */
  text-decoration: none;
  cursor: pointer;
}

.header__wrap-link:hover{
  text-decoration: underline;
}

.header__wrap-btn {
  color: #071839;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
  cursor: pointer;

  display: flex;
  padding: 12px 24px;
  align-items: center;
  gap: 12px;
  border-radius: 1584px;
  background: #FFF;

  transition: transform 0.25s ease;
}

.header__wrap-btn:hover {
  transform: scale(1.05);
}

.hero__col2-wrap-thx-item{
  display: flex;
  padding: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  gap: 24px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.12);
  width: 226px;
}

.hero__col2-thnx{

  display: flex;
  justify-content: end;
  flex-direction: column;
}

.hero__col2-wrap-thx-item p{
  color: #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px; /* 150% */
}

.header__wrap-btn-white{
  border-radius: 1584px;
  background: #071839;
  display: flex;
  padding: 12px 24px;
  align-items: center;
  gap: 12px;
  align-self: stretch;

  color: #FFF;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
  text-decoration: none;
  cursor: pointer;
}

@media (max-width: 991.98px) {
  .header__wrap{
    width: 100%;
  }
  .header__wrap-btns{
    width: 100%;
    flex-direction: column-reverse;
  }
  .container{
    margin: 0;
  }
  .header__wrap-link{
    display: none;
  }
}

@media (max-width: 768px) {
  .header__wrap{
    flex-direction: column;
    align-items: flex-start;
  }
  .header__wrap-btns{
    display: none;
  }
}
/* New THNX Section End*/

/* Promo Section Start*/
.promo__wrap{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
  align-self: stretch;

  border-radius: 16px;
  background-image:
    linear-gradient(rgba(7, 24, 57, 0.8), rgba(7, 24, 57, 0.8)), /* #071839CC */
    url('../img/bg-promo.webp');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  display: flex;
  padding: 60px 80px;
  align-items: center;
  gap: 80px;
  align-self: stretch;
}



.promo__title-wrap{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

.promo__title{
  color: #FFF;
  font-size: 52px;
  font-style: normal;
  font-weight: 700;
  line-height: 60px; /* 115.385% */
  text-transform: uppercase;
}

.promo__subtitle{
  color: #F4B876;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px; /* 125% */
  letter-spacing: 2.08px;
  text-transform: uppercase;
}

.promo__code-wrap{
  display: flex;
  padding: 0px 60px;
  align-items: flex-start;
  gap: 60px;
  align-self: stretch;
  justify-content: space-between ;
}

.promo__code-wrap-col-1 p{
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px; /* 177.778% */
}

.promo__code-wrap-col-1 p span{
  font-weight: 700;
}

.promo__code-wrap-col-2{
  min-width: 265px;
  padding: 20px 40px;
  background-color: #EECC75;
  border-radius: 20px;
}

.promo__code-wrap-col-2 p{
  color: #101828;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px; /* 177.778% */
}

.em-1{
  font-size: 32px;
  font-weight: 700;
}

.em-2{
  font-size: 24px;
  font-weight: 700;
}

.em-3{
  font-size: 20px;
  font-weight: 700;
}

.em-4{
  font-size: 18px;
  font-weight: 700;
}

.promo__code-btn{
  display: flex;
  padding: 4px 4px 4px 24px;
  align-items: center;
  gap: 12px;
  border-radius: 1584px;
  background: #FFF;

  color: #071839;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
  cursor: pointer;
  text-decoration: none;

  transition: transform 0.25s ease;
}

.promo__code-btn:hover{
  transform: scale(1.05)
}

.promo__code-btn-ico{
  border-radius: 1584px;
  background: #071839;
  display: flex;
  padding: 12px;
  align-items: center;
  gap: 10px;
}

.promo__wrap {
  margin-top: -240px;
  position: relative;
  z-index: 2; /* если нужно перекрытие */
}

.hero__wrap-thnx{
  margin-bottom: 200px;
}

.buttons__btn-wrap-wrap{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 24px;
  align-self: stretch;
}

.buttons__btn-wrap-wrap-item{
  color: #101828;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px; /* 133.333% */

  border-radius: 8px;
  background: #ECF3F8;

  display: flex;
  height: 144px;
  padding: 40px 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 60px;
  flex: 1 0 0;
  transition: transform 0.25s ease;
  text-decoration: none;
}


.buttons__btn-wrap-wrap-item:hover{
  transform: scale(1.05);
  background: #101828;
  color: #ECF3F8;
}


@media (max-width: 991.98px) {
  .promo__code-wrap{
    flex-direction: column;
  }
  .promo__title-wrap{
    text-align: center;
  }
  .promo__code-wrap-col-2{
    display: flex;
    padding: 0;
  }
}

@media (max-width: 768px) {
  .promo__wrap{
    padding: 40px;
  }
  .promo__code-wrap-col-2, .buttons__btn-wrap-wrap{
    flex-direction: column; 
  }
  .promo__code-wrap-col-2{
    width: 100%;
    padding: 20px;
  }
  .promo__code-wrap{
    padding: 0;
  }
  .buttons__btn-wrap-wrap-item{
    width: 100%;
  }
}
/* Promo Section End*/