.doctors-section {
  position: relative; }
  .doctors-section .section-head {
    border-top: 1px solid rgba(18, 57, 119, 0.3);
    padding-top: 10rem; }
    @media (max-width: 991px) {
      .doctors-section .section-head {
        padding-top: 5rem; } }
    .doctors-section .section-head .swiper-nav {
      position: absolute;
      right: 0;
      bottom: -2rem;
      transform: translateY(100%); }
      @media (max-width: 991px) {
        .doctors-section .section-head .swiper-nav {
          bottom: 0;
          transform: translateX(-50%);
          left: 50%;
          right: unset;
          bottom: 27rem;
          height: 1.5rem;
          padding: 0 0.7rem;
          background: #0f2960; } }
      @media (max-width: 576px) {
        .doctors-section .section-head .swiper-nav {
          bottom: 22rem; } }
      @media (max-width: 991px) {
        .doctors-section .section-head .swiper-nav.swiper-arrows {
          display: flex; } }
    .doctors-section .section-head .swiper-nav__timeline {
      color: #00ADC1;
      background: #0f2960; }
      .doctors-section .section-head .swiper-nav__timeline span {
        background: #00ADC1;
        height: 3px;
        border-radius: 1.7rem; }
      @media (min-width: 992px) {
        .doctors-section .section-head .swiper-nav__timeline {
          display: none; } }
    @media (max-width: 991px) {
      .doctors-section .section-head .btn {
        display: none; } }

.vuenoresult {
  background-image: url("../img/no-found.svg");
  background-position: 50% 30%;
  background-size: 10rem auto;
  background-repeat: no-repeat;
  padding: 6rem;
  height: 25rem;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  border-radius: 3rem;
  font-size: 2.5rem;
  color: #123977;
  font-weight: 500; }
  @media (max-width: 576px) {
    .vuenoresult {
      font-size: 2rem;
      background-size: 7rem auto;
      padding: 5rem;
      height: 23rem; } }

.mb-0 {
  margin-bottom: 0rem; }

.mbi-0 {
  margin-bottom: 0rem !important; }

.mt-0 {
  margin-top: 0rem; }

.ml-0 {
  margin-left: 0rem; }

.mr-0 {
  margin-right: 0rem; }

.pb-0 {
  padding-bottom: 0rem; }

.pt-0 {
  padding-top: 0rem; }

.pi-0 {
  padding: 0rem !important; }

.pri-0 {
  padding-right: 0rem !important; }

.pbi-0 {
  padding-bottom: 0rem !important; }

.mb-1 {
  margin-bottom: 1rem; }

.mbi-1 {
  margin-bottom: 1rem !important; }

.mt-1 {
  margin-top: 1rem; }

.ml-1 {
  margin-left: 1rem; }

.mr-1 {
  margin-right: 1rem; }

.pb-1 {
  padding-bottom: 1rem; }

.pt-1 {
  padding-top: 1rem; }

.pi-1 {
  padding: 1rem !important; }

.pri-1 {
  padding-right: 1rem !important; }

.pbi-1 {
  padding-bottom: 1rem !important; }

.mb-2 {
  margin-bottom: 2rem; }

.mbi-2 {
  margin-bottom: 2rem !important; }

.mt-2 {
  margin-top: 2rem; }

.ml-2 {
  margin-left: 2rem; }

.mr-2 {
  margin-right: 2rem; }

.pb-2 {
  padding-bottom: 2rem; }

.pt-2 {
  padding-top: 2rem; }

.pi-2 {
  padding: 2rem !important; }

.pri-2 {
  padding-right: 2rem !important; }

.pbi-2 {
  padding-bottom: 2rem !important; }

.mb-3 {
  margin-bottom: 3rem; }

.mbi-3 {
  margin-bottom: 3rem !important; }

.mt-3 {
  margin-top: 3rem; }

.ml-3 {
  margin-left: 3rem; }

.mr-3 {
  margin-right: 3rem; }

.pb-3 {
  padding-bottom: 3rem; }

.pt-3 {
  padding-top: 3rem; }

.pi-3 {
  padding: 3rem !important; }

.pri-3 {
  padding-right: 3rem !important; }

.pbi-3 {
  padding-bottom: 3rem !important; }

.mb-4 {
  margin-bottom: 4rem; }

.mbi-4 {
  margin-bottom: 4rem !important; }

.mt-4 {
  margin-top: 4rem; }

.ml-4 {
  margin-left: 4rem; }

.mr-4 {
  margin-right: 4rem; }

.pb-4 {
  padding-bottom: 4rem; }

.pt-4 {
  padding-top: 4rem; }

.pi-4 {
  padding: 4rem !important; }

.pri-4 {
  padding-right: 4rem !important; }

.pbi-4 {
  padding-bottom: 4rem !important; }

.mb-5 {
  margin-bottom: 5rem; }

.mbi-5 {
  margin-bottom: 5rem !important; }

.mt-5 {
  margin-top: 5rem; }

.ml-5 {
  margin-left: 5rem; }

.mr-5 {
  margin-right: 5rem; }

.pb-5 {
  padding-bottom: 5rem; }

.pt-5 {
  padding-top: 5rem; }

.pi-5 {
  padding: 5rem !important; }

.pri-5 {
  padding-right: 5rem !important; }

.pbi-5 {
  padding-bottom: 5rem !important; }

.mb-6 {
  margin-bottom: 6rem; }

.mbi-6 {
  margin-bottom: 6rem !important; }

.mt-6 {
  margin-top: 6rem; }

.ml-6 {
  margin-left: 6rem; }

.mr-6 {
  margin-right: 6rem; }

.pb-6 {
  padding-bottom: 6rem; }

.pt-6 {
  padding-top: 6rem; }

.pi-6 {
  padding: 6rem !important; }

.pri-6 {
  padding-right: 6rem !important; }

.pbi-6 {
  padding-bottom: 6rem !important; }

.scroll-disabled {
  overflow: hidden !important;
  height: 100vh;
  position: fixed; }

.text-center {
  text-align: center; }

.rotate-90 {
  transform: rotate(90deg); }

.rotate-180 {
  transform: rotate(180deg); }

.rotate-270 {
  transform: rotate(270deg); }

.rotate-270 {
  transform: rotate(270deg); }

.o-hidden {
  overflow: hidden; }

.divider {
  width: 100%;
  height: 1px;
  background: rgba(18, 57, 119, 0.1); }
  .divider.mb-0 {
    margin-bottom: 0 !important; }

.divider--1 {
  margin: 1rem 0; }

.divider--2 {
  margin: 2rem 0; }

.divider--3 {
  margin: 3rem 0; }

.divider--4 {
  margin: 4rem 0; }

.divider--5 {
  margin: 5rem 0; }

.divider--6 {
  margin: 6rem 0; }

.divider--7 {
  margin: 7rem 0; }

.divider--8 {
  margin: 8rem 0; }

.divider--9 {
  margin: 9rem 0; }

.divider--10 {
  margin: 10rem 0; }

.w-100 {
  width: 100%; }

@media (max-width: 576px) {
  .hidden-mobile {
    display: none !important; } }

@media (max-width: 576px) {
  .hidden-mobile-xl {
    display: none !important; } }

@media (max-width: 424px) {
  .hidden-mobile-lg {
    display: none !important; } }

@media (max-width: 374px) {
  .hidden-mobile-sm {
    display: none !important; } }

@media (max-width: 350px) {
  .hidden-mobile-xs {
    display: none !important; } }

.fw-300 {
  font-weight: 300 !important; }

.fw-400 {
  font-weight: 400 !important; }

.fw-500 {
  font-weight: 500 !important; }

.fw-600 {
  font-weight: 600 !important; }

.fw-700 {
  font-weight: 700 !important; }

.fw-800 {
  font-weight: 800 !important; }

.fw-900 {
  font-weight: 900 !important; }

.lh-1 {
  line-height: 1 !important; }

span.colored-blue {
  color: #00ADC1; }

input.wpcf7-not-valid,
textarea.wpcf7-not-valid {
  border: 1px solid #cc0000 !important; }

.wpcf7-form-control-wrap {
  border-radius: 0 !important; }

.grecaptcha-badge {
  opacity: 0 !important;
  pointer-events: none !important; }

.heateor_sss_sharing_ul {
  display: flex; }
  .heateor_sss_sharing_ul a:not(:last-child) {
    margin-right: 1rem !important; }
  .heateor_sss_sharing_ul a path {
    transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74); }

.heateor_sss_svg {
  width: 5.5rem !important;
  height: 5.5rem !important;
  font-size: 2rem !important;
  border-color: #E0E0E0 !important;
  color: #123977 !important;
  transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74); }

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
  padding: 2rem;
  color: #ffffff;
  font-weight: 500;
  display: none;
  background: #8d0000;
  border: 0;
  margin-left: 0;
  margin-right: 0;
  border-radius: 1rem !important; }

.wpcf7 form.sent .wpcf7-response-output {
  padding: 2rem;
  color: #ffffff;
  font-weight: 500;
  display: flex;
  background: rgba(1, 22, 51, 0.5);
  border: 0;
  margin-left: 0;
  margin-right: 0;
  border-radius: 1rem !important; }

.modal-map .acf-map {
  height: 100% !important; }

.wpcf7-form-control-wrap .wpcf7-list-item-label {
  display: flex;
  align-items: center; }

.wpcf7-not-valid-tip {
  font-size: 1.2rem;
  font-weight: 500;
  transform: translateY(-10px); }

span.wpcf7-not-valid-tip {
  font-size: 1.4rem;
  font-weight: 500;
  transform: translateY(5px); }

.grecaptcha-badge {
  opacity: 0 !important;
  pointer-events: none !important; }

.swal2-popup {
  padding: 3rem !important; }

.swal2-title {
  font-family: "Gilmer", sans-serif !important;
  color: #031B3B !important;
  padding-left: 0 !important;
  padding-right: 0 !important; }

.swal2-icon {
  margin: 0 auto !important; }

.wpcf7-list-item label {
  display: flex;
  align-items: center;
  cursor: pointer; }
  .wpcf7-list-item label input {
    cursor: pointer; }

.wpcf7-list-item-label {
  color: white;
  font-size: 1.5rem;
  font-weight: bold;
  user-select: none;
  line-height: 1.3em;
  margin-left: 0;
  height: 3rem; }
  @media (max-width: 576px) {
    .wpcf7-list-item-label {
      margin-left: 0; } }

.wpcf7-acceptance input[type="checkbox"] {
  position: relative;
  cursor: pointer;
  padding: 0; }

.wpcf7-acceptance input[type="checkbox"]:before {
  content: '';
  margin-right: 10px;
  display: inline-block;
  width: 3rem;
  height: 3rem;
  background: #DAE1FD;
  border-radius: 50%;
  left: -0.6rem;
  top: -0.6rem;
  position: absolute; }

.wpcf7-acceptance input[type="checkbox"]:checked:before {
  background: #DAE1FD;
  border-color: #DAE1FD; }

.wpcf7-acceptance input[type="checkbox"]:disabled {
  color: #b8b8b8;
  cursor: auto; }

.wpcf7-acceptance input[type="checkbox"]:disabled:before {
  box-shadow: none;
  background: #ddd; }

.wpcf7-acceptance input[type="checkbox"]:checked:after {
  content: '';
  background-image: url("../img/blue-tik.svg");
  background-size: 1.6rem;
  background-repeat: no-repeat;
  background-position: 15% 18%;
  position: absolute;
  left: 0;
  top: 0;
  width: 1em;
  height: 1em;
  font-size: 3rem; }

.wpcf7-acceptance span.wpcf7-list-item {
  margin: 1rem 0 1rem 0;
  margin-bottom: 0; }

.wpcf7 form.failed .wpcf7-response-output {
  background: #dc3232;
  color: #fff;
  height: 6rem;
  border-radius: 1rem;
  display: flex;
  align-items: center; }

.toptitle {
  font-size: var(--font-size-toptitle);
  line-height: 1.45em;
  font-weight: 800;
  color: #123977;
  display: flex;
  align-items: center; }
  .toptitle--green {
    color: #25D366; }
  .toptitle--dark-orange {
    color: #ff751d; }
  .toptitle--light-gray {
    color: rgba(18, 57, 119, 0.6); }
  .toptitle--blue {
    color: #00ADC1; }
  .toptitle--gray {
    color: #5D5F68; }
  .toptitle--light-blue {
    color: rgba(18, 57, 119, 0.6); }
  .toptitle--dark-blue {
    color: #030303; }
  .toptitle--white {
    color: #FFF; }
  .toptitle--turquoise {
    color: #4FABBE; }
  .toptitle--xxl {
    font-size: 6rem; }
    @media (max-width: 991px) {
      .toptitle--xxl {
        font-size: 5rem; } }
    @media (max-width: 576px) {
      .toptitle--xxl {
        font-size: 3.5rem; } }
  .toptitle--md {
    font-size: 4rem; }
    @media (max-width: 576px) {
      .toptitle--md {
        font-size: 3.5rem; } }
  .toptitle--xl {
    font-size: 3rem; }
  .toptitle--mlg {
    font-size: 2.5rem; }
    @media (max-width: 576px) {
      .toptitle--mlg {
        font-size: 2rem; } }
  .toptitle--lg {
    font-size: 2rem; }
  .toptitle--sm {
    font-size: 1.6rem; }
  .toptitle--xsm {
    font-size: 1.2rem; }
  .toptitle--w-shape {
    display: flex;
    align-items: center;
    position: relative;
    padding-left: 4rem; }
    @media (max-width: 576px) {
      .toptitle--w-shape {
        padding-left: 3rem; } }
    .toptitle--w-shape::before {
      content: '';
      background: url("../img/t-logo-dark.svg") no-repeat left;
      width: 1em;
      height: 1em;
      font-size: 10.5rem;
      display: block;
      margin-right: 1.6rem;
      background-size: 6rem;
      position: absolute;
      left: 0;
      top: 0;
      transform: translateY(-50%); }
      @media (max-width: 576px) {
        .toptitle--w-shape::before {
          background-size: 3.5rem;
          font-size: 5.5rem;
          top: 1rem; } }

.title {
  font-style: normal;
  line-height: 1.6;
  color: #123977;
  font-weight: 500; }
  .title--second {
    font-family: "Graphie"; }
  .title--underlined {
    text-decoration: underline; }
  .title span {
    font-weight: 400; }
  .title span.orange {
    color: #F4843D; }
  .title span.black {
    color: #123977; }
  .title span.blue {
    color: #00ADC1; }
  .title--orange {
    color: #FFA134 !important; }
  .title--dark-orange {
    color: #F8751D; }
  .title--dark-black {
    color: #172972; }
  .title--light-black {
    color: rgba(18, 57, 119, 0.9); }
  .title--dark-gray {
    color: #5D5F68; }
  .title--green {
    color: #25D366; }
  .title--white {
    color: #fff !important; }
  .title--light-white {
    color: #FEFFF9; }
  .title--blue {
    color: #00ADC1 !important; }
  .title--light-blue {
    color: #19B5C7; }
  .title--gray {
    color: #6A7190 !important; }
  .title--light {
    color: rgba(18, 57, 119, 0.6) !important; }
  .title--x-light {
    color: rgba(18, 57, 119, 0.4) !important; }
  .title--xxxl {
    font-size: var(--font-size-title--xxxl);
    line-height: 1.1em; }
  .title--xxl {
    font-size: var(--font-size-title--xxl);
    line-height: 1.3em; }
  .title--xl {
    font-size: var(--font-size-title--xl);
    line-height: 1.4em; }
  .title--lg {
    font-size: var(--font-size-title--lg);
    line-height: 1.4em; }
  .title--mlg {
    font-size: var(--font-size-title--mlg); }
  .title--xmd {
    font-size: var(--font-size-title--xmd); }
  .title--md {
    font-size: var(--font-size-title--md); }
  .title--sm {
    font-size: var(--font-size-title--sm); }
  .title--xsm {
    font-size: var(--font-size-title--xsm);
    line-height: 1.4em; }
  .title--xs {
    font-size: var(--font-size-title--xs);
    line-height: 1.6em; }
  .title--xxs {
    font-size: var(--font-size-title--xxs);
    line-height: 1.6em; }
  .title--xxs {
    font-size: var(--font-size-title--xxs);
    line-height: 1.6em; }
  .title--xxxs {
    font-size: var(--font-size-title--xxxs);
    line-height: 1.6em; }
  .title--center {
    text-align: center; }
  .title--w-shape {
    display: flex;
    align-items: center; }
    .title--w-shape::before {
      content: '';
      background: url("../img/orange-star.svg") no-repeat center;
      width: 1em;
      height: 1em;
      font-size: 4.5rem;
      border-radius: 50%;
      display: block;
      margin-right: 1.6rem;
      background-size: 4rem; }
      @media (max-width: 576px) {
        .title--w-shape::before {
          background-size: 3rem;
          font-size: 2.5rem;
          margin-right: 1rem; } }
  .title--w-icon {
    display: flex;
    align-items: flex-start; }
    .title--w-icon span {
      order: -1; }
    .title--w-icon .title__icon {
      font-size: 2rem;
      margin-right: 2.5rem;
      color: #FF9D5F; }

.text {
  font-size: var(--font-size-text);
  line-height: 1.7em;
  font-weight: normal;
  color: #5D5F68; }
  .text--black {
    color: #123977 !important; }
  .text--x-light {
    color: rgba(18, 57, 119, 0.4); }
  .text--light {
    color: rgba(18, 57, 119, 0.5); }
  .text--medium-light {
    color: rgba(18, 57, 119, 0.8); }
  .text--white {
    color: #FFF; }
  .text--light-white {
    color: rgba(255, 255, 255, 0.6); }
  .text--medium-white {
    color: rgba(255, 255, 255, 0.75); }
  .text--xxl {
    font-size: 3rem; }
    @media (max-width: 576px) {
      .text--xxl {
        font-size: 2.5rem; } }
  .text--xl {
    font-size: 2.5rem; }
  .text--lg {
    font-size: 2.2rem; }
    @media (max-width: 576px) {
      .text--lg {
        font-size: 2rem; } }
  .text--mlg {
    font-size: 2rem; }
  .text--md {
    font-size: calc(var(--font-size-text) * .9); }
  .text--sm {
    font-size: 1.8rem; }
  .text--xsm {
    font-size: 1.6rem; }
  .text--dark-gray {
    color: rgba(3, 3, 3, 0.8); }
  .text--gray {
    color: #707794; }
  .text--light-gray {
    color: rgba(93, 95, 104, 0.8); }
  .text--blue {
    color: #00ADC1; }
  .text--center {
    text-align: center; }

.btn {
  width: auto;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 6rem;
  user-select: none;
  position: relative;
  transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74);
  font-size: 1.4rem;
  font-weight: bold;
  padding: 0 3rem;
  cursor: pointer;
  box-sizing: border-box;
  border-radius: 3rem; }
  .btn--md {
    height: 6rem; }
  .btn--mlg {
    height: 6.8rem;
    font-size: 1.6rem; }
  .btn--lg {
    height: 8rem;
    font-size: 2rem; }
  .btn__icon {
    color: inherit; }
  .btn__img {
    position: absolute;
    left: 2rem;
    height: calc(100% - 2.6rem); }
  .btn .dot {
    position: absolute;
    right: 0;
    top: 0.5rem;
    transform: translate(-50%, -50%); }
  .btn--orange {
    background: #F4843D;
    color: #fff; }
    .btn--orange:hover, .btn--orange:focus {
      background: #f37525;
      transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74); }
    .btn--orange .btn__icon {
      color: #ffffff; }
  .btn.fixed-button {
    position: fixed;
    right: calc(var(--container-gutter) + var(--container-pusher));
    height: 7rem;
    width: 7rem;
    font-size: 3.4rem;
    z-index: 101;
    top: 88vh; }
    @media (max-width: 576px) {
      .btn.fixed-button {
        top: 70vh; } }
  .btn--light-orange {
    background: #FFA134;
    color: #fff; }
    .btn--light-orange:hover, .btn--light-orange:focus {
      background: #ff951b;
      transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74); }
    .btn--light-orange .btn__icon {
      background-color: #fff;
      color: #FFA134; }
  .btn--dark-orange {
    background: #F8751D;
    color: #fff; }
    .btn--dark-orange:hover, .btn--dark-orange:focus {
      background: #f46708;
      transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74); }
    .btn--dark-orange .btn__icon {
      background-color: #fff;
      color: #F8751D; }
  .btn--black {
    background: #123977;
    border-color: #123977;
    color: #fff; }
    .btn--black:hover, .btn--black:focus {
      background: #0f2e61;
      border-color: #0f2e61; }
    .btn--black.btn--i-right .btn__icon {
      height: 4.6rem;
      width: 4.6rem;
      background: rgba(18, 57, 119, 0.9);
      border: 0; }
  .btn--blue {
    background: #00ADC1;
    border-color: #00ADC1;
    color: #fff; }
    .btn--blue:hover, .btn--blue:focus {
      background: #0096a8;
      border-color: #0096a8; }
  .btn--light-blue {
    background: #19B5C7;
    border-color: #19B5C7;
    color: #fff; }
    .btn--light-blue:hover, .btn--light-blue:focus {
      background: #16a0b0;
      border-color: #16a0b0; }
  .btn--turquoise {
    background: #01A1BA;
    border-color: #01A1BA;
    color: #fff; }
    .btn--turquoise:hover, .btn--turquoise:focus {
      background: #018ba1;
      border-color: #018ba1; }
  .btn--transparent-blue {
    background: transparent;
    color: #00ADC1;
    border: 1px solid #19B5C7; }
    .btn--transparent-blue:hover, .btn--transparent-blue:focus {
      background: #19B5C7;
      border-color: #19B5C7;
      color: #fff; }
  .btn--transparent-dark-blue {
    background: transparent;
    color: #123977;
    border: 1px solid #00ADC1; }
    .btn--transparent-dark-blue:hover, .btn--transparent-dark-blue:focus {
      background: #19B5C7;
      border-color: #19B5C7;
      color: #fff; }
  .btn--transparent-black {
    background: transparent;
    color: #123977;
    border: 1px solid #123977; }
    .btn--transparent-black:hover, .btn--transparent-black:focus {
      background: #123977;
      border-color: #123977;
      color: #fff; }
  .btn--transparent-white {
    background: transparent;
    color: #fff;
    border: 1px solid #00ADC1; }
    .btn--transparent-white:hover, .btn--transparent-white:focus {
      background: #19B5C7;
      border-color: #19B5C7;
      color: #fff; }
  .btn--full {
    display: flex;
    width: 100%; }
  .btn--i {
    min-width: unset;
    width: 6rem;
    height: 6rem;
    padding: 0;
    flex-shrink: 0;
    font-size: 2rem;
    color: rgba(18, 57, 119, 0.7);
    border-radius: 50%; }
    @media (max-width: 768px) {
      .btn--i {
        width: 5rem;
        height: 5rem;
        font-size: 1.8rem; } }
    .btn--i .btn__icon {
      height: 1em; }
    .btn--i.has-big-icon {
      font-size: 3rem; }
  .btn--w-border {
    border: 1px solid rgba(18, 57, 119, 0.3); }
  .btn--gray {
    background: #F6F6F6;
    color: #00ADC1; }
    .btn--gray:hover, .btn--gray:focus {
      background-color: #f1f1f1;
      color: #00ADC1; }
  .btn--green {
    background: #25D366;
    color: #fff; }
    .btn--green:hover, .btn--green:focus {
      background-color: #23ca62;
      color: #fff; }
    .btn--green.btn--i-right .btn__icon {
      height: 4.6rem;
      width: 4.6rem;
      border: 0;
      background: rgba(172, 222, 50, 0.9); }
  .btn--white {
    background: #fff;
    color: #00ADC1; }
    .btn--white:hover, .btn--white:focus {
      background-color: #fafafa;
      color: #00ADC1; }
  .btn--dark-white {
    background: #fff;
    color: #123977; }
    .btn--dark-white:hover, .btn--dark-white:focus {
      background-color: #fafafa;
      color: #00ADC1; }
    .btn--dark-white .btn__icon {
      color: #fff; }
  .btn-row {
    display: flex;
    align-items: center; }
    .btn-row .btn + .btn {
      margin-left: 2rem; }
  .btn--i-left, .btn--i-right {
    min-width: unset; }
    .btn--i-left .btn__icon, .btn--i-right .btn__icon {
      position: absolute;
      font-size: 2.2rem; }
  .btn--i-left {
    padding-left: 6.5rem; }
    .btn--i-left .btn__icon {
      margin-right: 2rem;
      left: 2.5rem; }
  .btn--i-right {
    padding-right: 8rem; }
    .btn--i-right .btn__icon {
      right: 1.4rem;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.4rem;
      border-radius: 50%;
      height: 4.2rem;
      width: 4.2rem;
      background: rgba(0, 173, 193, 0.9);
      border: 0; }
  .btn__icon {
    transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74); }
  .btn__caret {
    margin-left: 2rem;
    font-size: 7px;
    opacity: 0.5;
    height: 1em; }

.btn-group {
  border-radius: 2.7rem;
  overflow: hidden;
  min-width: 22rem;
  border: 1px solid rgba(18, 57, 119, 0.3);
  display: flex;
  align-items: center;
  justify-content: center; }
  .btn-group .btn {
    border-radius: 0;
    flex: 0 1 auto;
    max-width: 33.3%;
    width: 100%;
    height: 5.4rem;
    border: 0; }
    .btn-group .btn:not(:last-child) {
      border-right: 1px solid rgba(18, 57, 119, 0.3); }
    .btn-group .btn .btn__icon {
      font-size: 1.4rem; }
  .btn-group--md {
    border-radius: 2.4rem; }
    .btn-group--md .btn {
      height: 4.8rem; }

.loadmore-btn {
  width: 12rem;
  height: 12rem;
  background: #fff;
  border-radius: 50%;
  margin: 10rem auto 5rem auto;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74);
  cursor: pointer; }
  @media (max-width: 1200px) {
    .loadmore-btn {
      margin: 5rem auto 2rem auto; } }
  @media (max-width: 991px) {
    .loadmore-btn {
      width: 9rem;
      height: 9rem; } }
  .loadmore-btn:hover {
    background: #FFA134; }
    .loadmore-btn:hover .loadmore-btn__dot {
      background: #fff; }
  .loadmore-btn__dot {
    width: 1rem;
    height: 1rem;
    background: rgba(18, 57, 119, 0.5);
    border-radius: 50%; }
    @media (max-width: 991px) {
      .loadmore-btn__dot {
        width: 0.7rem;
        height: 0.7rem; } }
    .loadmore-btn__dot + .loadmore-btn__dot {
      margin-left: 1.2rem; }
      @media (max-width: 991px) {
        .loadmore-btn__dot + .loadmore-btn__dot {
          margin-left: 0.9rem; } }

.button-row .btn {
  width: 100%;
  min-width: unset; }

.search-button {
  height: 5.6rem;
  width: 5.6rem;
  cursor: pointer;
  font-size: 1.8rem; }

.link {
  font-size: 2rem;
  text-decoration: none;
  font-weight: bold;
  transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74);
  cursor: pointer; }
  .link--lg {
    font-size: 2rem; }
  .link--underline {
    text-decoration: underline; }
  .link--red {
    color: #EF4C4C; }
  .link--green {
    color: #87E5A7; }
  .link--blue {
    color: rgba(18, 57, 119, 0.8); }
    .link--blue:hover {
      color: #0b244b; }
  .link--orange {
    color: #FFA134; }
  .link--dark-orange {
    color: #F4843D; }
    .link--dark-orange:hover {
      color: #f0660e; }
  .link--white {
    color: #FFF; }
  .link--gray {
    color: rgba(93, 95, 104, 0.85); }
    .link--gray:hover {
      color: #123977; }
  .link--dark-gray {
    color: #5D5F68; }
    .link--dark-gray:hover {
      color: #00ADC1; }
  .link--black {
    color: #123977; }
    .link--black:hover {
      color: #00ADC1; }
  .link--dark-black {
    color: #030303; }
    .link--dark-black:hover {
      color: #00ADC1; }
  .link--light-black {
    color: rgba(18, 57, 119, 0.75); }
    .link--light-black:hover {
      color: #123977; }
  .link__icon {
    font-size: 1.8rem; }
  .link--i-left {
    display: flex;
    align-items: center;
    justify-content: flex-start; }
    .link--i-left .link__icon {
      margin-right: 1rem; }
  .link--i-right {
    display: flex;
    align-items: center;
    justify-content: flex-start; }
    .link--i-right .link__icon {
      margin-left: 1.8rem; }
  .link--i-transformed .link__icon {
    transform: rotate(-45deg); }

.section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 10rem; }
  @media (max-width: 991px) {
    .section {
      display: block; } }
  @media (max-width: 576px) {
    .section {
      padding-top: 5rem; } }
  .section--center {
    text-align: center;
    flex-direction: column; }
  .section-header {
    display: flex;
    align-items: center; }
    .section-header-image {
      height: 4.5rem;
      object-fit: contain;
      margin-right: 3rem; }
      @media (max-width: 576px) {
        .section-header-image {
          height: 4rem;
          margin-right: 2rem; } }
    .section-header .title {
      line-height: 1; }
  .section-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8rem; }
    @media (max-width: 991px) {
      .section-head {
        margin-bottom: 5rem; } }
    @media (max-width: 576px) {
      .section-head {
        margin-bottom: 4rem; } }
    .section-head .toptitle {
      margin-bottom: 1rem; }
    .section-head .title {
      max-width: 85rem; }
    @media (max-width: 991px) {
      .section-head .swiper-arrows {
        display: none; } }

.accordion-content {
  overflow: hidden;
  height: 0;
  transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74);
  width: 100%; }

.badge {
  padding: 1.1rem 2.5rem;
  font-size: 2.5rem;
  transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74);
  cursor: pointer;
  font-weight: 800;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 5.4rem;
  letter-spacing: -0.01em;
  line-height: 1; }
  .badge__text {
    margin-left: 3rem; }
  @media (max-width: 991px) {
    .badge {
      flex-shrink: 0; } }
  .badge--white {
    border: 1px solid rgba(18, 57, 119, 0.3);
    background-color: #ffffff; }
    .badge--white.active {
      background-color: #25D366;
      color: #ffffff; }
  .badge--white-2 {
    border: 1px solid rgba(18, 57, 119, 0.3);
    background-color: #ffffff;
    color: #00ADC1;
    font-weight: 800; }
  .badge--transparent {
    background-color: transparent;
    border: 1px solid rgba(18, 57, 119, 0.3); }
    .badge--transparent.active {
      background-color: #25D366;
      color: #ffffff;
      border-color: #25D366; }
    .badge--transparent-white {
      color: rgba(255, 255, 255, 0.7);
      border: 1px solid rgba(18, 57, 119, 0.3);
      opacity: .7; }
      .badge--transparent-white:hover {
        background-color: #123977;
        border-color: #123977;
        color: #FFFFFF;
        opacity: 1; }
  .badge--blue {
    background-color: #00ADC1;
    border-color: #00ADC1;
    color: #ffffff;
    font-weight: 700; }
  .badge--light-blue {
    background: #00adc1;
    color: #00ADC1; }
  .badge--sm {
    padding: 0 .8rem;
    line-height: 1em;
    font-size: 12px;
    height: 2rem;
    text-transform: uppercase; }
  .badge--md {
    padding: 0 1.1rem;
    line-height: 1em;
    height: 3rem; }
  .badge--lg {
    padding: 0 1.1rem;
    line-height: 1em;
    height: 4rem;
    font-size: 1.6rem; }
  .badge--xl {
    height: 9rem; }
  .badge--gray {
    background-color: #e7eaee;
    color: rgba(15, 40, 81, 0.7); }
  .badge--light-blue {
    background: rgba(0, 173, 193, 0.1);
    color: #00ADC1; }
    .badge--light-blue:hover {
      background: rgba(0, 173, 193, 0.15); }
  .badge .badge__icon {
    font-size: 4.5rem; }
  .badge--full {
    width: 100%; }
  .badge--flat {
    border-radius: .6rem;
    color: #123977;
    padding: 1rem;
    font-weight: 600;
    line-height: 1;
    /*
    height: 2em;
    */ }
    .badge--flat.badge--gray {
      background: #E6E9F1; }
    .badge--flat.badge--md {
      height: 2em; }
  .badge--green {
    background: #25D366;
    color: #FFFFFF; }
    .badge--green:hover, .badge--green:focus {
      background: #21bd5c; }
  .badge--approved {
    background: #25D366;
    color: #FFFFFF; }

.badges-wrapper {
  margin-bottom: -1.2rem; }
  .badges-wrapper .badge {
    margin-right: 1.2rem;
    margin-bottom: 1.2rem; }
    @media (max-width: 768px) {
      .badges-wrapper .badge {
        margin-right: .7rem; } }

.checklist li {
  color: rgba(18, 57, 119, 0.75);
  font-size: 1.8rem;
  padding-left: 1.5rem;
  line-height: 1.5;
  list-style: none;
  /*&::marker{
      @include bp(tablet){
        content: unset;
      }
    }*/ }
  .checklist li:not(:last-child) {
    margin-bottom: 2rem; }
  .checklist li::before {
    content: '';
    width: 1em;
    height: 1em;
    font-size: 16px;
    border-radius: 50%;
    position: absolute;
    left: -3rem;
    top: 0;
    background-image: url("../img/orange-star.svg");
    background-position: center;
    background-repeat: no-repeat;
    flex-shrink: 0; }
    @media (min-width: 1530px) {
      .checklist li::before {
        font-size: 20px; } }

.content--white {
  --content-color: #FFF; }

.content hr {
  width: calc(100% + var(--page-padding-x) * 2);
  margin-left: calc(var(--page-padding-x) * -1);
  border-top: 1px solid rgba(93, 95, 104, 0.15);
  margin-bottom: 4rem; }

.content h2, .content h3, .content h4, .content h5, .content h6 {
  margin-bottom: 2rem;
  line-height: 1.6em;
  font-weight: 600;
  color: var(--content-color); }
  @media (max-width: 991px) {
    .content h2, .content h3, .content h4, .content h5, .content h6 {
      margin-top: 0; } }

.content h2 {
  font-size: 3rem;
  font-weight: 700; }
  @media (max-width: 576px) {
    .content h2 {
      font-size: 2.5rem; } }

.content h3 {
  font-size: 2.4rem; }
  @media (max-width: 576px) {
    .content h3 {
      font-size: 2rem; } }

.content h4 {
  font-size: 2.4rem; }
  @media (max-width: 576px) {
    .content h4 {
      font-size: 2.4rem; } }

.content h5 {
  font-size: 2.4rem; }
  @media (max-width: 576px) {
    .content h5 {
      font-size: 2.3rem; } }

.content h6 {
  font-size: 2.4rem; }
  @media (max-width: 576px) {
    .content h6 {
      font-size: 2.2rem; } }

.content p {
  margin-bottom: 3rem;
  font-weight: 400;
  color: var(--content-color);
  line-height: 1.8em;
  font-size: var(--font-size-text); }
  .content p:last-child:last-of-type {
    margin-bottom: 0; }
  @media (max-width: 576px) {
    .content p {
      margin-bottom: 3rem; } }
  .content p b {
    font-weight: 500;
    color: var(--content-color); }

.content a:not(.btn) {
  font-weight: 500;
  color: #123977;
  opacity: .7;
  display: block;
  line-height: 1.4; }
  .content a:not(.btn):hover, .content a:not(.btn).active {
    opacity: 1;
    text-decoration: underline; }

.content ul {
  margin-bottom: 3rem;
  padding-left: 3rem; }
  @media (max-width: 991px) {
    .content ul {
      font-size: 1.8rem; } }
  @media (max-width: 576px) {
    .content ul {
      margin-bottom: 3rem;
      padding-left: 2rem; } }
  .content ul li {
    display: flex;
    align-items: flex-start;
    font-size: 2rem;
    margin-bottom: 1rem;
    position: relative;
    font-weight: 400;
    color: #5D5F68;
    padding-left: 2rem; }
    @media (max-width: 991px) {
      .content ul li {
        padding-left: 2rem; } }
    .content ul li:last-child {
      margin-bottom: 0; }
    .content ul li::before {
      content: '';
      width: 1em;
      height: 1em;
      font-size: 11px;
      border-radius: 50%;
      background: #00ADC1;
      position: absolute;
      left: -2rem;
      top: 0;
      transform: translateY(100%); }
      @media (max-width: 1367px) {
        .content ul li::before {
          font-size: 9px; } }
      @media (max-width: 576px) {
        .content ul li::before {
          font-size: 8px;
          top: .1rem; } }

.content iframe {
  width: 100%;
  height: 100%; }

.content blockquote {
  background: #1239770D;
  border-radius: 3rem;
  width: 100%;
  padding: 5rem 4.8rem;
  border: 1px solid #1239771A;
  margin-top: 6rem; }
  @media (max-width: 576px) {
    .content blockquote {
      padding: 3rem var(--container-gutter);
      margin-top: 3rem; } }
  .content blockquote p {
    font-weight: 500;
    color: #123977;
    font-size: 2rem; }

/* .social {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 2.5rem; }
  @media (max-width: 576px) {
    .social {
      font-size: 2.2rem;
  justify-content:center;
} } */
  .social__item {
    height: 6.2rem;
    width: 6.2rem;
    cursor: pointer;
    color: #00ADC1;
    background: transparent;
    border: 1px solid #00ADC1;
    border-radius: 50%;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74); }
    @media (max-width: 991px) {
      .social__item {
        opacity: 1; } }
    @media (max-width: 576px) {
      .social__item {
        background: #00ADC1;
        color: #fff;
        height: 5.5rem;
        width: 5.5rem; } }
    .social__item + .social__item {
      margin-left: 1.8rem; }
      @media (max-width: 480px) {
        .social__item + .social__item {
          margin-left: 3rem; } }
    .social__item:hover {
      background: #00ADC1;
      color: #fff; }

.langs {
  position: relative;
  width: max-content;
  margin-left: 1rem; }
  @media (max-width: 991px) {
    .langs {
      margin-left: 0; } }
  .langs-menu {
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    position: relative;
    background-color: #fff;
    border: 1px solid rgba(18, 57, 119, 0.3);
    border-radius: 1rem;
    height: 6rem;
    padding: 0 1.5rem;
    font-size: 2.5rem;
    color: rgba(22, 27, 40, 0.7);
    transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74); }
    @media (max-width: 991px) {
      .langs-menu {
        display: none; } }
    .langs-menu::after {
      position: absolute;
      top: 50%;
      right: 2.6rem;
      width: 1.2rem;
      height: .9rem;
      clip-path: polygon(50% 100%, 0 0, 100% 0);
      background: #123977;
      transition: 0.25s ease-in-out;
      transform: translateY(-3px); }
    .langs-menu:hover, .langs-menu.active {
      color: #123977; }
      .langs-menu:hover .header-langs-menu::after, .langs-menu.active .header-langs-menu::after {
        border-top-color: #5D5F68; }
      .langs-menu:hover .header-langs-menu__code, .langs-menu.active .header-langs-menu__code {
        opacity: 1; }
    .langs-menu.active + .langs-menu-content {
      transform: translateY(100%);
      opacity: 1;
      pointer-events: all; }
      @media (max-width: 991px) {
        .langs-menu.active + .langs-menu-content {
          transform: unset; } }
    .langs-menu__img {
      height: 3rem;
      width: 3rem;
      border-radius: 50%;
      overflow: hidden; }
      .langs-menu__img img {
        object-fit: cover;
        height: 100%;
        width: 100%; }
    .langs-menu__code {
      color: #123977;
      font-weight: 500;
      font-size: 1.8rem;
      transition: 0.25s ease-in-out;
      margin-left: 1rem; }
      @media (max-width: 991px) {
        .langs-menu__code {
          margin-right: 1rem; } }
    .langs-menu-content {
      background: #FFF;
      padding: .7rem .5rem;
      bottom: -1rem;
      position: absolute;
      width: 100%;
      transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74);
      opacity: 0;
      pointer-events: none;
      z-index: 3;
      border: 1px solid rgba(18, 57, 119, 0.3);
      border-radius: 1rem;
      transform: translateY(100%); }
      @media (max-width: 991px) {
        .langs-menu-content {
          transform: none;
          position: static;
          display: flex;
          align-items: center;
          width: max-content;
          opacity: 1;
          pointer-events: all;
          padding: 0 1rem;
          height: 6rem; } }
      .langs-menu-content__item {
        display: flex;
        align-items: center;
        padding: 1rem .5rem;
        justify-content: center;
        background: rgba(246, 246, 246, 0.3);
        border-radius: 1.1rem; }
        @media (max-width: 991px) {
          .langs-menu-content__item {
            padding: .7rem .8rem; } }
        .langs-menu-content__item:hover {
          background: rgba(246, 246, 246, 0.6); }
        .langs-menu-content__item + .langs-menu-content__item {
          margin-top: 5px; }
          @media (max-width: 991px) {
            .langs-menu-content__item + .langs-menu-content__item {
              margin-top: 0; } }
        .langs-menu-content__item.active {
          background-color: #00ADC1; }
          .langs-menu-content__item.active .langs-menu__code {
            color: #FFF; }
        .langs-menu-content__item .langs-menu__img {
          flex-shrink: 0; }

.contact-us {
  flex: 0 0 50%;
  max-width: 50%;
  position: relative;
  overflow: hidden;
  margin-left: auto;
  margin-bottom: 10rem; }
  @media (max-width: 991px) {
    .contact-us {
      flex: unset;
      max-width: unset;
      width: 100%;
      margin-bottom: 0; } }
  .contact-us h1 {
    margin-bottom: 2rem; }
    @media (max-width: 576px) {
      .contact-us h1 {
        margin-bottom: 1rem; } }
  .contact-us .checkbox-wrapper {
    display: flex;
    align-items: center;
    justify-content: center; }
    @media (max-width: 991px) {
      .contact-us .checkbox-wrapper {
        justify-content: flex-start; } }
  .contact-us label {
    margin-bottom: 1.5rem; }
  .contact-us .checkbox {
    margin: 3rem 0; }
    .contact-us .checkbox__title {
      color: #fff; }
  .contact-us .btn {
    border-radius: 4rem;
    margin-top: 2rem; }
    .contact-us .btn.btn--i-right .btn__icon {
      width: 5.8rem;
      height: 5.8rem;
      font-size: 2rem; }
    @media (max-width: 374px) {
      .contact-us .btn {
        font-size: 1.8rem; } }

.gsmbox {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%; }
  .gsmbox svg {
    position: absolute;
    left: 2rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    font-size: 2.5rem; }

.input {
  outline: none;
  width: 100%;
  color: #172972;
  font-size: 1.8rem;
  height: 7rem;
  background: #FDFDFD;
  border: 1px solid #DBDBDB;
  border-radius: 1rem;
  transition: 0.2s cubic-bezier(0.29, 0.13, 0.27, 0.74);
  font-weight: 500;
  -webkit-appearance: none;
  letter-spacing: -.01em;
  padding-left: 2rem;
  position: relative; }
  .input:focus-within::placeholder {
    color: #123977;
    opacity: 1; }
  @media (max-width: 576px) {
    .input {
      font-size: 1.6rem;
      height: 6rem; } }
  .input[disabled] {
    opacity: .5;
    background: rgba(18, 57, 119, 0.15); }
  .input::placeholder {
    color: rgba(93, 95, 104, 0.6);
    font-size: 1.8rem;
    letter-spacing: -.014em;
    font-weight: 500; }
  .input::-webkit-outer-spin-button, .input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  .input[type="number"] {
    -moz-appearance: textfield; }
  .input.select {
    width: 8rem;
    padding-left: 2rem;
    border-right: 0;
    border-radius: 1.2rem 0 0 1.2rem;
    color: rgba(93, 95, 104, 0.6);
    font-weight: 500; }
    @media (max-width: 576px) {
      .input.select {
        height: 6rem; } }
  .input.textarea {
    width: 100%;
    height: 15rem;
    border-color: 1px solid #DBDBDB;
    border-radius: 1rem;
    outline: none;
    padding: 2rem;
    color: #123977;
    font-size: 1.8rem;
    font-weight: 600; }
  .input--gsm {
    border-radius: 0 1rem 1rem 0; }
    .input--gsm:focus-within::placeholder {
      color: #123977; }
  .input:focus {
    border-color: #1E51A47B; }
  .input-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media (max-width: 991px) {
      .input-wrapper {
        display: block; } }
  .input__title {
    pointer-events: none;
    font-size: 1.8rem;
    color: #123977;
    margin-bottom: 1.8rem;
    font-weight: bold; }
    @media (max-width: 576px) {
      .input__title {
        font-size: 1.5rem; } }
  .input-group {
    position: relative;
    width: 100%; }
    .input-group:focus-within input::placeholder {
      color: #123977;
      opacity: 1; }
    .input-group .l-icon {
      position: absolute;
      left: 2rem;
      top: 50%;
      font-size: 2.5rem;
      transform: translateY(-50%);
      pointer-events: none;
      z-index: 1; }
    .input-group .r-icon {
      position: absolute;
      right: 3rem;
      top: 50%;
      transform: translateY(-50%);
      pointer-events: none;
      font-size: 2.5rem; }
    .input-group .button-title {
      font-size: 1.8rem;
      color: #123977;
      opacity: 1;
      font-weight: bold;
      letter-spacing: -.015em;
      min-height: 1em; }
    .input-group.input-error {
      overflow: initial; }
      .input-group.input-error .input {
        border: 1px solid #cc0000 !important; }
    .input-group .input-r-icon {
      padding-left: 3rem;
      height: 8rem;
      border-radius: 2rem;
      border: 1px solid #00348829;
      font-size: 2rem;
      box-shadow: unset; }
      @media (max-width: 768px) {
        .input-group .input-r-icon {
          height: 7rem; } }
  .input-l-icon {
    padding-left: 6rem;
    box-shadow: 0px 0px 20px #20428907; }
  .input-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem; }
    @media (max-width: 768px) {
      .input-row {
        display: block; } }
    .input-row .input-group {
      width: 48.5%; }
      @media (max-width: 768px) {
        .input-row .input-group {
          width: 100%; } }
  .input-icon {
    color: rgba(18, 57, 119, 0.2);
    font-size: 2.2rem;
    flex-shrink: 0;
    position: relative;
    left: 1.5rem;
    pointer-events: all;
    transition: 0.2s cubic-bezier(0.29, 0.13, 0.27, 0.74); }
    .input-icon--right {
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-20%);
      font-size: 3.4rem;
      color: rgba(18, 57, 119, 0.15);
      cursor: pointer;
      left: unset;
      transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74); }
      .input-icon--right:hover {
        color: rgba(18, 57, 119, 0.4); }
      .input-icon--right.active {
        color: #00ADC1; }
  .input-outer {
    width: 100%;
    position: relative;
    transition: .3s;
    margin-bottom: 2.5rem; }
    .input-outer.input-error {
      margin-bottom: 3.5rem !important;
      overflow: initial; }
      .input-outer.input-error .input {
        border: 1px solid #cc0000 !important; }
    .input-outer--textarea {
      align-items: flex-start;
      height: auto; }
      @media (max-width: 991px) {
        .input-outer--textarea {
          min-width: unset; } }
      .input-outer--textarea .input {
        resize: none;
        overflow-y: auto;
        height: auto;
        padding: 3.5rem 2rem;
        line-height: 1.5em; }
      .input-outer--textarea .textarea__title {
        pointer-events: none;
        font-size: 1.8rem;
        color: #123977;
        opacity: .50;
        font-weight: 500;
        letter-spacing: -.015em;
        min-height: 1em;
        position: absolute;
        top: 30%;
        left: 2rem;
        transform: translateY(-50%);
        transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74); }
        @media (max-width: 576px) {
          .input-outer--textarea .textarea__title {
            font-size: 1.5rem; } }
    .input-outer.no-border .input {
      border-bottom: 0; }
  .input-focused {
    border-color: #00ADC1;
    background: #FFF; }
  .input-disabled {
    pointer-events: none;
    border-color: transparent; }

label.error {
  margin-bottom: 0;
  margin-top: 15px;
  color: #cc0000;
  font-weight: 600;
  font-size: 1.3rem;
  position: absolute;
  bottom: -2rem;
  left: 0;
  line-height: 1em; }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 35px white inset !important;
  -webkit-background-clip: text; }

input:-webkit-autofill {
  -webkit-text-fill-color: #123977 !important; }

textarea[data-autoheight=true] {
  overflow: visible; }

.textarea textarea {
  width: 100%;
  height: 15rem;
  border-color: 1px solid #DBDBDB;
  border-radius: 1rem;
  outline: none;
  padding: 2rem;
  color: #123977;
  font-size: 1.8rem;
  font-weight: 600; }

.switch {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  margin-bottom: 0; }
  .switch-wrapper {
    display: flex; }
    .switch-wrapper .select-outer {
      width: auto;
      margin-left: 2rem;
      min-width: 26rem; }
      @media (max-width: 576px) {
        .switch-wrapper .select-outer {
          min-width: unset;
          width: 100%; } }
    .switch-wrapper .other-required {
      margin-left: auto; }
      .switch-wrapper .other-required .switch__title {
        color: #123977;
        font-weight: 700; }
  .switch--reverse .switch-content {
    margin-left: 0;
    margin-right: 1.2rem;
    order: -1; }
    @media (max-width: 424px) {
      .switch--reverse .switch-content {
        margin-right: .7rem; } }
  .switch--reverse .switch__title {
    color: rgba(18, 57, 119, 0.75);
    font-size: 1.8rem; }
  .switch__toggle {
    outline: none;
    height: 2.4rem;
    width: 4.2rem;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin: 0;
    cursor: pointer;
    border-radius: 2.1rem;
    background-color: #E6E9ED;
    flex-shrink: 0;
    transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74); }
    .switch__toggle::before {
      transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74);
      content: '';
      width: 1.6rem;
      height: 1.6rem;
      position: absolute;
      left: .4rem;
      top: .4rem;
      background-color: #123977;
      border-radius: 50%; }
  .switch-content {
    margin-left: 3.4rem; }
    @media (max-width: 768px) {
      .switch-content {
        margin-left: 1.6rem; } }
  .switch__title {
    color: #123977;
    font-size: 2rem;
    line-height: 1em;
    font-weight: 500;
    user-select: none;
    margin-bottom: 0; }
  .switch__text {
    margin-top: 1rem;
    color: rgba(18, 57, 119, 0.65); }
  .switch__input {
    -webkit-appearance: none;
    -moz-appearance: none;
    display: none; }
    .switch__input:checked + .switch__toggle {
      background-color: #00ADC1; }
      .switch__input:checked + .switch__toggle::before {
        transform: translateX(1.8rem);
        background-color: #FFF; }

.checkbox {
  display: flex;
  align-items: center;
  cursor: pointer;
  position: relative;
  margin: 2rem auto; }
  @media (max-width: 768px) {
    .checkbox {
      margin-right: 0;
      margin-bottom: 4rem; } }
  .checkbox.input-error {
    margin-bottom: 4rem; }
  .checkbox__input {
    -webkit-appearance: none;
    -moz-appearance: none;
    visibility: hidden;
    width: 0; }
    .checkbox__input:checked ~ span {
      background-color: #fff;
      background-image: url("../img/blue-tik.svg"); }
    .checkbox__input:checked ~ .tick-checkbox-content .tick-checkbox__title {
      color: #123977; }
    .checkbox__input:not(:checked):hover ~ .tick-checkbox-content .tick-checkbox__title {
      color: rgba(18, 57, 119, 0.8); }
  .checkbox--radio .checkbox__input ~ span {
    background: transparent;
    position: relative;
    border: 1px solid #00ADC1; }
    .checkbox--radio .checkbox__input ~ span::after {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-48%, -52%);
      width: 1em;
      height: 1em;
      border-radius: 50%;
      background: #00ADC1;
      transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74);
      opacity: 0;
      font-size: 10px; }
  .checkbox--radio .checkbox__input:checked ~ span {
    box-shadow: 0 0 0 2px #00ADC1;
    background: #F6F6F6; }
    .checkbox--radio .checkbox__input:checked ~ span::after {
      opacity: 1; }
  .checkbox--radio .checkbox__toggle {
    border-radius: 50%;
    font-size: 18px; }
  .checkbox__toggle {
    outline: none;
    height: 1em;
    width: 1em;
    border-radius: 99px;
    display: inline-flex;
    position: relative;
    margin: 0;
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #1239771A;
    flex-shrink: 0;
    transition: 0.2s cubic-bezier(0.29, 0.13, 0.27, 0.74);
    background-repeat: no-repeat;
    background-position-x: 50%;
    background-position-y: 50%;
    background-size: .5em;
    font-size: 3rem;
    box-shadow: 0px 3px 6px #1239771A; }
  .checkbox-content {
    margin-left: 1.5rem; }
  .checkbox__title {
    color: #123977;
    font-size: 1.6rem;
    font-weight: 500;
    user-select: none;
    line-height: 1.5em;
    transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74); }
  .checkbox .kvkk-text {
    transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74); }
    .checkbox .kvkk-text:hover {
      color: #00ADC1; }

.checkbox__input:checked ~ span::before {
  background-position: 50% 50%;
  background-size: 2rem;
  width: 3rem;
  height: 3rem; }

.select-outer {
  position: relative;
  width: 100%;
  margin-bottom: 3rem;
  /*  &__title {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem 3rem;
    font-weight: 600;
    border-radius: 1rem 0 0 1rem;
    border: 1px solid #DCE6EA;
    border-right: 0;
    font-size: 1.5rem;
    color: $c-black;

    & + select {
      border-bottom-left-radius: 0 !important;
      border-top-left-radius: 0 !important;

    }
  }*/ }
  .select-outer select {
    width: 100%;
    appearance: none;
    background: url("../img/icon-triangle-down.svg") no-repeat;
    background-position-x: calc(100% - 9px);
    background-position-y: 50%;
    background-size: 1.2rem;
    font-size: 2rem;
    padding-right: 2.6rem;
    transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74);
    height: 5rem;
    border: 0;
    border-bottom: 1px solid rgba(18, 57, 119, 0.3);
    border-radius: 0;
    font-weight: 600;
    color: #123977; }
    .select-outer select:disabled {
      opacity: .5; }
    .select-outer select:invalid {
      color: rgba(18, 57, 119, 0.4); }
    .select-outer select:focus {
      outline: 0;
      border-color: #FFA134; }
    .select-outer select option {
      padding: 5px; }
  .select-outer--white select {
    background-color: #FFF;
    border: 1px solid rgba(18, 57, 119, 0.1);
    padding-left: 2rem;
    height: 5rem; }
  .select-outer.input-error {
    border: none !important;
    margin-bottom: 1.5rem !important; }

.file-input {
  width: 100%;
  height: 8rem;
  cursor: pointer;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: space-between;
  padding-right: 1.2rem;
  z-index: 3;
  border: 1px solid #EBEDF3; }
  @media (max-width: 768px) {
    .file-input {
      padding-right: 2rem; } }
  .file-input.input-error {
    border: 1px solid #d00;
    margin-bottom: 3rem; }
  .file-input:hover .btn {
    background: #ff751d;
    color: #FFFFFF; }
  .file-input-content {
    display: flex;
    align-items: center; }
  .file-input + .remove-file-btn {
    display: none;
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    background-color: #d00;
    padding: 0 4rem;
    z-index: 3;
    height: 5rem;
    cursor: pointer;
    color: #FFFFFF;
    min-width: 20rem; }
    @media (max-width: 576px) {
      .file-input + .remove-file-btn {
        font-size: 1.6rem;
        min-width: 14rem; } }
    @media (max-width: 374px) {
      .file-input + .remove-file-btn {
        min-width: 10rem;
        padding: 0 1rem; } }
  .file-input-right {
    display: flex;
    align-items: center; }
    @media (max-width: 768px) {
      .file-input-right {
        display: block; } }
    .file-input-right .btn {
      margin-left: 2rem; }
      @media (max-width: 768px) {
        .file-input-right .btn {
          margin-left: 0;
          padding: 0 1rem; } }
    .file-input-right__text {
      color: rgba(18, 57, 119, 0.5);
      font-weight: 400;
      font-size: 1.5rem;
      margin-left: auto;
      /*position: absolute;
      right: 0;*/ }
      @media (max-width: 768px) {
        .file-input-right__text {
          margin-left: unset;
          margin-top: 1rem;
          display: none; } }
  .file-input.active + .remove-file-btn {
    display: flex; }
    @media (max-width: 768px) {
      .file-input.active + .remove-file-btn {
        bottom: 0; } }
  .file-input.active .file-input__title {
    color: #123977; }
  .file-input.active .btn {
    display: none; }
  .file-input.active .file-input__icon {
    color: #123977; }
  .file-input.active .file-input-left svg {
    opacity: 1; }
  .file-input.active .file-input-right__text {
    display: none; }
  .file-input .btn {
    height: 5rem;
    z-index: 3;
    min-width: 20rem;
    background: rgba(255, 117, 29, 0.1);
    color: #ff751d;
    font-size: 1.7rem;
    cursor: pointer; }
    @media (max-width: 576px) {
      .file-input .btn {
        flex-shrink: 0;
        width: 100%;
        min-width: 12rem;
        font-size: 1.6rem; } }
  .file-input__title {
    font-size: 1.6rem;
    margin-left: 1rem;
    z-index: 3;
    font-weight: 600; }
  .file-input__text {
    color: rgba(18, 57, 119, 0.7);
    font-size: 1.6rem;
    margin-left: 8rem; }
  .file-input-left {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%; }
    @media (max-width: 768px) {
      .file-input-left {
        padding-left: 0; } }
    .file-input-left svg {
      height: 2.8rem;
      width: 3rem;
      z-index: 3;
      color: #12151E; }
  .file-input .input {
    position: absolute;
    appearance: none;
    opacity: 0;
    pointer-events: none;
    width: 1px; }
    .file-input .input.input-texted + .file-input-left .file-input-right__text {
      display: none; }

.box {
  background: #FFF;
  padding: var(--box-padding-tb) var(--box-padding-lr);
  border: 1px solid rgba(18, 57, 119, 0.3);
  min-width: 50rem;
  display: block;
  border-radius: 3rem; }
  @media (max-width: 991px) {
    .box {
      width: 100%;
      min-width: unset; } }
  @media (max-width: 576px) {
    .box {
      width: 100%; } }
  .box-section {
    padding: 4rem 0;
    border-bottom: 1px solid rgba(18, 57, 119, 0.3); }
    .box-section:first-child {
      padding-top: 0; }
    .box-section:last-child {
      padding-bottom: 0;
      border-bottom: none; }
  .box .divider {
    width: calc(100% + 2 * var(--box-padding-lr));
    margin-left: calc(-1 * var(--box-padding-lr)); }
  .box .full--section {
    position: relative; }
    .box .full--section .box-content {
      padding-bottom: -0px;
      border-bottom: none; }
  @media (min-width: 992px) {
    .box--form {
      --box-padding-tb: 5.2rem;
      --box-padding-lr: 5.2rem; } }
  .box--form .input {
    height: 7rem; }
  .box--form .input-outer--textarea .input {
    height: auto; }
  @media (max-width: 576px) {
    .box--form .title {
      font-size: 1.5rem; } }
  @media (max-width: 576px) {
    .box--form .toptitle {
      font-size: 1.5rem; } }
  @media (min-width: 992px) {
    .box--kvkk {
      --box-padding-tb: 7rem;
      --box-padding-lr: 6.2rem; } }
  .box-subscribe {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 2rem;
    text-align: center;
    background-color: #F6F6F6;
    border-radius: 2.4rem;
    padding: 3.5rem 4rem; }
    @media (max-width: 576px) {
      .box-subscribe {
        padding: 3rem 2.5rem; } }
    .box-subscribe h2 {
      font-weight: bold;
      color: #00ADC1; }
    .box-subscribe .input-group {
      margin-bottom: 2rem; }
      .box-subscribe .input-group:last-of-type {
        margin-bottom: 0; }
      .box-subscribe .input-group input {
        height: 7rem;
        box-shadow: unset; }
        @media (max-width: 576px) {
          .box-subscribe .input-group input {
            height: 6rem; } }
    .box-subscribe .btn {
      height: 6.8rem;
      border-radius: 3.4rem;
      font-size: 2rem; }
      @media (max-width: 576px) {
        .box-subscribe .btn {
          height: 6rem; } }
  .box-subscribe.mg {
    margin: 2rem; }
  .box--transparent {
    background-color: transparent;
    box-shadow: unset; }
  .box--map {
    --box-padding-tb: 0;
    --box-padding-lr: 0;
    border-radius: 3rem; }
    .box--map .map {
      padding: 0 2rem 0 2rem;
      height: 36rem;
      overflow: hidden;
      position: relative; }
      @media (max-width: 991px) {
        .box--map .map {
          max-width: 100%;
          transform: none;
          margin-bottom: 0; } }
      @media (max-width: 768px) {
        .box--map .map {
          height: 34rem; } }
      @media (max-width: 576px) {
        .box--map .map {
          height: 30rem; } }
      .box--map .map__btn {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%); }
      .box--map .map iframe {
        height: 100%;
        border: 0;
        width: 100%;
        border-radius: 2rem; }
    .box--map .box-content {
      position: relative;
      padding: 5rem 3.8rem 2rem;
      border-radius: 0 0 3rem 3rem;
      z-index: 1;
      background-color: #FFFFFF; }
      @media (max-width: 576px) {
        .box--map .box-content {
          padding: 2rem var(--container-gutter); } }
      .box--map .box-content .box-section {
        padding: 3rem 0; }
        .box--map .box-content .box-section:first-child {
          padding-top: 0; }
        .box--map .box-content .box-section:last-child {
          padding-bottom: 1rem; }
        .box--map .box-content .box-section-wrapper {
          display: flex;
          justify-content: flex-start; }
        .box--map .box-content .box-section__text {
          color: #6A7190;
          font-size: 2rem;
          line-height: 1.6;
          letter-spacing: -0.01em;
          font-weight: 500;
          margin-top: 2.9rem; }
          @media (max-width: 576px) {
            .box--map .box-content .box-section__text {
              font-size: 1.7rem; } }
          .box--map .box-content .box-section__text.phone {
            display: block; }
            @media (max-width: 991px) {
              .box--map .box-content .box-section__text.phone {
                text-decoration: underline; } }
          .box--map .box-content .box-section__text.mail {
            display: block; }
            @media (max-width: 991px) {
              .box--map .box-content .box-section__text.mail {
                text-decoration: underline; } }
        .box--map .box-content .box-section a {
          transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74); }
          .box--map .box-content .box-section a:hover {
            color: #25D366; }
        @media (max-width: 576px) {
          .box--map .box-content .box-section__title {
            font-size: 1.5rem; } }
    .box--map .subscribe-wrapper {
      padding: 2rem 2rem 3.5rem 2rem;
      position: relative;
      overflow: hidden; }
    .box--map .full-message {
      background: #172972;
      padding: 6rem;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      margin: 2rem;
      border-radius: 2.4rem; }
      .box--map .full-message-image {
        height: 5.5rem;
        object-fit: contain;
        margin-bottom: 3rem; }
      .box--map .full-message .title {
        text-align: center;
        margin-bottom: 1rem; }
      .box--map .full-message .text {
        text-align: center;
        max-width: 45rem; }
  .box--content {
    width: 100%;
    border: 0;
    --box-padding-tb: 3.5rem;
    --box-padding-lr: 5rem; }
    @media (max-width: 991px) {
      .box--content {
        --box-padding-tb: 4.6rem;
        --box-padding-lr: 5.6rem; } }
    @media (max-width: 576px) {
      .box--content {
        --box-padding-tb: 3.6rem;
        --box-padding-lr: var(--container-gutter); } }
    .box--content .divider {
      margin-bottom: 4rem; }
  .box--blog {
    --box-padding-tb: 8rem;
    --box-padding-lr: 13rem;
    border: 0;
    box-shadow: 0px 0px 20px #20428907; }
    @media (max-width: 768px) {
      .box--blog {
        --box-padding-tb: 4rem;
        --box-padding-lr: 8rem; } }
    @media (max-width: 576px) {
      .box--blog {
        --box-padding-tb: var(--container-gutter);
        --box-padding-lr: var(--container-gutter); } }
  .box--social {
    border: 0; }
    @media (min-width: 992px) {
      .box--social {
        --box-padding-tb: 7rem;
        --box-padding-lr: 6; } }

.subpage {
  margin-bottom: 20rem; }
  @media (max-width: 576px) {
    .subpage {
      margin-bottom: 7rem; } }
  .subpage-intro {
    width: 100%;
    padding-top: 20rem;
    position: relative;
    margin-bottom: 7rem; }
    @media (max-width: 576px) {
      .subpage-intro {
        padding-top: 15rem; } }
    .subpage-intro-hero {
      display: flex;
      align-items: center;
      justify-content: space-between; }
      @media (max-width: 991px) {
        .subpage-intro-hero {
          flex-direction: column; } }
      .subpage-intro-hero-left {
        flex: 0 0 43%;
        max-width: 43%; }
        @media (max-width: 991px) {
          .subpage-intro-hero-left {
            flex: unset;
            max-width: unset; } }
      .subpage-intro-hero-right {
        height: 56rem;
        flex: 0 0 55%;
        max-width: 55%; }
        @media (max-width: 991px) {
          .subpage-intro-hero-right {
            width: 100%;
            flex: unset;
            max-width: unset; } }
        @media (max-width: 576px) {
          .subpage-intro-hero-right {
            height: 30rem; } }
        .subpage-intro-hero-right .hero-image {
          height: 100%;
          width: 100%;
          object-fit: contain; }
    .subpage-intro--center .subpage-intro-content {
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center; }
    .subpage-intro .toptitle {
      margin-bottom: 2rem; }
  .subpage__title {
    max-width: 110rem;
    margin-bottom: 6rem;
    font-weight: 800; }
    @media (max-width: 991px) {
      .subpage__title {
        width: 100%;
        position: relative;
        z-index: 2; } }
  .subpage__text {
    width: 110rem; }
    @media (max-width: 991px) {
      .subpage__text {
        width: 100%; } }

.tab-content {
  opacity: 1;
  animation: filteredScale 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74) alternate forwards; }
  .tab-content.filtering {
    animation: filteringScale 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74) alternate forwards; }
  .tab-content.filtered {
    display: none; }

@keyframes filteringScale {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes filteredScale {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@media (max-width: 576px) {
  .tab {
    margin-top: 0; } }

.tab-link-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 5rem;
  overflow: hidden;
  border-bottom: 1px solid rgba(18, 57, 119, 0.3);
  position: sticky;
  top: 0;
  background: #F6F6F6;
  z-index: 1; }
  @media (max-width: 991px) {
    .tab-link-wrapper {
      margin-bottom: 3.4rem;
      display: none; } }
  @media (max-width: 768px) {
    .tab-link-wrapper.mobile-full {
      width: 100vw; } }
  @media (max-width: 991px) {
    .tab-link-wrapper {
      overflow-x: auto;
      overflow-y: hidden; } }
  .tab-link-wrapper .animated-tabs {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    overflow: hidden; }
    .tab-link-wrapper .animated-tabs::-webkit-scrollbar {
      display: none; }
    .tab-link-wrapper .animated-tabs.reverse *:nth-last-child(3) {
      margin-right: 0; }
    @media (max-width: 991px) {
      .tab-link-wrapper .animated-tabs {
        width: 100%;
        justify-content: flex-start; } }
    @media (max-width: 768px) {
      .tab-link-wrapper .animated-tabs {
        overflow-x: auto;
        padding-right: 2rem;
        padding-left: var(--container-gutter); } }
    .tab-link-wrapper .animated-tabs-item {
      padding: 4rem 1rem;
      color: #123977;
      font-size: 2.5rem;
      cursor: pointer;
      transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74);
      font-weight: bold;
      line-height: 1.4em;
      text-align: center;
      z-index: 2;
      position: relative;
      width: max-content;
      white-space: nowrap; }
      @media (max-width: 1700px) {
        .tab-link-wrapper .animated-tabs-item {
          font-size: 1.8rem; } }
      @media (max-width: 768px) {
        .tab-link-wrapper .animated-tabs-item:first-child {
          padding-left: 0; } }
      .tab-link-wrapper .animated-tabs-item:not(:last-child) {
        margin-right: 5rem; }
        @media (max-width: 1700px) {
          .tab-link-wrapper .animated-tabs-item:not(:last-child) {
            margin-right: 3rem; } }
        @media (max-width: 991px) {
          .tab-link-wrapper .animated-tabs-item:not(:last-child) {
            margin-right: 2rem; } }
        @media (max-width: 576px) {
          .tab-link-wrapper .animated-tabs-item:not(:last-child) {
            margin-right: 3rem;
            padding-right: 0;
            padding-left: 0; } }
      @media (max-width: 991px) {
        .tab-link-wrapper .animated-tabs-item {
          flex-shrink: 0; } }
      .tab-link-wrapper .animated-tabs-item .badge {
        background: rgba(23, 41, 114, 0.15);
        color: #FFFFFF; }
    .tab-link-wrapper .animated-tabs-line {
      background: #00ADC1;
      height: 2px;
      position: absolute;
      left: 0;
      bottom: 0;
      transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74); }

.tab-content-wrapper {
  padding-top: 7.2rem; }
  @media (max-width: 991px) {
    .tab-content-wrapper {
      padding-top: 4rem; } }

@media (max-width: 991px) {
  .ghost {
    width: var(--wrapper-padding);
    height: 3rem;
    min-width: var(--wrapper-padding);
    display: flex;
    position: relative; } }

.filtered-item.hide {
  display: none; }

.nav {
  width: 100%;
  height: var(--nav-height);
  border-bottom: 1px solid rgba(18, 57, 119, 0.1);
  display: flex;
  justify-content: center;
  align-items: center; }
  .nav--check-bottom .nav-item.completed::before {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 50%);
    margin-left: 0; }
  .nav-item {
    height: inherit;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: relative;
    font-size: 2rem;
    opacity: .55;
    font-weight: 600;
    flex: 0 0 auto;
    padding: 0 2rem;
    max-width: calc(var(--container-width) / 3); }
    @media (max-width: 991px) {
      .nav-item {
        max-width: unset;
        min-width: 15rem;
        opacity: 1; } }
    .nav-item::after {
      content: '';
      width: 100%;
      background: #00ADC1;
      position: absolute;
      bottom: -1px;
      left: 0;
      transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74);
      height: 0; }
      @media (max-width: 991px) {
        .nav-item::after {
          content: unset; } }
    .nav-item.completed {
      opacity: 1;
      justify-content: center;
      flex-direction: row-reverse; }
      @media (max-width: 991px) {
        .nav-item.completed {
          display: flex; } }
      .nav-item.completed::before {
        content: '';
        width: 1em;
        height: 1em;
        border-radius: 50%;
        margin-left: 2rem;
        font-size: 4rem;
        background: #00ADC1 url("../img/checkmark.svg") no-repeat center;
        background-size: 1.8rem; }
        @media (max-width: 991px) {
          .nav-item.completed::before {
            position: absolute;
            margin-left: 0;
            bottom: 0;
            transform: translateY(50%); } }
    @media (max-width: 991px) {
      .nav-item:not(.completed):before {
        content: "";
        width: 1em;
        height: 1em;
        border-radius: 50%;
        background: #F6F6F6;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate(-50%, 50%);
        font-size: 4.3rem;
        border: 1px solid rgba(18, 57, 119, 0.3); } }
    .nav-item.active {
      color: #00ADC1;
      opacity: 1; }
      @media (max-width: 991px) {
        .nav-item.active {
          display: flex; } }
      .nav-item.active::after {
        height: 3px; }
        @media (max-width: 991px) {
          .nav-item.active::after {
            content: "";
            width: .5em;
            height: .5em;
            border-radius: 50%;
            background: #00ADC1;
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translate(-50%, 50%);
            font-size: 4rem;
            border: 1px solid rgba(18, 57, 119, 0.3); } }
    .nav-item + .nav-item {
      margin-left: 7vw; }
      @media (max-width: 991px) {
        .nav-item + .nav-item {
          margin-left: 0; } }
    .nav-item__title {
      font-weight: 600; }
      @media (max-width: 991px) {
        .nav-item__title {
          display: none; } }
      .nav-item__title + * {
        margin-left: 2rem; }
    @media (max-width: 991px) {
      .nav-item span {
        display: none; } }
  .nav--b2b .nav-item {
    padding: 0; }
    .nav--b2b .nav-item.active {
      color: #123977; }
  .nav--b2b .nav-item + .nav-item {
    margin-left: 3vw; }
  .nav-mobile-title {
    color: #3B6CF0;
    font-weight: 600;
    font-size: 2rem;
    padding: 0 2rem;
    position: absolute; }
    @media (min-width: 992px) {
      .nav-mobile-title {
        display: none; } }

.filter_bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 11rem;
  border-bottom: 1px solid rgba(18, 57, 119, 0.3);
  z-index: 1;
  position: relative; }
  @media (max-width: 991px) {
    .filter_bar {
      width: 100%; } }
  @media (max-width: 768px) {
    .filter_bar {
      /*width: 100%;
    padding: 1rem 2rem 2rem 2rem;
    height: auto;*/
      flex-direction: column-reverse;
      border-bottom: 0; } }
  .filter_bar-right {
    display: flex;
    align-items: center; }
    @media (max-width: 768px) {
      .filter_bar-right {
        width: 100%; } }
  .filter_bar-item {
    display: flex;
    align-items: center;
    padding: 0;
    font-size: 1.8rem;
    line-height: 1;
    letter-spacing: -0.001em;
    height: 8.4rem;
    cursor: pointer;
    transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74);
    position: relative;
    /*&:first-child {
      @include bp(tablet-small-under){
        border-bottom: 1px solid $c-border;
      }
      &.active, &.selected {
        .filter_bar-item__icon {
          color: $c-green;
        }
      }
      select{
        &:focus{
          & ~ .filter_bar-item__icon {
            color: $c-green;
          }

        }
      }
    }

    &:nth-child(2) {
      &.active, &.selected {
        .filter_bar-item__icon {
          color: $c-orange;
        }
      }
      select{
        &:focus{
          & ~ .filter_bar-item__icon {
            color: $c-orange;
          }

        }
      }
    }*/
    /*&.active, &.selected {
        .filter_bar-item__icon {
          color: $c-orange;
        }
      }*/
    /*select{
        &:focus{
          & ~ .filter_bar-item__icon {
            color: $c-b;
          }

        }
      }*/ }
    @media (max-width: 768px) {
      .filter_bar-item {
        width: 100%;
        padding: 0;
        justify-content: space-between; } }
    .filter_bar-item__native {
      margin-left: 2rem;
      font-size: 1.5rem; }
    .filter_bar-item.active .filter_bar-item__title, .filter_bar-item.selected .filter_bar-item__title {
      color: #123977; }
    .filter_bar-item.selected .filter_bar-item__title {
      font-weight: 600; }
    .filter_bar-item select:focus ~ .filter_bar-item__title {
      color: #123977; }
    .filter_bar-item + .filter_bar-item {
      border-left: 1px solid rgba(18, 57, 119, 0.3); }
    .filter_bar-item select {
      position: absolute;
      pointer-events: none;
      opacity: 0;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      z-index: 2; }
      @media (max-width: 768px) {
        .filter_bar-item select {
          pointer-events: all; } }
    .filter_bar-item__icon {
      margin-right: 1.5rem;
      font-size: 3rem;
      color: rgba(18, 57, 119, 0.2);
      transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74); }
    .filter_bar-item__title {
      transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74);
      font-weight: 400; }
    .filter_bar-item.active .filter_bar-item-box {
      opacity: 1;
      pointer-events: all; }
    .filter_bar-item-box {
      position: absolute;
      top: 10rem;
      left: 50%;
      transform: translateX(-50%);
      background: #FFF;
      min-width: 20rem;
      height: auto;
      display: block;
      opacity: 0;
      transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74);
      pointer-events: none;
      box-shadow: 0 5px 10px rgba(17, 30, 64, 0.1);
      padding: 1rem; }
      .filter_bar-item-box__item {
        height: 4.4rem;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        font-size: 1.6rem;
        font-weight: 600;
        line-height: 1;
        margin-bottom: 3px;
        transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74);
        padding: 0 1rem;
        white-space: nowrap; }
        .filter_bar-item-box__item:last-child {
          margin-bottom: 0; }
        .filter_bar-item-box__item:not(.active):hover {
          background: #f6f6f6; }
        .filter_bar-item-box__item.active {
          background: #FFA134;
          color: #FFF; }

.search-wrapper {
  display: flex;
  align-items: center;
  margin-top: 2rem;
  margin-bottom: 5rem;
  z-index: 10;
  justify-content: flex-end; }
  @media (max-width: 768px) {
    .search-wrapper {
      flex-direction: column; } }
  .search-wrapper .input-group {
    margin-bottom: 0; }
    @media (max-width: 768px) {
      .search-wrapper .input-group {
        margin-top: 2rem; } }

.search_bar {
  background: #FFF;
  display: flex;
  align-items: center;
  height: 8rem;
  width: max-content;
  border-radius: 2rem;
  z-index: 101;
  position: relative;
  cursor: pointer; }
  @media (max-width: 991px) {
    .search_bar {
      width: max-content;
      padding-right: 0; } }
  @media (max-width: 768px) {
    .search_bar {
      width: 100%;
      justify-content: space-between;
      margin-right: 0;
      height: 7rem; } }
  .search_bar-item {
    width: 50rem;
    display: flex;
    border: 1px solid #00348829;
    align-items: center;
    padding: 0 0 0 3rem;
    border-radius: 2rem;
    font-size: 1.8rem;
    letter-spacing: -0.001em;
    height: 8rem;
    transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74);
    position: relative;
    font-weight: 500;
    /*&:first-child {
      @include bp(tablet-small-under){
        border-bottom: 1px solid $c-border;
      }
      &.active, &.selected {
        .search_bar-item__icon {
          color: $c-green;
        }
      }
      select{
        &:focus{
          & ~ .search_bar-item__icon {
            color: $c-green;
          }

        }
      }
    }

    &:nth-child(2) {
      &.active, &.selected {
        .search_bar-item__icon {
          color: $c-orange;
        }
      }
      select{
        &:focus{
          & ~ .search_bar-item__icon {
            color: $c-orange;
          }

        }
      }
    }

    &:nth-child(3) {

      &.active, &.selected {
        .search_bar-item__icon {
          color: $c-blue;
        }
      }
      select{
        &:focus{
          & ~ .search_bar-item__icon {
            color: $c-blue;
          }

        }
      }
    }*/ }
    .search_bar-item-icon {
      position: absolute;
      right: 2rem;
      pointer-events: none;
      font-size: 2rem; }
      @media (max-width: 768px) {
        .search_bar-item-icon {
          right: 3rem;
          font-size: 2.5rem; } }
    @media (max-width: 991px) {
      .search_bar-item {
        width: 42rem; } }
    @media (max-width: 768px) {
      .search_bar-item {
        width: 100%;
        height: 7rem; } }
    .search_bar-item.disabled {
      display: none; }
    .search_bar-item-filter {
      height: 90%;
      display: flex;
      align-items: center;
      justify-content: center;
      padding-left: 2rem;
      border-left: 1px solid rgba(18, 57, 119, 0.3);
      padding-right: 2rem; }
    .search_bar-item__top-title {
      pointer-events: none;
      position: absolute;
      transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74);
      font-size: 2rem;
      color: rgba(93, 95, 104, 0.6);
      font-weight: normal; }
      @media (max-width: 991px) {
        .search_bar-item__top-title {
          display: none; } }
    .search_bar-item.active .search_bar-item__title, .search_bar-item.selected .search_bar-item__title {
      color: #123977; }
    .search_bar-item.selected .search_bar-item__title {
      opacity: 1; }
      @media (max-width: 991px) {
        .search_bar-item.selected .search_bar-item__title {
          opacity: 0;
          pointer-events: none; } }
    .search_bar-item.selected .search_bar-item__top-title {
      opacity: 0;
      pointer-events: none; }
    .search_bar-item select {
      background: none;
      appearance: none; }
    .search_bar-item + .search_bar-item {
      border-left: 1px solid rgba(18, 57, 119, 0.3); }
    .search_bar-item select {
      position: absolute;
      opacity: 0;
      width: 100%;
      height: 100%;
      cursor: pointer;
      left: 0;
      top: 0;
      padding-left: 2rem;
      padding-top: 2rem;
      z-index: 2;
      border: 0;
      outline: 0;
      font-weight: bold;
      color: #123977;
      font-size: 2rem;
      pointer-events: none; }
      @media (max-width: 991px) {
        .search_bar-item select {
          padding-left: 3rem;
          pointer-events: all;
          opacity: 1;
          padding-top: 0; } }
    .search_bar-item__icon {
      margin-right: 1.5rem;
      font-size: 2rem;
      color: #F4843D;
      transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74); }
    .search_bar-item__title {
      color: #123977;
      transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74);
      opacity: 0;
      position: absolute;
      top: 50%;
      font-weight: 600;
      font-size: 2rem;
      transform: translateY(-50%); }
    .search_bar-item.active {
      /*.search_bar-item__top-title{
        transform: translateY(-100%);
        font-size: 1.2rem;
      }*/ }
      .search_bar-item.active .search_bar-item-box {
        opacity: 1;
        pointer-events: all; }
    .search_bar-item-box {
      position: absolute;
      top: 10rem;
      left: 0;
      border-radius: 2rem;
      background: #FFF;
      min-width: 25rem;
      height: auto;
      display: block;
      opacity: 0;
      transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74);
      pointer-events: none;
      box-shadow: 0 5px 10px rgba(17, 30, 64, 0.1);
      padding: 1rem; }
      .search_bar-item-box__item {
        height: 4.4rem;
        display: flex;
        align-items: center;
        border-radius: 1.7rem;
        justify-content: flex-start;
        font-size: 1.8rem;
        font-weight: 600;
        line-height: 1;
        margin-bottom: 3px;
        transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74);
        padding: 0 1.5rem;
        white-space: nowrap; }
        .search_bar-item-box__item:last-child {
          margin-bottom: 0; }
        .search_bar-item-box__item:not(.active):hover {
          background: #f6f6f6; }
        .search_bar-item-box__item.active {
          background: #00ADC1;
          color: #FFF; }
  .search_bar .filter-icon {
    font-size: 2.5rem; }
  .search_bar__btn {
    min-width: unset;
    height: 6.4rem;
    display: flex; }

.modal {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -48%);
  background: #fff;
  z-index: 251;
  pointer-events: none;
  transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74);
  display: flex;
  flex-direction: column;
  opacity: 0;
  min-height: 25rem;
  min-width: 40rem;
  overflow: hidden;
  width: 53rem;
  border-radius: var(--box-radius);
  max-width: calc(100% - 3.6rem);
  border: 1px solid rgba(18, 57, 119, 0.3); }
  @media (max-width: 576px) {
    .modal {
      min-width: unset; } }
  .modal--modal-big {
    width: var(--large-box-width); }
  .modal--image {
    background: transparent;
    overflow: visible;
    padding: 0;
    width: 60rem; }
    @media (max-width: 991px) {
      .modal--image {
        width: 50rem; } }
    @media (max-width: 576px) {
      .modal--image {
        height: auto; } }
    .modal--image .modal-image {
      border-radius: 3rem;
      overflow: hidden;
      object-fit: cover; }
      @media (max-width: 576px) {
        .modal--image .modal-image {
          border-radius: 2rem; } }
    .modal--image .modal-close {
      width: 6.4rem;
      height: 6.4rem;
      display: grid;
      place-items: center;
      background: #fff;
      border-radius: 50%;
      cursor: pointer;
      transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74);
      font-size: 2rem;
      color: #123977;
      flex-shrink: 0;
      margin-left: 2rem;
      position: absolute;
      top: -1rem;
      transform: translateY(-100%);
      right: 0; }
      @media (max-width: 991px) {
        .modal--image .modal-close {
          width: 5rem;
          height: 5rem;
          font-size: 1.6rem; } }
      .modal--image .modal-close:hover {
        background: #123977 !important;
        color: #FFF !important; }
  .modal.active {
    transform: translate(-50%, -50%);
    opacity: 1;
    pointer-events: all; }
  .modal--meet .modal-header {
    padding: 6.3rem 5.8rem 5.4rem 5.8rem;
    margin: 0; }
    .modal--meet .modal-header .toptitle {
      margin-bottom: 1rem; }
    .modal--meet .modal-header .title {
      margin-bottom: 3.2rem; }
  .modal--meet .modal-content {
    padding: 3rem 5.8rem 3.7rem 5.8rem; }
    .modal--meet .modal-content .post-badges {
      margin-top: 2rem;
      margin-bottom: 3.5rem; }
    .modal--meet .modal-content .modal-user {
      display: flex;
      align-items: center; }
      .modal--meet .modal-content .modal-user .user-img {
        font-size: 7rem; }
      .modal--meet .modal-content .modal-user .user-info {
        margin-left: 2rem; }
        .modal--meet .modal-content .modal-user .user-info .user-name-wrapper {
          margin-bottom: 0.7rem; }
          .modal--meet .modal-content .modal-user .user-info .user-name-wrapper .mark:before {
            font-size: 2rem; }
          .modal--meet .modal-content .modal-user .user-info .user-name-wrapper .mark--approved:before {
            background-size: 1rem; }
        .modal--meet .modal-content .modal-user .user-info .user__name {
          font-size: 2rem; }
        .modal--meet .modal-content .modal-user .user-info .user__title {
          font-size: 1.8rem; }
  .modal--meet .modal-footer {
    text-align: center;
    font-size: 1.9rem;
    padding: 0 0 6.3rem 0; }
  .modal--success .modal-header {
    padding: 8.2rem 10rem 5rem 10rem; }
    .modal--success .modal-header__image {
      height: 9.7rem;
      margin-bottom: 4rem; }
  .modal--success .modal-footer {
    padding: 5rem 8rem 6rem 8rem; }
    .modal--success .modal-footer .success__text {
      margin-bottom: 3.5rem;
      text-align: center; }
  .modal-header {
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    border-bottom: 1px solid rgba(18, 57, 119, 0.3); }
    .modal-header .toptitle {
      justify-content: center; }
  .modal--text {
    max-height: 80rem;
    overflow-y: auto;
    padding: 2.6rem 4rem;
    width: 100rem; }
    .modal--text .modal-header {
      display: flex;
      align-items: center;
      margin: 0 0 3rem 0;
      justify-content: space-between;
      flex-shrink: 0;
      position: relative;
      border-bottom: 0; }
      .modal--text .modal-header .modal__title {
        font-weight: 600;
        font-size: 3rem;
        color: #123977;
        text-align: left; }
        @media (max-width: 576px) {
          .modal--text .modal-header .modal__title {
            font-size: 2.5rem;
            max-width: 34rem; } }
    .modal--text .modal-footer {
      width: 100%;
      margin-top: 2rem;
      -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0; }
    .modal--text .modal-close {
      width: 4.8rem;
      height: 4.8rem;
      display: grid;
      place-items: center;
      background: #edf0f5;
      border-radius: 50%;
      cursor: pointer;
      transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74);
      font-size: 1.6rem;
      color: #123977;
      flex-shrink: 0; }
      .modal--text .modal-close:hover {
        background: #123977 !important;
        color: #fff !important; }
    .modal--text .modal-content {
      height: 100%;
      flex-grow: 1;
      overflow-y: auto;
      max-height: calc(100% - 20rem);
      padding-right: 1rem; }
      .modal--text .modal-content p {
        margin-bottom: 2rem !important; }
        .modal--text .modal-content p:last-child {
          margin-bottom: 0; }
      .modal--text .modal-content h2 {
        font-size: 2.6rem; }

.js-open-modal {
  cursor: pointer; }

.show-ghost.blog-card .blog-card-image {
  position: relative; }
  .show-ghost.blog-card .blog-card-image::after {
    content: '';
    height: 100%;
    width: 100%;
    background: #fff;
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0; }

.show-ghost .job-img, .show-ghost .title, .show-ghost .text, .show-ghost .badge, .show-ghost .job-content-footer, .show-ghost .post-status, .show-ghost .progress, .show-ghost .btn, .show-ghost .info, .show-ghost .blog-card {
  position: relative;
  overflow: hidden;
  border: 0;
  /*
    &::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 20%;
      height: 100%;
      background-image: linear-gradient(270deg, transparent, rgba($c-black, 0.05), transparent);
      animation-name: shine;
      animation-delay: 0.3s;
      animation-duration: 4s;
      animation-timing-function: ease;
      animation-iteration-count: infinite;
      animation-direction: normal;
      -webkit-transform: skew(-30deg);
      transform: skew(-30deg);
      z-index: 3;
    }
    */ }
  .show-ghost .job-img::after, .show-ghost .title::after, .show-ghost .text::after, .show-ghost .badge::after, .show-ghost .job-content-footer::after, .show-ghost .post-status::after, .show-ghost .progress::after, .show-ghost .btn::after, .show-ghost .info::after, .show-ghost .blog-card::after {
    content: '';
    height: 100%;
    width: 100%;
    background: #fff;
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0; }

.info {
  display: flex;
  align-items: center;
  font-size: 2.5rem;
  font-weight: bold; }
  .info-content {
    margin-left: 2rem; }
  .info--small {
    font-size: 1.6rem; }
  .info--medium {
    font-size: 2rem; }
  .info--big {
    font-size: 4rem; }
    @media (max-width: 576px) {
      .info--big {
        font-size: 3rem; } }
  .info--green {
    color: #25D366; }
    .info--green .info-content {
      margin-left: 1.4rem; }
      @media (max-width: 576px) {
        .info--green .info-content {
          margin-left: 0; } }
  .info-wrapper {
    display: flex;
    align-items: center; }
    .info-wrapper .info + .info {
      margin-left: 1.8rem; }
  .info-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 3rem; }
    .info-row .info {
      margin-right: 7rem;
      margin-bottom: 1.5rem; }
      .info-row .info:last-child {
        margin-right: 0;
        margin-bottom: 0; }
  .info--block {
    display: block; }
    .info--block .info-header {
      color: #5D5F68;
      font-size: 1.8rem;
      font-weight: 500; }
    .info--block .info-content {
      color: #123977;
      font-weight: 600;
      font-size: 2.4rem;
      margin-top: .5rem;
      white-space: nowrap; }
  .info--gray {
    color: rgba(18, 57, 119, 0.5);
    font-size: 2rem;
    align-items: center; }
    @media (max-width: 576px) {
      .info--gray {
        font-size: 1.8rem; } }
  .info--blue {
    color: #00ADC1; }
    .info--blue .info-content {
      margin-left: 1.6rem; }
  .info--black {
    color: #123977; }
  .info--white {
    color: #fff; }
  .info--dark-black {
    color: #123977; }
    .info--dark-black .info-content {
      margin-left: 1rem; }
    .info--dark-black .info__icon {
      color: #00ADC1; }

.dr-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: rgba(18, 57, 119, 0.05);
  border-radius: 2rem 2rem 2rem 14rem;
  padding-bottom: 0;
  transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74);
  position: relative;
  overflow: hidden;
  min-height: 56rem; }
  @media (max-width: 991px) {
    .dr-card {
      min-height: 45rem; } }
  @media (max-width: 576px) {
    .dr-card {
      min-height: 52rem;
      align-items: flex-start; } }
  @media (min-width: 992px) {
    .dr-card:hover {
      transform: translateY(-1rem); }
      .dr-card:hover .btn {
        opacity: 1;
        pointer-events: all; }
      .dr-card:hover .title {
        color: rgb(28, 41, 87, 1); } }
  .dr-card-content {
    padding: 4.5rem 3.5rem 0;
    display: flex;
    align-items: flex-start;
    flex-direction: column; }
    @media (max-width: 1529px) {
      .dr-card-content {
        padding: 4.5rem 2.5rem 0; } }
    @media (max-width: 768px) {
      .dr-card-content {
        text-align: center; } }
    @media (max-width: 576px) {
      .dr-card-content {
        padding: 4.5rem var(--container-gutter) 0; } }
  .dr-card img {
    height: 38rem;
    object-fit: contain;
    object-position: bottom;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%; }
    @media (max-width: 991px) {
      .dr-card img {
        height: 31rem; } }
    @media (max-width: 576px) {
      .dr-card img {
        height: 35rem;
        width: 100%;
        position: static; } }
  .dr-card .title {
    font-weight: 800;
    transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden; }
    @media (max-width: 576px) {
      .dr-card .title {
        font-size: 2.6rem;
        text-align: left; } }
  .dr-card .text {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden; }
    @media (max-width: 576px) {
      .dr-card .text {
        margin-bottom: 1rem; } }
  .dr-card .btn {
    position: absolute;
    bottom: 4rem;
    right: 3.3rem;
    min-width: 26rem;
    opacity: 0;
    pointer-events: none; }
    @media (max-width: 1529px) {
      .dr-card .btn {
        right: 2.5rem; } }
    @media (max-width: 991px) {
      .dr-card .btn {
        opacity: 1;
        pointer-events: all; } }
    @media (max-width: 576px) {
      .dr-card .btn {
        right: 4.5rem; } }

.media-item {
  position: relative;
  transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74);
  cursor: pointer; }
  .media-item:hover .media-item-play {
    background: #fff;
    color: #123977; }
  .media-item-content {
    position: absolute;
    background: #fff;
    padding: 2.1rem 2.7rem;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 50%);
    width: 90%;
    border-radius: 2rem; }
    .media-item-content .title {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden; }
  .media-item-image {
    height: 47rem;
    border-radius: var(--card-radius);
    overflow: hidden;
    position: relative; }
    .media-item-image::after {
      content: "";
      position: absolute;
      height: 100%;
      width: 100%;
      background: #123977 0% 0% no-repeat padding-box;
      left: 0;
      top: 0;
      opacity: .5; }
    .media-item-image img {
      height: 100%;
      width: 100%;
      object-fit: cover; }
  .media-item-play {
    height: 9rem;
    width: 9rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #fff;
    color: #fff;
    transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    font-size: 3.5rem; }
    @media (max-width: 991px) {
      .media-item-play {
        height: 9rem;
        width: 9rem; } }
    @media (max-width: 576px) {
      .media-item-play {
        height: 7rem;
        width: 7rem;
        font-size: 1.6rem; } }
  .media-item--small .media-item-image {
    height: 42rem; }
  .media-item--small .title {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 3rem; }

.treatment-card {
  border: 1px solid rgba(0, 173, 193, 0.22);
  padding: 5rem 3rem;
  background: transparent;
  border-radius: var(--card-radius);
  background: #123977;
  transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74);
  display: block;
  min-height: 38rem; }
  @media (max-width: 576px) {
    .treatment-card {
      padding: 3rem var(--container-gutter);
      min-height: 37rem; } }
  .treatment-card-header img {
    height: 4.6rem;
    margin-bottom: 2rem;
    object-fit: contain; }
  .treatment-card .title {
    font-weight: bold;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .treatment-card .text {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  @media (min-width: 992px) {
    .treatment-card:hover {
      background: rgba(0, 173, 193, 0.15);
      border-color: rgba(0, 173, 193, 0.15);
      transform: translateY(-1rem); } }
  .treatment-card--white {
    background: #fff;
    padding: 4.2rem 4.5rem;
    border: 0; }
    @media (max-width: 576px) {
      .treatment-card--white {
        padding: 3rem var(--container-gutter); } }
    .treatment-card--white img {
      height: 7.7rem; }
      @media (max-width: 576px) {
        .treatment-card--white img {
          height: 6.7rem; } }
    .treatment-card--white:hover {
      box-shadow: 0px 40px 50px -20px rgba(3, 43, 92, 0.1);
      background: #fff;
      transform: translateY(-1rem); }
      @media (max-width: 991px) {
        .treatment-card--white:hover {
          transform: unset;
          box-shadow: unset; } }
      .treatment-card--white:hover .link {
        color: #00ADC1; }

.faq-item {
  padding: 2.5rem 0;
  border-radius: 2rem;
  background: #fff; }
  .faq-item + .faq-item {
    margin-top: 2rem; }
  .faq-item.active {
    padding-bottom: 0; }
    .faq-item.active .faq-item-header__icon {
      background: #123977; }
      .faq-item.active .faq-item-header__icon span {
        background: #fff; }
        .faq-item.active .faq-item-header__icon span:first-child {
          transform: rotate(0deg); }
    .faq-item.active .faq-item-header {
      border-bottom: 1px solid #1239771A;
      padding-bottom: 1.5rem; }
  .faq-item:not(.active) .faq-item-header:hover .faq-item-header__icon {
    background: #123977; }
    .faq-item:not(.active) .faq-item-header:hover .faq-item-header__icon span {
      background: #fff; }
  .faq-item-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    padding-left: 3.6rem;
    padding-right: 3.6rem; }
    @media (max-width: 576px) {
      .faq-item-header {
        padding-left: var(--container-gutter);
        padding-right: var(--container-gutter); } }
    .faq-item-header__title {
      font-size: 2rem;
      font-weight: 500;
      color: #123977;
      line-height: 1.7em;
      padding-right: 7rem; }
      @media (max-width: 991px) {
        .faq-item-header__title {
          padding-right: 2rem;
          font-size: 2rem;
          width: 100%; } }
      @media (max-width: 576px) {
        .faq-item-header__title {
          font-size: 2.4rem; } }
    .faq-item-header__icon {
      width: 3.7rem;
      height: 3.7rem;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      color: #fff;
      background: #00ADC1;
      position: relative;
      transition: 0.2s cubic-bezier(0.29, 0.13, 0.27, 0.74);
      flex-shrink: 0; }
      .faq-item-header__icon span {
        position: absolute;
        width: 1.5rem;
        height: 2px;
        background: #fff;
        transition: 0.2s cubic-bezier(0.29, 0.13, 0.27, 0.74); }
        .faq-item-header__icon span:first-child {
          transform: rotate(90deg); }
  .faq-item-content {
    padding-right: 3.6rem;
    padding-left: 3.6rem; }
    @media (max-width: 768px) {
      .faq-item-content {
        padding: 0 var(--container-gutter);
        padding-right: 0; } }
    .faq-item-content .accordion-calc {
      padding-top: 2rem;
      padding-bottom: 2rem; }
    .faq-item-content p {
      color: #5D5F68;
      font-size: 1.8rem;
      font-weight: normal;
      line-height: 1.7em;
      width: 100%; }
      .faq-item-content p:last-child {
        margin-bottom: 0; }
      @media (max-width: 991px) {
        .faq-item-content p {
          width: 100%; } }
      @media (max-width: 768px) {
        .faq-item-content p {
          font-size: var(--font-size-text);
          padding-left: 0; } }

.dr {
  display: flex;
  align-items: center;
  justify-content: flex-start; }
  .dr-image {
    height: 7.4rem;
    width: 7.4rem;
    border-radius: 50%;
    background: #E4FCFC;
    border: 1px solid #00348829;
    overflow: hidden; }
    .dr-image img {
      height: 100%;
      width: 100%;
      object-fit: contain; }
  .dr-info {
    margin-left: 2rem;
    text-align: left; }
    .dr-info .text {
      opacity: .6; }

.divider--w-shape {
  position: relative;
  margin-bottom: 6rem; }
  .divider--w-shape img {
    position: absolute;
    top: 0;
    left: 50%;
    height: 5rem;
    object-fit: cover;
    transform: translate(-50%, -50%); }
    @media (max-width: 576px) {
      .divider--w-shape img {
        height: 5rem; } }

.divider--w-input .input-group {
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70rem; }
  @media (max-width: 991px) {
    .divider--w-input .input-group {
      width: 60rem; } }
  @media (max-width: 576px) {
    .divider--w-input .input-group {
      width: 80%; } }
  .divider--w-input .input-group .input {
    border: 1px solid #00348829;
    border-radius: 2.4rem; }
    .divider--w-input .input-group .input:focus {
      box-shadow: 0px 0px 6px #4090F733; }
  .divider--w-input .input-group .l-icon {
    font-size: 3rem;
    left: 4rem;
    opacity: 1; }
    @media (max-width: 576px) {
      .divider--w-input .input-group .l-icon {
        font-size: 2.5rem;
        left: 2rem; } }
  .divider--w-input .input-group .input.input-l-icon {
    height: 10rem;
    padding-left: 10rem;
    font-size: 2rem; }
    @media (max-width: 991px) {
      .divider--w-input .input-group .input.input-l-icon {
        height: 7rem; } }
    @media (max-width: 576px) {
      .divider--w-input .input-group .input.input-l-icon {
        padding-left: 6rem; } }

.custom-list-item {
  padding-left: 4.5rem;
  position: relative; }
  @media (max-width: 768px) {
    .custom-list-item {
      padding-left: 4rem; } }
  .custom-list-item::before {
    content: "";
    position: absolute;
    width: 1.2rem;
    height: 1.2rem;
    background: #1E51A4;
    left: .5rem;
    top: .2rem;
    border-radius: 50%;
    transform: translate(-50%, 50%); }
    @media (max-width: 768px) {
      .custom-list-item::before {
        height: 1rem;
        width: 1rem; } }
    @media (max-width: 576px) {
      .custom-list-item::before {
        left: 0;
        transform: translate(0, 50%); } }

.custom-list ul li {
  display: flex;
  align-items: flex-start;
  font-size: 2rem;
  margin-bottom: 3rem;
  position: relative;
  font-weight: 400;
  color: rgba(3, 43, 92, 0.75);
  padding-left: 2rem; }
  .custom-list ul li::before {
    content: '';
    width: 1em;
    height: 1em;
    font-size: 11px;
    border-radius: 50%;
    background: #00ADC1;
    position: absolute;
    left: -2rem;
    top: 0;
    transform: translateY(100%); }

.filter {
  height: 5.9rem;
  width: 5.9rem;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  color: #123977;
  position: relative;
  transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74);
  border-radius: 50%;
  font-size: 2.5rem;
  border: 1px solid #E3EAF4;
  box-shadow: 0px 0px 20px #20428907;
  flex-shrink: 0;
  position: relative;
  cursor: pointer; }
  @media (max-width: 991px) {
    .filter {
      position: absolute;
      right: var(--container-gutter); } }
  .filter.active .filter-content {
    opacity: 1;
    pointer-events: all; }
  .filter-content {
    position: absolute;
    top: 8rem;
    right: 0;
    background: #FFF;
    min-width: 20rem;
    height: auto;
    display: block;
    transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74);
    pointer-events: none;
    box-shadow: 0 5px 10px rgba(17, 30, 64, 0.1);
    padding: 1rem;
    opacity: 0;
    border-radius: 2rem; }
    @media (max-width: 768px) {
      .filter-content {
        right: -1px;
        z-index: 3;
        display: none; } }
    .filter-content-item {
      height: 4.4rem;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      font-size: 1.6rem;
      font-weight: 600;
      line-height: 1;
      margin-bottom: 3px;
      transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74);
      padding: 0 1rem;
      white-space: nowrap;
      border-radius: 1.7rem; }
      .filter-content-item:not(.active):hover {
        background: #F6F6F6; }
      .filter-content-item:last-child {
        margin-bottom: 0; }
  .filter select {
    position: absolute;
    pointer-events: none;
    opacity: 0;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0; }
    @media (max-width: 768px) {
      .filter select {
        pointer-events: all;
        z-index: 4; } }

.blog-item {
  position: relative;
  transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74);
  cursor: pointer;
  display: block; }
  .blog-item:hover .title {
    color: #00ADC1; }
  .blog-item-content {
    position: absolute;
    background: #fff;
    padding: 2.1rem 2.7rem;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 50%);
    width: 77%;
    border-radius: 2rem;
    min-height: 15rem; }
    @media (max-width: 576px) {
      .blog-item-content {
        padding: 2rem;
        min-height: 12rem; } }
    .blog-item-content .title {
      font-size: 2.3rem;
      max-width: 37rem;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden; }
      @media (max-width: 576px) {
        .blog-item-content .title {
          font-size: 2rem; } }
    .blog-item-content .info-wrapper .info:last-child .info__icon {
      font-size: 2rem; }
  .blog-item-image {
    height: 42rem;
    border-radius: var(--card-radius);
    overflow: hidden;
    position: relative; }
    @media (max-width: 576px) {
      .blog-item-image {
        height: 35rem; } }
    .blog-item-image::after {
      content: "";
      position: absolute;
      height: 100%;
      width: 100%;
      background: #123977 0% 0% no-repeat padding-box;
      left: 0;
      top: 0;
      opacity: .5; }
    .blog-item-image img {
      height: 100%;
      width: 100%;
      object-fit: cover; }
  .blog-item .title {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 3rem;
    transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74); }
    @media (max-width: 576px) {
      .blog-item .title {
        margin-bottom: 2rem; } }

.appointment-wrapper {
  position: fixed;
  left: 0;
  top: 0;
  transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74);
  pointer-events: none;
  z-index: 100;
  width: 100vw;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100vh;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-right: calc(var(--container-gutter) + var(--container-pusher));
  overflow: hidden; }
  .appointment-wrapper.active {
    overflow-y: auto;
    overflow-x: hidden;
    pointer-events: all; }
    .appointment-wrapper.active .appointment {
      display: none; }
    .appointment-wrapper.active .wp-button {
      opacity: 0;
      pointer-events: none; }
  @media (max-width: 991px) {
    .appointment-wrapper {
      padding: 0; } }

.wp-button {
  pointer-events: all;
  position: fixed;
  bottom: 5rem;
  right: calc((var(--container-gutter) + var(--container-pusher)) + 50rem);
  margin-right: 2rem;
  border-radius: 1.6rem;
  height: 10rem;
  width: 10rem;
  font-size: 4.5rem; }
  @media (max-width: 1367px) {
    .wp-button {
      bottom: 3rem; } }
  @media (max-width: 991px) {
    .wp-button {
      display: none; } }

.appointment {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: fixed;
  bottom: 5rem;
  right: calc(var(--container-pusher) + var(--container-gutter));
  background: #123977;
  border-radius: 1.6rem;
  height: 10rem;
  padding: 0 3rem;
  pointer-events: all;
  min-width: 50rem;
  cursor: pointer;
  border: 1px solid rgba(0, 173, 193, 0.2);
  box-shadow: 0px 4px 43px rgba(4, 11, 24, 0.1); }
  @media (max-width: 1367px) {
    .appointment {
      bottom: 3rem; } }
  @media (max-width: 991px) {
    .appointment {
      height: 8rem; } }
  @media (max-width: 576px) {
    .appointment {
      right: var(--container-gutter);
      left: var(--container-gutter);
      border-radius: 2rem;
      min-width: unset;
      max-width: calc(100% - (2 * var(--container-gutter)));
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      bottom: 7rem;
      height: 7.6rem; } }
  .appointment:hover .appointment-icon {
    background: #00ADC1;
    color: #fff; }
  .appointment-toptitle {
    font-weight: 500;
    font-size: 1.5rem;
    color: #F3F5F8; }
    @media (max-width: 991px) {
      .appointment-toptitle {
        font-size: 1.5rem; } }
  .appointment-title {
    font-size: 2.5rem;
    font-weight: 600;
    color: #fff;
    margin-top: .5rem; }
    @media (max-width: 991px) {
      .appointment-title {
        font-size: 2rem; } }
  .appointment-icon {
    height: 4.2rem;
    width: 4.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border: 1px solid #00ADC1;
    border-radius: 50%;
    transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74); }
    @media (max-width: 991px) {
      .appointment-icon {
        background: #00ADC1; } }

@media (max-width: 991px) {
  .twentytwenty-wrapper.twentytwenty-horizontal {
    width: 100%; } }

.before-after-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 2rem;
  grid-row-gap: 2rem; }

.before-after-item {
  height: 60rem !important;
  border-radius: 2.6rem; }
  @media (max-width: 1529px) {
    .before-after-item {
      height: 53rem !important; } }
  @media (max-width: 1349px) {
    .before-after-item {
      height: 70rem !important; } }
  @media (max-width: 991px) {
    .before-after-item {
      height: 45rem !important; } }
  @media (max-width: 576px) {
    .before-after-item {
      height: 37rem !important; } }

.twentytwenty-container img {
  height: 100%;
  width: 100%;
  object-fit: cover; }

.twentytwenty-handle {
  height: 6.7rem;
  width: 6.7rem;
  background: #fff;
  margin-left: -29px;
  background-image: url("../img/oklar.svg");
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
  background-size: .5em;
  font-size: 6rem;
  margin-left: -3.5rem; }
  @media (max-width: 576px) {
    .twentytwenty-handle {
      height: 5rem;
      width: 5rem;
      font-size: 5rem;
      margin-left: -3rem; } }

.twentytwenty-right-arrow {
  display: none; }

.twentytwenty-left-arrow {
  display: none; }

.twentytwenty-overlay {
  display: none; }

.gallery-wrapper {
  background: #fff;
  padding: 10rem 0;
  overflow: hidden;
  padding-bottom: 12rem;
  border-radius: 0 25rem 0 0;
  margin-top: -25rem; }
  @media (max-width: 991px) {
    .gallery-wrapper {
      margin-top: -35rem; } }
  @media (max-width: 576px) {
    .gallery-wrapper {
      padding-top: 5rem;
      padding-bottom: 7rem;
      border-radius: 0 10rem 0 0;
      margin-top: -15rem; } }
  .gallery-wrapper.only-desktop {
    display: block !important; }
    @media (max-width: 991px) {
      .gallery-wrapper.only-desktop {
        display: none !important; } }
  .gallery-wrapper.only-mobile {
    display: none !important; }
    @media (max-width: 991px) {
      .gallery-wrapper.only-mobile {
        display: block !important; } }

.gallery-slider-item {
  display: block;
  height: 35rem;
  border-radius: 2.5rem;
  overflow: hidden;
  position: relative; }
  @media (max-width: 576px) {
    .gallery-slider-item {
      height: 33rem; } }
  .gallery-slider-item:hover::after {
    opacity: .3; }
  .gallery-slider-item:hover .icon-font {
    opacity: 1; }
  .gallery-slider-item:hover .gallery-slider-item-text {
    opacity: 0;
    pointer-events: none; }
  .gallery-slider-item::after {
    content: "";
    background: linear-gradient(180deg, #17297200 0%, #172972 100%);
    opacity: .3;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    opacity: 0;
    pointer-events: 0;
    transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74); }
  .gallery-slider-item img {
    height: 100%;
    width: 100%;
    object-fit: cover; }
  .gallery-slider-item .icon-font {
    font-size: 5rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    color: #fff;
    opacity: 0;
    pointer-events: none;
    transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74); }
  .gallery-slider-item.big {
    height: 72rem; }
  .gallery-slider-item-text {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(180deg, #17297200 0%, rgba(18, 57, 119, 0.8) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74); }
    .gallery-slider-item-text .text {
      font-size: 3rem;
      color: #fff;
      font-weight: 500;
      transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74); }

.dr {
  display: flex;
  align-items: center;
  justify-content: flex-start; }
  .dr-image {
    height: 7.4rem;
    width: 7.4rem;
    border-radius: 50%;
    background: #E4FCFC;
    border: 1px solid #00348829;
    overflow: hidden; }
    .dr-image img {
      height: 100%;
      width: 100%;
      object-fit: contain; }
  .dr-info {
    margin-left: 2rem;
    text-align: left; }
    .dr-info .text {
      opacity: .6; }

.kids-banner {
  background: rgba(0, 173, 193, 0.1);
  border-radius: 2rem 2rem 2rem 14rem;
  height: 45rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: relative;
  padding-right: 10rem;
  margin-top: 10rem; }
  @media (max-width: 991px) {
    .kids-banner {
      flex-direction: column-reverse;
      height: auto;
      padding-right: 0;
      padding: 7rem 0;
      padding-bottom: 0;
      border-radius: 3rem;
      padding-right: var(--container-gutter);
      padding-left: var(--container-gutter); } }
  @media (max-width: 576px) {
    .kids-banner {
      padding-top: 4rem;
      margin-top: 6rem; } }
  .kids-banner-img {
    position: absolute;
    left: 1rem;
    bottom: 0;
    height: 60rem;
    max-width: 47%;
    object-fit: contain;
    object-position: bottom; }
    @media (max-width: 991px) {
      .kids-banner-img {
        max-width: unset;
        position: static;
        height: 40rem;
        width: 100%;
        margin-top: 4rem; } }
    @media (max-width: 576px) {
      .kids-banner-img {
        height: 24rem; } }
  .kids-banner-logo {
    height: 7rem;
    object-fit: contain; }
    @media (max-width: 576px) {
      .kids-banner-logo {
        height: 4rem; } }
  @media (max-width: 991px) {
    .kids-banner-content {
      display: flex;
      flex-direction: column;
      align-items: center; } }
  .kids-banner-content .title {
    margin-bottom: 3rem;
    margin-top: 1rem; }
    @media (max-width: 991px) {
      .kids-banner-content .title {
        text-align: center; } }
  @media (max-width: 576px) {
    .kids-banner-content .btn {
      width: 100%; } }

.branch {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  border-radius: 3rem;
  overflow: hidden; }
  @media (max-width: 991px) {
    .branch {
      padding: 0;
      flex-direction: column-reverse;
      position: relative;
      background: transparent; } }
  @media (max-width: 768px) {
    .branch {
      flex-direction: column;
      align-items: flex-start; } }
  .branch + .branch {
    margin-top: 10rem; }
    @media (max-width: 576px) {
      .branch + .branch {
        margin-top: 5rem; } }
  .branch__img {
    height: 60rem;
    width: 100%;
    width: 52rem;
    object-fit: cover;
    overflow: hidden; }
    @media (max-width: 991px) {
      .branch__img {
        height: 100%;
        width: 100%;
        position: absolute;
        z-index: -1;
        bottom: 0; } }
  .branch-content {
    flex: 0 0 57%;
    max-width: 57%;
    padding: 7rem 0 5rem 6rem; }
    @media (max-width: 991px) {
      .branch-content {
        flex: unset;
        max-width: unset;
        background: transparent linear-gradient(180deg, #ffffff00 0%, rgba(246, 246, 246, 0.9) 0%) 0% 0% no-repeat padding-box;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: flex-end;
        flex-direction: column; } }
    @media (max-width: 768px) {
      .branch-content {
        flex: unset;
        max-width: unset;
        padding: 0 var(--container-gutter);
        justify-content: flex-start;
        padding-top: 9rem;
        background: transparent linear-gradient(180deg, #ffffff00 0%, rgba(246, 246, 246, 0.9) 0%) 0% 0% no-repeat padding-box;
        padding-bottom: 5rem; } }
    @media (max-width: 576px) {
      .branch-content {
        padding-top: 5rem;
        padding-bottom: 3rem; } }
    .branch-content .link {
      font-weight: 400;
      position: relative; }
      .branch-content .link__icon {
        color: #00ADC1;
        position: absolute;
        left: 0;
        top: 0.5rem; }
      .branch-content .link-adress {
        margin-bottom: 2rem;
        line-height: 1.5; }
        .branch-content .link-adress .link__text {
          padding-right: 8rem; }
          @media (max-width: 576px) {
            .branch-content .link-adress .link__text {
              padding-right: 0; } }
    .branch-content .title {
      margin-bottom: 2rem;
      font-weight: 600; }
      @media (max-width: 576px) {
        .branch-content .title {
          font-size: 3rem; } }
    .branch-content .text {
      margin-bottom: 2rem;
      max-width: 50rem; }
    .branch-content-info {
      margin-top: 6rem; }
      @media (max-width: 576px) {
        .branch-content-info {
          margin-top: 2rem; } }
      .branch-content-info > * {
        margin-top: 2rem; }
    .branch-content-row {
      display: flex;
      align-items: center; }
      @media (max-width: 576px) {
        .branch-content-row {
          flex-direction: column;
          align-items: flex-start; }
          .branch-content-row .link {
            width: auto;
            margin-bottom: 1rem; } }
      .branch-content-row .link + .link {
        margin-left: 3rem; }
        @media (max-width: 576px) {
          .branch-content-row .link + .link {
            margin-left: 0; } }
    @media (max-width: 576px) {
      .branch-content .social {
        margin-bottom: 3rem; } }
    .branch-content .social__item {
      height: 6rem;
      width: 6rem;
      font-size: 2.5rem; }
    @media (max-width: 576px) {
      .branch-content .social .social__item + .social__item {
        margin-left: 2rem; } }
    @media (max-width: 374px) {
      .branch-content .social .social__item + .social__item {
        margin-left: 1rem; } }
    .branch-content-bottom {
      display: flex;
      align-items: center;
      margin-top: 2.5rem; }
      .branch-content-bottom .map-link {
        height: 5.2rem;
        width: 5.2rem;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #00ADC1;
        border-radius: 50%;
        color: #00ADC1;
        transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74);
        font-size: 2.2rem;
        margin-left: 1.8rem; }
        @media (max-width: 576px) {
          .branch-content-bottom .map-link {
            width: 4.2rem;
            height: 4.2rem;
            font-size: 2rem;
            background: #00ADC1;
            color: #fff;
            margin-left: 2rem; } }
        .branch-content-bottom .map-link:hover {
          color: #fff;
          background: #00ADC1; }
      @media (max-width: 576px) {
        .branch-content-bottom {
          display: block; } }
      .branch-content-bottom .btn {
        font-size: 1.8rem;
        margin-left: 3rem; }
        @media (max-width: 576px) {
          .branch-content-bottom .btn {
            width: 100%;
            margin-left: 0; } }
    .branch-content-section {
      padding: 3rem 0;
      border-bottom: 1px solid #00adc133; }
      .branch-content-section--row {
        display: flex;
        align-items: flex-start; }
        @media (max-width: 768px) {
          .branch-content-section--row {
            display: block; } }
      .branch-content-section-right {
        padding-left: 4rem;
        border-left: 1px solid #00adc133;
        padding-right: 4rem;
        margin-left: 8rem; }
        @media (max-width: 768px) {
          .branch-content-section-right {
            padding-left: 0;
            border-left: 0;
            margin-left: 0; } }
      @media (max-width: 768px) {
        .branch-content-section-left {
          margin-bottom: 3rem; } }
    .branch-content .info {
      font-size: 2rem;
      margin-bottom: 3rem; }
      @media (max-width: 576px) {
        .branch-content .info {
          font-size: 2rem; } }
      .branch-content .info__icon {
        font-size: 2.2rem; }
  .branch .toptitle {
    color: #00ADC1;
    position: relative;
    padding-left: 4rem; }
    @media (max-width: 991px) {
      .branch .toptitle {
        padding-left: 3rem; } }
    .branch .toptitle span {
      position: absolute;
      left: -1.5rem;
      font-size: 7rem;
      display: flex;
      align-items: flex-start;
      top: 1.5rem;
      transform: translateY(-50%); }
      @media (max-width: 576px) {
        .branch .toptitle span {
          font-size: 6rem; } }
  .branch--detail .toptitle {
    color: #00ADC1; }
    .branch--detail .toptitle span {
      color: #123977; }

.video {
  position: relative;
  transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74);
  cursor: pointer; }
  .video:hover .video-play {
    background: #fff;
    color: #123977; }
  .video-content {
    position: absolute;
    background: #fff;
    padding: 2.1rem 2.7rem;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 50%);
    width: 90%;
    border-radius: 2rem;
    min-height: 15rem; }
    @media (max-width: 991px) {
      .video-content {
        min-height: unset; } }
    .video-content .title {
      max-width: 60rem;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden; }
      @media (max-width: 991px) {
        .video-content .title {
          display: -webkit-box;
          -webkit-line-clamp: 3;
          -webkit-box-orient: vertical;
          overflow: hidden; } }
      @media (max-width: 576px) {
        .video-content .title {
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          overflow: hidden; } }
    .video-content .info-wrapper .info:last-child .info__icon {
      font-size: 2rem; }
  .video-image {
    height: 45rem;
    border-radius: var(--card-radius);
    overflow: hidden;
    position: relative; }
    @media (max-width: 991px) {
      .video-image {
        height: 34rem; } }
    @media (max-width: 576px) {
      .video-image {
        height: 30rem; } }
    .video-image::after {
      content: "";
      position: absolute;
      height: 100%;
      width: 100%;
      background: #123977 0% 0% no-repeat padding-box;
      left: 0;
      top: 0;
      opacity: .5; }
    .video-image img {
      height: 100%;
      width: 100%;
      object-fit: cover; }
  .video-play {
    height: 9rem;
    width: 9rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #fff;
    color: #fff;
    transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    font-size: 3.5rem; }
    @media (max-width: 991px) {
      .video-play {
        height: 9rem;
        width: 9rem; } }
    @media (max-width: 576px) {
      .video-play {
        height: 7rem;
        width: 7rem;
        font-size: 1.6rem; } }
  .video--small .video-image {
    height: 42rem; }
  .video--small .title {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 3rem; }
  .video--big .video-image {
    height: 70rem;
    border-radius: 4rem 0 0 16rem; }
    @media (max-width: 991px) {
      .video--big .video-image {
        border-radius: 4rem;
        height: 48rem; } }
    @media (max-width: 576px) {
      .video--big .video-image {
        height: 41rem; } }

.quick-contact {
  height: 48rem;
  background: rgba(18, 57, 119, 0.08);
  border-radius: 2rem 2rem 2rem 14rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  margin-top: 20rem;
  z-index: 1; }
  @media (max-width: 991px) {
    .quick-contact {
      height: auto;
      flex-direction: column;
      padding: 5rem;
      padding-bottom: 0;
      border-radius: 3rem; } }
  @media (max-width: 576px) {
    .quick-contact {
      padding: 5rem var(--container-gutter) 0 var(--container-gutter);
      border-radius: 3rem;
      margin-top: 5rem; } }
  .quick-contact-left {
    padding-left: 14rem;
    width: 42%; }
    @media (max-width: 991px) {
      .quick-contact-left {
        width: 100%;
        padding-left: 0;
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        margin-bottom: 5rem; } }
    @media (max-width: 576px) {
      .quick-contact-left {
        margin-bottom: 2rem; } }
    .quick-contact-left .btn {
      margin-top: 4rem; }
      @media (max-width: 576px) {
        .quick-contact-left .btn {
          width: 100%; } }
    .quick-contact-left .title {
      line-height: 1.3; }
      @media (max-width: 991px) {
        .quick-contact-left .title {
          text-align: center; } }
      @media (max-width: 576px) {
        .quick-contact-left .title {
          font-size: 2.2rem; } }
      @media (max-width: 576px) {
        .quick-contact-left .title.title--xl {
          font-size: 3.5rem; } }
    .quick-contact-left .info {
      transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74); }
      .quick-contact-left .info:hover {
        color: #00ADC1; }
      @media (max-width: 576px) {
        .quick-contact-left .info {
          margin-top: 2rem; } }
  .quick-contact-right img {
    height: 61rem;
    object-fit: contain;
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 55%;
    object-position: bottom; }
    @media (max-width: 991px) {
      .quick-contact-right img {
        height: 34rem;
        position: static;
        object-position: bottom;
        max-width: unset;
        width: 100%; } }
    @media (max-width: 768px) {
      .quick-contact-right img {
        height: 31rem;
        object-fit: contain;
        width: 100%; } }
    @media (max-width: 576px) {
      .quick-contact-right img {
        height: 29rem; } }

.uikit {
  width: 100%;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap; }
  .uikit-header {
    display: flex;
    justify-content: center;
    height: 8rem;
    align-items: center;
    border-bottom: 1px solid rgba(18, 57, 119, 0.3); }
  .uikit-categories {
    width: 40rem;
    height: 100%;
    font-size: 2rem;
    border-right: 1px solid rgba(18, 57, 119, 0.3);
    overflow: scroll;
    position: fixed;
    top: 0;
    padding: 2rem; }
    .uikit-categories div {
      margin-bottom: 1rem;
      font-weight: 500; }
    .uikit-categories ul {
      min-height: auto;
      height: auto;
      margin: 4rem 0 5rem 0;
      transition: .3s ease; }
      .uikit-categories ul a {
        border: none;
        overflow: none;
        background-color: transparent;
        cursor: pointer;
        color: rgba(18, 57, 119, 0.3); }
      .uikit-categories ul li {
        transition: .3s ease;
        margin-left: 5rem;
        list-style: square;
        line-height: 2em;
        display: block;
        cursor: pointer; }
      .uikit-categories ul.active {
        min-height: auto;
        height: auto;
        transition: .4s ease; }
        .uikit-categories ul.active li {
          display: block;
          list-style: square; }
  .uikit-content {
    width: calc(100% - 40rem);
    margin-left: 40rem; }
  .uikit-section {
    border-bottom: 1px solid rgba(18, 57, 119, 0.3); }
    .uikit-section-header {
      padding: 2rem;
      border-bottom: 1px solid rgba(18, 57, 119, 0.3); }
    .uikit-section__title {
      font-size: 3rem;
      align-items: center; }
    .uikit-section__text {
      font-style: italic;
      margin-top: 1rem;
      opacity: .8; }
    .uikit-section-item {
      padding: 2rem;
      padding-top: 3rem;
      width: 100%;
      margin: auto;
      border-bottom: 1px solid rgba(18, 57, 119, 0.3); }
      .uikit-section-item:nth-last-child(1) {
        border: none; }
      .uikit-section-item__title {
        opacity: .75; }
      .uikit-section-item__text {
        width: 50%;
        padding-left: 2rem;
        font-style: italic; }
      .uikit-section-item-content {
        display: flex;
        align-items: center; }
        .uikit-section-item-content > * {
          margin-right: 2rem; }

.new {
  position: relative; }
  .new::after {
    content: 'Yeni';
    background: greenyellow;
    color: #222;
    padding: 5px 8px;
    position: absolute;
    left: 2rem;
    top: 0rem;
    font-size: 11px;
    height: 2rem;
    display: flex;
    align-items: center;
    font-weight: 600; }

.header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: var(--header-height);
  transition: 0.15s ease-in;
  position: relative;
  --header-color: $c-black;
  padding: 0 8rem; }
  @media (max-width: 576px) {
    .header {
      padding: 0; } }
  .header-wrapper {
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    position: absolute;
    z-index: 100;
    width: 100%;
    max-width: 100vw;
    border-bottom: 1px solid rgba(18, 57, 119, 0.3);
    background: #F6F6F6; }
    .header-wrapper.active {
      background: #fff; }
    @media (max-width: 991px) {
      .header-wrapper {
        padding: 0 var(--container-gutter);
        left: 0;
        transform: unset; } }
  .header.active {
    z-index: 6;
    background: #fff; }
    .header.active .header-logo {
      z-index: 7; }
    .header.active .header-right {
      position: absolute;
      right: 0;
      width: 100%; }
      .header.active .header-right::after {
        opacity: 1;
        pointer-events: all; }
    .header.active .header-menu-item {
      pointer-events: all; }
  .header-logo img {
    height: 4.2rem; }
    @media (max-width: 576px) {
      .header-logo img {
        height: 3rem; } }
  .header-left {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-shrink: 0; }
  .header-right {
    display: flex;
    align-items: center;
    position: relative; }
    @media (max-width: 1200px) {
      .header-right {
        padding-left: 0; } }
    .header-right .btn {
      border-radius: 1rem;
      font-size: 1.7rem;
      font-weight: 500; }
      @media (max-width: 991px) {
        .header-right .btn {
          display: none; } }
    .header-right .input {
      width: auto;
      height: 5.6rem;
      font-size: 1.6rem;
      border-radius: 2.8rem; }
      .header-right .input::placeholder {
        font-size: 1.6rem; }
    .header-right .link {
      font-size: 2rem;
      font-weight: 600;
      margin-left: 3rem;
      color: var(--header-color); }
      @media (max-width: 991px) {
        .header-right .link {
          display: none; } }
      .header-right .link:hover {
        color: #00ADC1; }
    .header-right .langs {
      margin-left: 1rem; }
      @media (max-width: 991px) {
        .header-right .langs {
          display: none; } }
    .header-right .tab-menu {
      display: flex;
      align-items: flex-start;
      justify-content: space-between; }
      .header-right .tab-menu-items {
        width: 53%;
        border-right: 1px solid #00adc180;
        padding-right: 4rem; }
        .header-right .tab-menu-items .header-menu-item-content-link {
          width: 100%;
          padding: 0;
          border: 1px solid transparent; }
          .header-right .tab-menu-items .header-menu-item-content-link:hover {
            border: 1px solid #1239771a;
            background: transparent; }
            .header-right .tab-menu-items .header-menu-item-content-link:hover .tab-menu-item__text {
              font-weight: 600; }
      .header-right .tab-menu-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border: 1px solid transparent;
        border-radius: 0.8rem;
        padding-right: 1.5rem;
        cursor: pointer;
        transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74);
        color: #123977; }
        .header-right .tab-menu-item:hover {
          border: 1px solid #1239771a; }
          .header-right .tab-menu-item:hover .tab-menu-item__text {
            font-weight: 600; }
        .header-right .tab-menu-item.active {
          border: 1px solid #1239771a; }
          .header-right .tab-menu-item.active .tab-menu-item__text {
            font-weight: 600; }
        .header-right .tab-menu-item__text {
          display: flex;
          align-items: center;
          font-size: 1.8rem;
          color: #123977;
          padding: 1.4rem 1.4rem;
          font-weight: 400;
          padding-left: 2rem; }
        .header-right .tab-menu-item .icon-font {
          transform: rotate(135deg); }
      .header-right .tab-menu-content {
        width: 44%; }
        .header-right .tab-menu-content-group a {
          display: flex;
          align-items: center;
          font-size: 1.5rem;
          color: #123977;
          padding: 1.8rem 1.4rem;
          border-radius: 0.8rem;
          font-weight: 400; }
          .header-right .tab-menu-content-group a:hover {
            background: #f3f5f8; }
  .header-menu-open {
    position: relative;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    height: 6.4rem;
    width: 6.4rem;
    cursor: pointer;
    transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74);
    z-index: 6;
    border-radius: 1.4rem;
    flex-shrink: 0;
    margin-left: auto;
    display: flex; }
    @media (min-width: 992px) {
      .header-menu-open {
        display: none; } }
    @media (max-width: 991px) {
      .header-menu-open {
        align-items: flex-end; } }
    @media (max-width: 576px) {
      .header-menu-open {
        width: 4.8rem; } }
    .header-menu-open.active span:nth-child(1) {
      transform: translateY(10px) translateX(0) rotate(46deg) scale(-1);
      width: 3.5rem;
      margin-left: 0; }
    .header-menu-open.active span:nth-child(2) {
      opacity: 0; }
    .header-menu-open.active span:nth-child(3) {
      width: 3.5rem;
      transform: translateY(-10px) translateX(-1px) rotate(-46deg) scale(-1); }
    .header-menu-open span {
      width: 3rem;
      height: 3px;
      background-color: #123977;
      display: block;
      transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74);
      opacity: 1;
      border-radius: 4px; }
    .header-menu-open span + span {
      margin-top: 7px; }

.header-menu {
  display: flex;
  align-items: center;
  height: 100%;
  z-index: 4;
  margin-right: 3rem; }
  @media (max-width: 991px) {
    .header-menu {
      display: none; } }
  .header-menu-item {
    font-size: 1.7rem;
    font-weight: 800;
    display: flex;
    align-items: center;
    position: relative;
    color: #123977;
    height: var(--header-height);
    z-index: 3;
    padding: 0 2rem;
    line-height: 1;
    transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74); }
    .header-menu-item.active {
      color: #123977; }
      .header-menu-item.active::after {
        width: 100%; }
    .header-menu-item::after {
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      width: 0;
      height: 2px;
      background: #00ADC1; }
    .header-menu-item:hover {
      color: #19B5C7; }
    .header-menu-item span {
      margin-right: 0.5rem; }
    @media (max-width: 1200px) {
      .header-menu-item {
        padding: 0 2rem; } }
    @media (max-width: 991px) {
      .header-menu-item {
        height: auto;
        flex-direction: column;
        width: 100%;
        align-items: flex-start;
        padding: 0;
        pointer-events: none; }
        .header-menu-item.only-mobile {
          display: flex; }
        .header-menu-item.has-submenu .header-menu-item__title {
          width: 100%; } }
    @media (max-width: 991px) {
      .header-menu-item + .header-menu-item {
        margin-left: 0;
        border-top: 1px solid rgba(18, 57, 119, 0.1); } }
    .header-menu-item.has-submenu .header-menu-item__title::before {
      content: "";
      background: #00ADC1;
      width: 0;
      height: 2px;
      position: absolute;
      left: 1rem;
      bottom: 0;
      transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74); }
    .header-menu-item.has-submenu .header-menu-item__title::after {
      width: 0.8rem;
      height: 0.6rem;
      background: var(--header-color);
      margin-left: 1rem;
      clip-path: polygon(100% 0, 0 0, 50% 100%);
      transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74);
      transition-delay: 0s; }
    @media (min-width: 992px) {
      .header-menu-item.has-submenu:hover .header-menu-item__title::after {
        transform: rotateX(180deg) translateY(-0.2rem); }
      .header-menu-item.has-submenu:hover .header-menu-item__title::before {
        width: calc(100% - 2rem); } }
    @media (min-width: 992px) {
      .header-menu-item.has-submenu:hover > .header-menu-item-content {
        opacity: 1;
        transform: translateX(-12rem) translateY(0.1rem) translateZ(0) scale(1, 1);
        pointer-events: all;
        transition-delay: 0.3s; } }
    .header-menu-item__title {
      cursor: pointer;
      display: flex;
      align-items: center;
      height: 100%;
      color: inherit; }
      .header-menu-item__title span {
        margin-left: 1.9rem;
        font-size: 0.8rem; }
    .header-menu-item-content {
      position: absolute;
      top: var(--header-height);
      left: 0;
      background: #fff;
      width: 100%;
      height: auto;
      opacity: 0;
      transform: translateX(-12rem) translateY(0.2rem) translateZ(0) scale(1, 1);
      transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74);
      pointer-events: none;
      transition-delay: 0s;
      box-shadow: 0px 5px 8px #17297215;
      min-width: 70rem;
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      padding: 4rem;
      border-radius: 0 0 1.8rem 1.8rem; }
      .header-menu-item-content-link {
        display: flex;
        align-items: center;
        font-size: 1.6rem;
        color: #123977;
        padding: 1.8rem 1.4rem;
        width: 50%;
        border-radius: 0.8rem; }
        .header-menu-item-content-link:hover {
          background: #f3f5f8; }
        .header-menu-item-content-link img {
          width: 5rem;
          display: block;
          margin-right: 4rem; }
        .header-menu-item-content-link .title {
          font-size: 1.6rem;
          font-weight: 400;
          transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74);
          color: #123977; }
        .header-menu-item-content-link .text {
          color: rgba(18, 57, 119, 0.55); }
      .header-menu-item-content.tab-menu {
        min-width: 110rem;
        left: -23rem;
        min-height: 79vh; }
    .header-menu-item.item-logo {
      background-image: url("../img/kids-logo.png");
      background-position: 50% 50%;
      background-size: 5rem auto;
      background-repeat: no-repeat;
      padding: 0 4rem; }
      .header-menu-item.item-logo .header-menu-item__title {
        display: none; }
    .header-menu-item#menu-1 {
      display: none; }

.main_contact {
  width: 52rem;
  top: calc(var(--header-height) + 0.5rem);
  right: calc(var(--container-gutter) + var(--container-pusher));
  padding: 4rem;
  z-index: 101;
  background: #fff;
  height: max-content;
  transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74);
  flex-shrink: 0;
  opacity: 0;
  border-radius: 2.6rem;
  pointer-events: none;
  overflow: hidden; }
  @media (max-width: 991px) {
    .main_contact {
      width: 100%;
      top: 0;
      left: 0;
      right: unset;
      padding: 4rem;
      transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74);
      transform: unset;
      height: 100vh;
      overflow-y: auto;
      border-radius: 0;
      max-height: 150rem;
      position: fixed;
      height: var(--window-inner-height); } }
  @media (max-width: 576px) {
    .main_contact {
      padding: 0 var(--container-gutter); } }
  .main_contact-form::-webkit-scrollbar {
    display: none; }
  @media (max-width: 576px) {
    .main_contact-form {
      max-height: 90vh;
      overflow-x: auto;
      padding-bottom: 20rem;
      padding-top: 2rem; } }
  .main_contact .badge {
    margin-top: 5rem;
    width: 52rem;
    margin-left: calc(-1 * 4rem); }
    @media (min-width: 992px) {
      .main_contact .badge {
        display: none; } }
    @media (max-width: 991px) {
      .main_contact .badge {
        width: 100vw; } }
    @media (max-width: 576px) {
      .main_contact .badge {
        font-size: 2rem;
        height: 7rem; }
        .main_contact .badge .badge__icon {
          font-size: 3.5rem; } }
  .main_contact .input-group {
    margin-bottom: 3rem; }
    .main_contact .input-group .input {
      border-radius: 1.2rem;
      height: 6rem;
      padding-left: 2.8rem;
      box-shadow: unset;
      background: #f6f6f6; }
      .main_contact .input-group .input__title {
        font-size: 1.6rem; }
      .main_contact .input-group .input.select {
        padding: 0 2.8rem;
        width: auto;
        border-radius: 1.2rem 0 0 1.2rem; }
      .main_contact .input-group .input--gsm {
        border-radius: 0 1.2rem 1.2rem 0; }
      .main_contact .input-group .input.textarea {
        height: 11rem; }
  .main_contact .btn {
    border-radius: 4rem;
    font-weight: 800; }
  .main_contact.active {
    transform: none;
    opacity: 1;
    pointer-events: all; }
  .main_contact .mobile-menu-item {
    transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74);
    cursor: pointer; }
    @media (min-width: 992px) {
      .main_contact .mobile-menu-item {
        display: none; } }
    .main_contact .mobile-menu-item.has-submenu.active .mobile-menu-item-content {
      opacity: 1;
      max-height: 100rem; }
    .main_contact .mobile-menu-item.has-submenu.active .mobile-menu-item__native {
      transform: rotate(-180deg);
      color: #01165b; }
    .main_contact .mobile-menu-item.has-submenu.active .mobile-menu-item__title {
      color: #F4843D; }
    .main_contact .mobile-menu-item:last-child {
      margin-bottom: 15rem; }
    .main_contact .mobile-menu-item__title {
      display: flex;
      align-items: center;
      justify-content: space-between;
      font-size: 1.7rem;
      color: #01165b;
      font-weight: bold;
      height: 6rem;
      transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74); }
    .main_contact .mobile-menu-item__native {
      font-size: 1rem;
      transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74); }
    .main_contact .mobile-menu-item-content {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      max-height: 0;
      opacity: 0;
      transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74);
      overflow: hidden; }
      @media (max-width: 991px) {
        .main_contact .mobile-menu-item-content {
          padding-left: 2rem; } }
      .main_contact .mobile-menu-item-content__link {
        margin-bottom: 2rem;
        color: #01165b;
        font-weight: 400;
        font-size: 1.5rem; }
  .main_contact-header {
    display: flex;
    align-items: flex-start;
    margin-bottom: 2.5rem;
    justify-content: space-between;
    flex-shrink: 0; }
    @media (max-width: 991px) {
      .main_contact-header {
        padding-top: 3rem;
        padding-bottom: 2.5rem;
        border-bottom: 1px solid rgba(18, 57, 119, 0.1); } }
    .main_contact-header-title {
      color: #123977;
      font-weight: 600;
      font-size: 1.8rem; }
    @media (max-width: 991px) {
      .main_contact-header .desktop-icon {
        display: none; } }
    @media (min-width: 992px) {
      .main_contact-header .mobile-icon {
        display: none; } }
  .main_contact-info {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 2.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(18, 57, 119, 0.3); }
    @media (max-width: 576px) {
      .main_contact-info {
        display: block; } }
    @media (max-width: 576px) {
      .main_contact-info-left {
        display: flex;
        align-items: center; } }
    @media (max-width: 576px) {
      .main_contact-info-left .info-content {
        display: none; } }
    @media (max-width: 576px) {
      .main_contact-info-left .info--blue .info-image {
        height: 3rem;
        margin-right: 2rem; } }
    @media (max-width: 576px) {
      .main_contact-info-left .main_contact-info__text + .main_contact-info__text {
        margin-left: 2rem;
        padding-left: 2rem;
        border-left: 1px solid rgba(18, 57, 119, 0.3); } }
    @media (max-width: 576px) {
      .main_contact-info-right {
        display: flex;
        align-items: center; } }
    @media (max-width: 576px) {
      .main_contact-info-right .info-content {
        display: none; } }
    @media (max-width: 576px) {
      .main_contact-info-right .info--blue .info-image {
        height: 3rem;
        margin-right: 2rem; } }
    .main_contact-info__text {
      font-weight: 500;
      color: rgba(93, 95, 104, 0.85);
      font-size: 2rem;
      display: block;
      margin-bottom: 1.5rem;
      transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74); }
      @media (max-width: 991px) {
        .main_contact-info__text {
          text-decoration: underline; } }
      .main_contact-info__text:hover {
        color: #5d5f68; }
    .main_contact-info .info {
      margin-bottom: 2rem; }
      .main_contact-info .info-content {
        margin-left: 1rem; }
  .main_contact-close {
    font-size: 1.4rem;
    color: #123977;
    cursor: pointer;
    transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74);
    background: #F6F6F6;
    height: 4rem;
    width: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 99rem; }
    @media (max-width: 576px) {
      .main_contact-close {
        left: var(--container-gutter); } }
    .main_contact-close:hover {
      color: #fff;
      background: #123977; }
  .main_contact-section {
    margin-bottom: 5rem; }
    @media (max-width: 991px) {
      .main_contact-section {
        display: none; } }
    .main_contact-section .main_menu__link:last-of-type {
      margin-bottom: 0; }
    .main_contact-section:nth-last-of-type(-n + 3) {
      margin-bottom: 1.4rem; }
    .main_contact-section:last-of-type {
      margin-bottom: 0; }
  .main_contact .title {
    font-size: 3rem;
    color: #123977; }
    @media (max-width: 991px) {
      .main_contact .title {
        font-size: 3rem; } }
  .main_contact-mobile-header {
    display: flex;
    align-items: center;
    padding-bottom: 3rem;
    margin-bottom: 3rem;
    border-bottom: 1px solid rgba(18, 57, 119, 0.1);
    padding-top: 2.5rem; }
    @media (min-width: 992px) {
      .main_contact-mobile-header {
        display: none; } }
    .main_contact-mobile-header .title {
      margin-bottom: 0;
      padding-bottom: 0; }
    .main_contact-mobile-header .btn {
      transform: rotate(-180deg);
      height: 4.5rem;
      width: 4.5rem;
      border-radius: 50%;
      font-size: 1.7rem;
      margin-right: 3rem;
      margin-bottom: 0; }
      .main_contact-mobile-header .btn:hover {
        background: #ffffff;
        color: #123977; }
  .main_contact__link {
    font-size: 1.8rem;
    display: block;
    margin-bottom: 1.4rem;
    color: #123977;
    font-weight: 500;
    opacity: 0.7; }
    .main_contact__link:hover {
      opacity: 1; }
  .main_contact .btn--light-gray {
    color: #123977; }
  .main_contact .button-row {
    display: flex;
    align-items: center; }
    @media (max-width: 480px) {
      .main_contact .button-row .btn {
        padding: 0 2.5rem; } }
    @media (max-width: 374px) {
      .main_contact .button-row .btn {
        padding: 0 1.5rem; } }
    .main_contact .button-row .btn + .btn {
      margin-left: 1rem; }
  @media (max-width: 991px) {
    .main_contact .langs {
      margin-left: 1rem; } }
  @media (max-width: 576px) {
    .main_contact .langs {
      margin-left: 0.5rem; } }
  .main_contact .checkbox {
    margin: 5rem 0; }
    .main_contact .checkbox .wpcf7-not-valid-tip {
      transform: translateY(1.6rem) !important; }

.main_menu {
  width: 60rem;
  position: fixed;
  top: var(--header-height);
  left: 0;
  padding: 5rem 10rem 5rem 10rem;
  z-index: 99;
  background: #fff;
  height: 100vh;
  transition: 1s;
  overflow-y: auto;
  overflow-x: hidden;
  flex-shrink: 0;
  opacity: 0;
  pointer-events: none;
  border-top: 1px solid rgba(18, 57, 119, 0.1); }
  @media (min-width: 992px) {
    .main_menu {
      display: none; } }
  @media (max-width: 991px) {
    .main_menu {
      width: 100%;
      padding: 4rem 10rem;
      transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74);
      display: flex;
      flex-direction: column;
      padding-bottom: 4rem;
      max-height: calc(100% - 9rem); } }
  @media (max-width: 576px) {
    .main_menu {
      padding: 4rem var(--container-gutter); } }
  .main_menu-footer {
    display: flex;
    align-items: center;
    margin-top: auto; }
    .main_menu-footer .btn {
      border-radius: 1rem;
      margin-right: 1rem;
      font-size: 1.7rem; }
      @media (max-width: 576px) {
        .main_menu-footer .btn {
          width: 100%; }
          .main_menu-footer .btn .btn__icon {
            left: 4.5rem; } }
  .main_menu .input-group {
    margin-bottom: 5rem; }
    @media (max-width: 576px) {
      .main_menu .input-group {
        margin-bottom: 1rem; } }
    .main_menu .input-group .input {
      border-radius: 3.5rem;
      height: 6.5rem; }
    .main_menu .input-group .r-icon {
      color: #123977;
      opacity: 1; }
  .main_menu .mobile-menu-privacy {
    padding: 2rem 0;
    border-top: 1px solid rgba(18, 57, 119, 0.3);
    margin-top: 2.5rem; }
  .main_menu-button {
    margin-top: auto;
    margin-bottom: 7rem; }
    .main_menu-button .btn {
      width: 100%;
      padding-left: 4.5rem;
      height: 8rem;
      border-radius: 4.2rem; }
      .main_menu-button .btn__icon {
        position: static;
        margin-right: 1.5rem; }
  .main_menu.active {
    transform: none;
    opacity: 1;
    pointer-events: all;
    z-index: 104; }
  .main_menu .currency-menu__title {
    display: none; }
  .main_menu .currency-menu-content .currency-menu__code {
    display: none; }
  .main_menu .mobile-menu-item {
    transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74);
    border-bottom: 1px solid rgba(18, 57, 119, 0.1); }
    .main_menu .mobile-menu-item #menu-1518 {
      background-image: url("../img/kids-logo.png");
      background-position: 0 50%;
      background-size: 6rem auto;
      background-repeat: no-repeat;
      color: transparent; }
    .main_menu .mobile-menu-item:last-of-type {
      margin-bottom: 3rem;
      border-bottom: 0; }
    .main_menu .mobile-menu-item:last-child {
      margin-bottom: 15rem; }
    @media (min-width: 992px) {
      .main_menu .mobile-menu-item {
        display: none; } }
    .main_menu .mobile-menu-item.has-submenu.active .mobile-menu-item-content {
      opacity: 1;
      max-height: 100rem; }
    .main_menu .mobile-menu-item.has-submenu.active .mobile-menu-item__native {
      transform: rotate(90deg);
      color: #01165b; }
    .main_menu .mobile-menu-item.has-submenu.active .mobile-menu-item__title {
      color: #123977; }
    .main_menu .mobile-menu-item__title {
      display: flex;
      align-items: center;
      justify-content: space-between;
      font-size: 2.2rem;
      color: #123977;
      font-weight: 600;
      height: 6rem;
      transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74);
      text-transform: uppercase; }
      .main_menu .mobile-menu-item__title.active + .mobile-menu-item-content {
        opacity: 1;
        max-height: 100rem;
        margin-bottom: 1rem; }
      .main_menu .mobile-menu-item__title.active .mobile-menu-item__native {
        transform: rotate(90deg); }
    .main_menu .mobile-menu-item__native {
      font-size: 1.5rem;
      transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74);
      display: flex;
      align-items: center;
      flex-shrink: 0; }
    .main_menu .mobile-menu-item-content {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      max-height: 0;
      opacity: 0;
      transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74);
      overflow: hidden; }
      .main_menu .mobile-menu-item-content__link {
        color: #00ADC1;
        font-weight: 500;
        font-size: 2rem;
        height: 4rem;
        display: flex;
        align-items: center; }
  .main_menu .mobile-menu .submenu {
    width: 100%; }
    .main_menu .mobile-menu .submenu__title {
      color: #00ADC1;
      font-weight: 500;
      font-size: 2rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      height: 4rem; }
      .main_menu .mobile-menu .submenu__title.active + .submenu-content {
        max-height: 100rem;
        opacity: 1; }
      .main_menu .mobile-menu .submenu__title.active .submenu__title-native {
        transform: rotate(90deg); }
      .main_menu .mobile-menu .submenu__title-native {
        color: #123977;
        font-size: 1.5rem;
        transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74);
        display: flex;
        align-items: center;
        flex-shrink: 0; }
    .main_menu .mobile-menu .submenu-content {
      display: flex;
      flex-direction: column;
      padding-left: 1rem;
      max-height: 0;
      opacity: 0;
      overflow: hidden;
      transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74); }
      .main_menu .mobile-menu .submenu-content a {
        color: #5D5F68;
        font-weight: 500;
        font-size: 2rem;
        padding: 1rem 0; }
  .main_menu-header {
    display: flex;
    align-items: center;
    margin-bottom: 5rem;
    justify-content: space-between;
    flex-shrink: 0; }
    @media (max-width: 991px) {
      .main_menu-header {
        height: 11rem;
        margin-bottom: 0; } }
    @media (max-width: 576px) {
      .main_menu-header {
        height: 9rem; } }
    .main_menu-header-title {
      color: #123977;
      font-weight: 600;
      font-size: 1.8rem; }
    @media (max-width: 991px) {
      .main_menu-header .desktop-icon {
        display: none; } }
    @media (min-width: 992px) {
      .main_menu-header .mobile-icon {
        display: none; } }
  .main_menu-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 3rem; }
    @media (min-width: 992px) {
      .main_menu-top {
        display: none; } }
  .main_menu-close {
    margin-right: 0;
    left: 4rem;
    font-size: 3rem;
    display: flex;
    align-items: center;
    color: #1a295c; }
    @media (max-width: 576px) {
      .main_menu-close {
        font-size: 2.3rem; } }
    .main_menu-close:hover {
      color: #123977; }
  .main_menu-section {
    margin-bottom: 5rem; }
    @media (max-width: 991px) {
      .main_menu-section {
        display: none; } }
    .main_menu-section .main_menu__link:last-of-type {
      margin-bottom: 0; }
    .main_menu-section:nth-last-of-type(-n + 3) {
      margin-bottom: 1.4rem; }
    .main_menu-section:last-of-type {
      margin-bottom: 0; }
  .main_menu .title {
    font-size: 1.6rem;
    margin-bottom: 1rem;
    font-weight: 800; }
    @media (max-width: 991px) {
      .main_menu .title {
        margin-bottom: 2rem;
        font-weight: 600; } }
  .main_menu__link {
    font-size: 1.8rem;
    display: block;
    margin-bottom: 1.4rem;
    color: #123977;
    font-weight: 500;
    opacity: 0.7; }
    .main_menu__link:hover {
      opacity: 1; }
  .main_menu .btn--light-gray {
    color: #123977; }
  .main_menu .button-row {
    display: flex;
    align-items: center; }
    @media (max-width: 480px) {
      .main_menu .button-row .btn {
        padding: 0 2.5rem; } }
    @media (max-width: 374px) {
      .main_menu .button-row .btn {
        padding: 0 1.5rem; } }
    .main_menu .button-row .btn + .btn {
      margin-left: 1rem; }
  .main_menu .divider {
    width: 100vw;
    margin-left: calc(-1 * 4rem); }
    @media (max-width: 991px) {
      .main_menu .divider {
        margin-bottom: 7rem; } }
    @media (max-width: 576px) {
      .main_menu .divider {
        margin-left: calc(-1 * var(--container-gutter));
        margin-bottom: 4rem; } }

.footer {
  width: 100%;
  position: relative;
  z-index: 100;
  padding-top: 7.3rem;
  background: #123977;
  border-top: 1px solid rgba(25, 181, 199, 0.5); }
  @media (max-width: 991px) {
    .footer {
      padding-top: 10rem; } }
  @media (max-width: 576px) {
    .footer {
      padding-top: 5rem; } }
  .footer-content {
    display: flex; }
    @media (max-width: 991px) {
      .footer-content {
        padding: 0;
        flex-direction: column;
        align-items: center;
        text-align: center; } }
    .footer-content-item {
      max-width: 33.3%; }
      @media (max-width: 991px) {
        .footer-content-item {
          max-width: unset;
          width: 100%; } }
      @media (max-width: 991px) {
        .footer-content-item:first-child {
          max-width: unset;
          width: 100%;
          display: flex;
          flex-direction: column;
          align-items: center; } }
      @media (max-width: 768px) {
        .footer-content-item:first-child {
          display: flex;
          flex-direction: column;
          align-items: center;
          border-bottom: 1px solid rgba(197, 221, 242, 0.11);
          padding-bottom: 4rem;
          width: 100vw;
          padding-left: var(--container-gutter);
          padding-right: var(--container-gutter); } }
      @media (max-width: 576px) {
        .footer-content-item:first-child .title.title--xsm {
          font-size: 2.5rem; } }
      .footer-content-item:first-child .social {
        margin-top: 3rem; }
      @media (max-width: 991px) {
        .footer-content-item:nth-child(2) {
          max-width: unset;
          width: 100%;
          margin-top: 5rem;
          display: flex;
          flex-direction: column;
          align-items: center; } }
      @media (max-width: 768px) {
        .footer-content-item:nth-child(2) {
          margin: 4rem 0;
          width: 100%; } }
      .footer-content-item:nth-child(2) .phone {
        display: block;
        font-size: 4rem;
        font-weight: 500;
        color: #ffffff;
        margin-bottom: 2rem;
        transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74); }
        @media (max-width: 576px) {
          .footer-content-item:nth-child(2) .phone {
            font-size: 3rem; } }
        .footer-content-item:nth-child(2) .phone:hover {
          color: #19B5C7; }
      .footer-content-item:nth-child(2) .mail {
        font-weight: 500;
        font-size: 2rem;
        color: #19B5C7;
        transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74);
        margin-bottom: 2rem; }
        @media (max-width: 768px) {
          .footer-content-item:nth-child(2) .mail {
            width: 100%;
            border-bottom: 1px solid rgba(197, 221, 242, 0.11);
            padding-bottom: 4rem;
            margin-bottom: 0; } }
        .footer-content-item:nth-child(2) .mail:hover {
          color: #009fb2; }
      .footer-content-item:nth-child(2) .address-info .text {
        max-width: 45rem; }
      @media (max-width: 576px) {
        .footer-content-item:nth-child(2) .text {
          font-size: 1.8rem; } }
      @media (max-width: 991px) {
        .footer-content-item:last-child {
          width: 35rem;
          max-width: unset;
          margin-bottom: 5rem;
          display: none; } }
      @media (max-width: 768px) {
        .footer-content-item:last-child {
          width: 100%;
          margin-bottom: 7rem; } }
      .footer-content-item:last-child .footer-content-item-shift {
        font-weight: 400;
        font-size: 1.8rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative;
        color: #ffffff; }
        @media (max-width: 576px) {
          .footer-content-item:last-child .footer-content-item-shift {
            font-size: 1.8rem; } }
        .footer-content-item:last-child .footer-content-item-shift .shift-clock {
          position: absolute;
          right: -1.5rem;
          width: 50%; }
          @media (max-width: 991px) {
            .footer-content-item:last-child .footer-content-item-shift .shift-clock {
              width: auto; } }
      .footer-content-item:last-child .footer-content-item-shift + .footer-content-item-shift {
        margin-top: 1rem; }
        @media (max-width: 768px) {
          .footer-content-item:last-child .footer-content-item-shift + .footer-content-item-shift {
            margin-top: 1.5rem; } }
      .footer-content-item + .footer-content-item {
        margin-left: 14rem; }
        @media (max-width: 1529px) {
          .footer-content-item + .footer-content-item {
            margin-left: 10rem; } }
        @media (max-width: 991px) {
          .footer-content-item + .footer-content-item {
            margin-left: 0; } }
    .footer-content .info {
      margin-bottom: 2.5rem; }
    @media (max-width: 991px) {
      .footer-content .footer-social {
        margin-top: 3rem;
        padding-top: 3rem;
        border-top: 1px solid rgba(18, 57, 119, 0.3); } }
    @media (max-width: 991px) {
      .footer-content .footer-social .social {
        justify-content: center; } }
  .footer__text {
    color: #FFF;
    margin-top: 5rem;
    font-size: 2.7rem;
    line-height: 1.5em;
    font-weight: 500; }
  .footer__logo {
    height: 4rem; }
  .footer-social {
    margin-top: 13rem; }
    @media (max-width: 991px) {
      .footer-social {
        margin-top: 4rem; } }
    .footer-social__title {
      color: #123977;
      margin: 4.8rem 0 3.2rem 0; }
      @media (max-width: 576px) {
        .footer-social__title {
          font-size: 2rem; } }
  .footer-menu {
    display: flex;
    align-items: center; }
    .footer-menu__link {
      font-size: 1.6rem;
      color: #ffffff;
      font-weight: 600;
      line-height: 1.5; }
      .footer-menu__link + .footer-menu__link {
        margin-left: 4rem; }
      .footer-menu__link:hover {
        color: #00ADC1; }
    .footer-menu__title {
      font-size: 1.8rem;
      font-weight: bold;
      color: #123977;
      margin-bottom: 4rem;
      line-height: 1.5; }
      .footer-menu__title.footer-menu__link {
        margin-bottom: 0; }
        .footer-menu__title.footer-menu__link:hover {
          text-decoration: underline; }
    @media (max-width: 991px) {
      .footer-menu {
        display: none; } }
  .footer-mid {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 5rem;
    padding: 3rem 0;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: rgba(25, 181, 199, 0.5); }
    @media (max-width: 991px) {
      .footer-mid {
        margin-top: 5rem;
        flex-direction: column;
        align-items: flex-start;
        display: none; } }
    .footer-mid .footer-privacy {
      display: flex;
      align-items: center; }
      .footer-mid .footer-privacy .footer_menu__lingk + .footer-mid .footer-privacy .footer_menu__lingk {
        margin-left: 4rem; }
    .footer-mid .footer-menu__link {
      transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74); }
      .footer-mid .footer-menu__link + .footer-mid .footer-menu__link {
        margin-left: 4rem; }
  .footer-copyright {
    padding: 5rem 0rem;
    font-size: 1.8rem;
    text-align: center;
    color: #ffffff; }
    @media (max-width: 768px) {
      .footer-copyright {
        border-top: 1px solid rgba(197, 221, 242, 0.11); } }

.index-intro {
  padding-top: 17rem; }
  @media (max-width: 991px) {
    .index-intro {
      padding-top: 20rem; } }
  @media (max-width: 576px) {
    .index-intro {
      padding-top: 15rem; } }
  .index-intro-hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    height: 66rem; }
    @media (max-width: 991px) {
      .index-intro-hero {
        flex-direction: column;
        height: auto; } }
    .index-intro-hero-content {
      margin-right: 5rem; }
      @media (max-width: 991px) {
        .index-intro-hero-content {
          margin-right: 0; } }
      .index-intro-hero-content .title {
        max-width: 65rem;
        margin-top: -10rem;
        text-align: center; }
        @media (max-width: 991px) {
          .index-intro-hero-content .title {
            margin-top: 0;
            max-width: unset; }
            .index-intro-hero-content .title br {
              display: none; } }
  .index-intro-image {
    display: flex;
    position: absolute;
    bottom: -16rem;
    right: 0;
    height: 80rem; }
    @media (max-width: 991px) {
      .index-intro-image {
        position: static;
        height: 52rem;
        margin: 4rem 0; } }
    @media (max-width: 576px) {
      .index-intro-image {
        height: 38rem;
        margin: 1rem 0; } }
    .index-intro-image-bg {
      height: 100%;
      width: 100%;
      object-fit: contain;
      z-index: 2; }

.index-content {
  margin-bottom: 0; }

.index .dr-info-wrapper {
  background: #fefefe;
  padding: 16rem 0 50rem 0;
  border-radius: 0 24rem 0 0; }
  @media (max-width: 991px) {
    .index .dr-info-wrapper {
      padding-bottom: 40rem; } }
  @media (max-width: 576px) {
    .index .dr-info-wrapper {
      padding-top: 3rem;
      padding-bottom: 29rem;
      background: #fff;
      border-radius: 0 10rem 0 0; } }
  .index .dr-info-wrapper .dr-info-section {
    display: grid;
    grid-template-columns: 45rem calc(100% - 63rem);
    grid-gap: 18rem;
    align-items: center; }
    @media (max-width: 991px) {
      .index .dr-info-wrapper .dr-info-section {
        display: block; } }
    @media (max-width: 576px) {
      .index .dr-info-wrapper .dr-info-section {
        margin-top: 4rem;
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        grid-gap: 0; } }
    .index .dr-info-wrapper .dr-info-section-image {
      height: 69rem;
      background-color: #19B5C7;
      position: relative;
      border-radius: 2.5rem 2.5rem 2.5rem 15rem; }
      @media (max-width: 991px) {
        .index .dr-info-wrapper .dr-info-section-image {
          height: 43rem;
          width: 49rem;
          margin: 0 auto;
          margin-bottom: 6rem; } }
      @media (max-width: 576px) {
        .index .dr-info-wrapper .dr-info-section-image {
          height: 35rem;
          width: 83%;
          margin-right: auto;
          margin-left: unset;
          border-radius: 2.5rem 2.5rem 2.5rem 10rem; } }
      .index .dr-info-wrapper .dr-info-section-image .dentist-image {
        height: 75rem;
        object-position: bottom;
        object-fit: contain;
        position: absolute;
        bottom: 0;
        right: -14rem;
        z-index: 1; }
        @media (max-width: 991px) {
          .index .dr-info-wrapper .dr-info-section-image .dentist-image {
            right: 0;
            left: 50%;
            transform: translateX(-50%);
            height: 50rem; } }
        @media (max-width: 576px) {
          .index .dr-info-wrapper .dr-info-section-image .dentist-image {
            height: 35rem;
            left: 60%; } }
      .index .dr-info-wrapper .dr-info-section-image-box {
        height: 25rem;
        width: 25rem;
        border-radius: 2.5rem 2.5rem 15rem 2.5rem;
        background: rgba(18, 57, 119, 0.06);
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        box-shadow: 0px 0px 30px #0c299a12;
        right: 0;
        top: 8rem;
        transform: translateX(50%);
        z-index: 0; }
        @media (max-width: 991px) {
          .index .dr-info-wrapper .dr-info-section-image-box {
            display: none; } }
        @media (max-width: 576px) {
          .index .dr-info-wrapper .dr-info-section-image-box {
            display: flex;
            height: 15rem;
            width: 15rem;
            border-radius: 2.5rem 2.5rem 7rem 2.5rem; } }
  @media (max-width: 576px) {
    .index .dr-info-wrapper .btn {
      width: 100%; } }

.index .treatments-wrapper {
  position: relative; }
  .index .treatments-wrapper .treatments-shape {
    position: absolute;
    height: 68rem;
    object-fit: contain;
    right: calc(var(--container-pusher) + var(--container-gutter) + 1rem);
    top: -5rem;
    transform: translate(-100%, -50%); }
    @media (max-width: 991px) {
      .index .treatments-wrapper .treatments-shape {
        z-index: 3;
        height: 55rem;
        right: unset;
        left: 50%;
        transform: translate(-100%, -50%); } }
    @media (max-width: 576px) {
      .index .treatments-wrapper .treatments-shape {
        height: 40rem;
        left: 54%;
        top: -3rem; } }
  .index .treatments-wrapper .treatments-slogan {
    position: absolute;
    top: 0;
    right: calc(var(--container-gutter) + var(--container-pusher));
    transform: translateY(-50%);
    z-index: 2; }
    @media (max-width: 991px) {
      .index .treatments-wrapper .treatments-slogan {
        left: 50%;
        right: unset;
        left: 45%; } }
    .index .treatments-wrapper .treatments-slogan .title {
      max-width: 30rem;
      z-index: 2;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden; }
      @media (max-width: 576px) {
        .index .treatments-wrapper .treatments-slogan .title {
          max-width: 18rem; } }
      @media (max-width: 576px) {
        .index .treatments-wrapper .treatments-slogan .title {
          font-size: 1.8rem; } }
      .index .treatments-wrapper .treatments-slogan .title:last-child {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        margin-top: 4rem;
        max-width: 47rem; }
        @media (max-width: 576px) {
          .index .treatments-wrapper .treatments-slogan .title:last-child {
            max-width: 26rem;
            margin-top: 2rem; } }

.index .treatments-section {
  padding: 10rem 0;
  background: #123977;
  overflow: hidden; }
  @media (max-width: 991px) {
    .index .treatments-section {
      padding-top: 30rem;
      position: relative; } }
  @media (max-width: 576px) {
    .index .treatments-section {
      padding-top: 20rem;
      padding-bottom: 7rem; } }
  .index .treatments-section .section-head {
    position: relative;
    margin-bottom: 12rem; }
    @media (max-width: 991px) {
      .index .treatments-section .section-head {
        position: static; } }
    @media (max-width: 576px) {
      .index .treatments-section .section-head {
        margin-bottom: 5rem; } }
    .index .treatments-section .section-head .swiper-nav {
      position: absolute;
      right: 0;
      bottom: -2rem;
      transform: translateY(100%); }
      @media (max-width: 991px) {
        .index .treatments-section .section-head .swiper-nav {
          bottom: 0;
          transform: translateX(-50%);
          left: 50%;
          right: unset;
          bottom: 21rem;
          height: 1.5rem;
          padding: 0 0.7rem;
          background: #0f2960; } }
      @media (max-width: 576px) {
        .index .treatments-section .section-head .swiper-nav {
          bottom: 18rem; } }
      @media (max-width: 991px) {
        .index .treatments-section .section-head .swiper-nav.swiper-arrows {
          display: flex; } }
    .index .treatments-section .section-head .swiper-nav__timeline {
      color: #00ADC1;
      background: #0f2960; }
      .index .treatments-section .section-head .swiper-nav__timeline span {
        background: #00ADC1;
        height: 3px;
        border-radius: 1.7rem; }
      @media (min-width: 992px) {
        .index .treatments-section .section-head .swiper-nav__timeline {
          display: none; } }
    @media (max-width: 991px) {
      .index .treatments-section .section-head .btn {
        display: none; } }
  @media (max-width: 991px) {
    .index .treatments-section .loadmore {
      margin-top: 12.3rem; } }

.index .doctors-section {
  overflow: hidden; }
  @media (max-width: 991px) {
    .index .doctors-section {
      padding-bottom: 5rem; } }
  @media (max-width: 991px) {
    .index .doctors-section .loadmore {
      margin-top: 15rem; } }
  .index .doctors-section .loadmore .btn {
    min-width: unset; }
  .index .doctors-section .doctors-slider {
    padding-bottom: 15rem;
    border-bottom: 1px solid #C5DDF2; }
    @media (max-width: 991px) {
      .index .doctors-section .doctors-slider {
        padding-bottom: 10rem; } }
    @media (max-width: 991px) {
      .index .doctors-section .doctors-slider {
        padding-bottom: 5rem; } }
    @media (max-width: 991px) {
      .index .doctors-section .doctors-slider .dr-card .btn {
        opacity: 0;
        pointer-events: none; } }
    @media (max-width: 576px) {
      .index .doctors-section .doctors-slider .dr-card img {
        height: 35rem; } }

.index .video-section {
  display: flex;
  padding: 15rem 0 10rem calc(var(--container-pusher) + var(--container-gutter)); }
  @media (max-width: 991px) {
    .index .video-section {
      flex-direction: column-reverse;
      padding: 0 var(--container-gutter);
      max-width: var(--container-width);
      margin-left: auto;
      margin-right: auto; } }
  .index .video-section-left {
    flex: 0 0 40%;
    max-width: 40%;
    transform: translateY(5rem); }
    @media (max-width: 991px) {
      .index .video-section-left {
        transform: unset;
        flex: unset;
        max-width: 100%;
        margin-top: 3rem; } }
    @media (max-width: 576px) {
      .index .video-section-left .toptitle {
        margin-bottom: 2rem; } }
    .index .video-section-left .title {
      max-width: 70rem; }
      @media (max-width: 991px) {
        .index .video-section-left .title {
          max-width: unset; } }
    .index .video-section-left .text {
      max-width: 60rem; }
      @media (max-width: 991px) {
        .index .video-section-left .text {
          max-width: unset; } }
    @media (max-width: 576px) {
      .index .video-section-left .btn {
        width: 100%; } }
  .index .video-section-right {
    width: 100%; }

.index .blog-wrapper {
  overflow: hidden;
  padding: 15rem 0 8rem 0; }
  @media (max-width: 576px) {
    .index .blog-wrapper {
      padding-bottom: 5rem;
      padding-top: 5rem; } }
  .index .blog-wrapper .swiper-arrows {
    background: #123977; }
  .index .blog-wrapper .loadmore {
    margin-top: 17rem; }
    @media (max-width: 576px) {
      .index .blog-wrapper .loadmore {
        margin-top: 14rem; } }

.index .sections-wrapper {
  background: transparent linear-gradient(180deg, #f7fafd 0%, #fefefe 100%) 0% 0% no-repeat padding-box;
  padding: 10rem 0;
  overflow: hidden; }
  @media (max-width: 991px) {
    .index .sections-wrapper {
      padding: 5rem 0; } }
  .index .sections-wrapper .blog-section {
    padding-bottom: 10rem;
    margin-bottom: 10rem;
    border-bottom: 1px solid #19B5C7; }
    @media (max-width: 991px) {
      .index .sections-wrapper .blog-section {
        position: relative;
        padding-bottom: 20rem;
        margin-bottom: 5rem; }
        .index .sections-wrapper .blog-section .section-head .btn {
          position: absolute;
          bottom: 5rem;
          left: 0; } }
    @media (max-width: 991px) and (max-width: 576px) {
      .index .sections-wrapper .blog-section .section-head .btn {
        width: 100%; } }
    @media (max-width: 576px) {
      .index .sections-wrapper .blog-section {
        padding-bottom: 15rem; } }

.contact.subpage {
  margin-bottom: 0; }

.contact .subpage-intro {
  margin-bottom: 22rem;
  min-height: unset; }
  @media (max-width: 991px) {
    .contact .subpage-intro {
      margin-bottom: 5rem; } }
  @media (max-width: 576px) {
    .contact .subpage-intro {
      margin-bottom: 0; } }
  .contact .subpage-intro .toptitle {
    margin-bottom: 8rem;
    justify-content: center; }
    @media (max-width: 576px) {
      .contact .subpage-intro .toptitle {
        margin-bottom: 4rem; } }
  .contact .subpage-intro-content .subpage__title {
    width: 100%; }
  .contact .subpage-intro-content .subpage__text {
    width: 50rem; }
    @media (max-width: 576px) {
      .contact .subpage-intro-content .subpage__text {
        width: 100%; } }
  .contact .subpage-intro .branch .toptitle {
    justify-content: flex-start;
    margin-bottom: 2rem; }

.contact-info {
  max-width: 67rem; }
  .contact-info-item + .contact-info-item {
    margin-top: 2rem;
    padding-top: 2rem;
    border-top: 1px solid #00ADC133; }
  .contact-info-item .info {
    margin-bottom: 1.5rem; }
  .contact-info-item .text {
    color: #000000; }
  .contact-info-item .link {
    font-weight: 400; }
  .contact-info-item-row {
    display: flex;
    align-items: center; }
    .contact-info-item-row .link + .link {
      margin-left: 3rem; }
  @media (min-width: 992px) {
    .contact-info-item .btn {
      display: none; } }
  @media (max-width: 576px) {
    .contact-info-item .btn {
      width: 100%;
      font-size: 1.7rem; } }

.contact-wrapper {
  padding: 7rem 0 0 0;
  position: relative; }
  @media (max-width: 991px) {
    .contact-wrapper {
      border-radius: 0; } }
  @media (max-width: 576px) {
    .contact-wrapper {
      padding-top: 12rem; } }

.contact-shape {
  position: absolute;
  height: 33rem;
  bottom: -1rem;
  right: 0;
  object-fit: contain; }
  @media (max-width: 991px) {
    .contact-shape {
      display: none; } }

.contact form label {
  margin-top: 2rem; }
  .contact form label.error {
    color: #fff; }

.contact .input-group.input-error input {
  border: 1px solid #fff !important; }

.contact ~ footer {
  padding-top: 120rem;
  border-radius: 0 20rem 0 0;
  z-index: 98;
  background: transparent linear-gradient(180deg, #00A3C1 0%, #123977 100%) 0% 0% no-repeat padding-box;
  background: #123977; }
  @media (max-width: 991px) {
    .contact ~ footer {
      padding-top: 86rem;
      border-radius: 0; } }
  @media (max-width: 576px) {
    .contact ~ footer {
      padding-top: 111rem; } }

.contact .subpage-content {
  position: relative;
  z-index: 99;
  margin-bottom: -108rem; }
  @media (max-width: 991px) {
    .contact .subpage-content {
      margin-bottom: -77rem; } }
  @media (max-width: 576px) {
    .contact .subpage-content {
      margin-bottom: -104rem; } }
  .contact .subpage-content .map {
    padding: 0 0 0 2rem;
    height: 79rem;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-left: 5rem; }
    @media (max-width: 991px) {
      .contact .subpage-content .map {
        max-width: 100%;
        transform: none;
        margin-bottom: 0;
        height: 47rem;
        padding-left: 0;
        margin-bottom: 7rem; } }
    @media (max-width: 576px) {
      .contact .subpage-content .map {
        height: 40rem; } }
    .contact .subpage-content .map__btn {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%); }
    .contact .subpage-content .map iframe {
      height: 100%;
      border: 0;
      width: 100%;
      border-radius: 3rem; }

.contact-grid {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  border-bottom: 1px solid rgba(0, 173, 193, 0.5); }
  .contact-grid-left {
    width: 100%; }
  @media (max-width: 991px) {
    .contact-grid {
      flex-direction: column-reverse;
      border-bottom: 0; } }
  .contact-grid .box {
    width: 100%; }
    .contact-grid .box--map {
      transform: translateY(-22.5rem);
      border: 0; }
      @media (max-width: 991px) {
        .contact-grid .box--map {
          transform: translateY(-2rem); } }
    .contact-grid .box .map {
      padding: 0; }
      .contact-grid .box .map iframe {
        border-radius: 3rem 3rem 0 0; }
    .contact-grid .box-content {
      padding: 6rem 10rem 5rem; }
      @media (max-width: 991px) {
        .contact-grid .box-content {
          padding: 6rem 5rem 5rem; } }
      @media (max-width: 576px) {
        .contact-grid .box-content {
          padding: 3rem var(--container-gutter); } }
  .contact-grid .form__img {
    flex: 0 0 46%;
    max-width: 46%;
    height: 79rem;
    object-fit: contain;
    object-position: bottom;
    position: absolute;
    bottom: 0;
    left: var(--container-pusher); }
    @media (max-width: 991px) {
      .contact-grid .form__img {
        display: none; } }

.treatments.subpage {
  margin-bottom: 10rem; }

.treatments .subpage-intro {
  min-height: unset;
  margin-bottom: 0; }
  .treatments .subpage-intro-hero-right {
    position: relative; }
    @media (max-width: 576px) {
      .treatments .subpage-intro-hero-right {
        width: 100vw; }
        .treatments .subpage-intro-hero-right img {
          object-fit: cover; } }
    .treatments .subpage-intro-hero-right::after {
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 12rem;
      background: transparent linear-gradient(180deg, #F6F6F600 0%, #F6F6F6 100%) 0% 0% no-repeat padding-box; }

.treatments .subpage__title {
  max-width: 62rem; }
  @media (max-width: 991px) {
    .treatments .subpage__title {
      max-width: unset; } }
  @media (max-width: 576px) {
    .treatments .subpage__title {
      margin-bottom: 3rem; } }

.treatments-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 3.2rem;
  grid-row-gap: 5rem; }
  @media (max-width: 991px) {
    .treatments-grid {
      grid-template-columns: repeat(2, 1fr);
      grid-column-gap: 3rem;
      grid-row-gap: 2.5rem; } }
  @media (max-width: 768px) {
    .treatments-grid {
      grid-template-columns: repeat(1, 1fr);
      grid-row-gap: 4rem; } }

.doctors.subpage {
  margin-bottom: 25rem; }
  @media (max-width: 576px) {
    .doctors.subpage {
      margin-bottom: 10rem; } }

.doctors .subpage-intro {
  margin-bottom: 0;
  min-height: unset; }
  @media (max-width: 576px) {
    .doctors .subpage-intro {
      padding-top: 15rem; } }
  .doctors .subpage-intro-hero-right img {
    height: 58rem;
    object-fit: cover;
    position: absolute;
    right: var(--container-pusher);
    bottom: 0; }
    @media (max-width: 991px) {
      .doctors .subpage-intro-hero-right img {
        position: static;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        height: 50rem; } }
    @media (max-width: 768px) {
      .doctors .subpage-intro-hero-right img {
        height: 40rem; } }
    @media (max-width: 576px) {
      .doctors .subpage-intro-hero-right img {
        width: 100%;
        height: auto; } }

.doctors .subpage-content {
  padding-top: 2rem; }

.doctors .search-wrapper .input-group {
  margin-left: 5rem;
  width: 50rem; }
  @media (max-width: 991px) {
    .doctors .search-wrapper .input-group {
      width: 100%;
      margin-left: 2rem; } }
  @media (max-width: 768px) {
    .doctors .search-wrapper .input-group {
      margin-left: 0; } }
  .doctors .search-wrapper .input-group svg {
    opacity: 1; }

.doctors-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 4.5rem;
  grid-row-gap: 4rem; }
  @media (max-width: 991px) {
    .doctors-grid {
      grid-template-columns: repeat(2, 1fr);
      padding-bottom: 0; } }
  @media (max-width: 768px) {
    .doctors-grid {
      grid-template-columns: repeat(1, 1fr);
      grid-row-gap: 5rem; } }
  .doctors-grid .dr-card {
    background: #fff; }

.dr-detail .subpage-intro {
  background-image: url("../img/bg-dr.png");
  background-repeat: no-repeat;
  background-position-x: 100%;
  background-position-y: 100%;
  padding-top: 18rem;
  height: 72rem;
  margin-bottom: 2rem; }
  @media (max-width: 991px) {
    .dr-detail .subpage-intro {
      background-image: url("../img/contact-shape.png");
      height: auto;
      background-position-x: 55%;
      background-position-y: 80%;
      background-size: 30rem; } }
  @media (max-width: 576px) {
    .dr-detail .subpage-intro {
      padding-top: 15rem;
      margin-bottom: 0;
      background-position-x: 100%; } }
  .dr-detail .subpage-intro::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: transparent linear-gradient(180deg, #FFFFFF00 0%, #F6F6F6 77%, #F6F6F6 100%) 0% 0% no-repeat padding-box;
    height: 22rem; }
    @media (max-width: 576px) {
      .dr-detail .subpage-intro::after {
        height: 10rem; } }
  .dr-detail .subpage-intro-hero {
    height: 54rem; }
    @media (max-width: 991px) {
      .dr-detail .subpage-intro-hero {
        flex-direction: column-reverse;
        height: auto; } }
    .dr-detail .subpage-intro-hero img {
      height: 53rem;
      object-fit: contain;
      width: 100%; }
      @media (max-width: 991px) {
        .dr-detail .subpage-intro-hero img {
          height: 32rem; } }
      @media (max-width: 576px) {
        .dr-detail .subpage-intro-hero img {
          transform: scale(-1, 1); } }
    .dr-detail .subpage-intro-hero-right {
      height: auto; }
      @media (max-width: 991px) {
        .dr-detail .subpage-intro-hero-right {
          display: flex;
          flex-direction: column;
          align-items: center;
          margin-bottom: 5rem; }
          .dr-detail .subpage-intro-hero-right .title {
            text-align: center; } }
      @media (min-width: 992px) {
        .dr-detail .subpage-intro-hero-right .toptitle {
          display: none; } }
  .dr-detail .subpage-intro .social {
    margin-top: 4rem;
    font-size: 2.4rem; }
    .dr-detail .subpage-intro .social__item {
      z-index: 2;
      background: #fff;
      border: 0;
      height: 5.2rem;
      width: 5.2rem; }
      @media (max-width: 576px) {
        .dr-detail .subpage-intro .social__item {
          color: #00ADC1; } }
      .dr-detail .subpage-intro .social__item:hover {
        background: #00ADC1;
        color: #fff; }

.dr-detail .biography-section-item {
  display: flex;
  align-items: flex-start;
  font-size: 2rem;
  margin-bottom: 2.5rem; }
  @media (max-width: 768px) {
    .dr-detail .biography-section-item {
      display: block; } }
  .dr-detail .biography-section-item:last-child {
    margin-bottom: 0; }
  .dr-detail .biography-section-item-title {
    color: #123977;
    min-width: 20rem; }
    @media (max-width: 768px) {
      .dr-detail .biography-section-item-title {
        margin-bottom: 1rem; } }
    @media (max-width: 576px) {
      .dr-detail .biography-section-item-title {
        color: #5D5F68; } }
  .dr-detail .biography-section-item-text {
    color: #030303;
    line-height: 1.5;
    margin-top: -.2rem; }
    @media (max-width: 991px) {
      .dr-detail .biography-section-item-text {
        margin-top: 0; } }
  .dr-detail .biography-section-item span {
    margin-right: 3.5rem; }
    @media (max-width: 768px) {
      .dr-detail .biography-section-item span {
        display: none; } }

.dr-detail .education-section .education-item {
  margin-bottom: 2.5rem;
  position: relative; }
  @media (max-width: 991px) {
    .dr-detail .education-section .education-item {
      margin-right: 0; } }
  .dr-detail .education-section .education-item:last-child {
    margin-bottom: 0; }
  @media (max-width: 576px) {
    .dr-detail .education-section .education-item-content .title {
      color: #5D5F68; } }

.dr-detail .experience-section .experience-item {
  margin-bottom: 2.5rem;
  position: relative; }
  @media (max-width: 991px) {
    .dr-detail .experience-section .experience-item {
      margin-right: 0; } }
  .dr-detail .experience-section .experience-item:last-child {
    margin-bottom: 0; }

.dr-detail .award-section .custom-list .title {
  color: #5D5F68; }

.dr-detail .award-section .custom-list .text {
  color: #00ADC1; }

@media (max-width: 576px) {
  .dr-detail .tab-content .box {
    width: 100vw;
    margin-left: calc(-1 * var(--container-gutter));
    border-radius: 0; } }

.dr-detail .tab-content .box .section-header {
  margin-bottom: 3rem; }
  @media (max-width: 576px) {
    .dr-detail .tab-content .box .section-header {
      border-top: 1px solid rgba(18, 57, 119, 0.1);
      padding-top: 3.6rem; } }
  @media (max-width: 576px) {
    .dr-detail .tab-content .box .section-header .title {
      font-size: 3rem; } }

.dr-detail .tab-content .box:first-child .section-header {
  border-top: 0;
  padding-top: 0; }

@media (max-width: 576px) {
  .dr-detail .tab-content .box:first-child {
    border-radius: 0 10rem 0 0; } }

.dr-detail .tab-content .box + .box {
  margin-top: 3rem; }
  @media (max-width: 576px) {
    .dr-detail .tab-content .box + .box {
      margin-top: 0;
      padding-top: 0; } }

.treatments-detail.subpage {
  margin-bottom: 0; }
  .treatments-detail.subpage ~ .fixed-button {
    display: none; }

.treatments-detail .subpage__title {
  max-width: 60rem;
  margin-bottom: 2rem; }
  @media (max-width: 991px) {
    .treatments-detail .subpage__title {
      max-width: 100%; } }
  @media (max-width: 576px) {
    .treatments-detail .subpage__title {
      padding-right: var(--container-gutter);
      margin-bottom: 3rem; } }

.treatments-detail .subpage-intro {
  margin-bottom: 0; }
  .treatments-detail .subpage-intro-hero {
    padding-left: calc(var(--container-gutter) + var(--container-pusher));
    position: relative;
    background-image: url("../img/background_shape.png");
    background-repeat: no-repeat;
    background-position-x: 23%;
    background-position-y: 100%;
    background-size: 27rem;
    padding-bottom: 12rem;
    z-index: 1; }
    @media (max-width: 1349px) {
      .treatments-detail .subpage-intro-hero {
        background-position: 18%; } }
    @media (max-width: 991px) {
      .treatments-detail .subpage-intro-hero {
        padding-right: calc(var(--container-gutter) + var(--container-pusher));
        background-position-x: 50%;
        background-position-y: 100%;
        background-size: 20rem;
        height: auto;
        min-height: unset; } }
    @media (max-width: 576px) {
      .treatments-detail .subpage-intro-hero {
        background-size: 20rem;
        padding-bottom: 5rem; } }
    .treatments-detail .subpage-intro-hero-left {
      flex: 0 0 40%;
      max-width: 40%;
      z-index: 2; }
      @media (max-width: 991px) {
        .treatments-detail .subpage-intro-hero-left {
          flex: unset;
          max-width: unset; } }
    .treatments-detail .subpage-intro-hero-img {
      flex: 0 0 40%;
      max-width: 40%;
      height: 58rem;
      margin-right: calc(var(--container-pusher) + var(--container-gutter));
      position: relative; }
      @media (max-width: 991px) {
        .treatments-detail .subpage-intro-hero-img {
          height: 62rem;
          max-width: unset;
          flex: unset;
          margin: 4rem 0; } }
      @media (max-width: 576px) {
        .treatments-detail .subpage-intro-hero-img {
          height: 33rem; } }
      .treatments-detail .subpage-intro-hero-img img {
        height: 100%;
        object-fit: cover;
        width: 100%;
        border-radius: 4rem;
        pointer-events: none; }
      .treatments-detail .subpage-intro-hero-img::after {
        position: absolute;
        background: transparent linear-gradient(180deg, #f6f6f600 0%, #f6f6f6 100%) 0% 0% no-repeat padding-box;
        height: 30rem;
        width: 100%;
        left: 0;
        bottom: -1px; }
    @media (max-width: 576px) {
      .treatments-detail .subpage-intro-hero .content {
        padding-right: var(--container-gutter); } }
    .treatments-detail .subpage-intro-hero .content p {
      font-weight: 500; }
    .treatments-detail .subpage-intro-hero .content ul li {
      font-weight: 500;
      margin-bottom: 1rem; }
      @media (max-width: 1367px) {
        .treatments-detail .subpage-intro-hero .content ul li::before {
          top: 0; } }

.treatments-detail-info {
  display: grid;
  grid-template-columns: 60rem calc(100% - 67rem);
  align-items: center;
  padding: 10rem 0;
  display: flex;
  align-items: center;
  justify-content: space-between; }
  @media (max-width: 991px) {
    .treatments-detail-info {
      display: block;
      padding: 5rem 0; } }
  .treatments-detail-info:last-of-type {
    border-bottom: 1px solid rgba(18, 57, 119, 0.3); }
    @media (max-width: 991px) {
      .treatments-detail-info:last-of-type {
        border-bottom: 0; } }
  .treatments-detail-info-content {
    flex: 0 0 40%;
    max-width: 40%; }
    @media (max-width: 991px) {
      .treatments-detail-info-content {
        flex: unset;
        max-width: unset; } }
  .treatments-detail-info-wrapper {
    background: #123977;
    position: relative;
    z-index: 1; }
    .treatments-detail-info-wrapper .content h1,
    .treatments-detail-info-wrapper .content h2,
    .treatments-detail-info-wrapper .content h3,
    .treatments-detail-info-wrapper .content h4,
    .treatments-detail-info-wrapper .content h5,
    .treatments-detail-info-wrapper .content h6 {
      color: #fff; }
    .treatments-detail-info-wrapper .content p {
      color: #fff; }
    .treatments-detail-info-wrapper .content ul {
      margin-bottom: 0; }
      .treatments-detail-info-wrapper .content ul li {
        color: #fff; }
    .treatments-detail-info-wrapper.transparent {
      background: #fff; }
      .treatments-detail-info-wrapper.transparent .treatments-detail-info {
        flex-direction: row-reverse; }
        .treatments-detail-info-wrapper.transparent .treatments-detail-info-image::after {
          background: transparent linear-gradient(180deg, #ffffff00 0%, #ffffff 100%) 0% 0% no-repeat padding-box; }
        .treatments-detail-info-wrapper.transparent .treatments-detail-info .content-wrapper::after {
          background: transparent linear-gradient(180deg, #ffffff00 0%, #ffffff 100%) 0% 0% no-repeat padding-box; }
      .treatments-detail-info-wrapper.transparent .content h1,
      .treatments-detail-info-wrapper.transparent .content h2,
      .treatments-detail-info-wrapper.transparent .content h3,
      .treatments-detail-info-wrapper.transparent .content h4,
      .treatments-detail-info-wrapper.transparent .content h5,
      .treatments-detail-info-wrapper.transparent .content h6 {
        color: #5d5f68; }
      .treatments-detail-info-wrapper.transparent .content p {
        color: #5d5f68; }
      .treatments-detail-info-wrapper.transparent .link {
        color: #5d5f68; }
      .treatments-detail-info-wrapper.transparent ul li {
        color: #5d5f68; }
    .treatments-detail-info-wrapper.no-section {
      display: none; }
    .treatments-detail-info-wrapper.no-image .treatments-detail-info {
      justify-content: flex-start;
      flex-direction: row; }
      .treatments-detail-info-wrapper.no-image .treatments-detail-info-content {
        flex: unset;
        max-width: unset; }
  .treatments-detail-info-image {
    height: auto;
    position: relative;
    flex: 0 0 55%;
    max-width: 55%; }
    @media (max-width: 991px) {
      .treatments-detail-info-image {
        flex: 0 0 unset;
        max-width: unset;
        margin-top: 5rem; } }
    .treatments-detail-info-image::after {
      position: absolute;
      background: transparent linear-gradient(180deg, #12397700 0%, #12397706 18%, #123977 100%) 0% 0% no-repeat padding-box;
      height: 36rem;
      width: 100%;
      bottom: 0;
      left: 0; }
    .treatments-detail-info-image img {
      height: 100%;
      width: 100%;
      object-fit: cover;
      border-radius: 3rem;
      pointer-events: none; }
  @media (max-width: 991px) {
    .treatments-detail-info .content {
      padding: 0; } }
  .treatments-detail-info .content h3 {
    font-size: 3rem;
    margin-bottom: 3rem; }
    @media (max-width: 576px) {
      .treatments-detail-info .content h3 {
        font-size: 2.7rem;
        margin-bottom: 2rem; } }
  .treatments-detail-info-content .content-wrapper {
    max-height: 50rem;
    overflow: hidden;
    transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74);
    position: relative; }
    .treatments-detail-info-content .content-wrapper::after {
      content: "";
      position: absolute;
      bottom: -1px;
      left: 0;
      background: transparent linear-gradient(180deg, #12397700 0%, #12397708 23%, #123977fd 100%) 0% 0% no-repeat padding-box;
      width: 100%;
      height: 10rem; }
    .treatments-detail-info-content .content-wrapper.visible::after {
      content: unset; }
    @media (max-width: 576px) {
      .treatments-detail-info-content .content-wrapper {
        max-height: 46.7rem; } }
    .treatments-detail-info-content .content-wrapper.visible {
      overflow: visible;
      transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74); }
  .treatments-detail-info-content .show-more-btn {
    margin-top: 2rem;
    position: relative; }
    .treatments-detail-info-content .show-more-btn span {
      position: absolute;
      left: 0;
      top: 0;
      transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74); }
      .treatments-detail-info-content .show-more-btn span.show-more-less {
        opacity: 0;
        pointer-events: none; }
    .treatments-detail-info-content .show-more-btn.visible .show-more-link {
      opacity: 0;
      pointer-events: none; }
    .treatments-detail-info-content .show-more-btn.visible .show-more-less {
      opacity: 1;
      pointer-events: all; }
  .treatments-detail-info.no-after .content-wrapper::after {
    content: unset; }

.treatments-detail-how-image {
  height: 60rem;
  object-fit: cover; }
  @media (max-width: 991px) {
    .treatments-detail-how-image {
      width: 100%;
      object-fit: contain;
      height: 45rem;
      margin-top: 5rem; } }
  @media (max-width: 576px) {
    .treatments-detail-how-image {
      height: 34rem;
      margin-top: 1rem; } }

.treatments-detail-how-content {
  max-width: 47%;
  flex: 0 0 47%; }
  @media (max-width: 991px) {
    .treatments-detail-how-content {
      max-width: unset;
      flex: unset; } }

.treatments-detail-sections {
  background: transparent linear-gradient(180deg, #ffffff 0%, #f6f6f6 100%) 0% 0% no-repeat; }

.treatments-detail-section {
  display: flex;
  justify-content: space-between;
  padding: 10rem 0;
  border-bottom: 1px solid rgba(18, 57, 119, 0.3); }
  @media (max-width: 991px) {
    .treatments-detail-section {
      display: block;
      padding: 5rem 0;
      border-bottom: 0;
      margin-bottom: 0; } }
  .treatments-detail-section-left {
    flex: 0 0 46%;
    max-width: 46%; }
    @media (max-width: 991px) {
      .treatments-detail-section-left {
        flex: unset;
        max-width: unset;
        padding-bottom: 2rem;
        margin-bottom: 2rem;
        border-bottom: 1px solid rgba(18, 57, 119, 0.1); } }
  .treatments-detail-section-right {
    flex: 0 0 46%;
    max-width: 46%; }
    @media (max-width: 991px) {
      .treatments-detail-section-right {
        flex: unset;
        max-width: unset; } }
  .treatments-detail-section h5 {
    color: #123977;
    font-size: 3rem;
    margin-bottom: 3rem; }
    @media (max-width: 576px) {
      .treatments-detail-section h5 {
        font-size: 2.7rem;
        margin-bottom: 2rem; } }
  .treatments-detail-section p {
    font-weight: 500; }

.treatments-detail .faq-wrapper {
  background: #fff; }

.treatments-detail-faq {
  padding: 0 0 10rem 0;
  border-bottom: 1px solid rgba(18, 57, 119, 0.3);
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  padding-top: 10rem; }
  @media (max-width: 991px) {
    .treatments-detail-faq {
      padding: 5rem 0;
      padding-bottom: 10rem; } }
  @media (max-width: 576px) {
    .treatments-detail-faq {
      padding-top: 0;
      padding-bottom: 5rem; } }
  .treatments-detail-faq-header {
    width: 100%; }
    @media (max-width: 991px) {
      .treatments-detail-faq-header {
        margin-top: 5rem; } }
    @media (max-width: 576px) {
      .treatments-detail-faq-header {
        margin-top: 3rem; } }
    .treatments-detail-faq-header .title {
      max-width: 50%; }
      @media (max-width: 991px) {
        .treatments-detail-faq-header .title {
          max-width: 100%; } }
      @media (max-width: 576px) {
        .treatments-detail-faq-header .title {
          margin-bottom: 3rem; } }
  .treatments-detail-faq .faq-content {
    display: grid;
    grid-template-columns: 88rem calc(100% - 98rem);
    grid-gap: 10rem; }
    @media (max-width: 991px) {
      .treatments-detail-faq .faq-content {
        display: flex;
        flex-direction: column-reverse;
        grid-gap: 5rem; } }
    .treatments-detail-faq .faq-content .btn {
      min-width: 35rem; }
  .treatments-detail-faq .faq-image {
    object-fit: contain;
    margin-top: -14rem;
    width: 42%;
    margin-left: auto;
    height: auto; }
    @media (max-width: 991px) {
      .treatments-detail-faq .faq-image {
        width: 100%;
        margin-top: 0;
        order: -1;
        height: 50rem; } }
    @media (max-width: 576px) {
      .treatments-detail-faq .faq-image {
        height: 37rem; } }
  .treatments-detail-faq .faq-items {
    width: 53%; }
    @media (max-width: 991px) {
      .treatments-detail-faq .faq-items {
        width: 100%; } }
  .treatments-detail-faq.no-image .faq-items {
    width: 100%; }
    .treatments-detail-faq.no-image .faq-items .faq-item-header {
      padding-left: 0; }
      @media (max-width: 576px) {
        .treatments-detail-faq.no-image .faq-items .faq-item-header {
          padding-left: var(--container-gutter); } }
  .treatments-detail-faq.no-image .btn--full {
    width: max-content;
    margin-left: auto;
    margin-right: auto; }
    @media (max-width: 576px) {
      .treatments-detail-faq.no-image .btn--full {
        width: 100%; } }

.treatments-detail .compare-wrapper {
  padding: 10rem 0;
  overflow: hidden; }
  @media (max-width: 576px) {
    .treatments-detail .compare-wrapper.no-title {
      padding-top: 0; } }
  @media (max-width: 991px) {
    .treatments-detail .compare-wrapper {
      padding-bottom: 20rem;
      position: relative; } }
  @media (max-width: 576px) {
    .treatments-detail .compare-wrapper {
      padding-top: 3rem;
      padding-bottom: 16rem; } }
  .treatments-detail .compare-wrapper .section-head .swiper-arrows {
    display: flex; }
    @media (max-width: 991px) {
      .treatments-detail .compare-wrapper .section-head .swiper-arrows {
        position: absolute;
        bottom: 7rem;
        left: 50%;
        transform: translateX(-50%);
        bottom: 5rem;
        background: transparent; }
        .treatments-detail .compare-wrapper .section-head .swiper-arrows .btn {
          background: #00ADC1 !important;
          height: 5.2rem;
          padding: 0 2.5rem;
          border-radius: 3rem;
          font-size: 3.4rem; } }
    @media (max-width: 576px) {
      .treatments-detail .compare-wrapper .section-head .swiper-arrows {
        padding: 0; } }

.treatments-detail .doctors-wrapper {
  padding-bottom: 13rem;
  overflow: hidden; }
  @media (max-width: 576px) {
    .treatments-detail .doctors-wrapper {
      padding-top: 0;
      padding-bottom: 5rem; } }
  .treatments-detail .doctors-wrapper .dr-card {
    background: #fff; }
    .treatments-detail .doctors-wrapper .dr-card:hover {
      background: rgba(18, 57, 119, 0.05); }