:root{
  --sea:#0f6f8f; --sea-dark:#074b63; --sea-light:#eaf8fc;
  --orange:#ff8c2a; --orange-dark:#c9502d; --navy:#0b2545; --cream:#fff7f1;
}
body{font-family:"Segoe UI",system-ui,Arial,sans-serif;color:#1f2937;background:#fff}
.topbar{background:var(--sea-dark);color:#fff;font-size:14px;padding:8px 0}
.main-navbar{background:rgba(15,111,143,.97)!important;box-shadow:0 3px 18px rgba(0,0,0,.12)}
.main-navbar .navbar-brand{font-weight:900;color:#fff!important}
.main-navbar .nav-link{color:#fff!important;font-weight:700;margin:0 7px}
.main-navbar .nav-link:hover{color:#ffd39c!important}
.logo-circle{height:56px;width:56px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:32px}
.btn-orange{background:var(--orange);border:none;color:#111!important;font-weight:800}
.btn-orange:hover{background:#ff9d45;color:#111!important}
.btn-sea{background:var(--sea);border:none;color:#fff!important;font-weight:800}
.hero{min-height:670px;color:#fff;display:flex;align-items:center;background-size:cover!important;background-position:center!important}
.hero h1{font-weight:900;font-size:clamp(40px,5vw,72px);line-height:1.05;text-shadow:0 5px 15px rgba(0,0,0,.25)}
.hero h1 span{color:#ffbd69}
.hero .sub{display:inline-block;background:rgba(11,37,69,.55);padding:12px 22px;font-size:24px;margin:22px 0;font-weight:800}
.feature-strip{background:var(--cream);padding:30px 0}
.feature-box{text-align:center;border-right:1px solid #d7c2b3}
.feature-box:last-child{border-right:0}
.feature-box .icon{font-size:38px;color:var(--orange);display:block;margin-bottom:10px}
.section-title{font-weight:900;color:var(--navy);text-align:center;margin-bottom:14px}
.section-title span{color:var(--orange-dark)}
.media-card{border:0;border-radius:14px;overflow:hidden;box-shadow:0 12px 28px rgba(0,0,0,.12);background:#fff;height:100%;transition:.25s}
.media-card:hover{transform:translateY(-5px)}
.media-card img{height:210px;width:100%;object-fit:cover}
.media-card .caption{background:#24272e;color:#fff;font-weight:800;text-align:center;padding:11px}
.study-zone{background:var(--sea-light);padding:55px 0}
.study-card{border-radius:16px;min-height:190px;color:#fff;box-shadow:0 18px 35px rgba(0,0,0,.15)}
.study-card.orange{background:linear-gradient(135deg,#c9502d,#ff8c2a)}
.study-card.blue{background:linear-gradient(135deg,#074b63,#0f6f8f)}
.footer{background:linear-gradient(180deg,#0f6f8f,#074b63);color:#fff;padding:44px 0 20px}
.footer a{color:#fff;text-decoration:none;display:block;margin-bottom:8px}
.footer-bottom{background:#082032;color:#cbd5e1;text-align:center;padding:15px}
.page-hero{background:linear-gradient(135deg,var(--sea-dark),var(--sea));color:white;padding:80px 0}
.gallery-img{height:250px;object-fit:cover;width:100%;border-radius:12px;box-shadow:0 10px 25px rgba(0,0,0,.13)}
.video-box{border-radius:15px;overflow:hidden;box-shadow:0 12px 28px rgba(0,0,0,.16);background:#000}
.admin-sidebar{background:#082032!important;min-height:100vh}
.admin-sidebar a{color:#dbeafe;text-decoration:none;display:block;padding:10px 14px;border-radius:12px;margin-bottom:6px}
.admin-sidebar a:hover{background:#0f6f8f;color:white}
.admin-card{border:0;border-radius:18px;box-shadow:0 12px 26px rgba(2,6,23,.08)}
.dashboard-card{border:0;border-radius:16px;box-shadow:0 12px 28px rgba(2,6,23,.08);background:#fff}
@media(max-width:768px){.feature-box{border-right:0;margin-bottom:20px}.hero{min-height:560px}.hero .sub{font-size:18px}}
.brand-header{
    background:#0f6f8f;
    padding:6px 0;
    border-bottom:3px solid #ff8c2a;
}
.brand-box{
    display:flex;
    align-items:center;
    gap:10px;
}

.brand-logo{
    height:58px;
    width:58px;
    border-radius:50%;
    background:#fff;
    padding:2px;
    object-fit:cover;
}

.brand-title{
    font-size:22px;
    font-weight:800;
    color:#fff;
    margin:0;
    line-height:1;
}
.brand-sub{
    font-size:12px;
    color:#ffd7a0;
    font-weight:600;
    margin-top:2px;
    line-height:1.2;
}
.brand-tagline{
    font-size:11px;
    color:#ffffff;
    opacity:.9;
    font-style:italic;
    line-height:1.2;
}
.min-vh-hero {
    min-height: 540px;
}

.hero-slide {
    background-size: cover;
    background-position: center;
    color: #fff;
}

.hero-badge {
    display: inline-block;
    background: #0f7a3b;
    color: #fff;
    padding: 8px 18px;
    border-radius: 30px;
    font-weight: 800;
    font-size: 20px;
    margin-bottom: 15px;
}

.hero-heading {
    font-size: 58px;
    font-weight: 900;
    line-height: 1.1;
    color: #ffd76b;
    text-shadow: 0 4px 12px rgba(0,0,0,.45);
}

.hero-text {
    font-size: 22px;
    max-width: 680px;
    font-weight: 600;
}

.hero-info-box {
    background: rgba(255,255,255,.95);
    color: #0b2545;
    border-radius: 20px;
    padding: 30px;
    max-width: 420px;
    margin-left: auto;
    box-shadow: 0 20px 50px rgba(0,0,0,.25);
}

.hero-info-box h3 {
    font-weight: 900;
    color: #0f6f8f;
}

.hero-info-box li {
    font-size: 20px;
    margin-bottom: 12px;
    font-weight: 700;
}

.stat-box {
    background: #fff;
    border-radius: 18px;
    padding: 24px 12px;
    box-shadow: 0 12px 28px rgba(0,0,0,.10);
    height: 100%;
}

.stat-icon {
    width: 62px;
    height: 62px;
    border-radius: 50%;
    background: #0f6f8f;
    color: #fff;
    display: grid;
    place-items: center;
    font-size: 30px;
    margin: 0 auto 12px;
}

.stat-box h3 {
    font-size: 30px;
    font-weight: 900;
    color: #0b2545;
    margin: 0;
}

.stat-box p {
    margin: 0;
    font-weight: 700;
}

.admission-cta {
    background: linear-gradient(90deg,#073f55,#0f6f8f);
    color: #fff;
    border-radius: 16px;
    padding: 28px 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    box-shadow: 0 16px 35px rgba(0,0,0,.16);
}

.admission-cta h2 {
    font-weight: 900;
    margin: 0;
}

.admission-cta p {
    margin: 4px 0 0;
    font-size: 18px;
}

.carousel-control-prev,
.carousel-control-next {
    width: 5%;
}

.carousel-indicators [data-bs-target] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
}

@media(max-width: 768px) {
    .hero-heading {
        font-size: 38px;
    }

    .hero-text {
        font-size: 17px;
    }

    .min-vh-hero {
        min-height: 470px;
    }

    .admission-cta {
        flex-direction: column;
        text-align: center;
    }
}
.hero-slide-new {
    height: 560px;
    background-size: cover;
    background-position: center center;
    display: flex;
    align-items: center;
    color: #fff;
}

.hero-content-box {
    max-width: 760px;
    padding-top: 25px;
}

.hero-small-line {
    display: inline-block;
    background: #ff8c2a;
    color: #111;
    padding: 8px 18px;
    border-radius: 30px;
    font-size: 17px;
    font-weight: 900;
    margin-bottom: 18px;
}

.hero-content-box h1 {
    font-size: 58px;
    font-weight: 900;
    line-height: 1.05;
    color: #ffd36b;
    text-shadow: 0 5px 14px rgba(0,0,0,.45);
    margin-bottom: 10px;
}

.hero-content-box h1 span {
    color: #ffffff;
    display: block;
    font-size: 42px;
}

.hero-subline {
    font-size: 24px;
    font-weight: 800;
    margin-bottom: 12px;
}

.hero-address {
    background: rgba(255,255,255,.15);
    border-left: 5px solid #ff8c2a;
    padding: 12px 16px;
    border-radius: 8px;
    font-size: 18px;
    font-weight: 700;
    max-width: 720px;
}

.hero-btns {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    margin-top: 24px;
}

.carousel-control-prev,
.carousel-control-next {
    width: 5%;
}

@media(max-width: 768px) {
    .hero-slide-new {
        height: 520px;
        background-position: center;
    }

    .hero-content-box h1 {
        font-size: 38px;
    }

    .hero-content-box h1 span {
        font-size: 30px;
    }

    .hero-subline {
        font-size: 18px;
    }

    .hero-address {
        font-size: 15px;
    }

    .hero-small-line {
        font-size: 14px;
    }
}
.hero-info-top{
    background:linear-gradient(90deg,#0a4d68,#0f6f8f);
    color:#fff;
    padding:10px 0 8px;
    border-bottom:3px solid #ff8c2a;
}
.hero-top-row{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
}
.hero-title-box{
    text-align:left;
}
.hero-title-box h1{
    font-size:42px;
    font-weight:900;
    margin:0;
    line-height:1.1;
}

.hero-title-box h1 span{
    color:#ffd36b;
}



.hero-info-top .owner-line {
    display: inline-block;
    background: #ff8c2a;
    color: #111;
    padding: 6px 18px;
    border-radius: 30px;
    font-weight: 900;
    margin-bottom: 8px;
    font-size: 15px;
}
.hero-title-box p{
    margin:4px 0 0;
    font-size:18px;
    font-weight:600;
}

.hero-owner-box{
    text-align:right;
}

.hero-owner-line{
    display:inline-block;
    background:#ff8c2a;
    color:#111;
    padding:6px 18px;
    border-radius:30px;
    font-size:16px;
    font-weight:800;
}
.hero-info-top h1 {
    font-size: 38px;
    font-weight: 900;
    margin: 0;
    line-height: 1.1;
}

.hero-info-top h1 span {
    color: #ffd36b;
}

.hero-info-top p {
    font-size: 18px;
    font-weight: 700;
    margin: 6px 0 0;
    color: #fff3df;
}

.hero-slider-clean {
    background: #071f33;
    padding: 12px 0;
}

.slider-image-box {
    height: 560px;
    width: 100%;
    background: #071f33;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.slider-main-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    background: #071f33;
}

.hero-info-bottom {
    background: #fff7f1;
    padding: 18px 0;
    border-bottom: 4px solid #0f6f8f;
}

.bottom-strip {
    background: #ffffff;
    border-radius: 14px;
    padding: 18px 22px;
    box-shadow: 0 10px 25px rgba(0,0,0,.10);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

.address-text {
    font-size: 17px;
    font-weight: 800;
    color: #073f55;
    line-height: 1.4;
}

.bottom-buttons {
    display: flex;
    gap: 12px;
    flex-shrink: 0;
}

.bottom-buttons .btn {
    font-weight: 900;
    border-radius: 10px;
    padding: 11px 20px;
}

.carousel-control-prev,
.carousel-control-next {
    width: 5%;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    background-color: rgba(0,0,0,.6);
    border-radius: 50%;
    padding: 22px;
}

@media(max-width: 768px) {
    .hero-info-top h1 {
        font-size: 28px;
    }

    .hero-info-top p {
        font-size: 14px;
    }

    .slider-image-box {
        height: 360px;
    }

    .bottom-strip {
        flex-direction: column;
        text-align: center;
    }

    .bottom-buttons {
        flex-direction: column;
        width: 100%;
    }

    .bottom-buttons .btn {
        width: 100%;
    }
}
.media-card img{
    width:100%;
    height:260px;
    object-fit:cover;
}
.student-comments-section{
    background:#fff;
}

.student-comment-card{
    background:linear-gradient(135deg,#ffffff,#f7fbff);
    border-radius:20px;
    padding:28px;
    box-shadow:0 12px 30px rgba(0,0,0,.10);
    border-left:6px solid #ff8c2a;
    min-height:230px;
    position:relative;
}

.student-comment-card p{
    font-size:18px;
    line-height:1.6;
    color:#0b2545;
    font-weight:600;
}

.student-comment-card h5{
    color:#0f6f8f;
    font-weight:900;
    margin-bottom:2px;
}

.student-comment-card span{
    color:#555;
    font-weight:700;
}

.student-avatar{
    width:58px;
    height:58px;
    border-radius:50%;
    background:#0f6f8f;
    color:#fff;
    display:grid;
    place-items:center;
    font-size:26px;
    font-weight:900;
    margin-bottom:14px;
    box-shadow:0 8px 18px rgba(15,111,143,.28);
}

.custom-comment-dots{
    position:relative;
    margin-top:25px;
}

.custom-comment-dots button{
    background:#ff8c2a !important;
    width:12px !important;
    height:12px !important;
    border-radius:50%;
}
.registration-cta{
    background:linear-gradient(90deg,#073f55,#0f6f8f);
    color:#fff;
    border-radius:18px;
    padding:28px 38px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    box-shadow:0 18px 40px rgba(0,0,0,.16);
}

.registration-left{
    display:flex;
    align-items:center;
    gap:18px;
}

.registration-icon{
    font-size:42px;
}

.registration-cta h2{
    font-size:34px;
    font-weight:900;
    margin:0;
}

.registration-cta p{
    margin:6px 0 0;
    font-size:19px;
    font-weight:700;
}

.registration-buttons{
    display:flex;
    gap:14px;
    flex-wrap:wrap;
}

.registration-buttons .btn{
    font-weight:900;
    border-radius:12px;
    padding:13px 30px;
}

@media(max-width:768px){
    .registration-cta{
        flex-direction:column;
        text-align:center;
        padding:24px 20px;
    }

    .registration-left{
        flex-direction:column;
    }

    .registration-cta h2{
        font-size:25px;
    }

    .registration-buttons{
        width:100%;
        flex-direction:column;
    }

    .registration-buttons .btn{
        width:100%;
    }
}
.footer-pro{
    background:linear-gradient(135deg,#06465c,#0f6f8f);
    color:#fff;
    padding:25px 0 0;
}

.footer-logo-pro{
    width:115px;
    height:115px;
    object-fit:contain;
    background:#fff;
    border-radius:50%;
    padding:6px;
    margin-bottom:15px;
}

.footer-pro h4{
    font-size:23px;
    font-weight:900;
    line-height:1.2;
    margin-bottom:12px;
}


.footer-pro h5{
    font-size:24px;
    font-weight:800;
    margin-bottom:18px;
    border-bottom:1px solid rgba(255,255,255,.35);
    padding-bottom:10px;
}

.footer-pro p{
    font-size:16px;
    line-height:1.7;
    margin-bottom:8px;
}

.footer-pro ul{
    list-style:none;
    padding:0;
    margin:0;
}

.footer-pro ul li{
    margin-bottom:10px;
}

.footer-pro a{
    color:#fff;
    text-decoration:none;
    font-size:16px;
}

.footer-pro a:hover{
    color:#ffd36b;
}

.footer-social{
    display:flex;
    flex-direction:column;
    gap:10px;
}

.footer-social a{
    background:rgba(255,255,255,.12);
    padding:9px 14px;
    border-radius:10px;
    font-weight:700;
}

.btn-footer{
    background:#ff8c2a;
    color:#111;
    font-weight:900;
    border-radius:10px;
    padding:10px 18px;
    border:0;
}

.btn-whatsapp{
    background:#22c55e;
    color:#fff !important;
    font-weight:900;
    border-radius:10px;
    padding:10px 18px;
}

.footer-copy{
    margin-top:35px;
    background:#073f55;
    color:#dff8ff;
    text-align:center;
    padding:16px;
    font-weight:600;
}

@media(max-width:768px){
    .footer-pro{
        text-align:center;
    }

    .footer-logo-pro{
        margin:auto;
        margin-bottom:15px;
    }
}
.footer-title{
    font-size:32px;
    font-weight:800;
    line-height:1.2;
    white-space:nowrap;
}@media(max-width:768px){
    .footer-title{
        white-space:normal;
        font-size:24px;
    }
}.contact-item{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:12px;
}

.contact-item span:first-child{
    width:25px;
    text-align:center;
    font-size:18px;
}.about-hero{
    background:linear-gradient(90deg,#073f55,#0f6f8f);
    color:#fff;
    padding:80px 0;
    text-align:center;
}

.about-hero h1{
    font-size:52px;
    font-weight:900;
}

.about-hero p{
    font-size:22px;
    margin-top:12px;
}

.about-heading{
    font-size:42px;
    font-weight:900;
    color:#073f55;
    margin-bottom:18px;
}

.about-text{
    font-size:18px;
    line-height:1.8;
    color:#333;
    font-weight:500;
}

.about-highlight-box{
    background:linear-gradient(135deg,#fff7ef,#ffffff);
    border-left:6px solid #ff8c2a;
    border-radius:20px;
    padding:32px;
    box-shadow:0 14px 35px rgba(0,0,0,.10);
}

.about-highlight-box h3{
    font-size:34px;
    font-weight:900;
    color:#0f6f8f;
    margin-bottom:18px;
}

.about-highlight-box ul{
    list-style:none;
    padding:0;
    margin:0;
}

.about-highlight-box li{
    font-size:18px;
    margin-bottom:12px;
    font-weight:700;
}

.about-stat{
    background:#fff;
    border-radius:18px;
    padding:28px 15px;
    box-shadow:0 12px 30px rgba(0,0,0,.10);
    border-bottom:5px solid #ff8c2a;
}

.about-stat h2{
    font-size:42px;
    font-weight:900;
    color:#0f6f8f;
}

.about-stat p{
    font-size:17px;
    font-weight:800;
    margin:0;
}

.vision-section{
    background:#073f55;
    color:#fff;
    border-radius:24px;
    padding:40px;
    text-align:center;
}

.vision-section h2{
    font-size:40px;
    font-weight:900;
    color:#ffd36b;
}

.vision-section p{
    font-size:19px;
    line-height:1.8;
}

.quote-box{
    background:rgba(255,255,255,.12);
    border-radius:14px;
    padding:16px;
    margin-top:18px;
    font-size:20px;
    font-weight:800;
}

.owner-message{
    background:#fff;
    border-radius:24px;
    padding:40px;
    box-shadow:0 14px 35px rgba(0,0,0,.12);
    border-left:7px solid #0f6f8f;
}

.owner-message h2{
    font-size:40px;
    font-weight:900;
    color:#0f6f8f;
}

.owner-message p{
    font-size:18px;
    line-height:1.8;
    color:#333;
}

.owner-message h5{
    font-weight:900;
    color:#ff8c2a;
}

@media(max-width:768px){
    .about-hero h1{
        font-size:34px;
    }

    .about-hero p{
        font-size:16px;
    }

    .about-heading,
    .vision-section h2,
    .owner-message h2{
        font-size:30px;
    }
}.room-hero{
    background: linear-gradient(135deg,#0d5d78,#16718f);
    padding:80px 0;
}

.room-feature{
    background:#ffffff15;
    color:#fff;
    padding:12px;
    text-align:center;
    border-radius:12px;
    font-weight:600;
    backdrop-filter: blur(5px);
}

.room-stat-box{
    background:#fff;
    padding:30px;
    border-radius:20px;
    box-shadow:0 10px 30px rgba(0,0,0,.15);
}

.room-stat-box h3{
    color:#0d5d78;
    font-weight:700;
}

.room-stat-box ul li{
    padding:8px 0;
    font-size:16px;
}

.section-title span{
    color:#d95d2a;
}.room-price-card{
    background:#fff;
    border-radius:22px;
    padding:32px;
    box-shadow:0 15px 35px rgba(0,0,0,.12);
    position:relative;
    height:100%;
    border-top:6px solid #0f6f8f;
    transition:.3s;
}

.room-price-card:hover{
    transform:translateY(-8px);
}

.room-price-card.featured{
    background:linear-gradient(135deg,#0f6f8f,#073f55);
    color:#fff;
    border-top:6px solid #ff8c2a;
}

.room-price-icon{
    width:70px;
    height:70px;
    border-radius:50%;
    background:#fff3e8;
    display:grid;
    place-items:center;
    font-size:34px;
    margin-bottom:18px;
}

.room-price-card.featured .room-price-icon{
    background:#fff;
}

.room-price-card h3{
    font-size:28px;
    font-weight:900;
    color:#073f55;
}

.room-price-card.featured h3{
    color:#fff;
}

.room-price-card h2{
    font-size:42px;
    font-weight:900;
    color:#ff8c2a;
    margin:18px 0 0;
}

.room-price-card small{
    font-weight:700;
    color:#666;
}

.room-price-card.featured small{
    color:#f1f1f1;
}

.room-price-card ul{
    list-style:none;
    padding:0;
    margin:24px 0;
}

.room-price-card ul li{
    margin-bottom:10px;
    font-weight:700;
}

.room-price-badge{
    position:absolute;
    right:22px;
    top:18px;
    background:#ff8c2a;
    color:#111;
    padding:6px 16px;
    border-radius:30px;
    font-weight:900;
}

.room-facilities-section{
    background:#fff;
}

.room-facility-icon-box{
    background:#f7fbff;
    border-radius:18px;
    padding:25px 15px;
    height:100%;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
    border-bottom:4px solid #ff8c2a;
}

.room-facility-icon-box div{
    font-size:42px;
    margin-bottom:12px;
}

.room-facility-icon-box h5{
    font-weight:900;
    color:#073f55;
}

.room-book-cta{
    background:linear-gradient(90deg,#073f55,#0f6f8f);
    color:#fff;
    border-radius:18px;
    padding:30px 38px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    box-shadow:0 15px 35px rgba(0,0,0,.15);
}

.room-book-cta h2{
    margin:0;
    font-weight:900;
}

.room-book-cta p{
    margin:6px 0 0;
    font-size:18px;
}

@media(max-width:768px){
    .room-book-cta{
        flex-direction:column;
        text-align:center;
    }

    .room-book-cta .btn{
        width:100%;
    }
}
.facility-hero{
    background:linear-gradient(135deg,#073f55,#0f6f8f);
    color:#fff;
    padding:70px 0;
}

.facility-hero h1{
    font-size:52px;
    font-weight:900;
}

.facility-hero p{
    font-size:22px;
    margin:10px 0 0;
}

.facility-stat{
    background:#fff;
    border-radius:18px;
    padding:26px 15px;
    box-shadow:0 12px 30px rgba(0,0,0,.10);
    border-bottom:5px solid #ff8c2a;
}

.facility-stat h2{
    font-size:38px;
    font-weight:900;
    color:#0f6f8f;
}

.facility-stat p{
    margin:0;
    font-weight:800;
}

.facility-heading{
    font-size:42px;
    font-weight:900;
    color:#073f55;
}

.facility-section p{
    font-size:18px;
    line-height:1.8;
}

.facility-list{
    list-style:none;
    padding:0;
}

.facility-list li{
    font-size:18px;
    font-weight:700;
    margin-bottom:10px;
}

.facility-photo-card{
    background:#fff;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 10px 25px rgba(0,0,0,.10);
}

.facility-photo-card img{
    width:100%;
    height:230px;
    object-fit:cover;
}

.facility-photo-card div{
    background:#1f2430;
    color:#fff;
    font-weight:800;
    padding:12px;
    text-align:center;
}

.success-highlight{
    background:#073f55;
    color:#fff;
}

.success-highlight h2{
    font-size:42px;
    font-weight:900;
    color:#ffd36b;
}

.success-highlight p{
    font-size:19px;
}

.success-box{
    background:rgba(255,255,255,.12);
    border-radius:18px;
    padding:28px;
}

.success-box h3{
    color:#ff8c2a;
    font-size:36px;
    font-weight:900;
}

.success-box p{
    font-size:17px;
    margin:0;
}

@media(max-width:768px){
    .facility-hero h1,
    .facility-heading,
    .success-highlight h2{
        font-size:32px;
    }
}.study-hero{
    background:linear-gradient(135deg,#073f55,#0f6f8f);
    color:#fff;
    padding:70px 0;
}

.study-hero h1{
    font-size:54px;
    font-weight:900;
}

.study-hero p{
    font-size:22px;
}

.study-card-pro{
    background:#fff;
    border-radius:22px;
    padding:30px;
    height:100%;
    box-shadow:0 14px 35px rgba(0,0,0,.10);
    border-top:6px solid #0f6f8f;
    transition:.3s;
}

.study-card-pro:hover{
    transform:translateY(-7px);
    box-shadow:0 18px 45px rgba(0,0,0,.15);
}

.study-icon{
    width:70px;
    height:70px;
    border-radius:50%;
    background:#fff3e8;
    display:grid;
    place-items:center;
    font-size:34px;
    margin-bottom:18px;
}

.study-card-pro h4{
    font-size:24px;
    font-weight:900;
    color:#073f55;
}

.study-card-pro p{
    font-size:16px;
    color:#333;
    min-height:70px;
}

.btn-sea{
    background:#0f6f8f;
    color:#fff;
    font-weight:800;
    border-radius:10px;
}

.btn-sea:hover{
    background:#073f55;
    color:#fff;
}.test-hero{
    background:linear-gradient(135deg,#073f55,#0f6f8f);
    color:#fff;
    padding:70px 0;
}

.test-hero h1{
    font-size:54px;
    font-weight:900;
}

.test-hero p{
    font-size:22px;
}

.test-card-pro{
    background:#fff;
    border-radius:22px;
    padding:30px;
    height:100%;
    box-shadow:0 14px 35px rgba(0,0,0,.10);
    border-top:6px solid #ff8c2a;
    transition:.3s;
}

.test-card-pro:hover{
    transform:translateY(-7px);
}

.test-icon{
    width:70px;
    height:70px;
    border-radius:50%;
    background:#fff3e8;
    display:grid;
    place-items:center;
    font-size:34px;
    margin-bottom:18px;
}

.test-card-pro h3{
    font-size:26px;
    font-weight:900;
    color:#073f55;
}

.test-card-pro p{
    color:#333;
    min-height:60px;
}

.test-card-pro ul{
    list-style:none;
    padding:0;
    margin:20px 0;
}

.test-card-pro li{
    margin-bottom:8px;
    font-weight:700;
}

.test-start-header{
    background:linear-gradient(90deg,#073f55,#0f6f8f);
    color:#fff;
    border-radius:20px;
    padding:30px;
}

.test-start-header h2{
    font-size:38px;
    font-weight:900;
}

.test-meta{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
    margin-top:15px;
}

.test-meta span{
    background:rgba(255,255,255,.15);
    padding:8px 14px;
    border-radius:30px;
    font-weight:800;
}

.mcq-card{
    background:#fff;
    border-radius:18px;
    padding:25px;
    box-shadow:0 12px 30px rgba(0,0,0,.09);
    border-left:6px solid #0f6f8f;
}

.mcq-card h5{
    font-size:20px;
    font-weight:900;
    color:#073f55;
    margin-bottom:18px;
}

.mcq-options{
    display:grid;
    gap:12px;
}

.mcq-options label{
    display:flex;
    gap:12px;
    align-items:center;
    background:#f7fbff;
    border-radius:12px;
    padding:13px 16px;
    cursor:pointer;
    font-weight:700;
}

.mcq-options label:hover{
    background:#fff3e8;
}

.result-box{
    background:#fff;
    border-radius:24px;
    padding:45px;
    box-shadow:0 16px 40px rgba(0,0,0,.12);
}

.result-box h1{
    font-size:48px;
    font-weight:900;
    color:#073f55;
}

.student-name{
    font-size:22px;
    font-weight:800;
    color:#ff8c2a;
}

.result-card{
    background:#f7fbff;
    border-radius:18px;
    padding:25px;
    border-bottom:5px solid #0f6f8f;
}

.result-card h2{
    font-size:42px;
    font-weight:900;
    color:#073f55;
}

.result-card p{
    margin:0;
    font-weight:800;
}

.result-card.correct{
    border-bottom-color:#16a34a;
}

.result-card.wrong{
    border-bottom-color:#dc2626;
}

.result-card.score{
    border-bottom-color:#ff8c2a;
}.gallery-hero{
    background:linear-gradient(135deg,#073f55,#0f6f8f);
    color:#fff;
    padding:70px 0;
}

.gallery-hero h1{
    font-size:54px;
    font-weight:900;
}

.gallery-hero p{
    font-size:22px;
    margin-top:8px;
}

.gallery-page{
    background:#fff;
}

.gallery-card-pro{
    background:#fff;
    border-radius:22px;
    overflow:hidden;
    height:100%;
    box-shadow:0 14px 35px rgba(0,0,0,.11);
    transition:.3s;
}

.gallery-card-pro:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 45px rgba(0,0,0,.16);
}

.gallery-card-pro img{
    width:100%;
    height:280px;
    object-fit:cover;
    display:block;
    transition:.4s;
}

.gallery-card-pro:hover img{
    transform:scale(1.06);
}

.gallery-caption{
    padding:18px;
    background:#fff;
}

.gallery-caption h5{
    font-size:21px;
    font-weight:900;
    color:#073f55;
    margin:0 0 6px;
}

.gallery-caption p{
    margin:0;
    color:#555;
    font-weight:600;
}

.video-card-pro{
    background:#fff;
    border-radius:22px;
    overflow:hidden;
    box-shadow:0 14px 35px rgba(0,0,0,.11);
    height:100%;
}

.video-card-pro video{
    width:100%;
    height:260px;
    object-fit:cover;
    background:#000;
}

.video-caption{
    padding:18px;
}

.video-caption h5{
    color:#073f55;
    font-weight:900;
    margin-bottom:6px;
}

.video-caption p{
    color:#555;
    margin:0;
}

@media(max-width:768px){
    .gallery-hero h1{
        font-size:34px;
    }

    .gallery-hero p{
        font-size:16px;
    }

    .gallery-card-pro img,
    .video-card-pro video{
        height:220px;
    }
}.map-box .btn-primary{
    padding:10px 20px;
    border-radius:30px;
    font-weight:600;
}.card{
    border-radius:15px;
}

.card-body{
    display:flex;
    flex-direction:column;
}

.card-body .btn{
    margin-top:auto;
}
.registration-strip{
    background: linear-gradient(135deg,#0b5c78,#0e7490);
    color:#fff;
    border-radius:20px;
    padding:35px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    box-shadow:0 10px 25px rgba(0,0,0,.15);
}

.registration-strip h2{
    font-weight:700;
    margin:0;
}

.registration-strip p{
    opacity:.9;
    font-size:18px;
}

.registration-strip .btn-warning{
    background:#ff922b;
    border:none;
    color:#000;
    font-weight:700;
}

.registration-strip .btn-light{
    font-weight:700;
}

@media(max-width:768px){
    .registration-strip{
        flex-direction:column;
        text-align:center;
    }
}.warden-menu-card{
    display:block;
    text-decoration:none;
    border-radius:20px;
    padding:30px;
    min-height:230px;
    box-shadow:0 15px 35px rgba(0,0,0,.12);
    transition:.3s;
}

.warden-menu-card:hover{
    transform:translateY(-8px);
    box-shadow:0 22px 45px rgba(0,0,0,.18);
}

.warden-menu-card .icon{
    font-size:48px;
    margin-bottom:15px;
}

.warden-menu-card h4{
    font-weight:900;
}

.warden-menu-card p{
    margin:0;
    font-weight:600;
}.dash-card{
    border-radius:18px;
    padding:24px;
    box-shadow:0 12px 30px rgba(0,0,0,.12);
}

.dash-card h3{
    font-size:34px;
    font-weight:900;
}

.dash-card p{
    margin:0;
    font-weight:700;
}