/* RTC Public School — consolidated frontend stylesheet */

/* GLOBAL */
:root{--primary:#09094b;--primary-dark:#05052d;--accent:#d7ff00;--text:#111;--footer-bg:#102a43;--header-strip:rgba(72,78,86,.94)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Roboto Slab",Georgia,serif;color:var(--text);background:#fff;font-size:14px;line-height:1.7}
a{text-decoration:none}
img{max-width:100%}
.container-fluid{padding-left:4%;padding-right:4%}

/* TOP CONTACT BAR */
.topbar{min-height:42px;display:flex;align-items:center;background:var(--primary-dark);color:#fff;padding:7px 0;font:12px Arial,Helvetica,sans-serif}
.topbar a,.topbar-social a{color:#fff}
.topbar a:hover,.topbar-social a:hover{color:var(--accent)}
.topbar-item{display:inline-block;margin-right:22px}
.topbar .fa-solid,.topbar .fa-regular{margin-right:6px}
.topbar-social{display:flex;align-items:center;gap:18px;padding-right:10px}
.topbar-social a{font-size:15px}

/* HEADER + NAV: topbar is outside .hero-wrapper */
.hero-wrapper{position:relative;z-index:20;height:138px;padding:0}
.school-header,.school-header.is-fixed{position:absolute;top:0;left:0;right:0;width:100%;height:78px;min-height:78px;overflow:visible;background:var(--header-strip);border:0;box-shadow:none;z-index:10}
.school-header .container-fluid{height:100%}
.header-inner,.school-header .header-inner,.school-header.is-fixed .header-inner{display:flex;align-items:flex-start;justify-content:flex-start;gap:20px;width:100%;height:78px;min-height:78px;padding:9px 0 0}
.school-brand{display:flex;align-items:flex-start;gap:12px;min-width:0;color:#fff}
.school-logo{display:block;flex:0 0 auto;width:54px;height:54px;margin:0;object-fit:contain}
.logo-fallback{display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:54px;height:54px;border:2px solid var(--accent);border-radius:50%;color:#fff;font-size:19px;font-weight:700}
.school-name,.school-header .school-name{margin:0 0 3px;color:#fff;font:700 clamp(19px,2vw,26px)/1.2 Arial,Helvetica,sans-serif;letter-spacing:.2px}
.school-tagline,.school-header .school-tagline{margin:0;color:#fff;font:13px/1.3 Arial,Helvetica,sans-serif}
.school-header .admission-btn{display:none!important}
.main-nav,.main-nav.is-fixed{position:absolute;top:78px;left:0;right:0;z-index:12;width:100%;height:60px;min-height:60px;padding:0;background:var(--header-strip);border:0;box-shadow:none;font-family:Arial,Helvetica,sans-serif}
.main-nav .container-fluid{display:flex;align-items:center;width:100%;height:60px;margin:0 auto;padding:0 4%}
.main-nav .navbar-collapse,.main-nav .navbar-nav{height:60px}
.main-nav .navbar-nav{display:flex;flex-direction:row;align-items:stretch;justify-content:flex-start;gap:3px;width:100%;margin:0}
.main-nav .nav-item{display:flex;align-items:stretch}
.main-nav .nav-link{display:flex;align-items:center;height:60px;padding:0 15px;color:#fff;font-size:14px;font-weight:600;line-height:1.2;white-space:nowrap;border-bottom:3px solid transparent;transition:background .2s,border-color .2s,color .2s}
.main-nav .nav-link:hover,.main-nav .nav-link.active{color:#fff;background:rgba(0,0,0,.13);border-bottom-color:#d00000}
.main-nav .dropdown-menu{margin-top:0;padding:5px 0;background:#fff;border:0;border-radius:0;box-shadow:0 6px 15px #00000020}
.main-nav .dropdown-item{padding:9px 15px;font-size:13px}
.main-nav .dropdown-item:hover{background:#f1f3f5}
.main-nav .navbar-toggler{display:none}
.admission-btn{display:inline-block;padding:9px 16px;background:var(--accent);color:#172c43;font-size:12px;font-weight:700;border-radius:3px}
.admission-btn:hover{background:#eab51c;color:#172c43}

/* HERO SLIDER: supports #homeSlider or #schoolCarousel */
#homeSlider,#schoolCarousel{position:relative;z-index:1;width:100%;margin:0;overflow:hidden}
#homeSlider .carousel-inner,#schoolCarousel .carousel-inner{width:100%}
#homeSlider .carousel-item,#schoolCarousel .carousel-item{position:relative;height:550px;overflow:hidden}
.hero-slide{position:relative;display:flex;align-items:center;width:100%;height:100%;min-height:0;background:#dcecf7 center/cover no-repeat}
.hero-slide::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,35,65,.15),rgba(10,35,65,.05),rgba(10,35,65,0));pointer-events:none}
.hero-content{position:relative;z-index:2;max-width:620px;color:#fff}
.hero-content h2{margin-bottom:14px;font-size:clamp(29px,3.5vw,43px);font-weight:700;line-height:1.25}
.hero-content p{max-width:560px;margin-bottom:24px;font-size:17px}
.hero-content .btn{margin:4px 5px 4px 0;padding:11px 19px;font-size:13px}
.btn-school{background:var(--accent);color:#142e4c;font-weight:700}
.btn-school:hover{background:#e8b525;color:#142e4c}
.btn-outline-light{font-weight:600}
#homeSlider .carousel-indicators,#schoolCarousel .carousel-indicators{z-index:5;margin-bottom:14px}
#homeSlider .carousel-indicators [data-bs-target],#schoolCarousel .carousel-indicators [data-bs-target]{width:8px;height:8px;margin:0 4px;border:0;border-radius:50%;background:#555;opacity:.5}
#homeSlider .carousel-indicators .active,#schoolCarousel .carousel-indicators .active{background:#111;opacity:1}
#homeSlider .carousel-control-prev,#homeSlider .carousel-control-next,#schoolCarousel .carousel-control-prev,#schoolCarousel .carousel-control-next{z-index:5;width:5%}
#homeSlider .carousel-caption,#schoolCarousel .carousel-caption{position:absolute;z-index:3;top:50%;right:8%;bottom:auto;left:8%;padding:0;text-align:left;transform:translateY(-50%)}
#homeSlider .carousel-caption h1,#homeSlider .carousel-caption h2,#schoolCarousel .carousel-caption h1,#schoolCarousel .carousel-caption h2{font-size:clamp(26px,3.5vw,48px);font-weight:700;line-height:1.2}
#homeSlider .carousel-caption p,#schoolCarousel .carousel-caption p{max-width:650px;font-size:clamp(14px,1.5vw,19px)}

/* COMMON SECTIONS */
.section{padding:45px 0}
.section-heading{margin:0 0 10px;color:var(--primary);font-size:26px;font-weight:700}
.section-subtitle{margin-bottom:25px;color:#777;font-size:14px}
.title-line{width:60px;height:3px;margin:0 0 24px;background:var(--accent)}
.read-more{display:inline-block;padding:9px 17px;background:var(--primary);color:#fff;font-size:12px;font-weight:600;border-radius:3px}
.read-more:hover{background:var(--primary-dark);color:#fff}

/* NOTICES, EVENTS, DOWNLOADS */
.updates-section{position:relative;isolation:isolate;padding:12px 10px;background:linear-gradient(rgba(27,30,36,.42),rgba(27,30,36,.58)),url("https://images.unsplash.com/photo-1562774053-701939374585?auto=format&fit=crop&w=1800&q=85") center/cover no-repeat}
.content-box{height:100%;min-height:290px;padding:14px 16px;color:#fff;background:rgba(75,79,85,.91);border:0;border-radius:0}
.box-heading{margin:0 0 8px;padding-bottom:8px;color:var(--accent);font:700 25px "Bree Serif",Georgia,serif;border:0;text-shadow:1px 1px 1px #222}
.box-heading i{margin-right:8px;font-size:1.15em}
.view-all{float:right;margin-top:6px;color:var(--accent);font-size:11px;font-weight:600}
.notice-item{display:flex;gap:10px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.24)}
.notice-item:last-child{border-bottom:0}
.notice-date{display:none;min-width:0;height:auto;padding:0;color:#fff;text-align:left;line-height:1.4;background:transparent;border:0}
.notice-date strong{display:block;font-size:17px}
.notice-date span{font-size:10px}
.notice-text a{color:var(--accent);font-size:13px;font-weight:600;line-height:1.5}
.notice-text a:hover{color:#b1840b}
.notice-text small{display:block;margin-top:2px;color:#fff;font-size:11px}
.notice-description{margin:4px 0;color:#fff;font-size:12px;line-height:1.5}
.new-label{display:inline-block;padding:1px 5px;color:#fff;background:#d92d3b;border-radius:3px;font-size:9px}
.events-carousel .carousel-item{width:100%}
.events-row{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;width:100%}
.event-item{width:100%;min-width:0;overflow:hidden}
.event-item:last-child{border-bottom:0}
.event-image{display:block;width:100%;max-width:100%;height:200px;object-fit:cover;object-position:center}
.event-card-caption{width:100%;padding:12px 10px;color:#fff;text-align:center;background:rgba(0,65,180,.85);box-sizing:border-box}
.event-card-caption,.event-card-caption h3,.event-card-caption small,.event-card-caption small *{color:#fff}
.event-card-caption h3{margin:0 0 6px;font-size:22px;font-weight:700;line-height:1.4}
.event-card-caption small{display:block;font-size:16px;font-weight:500;line-height:1.5}
.events-carousel .carousel-control-prev,.events-carousel .carousel-control-next{position:absolute;top:35%;bottom:auto;width:25px;height:34px;background:#fff;border-radius:50%;opacity:.95}
.events-carousel .carousel-control-prev-icon,.events-carousel .carousel-control-next-icon{width:13px;height:13px;filter:invert(1)}
.events-carousel .carousel-indicators{margin-bottom:-2px}
.events-carousel .carousel-indicators [data-bs-target]{width:7px;height:7px;border-radius:50%}
.event-item h3{margin:0 0 4px;color:var(--primary);font-size:13px;font-weight:700}
.event-item small{display:block;margin-bottom:4px;color:#888;font-size:11px}
.event-item p{margin:0;color:#666;font-size:11px;line-height:1.6}
.download-item{display:flex;align-items:center;gap:12px;margin-bottom:4px;padding:9px 5px;color:#fff;background:transparent;border:0;border-bottom:1px solid rgba(255,255,255,.24);font-size:12px;font-weight:600}
.download-item i{font-size:18px}
.download-item:hover{color:var(--accent);background:rgba(255,255,255,.08)}

/* WELCOME */
.welcome-section{background:#fff}
.welcome-text{color:#111;font-size:14px;line-height:1.9;text-align:justify}
.welcome-section .section-heading,.principal-section .section-heading,.facilities-section .section-heading{color:#d81212;font:clamp(27px,3vw,40px) "Berkshire Swash", sans-serif;text-shadow:2px 2px 0 #141313,4px 5px 5px rgba(0,0,0,.24)}
.welcome-section .title-line,.principal-section .title-line{width:280px;height:14px;margin:0 0 24px;background:transparent;border-top:1px solid #c90000;border-radius:50%}
.welcome-image{width:100%;height:320px;object-fit:cover;border:5px solid #f0f2f5}

/* AIMS */
.aims-section{color:#fff;background:#9820df}
.aims-section .section-heading,.aims-section .aims-content,.aims-section .aims-content p,.aims-section .aims-list{color:#fff}
.aims-section .section-heading{font-family:"Roboto Slab",Georgia,serif;font-size:21px;text-transform:uppercase;text-shadow:none}
.aims-section .title-line{display:none}
.aims-content{color:#555;line-height:1.9;text-align:justify}
.aims-list{padding-left:20px}
.aims-list li{margin-bottom:10px}
.motto-box{height:100%;padding:8px 20px;color:#fff;background:transparent;border-left:1px solid rgba(255,255,255,.5)}
.motto-box h3{margin-bottom:15px;color:#fff;font-size:18px}
.motto-box p{margin-bottom:10px}

/* PRINCIPAL */
.principal-section{background:#fff}
.principal-card{height:100%;padding:25px;background:#f5f7fa;border:1px solid #e4e9f0}
.principal-photo{width:100%;max-width:230px;height:260px;object-fit:cover;object-position:center top;border:4px solid #fff;box-shadow:0 2px 9px #00000012}
.principal-name{margin-top:12px;color:var(--primary);font-size:18px;font-weight:700}
.principal-role{color:#777;font-size:12px}

/* =========================================
   FACILITIES SECTION
========================================= */

.facilities-section {
    background: #fff;
    padding-left: 0;
    padding-right: 0;
}

.facilities-section .row {
    align-items: stretch;
}

.facilities-section .col-6,
.facilities-section .col-md-4,
.facilities-section .col-lg-2 {
    display: flex;
}


/* Facility Card */

.facility-card {
    width: 100%;
    height: 100%;

    padding: 8px 12px 15px;

    display: flex;
    flex-direction: column;
    align-items: center;

    text-align: center;

    background: transparent;
    border: 0;

    transition: transform 0.2s ease,
                box-shadow 0.2s ease;
}

.facility-card:hover {
    transform: translateY(-4px);
}


/* =========================================
   ICON
========================================= */

.facility-icon {
    width: 70px;
    height: 70px;

    margin: 0 auto 14px;

    display: flex;
    align-items: center;
    justify-content: center;

    flex-shrink: 0;

    color: var(--primary);
    background: #eaf1fa;

    border: 2px solid #f5a900;
    border-radius: 50%;

    font-size: 25px;
}


/* =========================================
   TITLE
========================================= */

.facility-card h3 {
    width: 100%;

    min-height: 42px;

    margin: 0 0 7px;

    color: var(--primary);

    font-size: 16px;
    line-height: 1.3;
    font-weight: 700;

    text-align: center;
}


/* =========================================
   DESCRIPTION
========================================= */

.facility-card p {
    width: 100%;

    margin: 0;

    color: #777;

    font-size: 12px;
    line-height: 1.6;

    text-align: center;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .facility-card {
        padding-left: 8px;
        padding-right: 8px;
    }

    .facility-card h3 {
        font-size: 15px;
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 575px) {

    .facility-card {
        padding: 5px 8px 15px;
    }

    .facility-icon {
        width: 65px;
        height: 65px;
        font-size: 23px;
    }

    .facility-card h3 {
        min-height: auto;
        font-size: 15px;
    }

    .facility-card p {
        font-size: 12px;
    }

}

/* ENROLLMENT */
.enrollment-section{padding:14px 0;color:#fff;background:#9820df}
.enrollment-section h2{margin-bottom:0;font:700 24px "Bree Serif",Georgia,serif}
.enrollment-section p{margin:0;color:#e5edf7}
.admission-notice-bar{padding:13px 10px;color:#fff;text-align:center;background:#b40000;border-left:10px solid #00d900;border-right:10px solid #00d900;font-size:15px}
.admission-notice-bar a{color:#168cff;font-style:italic;font-weight:600}

/* GALLERY */
.gallery-section{background:#fff}
.gallery-card{display:block;height:100%;padding:5px;color:var(--primary);border:1px solid #e3e7ed}
.gallery-card img{width:100%;height:175px;object-fit:cover}
.gallery-card p{margin:10px 4px 6px;font-size:13px;font-weight:600;text-align:center}
.gallery-card:hover{color:#a57a00;box-shadow:0 4px 14px #00000012}

/* FOOTER */
.school-footer{display:block;position:relative;width:100%;min-height:200px;padding:45px 0 20px;overflow:visible;color:#fff;background:var(--footer-bg)}
.school-footer h3{margin-bottom:20px;color:#fff;font-size:20px;font-weight:700}
.school-footer p{margin-bottom:12px;color:#e2e8f0;font-size:14px;line-height:1.8}
.school-footer a{color:#fff;text-decoration:none}
.school-footer a:hover{color:#fbbf24}
.footer-links{margin:0;padding:0;list-style:none}
.footer-links li{margin-bottom:10px}
.footer-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:30px;padding-top:18px;color:#e2e8f0;border-top:1px solid rgba(255,255,255,.2);font-size:13px}

/* RESPONSIVE — LARGE SCREENS */
@media (min-width:1400px){.container-fluid{padding-left:5%;padding-right:5%}}

/* RESPONSIVE — TABLET */
@media (max-width:991.98px){
  .topbar{font-size:12px}
  .topbar-item{margin-right:12px}
  .hero-wrapper{height:134px}
  .school-header,.school-header.is-fixed,.school-header .header-inner,.school-header.is-fixed .header-inner{height:78px;min-height:78px}
  .school-logo{width:48px;height:48px}
  .school-name,.school-header .school-name{font-size:19px}
  .school-tagline,.school-header .school-tagline{font-size:11px}
  .main-nav,.main-nav.is-fixed{top:78px;height:56px;min-height:56px;overflow-x:auto}
  .main-nav .container-fluid{height:56px;padding:0 2%}
  .main-nav .navbar-collapse,.main-nav .navbar-nav{height:56px}
  .main-nav .nav-link{height:56px;padding:0 10px;font-size:12px}
  #homeSlider .carousel-item,#schoolCarousel .carousel-item{height:380px}
  .section{padding:32px 0}
  .main-nav.is-fixed{top:78px}
}

/* RESPONSIVE — MOBILE */
@media (max-width:575.98px){
  .container-fluid{padding-left:15px;padding-right:15px}
  .topbar{min-height:auto;padding:8px 0}
  .topbar .container-fluid>div:first-child{display:flex;flex-direction:column;gap:3px}
  .topbar-item{margin-right:0;white-space:normal}
  .topbar-social{gap:15px}
  .hero-wrapper{height:134px}
  .school-header,.school-header.is-fixed,.school-header .header-inner,.school-header.is-fixed .header-inner{height:78px;min-height:78px}
  .school-brand{gap:7px}
  .school-logo{width:38px;height:38px}
  .logo-fallback{width:38px;height:38px;font-size:14px}
  .school-name,.school-header .school-name{font-size:15px}
  .school-tagline,.school-header .school-tagline{font-size:9px}
  .main-nav,.main-nav.is-fixed{top:78px;height:56px;min-height:56px;overflow-x:auto}
  .main-nav .container-fluid{padding:0 10px}
  .main-nav .navbar-nav{width:max-content;min-width:100%;gap:0}
  .main-nav .nav-link{height:56px;padding:0 8px;font-size:11px}
  #homeSlider .carousel-item,#schoolCarousel .carousel-item{height:280px}
  #homeSlider .carousel-caption,#schoolCarousel .carousel-caption{right:7%;left:7%}
  #homeSlider .carousel-caption h1,#homeSlider .carousel-caption h2,#schoolCarousel .carousel-caption h1,#schoolCarousel .carousel-caption h2{font-size:24px}
  #homeSlider .carousel-caption p,#schoolCarousel .carousel-caption p{margin-bottom:10px;font-size:13px}
  #homeSlider .carousel-caption .btn,#schoolCarousel .carousel-caption .btn{padding:7px 12px;font-size:12px}
  .hero-content h2{font-size:28px}
  .hero-content p{font-size:14px}
  .section-heading{font-size:22px}
  .content-box{min-height:auto;padding:12px}
  .events-row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .event-image{height:115px}
  .event-card-caption{padding:9px 6px}
  .event-card-caption h3{font-size:16px}
  .event-card-caption small{font-size:12px}
  .admission-notice-bar{padding:10px;border-left-width:5px;border-right-width:5px;font-size:12px}
  .box-heading{font-size:18px}
  .principal-photo{max-width:180px;height:210px}
  .gallery-card img{height:130px}
  .school-footer{padding-top:32px}
  .footer-bottom{flex-direction:column}
}


/* Keep school header and navigation at the top */
.hero-wrapper {
    position: sticky;
    top: 0;
    z-index: 1000;
    height: 138px;
}

/* Keep branding and navigation backgrounds visible */
.school-header {
    z-index: 1001;
}

.main-nav {
    z-index: 1002;
}

.admission-notice-bar {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    background: #123B65;
    color: #ffffff;
    padding: 10px 0;
    font-size: 15px;
    font-weight: 500;
}

.admission-marquee-track {
    display: flex;
    width: max-content;
    animation: admission-marquee-scroll 25s linear infinite;
}

.admission-marquee-item {
    display: inline-flex;
    align-items: center;
    padding-right: 80px;
}

.admission-notice-bar a {
    color: #FFD166;
    font-weight: 700;
    text-decoration: underline;
    margin-left: 6px;
}

.admission-notice-bar a:hover {
    color: #ffffff;
}

.admission-notice-bar:hover .admission-marquee-track {
    animation-play-state: paused;
}

@keyframes admission-marquee-scroll {
    from {
        transform: translateX(100vw);
    }

    to {
        transform: translateX(-100%);
    }
}

@media (prefers-reduced-motion: reduce) {
    .admission-marquee-track {
        animation: none;
    }
}


    /* =========================
       GALLERY LIGHTBOX
    ========================= */

    .gallery-lightbox {
        display: block;
        text-decoration: none;
        cursor: pointer;
    }

    .gallery-image-wrapper {
        position: relative;
        overflow: hidden;
        border-radius: 10px;
    }

    .gallery-image-wrapper img {
        width: 100%;
        height: 220px;
        object-fit: cover;
        display: block;
        transition: transform 0.4s ease;
    }

    .gallery-lightbox:hover .gallery-image-wrapper img {
        transform: scale(1.06);
    }

    .gallery-overlay {
        position: absolute;
        inset: 0;
        background: rgba(23, 63, 112, 0.55);
        display: flex;
        align-items: center;
        justify-content: center;
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    .gallery-overlay i {
        width: 52px;
        height: 52px;
        border-radius: 50%;
        background: #ffffff;
        color: #173f70;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 20px;
    }

    .gallery-lightbox:hover .gallery-overlay {
        opacity: 1;
    }

    .gallery-card-content {
        padding: 10px 3px;
    }

    .gallery-card-content p {
        margin: 0;
        color: #173f70;
        font-weight: 700;
        font-size: 15px;
    }

    .gallery-card-content small {
        color: #777;
        font-size: 13px;
    }


    /* =========================
       LIGHTBOX MODAL
    ========================= */

    .rtc-lightbox {
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.92);
        z-index: 99999;
        display: none;
        align-items: center;
        justify-content: center;
        padding: 30px;
    }

    .rtc-lightbox.show {
        display: flex;
    }

    .rtc-lightbox-content {
        position: relative;
        width: 100%;
        max-width: 1100px;
        text-align: center;
    }

    .rtc-lightbox-image {
        max-width: 100%;
        max-height: 78vh;
        object-fit: contain;
        border-radius: 6px;
    }

    .rtc-lightbox-title {
        color: #ffffff;
        font-size: 17px;
        font-weight: 600;
        margin-top: 12px;
    }

    .rtc-lightbox-close {
        position: fixed;
        top: 20px;
        right: 25px;
        width: 45px;
        height: 45px;
        border: none;
        border-radius: 50%;
        background: rgba(255,255,255,0.15);
        color: #ffffff;
        font-size: 22px;
        cursor: pointer;
        z-index: 100000;
    }

    .rtc-lightbox-close:hover {
        background: #ffffff;
        color: #173f70;
    }

    .rtc-lightbox-prev,
    .rtc-lightbox-next {
        position: fixed;
        top: 50%;
        transform: translateY(-50%);
        width: 50px;
        height: 50px;
        border: none;
        border-radius: 50%;
        background: rgba(255,255,255,0.15);
        color: #ffffff;
        font-size: 22px;
        cursor: pointer;
        z-index: 100000;
    }

    .rtc-lightbox-prev {
        left: 20px;
    }

    .rtc-lightbox-next {
        right: 20px;
    }

    .rtc-lightbox-prev:hover,
    .rtc-lightbox-next:hover {
        background: #ffffff;
        color: #173f70;
    }


    /* Mobile */
    @media (max-width: 768px) {

        .gallery-image-wrapper img {
            height: 170px;
        }

        .rtc-lightbox {
            padding: 15px;
        }

        .rtc-lightbox-image {
            max-height: 70vh;
        }

        .rtc-lightbox-prev,
        .rtc-lightbox-next {
            width: 40px;
            height: 40px;
            font-size: 17px;
        }

        .rtc-lightbox-prev {
            left: 10px;
        }

        .rtc-lightbox-next {
            right: 10px;
        }

        .rtc-lightbox-close {
            top: 10px;
            right: 10px;
            width: 40px;
            height: 40px;
        }
    }

    /* Akaya Kanadaka Font */
.akaya-font {
    font-family: "Akaya Kanadaka", sans-serif !important;
    font-size: 16px;
    font-weight: 550;
    line-height: 1.3;
}
/* =========================================
   CUSTOM NAVIGATION DROPDOWN
========================================= */

.main-nav .nav-item.dropdown {
    position: relative;
}


/* Dropdown box */

.main-nav .nav-item.dropdown > .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;

    min-width: 220px;

    margin: 0;
    padding: 6px 0;

    display: none;

    background: #ffffff;

    border: none;
    border-radius: 0 0 6px 6px;

    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.18);

    z-index: 999999;
}


/* Show dropdown */

.main-nav .nav-item.dropdown.show > .dropdown-menu {
    display: block;
}


/* Dropdown items */

.main-nav .dropdown-menu .dropdown-item {
    display: block;

    width: 100%;

    padding: 10px 18px;

    background: #ffffff;

    color: #173f70;

    font-size: 14px;
    font-weight: 500;

    text-decoration: none;

    white-space: nowrap;

    transition: all 0.2s ease;
}


/* Hover */

.main-nav .dropdown-menu .dropdown-item:hover {
    background: #173f70;
    color: #ffffff;
}


/* Arrow */

.custom-dropdown-toggle i {
    font-size: 10px;
    transition: transform 0.2s ease;
}


/* Rotate arrow when opened */

.main-nav .nav-item.dropdown.show
.custom-dropdown-toggle i {
    transform: rotate(180deg);
}
/* Remove Bootstrap default dropdown arrow */
.main-nav .dropdown-toggle::after {
    display: none !important;
}
/* =========================================
   CUSTOM HOVER DROPDOWN
========================================= */

.main-nav .nav-item.dropdown {
    position: relative;
}


/* Dropdown */

.main-nav .nav-item.dropdown > .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;

    min-width: 220px;

    margin: 0;
    padding: 6px 0;

    background: #fff;

    border: 0;
    border-radius: 0 0 6px 6px;

    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.18);

    display: none;

    z-index: 999999;
}


/* Desktop hover */

@media (min-width: 992px) {

    .main-nav .nav-item.dropdown:hover > .dropdown-menu {
        display: block;
    }

}


/* Dropdown item */

.main-nav .dropdown-menu .dropdown-item {
    display: block;

    width: 100%;

    padding: 10px 18px;

    color: #173f70;
    background: #fff;

    font-size: 14px;
    font-weight: 500;

    text-decoration: none;

    white-space: nowrap;

    transition: all 0.2s ease;
}


/* Hover item */

.main-nav .dropdown-menu .dropdown-item:hover {
    color: #fff;
    background: #173f70;
}


/* Arrow */

.custom-dropdown-toggle i {
    font-size: 9px;

    margin-left: 4px;

    transition: transform 0.2s ease;
}


/* Rotate arrow on hover */

@media (min-width: 992px) {

    .main-nav .nav-item.dropdown:hover
    .custom-dropdown-toggle i {

        transform: rotate(180deg);

    }

}