html {
    font-size: 10px;
    scroll-behavior: smooth;
}

*,
body {
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}


body.active,
html.active {
    overflow: hidden;
}

body.active2,
html.active2 {
    overflow: hidden;
    width: 100vw;
    height: 100vh;
}

section {
    position: relative;
}

input:-webkit-autofill,
input:-webkit-autofill:focus {
    transition: background-color 600000s 0s, color 600000s 0s;
}

.container {
    max-width: 130rem;
    margin: 0 auto;
    padding: 0 2rem;
}

@media screen and (max-width: 4000px) {
  html {
    font-size: 15px;
  }
}
@media screen and (max-width: 3000px) {
  html {
    font-size: 13px;
  }
}
@media screen and (max-width: 2000px) {
  html {
    font-size: 11px;
  }
}

@media screen and (max-width: 1199.9px) {
    html {
        font-size: 9px;
    }
}

@media screen and (max-width: 1023.9px) {
    html {
        font-size: 8px;
    }
}

@media screen and (max-width: 991.9px) {
    html {
        font-size: 7px;
    }
}

.row {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: 0 1.6rem;
}

@media screen and (min-width: 1199.9px) {
    .xl-1 {
        grid-column: span 1;
    }

    .xl-2 {
        grid-column: span 2;
    }

    .xl-3 {
        grid-column: span 3;
    }

    .xl-4 {
        grid-column: span 4;
    }

    .xl-5 {
        grid-column: span 5;
    }

    .xl-6 {
        grid-column: span 6;
    }

    .xl-7 {
        grid-column: span 7;
    }

    .xl-8 {
        grid-column: span 8;
    }

    .xl-9 {
        grid-column: span 9;
    }

    .xl-10 {
        grid-column: span 10;
    }

    .xl-12 {
        grid-column: span 12;
    }
}

@media screen and (max-width: 1199.9px) and (min-width: 991.9px) {
    .lg-0 {
        display: none;
    }

    .lg-1 {
        grid-column: span 1;
    }

    .lg-2 {
        grid-column: span 2;
    }

    .lg-3 {
        grid-column: span 3;
    }

    .lg-4 {
        grid-column: span 4;
    }

    .lg-5 {
        grid-column: span 5;
    }

    .lg-6 {
        grid-column: span 6;
    }

    .lg-7 {
        grid-column: span 7;
    }

    .lg-8 {
        grid-column: span 8;
    }

    .lg-9 {
        grid-column: span 9;
    }

    .lg-10 {
        grid-column: span 10;
    }

    .lg-12 {
        grid-column: span 12;
    }
}

@media screen and (max-width: 991.9px) and (min-width: 767.9px) {
    .md-0 {
        display: none;
    }

    .md-1 {
        grid-column: span 1;
    }

    .md-2 {
        grid-column: span 2;
    }

    .md-3 {
        grid-column: span 3;
    }

    .md-4 {
        grid-column: span 4;
    }

    .md-5 {
        grid-column: span 5;
    }

    .md-6 {
        grid-column: span 6;
    }

    .md-7 {
        grid-column: span 7;
    }

    .md-8 {
        grid-column: span 8;
    }

    .md-9 {
        grid-column: span 9;
    }

    .md-10 {
        grid-column: span 10;
    }

    .md-12 {
        grid-column: span 12;
    }
}

@media screen and (max-width: 767.9px) {
    .sm-0 {
        display: none;
    }

    .row {
        grid-gap: 0 0.8rem;
    }

    .sm-3 {
        grid-column: span 3;
    }

    .sm-6 {
        grid-column: span 6;
    }

    .sm-12 {
        grid-column: span 12;
    }

    html {
        font-size: 10px;
    }

    .container {
        max-width: 100%;
        padding-left: 1.6rem;
        padding-right: 1.6rem;
    }
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
}

input::placeholder,
textarea::placeholder,
select::placeholder {
    color: #121212;
}

input:focus::placeholder,
textarea:focus::placeholder {
    color: transparent !important;
}

p {
    margin: 0;
}

a {
    text-decoration: none;
    display: block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
}

button {
    outline: 0;
    cursor: pointer;
}

button,
input,
textarea,
select {
    outline: 0;
}

ul {
    padding: 0;
    list-style-type: none;
    margin: 0;
}

body {
    background-color: #F5FBFE;
}
.headerTop {
    display: flex;
    justify-content: space-between;
    /*border-bottom: 1px solid rgb(216, 216, 216, 0.2);*/
    position:relative;
    display: none;
}
.headerTop::after {
    content: '';
    position: absolute;
    display: block;
    width: 100vw;
    margin-left: -50vw;
    margin-right: -50vw !important;
    left: 50%;
    right: 50%;
    bottom: 0;
    height: 1px;
    background-color: rgb(216, 216, 216, 0.2);
}
.headerTopLeft {
    display: flex;
}
.headerTopLeft div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    row-gap: 0.5rem;
    height: 6rem;
    padding: 0 3.5rem;
    border-right: 1px solid rgb(216, 216, 216, 0.2);
}
.headerTopLeft div:last-child {
    border-right: none;
}
.whatsappLink a {
    opacity: 0.7;
    transition: all .3s;
}
.whatsappLink a:hover {
    opacity: 1;
}
.headerTopLeft div:first-child {
    padding-left: 0;
}
.headerTopLeft div span:first-child {
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.2rem;
    letter-spacing: 0.01em;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #004366;
    opacity: 0.5;
}
.headerTopLeft div span:last-child {
    font-weight: 600;
    font-size: 1.2rem;
    line-height: 164.03%;
    letter-spacing: 0.02em;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #004366;
    opacity: 0.9;
}
.headerTopRight {
    display: flex;
}
.headerTopRight > div {
    padding-inline: 3rem;
    border-left: 1px solid rgb(216, 216, 216, 0.2);
    display: flex;
    justify-content: center;
    align-items: center;
}
.headerTopRight div:first-child {
    border-left: none;
}
.headerPhone {
    padding-block: 1.4rem;
    position: relative;
    .icon {
        display: none;
    }
}
.headerPhone button{
    background: #0057FF;
    border-radius: 10rem;
    height: 3.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 0.78rem;
    padding: 0 1.9rem;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 2rem;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #FFFFFF;
    transition: all .3s;
    border: none;
    &.landau_btn {
        background-color: #28235b;
    }
}
.headerPhone button:hover {
    background-color: #006599;
}
.headerPhone button:active {
    background-color: #004366;
}
.dropdown {
  position: absolute;
  right: 0;
  transform: translate(0, -1rem);
  top: 100%;
  background-color: #ffffff;
  z-index: 15;
  border: none !important;
  border-radius: 15px;
  box-shadow: 0px 0 15px rgba(113, 113, 113, 0.15);
  width: 34rem;
  padding: 2rem !important;
  opacity: 0;
  visibility: hidden;
  transition: all 0.1s linear;
}
footer .dropdown {
    left: 0;
    right: unset;
}
@media screen and (max-width: 768x) {
    footer .dropdown {
        width: calc(100vw - 4rem);
    }
}
.dropdown.active {
  opacity: 1;
  visibility: visible;
  transform: translate(0, 1rem);
}
.dropdown ul,
.applyModal ul {
  display: flex;
  flex-direction: column;
  row-gap: 1.4rem;
}
.dropdown ul li a,
.applyModal ul li a {
  display: flex;
  flex-direction: column;
  row-gap: 0.4rem;
}
.applyModal ul li a {
  padding: 0.8rem 1.4rem;
  border-radius: 4px;
  transition: all 0.2s linear;
  background-color: #0099da14;
}
.applyModal ul li a:hover {
  background-color: #28235b;
  span {
    &:first-child {
      color: #ffffff;
      opacity: 1;
    }
    &:last-child {
      color: #ffffff;
      opacity: 0.8;
    }
  }
}
.dropdown ul li a span:first-child,
.applyModal ul li a span:first-child {
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 124.53%;
  color: #28235b;
  opacity: 0.8;
  transition: all 0.2s linear;
}
.dropdown ul li:hover a span:first-child,
.applyModal ul li:hover a span:first-child {
  opacity: 1;
}
.dropdown ul li a span:last-child,
.applyModal ul li a span:last-child {
  font-weight: 500;
  font-size: 1.3rem;
  line-height: 124.53%;
  color: #28235b;
  opacity: 0.5;
  transition: all 0.2s linear;
}

.applyModal {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #ffffff;
  z-index: 20;
  border: none !important;
  border-radius: 15px;
  box-shadow: 0px 0 15px rgba(113, 113, 113, 0.15);
  width: 40rem;
  padding: 2rem !important;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s linear;
}
.applyModal.active {
  opacity: 1;
  visibility: visible;
}
.applyBg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 17;
  transition: all 0.2s linear;
  opacity: 0;
  visibility: hidden;
}
.applyBg.active {
  opacity: 1;
  visibility: visible;
}

