/* Font

OSWALD

.oswald-<uniquifier> {
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

PLAYFAIR

.playfair-display-<uniquifier> {
  font-family: "Playfair Display", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}



MANROPE

.manrope-<uniquifier> {
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

CAVEAT

.caveat-<uniquifier> {
  font-family: "Caveat", cursive;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}



*/

.video-slider {
  width: 340px;
  height: 590px;
  border-radius: 30px;
  border: 12px solid #86c3c4;
  background-color: #86c3c4;
}

.button-mobile {
  display: none;
  max-width: 330px;
  width: 100%;
  height: 100px;
  margin: 0 auto;
}
.button-mobile-img {
  max-width: 330px;
  width: 100%;
  height: 100px;
  margin: 0 auto;
}

/* MOBILE */

.ifyou-mobile {
  display: none;
  position: relative;
  padding: 67px 15px 0;
  background-color: rgba(63, 123, 131, 1);

  /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */
  border-radius: 60px;
  margin: 20px;
}
.ifyou-mobile-title {
  font-family: Playfair Display;
  font-size: 30px;
  font-weight: 400;
  line-height: 55px;
  letter-spacing: 0.02em;
  text-align: center;
  color: #ffffff;
}
.ifyou-mobile-text {
  font-family: Manrope;
  font-size: 20px;
  font-weight: 500;
  line-height: 25px;
  letter-spacing: 0.02em;
  text-align: center;
  color: #ffffff;
  padding-bottom: 40px;
}

.under-img {
  display: flex;
  justify-content: center;
  margin: 0 auto;
}

.identify-mobile {
  display: none;
  max-width: 480px;
  margin: 0 auto;
  padding: 0 50px;
  text-align: center;
}
.identify-content-card-mobile {
  background: #f7f7f7;
  padding: 25px;
  position: relative;
  border-radius: 23px;
  margin-top: 30px;
}
.identify-content-card-elipse-mobile {
  width: 50px;
  height: 50px;
  position: absolute;
  top: -25px;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, 0);
}
.identify-content-card-text-mobile {
  font-family: Manrope;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
  margin: 0 auto;
}
.identify-content-card-text-title-mobile {
  font-family: Playfair Display;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 10px;
  letter-spacing: 0.02em;
  text-align: center;
  color: #676767;
  text-transform: uppercase;
}

.bg-week {
  display: none;
  position: absolute;
  z-index: -5;
  top: 144px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 100%;
}

