:root {
    --primary: #F3BD00;
    --secondary: #757575;
    --light: #F3F6F8;
    --dark: #0C2B4B;
}

.py-6 {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.my-6 {
    margin-top: 6rem;
}

.back-to-top {
    position: fixed;
    display: none;
    right: 30px;
    bottom: 30px;
    z-index: 99;
}



/* =========================
   Spinner
========================= */

#spinner{
    z-index:99999;
}

/* =========================
   TOP LOGO SECTION
========================= */

.top-logo{
    background:
    linear-gradient(
    135deg,
    #5a0b1d 0%,
    #7b1029 45%,
    #f4c430 100%
    );

    padding:15px 10px;

    box-shadow:
    0 10px 30px rgba(0,0,0,0.25);

    position:relative;
    overflow:hidden;
}

/* Glow Effect */

.top-logo::before{
    content:'';

    position:absolute;

    width:300px;
    height:300px;

    background:rgba(255,255,255,0.08);

    border-radius:50%;

    top:-100px;
    left:-100px;

    filter:blur(20px);
}

/* Logo Image */

.top-logo img{

    max-width:100%;
    height:auto;

    max-height:220px;

    object-fit:contain;

    transition:0.5s ease;

    filter:
    drop-shadow(0 10px 20px rgba(0,0,0,0.35));
}

/* Hover Effect */

.top-logo img:hover{

    transform:
    scale(1.03)
    rotateX(5deg);

}

/* =========================
   NAVBAR
========================= */

.custom-navbar{

    background:
    linear-gradient(
    90deg,
    #5a0b1d 0%,
    #7b1029 50%,
    #f4c430 100%
    );

    backdrop-filter:blur(10px);

    box-shadow:
    0 10px 25px rgba(0,0,0,0.25),
    inset 0 1px 1px rgba(255,255,255,0.15);

    padding:8px 0;

    border-top:1px solid rgba(255,255,255,0.1);

    border-bottom:1px solid rgba(255,255,255,0.2);

    z-index:999;
}

/* Navbar Links */

.custom-navbar .nav-link{

    color:#fff !important;

    font-weight:600;

    font-size:15px;

    padding:12px 18px !important;

    margin:0 4px;

    border-radius:14px;

    transition:all 0.4s ease;

    position:relative;

    letter-spacing:0.5px;
}

/* Hover */

.custom-navbar .nav-link:hover{

    background:rgba(255,255,255,0.15);

    transform:
    translateY(-4px)
    scale(1.05);

    box-shadow:
    0 10px 20px rgba(0,0,0,0.25);

    color:#fff !important;
}

/* Active */

.custom-navbar .nav-link.active{

    background:rgba(255,255,255,0.18);

    box-shadow:
    0 5px 15px rgba(0,0,0,0.2);
}

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

.dropdown-menu{

    border:none;

    border-radius:18px;

    padding:12px;

    background:
    linear-gradient(
    135deg,
    #ffffff,
    #fff7dc
    );

    box-shadow:
    0 20px 40px rgba(0,0,0,0.18);

    animation:fadeDown 0.4s ease;
}

/* Dropdown Item */

.dropdown-item{

    border-radius:12px;

    padding:10px 15px;

    font-weight:500;

    transition:0.3s ease;
}

.dropdown-item:hover{

    background:
    linear-gradient(
    90deg,
    #7b1029,
    #f4c430
    );

    color:#fff;

    transform:translateX(5px);
}

/* =========================
   SOCIAL ICONS
========================= */

.social-icon img{

    height:34px;
    width:34px;

    border-radius:10px;

    transition:0.4s ease;

    background:#fff;

    padding:3px;
}

/* Hover */

.social-icon img:hover{

    transform:
    rotate(5deg)
    scale(1.15);

    box-shadow:
    0 10px 25px rgba(0,0,0,0.35);
}

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

@media(max-width:991px){

    .top-logo img{

        max-height:120px;
    }

    .custom-navbar{

        padding:12px;
    }

    .custom-navbar .nav-link{

        margin-bottom:8px;

        text-align:center;
    }

    .dropdown-menu{

        background:#fff;

        border-radius:12px;
    }

}

/* =========================
   ANIMATION
========================= */

@keyframes fadeDown{

    from{

        opacity:0;
        transform:translateY(-15px);
    }

    to{

        opacity:1;
        transform:translateY(0px);
    }

}


/* =========================
   FOOTER
========================= */

.main-footer{

    background:
    linear-gradient(
    135deg,
    #4d0818 0%,
    #7b1029 45%,
    #f4c430 100%
    );

    position:relative;

    overflow:hidden;

    color:#fff;

    padding-top:60px;

    box-shadow:
    0 -10px 30px rgba(0,0,0,0.25);
}

/* Glow Effect */