.landauHero {
  margin-top: 3.2rem;
  .container {
    > div {
      display: flex;
      flex-direction: column;
      row-gap: 1.6rem;
      align-items: center;
      justify-content: center;
      background-color: #28235b;
      border-radius: 15px;
      height: 30rem;
      h1 {
        font-weight: 700;
        font-size: 4.8rem;
        line-height: 4.4rem;
        color: #ffffff;
      }
      h4 {
        font-weight: 500;
        font-size: 1.8rem;
        line-height: 2.5rem;
        letter-spacing: 0.01em;
        font-feature-settings:
          "pnum" on,
          "lnum" on;
        color: #ffffff;
        opacity: 0.7;
        width: 60%;
        text-align: center;
      }
    }
  }
}
.courseBased {
  padding: 6rem 0;
  > .container {
    h3 {
      font-weight: 700;
      font-size: 4rem;
      line-height: 124.4%;
      font-feature-settings:
        "pnum" on,
        "lnum" on;
      color: #28235b;
      margin-bottom: 2.4rem;
      text-align: center;
    }
    .statistics {
      background-color: transparent;
      padding-top: 6rem;
      .container {
        .statistic {
          height: 26rem;
          justify-content: flex-start;
          padding-top: 7rem;
          > div {
              background-color: #28235b;
              svg {
                  width: 3.6rem;
                  height: 3.6rem;
                  path {
                      stroke: #ffffff;
                  }
              }
          }
          span {
            font-weight: 800;
            font-size: 2rem;
            line-height: 3.2rem;
            letter-spacing: 0.01em;
            color: #28235b;
            margin-bottom: 0.4rem;
          }
          p {
            text-align: left;
            font-size: 1.5rem;
            width: 85%;
          }
        }
      }
    }
  }
}
.curriculum {
  padding: 6.9rem 0 7.5rem;
  .container {
    h3 {
      font-weight: 700;
      font-size: 4rem;
      line-height: 124.4%;
      font-feature-settings:
        "pnum" on,
        "lnum" on;
      color: #28235b;
      margin-bottom: 2.4rem;
      text-align: center;
    }
    p {
      font-weight: 500;
      font-size: 2.4rem;
      line-height: 2.5rem;
      letter-spacing: 0.01em;
      font-feature-settings:
        "pnum" on,
        "lnum" on;
      color: #004366;
      opacity: 0.8;
      width: 70%;
      margin: 0 auto;
      text-align: center;
      margin-bottom: 2rem;
    }
    button {
      background-color: #28235b;
      border-radius: 10rem;
      height: 3.5rem;
      display: flex;
      justify-content: center;
      align-items: center;
      column-gap: 0.78rem;
      padding: 0 1.9rem;
      font-weight: 700;
      font-size: 1.6rem;
      line-height: 2rem;
      letter-spacing: -0.02em;
      text-transform: uppercase;
      font-feature-settings:
        "pnum" on,
        "lnum" on;
      color: #ffffff;
      transition: all 0.3s;
      border: none;
      margin: 4rem auto 0;
      &:hover {
        background-color: #006599;
      }
      &:active {
        background-color: #004366;
      }
    }
  }
}
.buildings {
  padding: 3rem 0 6rem;
  .container {
    h3 {
      font-weight: 700;
      font-size: 4rem;
      line-height: 124.4%;
      font-feature-settings:
        "pnum" on,
        "lnum" on;
      color: #28235b;
      margin-bottom: 3.2rem;
      text-align: center;
    }
    .buildingsList {
      display: flex;
      column-gap: 4rem;
      > div {
        width: calc(100% / 3 - 4rem / 3);
        padding: 2rem;
        border: 1px solid #00436615;
        border-radius: 10px;
        .imgContainer {
          height: 40rem;
          border-radius: 15px;
          overflow: hidden;
          margin-bottom: 2.4rem;
          display: none;
          img {
            width: 100%;
            height: 100%;
            object-fit: cover;
          }
        }
        h4 {
          padding-inline: 1rem;
          font-weight: 600;
          font-size: 3.2rem;
          line-height: 2.5rem;
          letter-spacing: 0.01em;
          font-feature-settings:
            "pnum" on,
            "lnum" on;
          color: #004366;
          margin-bottom: 2rem;
        }
        p {
          padding-inline: 1rem;
          display: flex;
          align-items: center;
          column-gap: 1rem;
          font-weight: 500;
          font-size: 1.6rem;
          line-height: 1.6rem;
          color: #004366;
          font-feature-settings:
            "pnum" on,
            "lnum" on;
          opacity: 0.7;
        }
      }
    }
  }
}
.messageFromDirector {
  padding: 9rem 0;
  h3 {
    font-weight: 700;
    font-size: 4rem;
    line-height: 124.4%;
    font-feature-settings:
      "pnum" on,
      "lnum" on;
    color: #28235b;
    margin-bottom: 3.2rem;
    text-align: center;
  }
  .container {
    display: flex;
    column-gap: 3.2rem;
    > div {
      width: calc(50% - 1.6rem);
      &.imgContainer {
        height: 64rem;
        border-radius: 15px;
        overflow: hidden;
        img {
          width: 100%;
          height: 100%;
          object-fit: cover;
        }
      }
      &:last-child {
        background-color: #28235b;
        border-radius: 15px;
        padding: 4rem;
        display: flex;
        flex-direction: column;
        p {
          font-weight: 500;
          font-size: 1.8rem;
          line-height: 2.5rem;
          letter-spacing: 0.01em;
          margin-bottom: 1.6rem;
          font-feature-settings:
            "pnum" on,
            "lnum" on;
          color: #ffffff;
        }
        > div {
          margin-top: auto;
          h4 {
            font-weight: 700;
            font-size: 1.8rem;
            line-height: 2.5rem;
            letter-spacing: 0.01em;
            font-feature-settings:
              "pnum" on,
              "lnum" on;
            color: #ffffff;
          }
          span {
            font-weight: 500;
            font-size: 1.4rem;
            line-height: 1.8rem;
            letter-spacing: 0.01em;
            font-feature-settings:
              "pnum" on,
              "lnum" on;
            color: #ffffff;
            opacity: 0.7;
          }
        }
      }
    }
  }
}
.programs {
  padding: 6rem 0 9rem;
  .container {
    h3 {
      font-weight: 700;
      font-size: 4rem;
      line-height: 124.4%;
      font-feature-settings:
        "pnum" on,
        "lnum" on;
      color: #28235b;
      margin-bottom: 3.2rem;
      text-align: center;
    }
    #tabs {
      justify-content: center;
      li {
          a {
              background-color: #28235b;
              border-color: #28235b;
              &.inactive {
                  background-color: transparent;
                  border-color: #28235b15;
              }
              &:hover {
                  background-color: #28235b;
              }
          }
      }
    }
    .tabs-container {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      column-gap: 2rem;
      row-gap: 2rem;
      .priceCard {
        width: calc(100% / 3 - 4rem / 3);
        border-radius: 15px;
        border: 1px solid #28235b15;
        padding: 2rem 0.5rem 0.5rem;
        display: flex;
        flex-direction: column;
        h4 {
          font-weight: 600;
          font-size: 2rem;
          line-height: 2.4rem;
          letter-spacing: 0.01em;
          padding-left: 2rem;
          font-feature-settings:
            "pnum" on,
            "lnum" on;
          color: #28235b;
          margin-bottom: 1.4rem;
        }
        .priceCardBody {
          width: 100%;
          border-radius: 10px;
          background-color: #28235b15;
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          padding: 2rem;
          margin-top: auto;
          > div {
            &:first-child {
              display: flex;
              flex-direction: column;
              row-gap: 1rem;
              margin-bottom: 3.2rem;
              display: none;
              span {
                &:first-child {
                  font-weight: 700;
                  font-size: 2.4rem;
                  line-height: 2.5rem;
                  letter-spacing: 0.01em;
                  font-feature-settings:
                    "pnum" on,
                    "lnum" on;
                  color: #004366;
                }
                &:last-child {
                  font-weight: 500;
                  font-size: 1.6rem;
                  line-height: 1.8rem;
                  letter-spacing: 0.01em;
                  font-feature-settings:
                    "pnum" on,
                    "lnum" on;
                  color: #004366;
                  opacity: 0.7;
                }
              }
            }
            &:last-child {
              display: flex;
              align-items: center;
              justify-content: space-between;
              .flag {
                width: 4rem;
                height: 3rem;
                background-color: #28235b;
                border-radius: 5px;
                overflow: hidden;
                flex-shrink: 0;
                img {
                  width: 100%;
                  height: 100%;
                  object-fit: cover;
                }
              }
              span {
                width: 3.6rem;
                height: 3.6rem;
                background-color: #28235b;
                border-radius: 50%;
                display: flex;
                justify-content: center;
                align-items: center;
              }
            }
          }
        }
      }
    }
  }
}
.faq {
  padding: 6rem 0 12rem;
  .container {
    h3 {
      font-weight: 700;
      font-size: 4rem;
      line-height: 124.4%;
      font-feature-settings:
        "pnum" on,
        "lnum" on;
      color: #28235b;
      margin-bottom: 3.2rem;
      text-align: center;
    }
    .faqList {
      display: flex;
      flex-direction: column;
      row-gap: 1.6rem;
      .accordion {
        border: 1px solid #d8d8d8;
        border-radius: 15px;
        padding: 2rem;
        .accordionHeader {
          display: flex;
          justify-content: space-between;
          align-items: center;
          cursor: pointer;
          h5 {
            font-weight: 600;
            font-size: 2.4rem;
            line-height: 2.5rem;
            letter-spacing: 0.01em;
            font-feature-settings:
              "pnum" on,
              "lnum" on;
            color: #004366;
          }
          span {
            width: 3.2rem;
            height: 3.2rem;
            background-color: #28235b;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease;
          }
          &.active span {
            transform: rotate(90deg);
          }
        }
        .accordionBody {
          padding: 2rem 0 0;
          p {
            font-weight: 500;
            font-size: 1.8rem;
            line-height: 1.8rem;
            letter-spacing: 0.01em;
            font-feature-settings:
              "pnum" on,
              "lnum" on;
            color: #004366;
            margin-bottom: 1rem;
            width: 90%;
          }
          ul {
              display: flex;
              flex-direction: column;
              padding-left: 2rem;
              list-style: disc;
              li {
                  font-weight: 500;
            font-size: 1.8rem;
            line-height: 1.8rem;
            letter-spacing: 0.01em;
            font-feature-settings:
              "pnum" on,
              "lnum" on;
            color: #004366;
            margin-bottom: 1rem;
            width: 90%;
              }
          }
        }
      }
    }
  }
}
@media screen and (max-width: 767.9px) {
  .landauHero .container > div {
    height: auto;
    padding: 3.2rem 2.4rem;
  }
  .landauHero .container > div h1 {
    font-size: 2rem;
    line-height: 2.4rem;
    text-align: center;
  }
  .landauHero .container > div h4 {
    font-size: 1.5rem;
    width: 100%;
    text-align: center;
  }
  .curriculum {
    .container {
      h3 {
        font-size: 2.4rem;
        line-height: 3.2rem;
      }
      p {
        font-size: 1.5rem;
        line-height: 2rem;
        width: 100%;
      }
      button {
        font-size: 1.4rem;
        line-height: 1.8rem;
      }
    }
  }
  .applyModal {
    width: 95%;
  }
  .courseBased {
    .container {
      h3 {
        font-size: 2.4rem;
        line-height: 3.2rem;
      }
      .statistics {
        padding-top: 3.2rem;
        .container {
          .statistic {
            height: auto;
            padding-top: 4rem;
            padding-inline: 2rem;
            width: 100%;
            span {
              font-size: 1.5rem;
              line-height: 2rem;
            }
            p {
              font-size: 1.2rem;
              line-height: 1.6rem;
              width: 100%;
            }
          }
        }
      }
    }
  }
  .buildings {
    .container {
      h3 {
        font-size: 2.4rem;
        line-height: 3.2rem;
      }
      .buildingsList {
        flex-direction: column;
        row-gap: 4rem;
        > div {
          width: 100%;
          .imgContainer {
            height: 30rem;
          }
          h4 {
            font-size: 1.8rem;
            line-height: 2.5rem;
          }
          p {
            font-size: 1.2rem;
            line-height: 1.6rem;
          }
        }
      }
    }
  }
  .messageFromDirector {
    h3 {
      font-size: 2.4rem;
      line-height: 3.2rem;
    }
    .container {
      flex-direction: column;
      row-gap: 4rem;
      > div {
        width: 100%;
        &.imgContainer {
          height: 38rem;
        }
        &:last-child {
          padding: 2rem;
          p {
            font-size: 1.4rem;
            line-height: 1.6rem;
          }
          > div {
            margin-top: 4rem;
            h4 {
              font-size: 1.5rem;
              line-height: 2rem;
            }
            span {
              font-size: 1rem;
              line-height: 1.4rem;
            }
          }
        }
      }
    }
  }
  .programs {
    padding: 3rem 0 6rem;
    .container {
      h3 {
        font-size: 2.4rem;
        line-height: 3.2rem;
      }
      #tabs {
          justify-content: flex-start;
        li {
          a {
            font-size: 1.2rem;
            line-height: 1.6rem;
            padding: 0.6rem 1.2rem;
          }
        }
      }
      .tabs-container {
        .priceCard {
          width: 100%;
          h4 {
            font-size: 1.8rem;
            line-height: 2.5rem;
          }
        }
      }
    }
  }
  .faq {
    padding: 3rem 0 6rem;
    .container {
      h3 {
        font-size: 2.4rem;
        line-height: 3.2rem;
      }
      .faqList {
        .accordion {
          .accordionHeader {
            h5 {
              font-size: 1.8rem;
              line-height: 2.2rem;
            }
            span {
                flex-shrink: 0;
            }
          }
          .accordionBody {
            p {
              font-size: 1.4rem;
              line-height: 1.6rem;
            }
            ul {
                li {
                    font-size: 1.4rem;
                    line-height: 1.6rem;
                }
            }
          }
        }
      }
    }
  }
}
.lang {
    column-gap: 1.8rem;
}
.lang a {
    font-weight: 700;
    font-size: 1.3rem;
    line-height: 1.8rem;
    color: #004366;
    opacity: 0.7;
    transition: all .3s;
    text-transform: uppercase;
}
.lang a:hover {
    opacity: 1;
}
.headerSocials {
    display: flex;
    align-items: center;
    column-gap: 1.9rem;
    padding-right: 0 !important;
}
.headerSocials a {
    opacity: 0.4;
    transition: all .3s;
}
.headerSocials a:hover {
    opacity: 1;
}
.headerBottom {
    padding: 1.7rem 0 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 3.2rem;
}
.searchBtn {
    display: none;
}
.logo {
    width: 15%;
}
.logo img {
    width: 50px;
    height: auto
}
/*.landau_logo img {*/
/*    width: 160px;*/
/*}*/
.headerBottomRight {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 85%;
}
.headerMenu {
    display: flex;
    align-items: center;
    column-gap: 2rem;
}
.headerMenu>li>a {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.4rem;
    letter-spacing: 0.01em;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #004366;
    display: flex;
    align-items: center;
    column-gap: 0.4rem;
    opacity: .8;
    transition: all .3s;
    &.bani_school {
        font-weight: 700;
        text-decoration: underline;
        text-underline-offset: 5px;
    }
}
.headerMenu>li {
    position: relative;
}
.headerMenu li a svg {
    transition: all .3s;
}
.headerMenu>li:hover>a{
    opacity: 1;
}
.headerMenu li:hover a svg {
    transform: rotate(180deg);
}
.subMenu {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    visibility: hidden;
    padding-top: 1rem;
    transition: margin .1s linear, opacity .1s linear;
    margin-top: -1rem;
    opacity: 0;
    z-index: 3;
}
.headerMenu li:hover .subMenu {
    visibility: visible;
    opacity: 1;
    margin-top: 0;
}
.subMenu ul {
    background-color: #FFFFFF;
    box-shadow: 0px 0 15px rgba(113, 113, 113, 0.15);
    border-radius: 15px;
    padding: 2.1rem 7.1rem 2.1rem 3.1rem;
}
.subMenu ul {
    display: flex;
    flex-direction: column;
    row-gap: 1.4rem;
}
.subMenu ul li a {
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 124.53%;
    color: #004366;
    opacity: 0.75;
    transition: all .3s;
    width: max-content;
}
.subMenu ul li:hover a {
    opacity: 1;
}
.search {
    width: 20rem;
    position: relative;
}
.search .inputGroup {
    display: flex;
}
.search input {
    background: rgba(212, 221, 226, .3);
    border-radius: 50px;
    border: none;
    padding: 0 2.7rem;
    height: 4.2rem;
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 2rem;
    letter-spacing: 0.01em;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: rgba(0, 67, 102);
    transition: all .3s;
    width: 100%;
}
.search input::placeholder {
    color: rgba(0, 67, 102, 0.8);
}
.search button {
    background-color: rgba(212, 221, 226, .3);
    border: none;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 15%;
    padding-right: 2.6rem;
}
.searchResults {
    position: absolute;
    margin-top: 2rem;
    background-color: #FFFFFF;
    padding: 2.4rem 1.6rem;
    box-shadow: 0px 4px 15px rgba(113, 113, 113, 0.15);
    border-radius: 15px;
    width: 100%;
    z-index: 3;
    display: none;
}
.searchResults ul {
    display: flex;
    flex-direction: column;
    row-gap: 1.4rem;
}
.searchResults ul li a {
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 124.53%;
    color: rgba(0, 67, 102, 0.75);
    transition: all .3s;
}
.searchResults ul li:hover a {
    color: rgb(0, 67, 102);
}
.banner .container {
    position: relative;
}
.bannerSwiper {
    border-radius: 3rem;
    position: unset;
}
.bannerSwiper .swiper-slide {
    height: 56.8rem;
}
.bannerSwiper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.bannerSwiper .swiper-button-next,
.bannerSwiper .swiper-button-prev {
    width: 3.8rem;
    height: 3.8rem;
    border-radius: 50%;
    background-color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
}
.bannerSwiper .swiper-button-next::after,
.bannerSwiper .swiper-button-prev::after {
    content: '';
}
.bannerSwiper .swiper-button-prev {
    left: 2.8rem;
}
.bannerSwiper .swiper-button-next {
    right: 2.8rem;
}
.swiper-pagination {
    z-index: 3;
    bottom: -3rem !important;
}
.swiper-pagination-bullet {
    width: 1.4rem !important;
    height: 0.6rem !important;
    background: rgba(62, 62, 62, 0.2) !important;
    border-radius: 3rem !important;
    transition: all .3s !important;
    opacity: 1 !important;
}
.swiper-pagination-bullet-active {
    background-color: #0057FF !important;
    width: 3.386rem !important;
    pointer-events: none !important;
}
.swiper-button-next svg, .swiper-button-prev svg {
    width: auto !important;
    height: auto !important;
}
.swiper-button-lock {
    display: none !important;
}

