/* ================================
   MAIN NAVBAR ACTIVE → PINK
================================ */
.main-menu .nav-link.active,
.nav-item.submenu.active > a.nav-link {
    color: var(--accent-color) !important;   /* Pink */
}

/* Hover भी pink रहे */
.navbar-nav .nav-link:hover {
    color: #f29ab9 !important;
}

/* ================================
   DROPDOWN (SUBMENU) ACTIVE → BLUE
================================ */
.submenu ul .nav-link.active {
    color:var(--primary-color) !important;   /* Blue (#007bff Bootstrap blue) */
}

/* Dropdown hover color normal ही रहे */
.submenu ul .nav-link:hover {
    color: var(--primary-color) !important;
}





/* Header */
.banner-header{
    background:transparent;
    padding:20px;
}
.banner-header h1 {
    color: #ffff;
    font-size: 59px;
    font-weight: 700;
    margin: 0;
}
.banner-header h2{
    
    color:#f29ab9;
    padding:10px 0;
    font-size:36px;
    margin-top:10px;
}

/* Carousel Section */
.services-section {
    width: 90%;
    margin: 40px auto;
}

.service-box {
    background: #f29ab9;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 6px rgba(0,0,0,0.2);
    text-align: center;

    /* Fix equal height */
    height: 260px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

/* ---- FIXED IMAGE (Round + Same Size + Cover) ---- */
.service-box img {
    width: 100px !important;          /* bigger and same size */
    height: 100px;
    border-radius: 50%;    /* round */
    object-fit: cover;     /* image cover crop */
    margin-bottom: 12px;
}

/* Title */
.service-box h3 {
    font-size: 18px;
    margin: 8px 0 5px 0;
}

/* Description */
.service-box p {
    font-size: 14px;
    color: #444;
    padding: 0 10px;
}

/* Contact Box */
.contact-box {
    background: #00a9a5;
    color: #fff;
    padding: 15px;
    font-size: 24px;
    font-weight: bold;
    margin-top: 30px;
}