.main-footer::before{

    content:'';

    position:absolute;

    width:350px;
    height:350px;

    background:rgba(255,255,255,0.05);

    border-radius:50%;

    top:-120px;
    right:-120px;

    filter:blur(20px);
}

/* Footer Headings */

.footer-title{

    font-size:22px;

    font-weight:700;

    margin-bottom:25px;

    color:#fff;
}

/* Footer Text */

.footer-text{

    color:#f1f1f1;

    line-height:28px;

    font-size:15px;
}

/* Footer Links */

.footer-links a{

    display:block;

    color:#fff;

    text-decoration:none;

    margin-bottom:12px;

    transition:0.4s ease;

    font-weight:500;
}

.footer-links a:hover{

    transform:translateX(8px);

    color:#ffe066;
}

/* Contact */

.footer-contact p{

    margin-bottom:14px;

    display:flex;

    align-items:center;

    gap:10px;

    color:#fff;
}

/* Social Icons */

.footer-social a{

    width:45px;
    height:45px;

    display:inline-flex;

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

    border-radius:50%;

    background:rgba(255,255,255,0.15);

    margin-right:10px;

    color:#fff;

    font-size:18px;

    transition:0.4s ease;

    text-decoration:none;
}

.footer-social a:hover{

    transform:
    translateY(-5px)
    scale(1.1);

    background:#fff;

    color:#7b1029;

    box-shadow:
    0 10px 20px rgba(0,0,0,0.3);
}

/* Bottom Footer */

.footer-bottom{

    border-top:1px solid rgba(255,255,255,0.15);

    margin-top:40px;

    padding:18px 0;

    font-size:14px;
}

.footer-bottom a{

    color:#fff;

    text-decoration:none;

    font-weight:600;
}

.footer-bottom a:hover{

    color:#ffe066;
}

/* Back To Top */

.back-to-top{

    position:fixed;

    right:25px;
    bottom:25px;

    width:50px;
    height:50px;

    border-radius:50%;

    background:
    linear-gradient(
    135deg,
    #7b1029,
    #f4c430
    );

    border:none;

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

    box-shadow:
    0 10px 25px rgba(0,0,0,0.3);

    z-index:999;

    transition:0.4s ease;
}

.back-to-top:hover{

    transform:
    translateY(-5px)
    scale(1.1);
}

/* Mobile */

@media(max-width:991px){

    .main-footer{

        text-align:center;
    }

    .footer-contact p{

        justify-content:center;
    }

    .footer-social{

        margin-bottom:20px;
    }

}


/* =========================
   HERO CAROUSEL
========================= */

#header-carousel .carousel-item img{

    height:650px;

    object-fit:cover;

    border-radius:0 0 30px 30px;

    filter:brightness(75%);
}

/* Overlay */

.carousel-caption{

    display:flex;

    align-items:center;

    justify-content:center;

    height:100%;
}

/* =========================
   FACT BOXES
========================= */

.facts .bg-white{

    border-radius:25px;

    transition:0.5s ease;

    border:none;

    overflow:hidden;

    background:
    linear-gradient(
    145deg,
    #ffffff,
    #f3f3f3
    );

    box-shadow:
    0 15px 35px rgba(0,0,0,0.08);
}

.facts .bg-white:hover{

    transform:
    translateY(-10px)
    scale(1.02);

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

/* Icon Box */

.btn-lg-square,
.btn-square{

    border-radius:18px !important;

    background:
    linear-gradient(
    135deg,
    #7b1029,
    #f4c430
    ) !important;

    box-shadow:
    0 10px 25px rgba(0,0,0,0.2);
}

/* =========================
   WHY SECTION
========================= */

.feature-card{

    background:#fff;

    border-radius:22px;

    padding:25px;

    transition:0.5s ease;

    height:100%;

    box-shadow:
    0 10px 30px rgba(0,0,0,0.08);
}

.feature-card:hover{

    transform:
    translateY(-10px);

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

/* =========================
   IMAGES
========================= */

.modern-image{

    border-radius:25px;

    overflow:hidden;

    box-shadow:
    0 20px 40px rgba(0,0,0,0.2);

    transition:0.5s ease;
}

.modern-image:hover{

    transform:
    scale(1.03)
    rotate(1deg);
}

.modern-image img{

    width:100%;
}

/* =========================
   CHAIRMAN SECTION
========================= */

.chairman-section{

    background:
    linear-gradient(
    135deg,
    #fff,
    #fff8e7
    );

    border-radius:30px;

    padding:40px;

    box-shadow:
    0 15px 40px rgba(0,0,0,0.08);
}

/* =========================
   HEADINGS
========================= */

.section-title{

    color:#7b1029;

    font-weight:700;

    margin-bottom:25px;
}

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

@media(max-width:991px){

    #header-carousel .carousel-item img{

        height:300px;
    }

    .chairman-section{

        padding:20px;
    }

}