.banner {
  height: 100vh; }
  @media (min-width: 991px) and (max-aspect-ratio: 5 / 6) {
    .banner {
      height: auto; } }
  @media (min-width: 991px) and (min-aspect-ratio: 16 / 8) {
    .banner {
      height: auto; } }
  .banner .container {
    height: 100%; }
    @media (min-width: 991px) {
      .banner .container {
        display: flex;
        align-items: center;
        justify-content: center; } }
  .banner__wrapper {
    height: 100%;
    padding: 100px 0 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%; }
    @media (min-width: 767px) {
      .banner__wrapper {
        padding: 120px 0 30px; } }
    @media (max-height: 680px) and (max-aspect-ratio: 10 / 16) {
      .banner__wrapper {
        padding: 70px 0 30px; } }
    @media (max-height: 767px) and (min-aspect-ratio: 16 / 10) and (max-width: 991px) {
      .banner__wrapper {
        padding: 115px 0 10px; } }
    @media (min-width: 991px) {
      .banner__wrapper {
        padding: 115px 0 43px;
        display: grid;
        grid-template-columns: 1fr 54%;
        grid-template-rows: auto auto auto 1fr;
        height: auto; } }
    @media (min-width: 1400px) {
      .banner__wrapper {
        grid-template-columns: 1fr 48%; } }
    @media (min-width: 1650px) {
      .banner__wrapper {
        padding: 170px 0 43px;
        grid-template-columns: 1fr 54%; } }
  .banner__header {
    color: #404040;
    font-weight: 900;
    font-size: 26px;
    line-height: 32px;
    text-transform: uppercase; }
    @media (max-width: 370px) {
      .banner__header {
        font-size: 21px;
        line-height: 25px; } }
    @media (min-width: 767px) {
      .banner__header {
        font-size: 53px;
        line-height: 64px; } }
    @media (min-width: 991px) {
      .banner__header {
        font-size: 32px;
        line-height: 57px;
        grid-column: 1/2;
        grid-row: 1/2;
        margin-top: 50px; } }
    @media (min-width: 1400px) {
      .banner__header {
        font-size: 46px;
        line-height: 57px;
        margin-top: 50px; } }
    @media (min-width: 1650px) {
      .banner__header {
        font-size: 42px;
        margin-top: 80px; } }
  .banner__description {
    font-family: 'Oooh Baby';
    color: #404040;
    font-weight: 400;
    font-size: 26px;
    line-height: 32px; }
    @media (max-width: 370px) {
      .banner__description {
        font-size: 22px;
        line-height: 25px; } }
    @media (min-width: 767px) {
      .banner__description {
        font-size: 53px;
        line-height: 60px;
        margin-top: 12px; } }
    @media (min-width: 991px) {
      .banner__description {
        font-size: 26px;
        line-height: 64px;
        grid-column: 1/2;
        grid-row: 2/3;
        margin-top: 0; } }
    @media (min-width: 1400px) {
      .banner__description {
        font-size: 35px;
        line-height: 64px; } }
    @media (max-height: 767px) and (min-aspect-ratio: 16 / 10) and (max-width: 991px) {
      .banner__description {
        font-size: 40px;
        line-height: 25px; } }
  .banner__list {
    color: #404040;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    margin-top: 27px;
    display: flex;
    flex-direction: column;
    gap: 15px; }
    @media (max-width: 370px) {
      .banner__list {
        font-size: 13px;
        line-height: 17px; } }
    @media (min-width: 767px) {
      .banner__list {
        font-size: 20px;
        line-height: 24px;
        margin-top: 20px;
        gap: 20px; } }
    @media (min-width: 991px) {
      .banner__list {
        grid-column: 1/2;
        grid-row: 3/4;
        margin-top: 35px;
        gap: 25px; } }
    @media (min-width: 1400px) {
      .banner__list {
        margin-top: 30px;
        gap: 30px; } }
    @media (min-width: 1650px) {
      .banner__list {
        margin-top: 70px;
        gap: 54px; } }
    @media (max-height: 767px) and (min-aspect-ratio: 16 / 10) and (max-width: 991px) {
      .banner__list {
        gap: 10px; } }
  .banner__img {
    margin: 27px 0 0; }
    @media (min-width: 767px) {
      .banner__img {
        margin: 40px 150px 0; } }
    @media (min-width: 991px) {
      .banner__img {
        grid-column: 2/3;
        grid-row: 1/5;
        margin: 0; } }
    @media (max-height: 715px) and (min-aspect-ratio: 16 / 11) and (max-width: 991px) {
      .banner__img {
        display: none; } }
    .banner__img img {
      width: auto;
      height: auto;
      aspect-ratio: 1/1;
      max-height: 41vh;
      display: block;
      margin: 0 auto; }
      @media (max-width: 370px) {
        .banner__img img {
          width: 75%;
          margin: 0 auto; } }
      @media (min-width: 767px) {
        .banner__img img {
          width: 100%;
          max-height: none; } }
  .banner__btn {
    max-width: 295px;
    width: 100%;
    height: 56px;
    background: #F15A25;
    border-radius: 10px;
    font-weight: 900;
    font-size: 16px;
    line-height: 20px;
    color: #FFFFFF;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 15px auto 0; }
    @media (min-width: 767px) {
      .banner__btn {
        margin: 50px auto 0;
        max-width: 422px;
        height: 80px;
        font-size: 24px;
        line-height: 29px; } }
    @media (min-width: 991px) {
      .banner__btn {
        grid-column: 1/2;
        grid-row: 4/5;
        margin: 80px 0 0; } }
    @media (min-width: 991px) {
      .banner__btn {
        margin: 120px 0 0; } }
    @media (max-height: 767px) and (min-aspect-ratio: 16 / 10) and (max-width: 991px) {
      .banner__btn {
        margin: 10px auto 0; } }

.glide {
  position: relative;
  width: 100%;
  box-sizing: border-box; }
  .glide * {
    box-sizing: inherit; }

.glide__track {
  overflow: hidden; }

.glide__slides {
  gap: 15px;
  position: relative;
  width: 100%;
  height: auto;
  list-style: none;
  backface-visibility: hidden;
  transform-style: preserve-3d;
  touch-action: pan-Y;
  overflow: hidden;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  display: flex;
  flex-wrap: nowrap;
  will-change: transform; }

.glide__slides--dragging {
  user-select: none; }

.glide__slide {
  width: 100%;
  height: auto;
  flex-shrink: 0;
  white-space: normal;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent; }
  .glide__slide a {
    user-select: none;
    -webkit-user-drag: none;
    -moz-user-select: none;
    -ms-user-select: none; }

.glide__arrows {
  -webkit-touch-callout: none;
  user-select: none;
  display: none; }
  @media (min-width: 991px) {
    .glide__arrows {
      display: block; } }

.glide__bullets {
  -webkit-touch-callout: none;
  user-select: none;
  position: absolute;
  z-index: 1;
  bottom: -50px;
  left: 50%;
  display: inline-flex;
  list-style: none;
  transform: translateX(-50%); }

.glide--rtl {
  direction: rtl; }

.glide__arrow {
  position: absolute;
  display: block;
  top: 50%;
  z-index: 0;
  color: white;
  text-transform: uppercase;
  padding: 9px 12px;
  background-color: transparent;
  border: 2px solid rgba(255, 255, 255, 0.5);
  border-radius: 4px;
  box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1);
  text-shadow: 0 0.25em 0.5em rgba(0, 0, 0, 0.1);
  opacity: 1;
  cursor: pointer;
  transition: opacity 150ms ease, border 300ms ease-in-out;
  transform: translateY(-50%);
  line-height: 1; }
  .glide__arrow:focus {
    outline: none; }
  .glide__arrow:hover {
    border-color: white; }

.glide__arrow--left {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: #F15A25;
  border: none;
  left: -72px;
  width: 67px;
  height: 67px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 7px 0px 0; }

.glide__arrow--right {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: #F15A25;
  border: none;
  right: -72px;
  width: 67px;
  height: 67px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 0 0 7px; }

.glide__arrow--disabled {
  opacity: 0.33; }