.modal {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 53.9rem;
  height: 41.6rem;
  background-color: #fff;
  border-radius: 1.5rem;
  z-index: 8;
  box-shadow: 3px 4px 6px 3px rgba(62, 62, 62, 0.1);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: 0.8rem;
  transition: all 0.4s linear;
  visibility: hidden;
  opacity: 0;
}
.modal span:nth-child(2) {
  color: #0057FF;
  font-variant-numeric: lining-nums proportional-nums;
  font-size: 4.4rem;
  font-style: normal;
  font-weight: 700;
  line-height: 127.4%; /* 5.6056rem */
}
.modal span:last-child {
  color: #004366;
  font-variant-numeric: lining-nums proportional-nums;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.016rem;
  opacity: 0.6;
}
.modal button {
  position: absolute;
  top: 3rem;
  right: 3.2rem;
  padding: 0;
  background-color: transparent;
  border: none;
}
.modalBg {
  z-index: 7;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #777777;
  mix-blend-mode: multiply;
  transition: all .4s linear;
  opacity: 0;
  visibility: hidden;
}
.modal.active,.modalBg.active {
  opacity: 1;
  visibility: visible;
}

.homeAbout {
    padding: 11rem 0 10rem;
}
.homeAbout .container {
    display: flex;
    align-items: center;
}
.homeAbout .container>div:first-child {
    width: 50%;
    padding-right: 5rem;
}
.homeAbout .imgContainer {
    height: 62.1rem;
    border-radius: 3rem;
    overflow: hidden;
    position: relative;
    transform: translateX(-3rem);
    opacity: 0;
    transition: all .5s 1.2s linear;
}
.homeAbout .imgContainer::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #7D7D7D;
    mix-blend-mode: multiply;
    opacity: 0.5;
}
.homeAbout .imgContainer img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.homeAbout .container>div:last-child {
    width: 50%;
    padding-left: 5rem;
}
.homeAbout h1,
.homeAbout h3 {
    font-weight: 700;
    font-size: 4rem;
    line-height: 124.4%;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #004366;
    width: 90%;
    margin-bottom: 2.4rem;
    opacity: 0;
    transform: translateY(3rem);
    transition: all .5s .4s linear;
}
.aboutBottom h3 {
    opacity: 1;
    transform: translateY(0);
}
.homeAbout p {
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 2.5rem;
    letter-spacing: 0.01em;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #004366;
    opacity: 0.7;
    margin-bottom: 3.6rem;
    opacity: 0;
    transform: translateY(3rem);
    transition: all .5s .8s linear;
}
.homeAbout p.active, .homeAbout h1.active, .homeAbout .seeMore.active {
    transform: translateY(0);
    opacity: 1;
}
.homeAbout .imgContainer.active {
    transform: translateX(0);
    opacity: 1;
}
.seeMore {
    padding: 0 3.2rem;
    font-weight: 700;
    font-size: 1.4rem;
    line-height: unset;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #006599;
    border: 1px solid rgba(0, 101, 153, 0.4);
    border-radius: 5rem;
    width: max-content;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: border .3s, transform .5s 1.2s linear, opacity .5s 1.2s linear;
    height: 3.6rem;
}
.homeAbout .seeMore {
    opacity: 0;
    transform: translateY(3rem);
}
.seeMore:hover {
    border-color: rgb(0, 101, 153);
}
.ourCourses {
    padding-bottom: 9.1rem;
}
.ourCourses h1 {
    font-weight: 700;
    font-size: 4rem;
    line-height: 124.4%;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #004366;
    margin-bottom: 1.4rem;
}
.courses {
    display: flex;
    justify-content: space-between;
    margin-bottom: 3.2rem;
}
.courses>div {
    width: 49%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    row-gap: 2.2rem;
    position: relative;
}
.courses>div a {
    border-radius: 2.5rem;
    overflow: hidden;
    position: relative;
    transition: all .3s;
    background-size: 100%;
}

.courses>div:first-child a:first-child {
    width: 100%;
    height: 27.1rem;
}
.courses>div:first-child a:first-child span {
    top: 7.1rem;
    left: 4.3rem;
    width: 40%;
}
.courses>div:first-child a:not(:first-child):hover img,
.courses>div:last-child a:not(:last-child):hover img {
    transform: translateX(-50%) scale(1.08) !important;
}
.courses>div:first-child a:first-child img,
.courses>div:last-child a:last-child img{
    position: absolute;
    right: 3rem;
    top: 50%;
    transform: translateY(-50%) scale(1);
    width: 40%;
}
.courses>div:first-child a:first-child:hover img,
.courses>div:last-child a:last-child:hover img{
    transform: translateY(-50%) scale(1.08);
}
.courses>div a img {
    z-index: 1;
    transition: all .3s;
    width: 60%;
}
.courses>div a span {
    font-weight: 700;
    font-size: 3.6rem;
    line-height: 109%;
    letter-spacing: 0.02em;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #FFFFFF;
    z-index: 2;
    position: absolute;
}
.courses>div:first-child a:not(:first-child),
.courses>div:last-child a:not(:last-child){
    width: 48%;
    height: 37.3rem;
}
.courses>div:last-child a:not(:last-child) {
    width: 100%;
}
.courses>div:first-child a:not(:first-child) img,
.courses>div:last-child a:not(:last-child) img {
    position: absolute;
    left: 50%;
    transform: translateX(-50%) scale(1);
    bottom: 2rem;
}
.courses>div:last-child a:not(:last-child) img {
    right: 3rem;
    left: unset;
    width: 35%;
    transform: translateX(0) scale(1);
}
.courses>div:last-child a:not(:last-child):hover img {
    transform: translateX(0) scale(1.08) !important;
}
.courses>div:first-child a:not(:first-child) span,
.courses>div:last-child a:not(:last-child) span{
    font-size: 2.8rem;
    top: 4.7rem;
    left: 3.5rem;
}
.courses>div:first-child a:not(:first-child) span{
    width: 40%;
}
.courses>div:first-child a:last-child span{
    width: 60%;
}
.courses>div:last-child a:last-child {
    width: 100%;
    height: 27.1rem;
}
.courses>div:last-child a:last-child span{
    width: 40%;
    left: 43px;
    top: 7.1rem;
}
.statistics {
    background-color: #EFF6FA;
    padding: 10.2rem 0 7.3rem;
}
.statistics>.container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
}
.statistics>.container::after {
    content: '';
    position: absolute;
    width: 95%;
    top: 50%;
    height: 1px;
    border-top: 3px dashed rgba(0, 134, 204, 0.3);
    z-index: 1;
}
.statistic {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 19.4rem;
    border: 1.5px solid rgba(0, 134, 204, 0.3);
    border-radius: 20px;
    padding-top: 4.9rem;
    padding-bottom: 3.7rem;
    position: relative;
    width: 22%;
    background-color: #EFF6FA;
    z-index: 2;
}
.statistic span {
    font-weight: 800;
    font-size: 5rem;
    line-height: 135.53%;
    letter-spacing: 0.01em;
    color: #0057FF;
}
.statistic>span {
    display: flex;
    align-items: center;
}
.statistic p {
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 124.53%;
    text-align: center;
    color: #004366;
    opacity: 0.6;
    width: 75%;
}
.statistic div {
    position: absolute;
    top: 0;
    background-color: #0057FF;
    width: 8.7rem;
    height: 8.7rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translateY(-50%);
}
.ourSuccess {
    padding: 6.9rem 0 7.5rem;
}
.ourSuccess>.container {
    position: relative;
}
.ourSuccessSwiper {
    position: unset;
}
.ourSuccess h1 {
    font-weight: 700;
    font-size: 4rem;
    line-height: 124.4%;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #004366;
    margin-bottom: 1.4rem;
}

