@media (min-width: 1170px) {
  .laptop {display: none}








}




@media (max-width: 1170px) {

  .header-nav {
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    width: 230px;
    background: white;
    padding-top: 20px;
    padding-inline-start: 20px;
    transform: translateX(100%);
    transition: .4s linear;
  }

  .nav-list {
    flex-direction: column;
  }

  .burger-menu.laptop {
    font-size: 30px;
  }


  .header.active-menu .header-nav{
    transform:translateX(0)
  }
  .header .dropdown-menu {transform: unset;opacity: 1;position: revert;pointer-events: revert;max-height: 0;overflow: hidden;padding: 0 !important;}
  .header .nav-item > a {justify-content: center;}
  .nav-item.nav-item-has-dropdown:not(.active) .dropdown-menu {max-height: 0 !important;}
  .header .dropdown-menu > li > a {background: unset;box-shadow: unset;font-size: var(--font-size-body-sm);}


  /*general padding*/
  .header {padding: 10px 20px;}
  .sections .section {padding-inline: 20px;}
  .footer .footer-top {padding-inline: 20px;}
  .footer .footer-bottom {padding-inline: 20px;}

}



@media (min-width: 768px) {

  .mobile-only {display: none !important;}
  /* Hide mobile slides on desktop */
  .hero-section .mobile-slide {
    display: none !important;
  }

  /* Show desktop slides on desktop */
  .hero-section .desktop-slide {
    display: block !important;
  }
}