.glide__bullet {
  background: #FBB03B;
  height: 13px;
  width: 13px;
  padding: 0;
  border-radius: 50%;
  border: 2px solid #FFFFFF;
  transition: all 300ms ease-in-out;
  cursor: pointer;
  line-height: 0;
  box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1);
  margin: 0 0.25em; }
  .glide__bullet:focus {
    outline: none; }

.glide__bullet--active {
  background: #FFFFFF !important; }

.glide--swipeable {
  cursor: grab; }

.glide--dragging {
  cursor: grabbing; }

.myworks__wrapper {
  margin: 50px 40px 162px; }
  @media (min-width: 767px) {
    .myworks__wrapper {
      margin: 90px 0 162px; } }
  @media (min-width: 767px) {
    .myworks__wrapper {
      margin: 90px 65px 162px; } }
  @media (min-width: 1200px) {
    .myworks__wrapper {
      margin: 131px 65px; } }
  @media (min-width: 1500px) {
    .myworks__wrapper {
      margin: 131px 0; } }
.myworks__header {
  color: #404040;
  font-weight: 900;
  font-size: 26px;
  line-height: 32px;
  font-style: normal;
  text-align: center;
  width: 100%;
  text-transform: uppercase; }
  @media (min-width: 767px) {
    .myworks__header {
      display: none; } }
.myworks__slider {
  margin: 25px auto 0; }
.myworks__slide img {
  width: 100%;
  aspect-ratio: 254 / 251;
  height: auto;
  display: block;
  margin: 0 auto;
  border-radius: 10px;
  border: 2px #FBB03B solid; }
  @media (min-width: 767px) {
    .myworks__slide img {
      border-radius: 50%;
      border: 2px #ffffff solid; } }
.myworks__bg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 80px;
  z-index: -1;
  background: url("../img/home/myWorksBottom.svg") no-repeat center center;
  background-size: cover; }
  @media (min-width: 767px) {
    .myworks__bg {
      background: url("../img/home/myworksBgTab.svg") no-repeat center center;
      background-size: cover;
      height: 100%; } }
  @media (min-width: 1200px) {
    .myworks__bg {
      background: url("../img/home/myworksBgDesc.svg") no-repeat center center;
      background-size: cover; } }
.myworks .glide__bullet {
  border: 2px solid #F15A25;
  background: #FFFFFF; }
  @media (min-width: 767px) {
    .myworks .glide__bullet {
      border: 2px solid #FFFFFF;
      background: #FBB03B; } }
.myworks .glide__bullet--active {
  background: #F15A25 !important; }
  @media (min-width: 767px) {
    .myworks .glide__bullet--active {
      background: #FFFFFF !important; } }

.about {
  position: relative; }
  .about__wrapper {
    margin: 45px 0 0; }
    @media (min-width: 767px) {
      .about__wrapper {
        margin: 60px 0 0; } }
    @media (min-width: 1200px) {
      .about__wrapper {
        margin: 70px 0 0;
        display: grid;
        grid-template-columns: 43% 1fr;
        grid-template-rows: auto auto auto 1fr;
        grid-column-gap: 8%; } }
  .about__header {
    color: #404040;
    font-weight: 900;
    font-size: 26px;
    line-height: 32px;
    font-style: normal;
    text-align: center;
    width: 100%;
    text-transform: uppercase; }
    @media (min-width: 767px) {
      .about__header {
        font-size: 53px;
        line-height: 64px; } }
    @media (min-width: 1200px) {
      .about__header {
        grid-column: 1/3;
        grid-row: 1/2;
        font-size: 60px;
        line-height: 64px; } }
  .about__img {
    margin-top: 30px; }
    @media (min-width: 767px) {
      .about__img {
        margin-top: 40px; } }
    @media (min-width: 1200px) {
      .about__img {
        grid-column: 1/2;
        grid-row: 2/5;
        margin-top: 46px;
        max-width: 600px; } }
    .about__img img {
      width: 100%;
      height: auto;
      aspect-ratio: 337 / 351; }
  .about__name {
    color: #404040;
    font-weight: 700;
    font-size: 26px;
    line-height: 32px;
    font-style: normal;
    margin-top: 15px; }
    @media (min-width: 767px) {
      .about__name {
        margin-top: 15px;
        font-size: 48px;
        line-height: 59px; } }
    @media (min-width: 1200px) {
      .about__name {
        grid-column: 2/3;
        grid-row: 2/3;
        margin-top: 40px;
        font-size: 32px;
        line-height: 40px; } }
    @media (min-width: 1400px) {
      .about__name {
        margin-top: 50px;
        font-size: 40px;
        line-height: 46px; } }
  .about__post {
    color: #404040;
    font-family: 'Oooh Baby';
    font-style: normal;
    font-weight: 400;
    font-size: 26px;
    line-height: 32px; }
    @media (min-width: 767px) {
      .about__post {
        font-size: 48px;
        line-height: 59px; } }
    @media (min-width: 1200px) {
      .about__post {
        grid-column: 2/3;
        grid-row: 3/4;
        font-size: 32px;
        line-height: 40px; } }
    @media (min-width: 1400px) {
      .about__post {
        font-size: 40px;
        line-height: 46px; } }
  .about__description {
    font-size: 14px;
    line-height: 17px; }
    @media (min-width: 767px) {
      .about__description {
        font-size: 20px;
        line-height: 27px; } }
    @media (min-width: 1200px) {
      .about__description {
        grid-column: 2/3;
        grid-row: 4/5;
        margin-top: 35px;
        font-size: 18px;
        line-height: 22px; } }
    @media (min-width: 1400px) {
      .about__description {
        margin-top: 35px;
        font-size: 22px;
        line-height: 25px; } }
    .about__description span {
      font-weight: 600; }
    .about__description p {
      background: #FBB03B;
      border-radius: 8px;
      font-weight: 800;
      font-size: 13px;
      line-height: 17px;
      color: #FFFFFF;
      padding: 15px 20px;
      margin: 0;
      margin-top: 27px; }
      @media (min-width: 767px) {
        .about__description p {
          font-size: 20px;
          line-height: 27px;
          padding: 27px 22px;
          margin-top: 65px; } }
      @media (min-width: 1200px) {
        .about__description p {
          grid-column: 2/3;
          grid-row: 4/5;
          margin-top: 35px;
          font-size: 15px;
          line-height: 22px;
          position: relative; }
          .about__description p:before {
            content: '';
            position: absolute;
            bottom: -6px;
            left: -35px;
            width: 35px;
            height: 18px;
            border-left: 18px solid transparent;
            border-right: 18px solid transparent;
            border-bottom: 49px solid #FBB03B;
            transform: rotate(-90deg); } }
      @media (min-width: 1400px) {
        .about__description p {
          margin-top: 35px;
          font-size: 18px;
          line-height: 23px;
          padding: 27px 26px; } }
  .about__bg {
    position: absolute;
    left: 0;
    width: 5%;
    background: url("../img/home/about_bg.svg") no-repeat center center;
    background-size: cover;
    display: none; }
    @media (min-width: 1500px) {
      .about__bg {
        top: 180px;
        display: block;
        height: 590px; } }
    @media (min-width: 1700px) {
      .about__bg {
        width: 10%; } }

.weaving__header {
  color: #404040;
  font-family: "Montserrat", sans-serif;
  font-weight: 900;
  font-size: 25px;
  line-height: 32px;
  text-align: center;
  margin-top: 45px;
  text-transform: uppercase; }
  @media (min-width: 767px) {
    .weaving__header {
      font-size: 53px;
      line-height: 64px;
      margin-top: 60px; } }
  @media (min-width: 991px) {
    .weaving__header {
      font-size: 60px;
      line-height: 64px;
      margin-top: 50px; } }
.weaving__wrapper {
  margin: 30px 0 27px;
  display: grid;
  grid-template: repeat(6, auto)/auto;
  row-gap: 27px; }
  @media (min-width: 767px) {
    .weaving__wrapper {
      margin: 40px 0 50px; } }
  @media (min-width: 991px) {
    .weaving__wrapper {
      grid-template: repeat(3, auto)/auto auto;
      row-gap: 45px;
      column-gap: 100px;
      margin: 84px 0 63px; } }
  @media (min-width: 1200px) {
    .weaving__wrapper {
      row-gap: 56px;
      column-gap: 120px; } }
  @media (min-width: 1400px) {
    .weaving__wrapper {
      row-gap: 64px;
      column-gap: 136px; } }
.weaving__item {
  display: grid;
  grid-template: auto 1fr/auto 1fr;
  column-gap: 4px; }
  @media (min-width: 767px) {
    .weaving__item {
      column-gap: 14px; } }
.weaving__number {
  width: 36px;
  height: 36px;
  background: #F15A25;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  grid-column: 1/2;
  grid-row: 1/2; }
  @media (min-width: 767px) {
    .weaving__number {
      width: 76px;
      height: 76px; } }
  .weaving__number img {
    width: 22px;
    height: auto; }
    @media (min-width: 767px) {
      .weaving__number img {
        width: 50px; } }
.weaving__name {
  color: #404040;
  font-weight: 900;
  font-size: 16px;
  line-height: 20px;
  grid-column: 2/3;
  grid-row: 1/2;
  align-self: center; }
  @media (min-width: 767px) {
    .weaving__name {
      font-size: 24px;
      line-height: 29px; } }
.weaving__description {
  color: #404040;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  grid-column: 2/3;
  grid-row: 2/3; }
  @media (min-width: 767px) {
    .weaving__description {
      font-size: 20px;
      line-height: 27px; } }
  .weaving__description span {
    font-weight: 600; }
.weaving__btn {
  width: 295px;
  height: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  margin: 0 auto 50px;
  box-shadow: 0 2px 9px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  background-color: #F15A25;
  color: #ffffff;
  font-weight: 900;
  font-size: 16px;
  line-height: 20px; }
  @media (min-width: 767px) {
    .weaving__btn {
      border-radius: 15px;
      width: 422px;
      height: 80px;
      font-size: 24px;
      line-height: 29px; } }

.for__header {
  color: #404040;
  margin-top: 15px;
  font-weight: 900;
  font-size: 26px;
  line-height: 32px;
  text-align: center;
  text-transform: uppercase; }
  @media (min-width: 767px) {
    .for__header {
      font-size: 53px;
      line-height: 64px;
      margin-top: 15px; } }
  @media (min-width: 991px) {
    .for__header {
      font-size: 60px;
      line-height: 64px;
      margin-top: 15px; } }
.for__wrapper {
  padding: 37px 0 27px;
  display: grid;
  grid-template: repeat(4, auto)/1fr;
  row-gap: 33px; }
  @media (min-width: 767px) {
    .for__wrapper {
      margin: 40px 0 50px; } }
  @media (min-width: 991px) {
    .for__wrapper {
      grid-template: repeat(2, auto)/auto auto;
      row-gap: 45px;
      column-gap: 100px;
      margin: 84px 0 63px; } }
  @media (min-width: 1200px) {
    .for__wrapper {
      row-gap: 56px;
      column-gap: 120px; } }
  @media (min-width: 1400px) {
    .for__wrapper {
      row-gap: 64px;
      column-gap: 136px; } }
.for__item {
  display: grid;
  grid-template: auto 1fr/auto 1fr;
  row-gap: 0;
  column-gap: 14px; }
.for__img {
  width: 36px;
  height: 36px;
  background: #FFFFFF;
  border: 2px solid #FBB03B;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  grid-column: 1/2;
  grid-row: 1/2; }
  @media (min-width: 767px) {
    .for__img {
      width: 76px;
      height: 76px; } }
  .for__img img {
    width: 22px;
    height: auto; }
    @media (min-width: 767px) {
      .for__img img {
        width: 50px; } }
.for__name {
  color: #ffffff;
  font-weight: 900;
  font-size: 15px;
  line-height: 20px;
  background: #F15A25;
  border-radius: 18px;
  padding: 1px 15px;
  grid-column: 2/3;
  grid-row: 1/2;
  width: max-content;
  align-self: center;
  height: fit-content; }
  @media (min-width: 767px) {
    .for__name {
      font-size: 24px;
      line-height: 29px;
      padding: 3px 16px; } }
.for__description {
  grid-column: 2/3;
  grid-row: 2/3;
  color: #404040;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px; }
  @media (min-width: 767px) {
    .for__description {
      font-size: 20px;
      line-height: 27px; } }
.for__btn {
  width: 295px;
  height: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  margin: 0 auto 50px;
  box-shadow: 0 2px 9px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  background-color: #F15A25;
  color: #ffffff;
  font-weight: 900;
  font-size: 16px;
  line-height: 20px; }
  @media (min-width: 767px) {
    .for__btn {
      border-radius: 15px;
      width: 422px;
      height: 80px;
      font-size: 24px;
      line-height: 29px; } }

@media (min-width: 991px) {
  .courses {
    position: relative; }
    .courses:before, .courses:after {
      content: '';
      position: absolute;
      top: 0;
      width: 5%;
      height: 100%;
      background-image: url("../img/home/coursesBg.svg");
      background-repeat: no-repeat;
      background-size: cover; } }
    @media (min-width: 991px) and (min-width: 1500px) {
      .courses:before, .courses:after {
        width: 10%; } }
    @media (min-width: 991px) and (min-width: 16500px) {
      .courses:before, .courses:after {
        width: 12%; } }
@media (min-width: 991px) {
    .courses:before {
      left: 0;
      background-position: left; }
    .courses:after {
      right: 0;
      background-position: right; } }
.courses__header {
  font-weight: 900;
  font-size: 26px;
  line-height: 32px;
  text-align: center;
  color: #404040;
  text-align: center;
  text-transform: uppercase; }
  @media (min-width: 767px) {
    .courses__header {
      font-size: 53px;
      line-height: 64px;
      margin-top: 40px; } }
  @media (min-width: 991px) {
    .courses__header {
      font-size: 60px;
      line-height: 64px;
      margin-top: 50px; } }
.courses__wrapper {
  margin: 30px 0 50px;
  display: flex;
  flex-direction: column;
  gap: 27px; }
  @media (min-width: 767px) {
    .courses__wrapper {
      gap: 60px;
      margin: 40px 0 60px; } }
  @media (min-width: 991px) {
    .courses__wrapper {
      display: grid;
      grid-template: repeat(2, 1fr)/repeat(2, 1fr);
      margin: 64px 0 100px;
      row-gap: 23px;
      column-gap: 5%;
      padding: 0 6%; } }
.courses__item {
  background: #FFFFFF;
  border: 2px solid #FBB03B;
  border-radius: 16.4416px;
  padding: 20px 5px; }
  @media (min-width: 767px) {
    .courses__item {
      padding: 25px 41px; } }
  @media (min-width: 991px) {
    .courses__item {
      padding: 25px 41px;
      border: 3px solid #FBB03B;
      border-radius: 24px;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: space-between; } }
.courses__name {
  color: #404040;
  font-weight: 700;
  font-size: 16px;
  line-height: 27px;
  text-transform: uppercase;
  text-align: center; }
  @media (min-width: 767px) {
    .courses__name {
      font-size: 24px;
      line-height: 27px; } }
  @media (min-width: 991px) {
    .courses__name {
      font-size: 17px;
      line-height: 20px; } }
  @media (min-width: 1400px) {
    .courses__name {
      font-size: 24px;
      line-height: 27px; } }
.courses__img {
  padding: 0 8% 0 22%; }
  @media (min-width: 767px) {
    .courses__img {
      padding: 0 12% 0 19%;
      margin-top: 18px; } }
  .courses__img img {
    width: 100%;
    height: auto; }
.courses__price_wrapper {
  display: flex;
  flex-direction: column;
  gap: 20px; }
.courses__standard_price, .courses__consultation_price {
  display: flex;
  justify-content: space-between; }
.courses .stm-lms-buy-buttons-mixed-pro {
  width: 34%;
  overflow: hidden;
  border-radius: 25px;
  position: relative; }
  .courses .stm-lms-buy-buttons-mixed-pro .stm_lms_mixed_button {
    padding: 0 !important;
    width: 100%;
    height: 100%; }
  .courses .stm-lms-buy-buttons-mixed-pro .main__btn.buy-button.btn {
    font-size: 0;
    background: #F15A25 !important;
    padding: 0 !important;
    width: 100%;
    height: 100%;
    min-width: 100%;
    min-height: 100%;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center; }
    .courses .stm-lms-buy-buttons-mixed-pro .main__btn.buy-button.btn span {
      height: 21px;
      width: 21px;
      display: block;
      background: url("../img/home/byCart.svg") no-repeat center center;
      background-size: contain;
      margin: 0 auto; }
      @media (min-width: 767px) {
        .courses .stm-lms-buy-buttons-mixed-pro .main__btn.buy-button.btn span {
          height: 31px;
          width: 31px; } }
.courses__text {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #FFFFFF;
  border: 2px solid #FBB03B;
  border-radius: 25px;
  padding: 10px 12px;
  width: 64%;
  height: 40px;
  position: relative; }
  @media (min-width: 767px) {
    .courses__text {
      height: 51px; } }
.courses__select__title {
  font-weight: 400;
  font-size: 11px;
  line-height: 15px;
  text-transform: uppercase;
  color: #404040; }
  @media (min-width: 767px) {
    .courses__select__title {
      font-size: 17px;
      line-height: 27px; } }
  @media (min-width: 991px) {
    .courses__select__title {
      font-size: 10px;
      line-height: 15px; } }
  @media (min-width: 1400px) {
    .courses__select__title {
      font-size: 15px;
      line-height: 23px; } }
  @media (max-width: 405px) {
    .courses__select__title {
      font-size: 11px; } }
  @media (max-width: 390px) {
    .courses__select__title {
      font-size: 11px; } }
  @media (max-width: 370px) {
    .courses__select__title {
      font-size: 8px;
      line-height: 13px; } }
.courses .new_year {
  position: absolute;
  top: -17px;
  right: -22px;
  aspect-ratio: 1/1;
  height: 35px; }
  @media (min-width: 767px) {
    .courses .new_year {
      top: -20px;
      right: -25px;
      height: 40px; } }
  @media (min-width: 991px) {
    .courses .new_year {
      top: -17px; } }
.courses .birthday {
  position: absolute;
  top: -20px;
  right: calc(50% - 15px);
  aspect-ratio: 1/1;
  height: 30px; }
  @media (min-width: 767px) {
    .courses .birthday {
      top: calc(50% - 27px);
      right: 100%;
      height: 44px; } }
  @media (min-width: 991px) {
    .courses .birthday {
      top: calc(50% - 25px); } }
.courses .main__price {
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: #404040; }
  @media (min-width: 767px) {
    .courses .main__price {
      font-size: 28px;
      line-height: 27px; } }
  @media (min-width: 991px) {
    .courses .main__price {
      font-size: 11px;
      line-height: 25px; } }
  @media (min-width: 1400px) {
    .courses .main__price {
      font-size: 17px;
      line-height: 30px; } }
  @media (max-width: 405px) {
    .courses .main__price {
      font-size: 12px; } }
  @media (max-width: 390px) {
    .courses .main__price {
      font-size: 11px; } }
  @media (max-width: 370px) {
    .courses .main__price {
      font-size: 9px;
      line-height: 15px; } }
  .courses .main__price del {
    color: #a7a7a7;
    text-decoration: line-through;
    padding-right: 5px; }
    @media (max-width: 450px) {
      .courses .main__price del {
        padding-right: 5px; } }
.courses__price_wrap.grand .stm-lms-buy-buttons-mixed-pro {
  width: 100%;
  height: 51px;
  background: #FBB03B;
  border-radius: 10px;
  margin: 0 auto;
  text-transform: uppercase;
  color: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px; }
  @media (min-width: 767px) {
    .courses__price_wrap.grand .stm-lms-buy-buttons-mixed-pro {
      width: 100%;
      height: 75px;
      border-radius: 15px; } }
  .courses__price_wrap.grand .stm-lms-buy-buttons-mixed-pro .btn.btn-default {
    background: #FBB03B !important;
    font-size: 16px;
    line-height: 20px;
    font-weight: 900;
    text-transform: uppercase; }
    @media (min-width: 767px) {
      .courses__price_wrap.grand .stm-lms-buy-buttons-mixed-pro .btn.btn-default {
        font-size: 24px;
        line-height: 29px; } }
.courses__price_wrap.grand .__select__title {
  font-weight: 700;
  font-size: 30px;
  line-height: 35px;
  text-align: center;
  color: #404040;
  text-transform: uppercase; }
  @media (min-width: 767px) {
    .courses__price_wrap.grand .__select__title {
      font-size: 45px;
      line-height: 50px; } }
  @media (min-width: 991px) {
    .courses__price_wrap.grand .__select__title {
      font-size: 35px;
      line-height: 65px; } }
  @media (min-width: 1400px) {
    .courses__price_wrap.grand .__select__title {
      font-size: 45px;
      line-height: 50px; } }
.courses__link {
  max-width: 291px;
  width: 100%;
  height: 51px;
  background: #FBB03B;
  border-radius: 10px;
  margin: 0 auto;
  text-transform: uppercase;
  color: #FFFFFF;
  font-weight: 900;
  font-size: 16px;
  line-height: 20px;
  display: flex;
  justify-content: center;
  align-items: center; }
  @media (min-width: 767px) {
    .courses__link {
      max-width: inherit;
      width: 100%;
      height: 75px;
      border-radius: 15px;
      font-size: 24px;
      line-height: 29px; } }

.education__delimiter {
  width: 100%;
  height: 80px;
  background: url("../img/home/educationMob.svg") no-repeat center center;
  background-size: cover; }
  @media (min-width: 767px) {
    .education__delimiter {
      height: 134px;
      background: url("../img/home/educationTab.svg") no-repeat center center;
      background-size: cover; } }
  @media (min-width: 991px) {
    .education__delimiter {
      height: 113px;
      background: url("../img/home/educationDesc.svg") no-repeat center center;
      background-size: cover; } }
.education__wrapper {
  margin: 45px 0 54px;
  display: grid;
  grid-template: repeat(4, auto)/1fr;
  row-gap: 27px; }
  @media (min-width: 767px) {
    .education__wrapper {
      margin: 60px 0 60px;
      row-gap: 35px; } }
  @media (min-width: 991px) {
    .education__wrapper {
      margin: 127px 0 68px;
      grid-template: repeat(3, auto)/53% 1fr; } }
.education__header {
  font-family: 'Oooh Baby';
  color: #404040;
  font-weight: 400;
  font-size: 26px;
  line-height: 32px;
  text-align: center; }
  @media (min-width: 767px) {
    .education__header {
      font-size: 60px;
      line-height: 74px; } }
  @media (min-width: 991px) {
    .education__header {
      grid-row: 1/2;
      grid-column: 2/3;
      text-align: left;
      font-size: 45px;
      line-height: 47px; } }
  @media (min-width: 1400px) {
    .education__header {
      font-size: 60px;
      line-height: 74px; } }
@media (min-width: 991px) {
  .education__img {
    grid-row: 1/4;
    grid-column: 1/2; } }
.education__img img {
  width: 100%;
  height: auto;
  aspect-ratio: 337/245; }
.education__list {
  border: 2px solid #F15A25;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 1em;
  padding: 15px 20px 15px 35px;
  color: #404040;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  list-style-type: disc; }
  @media (min-width: 767px) {
    .education__list {
      border-radius: 15px;
      font-size: 20px;
      line-height: 36px;
      padding: 15px 50px 15px 65px;
      width: max-content;
      height: max-content;
      margin: 0 auto;
      gap: 0; } }
  @media (min-width: 991px) {
    .education__list {
      font-size: 15px;
      line-height: 25px;
      padding: 15px 30px 15px 45px;
      margin: 0; } }
  @media (min-width: 1400px) {
    .education__list {
      font-size: 20px;
      line-height: 36px;
      padding: 15px 50px 15px 65px; } }
.education__description {
  color: #404040;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  display: flex;
  flex-direction: column;
  gap: 1em;
  height: max-content; }
  @media (min-width: 767px) {
    .education__description {
      font-size: 20px;
      line-height: 27px; } }
  @media (min-width: 991px) {
    .education__description {
      grid-row: 3/4;
      grid-column: 2/3;
      font-size: 13px;
      line-height: 17px;
      margin-bottom: 20px; } }
  @media (min-width: 1400px) {
    .education__description {
      font-size: 18px;
      line-height: 23px;
      margin-bottom: 45px; } }
  .education__description span {
    border-left: solid 2px #F15A25;
    display: block;
    padding: 0 0 0 20px; }
    @media (min-width: 767px) {
      .education__description span {
        padding: 0 0 0 24px; } }

.after__header {
  color: #404040;
  font-weight: 900;
  font-size: 26px;
  line-height: 32px;
  display: flex;
  align-items: center;
  text-transform: uppercase;
  margin-top: 15px; }
  @media (min-width: 767px) {
    .after__header {
      font-size: 53px;
      line-height: 64px;
      margin-top: 10px; } }
  @media (min-width: 991px) {
    .after__header {
      font-size: 37px;
      line-height: 41px;
      margin-top: 20px; } }
  @media (min-width: 991px) {
    .after__header {
      font-size: 56px;
      line-height: 60px;
      margin-top: 20px; } }
.after__wrapper {
  margin: 30px 0 50px;
  display: flex;
  flex-direction: column;
  gap: 30px; }
  @media (min-width: 767px) {
    .after__wrapper {
      margin: 70px 0 60px;
      gap: 40px; } }
  @media (min-width: 991px) {
    .after__wrapper {
      display: grid;
      grid-template: 1fr / auto 42%;
      gap: 18%;
      margin: 77px 0 71px; } }
.after__reasons {
  display: flex;
  flex-direction: column;
  gap: 27px; }
  @media (min-width: 767px) {
    .after__reasons {
      gap: 63px; } }
  @media (min-width: 991px) {
    .after__reasons {
      gap: 35px; } }
  @media (min-width: 1400px) {
    .after__reasons {
      gap: 63px; } }
.after__item {
  display: grid;
  grid-template: auto 1fr /auto 1fr;
  column-gap: 13px;
  row-gap: 10px; }
  @media (min-width: 767px) {
    .after__item {
      column-gap: 15px;
      row-gap: 12px; } }
.after__icon {
  grid-row: 1/3;
  grid-column: 1/2; }
  .after__icon img {
    height: auto;
    aspect-ratio: 1/1; }
    @media (min-width: 767px) {
      .after__icon img {
        width: 50px; } }
    @media (min-width: 991px) {
      .after__icon img {
        width: 40px; } }
    @media (min-width: 1400px) {
      .after__icon img {
        width: 50px; } }
.after__name {
  color: #404040;
  font-weight: 900;
  font-size: 16px;
  line-height: 20px;
  grid-row: 1/2;
  grid-column: 2/3; }
  @media (min-width: 767px) {
    .after__name {
      font-size: 24px;
      line-height: 27px;
      padding-top: 12px; } }
  @media (min-width: 991px) {
    .after__name {
      font-size: 16px;
      line-height: 20px;
      padding-top: 12px; } }
  @media (min-width: 1400px) {
    .after__name {
      font-size: 24px;
      line-height: 27px;
      padding-top: 12px; } }
.after__description {
  color: #404040;
  font-weight: 400;
  font-size: 16px;
  line-height: 17px;
  grid-row: 2/3;
  grid-column: 2/3; }
  @media (min-width: 767px) {
    .after__description {
      font-size: 20px;
      line-height: 24px; } }
  @media (min-width: 991px) {
    .after__description {
      font-size: 13px;
      line-height: 17px; } }
  @media (min-width: 1400px) {
    .after__description {
      font-size: 18px;
      line-height: 23px; } }
@media (min-width: 767px) {
  .after__img {
    padding: 0 50px; } }
@media (min-width: 767px) {
  .after__img {
    padding: 0; } }
.after__img img {
  width: 100%;
  height: auto;
  aspect-ratio: 590/582;
  display: block;
  margin: 0 auto; }

.range-slider {
  --primary-color: #ffffff;
  --value-offset-y: var(--ticks-gap);
  --value-active-color: white;
  --value-background: transparent;
  --value-background-hover: var(--primary-color);
  --value-font: 700 12px/1 Arial;
  --fill-color: var(--primary-color);
  --progress-background: #eee;
  --progress-radius: 20px;
  --track-height: 20px;
  --min-max-font: 12px Arial;
  --min-max-opacity: 0.5;
  --min-max-x-offset: 10%;
  --thumb-size: 30px;
  --thumb-color: inherit;
  --thumb-shadow: 0 0 3px rgba(0, 0, 0, 0.4), 0 0 1px rgba(0, 0, 0, 0.5) inset, 0 0 0 99px var(--thumb-color) inset;
  --thumb-shadow-active: 0 0 0 calc(var(--thumb-size) / 4) inset var(--thumb-color), 0 0 0 99px var(--primary-color) inset, 0 0 3px rgba(0, 0, 0, 0.4);
  --thumb-shadow-hover: var(--thumb-shadow);
  --ticks-thickness: 1px;
  --ticks-height: 0px;
  --ticks-gap: var( --ticks-height, 0 );
  --ticks-color: inherit;
  --step: 1;
  --ticks-count: Calc(var(--max) - var(--min)) / var(--step);
  --maxticksallowed: 0;
  --too-many-ticks: Min(1, Max(var(--ticks-count) - var(--maxTicksAllowed), 0));
  --x-step: Max( var(--step), var(--too-many-ticks) * (var(--max) - var(--min)) );
  --tickinterval: 100/ ((var(--max) - var(--min)) / var(--step)) * var(--tickEvery, 1);
  --tickintervalperc: calc( (100% - var(--thumb-size)) / ((var(--max) - var(--min)) / var(--x-step)) * var(--tickEvery, 1) );
  --value-a: Clamp( var(--min), var(--value, 0), var(--max) );
  --value-b: var(--value, 0);
  --text-value-a: var(--text-value, "");
  --completed-a: calc( (var(--value-a) - var(--min)) / (var(--max) - var(--min)) * 100 );
  --completed-b: calc( (var(--value-b) - var(--min)) / (var(--max) - var(--min)) * 100 );
  --ca: Min(var(--completed-a), var(--completed-b));
  --cb: Max(var(--completed-a), var(--completed-b));
  --thumbs-too-close: Clamp( -1, 1000 * (Min(1, Max(var(--cb) - var(--ca) - 5, -1)) + 0.001), 1 );
  --thumb-close-to-min: Min(1, Max(var(--ca) - 2, 0));
  --thumb-close-to-max: Min(1, Max(98 - var(--cb), 0));
  height: Max(var(--track-height), var(--thumb-size));
  background: linear-gradient(to right, var(--ticks-color) var(--ticks-thickness), transparent 1px) repeat-x;
  background-size: var(--tickIntervalPerc) var(--ticks-height);
  background-position-x: calc( var(--thumb-size) / 2 - var(--ticks-thickness) / 2);
  background-position-y: var(--flip-y, bottom);
  padding-bottom: var(--flip-y, var(--ticks-gap));
  padding-top: calc(var(--flip-y) * var(--ticks-gap));
  position: relative;
  z-index: 1; }
  @media (min-width: 767px) {
    .range-slider {
      --track-height: 28px; } }

.range-slider::before {
  --offset: calc(var(--thumb-size) / 2);
  content: counter(x);
  display: var(--show-min-max, block);
  font: var(--min-max-font);
  position: absolute;
  bottom: var(--flip-y, -2.5ch);
  top: calc(-2.5ch * var(--flip-y));
  opacity: Clamp(0, var(--at-edge), var(--min-max-opacity));
  transform: translateX(calc(var(--min-max-x-offset) * var(--before, -1) * -1)) scale(var(--at-edge));
  pointer-events: none;
  --before: 1;
  --at-edge: var(--thumb-close-to-min);
  counter-reset: x var(--min);
  left: var(--offset); }

.range-slider::after {
  --offset: calc(var(--thumb-size) / 2);
  content: counter(x);
  display: var(--show-min-max, block);
  font: var(--min-max-font);
  position: absolute;
  bottom: var(--flip-y, -2.5ch);
  top: calc(-2.5ch * var(--flip-y));
  opacity: Clamp(0, var(--at-edge), var(--min-max-opacity));
  transform: translateX(calc(var(--min-max-x-offset) * var(--before, -1) * -1)) scale(var(--at-edge));
  pointer-events: none;
  --at-edge: var(--thumb-close-to-max);
  counter-reset: x var(--max);
  right: var(--offset);
  color: #ffffff;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  width: 52px;
  height: 25px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #F15A25;
  border-radius: 18px;
  opacity: 1;
  bottom: -32px;
  right: 5px; }

.range-slider > input {
  border: none;
  -webkit-appearance: none;
  width: 100%;
  height: var(--thumb-size);
  margin: 0;
  position: absolute;
  left: 0;
  top: calc( 50% - Max(var(--track-height), var(--thumb-size)) / 2 + calc(var(--ticks-gap) / 2 * var(--flip-y, -1)));
  cursor: grab;
  outline: none;
  background: none; }

.range-slider > input:not(:only-of-type) {
  pointer-events: none; }

.range-slider > input::-webkit-slider-thumb {
  appearance: none;
  height: var(--thumb-size);
  width: var(--thumb-size);
  transform: translateY(0px);
  border-radius: var(--thumb-radius, 50%);
  background: var(--thumb-color);
  border: none;
  pointer-events: auto;
  transition: 0.1s;
  position: relative;
  visibility: hidden; }
  .range-slider > input::-webkit-slider-thumb:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../img/home/heart.svg) no-repeat center center;
    background-size: 100% 100%;
    top: 0;
    left: 0; }

.range-slider > input::-moz-range-thumb {
  appearance: none;
  height: var(--thumb-size);
  width: var(--thumb-size);
  transform: translateY(0px);
  border-radius: var(--thumb-radius, 50%);
  background: var(--thumb-color);
  box-shadow: var(--thumb-shadow);
  border: none;
  pointer-events: auto;
  transition: 0.1s;
  visibility: hidden; }

.range-slider > input::-ms-thumb {
  appearance: none;
  height: var(--thumb-size);
  width: var(--thumb-size);
  transform: translateY(0px);
  border-radius: var(--thumb-radius, 50%);
  background: var(--thumb-color);
  box-shadow: var(--thumb-shadow);
  border: none;
  pointer-events: auto;
  transition: 0.1s;
  position: relative;
  visibility: hidden; }

.range-slider > input:hover {
  --thumb-shadow: var(--thumb-shadow-hover); }

.range-slider > input:hover + output {
  --value-background: var(--value-background-hover);
  --y-offset: -5px;
  color: var(--value-active-color);
  box-shadow: 0 0 0 3px var(--value-background); }

.range-slider > input:active {
  --thumb-shadow: var(--thumb-shadow-active);
  cursor: grabbing;
  z-index: 2; }

.range-slider > input:active + output {
  transition: 0s; }

.range-slider > input:nth-of-type(1) {
  --is-left-most: Clamp(0, (var(--value-a) - var(--value-b)) * 99999, 1); }

.range-slider > input:nth-of-type(1) + output {
  --value: var(--value-a);
  --x-offset: calc(var(--completed-a) * -1%);
  padding: 4px 9px;
  border: 2px solid #F15A25;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 18px;
  background-color: #ffffff;
  text-align: center; }
  @media (min-width: 767px) {
    .range-slider > input:nth-of-type(1) + output {
      border: 3px solid #F15A25; } }
  .range-slider > input:nth-of-type(1) + output:before {
    content: '';
    position: absolute;
    width: 35px;
    height: 27px;
    background: url(../img/home/heart.svg) no-repeat center center;
    background-size: 100% 100%;
    top: 29px;
    left: 50%;
    transform: translateX(-50%); }
    @media (min-width: 767px) {
      .range-slider > input:nth-of-type(1) + output:before {
        width: 40px;
        height: 40px;
        top: 32px; } }

.range-slider > input:nth-of-type(1) + output:not(:only-of-type) {
  --flip: calc(var(--thumbs-too-close) * -1); }

.range-slider > input:nth-of-type(1) + output::after {
  content: var(--prefix, "") var(--text-value-a) var(--suffix, ""); }

.range-slider > input:nth-of-type(1) + output:after {
  color: #F15A25;
  font-weight: 700;
  font-size: 14px;
  line-height: 17px; }

.range-slider > input:nth-of-type(2) {
  --is-left-most: Clamp(0, (var(--value-b) - var(--value-a)) * 99999, 1); }

.range-slider > input:nth-of-type(2) + output {
  --value: var(--value-b); }

.range-slider > input:only-of-type ~ .range-slider__progress {
  --clip-start: 0; }

.range-slider > input + output {
  --flip: -1;
  --x-offset: calc(var(--completed-b) * -1%);
  --pos: calc( ((var(--value) - var(--min)) / (var(--max) - var(--min))) * 100% );
  pointer-events: none;
  position: absolute;
  z-index: 5;
  background: var(--value-background);
  border-radius: 10px;
  padding: 2px 4px;
  left: var(--pos);
  transform: translate(var(--x-offset), calc( -30px));
  transition: all 0.12s ease-out, left 0s; }
  @media (min-width: 767px) {
    .range-slider > input + output {
      transform: translate(var(--x-offset), calc( -40px)); } }

.range-slider > input + output::after {
  content: var(--prefix, "") var(--text-value-b) var(--suffix, "");
  font: var(--value-font); }

.range-slider:before {
  color: #ffffff;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  bottom: -32px;
  background: #F15A25;
  width: 52px;
  height: 25px;
  border-radius: 18px;
  left: 5px; }

.range-slider[data-ticks-position="top"] {
  --flip-y: 1; }

.range-slider__values {
  position: relative;
  top: 50%;
  line-height: 0;
  text-align: justify;
  width: 100%;
  pointer-events: none;
  margin: 0 auto;
  z-index: 5; }

.range-slider__values::after {
  content: "";
  width: 100%;
  display: inline-block;
  height: 0;
  background: red; }

.range-slider__progress {
  --start-end: calc(var(--thumb-size) / 2);
  --clip-end: calc(100% - (var(--cb)) * 1%);
  --clip-start: calc(var(--ca) * 1%);
  --clip: inset(-20px var(--clip-end) -20px var(--clip-start));
  position: absolute;
  left: var(--start-end);
  right: var(--start-end);
  top: calc( var(--ticks-gap) * var(--flip-y, 0) + var(--thumb-size) / 2 - var(--track-height) / 2);
  height: calc(var(--track-height));
  background: #FFFFFF;
  border: 2px solid #F15A25;
  border-radius: 14px;
  pointer-events: none;
  z-index: -1;
  border-radius: var(--progress-radius);
  width: 100%;
  transform: translateX(-5%); }
  @media (min-width: 767px) {
    .range-slider__progress {
      width: 95%;
      transform: translateX(0);
      border: 3px solid #F15A25; } }

.range-slider__progress::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  clip-path: var(--clip);
  top: 0;
  bottom: 0;
  background: var(--fill-color, black);
  box-shadow: var(--progress-flll-shadow);
  z-index: 1;
  border-radius: inherit; }

.range-slider__progress::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-shadow: var(--progress-shadow);
  pointer-events: none;
  border-radius: inherit; }

body > .range-slider {
  width: Clamp(300px, 50vw, 800px);
  min-width: 200px; }

label[dir="rtl"] .range-slider {
  width: Clamp(300px, 50vw, 800px);
  min-width: 200px; }

.calculate {
  background: #FBB03B; }
  @media (min-width: 1200px) {
    .calculate .container {
      padding: 0 95px; } }
  @media (min-width: 1400px) {
    .calculate .container {
      padding: 0 90px; } }
  .calculate__header {
    color: #ffffff;
    font-weight: 900;
    font-size: 26px;
    line-height: 32px;
    text-transform: uppercase;
    margin-top: 45px; }
    @media (min-width: 767px) {
      .calculate__header {
        font-size: 53px;
        line-height: 64px;
        margin-top: 60px; } }
    @media (min-width: 991px) {
      .calculate__header {
        font-size: 50px;
        line-height: 54px;
        margin-top: 70px;
        text-align: center; } }
    @media (min-width: 1400px) {
      .calculate__header {
        font-size: 60px;
        line-height: 64px; } }
  .calculate__wrapper {
    border-radius: 10px;
    background: #FFFFFF;
    margin: 30px 0 50px;
    padding: 15px 20px; }
    @media (min-width: 767px) {
      .calculate__wrapper {
        border-radius: 15px;
        margin: 60px 0 40px;
        padding: 54px 16px; } }
    @media (min-width: 991px) {
      .calculate__wrapper {
        margin: 70px 0 0;
        padding: 55px 14%; } }
  .calculate__name {
    color: #404040;
    font-weight: 900;
    font-size: 16px;
    line-height: 20px; }
    @media (min-width: 767px) {
      .calculate__name {
        font-size: 24px;
        line-height: 27px; } }
  .calculate__description {
    color: #404040;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    margin-top: 10px; }
    @media (min-width: 767px) {
      .calculate__description {
        font-size: 20px;
        line-height: 27px;
        margin-top: 5px; } }
  .calculate__input {
    margin: 44px 0; }
    @media (min-width: 767px) {
      .calculate__input {
        margin: 65px 0 60px;
        padding: 0 60px; } }
  @media (min-width: 991px) {
    .calculate__total {
      display: flex;
      justify-content: space-between;
      align-items: end; } }
  .calculate__totaltext {
    color: #404040;
    font-weight: 900;
    font-size: 16px;
    line-height: 20px; }
    @media (min-width: 767px) {
      .calculate__totaltext {
        font-size: 24px;
        line-height: 27px; } }
  .calculate__totalprice {
    color: #404040;
    font-weight: 900;
    font-size: 26px;
    line-height: 32px;
    margin-top: 10px; }
    @media (min-width: 767px) {
      .calculate__totalprice {
        font-size: 48px;
        line-height: 27px;
        margin-top: 28px; } }
    @media (min-width: 991px) {
      .calculate__totalprice {
        margin-top: 0;
        line-height: 40px; } }
  .calculate__delimiter {
    width: 100%;
    height: 80px;
    background: url(../img/home/calculateBgMob.svg) no-repeat center;
    background-size: cover; }
    @media (min-width: 767px) {
      .calculate__delimiter {
        height: 134px;
        background: url(../img/home/calculateBgTab.svg) no-repeat center;
        background-size: cover; } }
    @media (min-width: 991px) {
      .calculate__delimiter {
        height: 162px;
        background: url(../img/home/calculateBgDesc.svg) no-repeat center;
        background-size: cover; } }

.reviews__header {
  color: #404040;
  font-style: normal;
  font-weight: 900;
  font-size: 26px;
  line-height: 32px;
  text-align: center;
  margin-top: 45px;
  text-transform: uppercase; }
  @media (min-width: 767px) {
    .reviews__header {
      font-size: 53px;
      line-height: 64px;
      margin-top: 60px; } }
  @media (min-width: 991px) {
    .reviews__header {
      font-size: 60px;
      line-height: 64px;
      margin-top: 70px; } }
.reviews-content {
  margin: 30px 0 83px; }
  @media (min-width: 767px) {
    .reviews-content {
      margin: 60px 0 130px; } }
  @media (min-width: 991px) {
    .reviews-content {
      margin: 84px 65px 143px; } }
  @media (min-width: 1400px) {
    .reviews-content {
      margin: 84px 0 143px; } }
  .reviews-content__item {
    height: 100%;
    background: #FFFFFF;
    border: 2px solid #FBB03B;
    border-radius: 15px;
    padding: 20px;
    display: grid;
    grid-template: auto auto auto 1fr / auto 1fr;
    margin: 0 11px; }
    @media (min-width: 767px) {
      .reviews-content__item {
        padding: 30px 44px; } }
    @media (min-width: 991px) {
      .reviews-content__item {
        padding: 30px 15px; } }
  .reviews-content__avatar {
    grid-column: 1/2;
    grid-row: 1/4;
    border-radius: 50%; }
    .reviews-content__avatar img {
      width: 90px;
      height: 90px;
      border-radius: 50%; }
      @media (min-width: 767px) {
        .reviews-content__avatar img {
          width: 100px;
          height: 100px; } }
  .reviews-content__name {
    grid-column: 2/3;
    grid-row: 1/2;
    color: #404040;
    font-weight: 900;
    font-size: 16px;
    line-height: 20px;
    padding: 10px 0 0 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    @media (min-width: 767px) {
      .reviews-content__name {
        font-size: 20px;
        line-height: 27px; } }
  .reviews-content__date {
    grid-column: 2/3;
    grid-row: 2/3;
    color: #404040;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    padding: 3px 0 0 5px; }
    @media (min-width: 767px) {
      .reviews-content__date {
        font-size: 16px;
        line-height: 27px;
        padding: 0 0 0 5px; } }
  .reviews-content__rating {
    grid-column: 2/3;
    grid-row: 3/4;
    display: flex;
    padding: 14px 0 10px 5px; }
    @media (min-width: 767px) {
      .reviews-content__rating {
        padding: 7px 0 10px 5px; } }
    .reviews-content__rating img {
      display: block;
      width: 18px;
      height: 18px;
      margin-left: 1px; }
      @media (min-width: 767px) {
        .reviews-content__rating img {
          width: 21px;
          height: 21px;
          margin-left: 3px; } }
  .reviews-content__description {
    grid-column: 1/3;
    grid-row: 4/5;
    color: #404040;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    padding: 15px 0 0 0;
    white-space: normal; }
    .reviews-content__description p {
      margin: 0; }
    @media (min-width: 767px) {
      .reviews-content__description {
        font-size: 20px;
        line-height: 27px;
        padding: 11px 0 0 0; } }
.reviews .glide__bullet {
  border: 2px solid #F15A25;
  background: #FFFFFF; }
.reviews .glide__bullet--active {
  background: #F15A25 !important; }

.pupils {
  background: #FBB03B;
  position: relative; }
  .pupils__header {
    color: #ffffff;
    font-style: normal;
    font-weight: 900;
    font-size: 26px;
    line-height: 32px;
    margin-top: 60px;
    text-align: center;
    text-transform: uppercase; }
    @media (min-width: 767px) {
      .pupils__header {
        font-size: 53px;
        line-height: 64px; } }
    @media (min-width: 991px) {
      .pupils__header {
        font-size: 60px;
        line-height: 64px;
        margin-top: 80px; } }
  .pupils__wrapper {
    margin: 30px auto 60px; }
    @media (min-width: 767px) {
      .pupils__wrapper {
        margin: 60px 65px 121px; } }
    @media (min-width: 991px) {
      .pupils__wrapper {
        margin: 84px 65px 50px; } }
    @media (min-width: 1500px) {
      .pupils__wrapper {
        margin: 84px 0 50px; } }
  .pupils__slide img {
    width: 100%;
    aspect-ratio: 1 / 1;
    height: auto;
    display: block;
    margin: 0 auto;
    border-radius: 10px;
    border: 2px #ffffff solid; }
  .pupils__delimiter {
    width: 100%;
    height: 76px;
    background: url("../img/home/pupilsMob.svg") no-repeat center;
    background-size: cover; }
    @media (min-width: 767px) {
      .pupils__delimiter {
        height: 134px;
        background: url("../img/home/pupilsTab.svg") no-repeat center;
        background-size: cover; } }
    @media (min-width: 991px) {
      .pupils__delimiter {
        height: auto;
        background: url("../img/home/pupilsDesc.svg") no-repeat center;
        background-size: cover;
        width: 25%;
        aspect-ratio: 475/96; } }
    .pupils__delimiter2 {
      background: url("../img/home/pupilsDesc2.svg") no-repeat center;
      background-size: cover;
      position: absolute;
      top: 0;
      right: 0;
      width: 17%;
      aspect-ratio: 325/211;
      height: auto;
      display: none; }
      @media (min-width: 991px) {
        .pupils__delimiter2 {
          display: block; } }

.faq__header {
  color: #404040;
  font-weight: 900;
  font-size: 26px;
  line-height: 32px;
  text-transform: uppercase;
  text-align: center; }
  @media (min-width: 767px) {
    .faq__header {
      font-size: 53px;
      line-height: 64px; } }
  @media (min-width: 991px) {
    .faq__header {
      font-size: 60px;
      line-height: 64px; } }
.faq__wrapper {
  margin: 30px 0;
  display: flex;
  flex-direction: column;
  gap: 30px; }
  @media (min-width: 767px) {
    .faq__wrapper {
      margin: 60px 0;
      gap: 50px; } }
  @media (min-width: 991px) {
    .faq__wrapper {
      flex-direction: row;
      margin: 37px 0 100px;
      gap: 61px; } }
.faq__img {
  order: 2; }
  @media (min-width: 991px) {
    .faq__img {
      order: 1;
      width: 42%; } }
  .faq__img img {
    width: 100%;
    height: auto;
    aspect-ratio: 337/351; }
    @media (min-width: 767px) {
      .faq__img img {
        aspect-ratio: 675/702; } }
    @media (min-width: 991px) {
      .faq__img img {
        aspect-ratio: 600/625; } }
.faq__description {
  order: 1;
  display: flex;
  flex-direction: column;
  gap: 10px; }
  @media (min-width: 767px) {
    .faq__description {
      gap: 15px; } }
  @media (min-width: 991px) {
    .faq__description {
      order: 2;
      gap: 15px;
      width: calc( 58% - 61px); } }
  @media (min-width: 1400px) {
    .faq__description {
      gap: 30px; } }
.faq__item {
  transition: height 500ms; }
.faq__question {
  background: #FBB03B;
  border-radius: 9px;
  color: #FFFFFF;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 27px;
  padding: 6px 20px;
  position: relative;
  cursor: pointer; }
  @media (min-width: 767px) {
    .faq__question {
      font-size: 24px;
      line-height: 27px;
      padding: 15px 36px; } }
  @media (min-width: 991px) {
    .faq__question {
      font-size: 20px;
      line-height: 23px; } }
  @media (min-width: 1400px) {
    .faq__question {
      font-size: 24px;
      line-height: 27px; } }
  .faq__question::marker {
    content: ''; }
  .faq__question::-webkit-details-marker {
    content: ''; }
  .faq__question:after {
    content: '';
    display: block;
    width: 15px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: rotate(90deg) translate(-1px, 0);
    transition: all 500ms; }
    @media (min-width: 767px) {
      .faq__question:after {
        width: 30px;
        height: 3px; } }
  .faq__question:before {
    content: '';
    display: block;
    width: 15px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%); }
    @media (min-width: 767px) {
      .faq__question:before {
        width: 30px;
        height: 3px; } }
.faq__answer {
  color: #404040;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  margin: 0 17px 14px; }
  @media (min-width: 767px) {
    .faq__answer {
      font-size: 20px;
      line-height: 27px;
      margin: 12px 36px 15px; } }
  @media (min-width: 991px) {
    .faq__answer {
      font-size: 13px;
      line-height: 16px; } }
  @media (min-width: 1400px) {
    .faq__answer {
      font-size: 20px;
      line-height: 27px; } }
.faq__item[open] {
  background: #FFFFFF;
  border: 2px solid #FBB03B;
  border-radius: 9px; }
  .faq__item[open] .faq__question {
    background: inherit;
    color: #404040; }
  .faq__item[open] summary:after {
    transform: rotate(45deg) translate(0, -3px);
    background: #FBB03B; }
  .faq__item[open] summary:before {
    transform: rotate(-45deg) translate(3px, 0);
    background: #FBB03B; }

.dream__wrapper {
  margin: 45px 0 50px;
  display: flex;
  flex-direction: column;
  gap: 15px; }
  @media (min-width: 767px) {
    .dream__wrapper {
      margin: 60px 0 60px;
      gap: 40px; } }
  @media (min-width: 991px) {
    .dream__wrapper {
      margin: 60px 0 100px;
      display: grid;
      grid-template-columns: 1fr 42%;
      grid-template-rows: auto 1fr;
      gap: 0;
      column-gap: 60px; } }
.dream__header {
  color: #404040;
  font-family: 'Oooh Baby';
  font-style: normal;
  font-weight: 400;
  font-size: 26px;
  line-height: 32px; }
  @media (min-width: 767px) {
    .dream__header {
      font-size: 60px;
      line-height: 74px; } }
  @media (min-width: 991px) {
    .dream__header {
      grid-column: 1/2;
      grid-row: 1/2;
      font-size: 30px;
      line-height: 33px;
      margin-top: 27px; } }
  @media (min-width: 1200px) {
    .dream__header {
      font-size: 34px;
      line-height: 37px;
      margin-top: 40px; } }
  @media (min-width: 1400px) {
    .dream__header {
      margin-top: 57px;
      font-size: 43px;
      line-height: 47px; } }
.dream__img {
  margin: 15px 0 0; }
  @media (min-width: 767px) {
    .dream__img {
      margin: 0; } }
  @media (min-width: 991px) {
    .dream__img {
      grid-column: 2/3;
      grid-row: 1/4; } }
  .dream__img img {
    width: 100%;
    height: auto;
    aspect-ratio: 337/351; }
    @media (min-width: 767px) {
      .dream__img img {
        aspect-ratio: 675/702; } }
    @media (min-width: 991px) {
      .dream__img img {
        aspect-ratio: 600/625; } }
.dream__description {
  font-size: 14px;
  line-height: 17px;
  font-weight: 400; }
  @media (min-width: 767px) {
    .dream__description {
      font-size: 20px;
      line-height: 27px; } }
  @media (min-width: 991px) {
    .dream__description {
      grid-column: 1/2;
      grid-row: 2/3;
      margin-top: 40px;
      font-size: 13px;
      line-height: 20px;
      width: 80%; } }
  @media (min-width: 1200px) {
    .dream__description {
      margin-top: 55px;
      font-size: 16px;
      line-height: 22px; } }
  @media (min-width: 1400px) {
    .dream__description {
      font-size: 19px;
      line-height: 23px;
      margin-top: 75px; } }
  .dream__description span {
    font-weight: 700; }
  .dream__description p {
    margin: 0; }
    .dream__description p:nth-last-child(2) {
      font-weight: 700; }
.dream__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 295px;
  height: 56px;
  background: #F15A25;
  border-radius: 10px;
  color: #ffffff;
  font-weight: 900;
  font-size: 16px;
  line-height: 20px;
  margin: 27px auto 0;
  text-transform: uppercase; }
  @media (min-width: 767px) {
    .dream__btn {
      width: 422px;
      height: 80px;
      font-size: 20px;
      line-height: 25px;
      border-radius: 15px;
      margin: 50px auto 0; } }
  @media (min-width: 991px) {
    .dream__btn {
      font-size: 24px;
      line-height: 29px;
      margin: 40px 0 0; } }
  @media (min-width: 1400px) {
    .dream__btn {
      margin: 75px 0 0; } }

@media (min-width: 767px) {
  .range-slider:before {
    font-size: 22px;
    bottom: -45px; } }
  @media (min-width: 767px) and (min-width: 767px) {
    .range-slider:before {
      font-size: 20px;
      bottom: -3px;
      left: -55px;
      height: 36px;
      width: 63px; } }
@media (min-width: 767px) {
  .range-slider::after {
    font-size: 22px;
    bottom: -45px; } }
  @media (min-width: 767px) and (min-width: 767px) {
    .range-slider::after {
      font-size: 20px;
      bottom: -3px;
      right: -55px;
      height: 36px;
      width: 63px; } }

/*# sourceMappingURL=index.css.map */