.ourSuccessSwiper .swiper-wrapper {
    flex-direction: unset !important;
    row-gap: 2.4rem;
}
.ourSuccessSwiper .swiper-slide {
    display: flex;
    flex-direction: column;
    row-gap: 2.4rem;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.success {
    border: 1px solid rgba(0, 134, 204, 0.2);
    border-radius: 15px;
    display: flex;
    align-items: center;
    padding: 1.6rem 3.5rem 1.6rem 1.6rem;
    transition: all .3s;
}
.success:hover {
    border-color: rgb(0, 134, 204);
}
.successImg {
    width: 8.9rem;
    height: 8.9rem;
    overflow: hidden;
    border-radius: 10px;
    position: relative;
}
.successImg::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #777777;
    mix-blend-mode: multiply;
    opacity: 0.7;
}
.successImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.successName {
    margin-left: 2.2rem;
    display: flex;
    flex-direction: column;
    row-gap: 0.3rem;
}
.success h3 {
    font-weight: 600;
    font-size: 2.4rem;
    line-height: 124.53%;
    color: #004366;
}
.success p {
    font-weight: 400;
    font-size: 1.3rem;
    line-height: 124.53%;
    color: #004366;
    opacity: 0.5;
}
.successGrade {
    margin-left: auto;
    display: flex;
    align-items: flex-end;
}
.successGrade>span {
    font-weight: 800;
    font-size: 4rem;
    line-height: 135.53%;
    letter-spacing: 0.01em;
    color: #004366;
}
.successGrade>span span {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 124.53%;
    color: #004366;
    opacity: 0.5;
}
.news {
    padding: 7.5rem 0 4.9rem;
}
.news h1 {
    font-weight: 700;
    font-size: 4rem;
    line-height: 124.4%;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #004366;
    margin-bottom: 2.4rem;
}
.newsCards {
    display: flex;
    justify-content: space-between;
}
.newsCard {
    position: relative;
    width: 32%;
}
.newsCard iframe {
    transition: all .3s ease;
}
.newsCard:hover .newsImg img,
.newsCard:hover .newsImg iframe {
    transform: scale(1.1);
}
.newsImg {
    height: 44.1rem;
    overflow: hidden;
    border-radius: 25px;
    position: relative;
}
.newsImg iframe {
    width: 100%;
    height: 100%;
}
.newsImg::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #777777;
    mix-blend-mode: multiply;
    opacity: 0.8;
    z-index: 2;
}
.newsImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .6s linear;
    z-index: 1;
}
.newsBody {
    position: absolute;
    background-color: #FFFFFF;
    bottom: 0;
    border-radius: 15px;
    padding: 0 3.6rem;
    height: 12.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
    transform: translateY(3rem);
    transition: all .4s .2s linear;
    opacity: 0;
    width: 100%;
}
.comments .newsBody {
    bottom: -40%;
}
.newsBody.active {
    transform: translateY(0);
    opacity: 1;
}
.newsBody.active p {
    transform: translateY(0);
    opacity: 1;
}
.newsBody.active .newsDate {
    transform: translateX(0) translateY(-50%);
    opacity: 1;
}
.newsBody p {
    font-weight: 600;
    font-size: 1.7rem;
    line-height: 124.53%;
    color: #004366;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    transform: translateY(3rem);
    opacity: 0;
    transition: all .4s .5s linear;
}
.newsDate {
    position: absolute;
    left: 3rem;
    top: 0;
    background-color: #FFFFFF;
    border-radius: 7px;
    font-weight: 700;
    font-size: 1.1rem;
    line-height: 124.53%;
    color: #0057FF;
    display: inline-block;
    padding: 0.634rem 1rem;
    transform: translateY(-50%) translateX(-2rem);
    opacity: 0;
    transition: all .4s .8s linear;
}
.news .seeMore {
    margin-top: 3.2rem;
}
.branches {
    padding: 6.9rem 0 6.2rem;
    background-color: #FFFFFF;
}
.branches>.container {
    display: flex;
    align-items: center;
}
.branchesLeft {
    width: 45%;
}
.branches h1 {
    font-weight: 700;
    font-size: 4rem;
    line-height: 135.53%;
    letter-spacing: 0.01em;
    color: #004366;
    margin-bottom: 2.5rem;
    padding-left: 2.8rem;
}
.branchesTabs {
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
}
.branchesTabs li a {
    font-weight: 600;
    font-size: 2.2rem;
    line-height: 135.53%;
    color: #004366;
    background: #EAF8FF;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    padding: 2rem 0 2rem 2.8rem;
}
.branches li a.inactive:hover {
    opacity: 1;
}
.branchesTabs li a.inactive {
    opacity: 0.7;
    background-color: transparent;
    transition: all .3s;
}
.branchesRight {
    background: #EAF8FF;
    border-radius: 50px;
    padding: 4.4rem 6.9rem;
    width: 55%;
    height: 70rem;
}
.branch {
    width: 100%;
    height: 100%;
    border-radius: 30px;
    overflow: hidden;
}
.branch iframe {
    width: 100%;
    height: 100%;
}
.seoText {
    padding: 2.6rem 0 7.1rem;
}
.seoText h1 {
    font-weight: 700;
    font-size: 3.2rem;
    line-height: 4.4rem;
    color: #004366;
    margin-bottom: 2.4rem
}
.seoText p {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 3.4rem;
    color: #004366B2;
    position: relative;
    margin-bottom: 1.6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.seoContent p:last-child {
    margin-bottom: 0;
}
.seoContent {
    position: relative;
    overflow: hidden;
}
.seoContent::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 10rem;
    left: 0;
    bottom: 0;
    z-index: 2;
    background: linear-gradient(0deg, #F5FBFE 0%, rgba(245, 251, 254, 0) 100%);
    transition: all .3s linear;
}
.seoText button {
    font-weight: 600;
    font-size: 17px;
    line-height: 23px;
    color: #004366;
    padding: 0 0 0.3rem 0;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid rgba(0, 67, 102, 0.2);
    transition: all .3s;
    margin-top: 1.6rem;
}
.seoText button span:last-child {
    display: none;
}
.seoContent.active p {
    overflow: visible;
    text-overflow: unset;
    display: block;
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset;
}
.seoContent.active::after {
    opacity: 0;
}
.seoText button.active span:first-child{
    display: none;
}
.seoText button.active span:last-child{
    display: block;
}
.seoText button:hover {
    border-color: rgb(0, 67, 102);
}
footer {
    background-color: #004366;
    padding: 5.1rem 0 4.9rem;
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
}
.footerTop {
    padding-bottom: 3.1rem;
    border-bottom: 1.17446px solid rgba(181, 181, 181, 0.2);
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.footerTop>a {
    font-weight: 600;
    font-size: 1.73rem;
    line-height: 145%;
    text-align: center;
    letter-spacing: -0.03em;
    color: rgba(255, 255, 255, .8);
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 1rem;
    padding: 1.1rem 2.2rem;
    border-radius: 30px;
    border: 1px solid rgba(221, 221, 222, 0.8);
    transition: all .3s;
    height: 4.7rem;
}
.footerTop>a:hover {
    color: #FFFFFF;
    border-color: rgb(221, 221, 222);
}
.footerSocials ul {
    display: flex;
    align-items: center;
    column-gap: 4.5rem;
}
.footerSocials ul li {
    position: relative;
}
.footerSocials ul li::after {
    content: '';
    position: absolute;
    right: -2.25rem;
    width: 1px;
    background-color: #FFFFFF;
    opacity: 0.1;
    height: 2.837rem;
    top: 50%;
    transform: translateY(-50%);
}
.footerSocials ul li:last-child::after {
    display: none;
}
.footerSocials path {
    transition: all .3s;
}
.footerSocials a:hover path {
    opacity: 1;
}
.footer {
    padding: 4.6rem 0 3.6rem;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    border-bottom: 1.17446px solid rgba(181, 181, 181, 0.2);
}
.footer ul {
    display: flex;
    flex-direction: column;
    row-gap: 1.2rem;
}
.footer ul li:first-child a {
    font-weight: 700;
    font-size: 2rem;
    line-height: 2.7rem;
    margin-bottom: 0.4rem;
    opacity: 1;
    text-transform: uppercase;
}
.footer ul li a {
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 2.5rem;
    color: #FFFFFF;
    opacity: 0.7;
    transition: all .3s;
}
.footer ul li a:hover {
    opacity: 1;
}
.copyright {
    padding-top: 2.5rem;
    display: flex;
    justify-content: center;
}
.copyright>a:first-child {
    font-weight: 600;
    font-size: 1.2rem;
    line-height: 135%;
    letter-spacing: 0.1em;
    color: #FFFFFF;
    margin-right: 0.5rem;
    transition: all .3s;
    opacity: 0.8;
}
.copyright>a:first-child:hover {
    opacity: 1;
}

.copyright>span:nth-child(2) {
    font-weight: 600;
    font-size: 1.2rem;
    line-height: 135%;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #FFFFFF;
    opacity: 0.45;
    margin-right: 1.2rem;
}
.copyright>div {
    display: flex;
    align-items: center;
    column-gap: 0.5rem;
}
.copyright>div>span {
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 135%;
    letter-spacing: 0.1em;
    color: #FFFFFF;
    opacity: 0.45;
}
.copyright>div>a {
    font-weight: 600;
    font-size: 1.2rem;
    line-height: 135%;
    letter-spacing: 0.1em;
    color: #FFFFFF;
    position: relative;
    transition: all .4s ease-in-out;
}
.copyright>div>a::before {
    left: 50%;
}

.copyright>div>a::after {
    right: 50%;
}

.copyright>div>a::before,
.copyright>div>a::after {
    content: '';
    position: absolute;
    bottom: -0.3rem;
    height: 0.15rem;
    width: 0%;
    background-color: #ffffff;
    transition: all .4s ease-in-out;
}

.copyright>div>a:hover {
    color: #ffffff;
}

.copyright>div>a:hover::before,
.copyright>div>a:hover::after {
    width: 50%;
}
.breadcrumb {
    padding-top: 1.6rem;
}
.breadcrumb ul {
    display: flex;
    align-items: center;
    column-gap: 1rem;
}
.breadcrumb ul li a {
    font-weight: 600;
    font-size: 1.1rem;
    line-height: 152.5%;
    letter-spacing: -0.01em;
    color: #004366;
    display: flex;
    align-items: center;
    column-gap: 1rem;
    opacity: 0.8;
    transition: all .3s;
}
.breadcrumb ul li a:hover {
    opacity: 1;
}
.breadcrumb ul li:last-child a {
    font-weight: 500;
    letter-spacing: -0.01em;
    color: #a7a7a7;
    opacity: 1;
    pointer-events: none;
}
.breadcrumb ul li:last-child a svg{
    display: none;
}
.aboutTop {
    padding: 5rem 0 12.4rem;
}
.aboutTop>.container{
    flex-direction: row-reverse;
}
.aboutTop>.container>div:first-child {
    padding-right: 0;
}
.aboutTop>.container>div:last-child {
    padding-right: 9rem;
}
.aboutTop .imgContainer{
    transform: translateX(3rem);
    opacity: 0;
    transition: all .5s 1.2s linear;
}
.aboutTop .imgContainer.active{
    transform: translateX(0);
    opacity: 1;
}
.aboutVideo .videoContainer {
    height: 62rem;
    border-radius: 30px;
    overflow: hidden;
    position: relative;
}
.aboutVideo .videoContainer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #777777;
    mix-blend-mode: multiply;
    opacity: 0.5;
    z-index:2;
}
.aboutVideo .videoContainer img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .6s;
}
.aboutVideo .videoContainer:hover img {
    scale: 1.05;
}
.aboutVideo button {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    background: #FFFFFF;
    opacity: 0.5;
    width: 10rem;
    height: 10rem;
    border-radius: 50%;
    padding: 0;
    border: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.carousel__button[title='Toggle zoom level'],
.carousel__button[title='Toggle slideshow'],
.carousel__button[title='Toggle thumbnails'],
.fancybox__thumbs,
.carousel__button[title='Toggle full-screen mode']{
    display: none;
}
.fancybox__backdrop {
    background-color: rgba(0, 67, 102, .8);
}
.fancybox__counter {
    display: none;
}
.ourHistory {
    padding: 8rem 0;
}
.ourHistory>.container {
    display: flex;
    flex-direction: column;
    row-gap: 4.2rem;
}
.ourHistory .container>div {
    padding: 5.4rem 13.7rem 5.4rem 7rem;
    background-color: #eff6fa;
    border-radius: 30px;
    transition: all .5s 0.4s linear;
}
.ourHistory h3 {
    font-weight: 700;
    font-size: 4rem;
    line-height: 124.4%;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #004366;
    margin-bottom: 1rem;
}
.ourHistory p {
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 144.4%;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #004366;
    opacity: 0.7;
}
.aboutBottom {
    padding-bottom: 12rem;
}
.aboutBottom .container>div:first-child{
    padding-right: 0;
    position: relative;
}
.aboutBottom .container>div:last-child{
    padding-left: 8rem;
    position: relative;
}
.aboutBottom p {
    width: 80%;
}
.aboutBottom span {
    font-weight: 600;
    font-size: 2rem;
    line-height: 124.53%;
    color: #004366;
}
.blockquote {
    position: absolute;
    top: -22rem;
    right: 2rem;
    font-weight: 400;
    font-size: 22.36rem !important;
    line-height: 95%;
    letter-spacing: -0.03em;
    color: #0057FF;
    opacity: 0.5;
    transform: rotate(180deg);
    display: none;
}
.servicesPage {
    padding: 5rem 0 12rem;
}
.servicesPage h1 {
    font-weight: 700;
    font-size: 4rem;
    line-height: 124.4%;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #004366;
    margin-bottom: 1.4rem;
}
.services {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}
.services>div {
    width: calc(100%/3);
    padding: 1rem;
}
.services>div a,
.otherCourses>div a {
    position: relative;
    height: 40rem;
    border-radius: 25px;
    overflow: hidden;
    background-size: 100%;
}
.services>div a span,
.otherCourses>div a span{
    position: absolute;
    top: 4.7rem;
    left: 4.3rem;
    font-weight: 700;
    font-size: 3.2rem;
    line-height: 109%;
    letter-spacing: 0.02em;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #FFFFFF;
    width: 50%;
}
.services>div a img,
.otherCourses>div a img {
    transition: all .3s;
    position: absolute;
    left: 50%;
    bottom: 2rem;
    transform: translateX(-50%) scale(1);
    width: 50%;
}
.services>div a:hover img,
.otherCourses>div a:hover img {
    transform: translateX(-50%) scale(1.08);
}
.serviceDetailPage {
    padding-top: 2.1rem;
}
.serviceBanner {
    height: 35rem;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

.serviceBanner .container {
    height: 100%;
    display: flex;
    align-items: center;
}
.serviceBanner .imgContainer {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 3rem;
    z-index: 3;
    height: 100%;
}
.serviceBanner .imgContainer img {
    height: 100%;
}
.serviceBanner h1 {
    font-weight: 700;
    font-size: 6rem;
    line-height: 117%;
    letter-spacing: 0.02em;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #FFFFFF;
    margin-left: 4rem;
    width: min-content;
    z-index: 2;
}
.serviceDetailContent {
    padding: 6rem 0 12rem;
}
.serviceDetailContent h2 {
    font-weight: 700;
    font-size: 4rem;
    line-height: 113.9%;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #004366;
    margin-bottom: 2.4rem;
}
.serviceDetailContent p {
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 2.5rem;
    letter-spacing: 0.01em;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #004366;
    opacity: 0.7;
    margin-bottom: 1.6rem;
    width: 70%;
}
.serviceDetailContent h3 {
    font-weight: 700;
    font-size: 2.4rem;
    line-height: 113.9%;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #004366;
    margin-top: 2rem;
    margin-bottom: 2.2rem;
}
.serviceDetailContent ul {
    display: flex;
    /*flex-direction: column;*/
    flex-wrap: wrap;
    margin-bottom: 3rem;
    row-gap: 1.5rem;

}
ul + .register {
    margin-top: 6.9rem;
}
.serviceDetailContent ul div {
    display: flex;
    flex-direction: column;
    row-gap: 1.5rem;
}
.serviceDetailContent ul li {
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    letter-spacing: 0.01em;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #004366;
    padding-left: 4.5rem;
    position: relative;
    opacity: 0.7;
    width: 34%;
    padding-right: 2rem;
}
.serviceDetailContent ul li::before {
    content: '';
    position: absolute;
    width: 2.3rem;
    height: 2px;
    background-color: #0057FF;
    opacity: 0.5;
    border-radius: 10rem;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.serviceDetailContent .aboutVideo {
    margin-top: 6rem;
    margin-bottom: 11rem;
}
.gallery {
    padding-bottom: 17.4rem;
}
.galleryContent {
    position: relative;
}
.gallerySwiper {
    position: unset !important;
}
.gallerySwiper .swiper-slide a {
    height: 32rem;
    border-radius: 25px;
    overflow: hidden;
    position: relative;
}
.gallerySwiper .swiper-slide a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #777777;
    mix-blend-mode: multiply;
    opacity: 0.5;
}
.gallerySwiper .swiper-slide a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.gallerySwiper .swiper-button-next::after,
.gallerySwiper .swiper-button-prev::after {
    content: '';
}
.gallerySwiper .swiper-button-next,
.gallerySwiper .swiper-button-prev {
    width: 3.8rem;
    height: 3.8rem;
    border-radius: 50%;
    background: #FFFFFF;
    box-shadow: -3px 4px 7px rgba(119, 119, 119, 0.08);
    display: flex;
    justify-content: center;
    align-items: center;
}
.gallerySwiper .swiper-button-next {
    right: -5rem;
}
.gallerySwiper .swiper-button-prev {
    left: -5rem;
}
.register {
    display: flex;
    border-radius: 30px;
    background-color: #EFF6FA;
    overflow: hidden;
    margin-bottom: 12rem;
}
.registerImg {
    position: relative;
    height: 56.8rem;
    width: 40%;
    overflow: hidden;
    border-radius: 30px;
}
.registerImg::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #024568;
    mix-blend-mode: multiply;
    opacity: 0.5;
    z-index: 1;
}
.registerImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.registerImg img:last-child {
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: auto;
    height: auto;
    object-fit: unset;
}
.registerForm {
    width: 60%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.registerForm>div {
    width: 55%;
}
.registerForm h2 {
    font-weight: 700;
    font-size: 4rem;
    line-height: 127.4%;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #0057FF;
    margin-bottom: 1.2rem;
}
.registerForm p {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.2rem;
    letter-spacing: 0.01em;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #004366;
    opacity: 0.6;
    margin-bottom: 2.2rem;
}
.registerForm form {
    display: flex;
    flex-direction: column;
    row-gap: 1.6rem;
}
.registerForm form input {
    background: #F5FCFF;
    border-radius: 50px;
    height: 5.4rem;
    border: none;
    padding: 0 3.6rem;
    font-weight: 600;
    font-size: 1.4rem;
    line-height: 113.9%;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #004366;
}
.registerForm form input::placeholder {
    color: rgba(0, 67, 102, .6);
}
.registerForm form button {
    height: 5.4rem;
    background: #0057FF;
    border-radius: 50px;
    border: none;
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 113.9%;
    text-align: center;
    text-transform: uppercase;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #FFFFFF;
    margin-top: 0.8rem;
    transition: all .3s;
}
.registerForm form button:hover {
    background-color: #006599;
}
.registerForm form button:active {
    background-color: #024568;
}
.branches+.container {
    padding-top: 8rem;
}
.otherCourses>div {
    display: flex;
    justify-content: space-between;
}
.otherCourses>div a {
    width: 32%;
}
.ourSuccessCard {
    height: 49.2rem;
    padding: 4.6rem 5rem 0;
    border: 1px solid rgba(0, 134, 204, 0.2);
    border-radius: 15px;
    transition: all .3s;
}
.ourSuccessCard:hover {
    border-color: rgba(0, 134, 204, 1);
}
.ourSuccessImg {
    width: 100%;
    height: 27.1rem;
    overflow: hidden;
    border-radius: 10px;
    position: relative;
    margin-bottom: 1.4rem;
}
.ourSuccessImg::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #777777;
    mix-blend-mode: multiply;
    opacity: 0.5;
    z-index: 2;
}
.ourSuccessImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .4s linear;
    z-index: 1;
}
.ourSuccessCard:hover img {
    transform: scale(1.1);
}
.ourSuccessCard h4 {
    font-weight: 600;
    font-size: 2.4rem;
    line-height: 124.53%;
    color: #004366;
    margin-bottom: 0.2rem;
}
.ourSuccessCard p {
    font-weight: 400;
    font-size: 1.3rem;
    line-height: 124.53%;
    color: #004366;
    opacity: 0.5;
    margin-bottom: 1.3rem;
}
.ourSuccessCard>span {
    font-weight: 800;
    font-size: 4rem;
    line-height: 135.53%;
    letter-spacing: 0.01em;
    color: #004366;
}
.ourSuccessCard>span>span {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 124.53%;
    color: #004366;
    opacity: 0.5;
}
.commentsPage h1 {
    margin-bottom: 1.2rem;
}
.commentsPage>.container>p {
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 2.5rem;
    letter-spacing: 0.01em;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #004366;
    opacity: 0.6;
    margin-bottom: 6rem;
    width: 60%;
}
.commentsPage h2 {
    font-weight: 700;
    font-size: 3.2rem;
    line-height: 124.4%;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #004366;
    margin-bottom: 4rem;
}
.videosPage .comments {
    row-gap: 13.4rem;
}
.comments {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    row-gap: 6.37rem;
}
.comments>div {
    padding: 0 1rem;
    width: calc(100%/3);
}
.commentCard {
    border: 1.5px solid rgba(0, 134, 204, 0.2);
    border-radius: 25px;
    transition: all .3s;
}
.commentCard:hover {
    border-color: rgba(0, 134, 204, 1);
}
.commentCard iframe {
    transition: all .3s ease;
}
.commentCard:hover img,
.commentCard:hover iframe {
    transform: scale(1.1);
}
.commentImg {
    height: 32.8rem;
    overflow: hidden;
    border-radius: 25px;
    transform: scaleX(1.01) scaleY(1.02);
    z-index: 1;
    position: relative;
}
.commentImg img,
.commentImg iframe {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .4s linear;
    position: relative;
    z-index: 1;
}
.commentImg::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #777777;
    mix-blend-mode: multiply;
    opacity: 0.6;
    z-index: 2;
}
.commentImg button,.newsImg button {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    padding: 0;
    border: none;
    background: #FFFFFF;
    opacity: 0.5;
    width: 6.5rem;
    height: 6.5rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 3;
}
.commentBody {
    padding: 1.65rem 2.3rem 4.1rem 2.8rem;
}
.commentBody span {
    font-weight: 600;
    font-size: 1.2rem;
    line-height: 124.53%;
    color: #0057FF;
    margin-bottom: 1.1rem;
    display: block;
}
.commentBody p {
    font-weight: 600;
    font-size: 1.7rem;
    line-height: 124.53%;
    color: #004366;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.comments .newsCard {
    width: 100%;
}
.comments .newsImg {
    height: 21.4rem;
    position: relative;
}
/*.comments .newsImg button {*/
/*    top: 10.5rem;*/
/*    transform: translate(-50%,0);*/
/*}*/
.newsContent {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    row-gap: 6.37rem;
}
.newsContent>div {
    width: calc(100%/3);
    padding: 0 1rem;
}
.newsContent .newsCard {
    width: 100%;
}
.newsDetailTop {
    padding-top: 3rem;
    padding-bottom: 4rem;
}
.newsDetailTop .container {
    display: flex;
}
.newsDetailLeft {
    width: 50%;
}
.newsDetailImg {
    height: 63.9rem;
    overflow: hidden;
    width: 100%;
    border-radius: 25px;
    position: sticky;
    top: 2rem;
}
.newsDetailImg::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #777777;
    mix-blend-mode: multiply;
    opacity: 0.5;
}
.newsDetailImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.newsDetailRight {
    width: 50%;
    padding-left: 8rem;
}
.newsDetailRight span{
    display: flex;
    column-gap: 1.5rem;
    align-items: center;
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 148%;
    letter-spacing: -0.02em;
    color: #0057FF;
    opacity: 0.8;
    margin-bottom: 1.6rem;
}
.newsDetailRight h1 {
    font-weight: 700;
    font-size: 3.2rem;
    line-height: 124.4%;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #004366;
    margin-top: 1rem;
    width: 80%;
    margin-bottom: 2.4rem;
}
.newsDetailRight p {
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 144.4%;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #004366;
    opacity: 0.7;
    margin-bottom: 2rem;
}
.newsDetailRight ol {
    display: flex;
    flex-direction: column;
    row-gap: 2rem;
}
.newsDetailRight li {
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 144.4%;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #004366;
    opacity: 0.7;
}
.newsDetailTop+.serviceDetailContent>.container h3:first-child {
    margin-top: 0;
}
.newsDetailTop+.serviceDetailContent ul {
    padding-left: 9rem;
    margin-top: 3rem;
}
.newsDetailTop+.serviceDetailContent .gallery {
    padding-bottom: 13rem;
}
.otherNews>div {
    display: flex;
    justify-content: space-between;
}
.otherNews .newsCard {
    width: 32%;
}
.newsShare {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 4.4rem;
    margin-bottom: 9rem;
}
.newsShare>span {
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 113.9%;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #0057FF;
    opacity: 0.7;
    transition: all .3s;
}
.newsShare:hover>span {
    opacity: 1;
}
.newsShare>div {
    display: flex;
    align-items: center;
    column-gap: 3.2rem;
}
.newsShare>div a,
.newsShare>div button {
    border: 1px solid rgba(0, 134, 204, 0.1);
    border-radius: 40px;
    transition: all .3s;
    width: 7.2rem;
    height: 4.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    position: relative;
}
.newsShare>div a path,
.newsShare>div button path {
    transition: all .3s;
}
.newsShare>div a:hover,
.newsShare>div button:hover {
    border-color: rgba(0, 134, 204, 1);
}
.newsShare>div a:hover path,
.newsShare>div button:hover path{
    opacity: 1;
}
.newsShare>div a::after {
    content: '';
    position: absolute;
    top: 50%;
    right: -1.6rem;
    transform: translateY(-50%);
    width: 1px;
    height: 2.3rem;
    background-color: rgba(0, 134, 204, 0.15);
    opacity: 0.4;
}
.copyLink span {
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 113.9%;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #0057FF;
    position: absolute;
    width: max-content;
    bottom: -4rem;
    display: none;
}
.contactPage {
    padding-bottom: 7.2rem;
}
.address {
    padding-top: 3.2rem;
    padding-bottom: 6.4rem;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    row-gap: 4rem;
}
.address>div {
    width: calc(100%/3);
}
.address a {
    display: flex;
    align-items: center;
    column-gap: 1.7rem;
    transition: all .3s;
}
.address a span:first-child {
    border: 1px solid rgba(0, 134, 204, .2);
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .3s;
}
.address a span:last-child {
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 147.53%;
    letter-spacing: 0.02em;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #004366;
    opacity: 0.9;
    width: 40%;
    transition: all .3s;
}
.address a g,.address a svg {
    transition: all .3s;
}
.address a:hover span:first-child {
    border-color: rgba(0, 134, 204, 1);
}
.address a:hover span:last-child {
    opacity: 1;
}
.address a:hover g {
    opacity: 1;
}
.address a:hover svg {
    transform: translateY(-0.2rem);
}
.contact {
    padding: 4.7rem 0 4.8rem;
}
.contact>.container {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    h3 {
        width: 100%;
        text-align: center;
        font-weight: 700;
            font-size: 4rem;
            line-height: 124.4%;
            font-feature-settings: "pnum" on, "lnum" on;
            color: #004366;
            margin-bottom: 2.4rem;
    }
}
.contactLeft {
  width: 100%;
  position: relative;
  margin: 0 auto;
}
.contact .registerForm {
  width: 52%;
  padding-left: 16rem;
  padding-right: 8rem;
  display: none;
}
.contact .registerForm > div {
  width: 100%;
}
.contactLeft .imgContainer {
  overflow: hidden;
  border-radius: 30px;
  position: relative;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.contactLeft .imgContainer::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #08547c;
  mix-blend-mode: multiply;
  opacity: 0.7;
}
.contactLeft .imgContainer img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.contacts {
  left: 0;
  top: 0;
  display: flex;
  row-gap: 4.9rem;
  column-gap: 4rem;
  flex-wrap: wrap;
  padding: 9rem 6rem;
  position: relative;
  z-index: 3;
  background-color: #EFF6FA;
  border-radius: 15px;
}
.contacts > div {
  display: flex;
  flex-direction: column;
  row-gap: 1.6rem;
  width: calc(50% - 2rem);
}
.contacts span {
  font-weight: 600;
  font-size: 2rem;
  line-height: 164.03%;
  letter-spacing: 0.01em;
  font-feature-settings:
    "pnum" on,
    "lnum" on;
  color: #004366;
  opacity: 0.8;
}
.contacts a {
  border: 1px solid #00436625;
  border-radius: 30px;
  height: 5.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 1rem;
  font-weight: 600;
  font-size: 2.2rem;
  line-height: 145%;
  text-align: center;
  letter-spacing: -0.03em;
  color: #004366;
  transition: all 0.3s;
  width: 70%;
}
.contacts a path {
    fill: #004366;
}
.contacts a:hover {
  border-color: #004366;
}
.contact .registerForm h2 {
  font-weight: 700;
  font-size: 3.2rem;
  line-height: 124.4%;
  font-feature-settings:
    "pnum" on,
    "lnum" on;
  color: #004366;
}
.contact .registerForm p {
  font-size: 1.5rem;
  line-height: 2rem;
  margin-bottom: 3.4rem;
}
.contact .registerForm form button {
  margin-top: 2.4rem;
}
.contactLinks {
  margin-top: 3.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 2.4rem;
}
.contactLinks a {
  border: 1px solid rgba(0, 134, 204, 0.1);
  border-radius: 40px;
  width: 5.8rem;
  height: 4.3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
}
.contactLinks a path {
  transition: all 0.3s;
}
.contactLinks a:hover {
  border-color: rgba(0, 134, 204, 1);
}
.contactLinks a:hover path {
  opacity: 1;
}