@media (max-width: 767px) {
  .section {--padding-section: 28px}

  .header-nav {width: auto;left: 0;overflow: auto;z-index: 1;padding:20px}
  .bottom-navigation.mobile-only {background-color: white;border-radius: 20px;overflow: hidden;--icon-size: 20px;position: fixed;left: 20px;right: 20px;bottom: 10px;box-shadow: 0 0 10px #0000001f;display: flex;align-items: center;height: 60px;font-size: var(--icon-size);}
  .bottom-navigation > * {color: #000000 !important;flex: 1;color:white;aspect-ratio: 1;display: flex;align-items: center;justify-content: center;z-index: 6}
  .bottom-navigation .nav-social {position: relative;}
  .bottom-navigation .social-links__item a {background: white;}
  .bottom-navigation .nav-social ul.social-links {margin: 0;flex-direction: column;position: fixed;bottom: 64px;color: black;opacity: 0;visibility: hidden;transition: opacity 0.3s ease, visibility 0.3s ease;}
  .bottom-navigation .nav-social ul.social-links.active {opacity: 1;visibility: visible;}
  .bottom-navigation > * > span {--size: 35px;border: 1px solid var(--accent-color);width: var(--size) !important;height: var(--size) !important;display: flex;align-items: center;justify-content: center;border-radius: 4px;color: var(--accent-color);}

  .close-menu.laptop {color: black;}






  /* Staggered animation for social links */
  .bottom-navigation .nav-social ul.social-links li {opacity: 0;transform: translateY(10px);transition: opacity 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28), transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);}
  .bottom-navigation .nav-social ul.social-links.active li {opacity: 1;transform: translateY(0);}

  /* Staggered delays for each item */
  .bottom-navigation .nav-social ul.social-links.active li:nth-child(5) {transition-delay: 0.1s;}
  .bottom-navigation .nav-social ul.social-links.active li:nth-child(4) {transition-delay: 0.2s;}
  .bottom-navigation .nav-social ul.social-links.active li:nth-child(3) {transition-delay: 0.3s;}
  .bottom-navigation .nav-social ul.social-links.active li:nth-child(2) {transition-delay: 0.4s;}
  .bottom-navigation .nav-social ul.social-links.active li:nth-child(1) {transition-delay: 0.5s;}


  .header .switch-language {width: auto;background: transparent;font-size: calc(var(--icon-size) - 4px);}
  .header .search {width: auto;background: transparent;font-size: calc(var(--icon-size) + 4px);}
  .bottom-navigation button.nav-button {font-size: calc(var(--icon-size) + 6px);}
  .burger-menu.laptop {display: none;}
  .header .header-actions {display: none;}
  .header > .app-wrapper {align-items: center;width: 100%;display: flex;max-width: unset;justify-content: center;gap: 0;margin: unset;}
  .header .header-inner {display: contents;}
  .header {z-index: 20;}
  .header .logo-wrapper img {width: 86px;}
  .nav-item {position: relative;align-self: stretch;}
  .nav-item:not(:last-child):after {content: "";position: absolute;left: 0;right: 0;height: 1px;background: linear-gradient(45deg, transparent, var(--primary-color), transparent);bottom: calc(var(--spacer-3) * -0.5 - 1px);color: var(--primary-color);}
  .header .dropdown-menu > li > a {font-size: 1.4rem}


  .homepage .swiper-pagination {bottom:  0 !important;display: flex;align-items: center;justify-content: center;}
  .homepage .news-section {margin-top: var(--padding-section);}

  .breadcrumb__item {flex-shrink: 0;max-width: 90%;}
  section.page-header + section {padding-top: 30px;}
  .page-header__title {margin-bottom: 10px;line-height: 1.3;}



  /* Hide desktop slides on mobile */
  .hero-section .desktop-slide {display: none !important;}

  /* Show mobile slides on mobile */
  .hero-section .mobile-slide {display: block !important;}
  .hero-section .thumbs-wrapper .slide-thumb.active {width: 100% !important;}
  .hero-section .thumbs-wrapper {width: 100%;}
  .hero-section .sliders-info {width: auto;}
  .hero-section .sliders-info .slide {position: revert;}
  .hero-section .slider-wrapper {flex-direction: column-reverse;gap: 20px;justify-content: start;}
  .hero-section .slider-wrapper > * {}
  .hero-section .sliders-info .slide .slide-description {-webkit-line-clamp: 4;}
  .slide-thumb .slide-image {position: revert;width: auto;height: auto}
  .slide-thumb .image-wrapper {min-height: unset;max-height: 200px;overflow: hidden;}
  .thumbs-wrapper .slide-thumb .slide-date {display: none}
  .sliders-info .slide .slide-title {font-size: 1.7rem;}
  .section-title {margin-bottom: 6px}


  .homepage .news-section .ticker {--gap:14px}

  .section-activities .cards-container {grid-template-columns: 1fr;grid-template-rows: auto;}
  .section-activities .cards-container .card.card-preview {grid-row: unset;order: 2;}
  .section-activities .cards-container .card {grid-row: unset !important;grid-column: unset !important;}
  .section-activities .cards-container .card:nth-child(1) {order: 1;}
  .section-activities .cards-container .card:nth-child(2) {order: 3;}
  .section-activities .cards-container .card:nth-child(3) {order: 4;display: none;}
  .section-activities .cards-container .card:nth-child(4) {order: 5;display: none;}
  .section-activities .cards-container .card .card-image {display: block !important;overflow: hidden;aspect-ratio: unset;border-radius: var(--radius-2);}
  .no-slider :is(.statistics-section .swiper-button-next, .statistics-section .swiper-button-prev) {display: none}
  .grid-section .card-date {    top: -50px;}

  .statistics-section .swiper {display: block;padding-bottom: 4px;padding-inline: 0}
  .statistics-section .statistic-item {width: 100% !important;gap:8px;flex: none !important;order: unset !important;}
  .statistics-section .statistic-item__col {width: 100% !important;min-width: unset !important;}
  .statistics-section :is(.swiper-button-next, .swiper-button-prev) {display: none;}
  /* Statistics Pagination Bullets for Mobile */
  .statistics-section .swiper-pagination {position: relative !important;bottom: 0 !important;margin-top: 20px;display: flex !important;justify-content: center;gap: 8px;}
  .statistics-section .swiper-pagination-bullet {width: 15px !important;height: 15px !important;background: var(--gray-light) !important;opacity: 1 !important;border-radius: 50% !important;transition: all 0.3s ease !important;}
  .statistics-section .swiper-pagination-bullet-active {background: var(--primary-color) !important;transform: scale(1) !important;}
  .statistics-section .swiper-slide {padding: 0;}
  .statistics-section .swiper:after {content: unset}
  .statistics-section .canvas-wrapper {padding: 10px 20px 20px;background: white;border-radius: var(--radius-3);}

  .section-apps-inner {}
  .section-apps .section-apps-inner {flex-direction: column;}
  .section-apps .feature {width: 260px;mask-image: radial-gradient(ellipse 234px 319px at top, #000 100%, transparent);}
  .section-apps .phone-c {max-width: 160px;margin: 0 auto;}
  .section-apps .section-circle {margin: 0 auto;}
  .section-apps .section-app__side > * + * {margin-top: 8px}

  .section-video.section {padding-inline: 0;}
  .section-video.section .section-title {padding-inline: 20px}
  .section-video.section .video-wrapper, .iframe-wrapper {aspect-ratio: 2 / 1;}
  .section-video.section .button-play {width: 40px;height: 40px;}
  .section-video.section .button-play > span {font-size: 1.5rem;}



  .footer-logo img {max-width: 90px;}
  .footer .footer-wrapper {row-gap: 20px;column-gap: 40px;flex-wrap: wrap;justify-content: start;}
  .footer-form {max-width: 100%;margin: 0 auto;flex-direction: column}
  .footer-logo {width: 100%;display: flex;justify-content: start;}
  .footer .footer-top {padding: 20px;}
  .footer {padding-bottom: 80px;}
  .footer-socials {display: none;}
  .footer .footer-bottom .app-wrapper > * {flex: 1;flex-shrink: 0;}
  .footer .footer-bottom .app-wrapper {flex-direction: column;gap: 5px;}
  .footer .form {width: 90%}
  /* Footer Dropdown Functionality */
  .footer-list__title {cursor: pointer;user-select: none;display: flex;align-items: center;gap: 4px;}
  .footer-list__title::after {content: "\e923";font-family: 'icomoon' !important;font-size: 1.2rem;transition: transform 0.3s ease;}
  .footer-list.active .footer-list__title::after {transform: rotate(180deg);}
  .footer-list .list {max-height: 0;overflow: hidden;transition: max-height 0.4s linear;}
  .footer-list.active .list {max-height: 500px;}



  .rich-text-container :is(ul, ol) {margin-inline: 20px;}

  .g-recaptcha > * {max-width: 100%;margin: 0 auto;display: flex;align-items: center;justify-content: center;}

  /*.g-recaptcha  iframe {max-width: 100%;}*/



  .page-header:before {background-image: url(../images/page-header-mobile.svg);}
  html[dir="ltr"] .page-header:before {transform: scaleX(-1)}
  /*about page*/

  .section-achievements .item-achievement:before {content: unset;}
  .section-achievements .item-achievement:after {content: unset;}
  .section-achievements .item-achievement__date {position: revert;justify-content: end;flex-direction: column}
  .section-achievements .item-achievement-inner:before {content: unset;}
  .section-achievements .item-achievement {width: 100%;display: flex;align-items: center;gap: 16px;justify-content: space-between;}
  .section-achievements .item-achievement-inner:after {}
  .section-achievements .item-achievement:nth-child(odd) .item-achievement__date {justify-content: end;}
  .section-achievements .item-achievement:nth-child(even) .item-achievement__date {justify-content: start;}
  .section-achievements .item-achievement-inner {padding: 10px;border-radius: 24px;gap: 10px;position: relative}
  .section-achievements .item-achievement__date {transform: unset;}
  .section-achievements .item-achievement-inner:after {transform: rotate(135deg);}
  .section-achievements .item-achievement:nth-child(even) .item-achievement-inner:after {transform: rotate(315deg);}
  .section-achievements .item-achievement:nth-child(even) {flex-direction: row-reverse;}
  .section-achievements .list-achievements {gap: 25px;}
  .section-achievements .icon-wrapper {width: 40px;}
  .section-achievements .icon-wrapper img {width: 30px;}
  .section-achievements .item-desc {display: block}

  /* Mobile text truncation for about page */
  .section-achievements .desktop-text {display: none;}
  .section-achievements .mobile-text {display: block;}





  .section-listing .cards-wrapper {grid-template-columns: 1fr;gap: 16px;}
  .section-listing .cards-wrapper {margin-top: var(--spacer-3);}
  .pagination {margin-top: var(--spacer-5);}



  .reports-section .cards-wrapper .card {min-height: 280px;}
  .reports-section .card-footer {padding: 10px;}




  .statistics-page .card {flex-direction: column;justify-content: center;align-items: center;gap: 10px;}
  .statistics-page .cards-wrapper {grid-template-columns: 1fr;}
  .statistics-page .card > * {width: auto !important;}


  .section-social .main-social-list.footer {padding-bottom: 0;}
  .section.section-social {padding-inline: 20px;padding-top: 55px;padding-bottom: 20px;}
  :is(.grid-section,.section-gallery) .cards-wrapper {grid-template-columns: 1fr;}
  .grid-section .img-wrapper {height: 170px}



  .form-section .contactus-container:after {content: unset;}
  .form-section .contactus-container {flex-direction: column;margin-top: 20px;padding: 20px;}
  .form-section .form-desc {margin-top: 30px;min-height: unset;background: transparent;}
  .form-section .section-title-2 {padding-top: 0;}


  .agreements-details-section .img-wrapper {height: 160px;margin-bottom: 16px}
  .news-inner-page .news-text .title, .data-page__details .section-title{display: none;}
  .agreements-details-section .course-info {flex-direction: column;align-items: start}
  .pagination .pagination-item > a {font-size: 1.6rem;font-family: sans-serif;line-height: 1}


}