@media screen and (min-width: 1199px) {
  .nav-routes {
    display: block;
    opacity: 1;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .header-container {
    max-width: 720px;
  }
}

/* max width 1200px */
@media screen and (max-width: 1199px) {
  body .d1 {
    font-size: 6.68rem;
  }

  .svglogo {
    width: 60px;
    height: auto;
    padding: 0%;
  }

  .sub-title {
    font-size: 1.375rem;
  }

  .inner--slim .article__col-images {
    margin: 3.125rem -25%;
    width: 150%;
  }

  body .d3 {
    font-size: 5.125rem;
  }

  .textd3 .d3 {
    font-size: 3rem;
    /* Adjusted size for screens <= 1199px */
  }

  p {
    font-size: 1.125rem;
  }

  .extracurriculars-slider__wrap {
    padding-right: 3.125rem;
  }

  h3 {
    font-size: 1.75rem;
  }

  .choose-guide-small {
    padding-top: 3.125rem;
  }

  .choose-guide__item-info {
    display: none;
    display: block;
  }

  .hero-flex__text {
    max-width: 70vw;
  }

  .header-container {
    /* padding: 0 1.875rem;
    padding: 0; */
  }

  .hero-flex__dark .hero-flex__dec-1 {
    left: 80%;
    top: 60%;
  }

  .essential-skills .d3 .essential-skills__dec {
    max-width: 380px;
  }

  .essential-skills__accordion-title {
    padding: 1.1875rem 0;
    height: 9.6rem;
  }

  .offcanvas-body nav {
    padding-top: 15px;
  }
}

/* max width 1024px */
@media (max-width: 1024px) {
  .intro-animation-start .front-hero__over {
    width: 100%;
    height: auto;
    min-height: 100%;
  }

  .front-hero__over {
    width: auto;
    height: 100%;
    position: static;
    border-radius: 0;
  }

  .front-hero__over {
    width: 100%;
    height: auto;
    min-height: 100%;
    transition: none;
  }

  .front-hero__over-in {
    position: static;
    width: auto;
    min-height: 100%;
    padding-top: 1px;
    padding-bottom: 1px;
    height: auto;
  }

  .front-hero .inner {
    margin: 12.5rem 0;
    min-height: 1px;
  }

  .front-hero .inner .d1 {
    padding-right: 0;
    margin-left: 0;
  }

  .front-hero .inner .d1 {
    padding-right: 100px;
  }

  body .d1 {
    font-size: 5.43rem;
  }

  body .d5 {
    font-size: 2.43rem;
  }

  .front-hero {
    min-height: 1px;
  }

  .front-hero__first {
    height: auto;
    position: relative;
    display: none;
  }

  .front-hero__over {
    width: 100%;
    height: auto;
    min-height: 100%;
    transition: none;
  }

  .front-hero__over {
    width: auto;
    height: 100%;
    position: static;
    border-radius: 0;
  }

  .intro-animation-start .front-hero__over {
    width: 100%;
    height: auto;
    min-height: 100%;
  }

  .front-hero__btn {
    top: auto;
    bottom: 10%;
    width: 120px;
    left: auto;
    right: 8%;
  }

  .front-hero__btn .hero-scrolldown {
    display: none;
  }

  .front-hero__btn svg {
    max-width: 100%;
    height: auto;
  }

  .front-hero__btn .hero-open-video {
    display: block;
    pointer-events: visible;
  }

  .hyp-story {
    padding: 1.875rem 0 3.75rem;
  }

  .front-hero__btn svg {
    max-width: 100%;
    height: auto
  }

  .our-community {
    padding: 3.75rem 0;
  }

  body .d4 {
    font-size: 2.75rem;
  }

  body .p2 {
    font-size: 1rem;
  }

  .article-popup .article-close {
    top: 1.25rem;
    right: 1.25rem;
  }

  .inner--slim .article__col-images {
    margin: 3.125rem -0.625rem;
    width: auto;
  }

  .article__image {
    margin: 3.125rem -3.125rem;
  }

  .essential-skills {
    padding: 3.125rem 0;
  }

  body .d3 {
    font-size: 3.68rem;
  }

  .textd3 .d3 {
    font-size: 2.75rem;
    /* Adjusted size for screens <= 1024px */
  }


  .extracurriculars-slider__wrap {
    padding-top: 0.625rem;
  }

  .extracurriculars-slider__slide-item {
    padding: 3.125rem 3.125rem 0 0;
  }

  .extracurriculars-slider__slide-item:before {
    width: 2rem;
    height: 1.5rem;
  }

  .extracurriculars-audio-carousel {
    padding: 2.5rem 0 3.75rem;
  }

  .statistic__slider {
    margin: 0 -1.875rem 1.875rem;
  }

  .statistic__slide {
    margin: 0 1.875rem;
    width: calc(33.33% - 3.75rem);
  }

  .footer-banner__list {
    top: -0.93rem;
    margin-bottom: 0;
  }

  .footer-banner__item {
    height: 3.9rem;
    padding: 0.81rem 0;
  }

  .columns-section__col--col2 {
    width: calc(50% - 1.5rem);
  }

  .columns-section__col--col2 .columns-section__col-img {
    margin-bottom: -11.25rem;
  }

  .columns-section__col--col2 .columns-section__col-data {
    padding-right: 2.5rem;
    padding-top: 13.75rem;
  }

  .columns-section__col-data {
    padding: 2.5rem;
  }

  .columns-section__col--col2:not(.no-image) .columns-section__col-data .columns-section__col-icon {
    top: 10.625rem;
    right: 1.875rem;
  }

  .student-tour__hero-color {
    width: 60%;
    left: 20%;
  }

  .columns-section__col--col3 {
    width: calc(50% - 1.56rem);
    margin-right: 0;
  }

  .columns-section__col--col3:nth-child(2n+1) {
    margin-right: 3.025rem;
  }

  .columns-section__col-data {
    padding: 2.5rem;
  }


  .single-blog-artical .inner {
    width: 98%;
  }

  body .form-section .inner {
    flex-direction: column;
  }

  body .form-section__left {
    width: 100%;
    padding: 0;
  }

  #flex-section__1 .form-section__left {
    padding-block: 3rem;
  }

  body .form-section__image {
    padding-bottom: 66%;
    margin-bottom: 1.25rem;
  }

  body .form-section__left .d3 {
    font-size: 3.875rem;
  }

  body .form-section__left .content-entry {
    max-width: 100%;
    font-size: 1.25rem;
  }

  body .form-section__left .content-entry .sub-title {
    margin-bottom: 1.25rem;
  }

  body .form-section__right {
    width: 100%;
    /* margin-top: 2.5rem; */
    padding: 3.125rem;
  }

  body .form-section__right {
    padding: 3.125rem 5vw;
    margin-left: -5vw;
    width: calc(100% + 10vw);
  }

  #flex-section__1 .form-section__right {
    padding-top: 3.125rem;
  }

  body .form-section__right:after {
    width: auto;
    right: 0;
  }

  .explore__body {
    padding-top: 6.25rem;
  }

  .hero-flex__dark .hero-flex__dec-1 {
    left: 77%;
    top: 10%;
    width: 5.93rem;
    height: 5.93rem;
  }

  .hero-flex__dark .hero-flex__dec-2 {
    transform: rotate(-90deg) translate(-6.875rem, 2.5rem);
    -webkit-transform: rotate(-90deg) translate(-6.875rem, 2.5rem);
    -moz-transform: rotate(-90deg) translate(-6.875rem, 2.5rem);
    -ms-transform: rotate(-90deg) translate(-6.875rem, 2.5rem);
    -o-transform: rotate(-90deg) translate(-6.875rem, 2.5rem);
  }

}