.header-mobile {
  display: none;
  width: 100%;
  background-image: url(mobile/header/header-background.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 100px;
}
.header-mobile-container {
  max-width: 430px;
  margin: 0 auto;
  padding: 0 20px;
}
.header-mobile-cards {
  max-width: 380px;
  margin: 0 auto;
  gap: 10px;
  display: flex;
  justify-content: center;
}
.header-mobile-card {
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  max-width: 185px;
  height: 95px;
  width: 100%;
}
.header-mobile-title {
  font-family: Playfair Display;
  font-size: 30px;
  font-weight: 600;
  line-height: 40px;
  letter-spacing: 0.02em;
  text-align: center;
  color: #676767;
  padding-top: 30px;
  padding-bottom: 20px;
  text-transform: uppercase;
  max-width: 390px;
  margin: 0 auto;
}
.header-mobile-text {
  font-family: Manrope;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.04em;
  text-align: center;
  color: #676767;
  padding-bottom: 350px;
  max-width: 390px;
  margin: 0 auto;
}

/* JOIN TO MOBILE */
.join-to-mobile {
  display: none;
  background-position: top;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(mobile/footer-bg.jpg);
}
.join-to-content-mobile {
  max-width: 400px;
  margin: 0 auto;
  padding: 394px 30px 67px;
}
.join-to-content-text-mobile {
  font-family: Playfair Display;
  font-size: 15px;
  font-weight: 600;
  line-height: 25px;
  letter-spacing: 0.02em;
  text-align: center;
  color: #ffffff;
}
.join-to-content-undertext-mobile {
  font-family: Caveat;
  font-size: 20px;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: 0.02em;
  text-align: center;
  color: #ffffff;
}
.join-to-content-white-mobile {
  padding: 30px 20px 20px;
  background: #ffffff61;
  border-radius: 30px;

  margin-top: 40px;
}
.join-to-content-white-gift-mobile {
  display: flex;
  justify-content: center;
  gap: 16px;
  margin-bottom: 15px;
}
.gift-img-mobile {
  font-family: Oswald;
  font-size: 15px;
  font-weight: 600;
  line-height: 25px;
  letter-spacing: 0.03em;
  text-align: left;
  color: #ffffff;
}

/* Join to END */

/* RESAULT */
.resault-mobile {
  padding: 70px 20px;
  display: none;
}
/* MAIN */

html {
  scroll-behavior: smooth;
}

.section-title {
  max-width: 260px;
  margin: 0 auto;

  display: flex;
  flex-direction: column;
  text-align: center;
}
.section-title-left {
  text-align: left;

  font-family: Playfair Display;
  font-size: 40px;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: #676767;
}
.section-title-right {
  text-align: right;
  font-family: Caveat;
  font-size: 60px;
  font-weight: 400;
  letter-spacing: 0.02em;
  color: #3f7b83;
  margin-top: -30px;
}

.content-button {
  margin-top: 50px;
  width: 385px;

  /* position: relative; */
  display: flex;
  width: 100%;
  align-items: center;
}
.content-button-inner {
  box-shadow: 0px 20px 60px 0px #ff7b7c9e;

  max-width: 385px;
  border-radius: 20px;
  width: 100%;
  height: 100px;

  background: radial-gradient(
    88.67% 413.11% at 50% 50%,
    #ff9497 0%,
    #ff7a7b 100%
  );

  text-transform: uppercase;

  font-family: Oswald;
  font-size: 25px;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-align: center;

  color: #ffffff;

  border-bottom: 10px solid #f16364;

  transition: all 0.2s linear;
}

.content-button-inner:hover {
  background: #f16364;
}
.content-button-sticker {
  width: 150px;
  height: 150px;

  /* position: absolute; */
  /* top: -24px; */
  /* left: 317px; */
  margin-left: -100px;
}

/* END MAIN */

body {
  background-color: #ffffff;
}

/* HEADER */
.header {
  height: 100vh;
  background-image: url(img/header.png);
  width: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.header-social {
  position: absolute;

  top: 50%;
  transform: translate(0, -50%);

  left: 20px;

  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
}
.header-social-circle {
  width: 60px;
  height: 60px;

  display: flex;
  justify-content: center;

  background-color: #ffffff;
  border: 1px dashed grey;
  border-radius: 50%;

  transition: all 0.1s ease;
}

.header-social-circle:hover {
  background-color: grey;
}

.header-container {
  max-width: 1680px;
  margin: 0 auto;
  padding: 0 90px;
}
.header-images {
  display: flex;
  gap: 20px;
}

.header-image {
  max-width: 320px;
  width: 100%;
}

.header-content {
  margin-top: 115px;
}
.header-content-title {
  font-family: Playfair Display;
  font-size: 50px;
  font-weight: 600;
  line-height: 70px;
  letter-spacing: 0.02em;
  text-align: left;
  text-transform: uppercase;
  color: #676767;
}
.header-content-text {
  font-family: Manrope;
  font-size: 25px;
  font-weight: 500;
  line-height: 35px;
  letter-spacing: 0.04em;
  text-align: left;

  color: #676767;

  margin-top: 30px;
}

.header-content-arrow-bottom {
  width: 190px;
  height: 190px;
  margin: 0 auto;
  align-items: center;
  margin-top: 100px;
  display: flex;
  justify-content: center;
  background-image: url(icons/bg-gortai.svg);
}
.header-content-arrow-bottom-inner {
  padding: 30px 30px;
  border-radius: 50%;
  transition: all 0.2s ease;
}
/* .header-content-arrow-bottom-inner:hover {
  background: #676767;
} */
/*END HEADER */

/* IDENTIFY */

.identify {
  max-width: 1500px;
  padding: 150px 12px;
  margin: 0 auto;
}

.identify-content {
  background-image: url(img/identify.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  padding-top: 90px;

  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 20px;
}

.identify-content-row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.identify-content-card {
  display: flex;
  align-items: center;
}
.identify-content-card-elipse {
  width: 69px;
  height: 69px;
  z-index: 3;
}
.identify-content-card-text {
  max-width: 383px;
  width: 100%;

  background-color: #f7f7f7;

  padding: 27px 20px 33px 36px;

  border-radius: 30px;
}
.identify-content-card-text-title {
  font-family: Playfair Display;
  font-size: 25px;
  font-weight: 600;
  letter-spacing: 0.02em;
  margin-bottom: 10px;
  text-align: left;
  color: #676767;

  text-transform: uppercase;
}
.identify-content-card-text-content {
  font-family: Manrope;
  font-size: 20px;
  font-weight: 400;
  line-height: 25px;
  text-align: left;

  color: #676767;
}

/* END IDENTIFY */

/* This course */

.this-course {
  max-width: 1500px;
  margin: 0 auto;
  padding: 0 12px;
}

.this-course-cards {
  display: flex;
  flex-direction: column;
  gap: 60px;
  margin-top: 60px;
}
.this-course-cards-row {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
  justify-content: center;
}
.this-course-card {
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  max-width: 340px;
}
.this-course-card-main-img {
  width: 100%;
}
.this-course-card-suc-img {
  width: 77px;
  height: 77px;

  margin-top: -38px;
}
.this-course-card-title {
  font-family: Playfair Display;
  font-size: 25px;
  font-weight: 600;
  line-height: 30px;
  letter-spacing: 0.02em;
  background: linear-gradient(97.5deg, #676767 44.18%, #cdcdcd 117.79%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

  padding-top: 10px;
  padding-bottom: 20px;

  min-height: 120px;

  padding-bottom: 20px;
}

.this-course-mobile {
  display: none;
}

.this-course-card-text {
  display: flex;
  align-items: center;
  min-height: 160px;
  border-radius: 30px;
  padding: 26px 10px;
  max-width: 336px;
  width: 100%;
  align-items: center;
  background: radial-gradient(
    65.48% 214.64% at 50% 50%,
    #3f7b83 0%,
    #8cc4b9 100%
  );
  color: #ffffff;
  font-family: Playfair Display;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-align: center;
}

/* END this course */

/* IfYou */

.ifyou {
  background-image: url(img/if-you.png);
  max-width: 1500px;
  margin: 0 auto;
  width: 100%;
  height: 830px;

  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.ifyou-container {
  max-width: 1500px;
  margin: 0 auto;

  display: flex;
  padding-top: 200px;
}

.pust {
  width: 44%;
}

.ifyou-content {
  max-width: 800px;
  display: flex;
  flex-direction: column;
  justify-content: right;
}
.ifyou-content-title {
  font-family: Playfair Display;
  font-size: 60px;
  font-weight: 400;
  line-height: 55px;
  letter-spacing: 0.02em;
  color: #ffffff;
}
.ifyou-content-text {
  font-family: Manrope;
  font-size: 25px;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: 0.02em;
  text-align: left;
  margin-top: 30px;
  color: #ffffff;
}
.ifyou-content-un {
  font-family: Playfair Display;
  font-size: 25px;
  font-weight: 400;
  line-height: 55px;
  letter-spacing: 0.02em;
  text-align: left;
  color: #ffffff;
  padding: 0 30px;
  background: radial-gradient(
      65.48% 214.64% at 50% 50%,
      #65abb5 0%,
      #8cc4b9 100%
    )
    /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
  border: 1px solid;
  border-image-source: linear-gradient(
    90.55deg,
    #ebf5f5 0.48%,
    rgba(235, 245, 245, 0) 93.72%
  );

  max-width: 509px;

  border-radius: 60px;

  margin-top: 40px;
}

/* Week Card */

.row {
  display: flex;
  gap: 60px;
}

.column-img {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.week {
  background-image: url(img/week.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  padding-bottom: 130px;
}
.week-container {
  max-width: 1420px;
  margin: 0 auto;
  padding: 0 10px;
  text-align: center;
}

.week-card-row {
  display: flex;
  justify-content: space-between;
}

.week-header {
  padding-top: 50px;
  padding-bottom: 70px;
}
.week-header-text {
  font-family: Playfair Display;
  font-size: 40px;
  font-weight: 600;
  line-height: 55px;
  letter-spacing: 0.02em;
  text-align: center;
  color: #676767;
}

.week-cards {
  display: flex;
  flex-direction: column;
  gap: 60px;
  padding-bottom: 50px;
}
.week-card {
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
}

.week-card-main-img {
  width: 154px;
  height: 154px;
}

.week-card-second-img {
  width: 46px;
  height: 46px;
  margin-top: -25px;
}
.week-card-text {
  font-family: Manrope;
  font-size: 20px;
  font-weight: 400;
  line-height: 25px;
  text-align: center;
  color: #676767;
  padding-top: 10px;

  max-width: 310px;
}

/* Section-video */

.video-section {
  max-width: 1100px;
  padding: 0 20px 100px;
  margin: 0 auto;
  text-align: center;
}
.video-section-text {
  max-width: 1040px;

  font-family: Playfair Display;
  font-size: 40px;
  font-weight: 600;
  line-height: 55px;
  letter-spacing: 0.02em;
  text-align: center;
  color: #676767;
}
.video-section-text-blue {
  font-family: Caveat;
  font-size: 60px;
  font-weight: 400;
  line-height: 40px;
  letter-spacing: 0.02em;
  color: #3f7b83;
  padding-bottom: 70px;
}
.video-section-container {
  max-width: 800px;
  margin: 0 auto;
}

.video {
  border-radius: 15px;
  width: 100%;
  height: 540px;
}
/* Video END */

/* About */

.about {
  max-width: 1960px;
  margin: 20px auto;
  padding: 0 20px;
}
.about-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 70px;
}
.about-left {
  max-width: 770px;
  width: 100%;
}

.about-left-img {
  max-height: 900px;
}

.about-content {
  display: flex;
  flex-direction: column;
}
.about-content-title {
  font-family: Playfair Display;
  font-size: 60px;
  font-weight: 400;
  line-height: 55px;
  letter-spacing: 0.02em;
  color: #676767;
  text-align: center;

  text-transform: uppercase;

  padding-top: 80px;
  padding-bottom: 30px;
}

.about-content-sub-title {
  max-width: 510px;
  width: 100%;
  margin: 0 auto;
}
.about-content-title-info {
  font-family: Playfair Display;
  font-size: 25px;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: 0.02em;
  text-align: center;
  color: #676767;

  padding-top: 30px;
}
.about-content-inner {
  margin-top: 40px;

  display: flex;
  flex-direction: column;
  gap: 20px;
}
.about-content-inner-line {
  display: flex;
  gap: 20px;
  align-items: center;
}
.about-content-inner-line-img {
  width: 66px;
  height: 66px;
}
.about-content-inner-line-text {
  font-family: Manrope;
  font-size: 20px;
  font-weight: 500;
  line-height: 25px;
  letter-spacing: 0.02em;

  color: #676767;
}

.about-content-inner-bottom-line-row {
  display: flex;
  align-items: center;

  gap: 20px;
}

.about-content-inner-bottom-line-books {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-left: 66px;
}
.about-content-inner-bottom-line-books-img {
  width: 100%;
  height: 45px;
}

.about-content-undertext {
  font-family: Manrope;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: 0.02em;
  text-align: center;
  color: #676767;

  max-width: 825px;
  margin: 0 auto;

  padding-top: 40px;
  padding-bottom: 40px;
}
.about-content-under-button {
  margin-bottom: 80px;
  text-align: center;
}

.icon-youtube:hover {
  fill: red;
}

/* END ABOUT */

/* MyProff */

.myproffesional {
  max-width: 1200px;
  margin: 40px auto;
  padding: 0 40px;
}

.myproffesional-header {
  max-width: 450px;
  margin: 0 auto;
  padding-bottom: 50px;
}

.myproffesional-title {
  font-family: Playfair Display;
  font-size: 40px;
  font-weight: 600;
  line-height: 55px;
  letter-spacing: 0.02em;
  text-align: center;
  color: #676767;
}
.myproffesional-subtitle {
  font-family: Caveat;
  font-size: 60px;
  font-weight: 400;
  line-height: 55px;
  letter-spacing: 0.02em;
  color: #3f7b83;
  text-align: right;
}

.swiper-button-prev {
  background-image: url(icons/left-arrow.svg);
  color: transparent;
  width: 100px;
  height: 100px;
  background-position: center;
  background-size: cover;
}

.swiper-button-next {
  background-image: url(icons/right-arrow.svg);
  width: 100px;
  height: 100px;
  background-position: center;
  background-size: cover;
}

/* END myproff */

/* program-course */

.program-course {
  max-width: 100%;
  margin: 0 auto 150px;
}
.program-course-header {
  max-width: 320px;
  margin: 0 auto;
}
.program-course-header-title {
  font-family: Playfair Display;
  font-size: 40px;
  font-weight: 600;
  /* line-height: 55px; */
  letter-spacing: 0.02em;
  color: #676767;
  text-align: center;
}
.program-course-header-text {
  text-align: right;
  font-family: Caveat;
  font-size: 60px;
  font-weight: 400;
  line-height: 20px;
  color: #3f7b83;
  letter-spacing: 0.02em;
}

.container-bg {
  background-image: url(program-course/bg.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top;
}

.program-course-cards {
  max-width: 990px;
  padding: 175px 20px 0;
  margin: 0 auto;

  display: flex;
  flex-direction: column;

  gap: 20px;
}
.program-course-card {
  /* background-color: beige; */
  border-radius: 20px;
  padding: 50px;

  box-shadow: 0px 20px 100px 0px #0000000d;

  background-color: #ffffff;
}
.program-course-card.first {
  background-image: url(program-course/first.png);
  background-position: right;
  background-size: cover;
  background-repeat: no-repeat;
}
.program-course-card.second {
  background-image: url(program-course/second.png);
  background-position: right;
  background-size: cover;
  background-repeat: no-repeat;
}
.program-course-card.third {
  background-image: url(program-course/third.png);
  background-position: right;
  background-size: cover;
  background-repeat: no-repeat;
}

.program-course-card-module {
  border-radius: 10px;
  background: radial-gradient(
      65.48% 214.64% at 50% 50%,
      #3f7b83 0%,
      #8cc4b9 100%
    )
    /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
  text-align: center;
  font-family: Playfair Display;
  font-size: 25px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0.02em;
  color: #ffffff;
  max-width: max-content;
  padding: 16px;
}

.program-course-card-subTitle {
  font-size: 22px;
  font-weight: 600;
  line-height: 30px;
  letter-spacing: 0.02em;
  color: #676767;
  text-align: left;
}

.program-course-card-title {
  font-family: Playfair Display;
  font-size: 25px;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: 0.02em;
  color: #676767;
  text-align: left;
  padding-top: 20px;
  padding-bottom: 30px;
}
.program-course-card-column {
  display: flex;
  gap: 15px;
  flex-direction: column;
}

.program-course-card-column-row {
  display: flex;
  align-items: center;
  gap: 15px;
}
.program-course-card-column-row-img {
  width: 33px;
  height: 33px;
}
.program-course-card-column-row-text {
  font-family: Manrope;
  font-size: 20px;
  font-weight: 500;
  line-height: 25px;
  letter-spacing: 0.02em;
  text-align: left;

  color: #676767;
}

.program-course-undercard {
  max-width: 990px;
  padding: 0 20px 0;
  margin: 20px auto 0;

  background-color: #ffffff;
}

.program-course-undercard-text {
  font-family: Playfair Display;
  font-size: 25px;
  font-weight: 500;
  line-height: 35px;
  letter-spacing: 0.02em;
  text-align: left;

  color: #676767;

  padding-bottom: 30px;
}

.program-course-undercard-columns {
  display: flex;
  gap: 80px;
  white-space: wrap;
}
.program-course-undercard-column {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
/* END program-course */

/* Testimonials */

.testimonials {
  max-width: 100%;
  margin: 0 auto;
}

.testimonials-title {
  font-size: 40px;
  font-weight: 600;
  line-height: 55px;
  letter-spacing: 0.02em;
  text-align: center;
  color: #676767;
}
.testimonials-bluetext {
  font-family: Caveat;
  font-size: 60px;
  font-weight: 400;
  line-height: 55px;
  letter-spacing: 0.02em;
  text-align: center;
  color: #3f7b83;
  margin-bottom: -40px;
}

.testimonials-img {
  width: 100%;
}
.testimonials-img-mobile {
  display: none;
  width: 100%;
}

/*END Testimonials */

/* Video testi */
.video-testi {
  max-width: 700px;
  margin: 0 auto;
  padding: 0 15px;
}

.reg-now {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 20px;
}
.title-text {
  font-family: Playfair Display;
  font-size: 40px;
  font-weight: 600;
  line-height: 55px;
  letter-spacing: 0.02em;
  text-align: center;
  color: #676767;
  max-width: 850px;
  margin: 0 auto;
}
.title-text-blue {
  font-family: Caveat;
  font-size: 60px;
  font-weight: 400;
  line-height: 55px;
  letter-spacing: 0.02em;
  text-align: center;
  color: #3f7b83;

  padding-bottom: 70px;
}

.timer {
  max-width: 410px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.time-block {
  background: radial-gradient(
      65.48% 214.64% at 50% 50%,
      #86c3c4 0%,
      #8cc4b9 100%
    )
    /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
  width: 110px;
  height: 100px;
  border-radius: 20px;

  text-align: center;
  padding-top: 10px;
}

.time {
  font-family: Playfair Display;
  font-size: 50px;
  font-weight: 500;
  color: #ffffff;
}

.betw {
  color: #676767;
  font-size: 80px;
}

.under-timer {
  max-width: 370px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  padding: 0 20px;
  justify-content: space-between;
  margin-bottom: 70px;
}
.under-timer-text {
  font-family: Manrope;
  font-size: 20px;
  font-weight: 500;
  line-height: 25px;
  letter-spacing: 0.02em;
  text-align: center;
  color: #676767;
  text-align: center;
}

.reg-now-cards {
  display: flex;
  gap: 20px;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 150px;
}
.reg-now-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 15px;
  box-shadow: 0px 20px 100px 0px #0000000d;
  background: #ffffff;
  max-width: 420px;
  border-radius: 60px;
}
.reg-now-card-img {
  width: 100%;
  border-radius: 60px;
}
.reg-now-card-title {
  font-family: Manrope;
  font-size: 25px;
  font-weight: 800;
  line-height: 30px;
  letter-spacing: 0.02em;
  text-align: center;
  color: #676767;
  text-transform: uppercase;
  padding-top: 30px;
}
.reg-now-columns {
  padding-top: 40px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.reg-now-row {
  display: flex;
  gap: 15px;
  align-items: center;
  /* text-align: center; */
}
.reg-now-row-img {
  width: 52px;
  height: 52px;
}
.reg-now-row-text {
  font-family: Manrope;
  font-size: 20px;
  font-weight: 500;
  line-height: 25px;
  letter-spacing: 0.02em;
  text-align: left;
  color: #676767;
  max-width: 302px;
}

.reg-now-price {
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: center;
  margin-top: 40px;
}
.reg-now-price-line {
  font-family: Manrope;
  font-size: 25px;
  font-weight: 600;
  line-height: 30px;
  letter-spacing: 0.02em;
  text-align: left;
  /* text-decoration: line-through; */
  color: #5a5a5a;
}

.oldPrice {
  font-weight: 400;
  opacity: 0.5;
  text-decoration: line-through;
}

.reg-now-price-current {
  font-family: Manrope;
  font-size: 35px;
  font-weight: 800;
  line-height: 30px;
  letter-spacing: 0.02em;
  text-align: left;
  color: #676767;
}

.reg-now-bonus {
  display: flex;
  gap: 15px;
  align-items: center;
  margin-top: 40px;
}
.reg-now-bonus-img {
  max-width: 100px;
  width: 100%;
}
.reg-now-bonus-text {
  font-family: Manrope;
  font-size: 20px;
  font-weight: 500;
  line-height: 25px;
  letter-spacing: 0.02em;
  text-align: left;
  color: #676767;
  max-width: 280px;
}

/* END REG NOW */

/* RESAULT */
.resault-imgages {
  max-width: 1480px;
  padding: 0 20px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.resault-imgages-first-row {
  display: flex;
  gap: 15px;
}
.resault-imgages-first-row-first {
  max-width: 525px;
  height: 254px;
  width: 100%;
  background-size: cover;
  background-position: left;
  background-repeat: no-repeat;
  background-image: url(resault/1.png);
  border-radius: 60px;
}
.resault-imgages-first-row-second {
  max-width: 400px;
  height: 254px;
  width: 100%;
  background-size: cover;
  background-position: left;
  background-repeat: no-repeat;
  background-image: url(resault/2.png);
  border-radius: 60px;
}
.resault-imgages-first-row-third {
  max-width: 485px;
  width: 100%;
  background-size: cover;
  background-position: left;
  background-repeat: no-repeat;
  background-image: url(resault/3.png);
  border-radius: 60px;
}

.resault-imgages-second-row {
  display: flex;
  gap: 15px;
}
.resault-imgages-second-row-first {
  max-width: 525px;
  height: 254px;
  width: 100%;
  background-size: cover;
  background-position: left;
  background-repeat: no-repeat;
  background-image: url(resault/4.png);
  border-radius: 60px;
}
.resault-imgages-second-row-second {
  max-width: 485px;
  height: 254px;
  width: 100%;
  background-size: cover;
  background-position: left;
  background-repeat: no-repeat;
  background-image: url(resault/5.png);
  border-radius: 60px;
}
.resault-imgages-second-row-third {
  max-width: 400px;
  height: 254px;
  width: 100%;
  background-size: cover;
  background-position: left;
  background-repeat: no-repeat;
  background-image: url(resault/6.png);
  border-radius: 60px;
}
.resault-imgages-third-row {
  display: flex;
  gap: 15px;
}
.resault-imgages-third-row-first {
  max-width: 800px;
  height: 254px;
  width: 100%;
  background-size: cover;
  background-position: left;
  background-repeat: no-repeat;
  background-image: url(resault/7.png);
  border-radius: 60px;
}
.resault-imgages-third-row-second {
  max-width: 627px;
  height: 254px;
  width: 100%;
  background-size: cover;
  background-position: left;
  background-repeat: no-repeat;
  background-image: url(resault/8.png);
  border-radius: 60px;
}
/* END RESAULT */

/* QUESTION */
.question {
  max-width: 1000px;
  padding: 0 20px;
  margin: 0 auto 120px;
  padding-top: 120px;
}

/* ACCORDEON */
/* ACCORDEON */

.accordeon-img {
  width: 32px;
  height: 32px;
}

.accordeon-item {
  padding: 20px 12px;
}

.accordeon-content {
  overflow: hidden;
  max-height: 0;
  transition: 0.3s ease-in-out;
  margin-top: -22px;
  box-shadow: 0px 20px 100px 0px #0000000d;
  border-radius: 0 0 30px 30px;
}

.accordeon-content-text {
  padding: 50px 30px;
  max-width: 883px;

  font-family: Manrope;
  font-size: 20px;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: 0.02em;
  text-align: left;

  color: #676767;
}

.accordeon-top-button {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 30px 20px;
  background: radial-gradient(
      65.48% 214.64% at 50% 50%,
      #86c3c4 0%,
      #8cc4b9 100%
    )
    /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
  border-radius: 30px;
}

.accordeon-top-button-white {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.accordeon-top-button-left {
  display: flex;
}
.accordeon-top-button-left-number {
  font-size: 20px;
  font-weight: 600;
  color: #606060;
}
.accordeon-top-button-left-text {
  font-family: Playfair Display;
  font-size: 25px;
  font-weight: 500;
  line-height: 35px;
  letter-spacing: 0.02em;
  text-align: left;
  color: rgba(2, 86, 87, 1);
}

.accordeon-content-ul {
  margin-top: 15px;
  margin-bottom: 15px;
  display: flex;
  flex-direction: column;
  gap: 13px;
}
.accordeon-content-li {
  font-size: 16px;
  font-weight: 600;
  list-style-type: disc;
  margin-left: 45px;
  color: #141414;
}
.accordeon-content-li::marker {
  list-style-type: disc;
  color: #606060;
}

/* ACCORDEON END */

/* END QUESTION */

.join-to {
  background-image: url(img/join.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.join-to-content {
  display: flex;
  flex-direction: column;
  max-width: 820px;
  margin-left: 50%;
  padding-top: 250px;
  margin-right: 30px;
  padding-bottom: 140px;
}
.join-to-content-text {
  font-family: Playfair Display;
  font-size: 30px;
  font-weight: 600;
  line-height: 45px;
  letter-spacing: 0.02em;
  text-align: left;
  color: #ffffff;
}
.join-to-content-undertext {
  font-family: Caveat;
  font-size: 40px;
  font-weight: 400;
  line-height: 55px;
  letter-spacing: 0.02em;
  text-align: left;
  color: #ffffff;
}
.join-to-content-white {
  background: rgba(255, 255, 255, 0.5);
  border-radius: 30px;
  padding: 30px 40px;
  margin-top: 40px;

  display: flex;
  justify-content: space-between;
}
.join-to-content-white-gift {
  display: flex;
  align-items: center;
  gap: 15px;
}
.gift-img {
  width: 50px;
  height: 50px;
}
.gift-text {
  font-family: Oswald;
  font-size: 20px;
  font-weight: 600;
  line-height: 25px;
  letter-spacing: 0.03em;
  text-align: left;
  color: #ffffff;
  max-width: 170px;
  text-transform: uppercase;
}

.footer {
  width: 100%;
  background: radial-gradient(
      65.48% 214.64% at 50% 50%,
      #3f7b83 0%,
      #8cc4b9 100%
    )
    /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
}
.footer-container {
  max-width: 1860px;
  margin: 0 auto;
  padding: 90px 30px 100px;

  display: flex;
  justify-content: space-between;
  align-items: center;
}
.footer-container-logo {
  max-width: 425px;
  width: 100%;
}
.footer-container-text {
  max-width: 280px;
  font-family: Manrope;
  font-size: 20px;
  font-weight: 500;
  line-height: 25px;
  letter-spacing: 0.02em;
  text-align: left;
  color: #ffffff;
}
.footer-container-second-text {
  max-width: 400px;
  font-family: Manrope;
  font-size: 20px;
  font-weight: 500;
  line-height: 25px;
  letter-spacing: 0.02em;
  text-align: left;
  color: #ffffff;
}
.footer-container-button-up {
  width: 105px;
  height: 105px;
}

.telegram {
  font-family: Manrope;
  font-size: 20px;
  font-weight: 500;
  line-height: 25px;
  letter-spacing: 0.02em;
  text-align: left;
  color: #ffffff;
}

.reg-now-text {
  font-family: Manrope;
  font-size: 20px;
  font-weight: 500;
  line-height: 25px;
  letter-spacing: 0.02em;
  text-align: left;
  color: #676767;
}