:root {
    --burgundy: #7b1e3a;
    --gold: rgb(105 179 254);
    --cream: #fdf7ef;
    --bs-primary: #0d6efd;
    --bs-navbar-active-color: #0d6efd !important;
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: Arial, sans-serif;
}
body{
	font-family: "Rubik", sans-serif !important;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #4b566b;
    text-align: left;
}

/* HERO SECTION */
.hero {
    position: relative;
    height: 100vh;
    overflow: hidden;
}

/* NAVBAR */
.navbar {
    position: fixed;
    top: 0;
    width: 100%;
    /* padding: 20px 50px; */
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 10;
}


.logo {
    height: 60px;
    width: auto;
}

@media (max-width: 768px) {
    .logo {
        height: 60px;
    }
}

.btn:hover {
    color: #fff !important;
    border-radius: 8px;
    padding: 8px 20px;
    box-shadow: 0 .5rem 1.125rem -.5rem rgb(105 179 254 / .9);
    background-color: #69b3fe;
    border-color: #69b3fe;
    background: linear-gradient(-225deg, rgba(82, 113, 196, 0.7) 0%, rgba(177, 159, 255, 0.7) 48%, rgba(236, 161, 254, 0.7) 100%), center / cover no-repeat
    !important;
	text-align: center;
	
}


.nav-links {
    list-style: none;
    display: flex;
    color: var(--bs-primary important);
}
.navbar-nav .nav-link.active, 
.navbar-nav .nav-link.show {
    color: var(--bs-navbar-active-color);
}
.nav-links li {
    margin-left: 25px;
    color: #fff !important;
}

    .nav-links a {
        text-decoration: none;
        color: #fff !important;
        font-size: 16px;

    }

        .nav-links a:hover {
            color: #f4c10f;
        }

/* SLIDER */
.slider {
    position: absolute;
    width: 300%;
    height: 100%;
    display: flex;
    animation: slide 15s infinite;
}


.btn-gold {
    background: var(--gold);
    color: #fff !important;
    border-radius: 8px;
    padding: 8px 20px;
    box-shadow: 0 .5rem 1.125rem -.5rem rgb(105 179 254 / .9);
    background-color: #69b3fe;
    border-color: #69b3fe;
    background: linear-gradient( -225deg, rgba(82, 113, 196, 0.7) 0%, 
	rgba(177, 159, 255, 0.7) 48%, 
	rgba(236, 161, 254, 0.7) 100% ), center / cover no-repeat;
	    text-align: center;
}
.slide {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
}

/* HERO */
/* HERO SLIDER */
.hero-slider {
    width: 100%;
    height: 90vh;
    overflow: hidden;
}

/* COMMON SLIDE STYLE */
.hero-slide {
    height: 90vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    position: relative;
}

/* SLIDE BACKGROUNDS WITH LINEAR GRADIENT */
.slide-1 {
    /* background-image: linear-gradient(-225deg, #5271C4 0%, #B19FFF 48%, #ECA1FE 100%,url("../images/bg1.png") center/cover no-repeat;*/
    background: linear-gradient( -225deg, rgba(82, 113, 196, 0.7) 0%, 
    rgba(177, 159, 255, 0.7) 48%, rgba(236, 161, 254, 0.7) 100% ), 
        url("../images/1.jpg")  
		center / cover no-repeat;
}

.slide-2 {
    background: linear-gradient( -225deg, rgba(82, 113, 196, 0.7) 0%, 
    rgba(177, 159, 255, 0.7) 48%, rgba(236, 161, 254, 0.7) 100% ), 
        url("../images/1.jpg")   center / cover no-repeat;
}

.slide-3 {
    background: linear-gradient( -225deg, rgba(82, 113, 196, 0.7) 0%, 
    rgba(177, 159, 255, 0.7) 48%, rgba(236, 161, 254, 0.7) 100% ), 
        url("../images/3.jpg") center / cover no-repeat;
}

