.home-page { text-align: left; overflow-wrap: anywhere; }
.home-page img, .home-page video, .home-page iframe { max-width: 100%; }
.home-page [class*="col-"] { min-width: 0; }
.home-page .heading_container h2 { font-size: clamp(1.35rem, 2.4vw, 2rem); line-height: 1.3; }
.home-page .navbar-brand { margin-right: 16px; flex-shrink: 0; }
.home-page .navbar-brand img { width: 175px; height: 135px; max-height: none; object-fit: fill; }
.home-page .navbar-nav { flex-wrap: nowrap; justify-content: flex-end; }
.home-page .navbar-collapse { min-width: 0; }
.home-page .navbar-collapse > div { width: auto; }
.home-page .custom_nav-container.navbar-expand-lg .navbar-nav .nav-link { padding: 10px 15px; white-space: nowrap; font-size: 16px; }
.home-page .navbar-toggler { min-width: 44px; min-height: 44px; border: 1px solid #ffffff80; }
.home-page .navbar-toggler-icon { background-image: linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff) !important; background-size: 24px 2px !important; background-position: center 7px,center 14px,center 21px; background-repeat: no-repeat; }
.home-page #carouselExampleIndicators .carousel-item > img { width: 100%; height: auto; }
.home-page #carouselExampleIndicators .carousel-caption { background: #0008; padding: 12px; border-radius: 6px; }
.home-page #carouselExampleIndicators .carousel-caption h2 { font-size: clamp(1rem,2.4vw,2rem); }
.home-page #carouselExampleIndicators .carousel-caption h3 { font-size: clamp(.9rem,1.8vw,1.5rem); }
.home-page #carouselExampleIndicators .carousel-indicators { gap: 3px; flex-wrap: wrap; }
.home-page .offer_section #main-link { display: flex; }
.home-page .offer_section #link { padding: 24px 16px !important; width: 100%; height: 100%; }
.home-page .offer_section #link a { display: flex; align-items: center; justify-content: center; gap: 12px; flex-wrap: wrap; }
.home-page .offer_section #link img { max-width: 60px; object-fit: contain; }
.home-page .home-section-3 > section > .container > .row { row-gap: 24px; }
.home-page .home-section-3 .card { height: 100%; }
.home-page .home-section-3 .card > .row { align-items: center; row-gap: 16px; }
.home-page .home-section-3 .card img { width: 100% !important; height: auto !important; max-height: 220px; object-fit: contain; }
.home-page .home-section-4 .detail-box { text-align: left !important; overflow-wrap: anywhere; }
.home-page .home-section-4 .announcement-quote { display: block; height: 60px; color: #5756c3; font: bold 80px/1 Georgia, serif; }
.home-page .home-section-4 .carousel-control-prev,
.home-page .home-section-4 .carousel-control-next { background-image: none; }
.home-page .home-section-4 .carousel-control-prev::before,
.home-page .home-section-4 .carousel-control-next::before { content: ''; width: 12px; height: 12px; border-top: 3px solid white; border-right: 3px solid white; transform: rotate(45deg); }
.home-page .home-section-4 .carousel-control-prev::before { transform: rotate(-135deg); }
.home-page .info_section .link { padding-left: 0; list-style: none; }
.home-page .info_section .row { row-gap: 24px; }
.home-page .footer_section p { line-height: 1.8; }
.home-page .footer_section a { display: inline-block; margin-inline: 5px; }
.home-page .home-toppers { padding: 32px 0; }
.home-page .topper-carousel { border: 1px solid #ddd; border-radius: 3px; background: white; padding: 12px; }
.home-page .topper-track { display: flex; gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; overscroll-behavior-x: contain; scrollbar-width: thin; padding-bottom: 10px; }
.home-page .topper-card { flex: 0 0 calc((100% - 16px)/2); min-width: 0; scroll-snap-align: start; text-align: center; }
.home-page .topper-card .resource { height: auto; }
.home-page .topper-card .resource img { width: 100%; height: 185px; object-fit: contain; }
.home-page .topper-card .resource > div:not(.toppers-img) { margin-top: 6px; }
.home-page .topper-controls { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-top: 8px; }
.home-page .topper-controls span { color: #555; font-size: .85rem; }
.home-page .topper-controls button { width: 44px; height: 44px; border: 1px solid #ddd; border-radius: 4px; background: #f8f8fc; font-size: 28px; line-height: 1; }
.home-page .topper-controls button:disabled { opacity: .4; cursor: default; }
.home-page :focus-visible { outline: 3px solid #f2b600 !important; outline-offset: 3px; }
.home-page .submenu-toggle { display: none; }
@media (min-width: 1280px) and (max-width: 1399.98px) {
 .home-page .custom_nav-container.navbar-expand-lg .navbar-nav .nav-link { padding-inline: 9px; font-size: 14px; }
}
@media (max-width: 1279.98px) {
 .home-page .header_section .container-fluid { padding-inline: 16px; }
 .home-page .navbar-expand-lg { flex-wrap: wrap; justify-content: space-between; }
 .home-page .navbar-brand { margin-right: 0; }
 .home-page .navbar-brand img { width: 100px; height: 90px; object-fit: contain; }
 .home-page .navbar-expand-lg .navbar-toggler { display: block; }
 .home-page .navbar-expand-lg .navbar-collapse:not(.show) { display: none !important; }
 .home-page .navbar-expand-lg .navbar-collapse.show { display: block !important; }
 .home-page .navbar-expand-lg .navbar-nav { flex-direction: column; }
 .home-page .navbar-brand, .home-page .navbar-toggler { order: 0 !important; }
 .home-page .navbar-collapse { order: 1 !important; flex-basis: 100%; }
 .home-page .navbar-nav { width: 100%; align-items: stretch; }
 .home-page .nav-item { position: relative; }
 .home-page .custom_nav-container.navbar-expand-lg .navbar-nav .nav-link { text-align: left; padding: 12px 52px 12px 12px; }
 .home-page .submenu-toggle { display: block; position: absolute; top: 0; right: 0; width: 44px; height: 44px; background: transparent; color: white; border: 0; font-size: 24px; }
 .home-page .dropdown .dropdown-content { display: none; position: static; float: none; width: 100%; min-width: 0; box-shadow: none; margin: 0 0 8px; padding: 4px; }
 .home-page .dropdown.submenu-open > .dropdown-content { display: block; }
 .home-page .dropdown-item { white-space: normal; padding: 4px 8px; }
 .home-page .home-section-3 > section > .container > .row > .col-md-6 { flex: 0 0 100%; max-width: 100%; }
 .home-page .info_section .col-md-4 { flex: 0 0 100%; max-width: 100%; }
 .home-page .info_section .pl-md-4 { padding-left: 0 !important; }
}
@media (max-width: 575.98px) {
 .home-page .navbar-brand img { max-width: 90px; max-height: 80px; }
 .home-page .offer_section #main-link { flex: 0 0 50%; max-width: 50%; padding-inline: 6px; }
 .home-page .offer_section #link { padding: 18px 8px !important; font-size: .9rem; }
 .home-page .offer_section #link a { flex-direction: column; }
 .home-page .home-section-2 .row { padding-block: 24px !important; }
 .home-page .home-section-2 .detail-box, .home-page .home-section-2 .col-md-8 { padding-bottom: 0 !important; }
 .home-page .home-section-2 .img-box { margin-bottom: 24px; }
 .home-page .home-section-2 .img-box img { width: 150px !important; height: 150px !important; }
 .home-page .home-section-3 .card .col-md-6 { text-align: center !important; }
 .home-page .home-section-3 .card img { max-width: 200px; }
 .home-page .home-section-4 .detail-box { padding: 20px !important; }
 .home-page .home-section-4 .layout_padding { padding-block: 24px; }
 .home-page .info_section { padding-block: 32px; }
 .home-page #carouselExampleIndicators .carousel-caption { position: static; color: #fff; background: #5756c3; }
 .home-page #carouselExampleIndicators .carousel-indicators { bottom: 0; margin-bottom: 5px; }
}
@media (max-width: 399.98px) { .home-page .topper-card { flex-basis: 80%; } }
@media (prefers-reduced-motion: reduce) { .home-page *, .home-page *::before, .home-page *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; } }