@media (max-width: 768px) {
  .contactLeft {
    position: relative;
    width: 100%;
    margin-bottom: 4rem;
  }
  .contactLeft .imgContainer {
    width: 100%;
    height: 100% !important;
  }
  .contacts {
    padding: 4rem 2.4rem;
    width: 100% !important;
    a {
        width: 100%;
    }
  }
  .contacts > div {
    width: 100%;
  }
}
.branchesContent {
    display: flex;
    align-items: flex-start;
    padding-top: 1.6rem;
}
.branchLeft {
    width: 24%;
    display: flex;
    flex-direction: column;
    row-gap: 3.2rem;
}
.branchCard {
    width: 100%;
}
.branchCard.active {
    pointer-events: none;
}
.branchCard.active>a {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.branchCard.active>a svg {
    transform: rotate(180deg);
}
.branchCard.active>div {
    display: flex;
}
.branchCard>a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.8rem 2.4rem 1.8rem 3.6rem;
    background: #EFF6FA;
    border-radius: 20px;
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 147.53%;
    letter-spacing: 0.02em;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: rgba(0, 144, 218, .9);
    transition: all .3s;
}
.branchCard>a:hover {
    color: rgba(0, 144, 218, 1);
    background-color: #e8eff4;
}
.branchCard>a:active {
    background-color: #e0e7ec;
}
.branchCard>div {
    background-color: #EFF6FA;
    padding: 0.5rem 2.4rem 2.7rem 3.6rem;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    display: none;
    flex-direction: column;
    row-gap: 1.2rem;
}
.branchCard>div>* {
    display: flex;
    align-items: center;
    column-gap: 2.4rem;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.2rem;
    font-feature-settings: 'pnum' on, 'lnum' on, 'liga' off, 'kern' off;
    color: #004366;
}
.branchRight {
    padding-left: 8.5rem;
    width: 76%;
}
.branchRight iframe {
    border-radius: 50px;
    height: 56.5rem;
    width: 100%;
}
.errorPage {
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #D9EFFF;
}
.errorPage>div {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.errorPage img {
    margin-bottom: 7.6rem;
}
.errorPage>div p {
    font-weight: 800;
    font-size: 3.2rem;
    line-height: 113.4%;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #3396FF;
    margin-bottom: 4.6rem;
}
.errorPage>div a {
    font-weight: 800;
    font-size: 1.8rem;
    line-height: 113.4%;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #3396FE;
    padding: 1.3rem 5.8rem 1.4rem;
    border-radius: 5rem;
    background-color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
}
.examResults .container {
    background: #EFF6FA;
    border-radius: 30px;
    padding-top: 6.3rem;
    padding-bottom: 9.2rem;
    margin-top: 4.9rem;
    margin-bottom: 12rem;
}
.examResults h1 {
    font-weight: 700;
    font-size: 4rem;
    line-height: 124.4%;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #0057FF;
    text-align: center;
}
.checkResults {
    width: 40.7rem;
    margin: 5.4rem auto 0;
}
.checkResults input {
    width: 100%;
    height: 5.4rem;
    background: #F5FCFF;
    border-radius: 50px;
    border: none;
    padding: 0 3.2rem;
    font-weight: 600;
    font-size: 1.4rem;
    line-height: 113.9%;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #004366;
    margin-bottom: 2.8rem;
}
.checkResults input::placeholder {
    color: rgba(0, 67, 102, 0.6);
}
.checkResults button {
    width: 100%;
    height: 5.4rem;
    background: #0057FF;
    border-radius: 50px;
    border: none;
    margin-top: 4.4rem;
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 113.9%;
    text-transform: uppercase;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #FFFFFF;
    transition: all .3s;
}
.checkResults button:hover {
    background-color: #006599;
}
.checkResults button:active {
    background-color: #024568;
}
.examResults h3{
    font-weight: 700;
    font-size: 2.4rem;
    line-height: 147.53%;
    letter-spacing: 0.02em;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #004366;
    opacity: 0.9;
    text-align: center;
    margin-top: 2.5rem;
}
.examResults {
  background-color: rgba(239, 246, 250, 1);
  border-radius: 3rem 3rem 0 0;
}
.examResults .container {
  background: #eff6fa;
  border-radius: 30px;
  padding-top: 6.3rem;
  margin-top: 4.9rem;
}
.examResults h1 {
  font-weight: 700;
  font-size: 4rem;
  line-height: 124.4%;
  font-feature-settings: "pnum" on, "lnum" on;
  color: #0057FF;
  text-align: center;
  margin-bottom: 5.3rem;
}
.examTop {
  margin-bottom: 1.6rem;
  display: flex;
  align-items: center;
}
.examTop span:first-child {
  color: #0057FF;
  font-variant-numeric: lining-nums proportional-nums;
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 700;
  line-height: 147.533%; /* 3.5408rem */
  letter-spacing: 0.048rem;
  width: 10%;
}
.examTop span:last-child {
  color: #004366;
  font-variant-numeric: lining-nums proportional-nums;
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 147.533%; /* 2.9507rem */
  letter-spacing: 0.04rem;
}
.studentData {
  display: flex;
  column-gap: 22.3rem;
  padding-top: 0.8rem;
  padding-bottom: 8.4rem;
}
.studentData > div {
  display: flex;
  flex-direction: column;
  row-gap: 2.4rem;
}
.studentData > div > div {
  width: 44.5rem;
  height: 7rem;
  display: flex;
  align-items: center;
  border-radius: 2rem;
  background-color: rgba(255, 255, 255, 0.6);
  position: relative;
}
.studentData > div > div::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 2.8rem;
  width: 1px;
  background-color: rgba(122, 187, 221, 0.3);
}
.studentData > div > div > span {
  width: 50%;
}
.studentData > div > div > span:first-child {
  color: #004366;
  font-variant-numeric: lining-nums proportional-nums;
  font-size: 2.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 147.533%; /* 3.2457rem */
  letter-spacing: 0.044rem;
  padding-left: 4.3rem;
  opacity: 0.9;
}
.studentData > div > div > span:last-child {
  color: #004366;
  font-variant-numeric: lining-nums proportional-nums;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 700;
  line-height: 147.533%; /* 2.6556rem */
  letter-spacing: 0.036rem;
  opacity: 0.7;
  padding-left: 6.9rem;
}
.results {
  display: flex;
  flex-direction: column;
  row-gap: 2.4rem;
  padding-bottom: 6rem;
}
.resultsTop {
  margin-bottom: 0.4rem;
  height: 7.3rem;
  border-radius: 2rem;
  background: #006599;
  display: flex;
  align-items: center;
}
.resultsTop span {
  color: #fff;
  font-variant-numeric: lining-nums proportional-nums;
  font-size: 2.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 147.533%; /* 3.2457rem */
  letter-spacing: 0.044rem;
  text-align: center;
  position: relative;
}
.resultsTop span:first-child {
  width: 15%;
}
.resultsTop span:nth-child(2) {
  width: 35%;
}
.resultsTop span:nth-child(3) {
  width: 25%;
}
.resultsTop span:last-child {
  width: 25%;
}
.resultsTop span:not(:last-child)::after,
.marksTop span:not(:last-child)::after {
  content: "";
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
  height: 2.8rem;
  width: 1px;
  background-color: rgba(255, 255, 255, 0.6);
}
.resultData {
  display: flex;
  align-items: center;
  border-radius: 2rem;
  background-color: rgba(255, 255, 255, 0.6);
  padding: 3.5rem 0;
}
.resultData > span {
  color: #004366;
  font-variant-numeric: lining-nums proportional-nums;
  font-family: Nunito;
  font-size: 2.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 147.533%; /* 3.2457rem */
  letter-spacing: 0.044rem;
  opacity: 0.9;
  padding-left: 3.9rem;
  width: 15%;
}
.resultData > div:nth-child(2) {
  display: flex;
  flex-direction: column;
  row-gap: 2.6rem;
  width: 35%;
}
.resultData > div:nth-child(3) {
  display: flex;
  flex-direction: column;
  row-gap: 2.6rem;
  width: 25%;
}
.resultData > div:nth-child(2) > div,
.resultData > div:nth-child(3) > div {
  display: flex;
  align-items: center;
  column-gap: 2.5rem;
}
.resultData > div:nth-child(2) > div > div,
.resultData > div:nth-child(3) > div > div {
  display: flex;
  align-items: center;
}
.resultData > div:nth-child(2) > div > div span,
.resultData > div:nth-child(3) > div > div span {
  color: #004366;
  font-variant-numeric: lining-nums proportional-nums;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 700;
  line-height: 147.533%; /* 2.6556rem */
  letter-spacing: 0.036rem;
}
.resultData > div:nth-child(3) > div:first-child > div span::before,
.resultData > div:nth-child(3) > div:nth-child(2) > div span::before,
.resultData > div:nth-child(4) span::before {
  content: "|";
}
.resultData:nth-child(odd) {
  background-color: rgba(132, 175, 198, 0.1);
}