.slide-4 {
    background: linear-gradient( -225deg, rgba(82, 113, 196, 0.7) 0%, 
    rgba(177, 159, 255, 0.7) 48%, rgba(236, 161, 254, 0.7) 100% ), 
        url("../images/4.jpeg") center / cover no-repeat;
}
.slide-5 {
    background: linear-gradient( -225deg, rgba(82, 113, 196, 0.7) 0%, 
    rgba(177, 159, 255, 0.7) 48%, rgba(236, 161, 254, 0.7) 100% ), 
        url("../images/5.jpg") center / cover no-repeat;
}

/* HERO CONTENT */
.hero-content {
    max-width: 850px;
    padding: 20px;
    animation: fadeUp 1s ease;
}

    .hero-content h1 {
        font-size: 3rem;
        font-weight: 700;
        margin-bottom: 15px;
    }

    .hero-content p {
        font-size: 1.2rem;
        opacity: 0.9;
    }

/* TEXT ANIMATION */
@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

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

    .hero-slider,
    .hero-slide {
        height: auto;
        min-height: 120vh;
    }

    .hero-slide {
        padding: 120px 20px;
    }

    .hero-content h1 {
        font-size: 1.8rem;
    }

    .hero-content p {
        font-size: 1rem;
    }
}



/* SECTIONS */
.section {
    padding: 80px 0;
    /* background-image: linear-gradient(-225deg, #7085B6 0%, #87A7D9 50%, #DEF3F8 100%); */
    box-shadow: 0 .5rem 1.125rem -.5rem rgb(105 179 254 / .9);
    border: 1px solid #fff0;
}
@media (max-width: 768px) {
 
}

@media (max-width: 992px) {
    .hero-slider {
        height: 120vh;
        min-height: 400px;
    }
}

    /* background-image: linear-gradient(-225deg, #A8BFFF 0%, #884D80 100%);*/
     /* background-image: linear-gradient(-225deg, #7085B6 0%, #87A7D9 50%, #DEF3F8 100%); */
    box-shadow: 0 .5rem 1.125rem -.5rem rgb(105 179 254 / .9);
    border: 1px solid #fff0;
}

