/* Reset */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
section{
  overflow: hidden;
}
:root {
  --animate-duration: 4s;
}


@font-face {
  font-family: "Roboto Regular";
  src: local("Roboto"), url("../assets/fonts/Roboto-Regular.ttf ") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Roboto Medium";
  src: local("Roboto"), url("../assets/fonts/Roboto-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Roboto Bold";
  src: local("Roboto"), url("../assets/fonts/Roboto-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

body,
html {
  height: 100%;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  hyphens: none;
  scroll-behavior: smooth;

}


@media screen and (min-width: 800px) {

  header {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    width: 100%;
    background-color: #fff;
    z-index: 90;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    font-weight: bold;
  }

  b {
    font-weight: bold;
  }

  /* .container {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
} */

  .header {
    height: 5.848vw;
    z-index: 5;
  }

  .header__menu {
    position: absolute;
    top: 2.4854vw;
    left: 16.0819vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .header__item {
    padding: 0 1.0965vw;
    list-style: none;
    position: relative;
  }

  .header__link {
    padding-bottom: 0.58479532vw;
    text-decoration: none;
    font-size: 1.0234vw;
    font-weight: 400;
    color: #1E2B69;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
    z-index: 5;
  }

  .header__link:hover {
    border-bottom: 1px solid #28A3DD;
    color: #28A3DD;
  }

  .header__logo {
    position: absolute;
    top: 1.1696vw;
    left: 45.9795vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-preferred-size: 24%;
    flex-basis: 24%;
  }

  .header__contacts {

    position: absolute;
    top: 2.193vw;
    right: 11.038vw;
  }

  .dropdown {
    position: absolute;
    top: 200%;
    left: 50%;
    height: 0;
    width: 100%;
    min-width: 120px;
    overflow: hidden;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 5px;
    background-color: #fff;
    -webkit-box-shadow: 0px 18px 55px -27px #000000;
    box-shadow: 0px 18px 55px -27px #000000;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    z-index: 10;
  }

  .dropdown__item {
    width: 100%;
    padding: 15px 10px;
    font-weight: 400;
    margin: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
  }

  .dropdown__item:hover {
    background-color: #e0dbdb;
  }

  .dropdown_active {
    height: 270px;
  }

  .dropdown-btn {
    position: relative;
  }

  .phone {
    font-weight: 700;
    font-size: 1.6082vw;
    color: #1E2B69;
    text-decoration: none;
  }

  .header__contacts_mobile {
    display: none;
  }

  a[href^="tel:"]:hover {
    text-decoration: underline;
  }

  .burger {
    width: 2.193vw;
    height: 2.193vw;
    background: url("../assets/img/icon\ menu.png") no-repeat center;
    cursor: pointer;
    position: absolute;
    top: 2.193vw;
    left: 11.038vw;
    transition: opacity .3s ease;
  }

  .burger:hover {
    opacity: .5;
  }

  .title {
    font-size: 1.9006vw;
    font-weight: 700;
    color: #000;
  }

  .hide {
    top: -110px;
  }

  .burger-menu {
    position: fixed;
    top: 0;
    left: -830px;
    width: 22%;
    height: 100%;
    border-right: 1px solid #dcd8d8;
    background-color: #fff;
    -webkit-box-shadow: -43px 0px 104px 0px rgba(0, 0, 0, 0.81);
    box-shadow: -43px 0px 104px 0px rgba(0, 0, 0, 0.81);
    z-index: 99;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
  }

  .burger-menu__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    height: 100%;
    padding-top: 120px;
  }

  .burger-menu__list {
    width: 50%;
  }

  .burger-menu__item {
    position: relative;
    padding-bottom: 25px;
    list-style: none;
  }

  .burger-menu__item .dropdown {
    top: 50%;
  }

  .burger-menu__link {
    font-size: 20px;
  }

  .burger-menu__link:hover {
    border-bottom: none;
  }

  .burger-menu__close {
    width: 30px;
    height: 30px;
    float: right;
    margin: 30px 30px 0 0;
    cursor: pointer;
    transition: opacity .3s ease;
  }

  .burger-menu_active {
    left: 0;
  }

  .banner-container {
    position: relative;
    width: 100vw;
    height: 48.2456vw;
    overflow: hidden;
  }

  .banner-background {
    width: 74.8538vw;
    position: absolute;
    top: -1.7544vw;
    left: 25.1462vw;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
  }

  .banner-background-gradient {
    width: 75.4386vw;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
  }

  .banner-header {
    color: #1E2B69;
    position: absolute;
    top: 13.3041vw;
    left: 10.8187vw;
    font-weight: 700;
    font-size: 5.5556vw;
    z-index: 2;
  }

  .banner-description {
    position: absolute;
    top: 20.7602vw;
    left: 11.038vw;
    font-weight: 400;
    font-size: 1.8494vw;
    color: #000;
    z-index: 2;
    width: 43.7865vw;
  }

  .banner-button {
    position: absolute;
    top: 30.848vw;
    left: 11.038vw;
    width: 20.1023vw;
    height: 4.386vw;
    background-color: #28A3DD;
    border-radius: 15px;
    font-weight: 500;
    font-size: 1.6082vw;
    color: #fff;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    z-index: 2;
    border: none;
  }
  .banner-button-crm {
    background-color: #ff9800;
    top: 3vw;
    display: flex;
    justify-content: center;
     align-items: center;
     text-decoration: none;
     width: 42.2046vw;
    height: 8.772vw;
    font-size: 3.2164vw;
    border-radius: 30px;
  }

  .about-us-header {
    text-align: center;
    margin-top: 5.6287vw;
    font-weight: 700;
    font-size: 2.924vw;
    color: #1E2B69;
    padding-left: 2.193vw;
    margin-bottom: 2.3vw;
    z-index: 2;
  }

  .about-us-header-underline {
    width: 9.4298vw;
    height: 3px;
    background-color: #039BE5;
    margin: 0 auto;
    margin-bottom: 4.386vw;
  }

  .about-us {
    padding: 0px 11.1111vw 0px 8.0409vw;
  }

  .about-us-text {
    width: 32.383vw;
    font-size: 1.7544vw;
    text-align: justify;
    margin-right: 5.0439vw;
  }

  .our-advantages {
    margin-top: 13.8889vw;
    position: relative;
    height: 58.4795vw;
  }

  .about-us-image {
    width: 43.348vw;
    height: 24vw;
    z-index: 1;
  }

  .our-advantages-bg {
    z-index: -2;
    height: 100%;
    position: absolute;
    background-color: #1B2A66;
    width: 100vw;
  }

  .our-advantages-bg-image {
    position: absolute;
    left: 0;
    width: 100vw;
    z-index: -1;
  }

  .our-advantages-header {
    text-align: center;
    padding-top: 5.6287vw;
    font-weight: 700;
    font-size: 4.6784vw;
    color: #fff;
    padding-left: 2.193vw;
    margin-bottom: 2.3vw;
    z-index: 3;
  }

  .our-advantages-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
  }

  .our-advantage {
    margin: 4vw 0vw;
    max-width: 30vw;
    display: flex;
    align-items: center;
  }

  .our-advantage-number {
    font-size: 10.2339vw;
    font-weight: 900;
    color: #039BE5;
    margin-right: 3.5088vw;
  }
  .our-advantage-text {
    font-size: 1.6082vw;
    font-weight: 400;
    color: #fff;
  }
  .programs-header {
    text-align: center;
    padding-top: 4.386vw;
    font-weight: 700;
    font-size: 4.6784vw;
    color: #1E2B69;
    margin-bottom: 2.5vw;
  }
  .programs-header-primary{
    text-align: center;
    font-weight: 700;
    font-size: 3.2895vw;
    color: #000;
    margin-bottom: 0.6vw;
  }
  .programs-header-primary-classes{
    text-align: center;
    font-weight: 700;
    font-size: 2.0468vw;
    color: #039BE5;
    margin-bottom: 2.3vw;
  }
  .program-container-container{
    padding:2.193vw;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .program-container{
    height:40.9357vw;
    width:27.2661vw;
    border: 4px solid #039BE5;
    border-radius: 1.8275vw;
    position: relative;
    padding:  3.0702vw 2.193vw;
    overflow: visible;
  }
  .program-container-header{
    font-weight: 700;
    color: #1E2B69;
    position: absolute;
    top: -1.6082vw;
    background-color: #1E2B69;
    width: 22.2953vw;
    text-align: center;
    height: 3.7281vw;
    color: #fff;
    border-radius: 1.8275vw;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.7544vw;

  }
  .program-container-text{
    font-size: 1.1696vw;
  }
  .program-container-list{
    list-style-position: inside;
    list-style-type: disc;
  }
  .program-container-image{
    position: absolute;
    right: 2.924vw;
    bottom:5.3363vw;
    width:21.4181vw;
  }
  .program-container-button{
    position: absolute;
    bottom: -1.9006vw;
    left: 50%;
    transform: translateX(-50%);
    width: 14.0351vw;
    height: 3.7281vw;
    background-color: #28A3DD;
    border-radius: 1.462vw;
    font-weight: 600;
    font-size: 1.462vw;
    color: #fff;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    z-index: 2;
    border: none;
  }
  .programs-divider{
    width: 100%;
    height: 4px;
    background-color: #1E2B69;
    margin: 4.386vw 0;
  }
  .program-container-image-teen{
    position: absolute;
    right: 2.924vw;
    bottom:2.7778vw;
    width:21.4181vw;
  }
  .learning-formats{
    margin-top: 3.3626vw;
    background-color: #E4F0FF;
  }
  .learning-formats-header{
    text-align: center;
    padding-top: 2.386vw;
    font-weight: 700;
    font-size: 4.6784vw;
    color: #1E2B69;
    margin-bottom: 2.5vw;
  }
  .learning-formats-container{
    margin-top: 3.5vw;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 0 2.193vw 4.386vw 2.193vw;
  }
  .learning-format{
    
    position: relative;
  }
  .learning-format-description{
    font-size: 1.462vw;
    font-weight: 600;
    color: #1E2B69;
    text-align:justify;
    width: 35.4532vw;
    margin-top: 3.2895vw;
  }
  .learning-format-text{
    font-size: 1.7544vw;
    font-weight: 700;
    color: #1E2B69;
    width: 22.7339vw;
    height: 3.7281vw;
    background-color: #fff;
    border: 3px solid #039BE5;
    border-radius: 1.462vw;
    position: absolute;
    top:20.66799vw;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .learning-format-image{
    width: 35.4532vw;
  }
  .teachers{
    background-color: #1E2B69;
  }
  .teachers-header{
    text-align: center;
    padding-top: 4.386vw;
    font-weight: 700;
    font-size: 4.6784vw;
    color: #fff;
    margin-bottom: 3.123453vw;
  }
  .teacher-name{
    margin-top: 1.593vw;
    font-size: 1.3158vw;
    font-weight: 800;
    color: #fff;
  }
  .teacher-description{
    font-size: 0.87719298vw;
    font-weight: 500;
    color: #fff;
    text-align:left;
    width: 17.9094vw;
  }
  .teachers-blue-text{
    color: #039BE5;
  }
  .teacher-image{
    height: 26.0556vw;
  }
  .open-day{
    position: relative;
    height: 58.4795vw;
  }
  .open-day-background{
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    z-index: -1;
  }
  .open-day-header{
    text-align: center;
    padding-top: 8.386vw;
    font-weight: 700;
    font-size: 4.6784vw;
    color: #1E2B69;
    margin-bottom: 3.5vw;
  }
  .open-day-date{
    
    text-align: center;
    padding-top: 2.386vw;
    font-weight: 700;
    font-size: 4.6784vw;
    color: #039BE5;
    margin-bottom: 3.5vw;
  }
  .open-day-header-underline{
    width: 18.4298vw;
    height: 3px;
    background-color: #039BE5;
    margin: 0 auto;
    margin-bottom: 6.386vw;
  }
  .open-day-text{
    font-size: 2.0468vw;
    font-weight: 600;
    color: #000;
    text-align: center;
    width: 70.3216vw;
    margin: 0 auto;
  }
  .review-image{
    margin-left: 2.4vw;
    
  }
  .reviews-header{
    text-align: center;
    padding-top: 4.386vw;
    font-weight: 700;
    font-size: 4.6784vw;
    color: #1E2B69;
    margin-bottom: 3.5vw;
  }
  .reviews-link{
    text-align: center;
    font-size: 1.0544vw;
    font-weight: 700;
    color: #1E2B69;
    text-decoration: none;
    margin-top: 3.5vw;
    padding-bottom: 5.5vw;
  }
  .photos{
    background-color: #1E2B69;
  }
  .photos-header{
    text-align: center;
    padding-top: 4.386vw;
    font-weight: 700;
    font-size: 4.6784vw;
    color: #fff;
    margin-bottom: 3.5vw;
  }
  .photos-container{
    margin: 1vw 7.0485vw;
    width: 85.307vw;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    align-items: center;
  }
  .photo-image{
    margin-bottom: 2vw;
    width: 19.5175vw;
  }
  .photos-prompt{
    font-size: 1.1696vw;
    font-weight: 400;
    color: #fff;
    text-align: center;
  }
  .photos-links{
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .photos-link{
    margin: 1vw;
  }
  .graduation-options{
    position: relative;
    height: 58.4795vw;
  }
  .graduation-arrows{
    top: 20% !important
  }
  .graduation-options-background{
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    z-index: -1;
  }
  .graduation-options-header{
    text-transform: uppercase;
    text-align: start;
    position: absolute;
    top:9.9649vw;
    left: 6.1404vw;
    font-weight: 700;
    font-size: 4.6784vw;
    color: #1E2B69;
  }
  #graduations-slider{
    position: absolute;
    top:32.383vw;
  }
  .grad-image{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);

  }
  .grad-slide{
    position: relative;
    display: flex;
    height:15.9298vw;
  }
  .grad-slide-mobile{
    position: relative;
    display: none;
    height:15.9298vw;
  }
  #graduations-slider-mobile{
    display: none;
  }
  #graduations-slider{
    display: block;
  }
  .graduation-slide-bg{
    position: absolute;
    top:31.383vw;

  }
  .graduation-slide-bg-white{
    height: 7vw;
    width: 100vw;
    background-color: #fff;
  }
  .graduation-slide-bg-blue{
    height: 3.9298vw;
    width: 100vw;
    background-color: #1E2B69;
  }
  .grad-slide-text{
    font-size: 1.1696vw;
    font-weight: 400;
    text-align: center;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
  }
  .faq{
    padding: 2.386vw 4.386vw;
  }
  .tabel-mobile{display: none;}
  
  .faq-pc{
    display: flex;
  }
  .faq-gif{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .faq-question{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .answer-container{    
    transition: background-color 0.5s ease-in-out;

    position: relative;
    overflow: hidden;
    background-color: #d4d4d4;
    width: 30.6916vw;
    height: 42.7233vw;
    margin-left: 10vw;
    border-radius: 2.462vw;
    padding: 2vw;
  }
  .faq-textOn{
    background-color: #1E2B69 !important;
  }
  .details{
    color: #fff;
    font-size: 2.0173vw;
  }
  .faq-answerOn{
    background-color: #1E2B69 !important;
    color: #fff !important;
  }

  .faq-answer-c{
    border-radius: 2vw;
    padding: 1vw;
    transition: background-color 0.5s ease-in-out;
    transition: color 0.3s linear;
    max-width: 50vw;
    font-size: 2.0173vw;
    font-weight: 400;
    color: #1E2B69;
    text-align: justify;
    width: 100%;
    cursor: pointer;
  }
  .faq-answer-c:hover{
    border: 2px solid #1E2B69;
  }
  .faq-header{
    text-align: start;
    font-weight: 700;
    font-size: 4.6784vw;
    color: #1E2B69;
    margin-bottom: 3.5vw;
  }
  summary{
    margin: 1vw;
    color: #1E2B69;
    font-size: 2.0468vw;
    font-weight: 500;
  }
  @keyframes details-show {
    from {
      opacity:0;
      transform: var(--details-translate, translateY(-0.5em));
    }
  }
  
  details[open] > *:not(summary) {
    animation: details-show 150ms ease-in-out;
  }
  .faq-answer{
    padding: 1vw 2.5vw;
    border-radius: 1.462vw;
    background-color: #fafafa;
    font-size: 1.5696vw;
    font-weight: 500;
    color: #1E2B69;
    margin-left: 2.5vw;
  }
  .documents{
    position: relative;
    height: 58.4795vw;
  }
  .documents-header{
    padding:6.2135vw 6.2135vw;
    color: #1E2B69;
    font-weight: 700;
    font-size: 4.6784vw;
    text-transform: uppercase;
  }
  .documents-background{
    position: absolute;
    top: 0;
    right: -2vw;
    height: 58.4795vw;
    z-index: -2;
  }
  .doc-image{
    margin-left: 2vw;
  }
  .documents-background-gradient{
    position: absolute;
    top: 0;
    left: 0;
    height: 58.4795vw;
    z-index: -1;
  }
  .documents-icon-quality{
    position: absolute;
    top: 41px;
    right: 176px;
    z-index: -1;
  }
  #docs-slider{
    position: absolute;
    top: 32.383vw;
  }
  .docs-slide-bg{
    position: absolute;
    top: 30.383vw;
    background-color: #fff;
    height: 17vw;
    width: 100vw;
  }
  .contacts-upper{
    background-color: #1E2B69;
    position: relative;
  }
  .contacts-header{
    text-align: start;
    padding-top: 4.386vw;
    padding-left: 15.3vw;
    font-weight: 700;
    font-size: 4.6784vw;
    color: #fff;
    margin-bottom: 5.5vw;
  }
  .contacts-container{
    display: flex;
    justify-content: space-evenly ;
    align-items: center;
    padding: 0 2.193vw 9.386vw 2.193vw;
  }
  .contact{
    position: relative;
  }
  .contact-text{
    color: #fff;
    font-size: 2.0468vw;
  }
  .contact-location-marker{
    position: absolute;
    top: 0;
    left:-2.4488vw;
    width: 2.4488vw;
  }
  .contacts-triangle-marker{
    position: absolute;
    bottom: -2.193vw;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
  }
  .contact-us{
    height: 58.4795vw;
    background-color: #E4F0FF;
    padding: 4.193vw 2.193vw 4.386vw 6.193vw;
    position: relative;
  }
  .contact-us-actual-form{
    background-color: #1E2B69;
    border-radius: 30px;
    width: 482px;
    height: 630px;
    padding: 1vw 3vw;
    position: relative;
  }
  .contact-us-form-header{
    text-align: center;
    font-weight: 700;
    font-size: 2.0784vw;
    color: #fff;
    margin-bottom: 1.5vw;
  }
  .contact-us-form-tag{
    font-size: 1.1696vw;
    font-weight: 400;
    color: #fff;
    margin-bottom: 0.2vw;
    padding-left: 1vw;
  }
  .contact-us-form-field{
    width: 100%;
    height: 3.7281vw;
    background-color: #fff;
    border-radius: 1.462vw;
    font-size: 1.1696vw;
    font-weight: 400;
    color: #1E2B69;
    padding-left: 1.5vw;
    margin-bottom: 1.3vw;
    border: none;
  }
  .contact-us-form-message{
    width: 100%;
    height: 10.2339vw;
    background-color: #fff;
    border-radius: 1.462vw;
    font-size: 1.1696vw;
    font-weight: 400;
    color: #1E2B69;
    padding-left: 1.5vw;
    margin-bottom: 1.3vw;
    border: none;
    resize: none;
  }
  .contact-us-form-submit{
    width: 259px;
    height: 62px;
    background-color: #28A3DD;
    border-radius: 1.462vw;
    font-weight: 600;
    font-size: 1.462vw;
    color: #fff;
    text-align: center;
    cursor: pointer;
    z-index: 2;
    border: none;
    position: absolute;
    bottom: -1.9006vw;
    left: 50%;
    transform: translateX(-50%);
  }
  .contact-us-form-tag-message{
    font-size: 1.1696vw;
    font-weight: 400;
    color: #fff;
    margin-top: 1.6vw;
    margin-bottom: 1.6vw;
    padding-left: 1vw;
    margin-right: 3.7vw;
  }
  label{
    font-size: 1.1696vw;
    font-weight: 400;
    padding: 1vw 3vw 2.3vw 1vw;
  }
  .contact-us-form-select{
    width: 236px;
    height: 37px;
    background-color: #fff;
    border-radius: 1.462vw;
    font-size: 1.1696vw;
    font-weight: 400;
    color: #1E2B69;
    padding: 0 1vw;
    border: none;
  }
  .contact-us-container{
    width: 41.7398vw;
    margin-left: 7.6023vw;
    padding-top: 3vw;
  }
  .contact-us-phone{
    border-radius: 1.462vw;
    font-size: 3.5088vw;
    font-weight: 700;
    color: #1E2B69;
    margin-right: 1vw;
    border: none;
  }
  .contact-us-phone-underline{
    width: 100%;
    height: 3px;
    background-color: #1E2B69;
    margin: 3vw 0;
  }
  .contact-us-text{
    font-size: 1.6696vw;
    font-weight: 400;
    color: #1E2B69;
  }
  .about-us-container {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

footer {
  padding-top: 40px;
  padding-bottom: 40px;
}

.footer__wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-around;
}

.footer__column {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  list-style: none;
}

.footer__column ul {
  list-style: none;
}

.footer__link {
  text-decoration: none;
  font-weight: 400;
  line-height: 19px;
  color: #000;
  cursor: pointer;
}

.footer__link:hover {
  text-decoration: underline;
}

.footer-shedule_mobile {
  display: none;
}

@media screen and (max-width: 800px) {

  header {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    width: 100%;
    background-color: #fff;
    z-index: 90;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    font-weight: bold;
  }

  b {
    font-weight: bold;
  }

  /* .container {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
} */

  .header {
    height: 13.848vw;
    z-index: 5;
  }

  .header__menu {
    position: absolute;
    top: 2.4854vw;
    left: 16.0819vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .header__item {
    padding: 0 1.0965vw;
    list-style: none;
    position: relative;
    display: none;
  }

  .header__link {
    padding-bottom: 0.58479532vw;
    text-decoration: none;
    font-size: 1.0234vw;
    font-weight: 400;
    color: #1E2B69;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
    z-index: 5;
  }

  .header__link:hover {
    border-bottom: 1px solid #28A3DD;
    color: #28A3DD;
  }

  .header__logo {
    position: absolute;
    top: 1.1696vw;
    left: 30.9795vw;
    width: 152px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-preferred-size: 24%;
    flex-basis: 24%;
  }

  .header__contacts {
    display: none;
    position: absolute;
    top: 2.193vw;
    right: 11.038vw;
  }

  .dropdown {
    position: absolute;
    top: 200%;
    left: 50%;
    height: 0;
    width: 100%;
    min-width: 120px;
    overflow: hidden;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 5px;
    background-color: #fff;
    -webkit-box-shadow: 0px 18px 55px -27px #000000;
    box-shadow: 0px 18px 55px -27px #000000;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    z-index: 10;
  }

  .dropdown__item {
    width: 100%;
    padding: 15px 10px;
    font-weight: 400;
    margin: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
  }

  .dropdown__item:hover {
    background-color: #e0dbdb;
  }

  .dropdown_active {
    height: 270px;
  }

  .dropdown-btn {
    position: relative;
  }

  .phone {
    font-weight: 700;
    font-size: 1.6082vw;
    color: #1E2B69;
    text-decoration: none;
  }

  .header__contacts_mobile {
    display: block;
    position: absolute;
    top: 3.193vw;
    right: 11.038vw;
  }

  a[href^="tel:"]:hover {
    text-decoration: underline;
  }

  .burger {
    width: 8.193vw;
    height: 8.193vw;
    background: url("../assets/img/icon\ menu.png") no-repeat center;
    cursor: pointer;
    position: absolute;
    top: 3.193vw;
    left: 11.038vw;
    transition: opacity .3s ease;
  }

  .burger:hover {
    opacity: .5;
  }

  .title {
    font-size: 1.9006vw;
    font-weight: 700;
    color: #000;
  }

  .hide {
    top: -110px;
  }

  .burger-menu {
    position: fixed;
    top: 0;
    left: -830px;
    width: 22%;
    height: 100%;
    border-right: 1px solid #dcd8d8;
    background-color: #fff;
    -webkit-box-shadow: -43px 0px 104px 0px rgba(0, 0, 0, 0.81);
    box-shadow: -43px 0px 104px 0px rgba(0, 0, 0, 0.81);
    z-index: 99;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
  }

  .burger-menu__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    height: 100%;
    padding-top: 120px;
  }

  .burger-menu__list {
    width: 50%;
  }

  .burger-menu__item {
    position: relative;
    padding-bottom: 25px;
    list-style: none;
  }

  .burger-menu__item .dropdown {
    top: 50%;
  }

  .burger-menu__link {
    font-size: 20px;
  }

  .burger-menu__link:hover {
    border-bottom: none;
  }

  .burger-menu__close {
    width: 30px;
    height: 30px;
    float: right;
    margin: 30px 30px 0 0;
    cursor: pointer;
    transition: opacity .3s ease;
  }

  .burger-menu_active {
    left: 0;
  }

  .banner-container {
    position: relative;
    width: 100vw;
    height: 131.7757vw;
    overflow: hidden;
  }

  .banner-background {
    height: 131.7757vw;
    position: absolute;
    top: -1.7544vw;
    right: -39.1402vw;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
  }

  .banner-background-gradient {
    height: 131.7757vw;
    position: absolute;
    top: 0;
    left: -110vw;
    z-index: 1;
  }

  .banner-header {
    color: #1E2B69;
    position: absolute;
    top: 30.3041vw;
    left: 3.8187vw;
    width: 50.000vw;
    font-weight: 700;
    font-size: 10.8505vw;
    z-index: 2;
  }

  .banner-description {
    position: absolute;
    top: 60.0556vw;
    left: 5.038vw;
    font-weight: 400;
    font-size: 3.7383vw;
    color: #000;
    z-index: 2;
    width: 38.6vw;
  }

  .banner-button {
    position: absolute;
    top: 105.028vw;
    left: 4.038vw;
    width: 30.1023vw;
    height: 8.386vw;
    background-color: #28A3DD;
    border-radius: 15px;
    font-weight: 500;
    font-size: 3.0082vw;
    color: #fff;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    z-index: 2;
    border: none;
  }
  .banner-button-crm {
    top: 7vw;
    left: 2vw;
    width: 55vw;
    height: 20vw;
    font-size: 5vw;
    border-radius: 30px;
    background-color: #ff9800;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
  }

  .about-us-header {
    text-align: center;
    margin-top: 9.6287vw;
    font-weight: 500;
    font-size: 7.0093vw;
    color: #1E2B69;
    padding-left: 2.193vw;
    margin-bottom: 9.3vw;
    z-index: 2;
  }
  .about-us-container {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column-reverse;
  }
  .about-us-header-underline {
    width: 30.4298vw;
    height: 3px;
    background-color: #039BE5;
    margin: 0 auto;
    margin-bottom: 10.386vw;
  }

  .about-us {
    padding: 0px 11.1111vw;
  }

  .about-us-text {
    font-size: 4.6729vw;
    text-align: center;
  }

  .our-advantages {
    margin-top: 13.8889vw;
    position: relative;
    height: 128.3738vw;
  }

  .about-us-image {
    width: 70vw;
    aspect-ratio: 16 / 9;
    margin-bottom: 11vw;
    z-index: 1;
  }

  .our-advantages-bg {
    z-index: -2;
    position: absolute;
    background-color: #1B2A66;
    height: 155.3738vw;
    width: 100vw;
  }

  .our-advantages-bg-image {
    position: absolute;
    left: -40vw;
    height: 155.3738vw;
    z-index: -1;
  }

  .our-advantages-header {
    text-align: center;
    padding-top: 5.6287vw;
    font-weight: 700;
    font-size: 8.1776vw;
    color: #fff;
    padding-left: 2.193vw;
    margin-bottom: 2.3vw;
    z-index: 3;
  }

  .our-advantages-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }

  .our-advantage {
    margin: 4vw 0vw;
    max-width: 50vw;
    display: flex;
    align-items: center;
  }

  .our-advantage-number {
    font-size: 20.5794vw;
    font-weight: 900;
    color: #039BE5;
    margin-right: 3.5088vw;
  }
  .our-advantage-text {
    font-size: 3.271vw;
    max-width: 30vw;
    font-weight: 400;
    color: #fff;
  }
  .programs-header {
    text-align: center;
    padding-top: 4.386vw;
    font-weight: 700;
    font-size: 4.6784vw;
    color: #1E2B69;
    margin-bottom: 2.5vw;
  }
  .programs-header-primary{
    text-align: center;
    font-weight: 700;
    font-size: 4.2895vw;
    color: #000;
    margin-bottom: 0.6vw;
  }
  .programs-header-primary-classes{
    text-align: center;
    font-weight: 700;
    font-size: 4.0468vw;
    color: #039BE5;
    margin-bottom: 2.3vw;
  }
  .program-container-container{
    padding:12.193vw;
  }
  .program-container{
    height:130.8411vw;
    width:77.1028vw;
    border: 4px solid #039BE5;
    border-radius: 5.8275vw;
    position: relative;
    padding:  8.0702vw 4.193vw;
    overflow: visible;
  }
  .program-container-header{
    font-weight: 700;
    color: #1E2B69;
    position: absolute;
    top: -6.6082vw;
    left: 50%;
    transform: translateX(-50%);
    background-color: #1E2B69;
    width: 65.4206vw;
    text-align: center;
    height: 11.9159vw;
    color: #fff;
    border-radius: 4.8275vw;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 5.6075vw;

  }
  .program-container-text{
    font-size:3.7383vw;
  }
  .program-container-list{
    list-style-position: inside;
    list-style-type: disc;
  }
  .program-container-image{
    position: absolute;
    right: 2.924vw;
    bottom:10.7778vw;
    width:67.757vw;
  }
  .program-container-button{
    position: absolute;
    bottom: -6.9006vw;
    left: 50%;
    transform: translateX(-50%);
    width: 44.8598vw;
    height: 11.9159vw;
    background-color: #28A3DD;
    border-radius: 3.462vw;
    font-weight: 600;
    font-size: 5.062vw;
    color: #fff;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    z-index: 2;
    border: none;
  }
  .programs-divider{
    width: 100%;
    height: 4px;
    background-color: #1E2B69;
    margin: 4.386vw 0;
  }
  .program-container-image-teen{
    position: absolute;
    right: 2.924vw;
    bottom:10.7778vw;
    width:67.757vw;
  }
  .learning-formats{
    margin-top: 3.3626vw;
    background-color: #BED7F8;
  }
  .learning-formats-header{
    text-align: center;
    padding-top: 9.386vw;
    font-weight: 700;
    font-size: 8.6784vw;
    color: #1E2B69;
    margin-bottom: 9.5vw;
  }
  .learning-formats-container{
    margin-top: 3.5vw;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    padding: 0 2.193vw 4.386vw 2.193vw;
  }
  .learning-format{
    
    position: relative;
  }
  .learning-format-description{
    font-size: 4.6729vw;
    font-weight: 600;
    color: #1E2B69;
    text-align:center;
    margin-top: 10.2895vw;
    margin-bottom: 10.2895vw;
    padding: 0 8.193vw;
  }
  .learning-format-text{
    font-size: 3.07544vw;
    font-weight: 700;
    color: #1E2B69;
    width: 35.0467vw;
    height: 9.3458vw;
    background-color: #fff;
    border: 3px solid #039BE5;
    border-radius: 4.462vw;
    position: absolute;
    top:48.1308vw;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .learning-format-image{
    width: 80vw;
    margin-left: 9vw;
  }
  .teachers{
    background-color: #1E2B69;
  }
  .teachers-header{
    text-align: center;
    padding-top: 4.386vw;
    font-weight: 500;
    font-size: 10.6784vw;
    color: #fff;
    margin-bottom: 3.123453vw;
  }
  .teacher-name{
    margin-top: 4.2056vw;
    font-size: 4.2056w;
    font-weight: 800;
    color: #fff;
  }
  .teacher-description{
    font-size: 3.7383vw;
    font-weight: 500;
    color: #fff;
    text-align:left;
    width: 60.9094vw;
  }
  .teachers-blue-text{
    color: #039BE5;
  }
  .teacher-image{
    width: 60.0556vw;
  }
  .open-day{
    position: relative;
    height: 158.4795vw;
  }
  .open-day-background{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: -1;
  }
  .open-day-header{
    text-align: center;
    padding-top: 8.386vw;
    font-weight: 700;
    font-size: 8.6784vw;
    color: #1E2B69;
    margin-bottom: 3.5vw;
  }
  .open-day-date{
    
    text-align: center;
    font-weight: 700;
    font-size: 10.6784vw;
    padding: 2.386vw 20vw;
    color: #039BE5;
    margin-bottom: 3.5vw;
  }
  .open-day-header-underline{
    width: 36.4298vw;
    height: 2px;
    background-color: #039BE5;
    margin: 0 auto;
    margin-bottom: 6.386vw;
  }
  .open-day-text{
    font-size: 4.0468vw;
    font-weight: 600;
    color: #000;
    text-align: center;
    width: 70.3216vw;
    margin: 0 auto;
  }
  .review-image{
    margin-left: 14vw;
    
  }
  .reviews-header{
    text-align: center;
    padding-top: 7.386vw;
    font-weight: 700;
    font-size: 6.6784vw;
    color: #1E2B69;
    margin-bottom: 3.5vw;
  }
  .reviews-link{
    text-align: center;
    font-size: 4.0544vw;
    font-weight: 700;
    color: #1E2B69;
    text-decoration: none;
    margin-top: 3.5vw;
    padding-bottom: 5.5vw;
  }
  .photos{
    background-color: #1E2B69;
  }
  .photos-header{
    text-align: center;
    padding-top: 10.386vw;
    font-weight: 700;
    font-size: 7.6784vw;
    color: #fff;
    margin-bottom: 10vw;
  }
  .photos-container{
    margin: 1vw 7.0485vw;
    width: 85.307vw;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    align-items: center;
  }
  .photo-image{
    margin-bottom: 2vw;
    width: 40.5175vw;
  }
  .photos-prompt{
    margin-top: 10vw;
    margin-bottom: 4vw;
    margin: 10vw 10vw 4vw 10vw;
    font-size: 4.1696vw;
    font-weight: 400;
    color: #fff;
    text-align: center;
  }
  .photos-links{
    display: flex;
    justify-content: center;
    padding-bottom: 20vw;
    align-items: center;
  }
  .photos-link{
    margin: 1vw;
  }
  .graduation-options{
    position: relative;
    height: 158.4795vw;
  }
  .graduation-options-background{
    position: absolute;
    top: 0;
    left: -141vw;
    height: 100%;
    z-index: -1;
  }
  .graduation-arrows{
    top: 30% !important
  }
  .graduation-options-header{
    text-transform: uppercase;
    text-align: start;
    position: absolute;
    width: 10vw;
    top:9.9649vw;
    left: 6.1404vw;
    font-weight: 700;
    font-size: 7.6784vw;
    color: #1E2B69;
  }
  #graduations-slider{
    position: absolute;
    top:72.383vw;
  }
  .grad-image{
    position: relative;

  }
  .grad-slide{
    position: relative;
    display: none;
    height:15.9298vw;
  }
  #graduations-slider{
    display: none;
  }
  #graduations-slider-mobile{
    display: block;
    position: absolute;
    top:72.383vw;
  }
  .grad-slide-mobile{
    height: max-content;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height:15.9298vw;
  }
  .graduation-slide-bg{
    position: absolute;
    top:71.383vw;

  }
  .graduation-slide-bg-white{
    height: 30vw;
    width: 100vw;
    background-color: #ffffffbb;
  }
  .graduation-slide-bg-blue{
    height: 15.9298vw;
    width: 100vw;
    background-color: #1E2B69;
  }
  .grad-slide-text{
    font-size: 4.1696vw;
    font-weight: 400;
    text-align: center;
    width: 100%;
    position: relative;
    color: #fff;
  }
  .faq{
    padding: 2.386vw 4.386vw;
  }
  .faq-pc{
    display: none;
  }
  .faq-header{
    text-align: start;
    font-weight: 700;
    font-size: 8.6784vw;
    color: #1E2B69;
    margin-bottom: 8.5vw;
  }
  summary{
    margin: 4vw 0vw;
    color: #1E2B69;
    font-size: 6.0468vw;
    font-weight: 500;
  }
  @keyframes details-show {
    from {
      opacity:0;
      transform: var(--details-translate, translateY(-0.5em));
    }
  }
  
  details[open] > *:not(summary) {
    animation: details-show 150ms ease-in-out;
  }
  .faq-answer{
    padding: 3vw 2.5vw;
    border-radius: 3.462vw;
    background-color: #1E2B69;
    font-size: 5.00696vw;
    font-weight: 500;
    color: #fff;
  }
  .doc-image{
    margin-left: 20vw;
    padding-top: 10vw;
    width:60.215vw;
  }
  .documents{
    position: relative;
    height: 150.4795vw;
  }
  .documents-header{
    padding:6.2135vw 6.2135vw;
    color: #1E2B69;
    font-weight: 700;
    font-size: 4.6784vw;
    text-transform: uppercase;
  }
  .documents-background{
    position: absolute;
    top: -12.3832vw;
    right: -180vw;
    height: 240.4795vw;
    z-index: -2;
  }
  .documents-background-gradient{
    position: absolute;
    top: 0;
    left: -100vw;
    height: 150.4795vw;
    z-index: -1;
  }
  .documents-icon-quality{
    position: absolute;
    width:20vw;
    top: 10px;
    right: 30px;
    z-index: -1;
  }
  #docs-slider{
    position: absolute;
    top: 72.383vw;
  }
  .docs-slide-bg{
    
    position: absolute;
    top: 65.383vw;
    background-color: #ffffffbb;
    height: 70vw;
    width: 100vw;
  }
  .contacts-upper{
    background-color: #1E2B69;
    position: relative;
  }
  .contacts-header{
    text-align: center;
    padding-top: 4.386vw;
    font-weight: 700;
    font-size: 9.6784vw;

    color: #fff;
    margin-bottom: 5.5vw;
  }
  .contacts-container{
    display: flex;
    flex-direction: column;
    justify-content: start ;
    align-items: start;
    padding: 0 2.193vw 9.386vw 2.193vw;
  }
  .contact{
    position: relative;
  }
  .contact-text{
    color: #fff;
    font-size: 5.0468vw;
    padding-left: 10vw;
  }
  .contact-location-marker{
    position: absolute;
    top: 0;
    left:-2.4488vw;
    width: 2.4488vw;
    width: 10vw;
  }
  .contacts-triangle-marker{
    position: absolute;
    bottom: -2.193vw;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
  }
  .contact-us{
    height: 158.4795vw;
    background-color: #E4F0FF;
    padding: 4.193vw 2.193vw 4.386vw 6.193vw;
    position: relative;
  }
  .contact-us-actual-form{
    background-color: #1E2B69;
    border-radius: 30px;
    width: 90.6542vw;
    height: 127.1028vw;
    padding: 1vw 3vw;
    position: relative;
  }
  .contact-us-big-container{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column-reverse !important;
  }
  .contact-us-form-header{
    text-align: center;
    font-weight: 700;
    font-size: 5.0784vw;
    color: #fff;
    margin-bottom: 3.5vw;
  }
  .contact-us-form-tag{
    font-size: 4.1696vw;
    font-weight: 400;
    color: #fff;
    margin-bottom: 0.6vw;
    padding-left: 1vw;
  }
  .contact-us-form-field{
    width: 100%;
    height: 8.7281vw;
    background-color: #fff;
    border-radius: 4.462vw;
    font-size: 4.1696vw;
    font-weight: 400;
    color: #1E2B69;
    padding-left: 1.5vw;
    margin-bottom: 4.3vw;
    border: none;
  }
  .contact-us-form-message{
    width: 100%;
    height: 30.2339vw;
    background-color: #fff;
    border-radius: 4.462vw;
    font-size: 1.1696vw;
    font-weight: 400;
    color: #1E2B69;
    padding-left: 1.5vw;
    margin-bottom: 1.3vw;
    border: none;
    resize: none;
    margin-top: 6vw;
  }
  .contact-us-form-submit{
    width: 52.1765vw;
    height: 12.4901vw;
    background-color: #28A3DD;
    border-radius: 12vw;
    font-weight: 600;
    font-size: 3.462vw;
    color: #fff;
    text-align: center;
    cursor: pointer;
    z-index: 2;
    border: none;
    position: absolute;
    bottom: -5.9006vw;
    left: 50%;
    transform: translateX(-50%);
  }
  .contact-us-form-tag-message{
    font-size: 3.1696vw;
    font-weight: 400;
    color: #fff;
    margin-top: 1.6vw;
    margin-bottom: 1.6vw;
    padding-left: 1vw;
    margin-right: 3.7vw;
  }
  label{
    font-size: 3.1696vw;
    font-weight: 400;
    padding: 1vw 3vw 2.3vw 1vw;
  }
  .contact-us-form-select{
    width: 236px;
    height: 37px;
    background-color: #fff;
    border-radius: 4.462vw;
    font-size: 3.1696vw;
    font-weight: 400;
    color: #1E2B69;
    padding: 0 3vw;
    border: none;
  }
  .contact-us-container{
    width: 41.7398vw;
    margin-left: 7.6023vw;
    padding-top: 3vw;
    margin-bottom:3vw;
  }
  .contact-us-phone{
    border-radius: 1.462vw;
    font-size: 3.5088vw;
    font-weight: 700;
    color: #1E2B69;
    margin-right: 1vw;
    border: none;
  }
  .mobilehide{
    display: none;
  }
  .contact-us-phone-underline{
    display: none;
    width: 100%;
    height: 3px;
    background-color: #1E2B69;
    margin: 3vw 0;
  }
  .contact-us-text{
    font-size: 1.6696vw;
    font-weight: 400;
    display: none;
    color: #1E2B69;
  }
}
.glide{
  position: relative;
}
.glide__arrows{
  position: absolute;
  top: 50%;
  width: 100%;
  display: flex;
  justify-content: space-between;
  transform: translateY(-50%);
  z-index: 1;
}
.teacher-arrows{
  top:30% !important
}
.glide-control-btn-left{
  position: relative;
  left: 0;
  top: 50%;
  background-color: transparent;
  border-radius: 50%;
  border: none;
  cursor: pointer;
}

.glide-control-btn-right{
  position: relative;
  right: 0;
  top: 50%;
  background-color: transparent;
  border-radius: 50%;
  border: none;
  cursor: pointer;
}.glide__slide {
  margin-right: 0px !important/* Reduce spacing */;
  margin-left: -0px !important/* Reduce spacing */
}
.teacher-container{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-bottom: 10vw;
}
.faq-list{
  list-style-position: inside;
}