.resultData > div:nth-child(4) {
  display: flex;
  justify-content: center;
  width: 25%;
}
.resultData > div:nth-child(4) span {
  color: #004366;
  font-variant-numeric: lining-nums proportional-nums;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 700;
  line-height: 147.533%; /* 2.6556rem */
  letter-spacing: 0.036rem;
}
.marks {
  padding-bottom: 12rem;
  display: flex;
  flex-direction: column;
  row-gap: 2.4rem;
}

.marksTop {
  display: flex;
  margin-bottom: 0.5rem;
  height: 7.3rem;
  align-items: center;
  border-radius: 2rem;
  background: #006599;
}
.marksTop span {
  color: #fff;
  font-variant-numeric: lining-nums proportional-nums;
  font-size: 2.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 147.533%; /* 3.2457rem */
  letter-spacing: 0.044rem;
  text-align: center;
  position: relative;
}
.marksTop span:nth-child(2),
.marksData span:nth-child(2) {
  width: 15%;
}
.marksTop span:not(:nth-child(2)),
.marksData span:not(:nth-child(2)) {
  width: calc(85% / 6);
}
.marksData {
  border-radius: 2rem;
  background-color: rgba(255, 255, 255, 0.6);
  height: 7rem;
  display: flex;
  align-items: center;
}
.marksData span {
  color: #004366;
  font-variant-numeric: lining-nums proportional-nums;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 700;
  line-height: 147.533%; /* 2.6556rem */
  letter-spacing: 0.036rem;
  text-align: center;
}
.marksData:nth-child(odd) {
  background-color: rgba(226, 238, 244, .6);
}
.total {
  background-color: rgba(33, 158, 100, 1) !important;
}
.total span {
  color: #fff;
}

.calcForm {
    margin-top: 5.4rem;
    display: flex;
    flex-direction: column;
    row-gap: 3.4rem;
}
.calcForm .inputGroup {
    display: flex;
    column-gap: 5.3rem;
    justify-content: center;
}
.calcForm .inputGroup label {
    width: 30.7rem;
    background: rgb(255, 255, 255, .6);
    border-radius: 20px;
    height: 6.1rem;
    font-weight: 700;
    font-size: 2rem;
    line-height: 147.53%;
    letter-spacing: 0.02em;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: rgb(0, 67, 102, .9);
    display: flex;
    justify-content: center;
    align-items: center;
}
.calcForm .inputGroup select {
    width: 21.4rem;
    background: rgb(255, 255, 255, .6);
    border-radius: 20px;
    height: 6.1rem;
    border: none;
    appearance: none;
    font-weight: 700;
    font-size: 2rem;
    line-height: 147.53%;
    letter-spacing: 0.02em;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: rgb(0, 67, 102, .9);
    padding-left: 3.4rem;
    background-repeat: no-repeat;
    background-position: 85% 50%;
}