.section-alt {
    background: white;
    background-image: linear-gradient(-225deg, #e9f0f1 0%, #f9f3f8 100%);
    /* background-image: linear-gradient(-225deg, #A8BFFF 0%, #884D80 100%);*/
    /* background-image: linear-gradient(-225deg, #7085B6 0%, #87A7D9 50%, #DEF3F8 100%);*/
    box-shadow: 0 .5rem 1.125rem -.5rem rgb(105 179 254 / .9);
    border: 1px solid #fff0;
}

.section-title {
    color: #9ea7e5;
    font-weight: bold;
}

/* SERVICES */
.service-card {
    background: white;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
    transition: transform 0.3s;
}

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

/* STATS */
.stats-box {
    display: flex;
    justify-content: space-around;
}

    .stats-box strong {
        font-size: 2rem;
        color: var(--burgundy);
    }

    .stats-box span {
        display: block;
        font-size: 0.9rem;
    }
.section-count {
    padding: 80px 0;
    background: linear-gradient(rgb(203 227 197 / 95%), rgb(49 153 153 / 95%));
    color: #fff;
}

.count-box {
    padding: 40px 20px;
    border-radius: 15px;
    transition: all 0.3s ease;
}

  

    .count-box h2 {
        font-size: 2.8rem;
        font-weight: 700;
        margin-bottom: 10px;
    }

    .count-box p {
        font-size: 1.1rem;
        opacity: 0.9;
    }

    /* Hover Effect */
    .count-box:hover {
        transform: translateY(-10px);
    }

        .count-box:hover i {
            transform: scale(1.2);
        }


/* FOOTER */
.footer-section {
    background: #222;
    color: #aaa !important;
    padding: 70px 0 30px;
}

    .footer-section h4 {
        color: #fff !important;
        font-weight: 600;
        margin-bottom: 15px;
    }

    .footer-section p {
        color: #aaa !important;
        line-height: 1.7;
        color: #f5eede;
    }

/* MAP */
.map-wrapper {
    width: 100%;
    height: 280px;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 15px 35px rgba(0,0,0,0.35);
}

    .map-wrapper iframe {
        width: 100%;
        height: 100%;
        border: 0;
    }

/* FOOTER BOTTOM */
.footer-section hr {
    border-color: rgba(255,255,255,0.2);
    margin: 30px 0 15px;
}
strong {
    color: #aaa !important;
}

.footer-section .copyright {
    font-size: 0.9rem;
    color: #f0e6d2;
}

/* MOBILE */
@media (max-width: 768px) {
    .footer-section {
        text-align: center;
    }
	   .section {
        padding: 5px 0;
    }
	 .hero-slider {
        height: 120vh;
        min-height: 400px;
    }
}


/* ===== Navbar Hover Dropdown ===== */
.dropdown:hover > .dropdown-menu {
    display: block;
}

.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu .dropdown-menu {
        top: 0;
        left: 100%;
        margin-left: .1rem;
        display: none;
    }

    .dropdown-submenu:hover .dropdown-menu {
        display: block;
    }
/* ===== hero slider ===== */


.hero-slider {
    height: 90vh;
}

.hero-slide {
   }
/* ===== number counter ===== */
.section-count {
    padding: 90px 0;
    /* background: linear-gradient(rgb(203 227 197 / 95%), rgb(49 153 153 / 95%)); */
    color: #fff;
	
   
   background: linear-gradient(
  to right bottom,
  rgb(235, 189, 254),
  rgb(217, 185, 252),
  rgb(198, 181, 249),
  rgb(179, 177, 245),
  rgb(160, 173, 240),
  rgb(156, 172, 239),
  rgb(152, 172, 237),
  rgb(148, 171, 236),
  rgb(158, 174, 239),
  rgb(168, 176, 242),
  rgb(177, 178, 245),
  rgb(187, 181, 247)
);
}

.count-box {
    padding: 40px 20px;
    border-radius: 15px;
    transition: all 0.4s ease;
}

    .count-box i {
        font-size: 55px;
        color: #2a35a7;
        margin-bottom: 20px;
        animation: iconFloat 3s infinite ease-in-out;
    }

    .count-box h2 {
        font-size: 3rem;
        font-weight: 700;
        margin-bottom: 10px;
    }

    .count-box p {
        font-size: 1.1rem;
        opacity: 0.9;
    }

    .count-box:hover {
        transform: translateY(-12px);
    }

@keyframes iconFloat {
    0%,100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-8px);
    }
}



/* VIDEO WRAPPER */
.video-wrapper {
    position: relative;
    max-width: 100%;
}

video {
    width: 100%;
    border-radius: 14px;
    box-shadow: 0 18px 45px rgba(0,0,0,0.35);
}

/* PLAY BUTTON */
.play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 85px;
    height: 85px;
    background: rgba(212, 175, 55, 0.95);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

    .play-btn:hover {
        transform: translate(-50%, -50%) scale(1.1);
        box-shadow: 0 0 30px rgba(212, 175, 55, 0.9);
    }

    /* PLAY ICON */
    .play-btn::before {
        content: "";
        border-style: solid;
        border-width: 16px 0 16px 26px;
        border-color: transparent transparent transparent white;
        margin-left: 5px;
    }

    /* PAUSE ICON */
    .play-btn.pause::before {
        content: "";
        width: 22px;
        height: 26px;
        border-left: 6px solid white;
        border-right: 6px solid white;
        margin-left: 0;
    }

/* MOBILE FIX */
@media (max-width: 768px) {
    .about-section {
        text-align: center;
    }
}


/* ABOUT SECTION */
.about-section {
    padding: 10px 0;
    background: #fdf8f5;
}

.section-title {
    font-size: 36px;
    font-weight: 700;
    color: #a4aae8;
}

    .section-title span {
        color: #c9a227;
    }

.about-text {
    line-height: 1.8;
    color: #444;
    margin-top: 20px;
}

.about-img {
    border-radius: 15px;
    box-shadow: 0 15px 35px rgba(0,0,0,0.1);
}
.box {
background-color: #ffffff; /* White background */
border: 1px solid #ccc; /* Subtle border */
border-radius: 8px; /* Rounded corners for a softer look */
/* The 'box effect' - adding a shadow for depth */
box-}shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
}