/* max width 992px */
@media screen and (max-width: 992px) {
  .statistic__item .d1 {
    font-size: 3.6rem;
  }

  /* .hyp_footer-details {
    padding: 60px 0;
  } */

  .hyp_footer-menu {
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .modal-image {
    display: none;
  }

  .hyp_footer-menu-item {
    /* width: 33%; */
  }

  .hyp_footer-menu+.hyp_footer-menu {
    margin-top: 32px;
  }

  .inner--slim-1172 {
    flex-direction: column;
  }

  .grid-people__slider-not {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 16px 16px;
    grid-auto-flow: row;
  }

  .event-slider-img {
    height: 250px;
    width: 100%;
    object-fit: cover;
  }

  body .d5 {
    font-size: 2rem !important;
  }

  .essential-skills .d3 .essential-skills__dec {
    max-width: 350px;
  }

  .offcanvas-body {
    padding-top: 0px;
  }
}

/* max width 768px */
@media screen and (max-width: 778px) {
  .hyp_footer-socialsContacts {
    flex-direction: column;
  }

  .hyp_footer-socialsContacts>div {
    width: 100%;
    justify-content: center;
  }

  .hyp_footer-socials {
    flex-direction: column;
    gap: 30px;
    justify-content: center;
  }

  .hyp_footer-socials .hyp_social-list_mob {
    gap: 32px;
  }

  .hyp_footer-legal-nav {
    gap: 28px 0;
  }

  .hyp_footer-legal-link {
    width: 50%;
  }

  .grid-people__slider-not {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 16px 16px;
  }
}

@media (max-height: 750px) {
  .front-hero .inner {
    margin-top: 6.25rem;

  }

}

@media (orientation: landscape) and (max-height: 700px) {
  .front-hero .inner .d1 {
    font-size: 7rem;
  }
}

/* @media (max-height: 600px) {
  .front-hero .inner .d1 {
    font-size: 7.5rem
  }
} */

@media (max-height: 600px) {
  .front-hero .inner .d1 {
    font-size: 6.25rem
  }
}

/* max width 767px */
@media screen and (max-width: 767px) {

  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p {
    margin-bottom: 1.25rem;
  }

  .inner {
    padding: 0 5%;
  }

  .front-hero-btn {
    padding: 0 5%;
    margin-bottom: 30px;
  }

  h2 {
    font-size: 1.875rem;
  }

  body .d1 {
    font-size: 3.875rem;
  }

  body .d3 {
    font-size: 2.25rem;
  }

  .textd3 .d3 {
    font-size: 2.25rem;
    /* Adjusted size for screens <= 767px */
  }

  /* body .d5 {
    font-size: 1.625rem !important;
  } */
  body .d5 {
    font-size: 1.625rem;
  }

  .svglogo {
    width: 50px;
    height: auto;
  }

  .front-hero .inner .d1 {
    padding-right: 0;
  }

  .sub-title {
    font-size: 1.125rem;
    margin-bottom: 0.625rem;
  }

  .hyp-story .inner>.sub-title {
    margin-bottom: 0;
  }

  .hyp-story .inner>.sub-title svg {
    max-width: 50px;
    height: auto;
  }

  .hyp-story__carousel-control {
    margin-top: 1.25rem;
  }

  .hyp-story__carousel-slide .d5 {
    padding-right: 2.5rem;
  }

  .hyp-story__images-slide-image {
    max-width: 50%;
    width: 175px;
  }

  .hyp-story__images {
    margin-top: -9.375rem;
  }

  .hyp-story .inner>.sub-title svg {
    max-width: 50px;
    height: auto
  }

  .our-community__list {
    padding-top: 0.625rem;
  }

  .scroll-down {
    left: 1.56rem;
    width: 6.25rem;
    margin-top: 0;
  }

  .statistic__item .d1 {
    font-size: 2.6rem;
  }

  .slideshow-popup {
    overflow-y: hidden;
  }

  .slideshow-popup__close {
    width: 38px;
    height: 38px;
    margin-top: 0;
    top: 1rem;
    right: 1.25rem;
    left: auto;
  }

  .slideshow-popup__close i {
    font-size: 0.75rem;
  }

  .slideshow-popup .mCustomScrollbar {
    touch-action: auto;
    /* touch-action: none; */
  }

  .slideshow-popup__in {
    display: block;
    padding: 0;
    height: 100%;
    overflow-y: auto;
    box-sizing: border-box;
    white-space: normal;
  }

  .slideshow-popup .mCustomScrollBox {
    height: auto;
    max-height: none !important;
  }

  .slideshow-popup .mCSB_container {
    top: auto !important;
    left: auto !important;
    width: auto !important;
  }

  .slideshow__side {
    background: #eae0d1;
    position: fixed;
    left: 0;
    width: 100% !important;
    top: 0;
    box-sizing: border-box;
    padding: 1.875rem 1.25rem;
    z-index: 21;
  }

  .slideshow__side-in {
    padding: 0 60px 0 0;
  }

  .slideshow__side .sub-title {
    transition: margin-bottom .3s;
  }

  .slideshow__side-in .d5 {
    margin-bottom: 0;
  }

  .slideshow__featured {
    display: none;
  }

  .slideshow__slide .slideshow__slide-item {
    padding-left: 0;
  }

  .slideshow__slide.slideshow__slide-1 .slideshow__slide-item:before {
    content: "";
    position: absolute;
    left: 70%;
    bottom: 0;
    width: 16.25rem;
    height: 16.25rem;
    z-index: -1;
    background: url('data:image/svg+xml,<svg width="427" height="426" viewBox="0 0 427 426" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M405.598 193.333L236.279 203.548L363.224 91.0369C363.79 90.5481 364.381 89.9306 364.896 89.3646C372.1 81.2344 371.354 68.7818 363.224 61.5778C355.093 54.3738 342.641 55.1199 335.437 63.2501L222.926 190.195L233.14 20.8753C233.192 20.1291 233.192 19.2544 233.14 18.5082C232.497 7.6508 223.157 -0.608054 212.3 0.0351593C201.443 0.678372 193.184 10.0178 193.827 20.8753L204.041 190.195L91.5818 63.2758C91.093 62.7098 90.4755 62.1181 89.9095 61.6035C81.7793 54.3995 69.3267 55.1456 62.1227 63.2758C54.9187 71.4061 55.6648 83.8587 63.795 91.0626L190.74 203.573L21.4202 193.359C20.6741 193.308 19.7993 193.308 19.0532 193.359C8.19572 194.002 -0.0631317 203.342 0.580081 214.199C1.22329 225.057 10.5627 233.316 21.4202 232.647L190.74 222.432L63.795 334.943C63.2547 335.432 62.6373 336.05 62.1227 336.616C54.9187 344.746 55.6648 357.198 63.795 364.402C71.9253 371.606 84.3779 370.86 91.5818 362.73L204.093 235.786L193.878 405.105C193.827 405.851 193.827 406.726 193.878 407.472C194.522 418.329 203.861 426.588 214.718 425.945C225.576 425.302 233.835 415.962 233.192 405.105L222.977 235.786L335.488 362.73C335.977 363.296 336.594 363.888 337.16 364.402C345.291 371.606 357.743 370.86 364.947 362.73C372.151 354.6 371.405 342.147 363.275 334.943L236.33 222.432L405.65 232.647C406.396 232.698 407.271 232.698 408.017 232.647C418.874 232.003 427.133 222.664 426.49 211.807C425.847 200.949 416.507 192.69 405.65 193.333H405.598Z" fill="%23EAE0D1"/></svg>') no-repeat 0 0/16.25rem 16.25rem;
  }

  .slideshow__slide.slideshow__slide-1 .slideshow__slide-item .slideshow__slide-image,
  .slideshow__slide.slideshow__slide-3 .slideshow__slide-item .slideshow__slide-image {
    padding-right: 3.75rem;
  }

  .slideshow__slide .slideshow__slide-image img {
    margin-bottom: 0.9375rem;
  }

  body .p2 {
    font-size: 1rem;
  }

  .slideshow__slide.slideshow__slide-2 .slideshow__slide-item .slideshow__slide-image,
  .slideshow__slide.slideshow__slide-4 .slideshow__slide-item .slideshow__slide-image {
    padding-left: 6.25rem;
  }

  .slideshow__slide.slideshow__slide-4 .slideshow__slide-item .slideshow__slide-image-in,
  .slideshow__slide.slideshow__slide-2 .slideshow__slide-item .slideshow__slide-image-in {
    margin-left: 0;
  }

  .slideshow__slide.slideshow__slide-3 .slideshow__slide-item .slideshow__slide-image {
    padding-right: 3.75rem;
  }

  .slideshow__slide.slideshow__slide-4 .slideshow__slide-item:before {
    top: 1.25rem;
    left: 3.75rem;
  }

  .slideshow__slide {
    width: 100% !important;
    float: none;
    height: auto;
    box-sizing: border-box;
    padding: 0 1.25rem;
    margin-bottom: 2.5rem;
  }

  .slideshow__side:before {
    display: none
  }

  .slideshow__slide.slideshow__slide-2 .slideshow__slide-item:before {
    display: none
  }

  .slideshow__slide.slideshow__slide-4 .slideshow__slide-item:after {
    bottom: auto;
    top: 100%;
  }

  .article-popup {
    left: 0;
  }

  .article-popup .article-general .hero-post {
    padding: 2.5rem 0;
  }

  .breadcrumbs {
    font-size: 0.875rem;
  }

  body .p3 {
    font-size: 0.875rem;
  }

  body .d4 {
    font-size: 2.25rem;
  }

  .article__image {
    margin: 2.5rem 0;
  }

  p {
    font-size: 1.125rem;
  }

  .inner--slim .article__carousel-wrap {
    margin: 2.5rem 0;
  }

  .our-community__bottom {
    margin-top: 1.875rem;
    display: block;
  }

  .our-community__bottom .ia-btn {
    margin-top: 1.25rem;
  }

  .essential-skills__accordion-title {
    padding: 1.25rem 0;
    height: 5.375rem;
    height: 8rem;
  }

  .ia-btn span {
    padding: .3rem 0.93rem;
  }

  .essential-skills__accordion-info {
    padding: 0 5% 1.875rem;
  }

  .essential-skills .d3 .essential-skills__dec {
    position: relative;
    top: auto;
    max-width: 300px;
    display: block;
    margin: -1.875rem 0 0 auto;
  }

  .essential-skills__accordion {
    margin-top: 0;
    margin-top: 2.5rem;
  }


  .faq_accordion {
    margin-bottom: 2.5rem;
  }

  .essential-skills__accordion-item {
    position: relative;
  }

  .essential-skills__accordion-item:nth-child(1) {
    z-index: 10;
  }

  .essential-skills__accordion-title {
    overflow: visible;
  }

  .essential-skills__accordion-item:nth-child(1) .essential-skills__icon {
    left: 70%;
  }

  .accordion_icon {
    left: 85% !important;
  }

  .essential-skills__icon {
    display: block;
    position: absolute;
    top: 100%;
    left: 50%;
    z-index: 10;
    transform: translate(0, -100%);
    -webkit-transform: translate(0, -100%);
    -moz-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    -o-transform: translate(0, -100%);
  }

  .essential-skills__accordion-title.active .essential-skills__icon {
    display: none;
  }

  .essential-skills__accordion-loop-img {
    width: 165px;
    height: 90px;
    margin: 0;
  }

  .essential-skills__accordion-info-in {
    flex-direction: column;
    align-items: flex-start;
  }

  .essential-skills__accordion-info__text {
    width: 100%;
    padding-left: 0;
    order: 2;
  }

  .essential-skills__accordion-info__text .circle-text {
    right: 0;
    left: auto;
    top: auto;
    bottom: 100%;
    max-width: 75px;
  }

  body .h3 {
    font-size: 1.5rem;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p {
    margin-bottom: 1.25rem;
  }

  .essential-skills__accordion-info__img {
    width: 70%;
    max-width: calc(100% - 120px);
    order: 1;
    margin-bottom: 2.1875rem;
  }

  .essential-skills__accordion-info__img a {
    width: 56px;
    height: 56px;
    bottom: -28px;
    right: -28px;
  }

  .extracurriculars-audio-carousel {
    padding: 2.5rem 0 3.75rem;
  }

  .extracurriculars-slider__wrap {
    padding-top: 0.625rem;
  }

  .extracurriculars-slider__slide-item {
    padding: 3.125rem 0 0;
  }

  .extracurriculars-slider__slide-author-photo {
    margin-right: 1.25rem;
  }

  .extracurriculars-slider__slide-author-photo div {
    width: 4rem;
    height: 4rem;
    border-radius: 4rem;
  }

  .extracurriculars-slider__slide-author-info .sub-title {
    margin-bottom: .32rem;
  }

  .extracurriculars-slider__slide-author-info .p2 {
    line-height: 1.2;
  }

  .extracurriculars-slider__control {
    width: auto;
    transform: translate(0, 0);
    position: static;
    display: flex;
    align-items: center;
    padding-top: 1.875rem;
  }

  .extracurriculars-slider__control .slick-prev {
    transform: rotate(-90deg);
    top: .125rem;
  }

  .extracurriculars-slider__control .slick-dots {
    display: flex;
    margin: 0;
  }

  .extracurriculars-slider__control .slick-dots li {
    margin: 0 .562rem;
  }

  .extracurriculars-slider__control .slick-next {
    transform: rotate(-90deg);
    top: -.125rem;
  }

  .extracurriculars-slider__wrap {
    padding-right: 0;
  }

  .grid-people {
    padding: 3.75rem 0;
  }

  .grid-people .d4 {
    margin-bottom: 1.875rem;
  }

  .grid-people__slide {
    width: 100vw;
  }

  h3 {
    font-size: 1.5rem;
  }

  .our-community__bottom {
    margin-top: 1.875rem;
    display: block;
  }

  .bottomline-adjust__first {
    display: block;
  }

  .bottomline-adjust__first+.text-right {
    display: none;
  }

  .statistic {
    padding: 6.25rem 0 3.75rem;
  }

  .statistic .inner {
    position: static;
  }

  .statistic__circle-text {
    top: 1.25rem;
    right: 1.25rem;
  }

  .statistic__circle-text svg {
    width: 4.75rem;
  }

  .statistic__slide-outer {
    flex-direction: column;
  }

  .statistic__slide {
    width: calc(100% - 2.5rem);
    margin: 0 1.875rem 2.5rem;
  }

  .statistic__item {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .statistic__item .d1 {
    border: none;
    border-right: 1px dashed #000;
    margin-bottom: 0;
    padding-top: .43rem;
    padding-bottom: .55rem;
    line-height: .5;
  }

  .statistic__item-value {
    width: 9rem;
    padding-right: 0.93rem;
    text-align: right;
    padding-top: 0;
  }

  .statistic__item p {
    width: calc(100% - 10rem);
    margin-bottom: 0;
    padding: 0 0.9rem;
    box-sizing: border-box;
    white-space: initial;
  }

  .statistic .slick-dots {
    position: relative;
    top: -.19rem;
  }

  .choose-guide {
    padding: 3.75rem 0 0;
  }

  .choose-guide .inner .content-entry {
    margin-left: 2.5rem;
  }

  .choose-guide-small {
    max-width: 100%;
  }

  .choose-guide-small {
    display: none;
  }

  .choose-guide-small .choose-guide__item {
    margin: 0 .312rem;
  }

  .choose-guide__item {
    width: 12.68rem;
    margin-top: 0;
  }

  .choose-guide-small .choose-guide__item .choose-guide__item-img {
    border-radius: .625rem;
    -webkit-border-radius: .625rem;
    -moz-border-radius: .625rem;
    -ms-border-radius: .625rem;
    -o-border-radius: .625rem;
  }

  .choose-guide__item-info {
    display: none;
  }

  .choose-guide-small .choose-guide__item .choose-guide__item-info {
    display: none;
  }

  .choose-guide-mobile__slider {
    display: block;
  }

  .choose-guide-mobile__slider .choose-guide-mobile__slide {
    margin-top: 1.875rem;
    width: 320px;
  }

  .choose-guide__item {
    width: 12.68rem;
    margin-top: 0;
  }

  .choose-guide-mobile__slider .choose-guide-mobile__slide .choose-guide__item {
    width: 320px;
    max-width: 270px;
    display: block;
    margin: 0 auto;
  }

  .choose-guide-mobile__slider .choose-guide-mobile__slide .choose-guide__item-img {
    transition: border-radius .5s .5s;
  }

  .choose-guide-mobile__slider .choose-guide-mobile__slide.slick-current .choose-guide__item-info {
    opacity: 1;
    transform: translate(0, 0);
  }

  .choose-guide-mobile__slider .choose-guide-mobile__slide .choose-guide__item-info {
    transition: opacity .5s .5s, transform .5s .5s;
  }

  .choose-guide-mobile__slider .choose-guide__item-info {
    display: block;
  }

  .choose-guide__item-info {
    display: none;
  }


  .footer-banner__item {
    height: 3.4rem;
    padding: 0.8rem 0;
  }

  .hero-flex__image.hero-flex__blog {
    padding-bottom: 2.5rem;
    padding-block: 3rem;
    /* margin-bottom: 2.5rem; */
  }

  body .hero-flex__image {
    padding: 8.75rem 0 15rem;
  }

  body .hero-flex {
    padding: 8.75rem 0;
  }

  .hero-flex__image.hero-flex__blog .inner {
    display: block;
  }

  .hero-flex__image.hero-flex__blog .hero-flex__text {
    padding-top: 0;
  }

  body .hero-flex__text {
    max-width: 82vw;
  }

  body .hero-flex .d3 {
    font-size: 3.25rem;
  }

  body .hero-flex__image p {
    font-size: 1.25rem;
  }

  .hero-flex__image.hero-flex__blog .hero-flex__featured {
    width: auto;
    bottom: auto;
    margin-top: 0;
  }

  .columns-section__col:last-child {
    margin-bottom: 0;
  }

  .columns-section__col--col2 {
    width: 100%;
    margin-right: 0;
    position: relative;
  }

  .columns-section__col {
    margin-bottom: 1.875rem;
  }

  .columns-section__col--col2 .columns-section__col-img {
    margin-bottom: 0;
  }

  .columns-section__col--col2 .columns-section__col-img svg {
    max-width: 10rem;
  }

  .columns-section__col--col2 .columns-section__col-img:after {
    width: 14.12rem;
    height: 14.12rem;
    padding-bottom: 0;
    top: 0.9rem;
  }

  .columns-section__col--col2 .columns-section__col-data {
    background: 0 0;
    padding: 0.93rem 1.5rem 1.875rem;
    position: static;
  }

  .columns-section__col--col2 .columns-section__col-data:before {
    background: #fff;
    top: 5.31rem;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    z-index: -1;
    border-radius: 1.25rem;
    -webkit-border-radius: 1.25rem;
    -moz-border-radius: 1.25rem;
    -ms-border-radius: 1.25rem;
    -o-border-radius: 1.25rem;
  }

  .columns-section__col--col2:not(.no-image) .columns-section__col-data .columns-section__col-icon {
    top: 10.94rem;
    right: 1.56rem;
  }

  .columns-section__col--col2 .columns-section__col-type {
    margin-bottom: .625rem !important;
  }

  body .h1 {
    font-size: 1.56rem;
  }

  .student-tour__wrap {
    white-space: normal;
    height: auto;
  }

  .section-scroll {
    display: block;
    min-height: 1px;
    padding: 0 4%;
    margin: 3.125rem 0;
  }

  .student-tour__hero {
    margin-top: 0 !important;
    height: auto;
    overflow: hidden;
  }

  .student-tour__hero {
    width: auto;
  }

  .student-tour__hero-in {
    width: auto;
    position: relative;
    height: auto;
    padding: calc(340px + 10rem + 3.75rem) 0 3.75rem 0;
  }

  .student-tour__hero-in {
    width: auto;
  }

  .student-tour__hero-color {
    left: 50% !important;
    width: 317px;
    top: 0;
    height: 400px;
    transition: all 1s;
    transform: translate(-50%, 8.125rem);
    -webkit-transform: translate(-50%, 8.125rem);
    -moz-transform: translate(-50%, 8.125rem);
    -ms-transform: translate(-50%, 8.125rem);
    -o-transform: translate(-50%, 8.125rem);
  }

  .student-tour__hero .inner {
    pointer-events: auto;
  }

  .student-tour__hero-in .inner {
    position: static;
  }

  .student-tour__hero-photo {
    width: 235px;
    top: 10rem;
    transform: translate(-50%, 0);
  }

  .student-tour__hero-photo>div {
    padding-bottom: 0;
    height: 340px;
  }

  .student-tour__hero-text-in {
    width: 94%;
  }

  .student-tour__hero .student-tour__hero-text-in {
    height: auto;
  }

  .student-tour__hero-text-in .d1 {
    font-size: 3.25rem;
  }

  .student-tour__hero-photo .d1 {
    -webkit-text-stroke: 1px #fff;
    text-stroke: 1px #fff;
  }

  .student-tour__hero-text-in .d1 {
    transition: transform .35s;
  }

  .student-tour__hero-info {
    display: none !important;
  }

  .student-tour__btns {
    padding: 0;
  }

  .ia-btn {
    font-size: 1.25rem;
  }

  .ia-btn span {
    padding: .3rem 0.93rem;
  }

  .student-tour__hero .ia-btn span {
    padding: 0.625rem 0.93rem;
  }

  .student-tour__hero-photo+.student-tour__hero-text {
    position: absolute;
    top: 10rem;
    left: 0;
    height: 340px;
    width: 100%;
  }

  .student-tour__hero-text-mobile {
    display: block;
    padding: 0 5%;
    position: relative;
    z-index: 20;
    text-align: center;
  }

  .student-tour__hero-text-mobile .student-tour__hero-text-in {
    position: static;
    width: 100%;
    transform: translate(0, 0);
  }

  .student-tour__hero-text-mobile .student-tour__hero-info {
    display: block !important;
  }

  .student-tour__hero-text-mobile .student-tour__hero-info .content-entry {
    display: none;
    text-align: left;
    max-width: 350px;
    margin: 0 auto;
    padding: 0 0 1.875rem;
  }

  .tour-mobile-animation .student-tour__hero-text-in .d1 {
    transform: translate(0, 150%);
  }

  .student-tour__hero-text-mobile .student-tour__btns {
    display: none;
  }

  .galley__slider {
    position: relative;
  }

  .galley__slider .slick-list {
    overflow: visible;
  }

  .galley__image {
    width: 82vw;
    margin-right: 1.125rem;
    padding-bottom: 72%;
  }

  .galley__image span {
    position: absolute;
    display: block;
    z-index: 2;
    right: 0;
    left: 0;
    padding: 1.56rem;
    bottom: 0;
    color: #fff;
    border-radius: 0 0 20px 20px;
    background: linear-gradient(to top, rgba(0, 0, 0, .7) 0%, rgba(0, 0, 0, 0) 100%);
    text-align: right;
  }

  .galley__slide .h3,
  .galley__slide .p2 {
    opacity: 0;
    transition: transform .5s;
    transform: translate(0, 1.125rem);
    -webkit-transform: translate(0, 1.125rem);
    -moz-transform: translate(0, 1.125rem);
    -ms-transform: translate(0, 1.125rem);
    -o-transform: translate(0, 1.125rem);
  }

  .galley__slider__control {
    padding-top: 0 !important;
    position: static;
  }

  .galley__slider__control-info {
    display: none;
  }

  .galley__slider-wrap .slick-arrow {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: 0 0;
    border: none;
    z-index: 12;
    margin: 0;
    cursor: pointer;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    transition: opacity .35s;
    color: #000;
  }

  .galley__slider-wrap .slick-arrow:before {
    content: url('data:image/svg+xml,<svg width="42" height="42" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.7363 12.6719C16.4065 14.3382 13.0738 17.6709 11.4104 21.0007C13.0738 24.3305 16.4065 27.6632 19.7363 29.3296" stroke="black" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    font-size: 0.9375rem;
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
  }

  .galley__slider-wrap .slick-dots {
    margin: 0;
    display: inline-block;
    vertical-align: middle;
  }

  .galley__slider-wrap .slick-dots li {
    background: #000;
  }

  .galley__slider-wrap .slick-dots li:after {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M7.80153 0.59536C7.83061 0.361614 8.16939 0.361614 8.19847 0.595359L8.81756 5.57178C8.83672 5.72582 9.01643 5.80026 9.13891 5.70489L13.0955 2.62379C13.2814 2.47907 13.5209 2.71862 13.3762 2.90447L10.2951 6.86109C10.1997 6.98357 10.2742 7.16328 10.4282 7.18244L15.4046 7.80153C15.6384 7.83061 15.6384 8.16939 15.4046 8.19847L10.4282 8.81756C10.2742 8.83672 10.1997 9.01643 10.2951 9.13891L13.3762 13.0955C13.5209 13.2814 13.2814 13.5209 13.0955 13.3762L9.13891 10.2951C9.01643 10.1997 8.83672 10.2742 8.81756 10.4282L8.19847 15.4046C8.16939 15.6384 7.83061 15.6384 7.80153 15.4046L7.18244 10.4282C7.16328 10.2742 6.98356 10.1997 6.86109 10.2951L2.90447 13.3762C2.71862 13.5209 2.47907 13.2814 2.62379 13.0955L5.70489 9.13891C5.80026 9.01643 5.72582 8.83672 5.57178 8.81756L0.59536 8.19847C0.361614 8.16939 0.361614 7.83061 0.595359 7.80153L5.57178 7.18244C5.72582 7.16328 5.80026 6.98356 5.70489 6.86109L2.62379 2.90447C2.47907 2.71862 2.71862 2.47907 2.90447 2.62379L6.86109 5.70489C6.98357 5.80026 7.16328 5.72582 7.18244 5.57178L7.80153 0.59536Z" fill="%23672118"/></svg>');
  }

  .galley__slider-wrap .slick-dots li.slick-active {
    background: 0 0;
  }

  .tour-text__bottom:before {
    width: 65%;
    padding-bottom: 53%;
    margin-bottom: 1.125rem;
  }

  .tour-text__bottom .h3 {
    padding-top: 0;
  }

  .tour-text__bottom .h3:after {
    width: 67px;
    height: 94px;
    left: 1.187rem;
    bottom: calc(100% + 2.18rem);
  }

  .tour-video__image svg {
    position: absolute;
    right: -5rem;
    bottom: -1.875rem;
  }

  .galley__slide.slick-current .h3,
  .galley__slide.slick-current .p2 {
    opacity: 1;
    transform: translate(0, 0);
  }

  .tour-video__text {
    padding: 14rem 1.125rem 1.125rem;
  }

  .tour-text__top {
    padding-bottom: 65px;
  }

  .tour-text__top:before {
    width: 65px;
    height: 65px;
  }

  .tour-text__top:after {
    width: 64%;
    padding-bottom: 17%;
    margin: 1.875rem 0;
  }

  .filter-bar {
    margin: 2.5rem 0;
  }

  .columns-section__col {
    margin-bottom: 1.875rem;
  }

  .columns-section__col--col3 {
    margin-right: 0 !important;
    width: 100%;
  }

  .single-blog-artical .inner {
    width: 100%;
    padding: 0 1.4rem;
  }

  .flex-section {
    margin: 3.125rem 0;
  }

  .flex-section:first-child {
    margin-top: 0;
  }

  .flex-section.no-margin {
    margin: 0;
  }

  .flex-section:last-child {
    margin-bottom: 0;
  }

  #flex-section__1 .form-section__left {
    padding-top: 1rem;
  }

  .explore__body {
    padding-top: 5.68rem;
  }

  .explore__body-icons {
    display: block;
    max-width: 100%;
    display: flex;
    max-width: 100%;
    flex-wrap: wrap;
    gap: 1rem;
  }

  .explore__body-icon {
    width: 100%;
  }

  .explore__body-icon svg {
    width: 4.5rem;
    height: 4.5rem;
    margin-right: 1rem;
  }

  .explore__body-icon p {
    /* width: calc(100% - 7.5rem); */
    width: auto;
  }

  .faq-info-in {
    padding-top: 2rem;
    padding-top: 0rem;
  }

  .faq-title {
    overflow: visible;
    height: auto;
  }

  .desktop-version .item-hovered .choose-guide__item {
    /* opacity: 1; */
  }

  body .hero-flex__dark {
    padding-right: 25%;
  }

  body .hero-flex__dark:before {
    left: 37%;
    top: 33%;
  }

  body .hero-flex__dark .hero-flex__dec-1 {
    left: 77%;
    top: 10%;
    width: 4.68rem;
    height: 4.68rem;
  }

  body .hero-flex__dark .hero-flex__dec-2 {
    transform: none;
  }

  body .hero-flex__dark .hero-flex__dec-2 svg {
    transform: rotate(80deg) scale(2) translate(0, -8vw);
    transform-origin: 0 50%;
    -webkit-transform: rotate(80deg) scale(2) translate(0, -8vw);
    -moz-transform: rotate(80deg) scale(2) translate(0, -8vw);
    -ms-transform: rotate(80deg) scale(2) translate(0, -8vw);
    -o-transform: rotate(80deg) scale(2) translate(0, -8vw);
  }

  .grid-people__slider-not .grid-people__slide {
    width: auto;
  }

  .hero-post {
    padding: 2.5rem 0 2.125rem;
  }
}

/* max width 576px */
@media screen and (max-width: 576px) {

  body {
    margin-top: 60px;
    margin-top: 45px;
  }

  .svglogo {
    width: 43px;
  }

  body .d5 {
    font-size: 1.225rem !important;
  }

  .hyp_footer-contacts a i {
    scale: .8;
  }

  .hyp_footer-menu {
    flex-direction: column;
  }

  .hyp_footer-menu-item {
    /* width: 100%; */
  }

  .our-community__list {
    max-width: 120%;
  }

  .student-tour__btns .choose-guide-popup {
    display: none;
  }

  .explore__body {
    padding-top: 2rem;
  }

  .grid-people__slider-not {
    grid-template-columns: 1fr 1fr;
    gap: 16px 16px;
  }

  .inner {
    padding: 0 4%;
  }

  .front-hero-btn {
    padding: 0 4%;
    margin-bottom: 30px;

  }

  .essential-skills__accordion-loop-img {
    width: 140px;
    /* Smaller width for smaller screens */
    height: 75px;
    /* Smaller height for smaller screens */
    margin: 5px;
    /* Example margin for smaller screens */
  }

  .textd3 .d3 {
    font-size: 2rem;
    /* Adjusted size for screens <= 767px */
  }

  body .essential-skills__accordion-loop .d3 {
    font-size: 2rem;
    /* Smaller font size for smaller screens */
  }

  .essential-skills__accordion-loop-title {
    margin: 0px 15px;
  }
}

/* max width 480px */
@media screen and (max-width: 480px) {
  .article__carousel-slide {
    width: 80vw;
  }

  .grid-people__slider-not {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 400px) {
  .essential-skills__accordion-loop-img {
    width: 120px;
    /* Smaller width for very small screens */
    height: 65px;
    /* Smaller height for very small screens */
  }

  body .essential-skills__accordion-loop .d3 {
    font-size: 1.65rem;
  }

  .textd3 .d3 {
    font-size: 2rem;
  }
}