.calcForm button {
    background: #0057FF;
    border-radius: 50px;
    width: 23.1rem;
    height: 5rem;
    margin: 0.8rem auto 0;
    border: none;
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 113.9%;
    text-align: center;
    text-transform: uppercase;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #FFFFFF;
    transition: all .3s;
}
.calcForm button:hover {
    background-color: #006599;
}
.calcForm button:active {
    background-color: #024568;
}
.calculatorParent {
    width: 95%;
    margin: 3.7rem auto 0;
}
.calculator>span:first-child {
    background: rgba(255, 255, 255, .6);
    border-radius: 20px;
    display: block;
    height: 6.1rem;
    padding-left: 5.5rem;
    display: flex;
    align-items: center;
    font-weight: 700;
    font-size: 2rem;
    line-height: 147.53%;
    letter-spacing: 0.02em;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: rgba(0, 67, 102, .9);
    margin-bottom: 1.2rem;
}
.calcHeadings {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.6rem;
}
.calcHeadings span {
    width: 10.5%;
    background: rgba(255, 255, 255, .6);
    border-radius: 20px;
    padding: 1.7rem 0.7rem 2.9rem 0.8rem;
    text-align: center;
    font-weight: 600;
    font-size: 1.2rem;
    line-height: 140%;
    text-align: center;
    letter-spacing: -0.02em;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: rgba(0, 67, 102, .9);
}
.calcRow {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.6rem;
}
.calcRow > *, .totalGrade > span{
    width: 10.5%;
    height: 5.7rem;
    border-radius: 20px;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-weight: 600;
    font-size: 1.4rem;
    line-height: 147.53%;
    letter-spacing: 0.02em;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: rgba(0, 67, 102, .9);
    background-color: rgba(255, 255, 255, .6);
    transition: all .3s linear;
}
.calcRow input.error {
  background-color: rgba(240, 100, 100, 0.5);
}
.calcRow input:disabled {
    background: rgba(134, 134, 134, 0.1);
}
.calcRow > :first-child,
.calcRow > :last-child,
.totalGrade > span {
    font-size: 1.2rem;
}
.result {
    background: rgba(0, 134, 204, 0.2);
}
.totalGrade {
    display: flex;
    justify-content: end;
    align-items: center;
    column-gap: 0.9rem;
}
.totalGrade > div {
    background: #0057FF;
    border-radius: 50px;
    height: 5rem;
    padding: 0 3.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 2.2rem;
}
.totalGrade > div span {
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 113.9%;
    text-transform: uppercase;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #FFFFFF;
}
.totalGrade > div :last-child {
    font-size: 2.4rem;
}
.menuBtn, .searchBtn,.menu, .menuLang {
    display: none;
}
.graduation .calcHeadings span {
    width: calc(100%/6 - 1.3rem);
    padding: 1.9rem 1.7rem 2.3rem;
}
.graduation .calcRow *,
.graduation .totalGrade > span {
    width: calc(100%/6 - 1.3rem);
}
#tabs {
  display: flex;
  flex-wrap: wrap;
  row-gap: 1.6rem;
  margin-bottom: 6.6rem;
}
#tabs li a{
  height: 4.8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 4.2rem;
  border: 1px solid #0057FF;
  border-radius: 50px;
  font-size: 18px;
  line-height: 124.4%;
  font-feature-settings: 'pnum' on, 'lnum' on;
  margin-right: 2rem;
  color: #FFFFFF;
  background-color: #0057FF;
  transition: all .3s;
}
#tabs li a.inactive {
  color: #0057FF;
  border-color: rgba(0, 134, 204, 0.2);
  background-color: transparent;
}
#tabs li a:hover {
  background-color: #0057FF;
  color: #FFFFFF;
  border-color: #0057FF;
}
#tabs li a:active {
  background-color: #006599;
}
.tabs-container h3 {
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 124.4%;
  font-feature-settings: 'pnum' on, 'lnum' on;
  color: #004366;
  margin-bottom: 2.4rem;
}
.teachers {
  display: flex;
  flex-wrap: wrap;
  row-gap: 4.6rem;
}
.teacherCard {
  width: calc(100%/3);
}
.teachers .teacherCard:nth-child(3n-2) {
  padding-right: calc(2rem/3 * 2);
}
.teachers .teacherCard:nth-child(3n-1) {
  padding: 0 calc(2rem/3);
}
.teachers .teacherCard:nth-child(3n) {
  padding-left: calc(2rem/3 * 2);
}
.teacherCard>div {
  border: 1px solid rgba(0, 134, 204, 0.2);
  border-radius: 15px;
  padding: 3.1rem 3.7rem 4rem;
  transition: all .3s;
}
.teacherCard>div:hover {
  border-color: rgba(0, 134, 204, 1);
}
.teacherCard>div:hover img{
  transform: scale(1.1);
}
.teacherImg {
  width: 100%;
  height: 35rem;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 1.4rem;
  position: relative;
}
.teacherImg::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #777777;
  mix-blend-mode: multiply;
  opacity: 0.6;
  z-index: 2;
}
.teacherImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .4s;
}
.teacherCard h5 {
  font-weight: 600;
  font-size: 2.4rem;
  line-height: 124.53%;
  color: #0057FF;
  margin-bottom: 0.4rem;
}
.teacherCard span {
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.6rem;
  letter-spacing: 0.01em;
  font-feature-settings: 'pnum' on, 'lnum' on;
  color: rgba(0, 67, 102, 0.5);
  opacity: 0.8;
  margin-bottom: 1.2rem;
  display: block;
}
.teacherCard p {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 121.03%;
  color: rgba(0, 67, 102, 0.85);
  opacity: 0.65;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.disabled {
    background-color: rgba(134, 134, 134, 0.1) !important;
}
#groupname:disabled,
#examType:disabled {
    background-color: rgba(134, 134, 134, 0.1);
    opacity: 1;
}
@media screen and (max-width: 768px) {
    .headerTop,.headerMenu {
        display: none;
    }
    .headerBottom {
        padding-top: 5.2rem;
        padding-bottom: 3rem;
        column-gap: 0;
    }
    .menuBtn {
        width: 20%;
        display: block;
        z-index: 21;
    }
    .menuBtn button{
        padding: 0;
        border: none;
        background-color: transparent;
        display: flex;
        flex-direction: column;
        row-gap: 0.8rem;
        margin: 0;
        position: relative;
        transition: all .3s;
    }
    .menuBtn button span{
        width: 2.9rem;
        border-radius: 1rem;
        display: inline-block;
        background-color: #0057FF;
        position: relative;
        transition: transform .3s;
        height: 2px;
    }
    .menuBtn button::after,
    .menuBtn button::before {
        content: '';
        position: absolute;
        transition: all .3s;
        left: 0;
        width: 100%;
        height: 2px;
        border-radius: 1rem;
        background-color: #0057FF;
    }
    .menuBtn button::before {
        top: -0.9rem;
    }
    .menuBtn button::after {
        bottom: -0.9rem;
    }
    .menuBtn button.active {
        transform: rotate(90deg);
    }
    .menuBtn button.active span {
        opacity: 0;
    }
    .menuBtn button.active::before {
        transform: translate(0,9px) rotate(45deg);
    }
    .menuBtn button.active::after{
        transform: translate(0,-9px) rotate(-45deg);
    }
    .menuLang {
        width: 20%;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        z-index: 21;
    }
    .searchBtn.active {
        display: none;
    }
    .menuLang {
        display: none;
        column-gap: 2.5rem;
    }
    .menuLang a {
        font-weight: 700;
        font-size: 1.6rem;
        line-height: 1.8rem;
        color: #0057FF;
        opacity: 0.7;
        transition: all .3s;
        text-transform: uppercase;
    }
    .menuLang a:hover {
        opacity: 1;
    }
    .menuLang.active {
        display: flex;
    }
    .searchBtn button {
        padding: 0;
        border: none;
        background-color: transparent;
    }
    .logo {
        width: 60%;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 21;
    }
    .logo img {
        width: 5rem;
    }
    /*.landau_logo img {*/
    /*    width: 12rem;*/
    /*}*/
    
    
    .headerBottomRight {
        justify-content: flex-end;
        width: 20%;
        .headerPhone {
            button {
            width: 4.4rem;
            height: 4.4rem;
            border-radius: 50%;
           > span {
                &:first-child {
                    display: none;
                }
                &.icon {
                    display: flex;
                }
            }
            }
        }
    }
    .dropdown {
        width: calc(100vw - 3rem);
    }
    .menuLang.active + .headerBottomRight {

            display: none;
        
    }
    .menu {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background-color: #F5FBFF;
        display: none;
        z-index: 20;
        transform: translateX(-100%);
        transition: all .4s linear;
        padding-top: 14rem;
        overflow: auto;
    }
    .menu>.container {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
        padding: 0 1.95rem;
        row-gap: 6rem;
    }
    .menuBg {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 11rem;
        background-color: #F5FBFF;
        z-index: 21;
        display: none;
    }
    .mobileMenu {
        z-index: 18;
    }
    .menu::-webkit-scrollbar {
        display: none;
    }
    .menu.show {
        display: block;
    }
    .menu.active {
        transform: translateX(0);
    }
    .mobileMenu {
        display: flex;
        flex-direction: column;
        row-gap: 1.2rem;
    }
    .menuLink, .menuLink2 {
        font-weight: 700;
        font-size: 1.8rem;
        line-height: 2.5rem;
        letter-spacing: 0.01em;
        font-feature-settings: 'pnum' on, 'lnum' on;
        color: #004366;
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 5rem;
        padding: 0 2.5rem 0 3.15rem;
        background-color: #FFFFFF;
        border-radius: 30px;
        transition: all .3s;
    }
    .menuLink svg {
        transition: all .3s;
    }
    .menuLink.active {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
    .menuLink.active svg{
        transform: rotate(90deg);
    }
    .mSubMenu {
        padding: 1.2rem 2.5rem 3rem 3.1rem;
        background-color: #FFFFFF;
        border-bottom-left-radius: 30px;
        border-bottom-right-radius: 30px;
        display: none;
    }
    .mSubMenu ul {
        display: flex;
        flex-direction: column;
        row-gap: 2rem;
    }
    .mSubMenu ul li a {
        font-weight: 600;
        font-size: 1.8rem;
        line-height: 124.53%;
        color: #004366;
    }
    .menuSocials {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 4.2rem;
    }
    .menuSocials a {
        border: 1px solid rgba(0, 134, 204, 0.1);
        border-radius: 40px;
        height: 3.856rem;
        width: 6.611rem;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .menuContact {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        padding: 0 1rem 8rem;
    }
    .menuContact>div {
        display: flex;
        flex-direction: column;
        row-gap: 0.6rem;
    }
    .menuContact>div span {
        font-weight: 600;
        font-size: 1rem;
        line-height: 164.03%;
        letter-spacing: 0.01em;
        font-feature-settings: 'pnum' on, 'lnum' on;
        color: #004366;
        opacity: 0.5;
    }
    .menuContact>div a {
        font-weight: 600;
        font-size: 1.4rem;
        line-height: 147.53%;
        letter-spacing: 0.02em;
        font-feature-settings: 'pnum' on, 'lnum' on;
        color: #004366;
        opacity: 0.9;
        width: 70%;
    }
    .search {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 22;
        padding: 3rem 1.9rem;
        background-color: #FFFFFF;
        display: none;
        width: 100%;
    }
    .search.hide {
        display: none;
    }
    .search.active {
        display: block;
    }
    .searchResults {
        left: 0;
        top: 8rem;
        margin-top: 0;
        box-shadow: none;
        width: 100vw;
    }
    footer {
        padding: 4rem 0;
        border-top-left-radius: 30px;
        border-top-right-radius: 30px;
    }
    .footerTop {
        flex-wrap: wrap;
        row-gap: 2.5rem;
        padding-bottom: 3.9rem;
    }
    .footerTop>a {
        width: 47%;
        font-size: 1.3rem;
        column-gap: 0.5rem;
        padding: 0;
        height: 3.7rem;
    }
    .footerTop>a svg {
        width: 14px;
        height: 14px;
    }
    .footerSocials {
        width: 100%;
    }
    .footerSocials ul {
        column-gap: 2rem;
        padding-inline: 3.2rem;
        justify-content: space-between;
    }
    .footerSocials ul li::after {
        display: none;
    }
    .footerSocials ul svg {
        width: 2.4rem;
        height: 2.4rem;
    }
    .footer {
        flex-wrap: wrap;
        justify-content: flex-start;
        row-gap: 4rem;
        padding: 3rem 0;
    }
    .footer>ul {
        width: 50%;
        row-gap: 1rem;
    }
    .footer ul li:first-child a {
        font-size: 1.8rem;
        line-height: 2.4rem;
    }
    .footer ul li a {
        font-size: 1.6rem;
        line-height: 2.2rem;
    }
    .copyright {
        flex-wrap: wrap;
        row-gap: 1rem;
        justify-content: space-around;
    }
    .copyright>span {
        margin: 0 !important;
    }
    .copyright>div {
        width: 100%;
        justify-content: center;
    }
    .bannerSwiper {
        border-radius: 1.5rem;
    }
    .bannerSwiper .swiper-slide {
        height: 15rem;
    }
    .banner .swiper-slide a {
        height: 100%;
    }
    .bannerSwiper .swiper-slide img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .swiper-pagination {
        bottom: -2rem !important;
    }
    .bannerSwiper .swiper-button-next, .bannerSwiper .swiper-button-prev {
        width: 3rem;
        height: 3rem;
    }
    .bannerSwiper .swiper-button-next svg, .bannerSwiper .swiper-button-prev svg {
        transform: scale(0.8);
    }
    .swiper-pagination-bullet {
        height: 0.4rem;
    }
    .swiper-pagination-bullet-active {
        width: 2.4rem;
    }
    .homeAbout {
        padding: 6rem 0;
    }
    .homeAbout .container {
        flex-direction: column;
        row-gap: 3.2rem;
    }
    .homeAbout .container>div {
        width: 100% !important;
        padding: 0 !important;
    }
    .homeAbout .imgContainer {
        height: 35rem;
        transform: translate(0, 3rem);
        transition-delay: 0s;
    }
    .homeAbout h1 {
        font-size: 2.8rem;
        line-height: 3.2rem;
        width: 100%;
        margin-bottom: 2rem;
    }
    .homeAbout p {
        font-size: 1.4rem;
        line-height: 1.8rem;
    }
    .seeMore {
        font-size: 1.2rem;
        padding: 0 2.4rem;
        height: 3rem;
    }
    .ourCourses {
        padding-bottom: 6rem;
    }
    .courses {
        flex-direction: column;
        row-gap: 2rem;
    }
    .courses>div {
        width: 100%;
        flex-direction: column;
        row-gap: 2rem;
    }
    .ourCourses h1 {
        font-size: 2.8rem;
        line-height: 3.2rem;
    }
    .courses>div a {
        width: 100% !important;
        height: 20rem !important;
    }
    .courses>div a span {
        font-size: 2.4rem !important;
        width: 50%;
        top: 3rem !important;
        left: 3rem !important;
    }
    .statistics {
        padding: 7rem 0 5rem;
    }
    .statistics>.container {
        row-gap: 6rem;
        flex-wrap: wrap;
    }
    .statistics>.container::after {
        display: none;
    }
    .statistic {
        width: 49%;
        height: 15rem;
    }
    .statistic span {
        font-size: 3rem;
    }
    .statistic p {
        font-size: 1.2rem;
    }
    .statistic div {
        width: 6rem;
        height: 6rem;
    }
    .statistic div img {
        width: 50%;
    }
    .ourSuccess {
        padding: 4rem 0;
    }
    .ourSuccess>div:last-child {
        margin-top: 3rem !important;
    }
    .ourSuccess h1 {
        font-size: 2.8rem;
        line-height: 3.2rem;
    }
    .ourSuccessSwiper .swiper-slide {
        row-gap: 1.6rem;
    }
    .success {
        padding: 1rem;
    }
    .successImg {
        width: 30%;
        height: 10rem;
    }
    .successName {
        width: 50%;
        margin-left: 0;
        padding-left: 1rem;
    }
    .successGrade {
        width: 20%;
        display: flex;
        justify-content: flex-end;
    }
    .success h3 {
        font-size: 1.8rem;
    }
    .success p {
        font-size: 1rem;
    }
    .successGrade>span {
        font-size: 2.8rem;
        line-height: 3.2rem;
        display: flex;
        align-items: center;
        row-gap: 1.4rem;
        flex-direction: column;
    }
    .successGrade>span span {
        font-size: 1.4rem;
    }
    .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 2px;
    }
    .news {
        padding: 4rem 0 6rem;
    }
    .news h1 {
        font-size: 2.8rem;
        margin-bottom: 2rem;
    }
    .newsCards {
        flex-direction: column;
        row-gap: 4rem;
    }
    .newsCard {
        width: 100%;
    }
    .newsBody {
        transform: translateY(3rem) scale(1.01);
    }
    .newsBody.active {
        transform: translateY(0) scale(1.01);
    }
    .branches {
        padding: 5rem 0;
    }
    .branches>.container {
        flex-direction: column;
        row-gap: 2rem;
    }
    .branches h1 {
        font-size: 2.8rem;
        margin-bottom: 2rem;
    }
    .branchesLeft {
        width: 100%;
    }
    .branchesTabs {
        row-gap: 0.5rem;
    }
    .branchesTabs li a {
        padding: 1.4rem 2rem;
        font-size: 1.6rem;
        border-radius: 50px;
    }
    .branchesRight {
        width: 100%;
        height: 100vw;
        padding: 2rem;
        border-radius: 20px;
    }
    .branch {
        border-radius: 15px;
    }
    .seoText {
        padding: 2rem 0 6rem;
    }
    .seoText h1 {
        font-size: 2.8rem;
        line-height: 3.2rem;
        margin-bottom: 1.6rem;
    }
    .seoText p {
        font-size: 1.5rem;
        line-height: 2.6rem;
    }
    .seoText button {
        font-size: 1.5rem;
        margin-top: 0;
    }
    .aboutVideo .videoContainer {
        height: 30rem;
    }
    .aboutVideo button {
        width: 6rem;
        height: 6rem;
    }
    .aboutVideo button svg {
        width: 17px;
    }
    .ourHistory {
        padding: 6rem 0;
    }
    .ourHistory>.container {
        row-gap: 3rem;
    }
    .ourHistory .container>div {
        padding: 3rem;
    }
    .ourHistory h1 {
        font-size: 2.8rem;
        line-height: 3rem;
    }
    .ourHistory p {
        font-size: 1.4rem;
        line-height: 2rem;
    }
    .aboutBottom p {
        width: 100%;
    }
    .blockquote {
        display: none;
    }
    .aboutTop {
        padding: 4rem 0 2rem;
    }
    .servicesPage {
        padding: 4rem 0 6rem;
    }
    .branchesContent {
        flex-direction: column;
        row-gap: 4rem;
    }
    .branchesContent>div {
        width: 100%;
    }
    .branchLeft {
        row-gap: 2.4rem;
    }
    .branchRight {
        padding: 0;
    }
    .branchRight iframe {
        height: 40rem;
    }
    .servicesPage h1 {
        font-size: 2.8rem;
    }
    .commentsPage>.container>p {
        width: 100%;
        font-size: 1.4rem;
        line-height: 2rem;
        margin-bottom: 3rem;
    }
    .commentsPage h2 {
        font-size: 2.4rem;
        margin-bottom: 3rem;
    }
    .comments {
        flex-wrap: wrap;
        row-gap: 4rem;
    }
    .comments>div {
        width: 100%;
        padding: 0;
    }
    .address {
        flex-wrap: wrap;
    }
    .address>div {
        width: 50%;
    }
    .address a {
        column-gap: 1rem;
    }
    .address a span:first-child {
        width: 4rem;
        height: 4rem;
    }
    .address a span:last-child {
        font-size: 1.2rem;
        width: 65%;
    }
    .contact>.container {
        flex-direction: column;
    }
    .contact>.container>div {
        width: 100%;
    }
    .contacts>div {
        row-gap: 1rem;
    }
    .contactLeft .imgContainer {
        height: 45rem;
    }
    .contacts {
        width: 90%;
    }
    .contact .registerForm {
        padding: 3rem 0 0;
    }
    .contact .registerForm h2 {
        font-size: 2.4rem;
    }
    .contact .registerForm p {
        font-size: 1.3rem;
        margin-bottom: 2rem;
    }
    .errorPage img {
        width: 80%;
        margin-bottom: 5rem;
    }
    .errorPage>div p {
        font-size: 2rem;
        text-align: center;
        width: 90%;
        margin-bottom: 3rem;
    }
    .newsContent {
        row-gap: 4rem;
    }
    .newsContent>div {
        width: 100%;
        padding: 0;
    }
    .newsDetailTop {
        padding-bottom: 0;
    }
    .newsDetailTop .container {
        flex-direction: column;
    }
    .newsDetailTop .container>div {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    .newsDetailImg {
        height: 40rem;
    }
    .newsDetailRight {
        padding-top: 3rem;
    }
    .newsDetailRight span {
        display: inline-flex;
    }
    .newsDetailRight span:first-child {
        margin-right: 4rem;
    }
    .newsDetailRight h1 {
        width: 100%;
        font-size: 2.8rem;
        margin-bottom: 2rem;
    }
    .newsDetailRight p {
        font-size: 1.4rem;
        line-height: 2rem;
    }
    .serviceDetailContent h3 {
        font-size: 2rem;
        margin-bottom: 1rem;
    }
    .serviceDetailContent p {
        font-size: 1.4rem;
        line-height: 2rem;
    }
    .serviceDetailContent ul {
        padding-left: 2rem !important;
        padding-right: 0;
    }
    .serviceDetailContent ul li {
        font-size: 1.4rem;
    }
    .gallerySwiper .swiper-button-next, .gallerySwiper .swiper-button-prev {
        display: none;
    }
    .newsShare {
        column-gap: 3rem;
    }
    .newsShare>div {
        column-gap: 2.8rem;
    }
    .copyLink span {
        position: fixed;
        bottom: 3rem;
        background-color: #FFFFFF;
        padding: 1rem 2rem;
        border-radius: 30px;
        z-index: 20;
        left: 50%;
        transform: translateX(-50%);
        line-height: unset;
    }
    .otherNews>div {
        flex-wrap: wrap;
        row-gap: 3rem;
    }
    .otherNews .newsCard {
        width: 100%;
    }
    .services>div {
        width: 100%;
    }
    .ourSuccessCard {
        padding: 2rem;
        height: auto;
    }
    .services>div {
        padding: 0;
    }
    .services {
        row-gap: 3rem;
    }
    .serviceBanner {
        height: 20rem;
    }
    .serviceBanner h1 {
        font-size: 3.2rem;
    }
    .serviceDetailContent {
        padding: 4rem 0 6rem;
    }
    .serviceDetailContent h2 {
        font-size: 2.8rem;
    }
    .serviceDetailContent ul {
        flex-direction: column;
        row-gap: 1.5rem;
        margin-bottom: 4rem;
    }
    .serviceDetailContent h3 {
        margin-top: 4rem;
    }
    .serviceDetailContent .aboutVideo {
        margin-bottom: 6rem;
    }
    .gallery {
        padding-bottom: 8rem;
    }
    .register {
        flex-direction: column;
        width: 100vw;
        margin-left: -50vw;
        margin-right: -50vw !important;
        position: relative;
        left: 50%;
        right: 50%;
        border-radius: 20px;
        padding: 3rem 1.6rem;
        margin-bottom: 5rem;
    }
    .register>div {
        width: 100%;
    }
    .registerImg {
        height: 40rem;
    }
    .registerForm {
        padding-top: 3rem;
    }
    .registerForm h2 {
        font-size: 2.4rem;
    }
    .registerForm>div {
        width: 100%;
    }
    .registerForm p {
        font-size: 1.4rem;
        line-height: 2rem;
    }
    .otherCourses>div {
        flex-direction: column;
        row-gap: 3rem;
    }
    .otherCourses>div a {
        width: 100%;
    }
    .otherCourses>div a span {
        font-size: 2.8rem;
    }
    .examResults .container {
        width: 95%;
        padding-top: 4rem;
        padding-bottom: 6rem;
        margin-bottom: 4rem;
    }
    .checkResults {
        width: 90%;
        margin-top: 4rem;
    }
    .examResults h1 {
        font-size: 2.4rem;
        line-height: 2.8rem;
    }
    .checkResults input {
        height: 4.8rem;
        margin-bottom: 1.6rem;
    }
    .checkResults img {
        width: 100%;
    }
    .checkResults button {
        height: 4.8rem;
        font-size: 1.6rem;
        margin-top: 2.8rem;
    }
    .examResults h3{
        font-weight: 700;
        font-size: 1.8rem;
        line-height: 2rem;
        letter-spacing: 0.02em;
        font-feature-settings: 'pnum' on, 'lnum' on;
        color: #004366;
        opacity: 0.9;
        text-align: center;
        margin: 1.6rem auto 0;
        width: 80%;
    }
    .results {
        width: 95%;
        margin: 3rem auto 3rem;
        row-gap: 1rem;
    }
    .results>div {
        height: 4rem;
        padding-left: 3rem;
        padding-right: 4rem;
    }
    .results>div span {
        font-size: 1.4rem;
    }
    .results>div:first-child {
        padding: 0.8rem 3rem 0.8rem 2.8rem;
        height: 5rem;
    }
    .results>div:first-child span {
        font-weight: 700;
        font-size: 1.8rem;
    }
    .results>div:first-child span:last-child {
        padding-left: 3rem;
        border-left: 1px solid rgba(0, 134, 204, 0.1);
    }
    .results+div {
        width: 95%;
        column-gap: 3rem;
    }
    .results+div a{
        font-size: 1.4rem;
        column-gap: 1rem;
    }
    .results+div a svg {
        height: 10px;
    }
    .results+div>div {
        padding-left: 2rem;
        padding-right: 2rem;
        height: 4rem;
        column-gap: 1.6rem;
    }
    .results+div>div span:first-child {
        font-size: 1.2rem;
        line-height: 1.6rem;
    }
    .results+div>div span:last-child {
        font-weight: 700;
        font-size: 1.8rem;
        line-height: 2.2rem;
    }
    .calcForm {
        margin-top: 3rem;
        display: flex;
        flex-direction: column;
        row-gap: 2rem;
    }
    .calcForm .inputGroup {
        display: flex;
        justify-content: space-between;
        column-gap: 0;
    }
    .calcForm .inputGroup label {
        width: 40%;
        border-radius: 15px;
        height: 4rem;
        font-size: 1.4rem;
    }
    .calcForm .inputGroup select {
        width: 55%;
        background: rgb(255, 255, 255, .6);
        border-radius: 15px;
        height: 4rem;
        border: none;
        appearance: none;
        font-weight: 700;
        font-size: 1.4rem;
        line-height: 147.53%;
        letter-spacing: 0.02em;
        font-feature-settings: 'pnum' on, 'lnum' on;
        color: rgb(0, 67, 102, .9);
        padding-left: 3rem;
        background-repeat: no-repeat;
        background-position: 85% 50%;
    }

    .calcForm button {
        width: 40%;
        height: 3.6rem;
        margin: 0 auto;
        font-size: 1.2rem;
        line-height: 1.6rem;
    }
    .calcForm button:hover {
        background-color: #006599;
    }
    .calcForm button:active {
        background-color: #024568;
    }
     #tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
    column-gap: 1.2rem;
    margin-bottom: 4rem;
  }
  #tabs::-webkit-scrollbar {
    display: none;
  }
  #tabs li a {
    height: 3.8rem;
    font-size: 1.4rem;
    width: max-content;
    margin-right: 0;
    padding: 0 3rem;
  }
  .tabs-container h3 {
    font-size: 1.8rem;
    line-height: 3rem;
    margin-bottom: 1.6rem;
  }
  .teachers {
    row-gap: 2rem;
  }
  .teacherCard {
    width: 100%;
    padding: 0 !important;
  }
  .teacherCard>div {
    padding: 2rem 2.4rem 3rem;
  }
  .teacherCard h5 {
    font-size: 2rem;
  }
  .teacherCard span {
    font-size: 1rem;
  }
  .teacherCard p {
    font-size: 1.4rem;
  }
    .breadcrumb {
        display: none;
    }
    .examResults h1 {
    margin-bottom: 3rem;
  }
  .examTop {
    column-gap: 1rem;
  }
  .examTop span {
    width: auto !important;
  }
  .studentData > div {
    width: 100%;
  }
  .studentData > div > div {
    width: 100%;
  }
  .studentData {
    width: 100%;
    flex-direction: column;
    row-gap: 2.4rem;
  }
  .studentData > div > div > span:first-child {
    padding-left: 2rem;
    font-size: 1.8rem;
  }
  .studentData > div > div > span:last-child {
    padding-left: 3rem;
  }
  .results,.marks {
    width: 100%;
    overflow: auto;
    padding-bottom: 2rem;
    margin-bottom: 5rem;
  }
  .resultsTop, .resultData,.marksTop,.marksData {
    width: max-content;
  }
  .resultsTop span:first-child {
    width: 20rem !important;
  }
  .resultsTop span,.resultData > div {
    width: 50rem !important;
  }
  .resultData > span {
    width: 20rem !important;
  }
  .marksTop span,.marksData span {
    width: 15rem !important;
  }
  .modal {
    width: calc(100vw - 4rem);
  }
  .modal span {
    text-align: center;
  }
}