body {
  padding: 0;
  margin:0;
  font-family: 'Montserrat', sans-serif;
  background: #fff;
  overflow-x: hidden;
}
.btn-primary{background:var(--bs-primary,#f98012);}
a{-webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    transition: all 1s ease 0s;}
a:hover, a:active, a:focus {
    outline: none;
    text-decoration: none;
    color: var(--bs-primary,#f98012);
}
h1, h2, h3, h4, h5, h6{font-family: 'Montserrat', sans-serif;}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Regular.woff2') format('woff2'),
         url('../fonts/Montserrat-Regular.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-SemiBold.woff2') format('woff2'),
         url('../fonts/Montserrat-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
.toparea {
    background: var(--bs-primary,#f98012);
    color: var(--bb-on-primary,#fff);
    font-size: 13px;
    padding:6px 20px 6px 30px;
    transition: all 0.3s ease;
}

.toparea:hover {
    background: var(--bs-primary,#f98012);
}

/* ===== LEFT (EMAIL + PHONE) ===== */

.toparea .top-left {
    display: flex;
    align-items: center;
    gap: 15px;padding-top:3px;
}

.toparea .top-left span {
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.toparea i {
    margin-right: 5px;
}

/* ===== auxihome1: THE THREE TOP-BAR BLOCKS SIZE TO THEIR CONTENT =====

   They are Bootstrap columns - col-md-3 / col-md-4 / col-md-5 - so their
   widths are fixed percentages of the container no matter what is in them. At
   1920 the container is 1170px, which makes the left column 292px.
   brightbee's  mentor@brightbee.co.in + +91 92074 15677  fits that.
   auxi's       admin@auxiinternational.com + +91 91084 25071  does not: it is
   four characters longer, measures about 340px, and because .top-left's spans
   are white-space:nowrap it runs straight over the announcement column - so
   the marquee starts underneath the phone number.

   Making the row a single flex line lets each block take the width it needs
   and gives the marquee whatever is left, at ANY address length, which is the
   part that matters for the schools still to come.

   Scoped to >=569px on purpose: below that the existing block turns the row
   into a column and hides the left and centre entirely, and that path is
   already correct. */
@media (min-width: 569px) {

    .toparea .row {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
    }

    .toparea .top-left {
        flex: 0 0 auto;
        width: auto;
        max-width: 45%;     /* a pathological address still cannot eat the bar */
    }

    .toparea .top-center {
        flex: 1 1 auto;
        width: auto;
        min-width: 0;       /* without this the marquee refuses to shrink */
    }

    .toparea .top-right {
        flex: 0 0 auto;
        width: auto;
    }
}

/* ===== CENTER (ANNOUNCEMENT) ===== */

.toparea .top-center {
    font-weight: 500;
    overflow: hidden;padding-top:3px;
}

.toparea marquee {
    width: 100%;
    display: block;
}

/* ===== RIGHT (BUTTONS + SOCIAL) ===== */

.toparea .top-right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
    flex-wrap: nowrap;
}

/* BUTTONS */

.toparea .top-btn {
    border: 1px solid #fff;
    padding: 4px 12px;
    font-size: 12px;
    color: #fff;
    text-decoration: none;
    border-radius: 20px;
    transition: all 0.3s ease;
    white-space: nowrap;
}

.toparea .top-btn:hover {
    background: #fff;
    color: var(--bs-primary,#f98012);
    transform: translateY(-1px);
}

/* SOCIAL ICONS */

.toparea .social-icons {
    display: flex;
    align-items: center;
}

.toparea .social-icons a {
    color: #fff;
    margin-left: 8px;
    font-size: 13px;
    transition: 0.3s;
}

.toparea .social-icons a:hover {
    color: #ffdede;
    transform: scale(1.1);
}

/* ANNOUNCEMENT LINK */

.announcement-link {
    color: #fff;
    text-decoration: none;
    font-weight: 500;
}

.announcement-link:hover {
    text-decoration: underline;
}
@media (max-width: 568px) {

    .toparea {
        padding: 3px 0;
    }

    .toparea .row {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 6px;
    }

    /* LEFT */
    .toparea .top-left {
display:none;
    }

    /* CENTER (move down) */
    .toparea .top-center {
     display:none;
    }


    /* RIGHT */
    .toparea .top-right {
        justify-content: center;
        flex-wrap: nowrap;
        gap: 10px;
    }

    .toparea .social-icons {
display:none;
    }
}
/* ===== TABLET NAVBAR FIX (iPad / 1024px) ===== */
@media (max-width: 1024px) {

    .navbar-header {
        float: none;
    }

    .navbar-toggle {
        display: block;
        margin-top: 12px;
    }

    .navbar-collapse {
        border-top: 1px solid #eee;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-collapse.collapse.in {
        display: block !important;
    }

    .navbar-nav {
        float: none !important;
        width: 100%;
    }

    .navbar-nav > li {
        float: none;
        width: 100%;
    }

    .navbar-nav > li > a {
        padding: 12px 15px;
        display: block;
    }

    /* FIX dropdown inside toggle */
    .navbar-nav .dropdown-menu {
        position: relative;
        width: 100%;
        box-shadow: none;
        border: none;
    }
}
/* ===== HEADER BASE ===== */

.custom-navbar {
    border: none;
    box-shadow:none;
    padding: 10px 0;
}

/* ===== MENU ===== */

.navbar-nav > li > a {
    position: relative;
    font-size: 14px;
    font-weight: 500;
    color: #333 !important;
    padding: 10px 14px;
    cursor: pointer;
}

/* ===== UNDERLINE EFFECT ===== */

.navbar-nav > li > a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0%;
    height: 2px;
    background: var(--bs-primary,#f98012);
    transition: width 0.3s ease;
}

.navbar-nav > li > a:hover::after {
    width: 100%;
}

.navbar-nav > .active > a::after {
    width: 100%;
}

/* ===== HOVER COLOR ===== */

.navbar-nav > li > a:hover {
    color: var(--bs-primary,#f98012) !important;
}

/* ===== DROPDOWN ===== */

.dropdown-menu {
    border-radius: 8px;
    border: none;
    box-shadow: 0 5px 20px rgba(0,0,0,0.1);
    padding: 8px 0;
    display: none;
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.3s ease;
}

/* SHOW ON HOVER */

.navbar-nav li.dropdown:hover > .dropdown-menu {
    display: block;
    opacity: 1;
    transform: translateY(0);
}

/* SUBMENU ITEMS */

.dropdown-menu li a {
    padding: 10px 15px;
    font-size: 13px;
    display: block;
    transition: 0.3s;
}

.dropdown-menu li a:hover {
    background: #f8f8f8;
    color: var(--bs-primary,#f98012);
    padding-left: 20px;
}
.dropdown-menu li a:hover .submenu-icon {
    color: #fff;
}

/* SUBMENU ICON */

.submenu-icon {
    margin-right: 5px;
    color: #046072;
    font-size: 14px;
    transition: 0.3s;
}

/* CARET ROTATION */

.dropdown > a .caret {
    transition: 0.3s;
}

.dropdown:hover > a .caret {
    transform: rotate(180deg);
}

/* ===== STICKY HEADER ===== */

/* ===================== headerz1: THE HEADER'S STACKING =====================
   ONE rule owns position and z-index for the site header. It is not fixed by
   lowering each section in turn - that is what produced the bug.
   1035 is chosen, not arbitrary. It clears every section in the theme (the
   heroes are 2-5, the wave is 3) and Bootstrap's dropdown (1000) and
   navbar-fixed (1030), and it stays BELOW modal-backdrop (1040) and modal
   (1050) so a dialog still covers the header, below the gallery lightbox
   (99999) and the WhatsApp float (9999), and below the 6000 overlay, which
   keeps working exactly as before.
   position stays RELATIVE, which is all z-index needs. NOTE the rule below
   used to read position:sticky - it never took effect, because the later
   header{} rule overrode it with position:relative. Making the header
   actually sticky is a visible behaviour change and is NOT part of this
   round; it is recorded in check.txt headerz1 as its own decision. */
header {
    position: relative;
    top: 0;
    z-index: 1035;
}

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

@media (max-width: 768px) {

    .navbar-nav li.dropdown:hover > .dropdown-menu {
        display: none; /* disable hover on mobile */
    }

    .dropdown-menu {
        position: relative;
        opacity: 1;
        transform: none;
    }

}
.mt0{margin-top: 0 !important}
.mt10{margin-top:10px;}
.mb10{margin-bottom:10px;}
.mt40{margin-top:40px;}
.mb20{margin-bottom:20px;}
.relative{position: relative;}
.pt10{padding-top: 10px;}
.pb10{padding-bottom: 10px;}
.pt20{padding-top: 20px;}
.pb20{padding-bottom: 20px;}
.mt0 {margin-top: 0 !important;}
.around10{padding: 10px;}
.around40{padding: 40px;}
.spaceb10{padding-bottom: 10px;}
.spaceb40{padding-bottom: 40px;}
.spacet40{padding-top: 40px;}
.spaceb60{padding-bottom: 60px;}
.spacet60{padding-top: 60px;}

.fullwidthinner,
.fullwidth{ width: 100vw;position: relative; left: 50%;margin-left: -50vw;}
.bggray{background: #eef4f7;}

.loginbtn{border-radius: 6px;
    border: 1px solid #fff;
    padding: 6px 20px !important;
    margin-top: 8px;
    margin-left: 10px;}
.social{padding: 0; margin: 0}
.social li {margin: 0 1px; list-style: none; display: inline-block;}
.social li:first-child {margin-left: 0;}
.social li a {
  width: 31px;
  height: 31px;
  display:block;
  border: 1px solid #fff;
  text-align: center;
  line-height: 30px;
  color: #fff;
  border-radius: 4px;
}
.social li a:hover{background: #ffffff;color: #000;}

.navbar-nav>li {margin-top: 10px;}
/* headerz1: position and z-index REMOVED from this rule - they are owned by the header{} rule above, which this one used to silently override. */
header{box-shadow: 0px 0 10px rgba(0, 0, 0, 0.3);background: #fff;padding:3px 20px 3px 27px;}
.logo{padding:0px 0 0; height: 100%;}
.logo img{height: 45px;}
.navbar{margin-bottom: 0;}
.navbar-default .navbar-nav > li.dropdown:hover > a, 
.navbar-default .navbar-nav > li.dropdown:hover > a:hover,
.navbar-default .navbar-nav > li.dropdown:hover > a:focus {
    background-color: rgb(231, 231, 231);
    color: rgb(85, 85, 85);
}
@media (max-width: 768px) {

    .navbar-nav .dropdown-menu {
        display: none;
        position: relative;
        width: 100%;
        box-shadow: none;
        border: none;
        padding-left: 10px;
    }

    .navbar-nav .dropdown.open > .dropdown-menu {
        display: block;
    }

    .navbar-nav li a {
        display: block;
        padding: 12px 15px;
    }
}
/* REMOVE hover behavior for touch devices */
@media (hover: none) {

    .navbar-nav .dropdown:hover .dropdown-menu {
        display: none !important;
    }

    .navbar-nav .dropdown.open .dropdown-menu {
        display: block !important;
    }
}
/* Disable hover for touch devices (iPad) */
@media (hover: none) {

    .navbar-nav .dropdown:hover .dropdown-menu {
        display: none !important;
    }

    .navbar-nav .dropdown.open .dropdown-menu {
        display: block !important;
    }
}
.navbar-toggle {background-color: var(--bs-primary,#f98012);border: 1px solid #000;}
.navbar-toggle .icon-bar {background: #fff;}
.navbar-nav>li>a {color: #000; padding:3px 10px 10px 10px;}
.caret-up {
    width: 0; 
    height: 0; 
    border-left: 4px solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-bottom: 4px solid;
    display: inline-block;
    margin-left: 2px;
    vertical-align: middle;
}
.navbar-right .dropdown-menu {
    right: auto;
    left:0;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.dropdown-menu>li>a{padding:6px 20px;}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {color: var(--bb-on-primary,#fff);
    text-decoration: none;background-color: var(--bs-primary,#f98012);}   


.mt10{margin-top: 10px;}
.spacet50{padding-top: 0;}
.spaceb50{padding-bottom: 0;}
.more-btn:hover{ background: #2b2a29; color: #fff; text-decoration: none;}
.more-btn {
    background: #fbbe07;
   border-radius: 30px; padding: 10px 30px;
    text-align: center;display: inline-block;
    border: 1px solid transparent;
    color: #fff;   
    -webkit-box-shadow: 6px 20px 20px -16px rgba(0,0,0,0.75);
    -moz-box-shadow: 6px 20px 20px -16px rgba(0,0,0,0.75);
    box-shadow: 6px 20px 20px -16px rgba(0,0,0,0.75);
}
 .about {
    color: #000;
    text-transform: uppercase;
    font-size: 25px;
    font-weight: 700;
    text-align: left;
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 20px;
    }
.about:before {
    content: '';
    background: #b0dd38;
    width: 34%;
    height: 3px;
    position: absolute;
    bottom: 0;
}
.about:after{
    content: '';
    background: var(--bb-primary,#f28104);
    width: 10%;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 0%;
}
.abouttext{font-size: 14px;color: #8d8d8d;line-height: 30px;}
.bs-slider{
    overflow: hidden;
    max-height:100%;
    position: relative;
    background: #000000;
}
/*.bs-slider .carousel-inner {
    height: 100%;
}*/
.background-opacity{position: relative;}

.background-opacity:before {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(10, 15, 28, 0.7);
}
.about-title {
   background-image: url(../images/aboutbg.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center top;
    background-size: cover;
    width: 100vw;
    color: #fff;
    text-align: center;
    height: 60vh;
    top: -50px;
}

.about-title:before {
    border-radius: 4px;
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(10, 15, 28, 0.7);
}

.about-title .innermain {height: 100%;display: table; width: 100%;}


.page-title-wrapper {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    z-index: 2
}

.captions {
    font-size: 40px;
    text-transform: uppercase;
    line-height: 1;
    margin: 0 0 7px 0
}

.breadcrumb {
    margin: 0;
    background-color: transparent;
    text-transform: capitalize
}

.breadcrumb li {display: inline-block}
.breadcrumb li a {color: #cccccc}
.breadcrumb li a:hover {color: #046072}
.breadcrumb li:last-child {pointer-events: none}
.breadcrumb li.active a {color: #fff}
.breadcrumb li + li:before {
    padding: 0 10px;
    color: #cccccc;
    content: '\f105';
    font-family: FontAwesome
}



.aboutpage {margin: 2em 0 0 0;}
.aboutpage-icon{width: 41px;position: absolute;}
.aboutpage-icon i.fa {color: var(--bs-primary,#f98012);font-size: 2em;}
.aboutpage-info{
  margin-left: 40px;
}
.aboutpage-info h5 {font-size: 1.3em;margin-top: 0;text-transform: uppercase;}
.aboutpage-info p{line-height: 1.8em;}

.bs-slider .bs-slider-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.40);
}
.bs-slider > .carousel-inner > .item > img,
.bs-slider > .carousel-inner > .item > a > img {
    margin: auto;
    width: 100% !important;
}

.control-round .carousel-control {
    top: 47%;
    width: 45px;
    height: 45px;
    z-index: 100;
    color: #000;
    display: block;
    font-size: 24px;
    cursor: pointer;
    overflow: hidden;
    line-height: 43px;
    text-shadow: none;
    position: absolute;
    font-weight: normal;
    background: #fff;
    -webkit-border-radius: 100px;
    border-radius: 100px;
}
.control-round:hover .carousel-control{
    opacity: 1;
}
.control-round .carousel-control.left {
    left: 1%;
}
.control-round .carousel-control.right {
    right: 1%;
}
.control-round .carousel-control.left:hover,
.control-round .carousel-control.right:hover{
    color: #fdfdfd;
    background: rgba(0, 0, 0, 0.5);
    border: 0px transparent;
}
.control-round .carousel-control.left>span:nth-child(1){
    left: 45%;
}
.control-round .carousel-control.right>span:nth-child(1){
    right: 45%;
}


.carousel-indicators li {
    display: inline-block;
    width: 15px;
    height: 15px;}
.carousel-indicators .active {
    width: 15px;
    height: 15px;
    margin: 0;
    background-color: #fff;
}

.indicators-line > .carousel-indicators{
    right: 45%;
    bottom: 3%;
    left: auto;
    width: 90%;
    height: 20px;
    font-size: 0;
    overflow-x: auto;
    text-align: right;
    overflow-y: hidden;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 1px;
    white-space: nowrap;
}
.indicators-line > .carousel-indicators li{
    padding: 0;
    width: 25px;
    height: 25px;
    border: 1px solid rgb(158, 158, 158);
    text-indent: 0;
    overflow: hidden;
    text-align: left;
    position: relative;
    letter-spacing: 1px;
    background: rgb(158, 158, 158);
    -webkit-font-smoothing: antialiased;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-right: 5px;
    -webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99);
    transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99);
    z-index: 10;
    cursor:pointer;
}
.indicators-line > .carousel-indicators li:last-child{
    margin-right: 0;
}
.indicators-line > .carousel-indicators .active{
    margin: 1px 5px 1px 1px;
    box-shadow: 0 0 0 2px #fff;
    background-color: transparent;
    position: relative;
    -webkit-transition: box-shadow 0.3s ease;
    -moz-transition: box-shadow 0.3s ease;
    -o-transition: box-shadow 0.3s ease;
    transition: box-shadow 0.3s ease;
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;

}
.indicators-line > .carousel-indicators .active:before{
    transform: scale(0.5);
    background-color: #fff;
    content:"";
    position: absolute;
    left:-1px;
    top:-1px;
    width:25px;
    height: 25px;
    border-radius: 50%;
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
}


.slide_style_left {
    text-align: left !important;
}
.slide_style_right {
    text-align: right !important;
}
.slide_style_center {
    text-align: center !important;
}

.slide-text {
    left: 0;
    top: 15%;
    right: 0;
    margin: auto;
    padding: 10px;
    position: absolute;
    text-align: left;
    padding: 10px 85px;
    
}

.slide-text > h1 {
    
    padding: 0;
    color: #ffffff;
    font-size: 70px;
    font-style: normal;
    line-height: 84px;
    margin-bottom: 30px;
    letter-spacing: 1px;
    display: inline-block;
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
}
.slide-text > p {
    padding: 0;
    color: #ffffff;
    font-size: 20px;
    line-height: 24px;
    font-weight: 300;
    margin-bottom: 40px;
    letter-spacing: 1px;
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s;
}
.slide-text > a.btn-default{
    color: #000;
    font-weight: 400;
    font-size: 13px;
    line-height: 15px;
    margin-right: 10px;
    text-align: center;
    padding: 17px 30px;
    white-space: nowrap;
    letter-spacing: 1px;
    display: inline-block;
    border: none;
    text-transform: uppercase;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
    transition: background 0.3s ease-in-out, color 0.3s ease-in-out;

}
.slide-text > a.btn-primary{
    color: #ffffff;
    cursor: pointer;
    font-weight: 400;
    font-size: 13px;
    line-height: 15px;
    margin-left: 10px;
    text-align: center;
    padding: 17px 30px;
    white-space: nowrap;
    letter-spacing: 1px;
    background: #00bfff;
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    border: none;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
    transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}
.slide-text > a:hover,
.slide-text > a:active {
    color: #ffffff;
    background: #222222;
    -webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
    transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
}


@media (max-width: 991px) {
    .text-sm-center{text-align: center}
    .top-right {text-align: center;width: 100%;}
    .bs-slider .carousel-inner {height: 100%;}
    .slide-text h1 {
        font-size: 40px;
        line-height: 50px;
        margin-bottom: 20px;
    }
    .slide-text > p {font-size: 18px;}
}


@media  (max-width: 768px) {
    .slide-text {
        padding: 10px 50px;
    }
    .slide-text h1 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 10px;
    }
    .slide-text > p {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 20px;
    }
    .control-round .carousel-control{
        display: none;
    }

}
@media  (max-width: 320px) {
    .slide-text {
        padding: 10px 30px;
    }
    .slide-text h1 {
        font-size: 20px;}}
/* ===== PREMIUM FOOTER (FINAL CLEAN) ===== */

footer.footer-main-premium {
    background: linear-gradient(135deg, #020617, #0f172a);
    color: #fff;
    border-top: 3px solid var(--bs-primary,#f98012);
    
}
footer .spacet40{padding:60px 30px !important;}
/* GRID SPACING */
footer.footer-main-premium .col-md-3 {
    margin-bottom: 50px 25px 0 25px;
}

/* TEXT */
footer.footer-main-premium p {
    font-size: 13px;
    line-height: 1.8;
    color: #cbd5e1;
    margin-bottom: 8px;text-align:justify;
}

/* LINKS */
footer.footer-main-premium a {
    color: #cbd5e1;
    transition: 0.3s;
}

footer.footer-main-premium a:hover {
    color: #ffffff;
    padding-left: 3px;
}

.footer-title {
    font-size: 17px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 20px;
    position: relative;padding-bottom:5px;
}

.footer-title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -6px;
    width: 50px;
    height: 3px;
    background: linear-gradient(90deg, var(--bb-primary,#ff512f), var(--bb-primary-dark,#dd2476));
    border-radius: 3px;
}
/* ABOUT */
.read-more {
    color: #ff4d4d;
    font-size: 13px;
}

.read-more:hover {
    color: #fff;
}

/* QUICK LINKS */
.footer-links {
    padding-left: 0;
}

.footer-links li {
    list-style: none;
    margin-bottom: 8px;
}


/* CONTACT */
.footer-contact {
    padding-left: 0;
}

.footer-contact li {
    list-style: none;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 8px;
}

/* ADMISSION STRIP */
.admission-strip {
    background: linear-gradient(90deg, var(--bs-primary,#f98012), #ff4d4d);
    text-align: center;
    padding: 10px;
    font-weight: 600;
    font-size: 14px;
    color: #fff;
}

.admission-strip a {
    background: #fff;
    color: var(--bs-primary,#f98012);
    padding: 4px 12px;
    border-radius: 20px;
    margin-left: 10px;
    font-size: 13px;
}

/* NEWSLETTER */
.footer-main-premium input {
    width: 100%;
    padding: 7px;
    border: none;
    margin-top: 8px;
    border-radius: 4px;
}

.footer-main-premium button {
    width: 100%;
    margin-top: 5px;
    padding: 7px;
    border: none;
    background: var(--bs-primary,#f98012);
    color: var(--bb-on-primary,#fff);
    border-radius: 4px;
}

/* VISITOR */
.visitor-box {
    margin-top: 12px;
    background: rgba(255,255,255,0.06);
    padding: 8px;
    border-radius: 6px;
    font-size: 13px;
}


/* MOBILE */
@media (max-width: 768px) {
    footer.footer-main-premium {
        text-align: center;
    }

    .footer-title::after {
        left: 50%;
        transform: translateX(-50%);
    }
}
footer.footer-main-premium {
    background: linear-gradient(135deg, #020617, #0f172a) !important;
    color: #fff !important;
}
footer.footer-main-premium .container {
    background: transparent !important;
}
.footer-main-premium button {
    opacity: 1 !important;
    background: var(--bs-primary,#f98012) !important;
    color: var(--bb-on-primary,#fff) !important;
    cursor: pointer;
}
.footer-social a {
    display: inline-block;
    transition: 0.3s;
}

.footer-social a:hover {
    transform: scale(1.2);
    color: #ff4d4d !important;
}
.admission-strip a {
    background: #fff;
    color: var(--bs-primary,#f98012);
    padding: 5px 14px;
    border-radius: 20px;
    font-weight: 600;
}

.admission-strip a:hover {
    background: #000;
    color: #fff;
}
.footer-main-premium {
    box-shadow: 0 -5px 20px rgba(0,0,0,0.4);
}
/* LOGO */
.footer-logo img {
    max-width: 250px;
}

/* SOCIAL ICONS RIGHT SIDE */
.footer-social {
    margin-top: 15px;
}

.footer-social a {
    display: inline-block;
    margin-right: 10px;
    transition: 0.3s;
}

.footer-social a:hover {
    transform: scale(1.2);
    color: #ff4d4d !important;
}
.footer-social ul {
    padding-left: 0;
    margin-top: 10px;
}

.footer-social li {
    list-style: none;
    display: inline-block;
    margin-right: 10px;
}

.footer-social a {
    font-size: 16px;
    color: #ccc;
    transition: 0.3s;
}

.footer-social a:hover {
    color: #ff4d4d;
    transform: scale(1.2);
}
/* ICON SPACING */
.footer-contact i {
    margin-right: 8px;
    color: #ff4d4d;
}
.copy-right {
    background:var(--bs-primary,#f98012);
    border-top: none;
    padding:12px 30px 6px 30px;
    font-size: 13px;
}
.copy-right p {
    margin: 0;
    color: var(--bb-on-primary,#fff);
}

.copy-right a {
    color: var(--bb-on-primary,#fff);
    margin-left: 12px;
    font-size: 13px;
}

.copy-right a:hover {
    text-decoration: underline;
}
.copy-right .row {
    display: flex;
    align-items: center;
}

.copy-right .text-right {
    text-align: right;
}
@media (max-width: 768px) {
    .copy-right .text-left,
    .copy-right .text-right {
        text-align: center !important;
        margin-bottom: 5px;
    }
}
.copy-right a {
    position: relative;
    transition: 0.3s;
}

.copy-right a:hover {
    color: #fff;
    transform: translateY(-1px);
}
.footer-social a {
    margin-right: 12px;
    font-size: 16px;
}
.visitor-box {
    box-shadow: 0 0 10px rgba(255,255,255,0.05);
}
.footer-links li {
    list-style: none;
    margin-bottom: 10px;
}

.footer-links a {
    position: relative;
    padding-left: 18px;
    display: inline-block;
}
.footer-links a {
    color: #ccc;
    transition: 0.3s;
}

.footer-links a:hover {
    color: #fff;
    transform: translateX(5px);
}

.submenu-icon {
    margin-right: 8px;
    color: #ff4d4d;
    font-size: 12px;
}

.footer-links a {
    display: inline-block;
    transition: 0.3s;
}

.footer-links a:hover {
    color: #fff;
    transform: translateX(4px);
}

.footer-links a:hover .submenu-icon {
    color: #fff;
}
.read-more-btn {
    display: inline-block !important;
    margin-top: 10px;
    padding: 8px 16px;
    background: linear-gradient(135deg, var(--bb-primary,#ff512f), var(--bb-primary-dark,#dd2476)) !important;
    color: #fff !important;
    border-radius: 25px;
    text-decoration: none;
}

.read-more-btn:hover {
    background: linear-gradient(135deg, var(--bb-primary-dark,#dd2476), var(--bb-primary,#ff512f)) !important;
    color: #fff !important;
}
.subscribe-success {
    background: rgba(34,197,94,0.15);
    color: #22c55e;
    padding: 10px 14px;
    border-radius: 6px;
    margin-bottom: 10px;
    font-size: 13px;
}
.whatsapp-float {
    position: fixed;
    right: 20px;
    bottom: 25px;

    width: 40px;
    height: 40px;
    background: #25d366;
    color: #fff;
    border-radius: 50%;

    text-align: center;
    font-size: 20px;
    line-height: 60px;

    z-index: 9999;

    display: flex;
    align-items: center;
    justify-content: center;
}
/* Hover */
.whatsapp-float:hover {
    background: #20b358;
    transform: scale(1.1);
    color: #fff;
}

/* Pulse Animation */
.whatsapp-float::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: rgba(37,211,102,0.5);
    animation: pulse 1.8s infinite;
    z-index: -1;
}

@keyframes pulse {
    0% {
        transform: scale(1);
        opacity: 0.8;
    }
    70% {
        transform: scale(1.6);
        opacity: 0;
    }
    100% {
        transform: scale(1.6);
        opacity: 0;
    }
}

.wa-tooltip {
    position: absolute;
    right: 70px;
    top: 50%;
    transform: translateY(-50%);
    
    background: #000;
    color: #fff;
    padding: 6px 10px;
    
    border-radius: 4px;
    font-size: 12px;
    white-space: nowrap;
    
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
}

.whatsapp-float:hover .wa-tooltip {
    opacity: 1;
    visibility: visible;
}

.wa-tooltip::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -5px;
    transform: translateY(-50%);
    
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent #000;
}