:root {
    --primary-color: #2c3e50;
    --secondary-color: #d6091d;
    --accent-color: #3498db;
    --light-color: #f9f9f9;
    --dark-color: #2c3e50;
    --theme: #00c6ff;
    --theme: #6a1b9a;
}


/* =====  SLIDER CSS START ===== */

.hero-slider {
    position: relative;
    overflow: hidden;
    border-radius: 0 0 15px 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.hero-slide {
    height: 85vh;
    min-height: 600px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    transition: transform 0.8s ease;
}

.hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

.hero-content {
    padding: 30px;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    max-width: 550px;
    animation: fadeInUp 0.8s ease-out;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

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

.animate-title {
    font-size: 2.8rem;
    font-weight: 700;
    color: var(--primary-color);
    margin-bottom: 20px;
    line-height: 1.2;
}

.animate-text {
    font-size: 1.2rem;
    color: #555;
    margin-bottom: 30px;
    line-height: 1.6;
}

.hero-btns .btn {
    padding: 12px 30px;
    border-radius: 50px;
    font-weight: 600;
    font-size: 1.1rem;
    transition: all 0.3s ease;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.btnWhite {
    background-color: white;
    color: var(--primary-color);
    border: 2px solid white;
}

.btnWhite:hover {
    background-color: transparent;
    color: white;
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

/* Carousel Controls */
.carousel-control-prev,
.carousel-control-next {
    width: 70px;
    height: 70px;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0.8;
    transition: all 0.3s ease;
}

.carousel-control-prev {
    left: 30px;
}

.carousel-control-next {
    right: 30px;
}

.carousel-control-prev:hover,
.carousel-control-next:hover {
    background-color: white;
    opacity: 1;
    transform: translateY(-50%) scale(1.1);
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    width: 30px;
    height: 30px;
    background-size: 100%, 100%;
    background-color: var(--third-light);
    border-radius: 50%;
}

#heroCarousel .carousel-control-prev,
#heroCarousel .carousel-control-next {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease;
}

#heroCarousel:hover .carousel-control-prev,
#heroCarousel:hover .carousel-control-next {
    opacity: 1;
    visibility: visible;
}


/* Thumbnail Navigation */
.thumbnail-container {
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 100%;
    z-index: 10;
    display: flex;
    justify-content: center;
    padding: 0 20px;
}

.thumbnail-nav {
    display: flex;
    gap: 15px;
    background-color: rgba(255, 255, 255, 0.85);
    padding: 15px 25px;
    border-radius: 50px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
    max-width: 90%;
    overflow-x: auto;
}

.thumbnail-item {
    width: 80px;
    height: 60px;
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
    opacity: 0.7;
    transition: all 0.3s ease;
    border: 3px solid transparent;
    flex-shrink: 0;
    border-color: #e47c7cf5;
}

.thumbnail-item:hover {
    opacity: 0.9;
    transform: translateY(-3px);
}

.thumbnail-item.active {
    opacity: 1;
    border-color: var(--secondary-color);
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(231, 76, 60, 0.4);
}

.thumbnail-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Progress Indicator */
.carousel-progress {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background-color: rgba(255, 255, 255, 0.3);
    z-index: 11;
}

.progress-bar {
    height: 100%;
    background-color: var(--secondary-color);
    width: 0%;
    transition: width 0.1s linear;
}

/* Responsive Styles */
@media (max-width: 992px) {
    .hero-slide {
        height: 70vh;
        min-height: 500px;
    }

    .animate-title {
        font-size: 2.2rem;
    }

    .animate-text {
        font-size: 1.1rem;
    }

    .carousel-control-prev,
    .carousel-control-next {
        width: 60px;
        height: 60px;
    }


    .thumbnail-container {
        position: none;

        display: none;

    }

    .control-btn {

        display: none !important;

    }

}

@media (max-width: 768px) {
    .hero-slide {
        height: 60vh;
        min-height: 400px;
    }

    .hero-content {
        padding: 20px;
        max-width: 90%;
        margin: 0 auto;
    }

    .animate-title {
        font-size: 1.8rem;
    }

    .hero-btns .btn {
        padding: 10px 20px;
        font-size: 1rem;
        display: block;
        width: 100%;
        margin-bottom: 10px;
    }

    .hero-btns .ml-3 {
        margin-left: 0 !important;
    }

    .carousel-control-prev,
    .carousel-control-next {
        width: 50px;
        height: 50px;
    }

    .carousel-control-prev {
        left: 10px;
    }

    .carousel-control-next {
        right: 10px;
    }

    .thumbnail-nav {
        padding: 10px 15px;
        border-radius: 30px;
    }

    .thumbnail-item {
        width: 70px;
        height: 50px;
    }
}

@media (max-width: 576px) {
    .hero-slide {
        height: 50vh;
        min-height: 350px;
    }

    .animate-title {
        font-size: 1.5rem;
    }

    .thumbnail-nav {
        padding: 8px 12px;
        gap: 10px;
    }

    .thumbnail-item {
        width: 60px;
        height: 45px;
    }
}

.menu-gap {
    padding-left: 5px;
    padding-right: 5px;
}

.stat-item {
    background-color: var(--light-color);
    padding: 25px 20px;
    border-radius: 10px;
    min-width: 180px;
    box-shadow: 0 5px 15px rgb(169 61 61 / 50%);
    transition: transform 0.3s ease;
}

.stat-item:hover {
    transform: translateY(-10px);
}

.stat-number {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--secondary-color);
    margin-bottom: 10px;
}

.stat-label {
    color: var(--primary-color);
    font-size: 1.1rem;
    font-weight: 600;
}

/* Auto-play controls */
.play-controls {
    position: absolute;
    bottom: 120px;
    right: 30px;
    z-index: 12;
    display: flex;
    gap: 10px;
}

.control-btn {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.9);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
}

.control-btn:hover {
    background-color: white;
    transform: scale(1.1);
}

.control-btn i {
    color: #d6091d;
    ;
    font-size: 1.2rem;
}

@media (max-width: 768px) {
    .play-controls {
        bottom: 100px;
        right: 15px;
    }
}


/* ===== Show Prev/Next only on hover ===== */
/* Default hide */
.hero-slider .carousel-control-prev,
.hero-slider .carousel-control-next {
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

/* Show on slider hover */
.hero-slider:hover .carousel-control-prev,
.hero-slider:hover .carousel-control-next {
    opacity: 1;
    visibility: visible;
}

/* =====  SLIDER CSS END ===== */

.hero-slider {
    position: relative;
    overflow: hidden;
}

.hero-slide {
    height: 85vh;
}

.hero-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/************ ===== THUMBNAILS start ===== *********/

/* Header base */
.headerAvalon {
    position: sticky;
    top: 0;
    z-index: 999;
    transition: transform 0.35s ease;
    will-change: transform;
}

/* Hide state */
.header-hide {
    transform: translateY(-100%);
}








/*************************** About   Styles    ************************ */
.welcomebg {
    /* background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); */
    padding: 10px 0px;
    /* font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; */
}

.main1 {
    /* background: linear-gradient(to right, #4f1457, #4f1457); */
    /* background: linear-gradient(to right, #965482, #a35fa0); */
    background: linear-gradient(to right, #ff006a, #FF9800);
    color: white;
    padding: 25px;
    border-radius: 10px;
    margin-bottom: 40px;
    text-align: center;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.heading2 {
    font-weight: 700;
    font-size: 2.2rem;
    margin-bottom: 0;
    color: white;
}

.linehr {
    position: relative;
    margin-bottom: 25px;
    color: #1a237e;
}



.linehr:after {
    content: '';
    position: absolute;
    top: 50%;
    width: 100%;
    height: 2px;
    background: linear-gradient(to right, #1a237e, #283593);
    z-index: -1;
    left: 0;
}

.texthome {
    /* line-height: 1.7; */
    color: #444;
    text-align: justify;
}

.read-more {
    display: inline-block;
    background: linear-gradient(to right, #E91E63, #79032b);
    color: white;
    padding: 10px 20px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s;
}

.read-more:hover {
    background: linear-gradient(to right, #073e42, #093a42);
    color: white;
    text-decoration: none;
    transform: translateY(-3px);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}

/* "We are Proud of" section */
.text-praude {
    color: #1a237e;
}

.points {
    margin-bottom: 15px;
    padding: 15px;
    border-radius: 8px;
    transition: all 0.3s;
    background-color: white;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
}

.points:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.icon1 {
    width: 40px;
    height: 40px;
}

.icon3 {
    color: #3949ab;
    font-size: 1.2rem;
}

/* Admission Form Section */
.admissionLayoutOuter {
    padding: 0 15px;
}

.admissionLayout {
    background: linear-gradient(to bottom, #ffffff, #f8f9fa);
    border-radius: 10px;
    padding: 15px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    border-top: 5px solid #d32f2f;
}

.admissionLayoutTitle {
    color: #1a237e;
    font-size: 1.4rem;
    font-weight: 700;
    text-align: center;
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 2px solid #f0f0f0;
}

.admissionLayoutTitle b {
    color: #d32f2f;
}

.form-control {
    border-radius: 5px;
    border: 1px solid #ddd;
    padding: 2px 15px;
    margin-bottom: 15px;
    transition: all 0.3s;
}

.form-control:focus {
    border-color: #3949ab;
    box-shadow: 0 0 0 0.25rem rgba(57, 73, 171, 0.25);
}

.input-group-addon {
    background-color: #1a237e;
    color: white;
    border: none;
}

.btn-danger {
    background: linear-gradient(to right, #E91E63, #79032b);
    border: none;
    border-radius: 5px;
    padding: 12px 25px;
    font-weight: 600;
    width: 100%;
    transition: all 0.3s;
}

.btn-danger:hover {
    background: linear-gradient(to right, #063a36, #06423f);
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(211, 47, 47, 0.3);
}

#mainCaptcha {
    background-color: #f8f9fa;
    font-size: 1.2rem;
    letter-spacing: 3px;
    text-align: center;
    font-weight: bold;
    color: #1a237e;
}

/* Responsive adjustments */
@media (max-width: 992px) {

    .col-lg-4,
    .col-lg-5,
    .col-lg-3 {
        margin-bottom: 30px;
    }

    .heading2 {
        font-size: 1.1rem;
    }

    .mobile-font-style {


        font-size: 30px !important;


    }
}


@media (max-width: 768px) {
    .welcomebg {
        padding: 20px 0;
    }

    .heading2 {
        font-size: 1.1rem;
    }

    .points {
        padding: 10px;
    }
}








/* Color coding for sections */
.about-section {
    border-left: 5px solid #1a237e;
    padding-left: 20px;
}

.proud-section {
    border-left: 5px solid #388e3c;
    padding-left: 20px;
}

.admission-section {
    border-left: 5px solid #d32f2f;
    padding-left: 20px;
}




/*************************** About  End    ************************ */



.proud-list {
    display: flex;
    flex-direction: column;
    gap: 23px;
}

/* each item */
.proud-item {
    display: flex;
    align-items: flex-start;
    gap: 2px;

    padding: 10px 12px;
    text-align: justify;
    /* border-radius: 10px; */
    background: #ffffff;
    box-shadow: 1px 1px 5px 5px rgba(100, 35, 35, 0.575);
    box-shadow: 0 5px 15px rgb(169 61 61 / 50%);
    transition: transform 0.3s ease;
    transition: 0.3s;
}

/* hover effect */
.proud-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.15);
    /* box-shadow: 1px 1px 5px 5px rgba(192, 72, 2, 0.884); */
}

/* icon circle */
.proud-item .icon {
    min-width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #953888;
    color: #fff;
    font-size: 18px;
}

/* text */
.proud-item p {
    margin: 0;
    font-size: 15.5px;
    color: #042849;
    font-weight: 450;
    /* line-height: 1.2; */
}



.mvm-about-card {
    background: #ffffff;
    padding: 15px;
    border-radius: 12px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
    color: #074e42;
    transition: all 0.3s ease;
}



/* Title */
.mvm-about-title span {
    font-family: 'Playfair Display', serif;
    font-size: 32px;
    font-weight: 800;
    color: #1a237e;
}

/* Paragraph */
.texthome {
    font-family: 'Libre Baskerville', serif;
    font-size: 14px;
    line-height: 20px;
    /* color: #042849;    */

    color: var(--text-color);
    font-weight: 500;
    margin-bottom: 15px;
}


/* Responsive adjustments */
@media (max-width: 992px) {
    .mobile-font-style {
        font-size: 30px !important;
    }

}

.heading-3d-box h2 {
    text-transform: uppercase;
}

.about .row {
    display: flex;
    flex-wrap: wrap;
}

.about .row>div {
    display: flex;
}

.about .admissionLayout {
    width: 100%;
}


/* *******************  MVMs at a Glance .count section Start  ************************* */

/* section bg */
.glancebg {
    padding: 20px 0 !important;
    background: url('/images/maharishi-bliss-residency-mbr.jpg') !important;

}

/* heading bg */
.main2 {
    /* background: linear-gradient(to right, #965482, #a35fa0) !important; */
    background: linear-gradient(to right, #4f1457, #4f1457);
    border-radius: 10px !important;
    padding-top: 10px !important;
    max-width: 1150px !important;
    margin: -10px auto;
}

.glancebg2 {
    margin-top: -30px;
    /* value adjust कर सकते हो */
    position: relative;
    z-index: 5;
}

/* counter box */
.glance-box {
    background-size: cover !important;
    background-position: center !important;
    border-radius: 12px !important;
    padding: 25px 10px !important;
    position: relative !important;
    overflow: hidden !important;
    color: #fff !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) !important;
    transition: transform .3s ease, box-shadow .3s ease !important;
}

/* overlay */
.glance-box::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: rgba(0, 0, 0, 0.55) !important;
}

.glance-box * {
    position: relative !important;
    z-index: 2 !important;
}

.glance-box:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2) !important;
}

/* counter */
.counter {
    font-weight: 900 !important;
}

.text3 {
    margin-top: 5px !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
}

.counter-value-my::after {
    content: "+";
}





.glance-heading-wrap {
    text-align: center;
    margin: 40px 0;
}

.glance-heading {
    display: inline-block;
    background: var(--theme);
    color: #fff;
    padding: 12px 30px;
    font-size: 22px;
    font-weight: 800;
    border-radius: 50px;
    letter-spacing: 1px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .15);
}



.mvm-counter-section {
    padding: 70px 15px;
    background: #f4f6fb00;
}

.counter-title {
    text-align: center;
    margin-bottom: 45px;
}

.counter-title h1 {
    font-size: 60px;
    margin: 0;
    color: #ff0800;
    font-weight: 900;
}

.counter-title h2 {
    font-size: 18px;
    margin-top: 10px;
    color: #222;
    font-weight: 700;
}

/* grid */
.counter-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 25px;
}

/* card */
.counter-card {
    background: #ffffff;
    border-radius: 16px;
    padding: 35px 15px;
    text-align: center;
    transition: .3s;
    box-shadow: 0 10px 25px rgba(0, 0, 0, .12);
    border: 1px solid #eee;
}

/* hover sirf lift kare, color change nahi */
.counter-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 45px rgba(0, 0, 0, .18);
}

/* NUMBER – ALWAYS STRONG */
.counter-number {
    font-size: 34px;
    font-weight: 900;
    color: var(--theme);
    margin-bottom: 10px;
    opacity: 1;
    /* important */
    visibility: visible;
    /* important */
}

/* label */
.counter-text {
    font-weight: 700;
    color: #FF5722;
    letter-spacing: 1px;
    opacity: 1;
    font-size: x-large;
}



/* Heading */
.custom-heading {
    text-align: center;
    margin-bottom: 4px !important;
    /* 👈 gap kam kiya */
}

/* Divider */
.custom-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    /* 👈 star aur line ke beech gap */
    margin-top: 0;
    /* 👈 extra gap hata diya */
}

/* Line */
.custom-line {
    height: 4px;
    width: 120px;
    background: linear-gradient(to right,
        rgba(128, 0, 64, 0.2),
        rgba(128, 0, 64, 1),
        rgba(128, 0, 64, 0.2));
    border-radius: 5px;
}

/* Star */
.custom-divider i {
    color: #800040;
    font-size: 14px;
}




/* *******************  MVMs at a Glance .count section    ************************* */


/* ================= PANEL BASE ================= */
.panel {
    background: #fff;
    border-radius: 14px;
    border: none;
    padding: 15px;
    margin-bottom: 20px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    transition: .3s;
}

.panel:hover {
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
    transform: translateY(-3px);
}

/* ================= TITLE TEXT ================= */
.text-Light {
    text-align: center;
    font-weight: 600;
    color: #2c5aa0;
    font-size: 16px;
    margin-bottom: 15px;
}

/* ================= FORM INLINE ================= */
#indexForm {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: nowrap;
}

#indexForm .col-lg-5,
#indexForm .col-lg-2 {
    padding: 0;
    margin: 0;
    flex: 1;
}

/* ================= SELECT ================= */
#indexForm select {
    height: 38px;
    border-radius: 8px;
    border: 1px solid #ddd;
    transition: .3s;
}

#indexForm select:focus {
    border-color: #2c5aa0;
    box-shadow: 0 0 8px rgba(44, 90, 160, 0.4);
}

/* ================= GO BUTTON ================= */
#indexForm .btn-primary {
    height: 38px;
    border: none;
    border-radius: 25px;
    font-weight: 600;
    background: linear-gradient(45deg, #2c5aa0, #00c6ff);
    transition: .4s;
}

#indexForm .btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

/* ================= MAP ================= */
#zoom_mw {
    width: 100%;
    max-height: 220px;
    object-fit: cover;
    border-radius: 12px;
    margin-top: 12px;
    transition: .4s;
}

#zoom_mw:hover {
    transform: scale(1.03);
}

/* ================= TABS ================= */
.nav-tabs {
    border: none;
    display: flex;
    justify-content: space-between;
}

.nav-tabs li a {
    border: none !important;
    border-radius: 10px;
    padding: 8px 10px !important;
    font-weight: 600;
    color: #2c5aa0;
    background: #f1f4f9;
    transition: .3s;
    text-align: center;
}

.nav-tabs li.active a,
.nav-tabs li a:hover {
    background: linear-gradient(45deg, #0f4c5c, #0a3f53);
    color: #fff !important;
}

/* ================= TAB CONTENT ================= */
/* .tab-content {
        margin-top: -15px;
} */

/* ================= EVENT LIST ================= */
.media {
    padding: 10px;
    border-radius: 10px;
    transition: .3s;
    margin-bottom: 10px;
}

.media:hover {
    background: #f5f9ff;
    transform: translateX(5px);
}

.media-heading a {
    font-weight: 600;
    color: #c06112;
    text-decoration: none;
}


.datecolor {
    font-size: 12px;
    color: #777777;
}

/* ================= VIDEO ================= */
.video iframe {
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
}

/* ================= SOCIAL PANEL ================= */
.tab-pane h4 {
    margin-top: 10px;
    font-weight: 700;
}

.tab-pane .btn {
    margin-top: 10px;
    border-radius: 25px;
    font-weight: 600;
    transition: .3s;
}

.tab-pane .btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}



/* Responsive adjustments */
@media (max-width: 992px) {

    .glancebg2 {
        margin-top: -1px !important;
    }

    .heading2 {
        font-weight: 600;

    }
}




/* ///// */
/* ================= SECTION BG ================= */
.row {
    margin-top: 30px;
}

/* ================= TITLE DESIGN ================= */
.home-title {
    text-align: center;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 35px;
    color: #2c5aa0;
    position: relative;
    letter-spacing: .5px;
}

/* animated line */
.home-title::after {
    content: "";
    height: 4px;
    width: 90px;
    background: linear-gradient(45deg, #2c5aa0, #00c6ff);
    display: block;
    margin: 12px auto 0;
    border-radius: 5px;
    animation: lineMove 3s linear infinite alternate;
}

@keyframes lineMove {
    from {
        width: 60px;
    }

    to {
        width: 120px;
    }
}

/* ================= CARD ================= */
.custom-card {
    position: relative;
    background: #fff;
    border-radius: 16px;
    padding: 20px;
    height: 100%;
    overflow: hidden;
    transition: .4s;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

/* gradient top light */
.custom-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: linear-gradient(45deg, #2c5aa0, #00c6ff);
}

/* hover effect */
.custom-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

/* ================= HEADING ================= */
.custom-card h5 {
    text-align: center;
    font-weight: 700;
    margin-bottom: 15px;
    color: #2c5aa0;
}

/* ================= IMAGE ================= */
.custom-card img {
    width: 90%;
    /* height: 310px; */
    object-fit: cover;
    margin: 10px auto;
    display: block;
    border-radius: 12px;
    transition: .4s;
}

/* chairman image circle */
.col-lg-4:first-child .custom-card img {

    /* border: 4px solid #E91E63; */
}

.custom-card:hover img {
    transform: scale(1.05);
}

/* ================= TEXT ================= */
.card-footer-text {
    text-align: center;
    margin-top: 12px;
    font-weight: 600;

    background: linear-gradient(to right, #965482, #a35fa0);
    color: white;
}

/* ================= FORM ================= */
.custom-card .form-control {
    margin-bottom: 12px;
    border-radius: 8px;
    border: 1px solid #aa6bbd;
    font-size: 14px;
    transition: .3s;
}

.custom-card .form-control:focus {
    border-color: #2c5aa0;
    box-shadow: 0 0 8px rgba(44, 90, 160, 0.4);
}

/* ================= BUTTON ================= */
.btn-custom {
    background: linear-gradient(to right, #965482, #a35fa0);
    color: white;
    border: none;
    padding: 9px 55px;
    border-radius: 25px;
    font-size: 14px;
    margin: 5px;
    transition: .4s;
}

.btn-custom:hover {
    transform: translateY(-3px);
    background: linear-gradient(45deg, #9f6ea5, #a468b6);
    background: linear-gradient(45deg, #10493d, #104c50);

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

.custom-card {
    position: relative;
    min-height: 220px;
}


/* ////////// */
/* center */
.article-center {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 230px;
}

/* main button */
.article-btn {

    position: relative;
    overflow: hidden;
    display: inline-flex;
    /* align-items: center; */
    gap: 16px;
    padding: 80px 50px;
    font-size: 34px;
    font-weight: 800;
    color: #b60000;


    text-decoration: none;
    background: linear-gradient(180deg, #fff6c7, #ffb300);
    border: 5px solid #e00000;
    border-radius: 12px;
    box-shadow: 0 6px 0 #9c0000, 0 10px 18px rgba(0, 0, 0, 0.2);
    font-family: 'Times New Roman', serif;
    transition: all .25s ease;
}

/* shine animation */
.article-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 60%;
    height: 100%;
    background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.7), transparent);
    transform: skewX(-25deg);
    animation: shine 3s infinite;
}

@keyframes shine {
    0% {
        left: -100%;
    }

    60% {
        left: 130%;
    }

    100% {
        left: 130%;
    }
}

/* icon */
.article-btn .icon {
    font-size: 30px;
    background: rgba(255, 255, 255, 0.25);
    padding: 8px 14px;
    border-radius: 6px;
}

/* arrow animation */
.article-btn .arrow {
    font-size: 30px;
    animation: arrowMove 1s infinite alternate;
}

@keyframes arrowMove {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(6px);
    }
}

/* press effect */
.article-btn:hover {
    transform: translateY(4px);
    box-shadow: 0 3px 0 #9c0000, 0 5px 10px rgba(0, 0, 0, 0.2);
}

.center-input {
    text-align: center;
    color: #a75f9b;
    font-size: 24px !important;
    font-weight: bold;

}



/************************** Our Services Start /*******/

.iconCardIcon {
    width: 90px;
    height: 90px;
    background: linear-gradient(to right, #5e205e, #b165a7);


    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 15px;
    transition: all .3s ease;
}

.iconCardIcon i {
    font-size: 38px;
    color: #ffffff;
    transition: all .3s ease;
}


/* hover */
.iconCard:hover .iconCardIcon {
    /* background: linear-gradient(to right, #294b77, #001a4d); */
    background: linear-gradient(to right, #E91E63, #79032b);
    transform: translateY(-5px);
}

.iconCard:hover .iconCardIcon i {
    color: #ffffff;
}



.zoom-fix-wrapper {
    width: 100vw;
    max-width: 100vw;
    margin: 0 auto;
}


.heading3 {
    font-size: xx-large !important;
    color: #f8f9fa !important;
    margin-bottom: 0px !important;
}

.carousel-progress {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: rgba(255, 255, 255, 0.3);
}

/**************************************** Our Services End ********/



/* footerLinks start */
.footerCopyright {
    text-align: center;
}

.footerTop h6 {
    font-size: 18px;
    margin-bottom: 15px;
}

.scopeBox i {
    font-size: 22px;
    margin-bottom: 8px;
}

.footerLinks {
    list-style: none;
    padding: 0;
}

.footerLinks li {
    margin-bottom: 8px;
}

.footerLinks a {
    color: #fff;
}

.footerLinks a:hover {
    color: #ffd200;
    padding-left: 5px;
    transition: .3s;
}

.scopeBox {
    margin-top: 10px;
}

.scopeBox>div {
    padding: 6px;
    /* GAP */
}

.scopeItem {
    padding: 12px 6px;
    /* SIZE CHHOTA */
    border-radius: 10px;
    transition: .3s;
    color: #fff;
}

/* Different Colors */
.scope1 {
    background: #1abc9c;
}

.scope2 {
    background: #3498db;
}

.scope3 {
    background: #f55f08;
}

.scope4 {
    background: #ee1505;
}

.scopeItem:hover {
    transform: translateY(-5px);
    filter: brightness(1.1);
}

.scopeItem .icon {
    margin-bottom: 6px;
}

.scopeItem i {
    font-size: 20px;
}

.scopeItem h5 {
    font-size: 16px;
    margin: 4px 0;
    font-weight: 700;
}

.scopeItem p {
    font-size: 11px;
    margin: 0;
}





.btn-danger-style {
    background: linear-gradient(to right, #ff5e00, #f85103);
    border: none;
    border-radius: 5px;
    padding: 10px 5px;
    font-weight: 600;
    width: 100%;
    border: 2px solid white;

    transition: all 0.3s;
}

/* footerLinks end */






/* ---------- UNIQUE NAMESPACED STYLES ---------- */


.mvm-body-bg {
    background: radial-gradient(circle at 10% 30%, #fef9f0, #fff4e5);
    font-family: 'Inter', 'Segoe UI', sans-serif;
}

.mvm-wrapper {
    max-width: 1400px;
    margin: 0 auto;
}


.mvm-panel {
    /* border-radius: 24px; */
    background: linear-gradient(180deg, #ffffff, #ffffff);
    border: 2px solid #ffffff;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
    margin-bottom: 30px;
    transition: all .3s ease;
}

/* hover effect */
.mvm-panel:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 35px rgba(0, 0, 0, 0.12);
}


.mvm-tabs {
    border-bottom: 2px solid #ffe1b9;
    background: transparent;
    padding: 5px 15px 0;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.mvm-tabs>li {
    margin-bottom: -2px;
    flex: 1 1 0;
    text-align: center;
}

.mvm-tabs>li>a {
    border: none;
    background: transparent;
    font-weight: 600;
    color: #624a34;
    padding: 14px 8px;
    font-size: 15px;
    border-radius: 50px 50px 0 0;
    border-bottom: 3px solid transparent;
}

.mvm-tabs>li.active>a,
.mvm-tabs>li.active>a:hover,
.mvm-tabs>li.active>a:focus {
    background: rgba(255, 215, 160, 0.24);
    color: #7b4a1e;
    font-weight: 700;
    border: none;
    border-bottom: 4px solid #ff0000;
}

.mvm-tab-content {
    /* background: #c3b6a438; */

    /* border-radius: 0 0 32px 32px; */
    padding: 1px 15px;
}


/* Form & map section */
.mvm-light-text {
    font-size: 18px;
    font-weight: 500;
    color: #4f1457;
    background: linear-gradient(145deg, #fffaee, #fffdf7);
    padding: 15px 20px;
    border-radius: 60px;
    margin-bottom: 25px;
    font-family: 'Playfair Display', serif;
    border-left: 10px solid #4f1457;
}

.mvm-select {
    height: 52px;
    border-radius: 40px !important;
    border: 2px solid #65216e;
    font-weight: 500;
    padding: 0 22px;
    background: white;
}

.mvm-select:focus {
    border-color: #c28b3e;
    box-shadow: 0 0 0 5px rgba(241, 180, 80, 0.2);
}

.mvm-btn-gold {
    background: linear-gradient(145deg, #cd8630, #a36224);
    border: none;
    color: white;
    font-weight: 700;
    padding: 12px 0;
    border-radius: 60px !important;
    width: 100%;
    font-size: 16px;
    transition: 0.15s;
}

.mvm-btn-gold:hover {
    background: #9a5f23;
    transform: scale(0.96);
    color: white;
}

/* India map */
#mvm-zoom-map {

    width: 100%;
    margin-top: 0px;
}

/* Vedic calendar scroll */
.mvm-news-scroll {
    height: 291px;
    overflow-y: auto;
    padding-right: 10px;
}

.mvm-news-scroll::-webkit-scrollbar {
    width: 6px;
}

.mvm-news-scroll::-webkit-scrollbar-track {
    background: #ffefdc;
    border-radius: 20px;
}

.mvm-news-scroll::-webkit-scrollbar-thumb {
    background: #c6944e;
    border-radius: 20px;
}

.mvm-media-item {
    border-bottom: 1px solid #531d53;
    border-top: 1px solid #531d53;
    padding-bottom: 16px;

    display: flex;
    align-items: center;
}

.mvm-media-item:hover {
    background: #e3f0f3;
    border-radius: 18px;
    padding-left: 12px;
}

.mvm-calendar-icon {
    background: linear-gradient(145deg, #fdebd0, #ffead4);
    padding: 12px;
    border-radius: 30px;
    width: 54px;
    height: 54px;
    text-align: center;
    line-height: 30px !important;
    color: #936e38 !important;
    font-size: 28px !important;
    margin-right: 12px;
}

.mvm-date-badge {
    background: #fff2de;
    border-radius: 60px;
    padding: 5px 16px;
    font-size: 13.5px;
    font-weight: 600;
    color: #6f4f26;
    display: inline-block;
    margin-top: 6px;
    border: 1px solid #ffd29b;
}

.mvm-video-frame iframe {
    border-radius: 24px;
    box-shadow: 0 15px 25px -8px #b9996b;
    border: 3px solid white;
    width: 100%;
    height: 200px;
}

.mvm-watch-btn {
    background: #b5742e;
    color: white;
    font-weight: 600;
    border-radius: 50px;
    padding: 10px 25px;
    margin-top: 10px;
    box-shadow: 0 8px 12px #cd9f68;
    float: right;
    border: none;
}

.mvm-watch-btn:hover {
    background: #9a5f23;
    color: white;
}

/* Social media containers - full width */
.mvm-fb-container .fb-page,
.mvm-twitter-container .twitter-timeline,
.mvm-yt-container iframe {
    width: 100% !important;
    border-radius: 20px !important;
    overflow: hidden;
}

.mvm-footer-vedic {
    text-align: center;
    margin-top: 25px;
    font-size: 17px;
    color: #9e7a54;
    font-weight: 500;
    border-top: 2px dashed #eac997;
    padding-top: 25px;
}

/* Responsive */
@media (max-width: 767px) {
    .mvm-tabs>li>a {
        font-size: 13px;
        padding: 12px 4px;
    }
}

.mvm-wrapper {
    margin: 0 auto;
    margin-top: -30px;
}





.mvmu-career3d-wrap {
    display: flex;
    align-items: center;
}

/* main button */
.mvmu-career3d-btn {
    display: inline-block;
    padding: 12px 26px;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: .5px;
    color: #fff;
    text-decoration: none;
    border-radius: 8px;
    position: relative;
    transition: all .2s ease;

    /* 3D color */
    background: linear-gradient(to bottom, #c51d12, #94130a);

    /* depth */
    box-shadow:
        0 6px 0 #6e0e08,
        0 8px 15px rgba(0, 0, 0, .25);
}

/* top shine */
.mvmu-career3d-btn::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    border-radius: 8px 8px 0 0;
    background: rgba(255, 255, 255, 0.25);
}

/* hover */
.mvmu-career3d-btn:hover {
    transform: translateY(-2px);
    box-shadow:
        0 8px 0 #6e0e08,
        0 12px 18px rgba(0, 0, 0, .3);
}

/* click press */
.mvmu-career3d-btn:active {
    transform: translateY(4px);
    box-shadow:
        0 2px 0 #6e0e08,
        0 4px 8px rgba(0, 0, 0, .2);
}


.headerPhone {
    display: flex;
    align-items: center;
    gap: 10px;
}



/* header START */

/* Layout spacing */
.headerTopRight {
    padding: 10px -30PX;
}

.headerTopRight {
    padding: 10px 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 20px;
}

/* Contact items */
.contact-item {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 500;
}

.contact-item i {
    color: #ff4b2b;
    color: #431347;
}

.contact-item a {
    text-decoration: none;
    color: #431347;
}

.contact-item a:hover {

    color: #fc0000;
}

/* Social Icons */
.social-icons {
    display: flex;
    gap: 10px;
}

.social-icons a {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: linear-gradient(to right, #4d234d, #431347);
    color: white;
    transition: 0.3s ease;
}

.social-icons a:hover {
    background: linear-gradient(45deg, #ff416c, #ff4b2b);
    color: #fff;
    transform: translateY(-4px);
}

/* Careers Button */
.career-btn {
    background: rgb(87, 40, 84);
    color: #fff;
    font-weight: 600;
    padding: 4px 18px;
    border-radius: 50px;
    border: 4px solid #ffffff;
    transition: 0.4s ease;
    box-shadow: 0 6px 15px rgb(0, 0, 0);
    animation: pulse 2s infinite;
    /* Added animation */
}

/* Hover effect */
.career-btn:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
    background: rgb(107, 50, 104);
    /* Slightly lighter on hover */
}

/* Pulse animation */
@keyframes pulse {
    0% {
        box-shadow: 12px 0 0 0 rgba(87, 40, 84, 0.7);
    }

    70% {
        box-shadow: 0 0 0 10px rgba(87, 40, 84, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(87, 40, 84, 0);
    }
}

.career-btn:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.4);
    background: linear-gradient(45deg, #30194e, rgb(73, 33, 73));

    color: #fff;




}

.headerMenu .blockContents>ul {
    display: flex;
    justify-content: center;
    /* Saare li center me */
    align-items: center;
    flex-wrap: wrap;
    /* Responsive ke liye */
    padding: 0;
    margin: 0;
}

.headerBottom .headerMenu ul li a {
    transition: 0.3s ease !important;
}

.headerBottom .headerMenu ul li a:hover {
    color: #ffffff !important;


}

/* HEADER bRANCH START ******************************/

.has-children {
    position: relative;
    list-style: none;
}

.has-children>a {
    color: #ffffff;
    /* font-weight: 600; */
}

.has-children>a:hover {
    transform: translateY(-2px);
}

/* Mega Dropdown Styles */
.mvm-mega-dropdown {
    position: absolute;
    top: 100%;
    left: -120PX;
    width: 1100px;
    background: white;
    /* border-radius: 15px; */
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    z-index: 1000;
    overflow: hidden;
}

.has-children:hover .mvm-mega-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(15px);
}

/* Dropdown Header */
.dropdown-header {
    background-color: var(--third-light);
    color: white;
    padding: 20px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid rgb(255, 255, 255);
}

.header-left h3 {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 5px;
}

.school-icon {
    font-size: 24px;
}

.total-count {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    opacity: 0.9;
}

.count-icon {
    font-size: 16px;
}

.header-right {
    display: flex;
    align-items: center;
    gap: 15px;
}

/* Search Box */
.search-box {
    position: relative;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 25px;
    padding: 8px 15px;
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 250px;
}

.search-icon {
    opacity: 0.7;
}

.search-box input {
    background: transparent;
    border: none;
    color: white;
    flex: 1;
    font-size: 14px;
    outline: none;
}

.search-box input::placeholder {
    color: rgba(255, 255, 255, 0.7);
}

.clear-search {
    background: none;
    border: none;
    color: white;
    cursor: pointer;
    font-size: 16px;
    opacity: 0.7;
    padding: 0 5px;
}

.clear-search:hover {
    opacity: 1;
}

.close-dropdown {
    background: rgba(255, 255, 255, 0.2);
    border: none;
    color: white;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    cursor: pointer;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.close-dropdown:hover {
    background: rgba(255, 255, 255, 0.3);
    transform: rotate(90deg);
}

/* Main Content */
.dropdown-main {
    display: flex;
    height: 650px;
}

/* States Sidebar */
.states-sidebar {
    width: 280px;
    background: #f8fafc;
    border-right: 1px solid #e2e8f0;
    padding: 20px;
    overflow-y: auto;
}

.sidebar-header {
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e2e8f0;
}

.sidebar-header h4 {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #475569;
    margin-bottom: 10px;
}

.states-count {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #64748b;
    font-size: 14px;
}

.states-count .count {
    background: #622874;
    color: white;
    padding: 2px 8px;
    border-radius: 12px;
    font-weight: 600;
}

.states-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.state-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 15px;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.3s ease;
    background: white;
    border: 1px solid #e2e8f0;
}

.state-item:hover {
    background: #f1f5f9;
    transform: translateX(5px);
}

.state-item.active {
    background: linear-gradient(135deg, rgb(150, 99, 165), #915b91);
    color: rgb(255, 255, 255);
    border-color: rgb(255, 255, 255);
}

.state-item.active .state-emoji,
.state-item.active .branch-count {
    color: white;
}

.state-emoji {
    font-size: 20px;
}

.state-name {
    flex: 1;
    font-weight: 600;
    font-size: 14px;
}

.branch-count {
    background: #e2e8f0;
    padding: 2px 10px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 600;
    color: #475569;
}

.state-item.active .branch-count {
    background: rgba(255, 255, 255, 0.2);
}

/* Branches Content */
.branches-content {
    flex: 1;
    padding: 25px;
    overflow-y: auto;
}

.content-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
}

.content-header h4 {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #1e293b;
    font-size: 20px;
}

.view-controls {
    display: flex;
    gap: 10px;
    background: #f1f5f9;
    padding: 5px;
    border-radius: 10px;
}

.view-btn {
    padding: 8px 16px;
    border: none;
    border-radius: 8px;
    background: transparent;
    color: #64748b;
    cursor: pointer;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: all 0.3s ease;
}

.view-btn.active {
    background: white;
    color: #4f46e5;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* Branches Grid */
.branches-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 20px;
}

.branch-card {
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 20px;
    transition: all 0.3s ease;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.branch-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    border-color: #4f46e5;
}

.branch-card:hover .branch-link {
    opacity: 1;
    transform: translateY(0);
}

.branch-icon {
    font-size: 32px;
    margin-bottom: 15px;
    color: #4f46e5;
}

.branch-name {
    color: #1e293b;
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: 600;
}

.branch-state {
    color: #64748b;
    font-size: 13px;
    font-weight: 500;
    padding: 4px 10px;
    background: #f1f5f9;
    border-radius: 6px;
    display: inline-block;
    margin-bottom: 15px;
}

.branch-link {
    display: inline-block;
    color: #4f46e5;
    text-decoration: none;
    font-weight: 500;
    font-size: 14px;
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.3s ease;
}

.branch-link:hover {
    color: #c5531e !important;
}

/* Empty State */
.empty-state {
    text-align: center;
    padding: 60px 20px;
    display: none;
}

.empty-icon {
    font-size: 48px;
    margin-bottom: 20px;
    opacity: 0.5;
}

.empty-state h4 {
    color: #64748b;
    margin-bottom: 10px;
}

.empty-state p {
    color: #94a3b8;
}

/* Footer */
.dropdown-footer {
    background: #f8fafc;
    padding: 15px 30px;
    border-top: 1px solid #e2e8f0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer-info {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #64748b;
    font-size: 14px;
}

.btn-view-all {
    background: linear-gradient(135deg, #4f46e5, #7c3aed);
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 8px;
    cursor: pointer;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: all 0.3s ease;
}

.btn-view-all:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(79, 70, 229, 0.4);
}

/* List View */
.branches-grid.list-view {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.branches-grid.list-view .branch-card {
    display: flex;
    align-items: center;
    gap: 20px;
}

.branches-grid.list-view .branch-icon {
    margin-bottom: 0;
    font-size: 24px;
}

.branches-grid.list-view .branch-name {
    flex: 1;
    margin-bottom: 0;
}

.branches-grid.list-view .branch-state {
    margin-bottom: 0;
}

.branches-grid.list-view .branch-link {
    opacity: 1;
    transform: none;
}


/******* HEADER BRANCH End ******************************/




/* header End */









/* <!-- *************** SLIDER START    ******************* --> */
#heroCarousel {
    position: relative;
    overflow: hidden;
}

/* Image full screen */
.carousel-item img {

    object-fit: cover;
    transition: transform 6s ease-in-out;
}

/* Zoom effect 
.carousel-item.active img {
        transform: scale(1.08);
}
*/
/* Smooth fade */
.carousel-fade .carousel-item {
    opacity: 0;
    transition: opacity 1.2s ease-in-out;
}

.carousel-fade .carousel-item.active {
    opacity: 1;
}

/* Progress container */
.carousel-progress {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: rgb(87, 40, 84);
    overflow: hidden;
    z-index: 10;
}

/* Progress line */
.carousel-progress .progress-bar {
    height: 100%;
    width: 0%;
    background: #ff3c00;
}

.mvm-about-title-style {
    font-size: 30px !important;
}


/* <!-- *************** SLIDER End    ******************* --> */




/* counter start */
.icon {
    width: 65px;
    height: 65px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon i {
    font-size: 28px;
    color: #ffffff;
    /* White icon */
    font-weight: 600;
    /* Slight bold */
}

.counter-section {
    background: #ffffff;
    padding: 30px 0;

    margin: auto;
}


.container {
    width: 95%;
    margin: auto;
}

.counter-row {
    display: flex;
    justify-content: center;
    gap: 35px;
    flex-wrap: wrap;
}


.counter-box {
    position: relative;
    background: #f7f7f7;
    /* border-radius: 18px;  */
    padding: 25px 10px;
    display: flex;
    align-items: center;
    min-width: 200px !important;
    border: 1px solid #a75f95;
    box-shadow: 8px 8px 30px #0000006c;
}






/* Left Stripe */
.counter-box::before {
    content: "";
    position: absolute;
    left: -8px;
    top: 10px;
    bottom: 3px;
    width: 16px;
    background: #f34a07;
    background: linear-gradient(to right, #E91E63, #79032b);
    border-radius: 1px;
}

/* Right Stripe */
.counter-box::after {
    content: "";
    position: absolute;

    top: 10px;
    bottom: 3px;
    width: 16px;
    background: #f34a07;
    background: linear-gradient(to right, #E91E63, #79032b);
    border-radius: 10px;
    right: -8px;

}


.icon {
    width: 65px;
    height: 65px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
}

.icon img {
    width: 35px;
}

.pink {

    background-color: var(--third-light);
}

.orange {
    background: #ff6b2f;
}

.green {
    background: #009688;
}

.text span {
    font-size: 15px;
    font-weight: 600;
    display: block;
    margin-bottom: 6px;
    color: #398a3d;
}

.text h3 {
    margin: 0;
    color: #e60000;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
}



/* counter start */
.counter-box::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 18px;
    background: linear-gradient(120deg,
        transparent 30%,
        rgba(255, 255, 255, 0.897),
        transparent 70%);
    transform: translateX(-70%);
    transition: 0.6s;
}

.counter-box:hover::after {
    transform: translateX(100%);
}

/* Hover Effect */
.counter-box:hover {
    transform: translateY(-5px);
    transition: 0.6s;
    box-shadow: 0 15px 25px rgba(5, 56, 65, 0.966);
}


.main1 {
    display: flex;
    justify-content: center;
    /* Horizontal Center */
    align-items: center;
    /* Vertical Center */
    text-align: center;
    /* Text Center */


}

.heading2c {
    color: #380b41;
    text-align: center !important;
    font-size: 28px !important;
    font-weight: bolder !important;
}

.custom-nav-link {
    font-weight: 520 !important;
    gap: 15px !important;
    font-family: var(--font-family-sans-serif);
}


/* Main Banner */
.banner {
    width: 90%;
    max-width: 1200px;
    margin: 10px auto;
    padding: 20px 25px;
    text-align: center;
    font-size: 32px;
    font-weight: 700;
    color: #ffffff;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    border: 3px solid transparent;
    background-clip: padding-box;
    box-shadow: 1px 5px 20px rgba(47, 12, 26, 0.342);
    animation: slideFade 1.5s ease forwards;
    background-image: linear-gradient(rgba(17, 32, 21, 0.747), rgba(17, 32, 21, 0.6)), url(../../images/mvm-home-1.jpg);

    width: 100%;
    background-size: cover;
    background-position: center;
}





/* Gradient Border */
.banner::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50px;
    padding: 3px;

    background: linear-gradient(90deg, #945791, #977082);
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -1;
}

/* Left Ribbon */
.banner::before {
    content: "";
    position: absolute;
    left: -18px;
    top: 15%;
    width: 30px;
    height: 70%;
    background: linear-gradient(to bottom, #ff4d6d, #8b0040);
    border-radius: 25px;
    box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.6);
}

/* Shine Highlight Animation */
.banner span {
    position: relative;
    display: inline-block;
}

.banner span::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.8), transparent);
    transform: skewX(-20deg);
    animation: shine 3s infinite;
}

/* Hover Effect */
.banner:hover {
    transform: scale(1.03);
    transition: 0.4s ease;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.35);
}

/* Entry Animation */
@keyframes slideFade {
    from {
        opacity: 0;
        transform: translateY(40px);
    }

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

/* Shine Animation */
@keyframes shine {
    0% {
        left: -75%;
    }

    100% {
        left: 125%;
    }
}

/* Responsive */
@media (max-width:768px) {
    .banner {
        font-size: 22px;
        padding: 30px 15px;
    }
}

@media (max-width:480px) {
    .banner {
        font-size: 12px;
        padding: 25px 10px;
        border-radius: 30px;
    }
}




@media (max-width: 992px) {
    .container {

        padding-right: 0px;
        padding-left: 0px;
        margin-right: auto;
        margin-left: auto;
    }
}


/* =========================
   FULL FORM COLOR CONTROL
========================= */

.custom-form-style .form-control,
.custom-form-style select,
.custom-form-style textarea {
    border: 2px solid #8b2f97 !important;
    /* Border Color */
    color: #0d1b2a !important;
    /* Input Text Color */
    background-color: #f8fbff !important;
    /* Light Background */
}

/* Placeholder Color */
.custom-form-style ::placeholder {
    color: #6c757d !important;
    opacity: 1;
}

/* Select dropdown text color */
.custom-form-style select {
    color: #0d1b2a !important;
}

/* Dropdown option color */
.custom-form-style select option {
    color: #000 !important;
    background-color: #ffffff !important;
}

/* Input group icon background */
.custom-form-style .input-group-text {
    background-color: #752f6f !important;
    color: #ffffff !important;
    border: 2px solid #663483 !important;
}

/* Focus effect */
.custom-form-style .form-control:focus,
.custom-form-style select:focus,
.custom-form-style textarea:focus {
    border-color: #8c3a9c !important;
    box-shadow: 0 0 6px rgba(102, 16, 242, 0.4);
}

/* ===== CAPTCHA DESIGN ===== */

.custom-form-style .form-control[readonly] {
    background: linear-gradient(135deg, #5f3581, #5e2479) !important;
    color: #fff !important;
    font-weight: 700;
    letter-spacing: 3px;
    text-align: center;
    border: none !important;
}

/* Button Styling */
.custom-form-style .btn-danger {
    background-color: #743285 !important;
    border: none !important;
    font-weight: 600;
    letter-spacing: 1px;
}

.custom-form-style .btn-danger:hover {
    background-color: #5a226b !important;
}

.mobile-font-style1 {
    font-size: 30px !important;
}

/* secondary-heading  start */
.heading-3d-wrapper {
    text-align: center;
    margin-top: -40px;
    margin-bottom: 10px;
}

.heading-3d-box {
    width: 100%;
}

.heading-3d-box h2 {
    display: inline-block;
    padding: 10px 40px;
    font-size: 26px;
    font-weight: 700;
    color: #1a237e;
    text-align: center;
    letter-spacing: 1px;
    background: linear-gradient(135deg, #ffffff, #ffffff);
    text-shadow: 1px 1px 3px rgba(255, 255, 255, 0.822);
    transition: 0.3s ease;
    box-shadow: 10px 5px 20px rgb(104, 7, 36);
    animation: slideFade 1.5s ease forwards;
    width: 100%;
    background-size: cover;
    background-position: center;
    border-radius: 0px;
    border: #ffffff 13px solid;
}

.heading-3d-box h2:hover {
    transform: translateY(5px);
    box-shadow: 10px 5px 20px rgb(7, 65, 104);
}

.contentAreaWra-stlye {

    padding-bottom: 30px !important;
}

/* secondary-heading  start */


.card-footer-btn {
    padding: 15px 20px;
    width: 100%;
    max-width: 250px;

    border: none;

    background: linear-gradient(to right, #965482, #a35fa0);
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.3s ease;
}

/* Hover Effect */
.card-footer-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
}



/* Main Vedic Celebration 2026-2027 and vedio section*/
.nav.nav-tabs.mvm-tabs {
    display: flex !important;
    flex-wrap: nowrap !important;
    list-style: none !important;
    padding: 0 20px !important;
    /* 👈 Left & Right padding */
    margin: 0 !important;
}

/* LI styling */
.nav.nav-tabs.mvm-tabs>li {
    list-style: none !important;
    flex: 1 !important;
    text-align: center !important;
}

/* Normal tab style */
.nav.nav-tabs.mvm-tabs>li>a {
    display: block !important;
    padding: 12px 15px !important;
    background-color: var(--third-light);
    background-size: 200% 100%;
    background-position: left bottom;
    color: #ffffff !important;
    text-decoration: none !important;
    border-radius: 5px !important;
    margin: 5px !important;
    font-weight: 650 !important;
    white-space: nowrap !important;
    /* 👈 Text second line me nahi jayega */
    transition: all 0.4s ease-in-out !important;


}




/* Hover par smooth color shift */
.nav.nav-tabs.mvm-tabs>li>a:hover {
    background-position: right bottom;
}

/* Active tab */
.nav.nav-tabs.mvm-tabs>li.active>a {
    background-color: #074b50 !important;
}

/* Bullet remove */
.no-bullet-tabs,
.no-bullet-tabs li {
    list-style: none !important;
}

.no-bullet-tabs li:before,
.no-bullet-tabs li:after {
    content: none !important;
    display: none !important;
}

/* Custom spacing */
.custom-tab-style li {
    margin-bottom: 10px !important;
}

/* Container full responsive */
.tab-container {
    width: 100%;
    max-width: 1200px;
    margin: auto;
    padding: 0 15px;
    box-sizing: border-box;
}

/* Tabs */
.nav.nav-tabs.mvm-tabs {
    display: flex;
    flex-wrap: nowrap;
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}

.nav.nav-tabs.mvm-tabs>li {
    flex: 1;
    text-align: center;
}

.nav.nav-tabs.mvm-tabs>li>a {
    display: block;
    padding: 12px 10px;
    background-color: var(--third-light);

    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    margin: 5px;
    font-weight: 600;
    white-space: nowrap;
    transition: 0.3s;
}

.nav.nav-tabs.mvm-tabs>li>a:hover {
    background-color: #074b50;
}

.nav.nav-tabs.mvm-tabs>li.active>a {
    background-color: #074b50;
}

/* Video Responsive Box */
.mvm-video-frame {
    position: relative;
    width: 100%;
    /* padding-bottom: 56.25%; */

    margin-top: 20px;
}

.mvm-video-frame iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 10px;
}

/* Watch Button */
.mvm-watch-btn {
    display: inline-block;
    margin-top: 15px;
    background-color: #643374;
    color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
    text-decoration: none;
    transition: 0.3s;
}

.mvm-watch-btn:hover {
    background-color: #074b50;
}

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

    .nav.nav-tabs.mvm-tabs {
        flex-wrap: wrap;
    }

    .nav.nav-tabs.mvm-tabs>li {
        flex: 100%;
    }

    .nav.nav-tabs.mvm-tabs>li>a {
        white-space: normal;
        font-size: 10px;
    }
}


/* Default arrow remove */
/* Custom arrow */
.custom-arrow {
    margin-left: 8px;
    transition: 0.3s;
}

/* Rotate arrow */
.custom-dropdown.active .custom-arrow {
    transform: rotate(180deg);
}

/* Tablet only */
@media (min-width: 768px) and (max-width: 1024px) {
    .custom-submenu {
        display: none;
    }

    .custom-dropdown.active .custom-submenu {
        display: block;
    }
}

.custom-nav-link {
    display: flex;
    justify-content: space-between;
    /* 🔥 main fix */
    align-items: center;
    width: 100%;
}

.custom-nav-link .Title {
    flex: 1;
}

.custom-arrow {
    margin-left: 10px;
    font-size: 14px;
}


/* Main Vedic Celebration 2026-2027 and vedio section*/


.footerFour .footerWrap a:hover {
    color: #ffc400;
}



/* JOB section start */
/* Section Background */
.mvm-ad-section {
    padding: 30px 0;
    background: linear-gradient(135deg, #8a9ebd 0%, #87a1cac5 100%);
    font-family: 'Arial', sans-serif;
}

/* Container */
.mvm-ad-container {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    gap: 20px;
}

/* Columns - सभी की चौड़ाई बराबर */
.mvm-ad-col {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* First column में सिर्फ एक item है तो उसे पूरा स्पेस देना */
.mvm-ad-col:first-child {
    display: block;
}

/* Slider Container - हाइट कम की गई */
.mvm-slider-container {
    position: relative;
    width: 100%;
    height: 130px;
    /* पहले 260px था, अब 180px */
    overflow: hidden;
    border-radius: 12px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

/* Slider */
.mvm-slider {
    display: flex;
    width: 100%;
    height: 100%;
    transition: transform 0.5s ease-in-out;
}

/* Slide */
.mvm-slide {
    min-width: 100%;
    height: 100%;
    flex-shrink: 0;
}

.mvm-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Right Ad Boxes - हाइट कम की गई */
.mvm-ad-box {
    width: 100%;
    /* height: 180px; */
    /* पहले 250px था, अब 180px */
    overflow: hidden;
    border-radius: 12px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mvm-ad-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
}

.mvm-ad-box img {
    width: 100%;
    height: 100%;
    
    transition: transform 0.5s ease;
}

.mvm-ad-box:hover img {
    transform: scale(1.05);
}

/* Navigation Buttons */
.mvm-prev,
.mvm-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.144);
    color: white;
    border: none;
    width: 40px;
    height: 40px;
    font-size: 24px;
    cursor: pointer;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(5px);
    transition: all 0.3s ease;
    z-index: 10;
}

.mvm-prev {
    left: 10px;
}

.mvm-next {
    right: 10px;
}

.mvm-prev:hover,
.mvm-next:hover {
    background: rgba(255, 253, 253, 0.884);
    color: chocolate;
    transform: translateY(-50%) scale(1.1);
}

/* Responsive Design */
@media (max-width: 992px) {
    .mvm-ad-container {
        flex-direction: column;
        gap: 20px;
    }

    .mvm-slider-container,
    .mvm-ad-box {
        height: 200px;
        /* मोबाइल पर थोड़ी बड़ी */
    }
}

@media (max-width: 576px) {
    .mvm-ad-section {
        padding: 20px 0;
    }

    .mvm-slider-container,
    .mvm-ad-box {
        height: 97px;

    }

    .mvm-prev,
    .mvm-next {
        width: 35px;
        height: 35px;
        font-size: 20px;
    }
}

/* Loading Animation */
.mvm-slide img {
    animation: fadeIn 0.5s ease;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* ===== Common 3D Card Style ===== */
.mvm-slider-container,
.mvm-ad-box {
    border: 3px solid #ffffff;
    /* outer white border */
    border-radius: 15px;
    background: #ffffff;

    /* 3D Shadow Effect */
    box-shadow:
        0 8px 15px rgba(150, 18, 18, 0.801),
        /* main shadow */
        0 15px 30px rgba(7, 30, 82, 0.938),
        /* deep shadow */
        inset 0 2px 4px rgba(255, 255, 255, 0.8);
    /* top light effect */

    transition: all 0.4s ease;
}

/* Hover Effect (Raised Card Feel) */
.mvm-slider-container:hover,
.mvm-ad-box:hover {
    transform: translateY(-8px);
    box-shadow:
        0 15px 25px rgba(230, 53, 53, 0.664),
        0 25px 50px rgba(0, 0, 0, 0.15),
        inset 0 2px 5px rgba(255, 255, 255, 0.9);
}

/* Optional: Golden 3D Border Style */
.mvm-slider-container {
    border: 3px solid #ffffff;
    /* golden border for slider */
}

.mvm-ad-box {
    border: 3px solid #ffffff;
    /* slightly darker gold */
}

.mvm-ad-box {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
}

.mvm-ad-box img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

/* JOB section End */








.slink {
    color: #ffc107;
    text-decoration: none;
}

.slink:hover {
    text-decoration: underline;
}

/* Back To Top Button start */
#backToTop {
    position: fixed;
    bottom: 35px;
    right: 30px;
    display: none;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    font-size: 20px;
    color: #460a3c;
    background-color: #ffffff;
    border: 2px solid #2d1631 !important;
}



/* Back To Top Button  End*/




/*********** <!-- Premium Side Menu  Start--> ******************/










/* ========== PREMIUM SIDE ICON MENU ========== */
.premium-side-menu {
    position: fixed;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9999;
}

/* Main Icon Button */
.menu-icon-btn {
    width: 50px;
    height: 50px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.95));
    backdrop-filter: blur(10px);
    border-radius: 50%;
    display: flex;
    align-items: center;
    border: 1px solid rgb(112, 27, 138);
    justify-content: center;
    cursor: pointer;
    position: relative;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.993),
        0 0 0 0 rgb(102, 126, 234);
    transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(102, 126, 234, 0.7);
    }

    70% {
        box-shadow: 0 0 0 15px rgba(102, 126, 234, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(102, 126, 234, 0);
    }
}

.menu-icon-btn:hover {
    transform: scale(1.1) rotate(90deg);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4);
}

.menu-icon-btn span {
    font-size: 20px;
    color: white;
    transition: 0.3s;
}

/* Floating Links Panel */
.links-panel {
    position: absolute;
    right: 80px;
    top: 50%;
    transform: translateY(-50%) translateX(20px);
    background: rgba(255, 255, 255, 0.98);
    backdrop-filter: blur(20px);
    /* border-radius: 25px; */
    min-width: 280px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3),
        0 0 0 1px rgba(255, 255, 255, 0.2);
    overflow: hidden;
}

/* Open panel on hover */
.premium-side-menu:hover .links-panel {
    opacity: 1;
    visibility: visible;
    transform: translateY(-50%) translateX(0);
}

/* Panel Header */
.panel-header {
    background: linear-gradient(135deg, #56295f, #764ba2);
    padding: 20px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.panel-header::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.2) 0%, transparent 70%);
    animation: shine 3s infinite;
}



.panel-header h3 {
    color: white;
    font-size: 1.3rem;
    letter-spacing: 1px;
    position: relative;
    z-index: 1;
}

.panel-header p {
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.8rem;
    margin-top: 5px;
    position: relative;
    z-index: 1;
}

/* Links List */
.links-list {
    list-style: none;
    padding: 10px 0;
}

.links-list li {
    margin: -8px 15px;
    margin: -13px 3px;
    transform: translateX(-20px);
    opacity: 0;
    animation: slideIn 0.5s forwards;
    animation-delay: calc(0.05s * var(--i));
}

@keyframes slideIn {
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

.links-list a {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 20px;
    text-decoration: none;
    color: #502364;
    font-weight: 500;
    border-radius: 15px;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}



.links-list a:hover::before {
    width: 100%;
}

.links-list a:hover {
    transform: translateX(8px);
    color: #d6770b;
}

.link-icon {
    font-size: 22px;
    min-width: 35px;
    text-align: center;
}

.link-text {
    flex: 1;
}

.link-arrow {
    opacity: 1;
    transform: translateX(-10px);
    transition: 0.3s;
}

.links-list a:hover .link-arrow {
    opacity: 1;
    transform: translateX(0);
}

/* Responsive Design */
@media (max-width: 768px) {
    .premium-side-menu {
        right: 15px;
    }

    .menu-icon-btn {
        width: 55px;
        height: 55px;
    }

    .menu-icon-btn span {
        font-size: 15px;
    }

    .links-panel {
        min-width: 260px;
        right: 65px;
    }


}

@media (max-width: 480px) {
    .premium-side-menu {
        right: 10px;
    }

    .menu-icon-btn {
        width: 37px;
        height: 37px;
    }

    .links-panel {
        min-width: 240px;
        right: 46px;
    }

    .links-list a {
        padding: 10px 15px;
        font-size: 0.9rem;
    }
}



/* Floating particles background */
.particles {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 0;
}

.particle {
    position: absolute;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    animation: float 6s infinite;
}

@keyframes float {

    0%,
    100% {
        transform: translateY(0) translateX(0);
    }

    50% {
        transform: translateY(-20px) translateX(10px);
    }
}

.links-list {
    max-height: 500px;
    /* apni need ke hisab se change kar sakte ho */
    overflow-y: auto;
    overflow-x: hidden;
}

/* Scrollbar styling optional */
.links-list::-webkit-scrollbar {
    width: 6px;
}

.links-list::-webkit-scrollbar-thumb {
    background: #6e3c6e;
    border-radius: 20px;
}

.links-list::-webkit-scrollbar-track {
    background: #f1f1f1;
}


/* Dropdown Container */
.links-list>li.has-dropdown {
    display: flex;
    flex-direction: column;
    margin-bottom: 6px;
}

.dropdown-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    user-select: none;
    color: #009688;
    padding: 9px 18px;
}

.dropdown-toggle .link-arrow {
    transform: rotate(0deg);
    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), color 0.4s;
}

.has-dropdown.active .dropdown-toggle {
    color: #ffffff;
    background: #673473;
    border-color: #FF9800;
    /* padding: 21px; */
    margin-top: 6px;
}

.has-dropdown.active .dropdown-toggle .link-arrow {
    transform: rotate(90deg);
    /* 90 degree smooth rotation */
    color: #6366f1;
    /* Accent primary color */
}

.dropdown-menu-wrapper {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.4s cubic-bezier(0.25, 1, 0.5, 1), background 0.4s, padding 0.4s;
    background: rgba(240, 156, 30, 0.4);
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
    overflow: hidden;
}

/* जब ड्रापडाउन एक्टिव (Open) होगा */
.has-dropdown.active .dropdown-menu-wrapper {
    grid-template-rows: 1fr;
    background: rgba(192, 230, 225, 0.349);
    padding: 8px 0;
    border: 1px solid rgba(187, 96, 68, 0.15);
    border-top: none;
}

/* इनर कंटेनर जिसमें सारे सब-आइटम्स हैं */
.dropdown-menu-inner {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 0px;
    /* padding: 0px 3px; */
    min-height: 0px;

}

/* सब-मेन्यू आइटम्स स्टाइल (Sub-menu Links) */
.submenu-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 16px;
    text-decoration: none;
    color: #94a3b8;
    /* Muted text color */
    font-size: 13.5px;
    font-weight: 500;
    border-radius: 10px;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    cursor: pointer;
    border-left: 3px solid transparent;
}

.submenu-item:hover {
    color: #ffffff;
    background: rgb(255, 255, 255);
    border-left-color: #5e2579;
    padding-left: 20px;
}


/* सब-मेन्यू का एरो */
.submenu-arrow {
    font-size: 12px;
    opacity: 0;
    transform: translateX(-5px);
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    color: #6366f1;
}

.submenu-item:hover .submenu-arrow {
    opacity: 1;
    transform: translateX(0);
}

/* <!-- Premium Side Menu  end--> */

















/* main container - modern grid */
.about-modern {
    max-width: 1280px;
    margin: 0 auto;
    background: #ffffff;
    /* border-radius: 2rem; */
    box-shadow: 0 25px 45px -12px rgb(0 0 0 / 22%);
    box-shadow: 0 0 45px -12px rgba(0, 0, 0, 0.753);
    /* box-shadow:  25px rgb(0 0 0 / 22%); */
    overflow: hidden;
    transition: all 0.3s ease;
}

/* two column layout: left image, right content */
.about-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    align-items: stretch;
}

/* ----- LEFT SIDE: IMAGE SECTION (2 images style but one large hero) ----- */
.about-visual {
    position: relative;
    /* background: #d9e2ef; */
    /* overflow: hidden; */
    min-height: 100%;
    display: flex;
    flex-direction: column;
}

.main-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
}

.about-visual:hover .main-image {
    transform: scale(1.02);
}

/* subtle overlay + badge for "legacy" */
.image-badge {
    position: absolute;
    bottom: 1.5rem;
    left: 1.5rem;
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(6px);
    padding: 0.5rem 1.2rem;
    border-radius: 40px;
    font-weight: 600;
    font-size: 0.85rem;
    color: #b91c1c;
    box-shadow: 0 4px 12px rgba(250, 9, 9, 0.568);
    font-family: 'Inter', sans-serif;
    letter-spacing: 0.3px;
}

.image-badge i {
    margin-right: 6px;
    color: #c2410c;
}

/* ----- RIGHT SIDE: CONTENT (new design) ----- */
.about-content {
    /* padding: 2.8rem 3rem; */
    padding-right: 3rem;
    background: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* stylish title with accent line */
.section-label {
    display: inline-block;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 600;
    color: #b91c1c;
    background: #fff0f0;
    padding: 0.3rem 1rem;
    border-radius: 30px;
    margin-bottom: 1.2rem;
    width: fit-content;
}

.about-headline {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 1.5rem;
    color: #000000;
    color: var(--third);
    font-family: 'Playfair Display', serif;
    letter-spacing: -0.02em;
}

.about-headline span {
    color: var(--third);

    border-bottom: 3px solid #e2e8f0;
    display: inline-block;
}

/* description text with improved readability */
.description-text {
    font-size: 1rem;
    color: #334155;
    margin-bottom: 0rem;
    line-height: 1.6;
}

/* stats row - 2 mge (milestones / greatness elements) as requested "2 mge aana chaiye" */
.stats-row {
    display: flex;
    flex-wrap: wrap;
    gap: 1.8rem;
    margin: 1.8rem 0 2rem 0;
    border-top: 1px solid #eef2ff;
    /* padding-top: 1.8rem; */
}

.stat-item {
    flex: 1;
    min-width: 130px;
}

.stat-number {
    font-size: 2.2rem;
    font-weight: 800;

    color: var(--third-light);
    line-height: 1.1;

    text-align: center;
    letter-spacing: -0.02em;
}

.stat-label {
    font-size: 0.85rem;
    font-weight: 500;
    text-transform: uppercase;
    color: #475569;
    letter-spacing: 0.5px;
    margin-top: 0.35rem;
}

/* description highlight for schools legacy */
.highlight {
    /* background: linear-gradient(120deg, #fff1f0 0%, #fff1f0 40%, transparent 60%); */
    padding: 0 0.2rem;
    font-weight: 600;
    color: #8336a1;

}

/* button modern */
.btn-modern {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    /* background: #b91c1c; */
    color: var(--white);
    border-color: var(--secondary);
    background: var(--secondary);
    font-weight: 600;
    padding: 0.85rem 2rem;
    border-radius: 50px;
    text-decoration: none;
    font-size: 0.95rem;
    transition: all 0.25s ease;
    border: none;
    width: fit-content;
    box-shadow: 0 8px 18px -8px rgba(185, 28, 28, 0.3);
    letter-spacing: 0.3px;
}

.btn-modern i {
    font-size: 0.9rem;
    transition: transform 0.2s;
}

.btn-modern:hover {
    background: #ffffff;
    transform: translateY(-1px);
    box-shadow: 0 15px 25px -10px rgb(71, 44, 82);
    border: 1px solid rgb(89, 39, 102);
}

.btn-modern:hover i {
    transform: translateX(4px);
}

/* responsive */
@media (max-width: 992px) {
    .about-grid {
        grid-template-columns: 1fr;
    }

    .about-visual {
        min-height: 320px;
        margin-top: -30px;
    }

    .main-image {
        height: 100%;
        max-height: 380px;
        width: 100%;
        object-fit: cover;
    }

    .about-content {
        padding: 2rem 1.8rem;
        margin-top: -50px;

    }

    .about-headline {
        font-size: 2rem;
    }
}

@media (max-width: 640px) {
    .stats-row {
        flex-direction: column;
        gap: 1rem;
    }

    .stat-item {
        width: 100%;
    }

    .about-headline {
        font-size: 1.60rem;
    }

    .btn-modern {
        width: 100%;
        justify-content: center;
    }
}

/* extra elegance for small details */
.trust-signature {
    font-size: 0.85rem;
    margin-top: 1rem;
    color: #5b6e8c;
    display: flex;
    align-items: center;
    gap: 8px;
}

.trust-signature i {
    color: #b91c1c;
}

.texthome-new {
    margin-bottom: 1rem;
}

sup {
    font-size: 70%;
}






/* stylr footer start */

.footerFour .footerLogo img {
    width: 32%;
    max-width: 130px;
}



.headerAvalon .headerMenu ul li ul li a:hover {

    color: #000000;

    background-color: var(--third-light);
}



/* 2 ************************* index abut section start  ****************/

/* MAIN BOX */
.about-left {
    position: relative;
    width: 500px;
    margin: 100px auto;
    box-shadow:
        0 -10px 25px rgba(76, 43, 85, 0.555),
        /* 👈 Top strong shadow */
        0 5px 15px rgba(160, 94, 173, 0.568);
    /* 👈 Bottom normal shadow */
}

/* BIG IMAGE (HERO) */
.about-left .main-img {
    width: 100%;
    height: 420px;
    object-fit: cover;
    /* 👈 important */
    /* border-radius: 16px; */
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
    transition: 0.4s;
    transform: scale(1.03);
}

.about-left .main-img:hover {
    transform: scale(1.03);
}

/* SMALL IMAGE */
.about-left .small-img {
    width: 170px;
    /* height:160px; */
    object-fit: cover;
    position: absolute;
    bottom: -60px;
    right: -40px;
    border-radius: 12px;
    border: 6px solid #fff;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
    transition: 0.4s;
}

.about-left .small-img:hover {
    transform: translateY(-5px) scale(1.05);
}

/* MODERN SHAPES */
/* GLASS CARD */
.about-left::before {
    content: "";
    position: absolute;
    width: 180px;
    height: 180px;
    background-color: var(--third-light);
    top: -40px;
    left: -40px;
    /* border-radius: 20px; */
    backdrop-filter: blur(10px);
}

/* DOT PATTERN */
.about-left::after {
    content: "";
    position: absolute;
    width: 160px;
    height: 160px;
    bottom: -80px;
    left: -30px;
    background: radial-gradient(#1bb5b3 2px, transparent 2px);
    background-size: 12px 12px;
    opacity: 0.4;
}

/* RESPONSIVE */
@media(max-width:500px) {
    .about-left {
        width: 90%;
    }

    .about-left .main-img {
        height: 300px;
    }

    .about-left .small-img {
        width: 160px;
        /* height: 120px; */
        right: 0;
    }
}

/* NEW SLIDER - SAME STYLE */
.nm-slider {
    width: 100%;
    max-width: 600px;
    height: 80px;
    /* margin:40px auto; */
    perspective: 1200px;
}

/* NEW BOX */
.nm-slider-box {
    width: 100%;
    height: 100%;
    background-color: var(--third-light);
    overflow: hidden;
    position: relative;
    box-shadow: 0 15px 35px rgba(102, 126, 234, 0.4);
    border-radius: 2px;
}

/* SLIDES */
.nm-slides {
    display: flex;
    height: 100%;
    transition: transform 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.nm-slide {
    min-width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 700;
    padding: 0 20px;
    /* 3D EFFECT */
    transform: scale(0.85) rotateY(25deg);
    opacity: 0.4;
    transition: all 0.7s ease;
}

/* ACTIVE */
.nm-slide.active {
    transform: scale(1) rotateY(0deg);
    opacity: 1;
    text-shadow: 0 2px 10px rgba(255, 255, 255, 0.5);
}

/* NEW COLORS */
.nm-slide:nth-child(1) {
    color: #fff;
}

.nm-slide:nth-child(2) {
    color: #ffffff;
}

.nm-slide:nth-child(3) {
    color: #ffffff;
}

/* DOTS */
.nm-dots {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
}

.nm-dot {
    width: 10px;
    height: 10px;
    margin: 5px 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.5);
    cursor: pointer;
    transition: all 0.4s ease;
    border: 2px solid rgba(255, 255, 255, 0.3);
}

.nm-dot.active {
    background: #ffffff;
    transform: scale(1.5);
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.8);
}

.nm-slide img {
    width: 95%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
    cursor: pointer;
    transition: 0.3s;
}

.about-grid {
    display: grid;
    gap: 60px;
    align-items: center;
}

/* Mobile fix */
@media (max-width: 768px) {
    .about-grid {
        grid-template-columns: 3fr !important;
    }
}

.btn-modern {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    border-radius: 8px;
    background-color: var(--third-light);
    color: #ffffff;
    text-decoration: none;
    position: relative;
    overflow: hidden;
}

/* dots container */
.dots span {
    display: inline-block;
    width: 5px;
    height: 5px;
    margin: 0 2px;
    background: #fff;
    border-radius: 50%;
    opacity: 0;
    animation: moveDots 1.5s infinite;
}

/* delay for each dot */
.dots span:nth-child(1) {
    animation-delay: 0s;
}

.dots span:nth-child(2) {
    animation-delay: 0.3s;
}

.dots span:nth-child(3) {
    animation-delay: 0.6s;
}

.dots span:nth-child(4) {
    animation-delay: 0.6s;
}

.dots span:nth-child(5) {
    animation-delay: 0.6s;
}

/* animation */
@keyframes moveDots {
    0% {
        transform: translateX(0);
        opacity: 0;
    }

    30% {
        opacity: 1;
    }

    100% {
        transform: translateX(15px);
        opacity: 0;
    }
}

/* arrow animation */
.arrow {
    transition: transform 0.3s ease;
}

.btn-modern:hover .arrow {
    transform: translateX(5px);
}

/* Mobile me margin hatao */
@media (max-width: 768px) {
    .mtm-4 {
        margin-top: 0 !important;
    }
}

/* 2 ************************* index abut section End****************/







/* 3 ***************  SECTION 1: CHAIRMAN'S MESSAGE     ********/

.container-modern {
    max-width: 1250px;
    margin: 0 auto;
    padding: 0 20px;
}

.row-flex {
    display: flex;
    flex-wrap: wrap;
    gap: 28px;
    justify-content: center;
}

.col-card {
    flex: 1;
    min-width: 300px;
}

/* Modern Card Style */
.modern-card {
    background: #ffffff;
    border-radius: 13px;
    overflow: hidden;
    box-shadow: 0 20px 35px -10px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    height: 100%;
}

.modern-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 25px 45px -12px rgba(0, 0, 0, 0.15);
}

.card-content {
    padding: 28px 24px;
}

/* Section Headers */
.section-icon {
    font-size: 2rem;
    color: #8d2538;
    color: linear-gradient(to bottom, );
    margin-bottom: 12px;
}

.section-title {
    font-size: 1.6rem;
    font-weight: 700;
    color: #1a1a2e;
    color: var(--third);
    margin-bottom: 8px;
}

.section-underline {
    width: 60px;
    height: 3px;
    background: #e85d04;
    border-radius: 3px;
    margin-bottom: 24px;
}

/* ===== CHAIRMAN SECTION (1st Position) ===== */
.chairman-photo {
    text-align: center;
    margin-bottom: 20px;
}

.photo-circle {
    width: 220px;
    height: 220px;
    margin: 0 auto;
    border-radius: 50%;
    background: linear-gradient(135deg, #ffedd5, #fed7aa);
    padding: 6px;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.12);
}

.photo-circle img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    border: 3px solid white;
}

.chairman-name {
    font-size: 1.25rem;
    font-weight: 700;
    text-align: center;
    color: #398a3d;
    margin: 16px 0 12px;
}

.chairman-name i {
    margin-right: 8px;
}

.chairman-message {
    background: #fef9f0;
    padding: 18px;
    border-radius: 20px;
    font-size: 0.9rem;
    line-height: 1.65;
    color: #1c4791;
    margin: 16px 0;
    border-left: 4px solid var(--secondary);
}

.chairman-message i {
    color: #e85d04;
    margin-right: 6px;
}

.btn-outline-orange {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: transparent;
    border: 2px solid #e85d04;
    color: #e85d04;
    padding: 10px 28px;
    border-radius: 40px;
    color: var(--white);
    border-color: var(--secondary);
    background: var(--secondary);
    font-weight: 600;
    text-decoration: none;
    font-size: 0.85rem;
    transition: all 0.3s;
}

.btn-outline-orange:hover {
    background: #684680f5;
    color: white;
    border: #e2e8f0;
    gap: 14px;
}

/* ===== PROUD SECTION ===== */
.proud-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.proud-item {
    display: flex;
    align-items: flex-start;
    gap: 7px;
    padding: 12px 14px;
    background: #fafafc;
    border-radius: 1px;
    transition: all 0.25s;
    border: 1px solid #eee;
}

.proud-item:hover {
    background: #fff7ed;
    border-color: #fed7aa;
    transform: translateX(5px);
}

.proud-icon {
    width: 44px;
    height: 44px;
    /* background: #fff2e6; */
    background-color: var(--third-light);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
    color: #ffffff;
    flex-shrink: 0;
}

.proud-item p {
    font-size: 0.9rem;
    line-height: 1.45;
    /* color: #1e293b; */

    color: var(--text-color);
    font-weight: 500;
    margin: 0;
}

.proud-item strong {
    color: #8336a1;
}

/* ===== ADMISSION FORM ===== */
.form-group-modern {
    margin-bottom: 18px;
}

.input-group-modern {
    display: flex;
    align-items: center;
    background: #f8f9fc;
    border-radius: 4px;
    border: 1px solid #645283a8;
    transition: all 0.2s;
}

.input-group-modern:focus-within {
    border-color: #c7610e;
    box-shadow: 0 0 0 3px rgba(232, 93, 4, 0.1);
}

.input-icon {
    padding: 0px 13px;
    color: #702970;
    font-size: 1rem;
}

.input-group-modern input,
.input-group-modern select,
.input-group-modern textarea {
    flex: 1;
    border: none;
    background: transparent;
    padding: 12px 14px 12px 0;
    font-size: 0.9rem;
    font-family: 'Poppins', sans-serif;
    outline: none;
}

.captcha-box {
    background: #fef3e8;
    padding: 12px;
    text-align: center;
    font-weight: 700;
    font-size: 1.1rem;
    letter-spacing: 3px;
    color: #702970;
    border-radius: 12px;
    font-family: monospace;
}

.btn-submit {
    width: 100%;
    padding: 14px;
    border-radius: 40px;
    font-weight: 700;
    font-size: 1rem;
    cursor: pointer;
    transition: all 0.3s;
    margin-top: 10px;
    color: var(--white);
    border-color: var(--secondary);
    background: var(--secondary);
}

.btn-submit:hover {
    transform: scale(1.02);
    background: linear-gradient(135deg, #683569, #925292);
}

.year-badge {
    text-align: center;
    font-size: 1.3rem;
    font-weight: 500;
    /* background: linear-gradient(135deg, #dc2626, #e85d04); */
    background-color: #398a3d;
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}

hr {
    display: none;
}

@media (max-width: 1024px) {
    .col-card {
        min-width: 280px;
    }

    .photo-circle {
        width: 180px;
        height: 180px;
    }
}

@media (max-width: 768px) {
    .row-flex {
        flex-direction: column;
    }

    .card-content {
        padding: 24px 20px;
    }
}

.admission-wrapper {
    background-color: var(--third-lighter);
}

#captchaInput {
    padding-left: 12px;
    /* left se gap */
    padding-right: 10px;
    /* right se bhi thoda gap */
    height: 40px;
    box-sizing: border-box;
}

.captcha-box {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #988bab;
    background: #f5f5f5;
    font-weight: bold;
}

.input-group-modern input {
    width: 100%;
    height: 40px;
    box-sizing: border-box;
}


/* Row fix */
.row-flex {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

/* Card fix */
.col-card {
    flex: 1 1 300px;
    /* 👈 responsive width */
    max-width: 100%;
}

/* Image overflow fix */
img {
    max-width: 100%;
    height: auto;
}

/* Form inputs overflow fix */
.input-group-modern input,
.input-group-modern select,
.input-group-modern textarea {
    width: 100%;
    min-width: 0;
}

/* Mobile special fix */
@media (max-width: 768px) {
    .row-flex {
        flex-direction: column;
    }

    .col-card {
        width: 100%;
    }

    .container-modern {
        padding: 0 10px;
        /* 👈 side gap control */
    }
}




/***************  SECTION 1: CHAIRMAN'S MESSAGE     ********/



/*4  ************** Counter Start  ************ --> */

.stats-dashboard {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 2.5rem;
    max-width: 1400px;
    margin: 0 auto;
}

.stat-ring {
    width: 210px;
    height: 210px;
    border-radius: 50%;
    margin: 0 auto 1.2rem auto;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    box-shadow: 0 10px 18px -6px rgba(0, 0, 0, 0.2);
}

/* INNER WHITE (clean separator) */
.stat-ring::before {
    content: "";
    position: absolute;
    width: 158px;
    height: 158px;
    background: #ffffff;
    border-radius: 50%;
    box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.02), 0 6px 12px -4px rgba(0, 0, 0, 0.1);
    z-index: 1;
}

/* ICON BADGE - unique class */
.ring-icon {
    position: absolute;
    top: -8px;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 26px;
    box-shadow: 0 8px 14px -6px rgba(0, 0, 0, 0.3);
    z-index: 15;
    transition: transform 0.25s;
    border: 2px solid rgba(255, 255, 255, 0.7);
}

.metric-card:hover .ring-icon {
    transform: scale(1.03);
}

/* TEXT CONTENT inside ring */
.ring-text {
    position: relative;
    z-index: 12;
    text-align: center;
    background: transparent;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.ring-text h3 {
    font-size: 1.15rem;
    font-weight: 600;
    letter-spacing: 0px;
    text-transform: uppercase;
    background: linear-gradient(135deg, #2c3e4e, #1f2c38);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    margin-bottom: 8px;
    margin-top: 18px;
}

.ring-text .counter-value {
    font-size: 30px;
    font-weight: 800;
    color: #6d2978;
    display: inline-block;
    line-height: 1.1;
    letter-spacing: -0.5px;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
}

/* optional badge */
.stat-mini-badge {
    font-size: 10px;
    background: rgba(0, 0, 0, 0.05);
    border-radius: 30px;
    padding: 2px 10px;
    margin-top: 8px;
    font-weight: 500;
    color: #4a5b6e;
    letter-spacing: 0.3px;
}

/* ===== COLOR VARIATIONS (Unique naming) ===== */
.ring-red .ring-icon {
    background: #ff4d6d;
}

.ring-red {
    background: conic-gradient(#ff4d6d 0deg, #e6e6e6 0deg);
}

.ring-orange .ring-icon {
    background: #ff9f43;
}

.ring-orange {
    background: conic-gradient(#ff9f43 0deg, #e6e6e6 0deg);
}

.ring-green .ring-icon {
    background: #6ab04c;
}

.ring-green {
    background: conic-gradient(#6ab04c 0deg, #e6e6e6 0deg);
}

.ring-blue .ring-icon {
    background: #60a3bc;
}

.ring-blue {
    background: conic-gradient(#60a3bc 0deg, #e6e6e6 0deg);
}

.ring-purple .ring-icon {
    background: #4f255f;
}

.ring-purple {
    background: conic-gradient(#9b59b6 0deg, #e6e6e6 0deg);
}

/* RESPONSIVE BREAKPOINTS */
@media (max-width: 950px) {
    .stats-dashboard {
        gap: 2rem;
    }

    .stat-ring {
        width: 190px;
        height: 190px;
    }

    .stat-ring::before {
        width: 140px;
        height: 140px;
    }

    .ring-text .counter-value {
        font-size: 34px;
    }

    .ring-text h3 {
        font-size: 0.75rem;
    }

    .ring-icon {
        width: 48px;
        height: 48px;
        font-size: 22px;
        top: -6px;
    }
}

@media (max-width: 650px) {
    .metric-card {
        width: 240px;
    }

    .stat-ring {
        width: 180px;
        height: 180px;
    }

    .stat-ring::before {
        width: 132px;
        height: 132px;
    }

    .ring-text .counter-value {
        font-size: 25px;
    }
}

/* Animation */
@keyframes gentlePop {
    0% {
        transform: scale(0.96);
        opacity: 0.9;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.stat-ring {
    animation: gentlePop 0.6s ease-out forwards;
}

/* Prevent overflow issues */
.metric-card,
.stat-ring,
.ring-text {
    overflow: visible;
}

.ring-text h3,
.ring-text .counter-value,
.stat-mini-badge {
    word-break: keep-all;
    white-space: nowrap;
}

@media (max-width: 480px) {
    .ring-text h3 {
        white-space: normal;
        font-size: 0.9rem;
        /* line-height: 1.2; */
    }

    .stat-mini-badge {
        font-size: 8px;
        white-space: nowrap;
    }
}

/* <!-- ************ Counter End ************--> */



/**************    6 Video section Start --> ***************/

/* feedback   Container start */
.mvm-fb-cards-container {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
}


.mvm-fb-click-card {
    width: 240px;
    height: 240px;
    background: white;
    cursor: pointer;
    transition: all 0.4s cubic-bezier(0.2, 0.9, 0.4, 1.1);
    /* 🔥 Stylish shadow */
    box-shadow: 0 20px 35px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 1.5rem;
    position: relative;
    overflow: hidden;

    border-radius: 0 40px 0 40px;
    /* ✨ subtle border */
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.mvm-fb-click-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
    transition: left 0.5s;
}

.mvm-fb-click-card:hover::before {
    left: 100%;
}

.mvm-fb-click-card:hover {
    transform: translateY(-10px) scale(1.02);
    box-shadow: 0 30px 45px rgba(0, 0, 0, 0.15);
}

/* Card 1 - Feedback */
.mvm-fb-card-feedback {
    background: linear-gradient(135deg, #ffffff 0%, #eff6ff 100%);
    border-bottom: 5px solid #398a3d;
}

/* Card 2 - Articles */
.mvm-fb-card-articles {
    background: linear-gradient(135deg, #ffffff 0%, #fff7ed 100%);
    border-bottom: 5px solid #6b2e8f;
}

.mvm-fb-card-icon {
    width: 85px;
    height: 85px;
    background: linear-gradient(135deg, #398a3d, #398a3d);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
    box-shadow: 0 10px 20px rgba(57, 138, 61, 0.3);
    transition: all 0.3s;
}

.mvm-fb-card-articles .mvm-fb-card-icon {
    background: linear-gradient(135deg, #602d66, #67326b);
    box-shadow: 0 10px 20px rgba(108, 46, 143, 0.3);
}


.mvm-fb-card-icon i {
    font-size: 2.8rem;
    color: white;
}

.mvm-fb-click-card h3 {
    font-weight: 700;
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
}

.mvm-fb-card-feedback h3 {
    color: #398a3d;
}

.mvm-fb-card-articles h3 {
    color: #6b2e8f;
}

/* Animated Pointer */
.mvm-fb-animated-pointer {
    margin-top: 0.8rem;
}

.mvm-fb-animated-pointer i {
    font-size: 2rem;
    animation: mvmFbBounceAndPoint 1s ease-in-out infinite;
    display: inline-block;
}

.mvm-fb-card-feedback .mvm-fb-animated-pointer i {
    color: #398a3d;
}

.mvm-fb-card-articles .mvm-fb-animated-pointer i {
    color: #6b2e8f;
}

@keyframes mvmFbBounceAndPoint {

    0%,
    100% {
        transform: translateX(0px) translateY(0px);
    }

    25% {
        transform: translateX(-5px) translateY(-3px);
    }

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

    75% {
        transform: translateX(3px) translateY(-2px);
    }
}

@keyframes mvmFbBounceAndPointStrong {

    0%,
    100% {
        transform: translateX(0px) scale(1);
    }

    50% {
        transform: translateX(12px) scale(1.15);
    }
}

/* ========== MODAL POPUP STYLES (Only for Feedback) ========== */
.mvm-fb-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.85);
    backdrop-filter: blur(8px);
    z-index: 10000;
    justify-content: center;
    align-items: center;
    animation: mvmFbFadeIn 0.3s ease;
}

@keyframes mvmFbFadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.head-color-style {
    color: white !important;
}

.mvm-fb-modal-content {
    background: white;
    width: 90%;
    max-width: 500px;
    max-height: 90vh;
    border-radius: 1.5rem;
    overflow-y: auto;
    animation: mvmFbSlideUp 0.4s ease;
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.3);
}

.mvm-fb-modal-content::-webkit-scrollbar {
    width: 6px;
}

.mvm-fb-modal-content::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.mvm-fb-modal-content::-webkit-scrollbar-thumb {
    background: #398a3d;
    border-radius: 10px;
}

@keyframes mvmFbSlideUp {
    from {
        transform: translateY(50px);
        opacity: 0;
    }

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

.mvm-fb-modal-header {
    background: linear-gradient(135deg, #398a3d, #2d6b30);
    padding: 1.2rem 1.5rem;
    color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mvm-fb-modal-header h2 {
    font-size: 1.3rem;
    font-weight: 600;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.mvm-fb-close-modal {
    background: rgba(255, 255, 255, 0.2);
    border: none;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    cursor: pointer;
    color: white !important;
    font-size: 1.2rem;
    transition: all 0.2s;
}

.mvm-fb-close-modal:hover {
    background: rgba(255, 255, 255, 0.4);
    transform: scale(1.1);
}

.mvm-fb-modal-body {
    padding: 1.8rem;
}

/* Form Styles */
.mvm-fb-form-group {
    margin-bottom: 1.2rem;
}

.mvm-fb-form-group label {
    display: block;
    font-weight: 600;
    margin-bottom: 0.4rem;
    color: #60267e;
    font-size: 0.85rem;
}

.mvm-fb-form-group input,
.mvm-fb-form-group textarea {
    width: 100%;
    padding: 3px 14px;
    border: 2px solid #e2e8f0;
    border-radius: 0.8rem;
    font-family: 'Poppins', sans-serif;
    transition: all 0.2s;
    font-size: 0.9rem;
}

.mvm-fb-form-group input:focus,
.mvm-fb-form-group textarea:focus {
    outline: none;
    border-color: #398a3d;
    box-shadow: 0 0 0 3px rgba(57, 138, 61, 0.1);
}

.mvm-fb-security-box {
    background: #f8fafc;

    border-radius: 1rem;
    text-align: center;
    margin: 1rem 0;
}

.mvm-fb-vcode {
    font-family: monospace;
    /* font-size: 1.5rem; */
    font-weight: bold;
    letter-spacing: 5px;
    background: #af76d2;
    color: #ffffff;
    padding: 10px 66px;
    /* border-radius: 0.8rem; */
    display: inline-block;
    margin-bottom: 10px;
}

.mvm-fb-btn-group {
    display: flex;
    gap: 1rem;
    margin-top: 1rem;
}

.mvm-fb-btn-submit {
    background: linear-gradient(135deg, #398a3d, #2d6b30);
    color: white;
    border: none;
    padding: 12px 20px;
    border-radius: 2rem;
    font-weight: 600;
    cursor: pointer;
    flex: 1;
    transition: all 0.2s;
    font-size: 0.9rem;
}

.mvm-fb-btn-submit:hover {
    transform: scale(1.02);
    opacity: 0.95;
}

.mvm-fb-btn-cancel {
    background: #e2e8f0;
    color: #475569;
    border: none;
    padding: 12px 20px;
    border-radius: 2rem;
    font-weight: 600;
    cursor: pointer;
    flex: 1;
    transition: all 0.2s;
    font-size: 0.9rem;
}

.mvm-fb-btn-cancel:hover {
    background: #cbd5e1;
    transform: scale(1.02);
}

.mvm-fb-toast {
    position: fixed;
    bottom: 30px;
    right: 30px;
    background: #10b981;
    color: white;
    padding: 12px 24px;
    border-radius: 50px;
    z-index: 10001;
    display: none;
    align-items: center;
    gap: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    font-size: 0.85rem;
}

@media (max-width: 550px) {
    .mvm-fb-click-card {
        width: 180px;
        height: 190px;
    }

    .mvm-fb-card-icon {
        width: 60px;
        height: 60px;
    }

    .mvm-fb-card-icon i {
        font-size: 1.8rem;
    }

    .mvm-fb-click-card h3 {
        font-size: 1.1rem;
    }

    .mvm-fb-animated-pointer i {
        font-size: 1.5rem;
    }

    .mvm-fb-modal-content {
        width: 95%;
    }

    .mvm-fb-btn-group {
        flex-direction: column;
    }
}

/*********** feedback   Container End   ****/

/**********  script online community Start  *****/
.mvm-community-root * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.mvm-community-root {
    font-family: 'Poppins', sans-serif;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    background: linear-gradient(135deg, #f5f7fa 0%, #eef2f7 100%);
}

/* Two Cards Container */
.mvm-community-cards-container {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
}

/* Each Card */
.mvm-community-click-card {
    width: 240px;
    height: 240px;
    background: white;
    border-radius: 0 40px 0 40px;
    cursor: pointer;
    transition: all 0.4s cubic-bezier(0.2, 0.9, 0.4, 1.1);
    box-shadow: 0 20px 35px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 1.5rem;
    position: relative;
    overflow: hidden;
    text-decoration: none;
}

.mvm-community-click-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
    transition: left 0.5s;
}

.mvm-community-click-card:hover::before {
    left: 100%;
}

.mvm-community-click-card:hover {
    transform: translateY(-10px) scale(1.02);
    box-shadow: 0 30px 45px rgba(0, 0, 0, 0.15);
}

/* Card 1 - Feedback */
.mvm-community-card-feedback {
    background: linear-gradient(135deg, #ffffff 0%, #eff6ff 100%);
    border-bottom: 5px solid #398a3d;
}

/* Card 2 - Join Community */
.mvm-community-card-community {
    background: linear-gradient(135deg, #ffffff 0%, #ffffff 100%);
    border-bottom: 5px solid #eab308;
}

.mvm-community-card-icon {
    width: 85px;
    height: 85px;
    background: linear-gradient(135deg, #398a3d, #398a3d);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
    box-shadow: 0 10px 20px rgba(57, 138, 61, 0.3);
    transition: all 0.3s;
}

.mvm-community-card-community .mvm-community-card-icon {
    background: linear-gradient(135deg, #eab308, #ca8a04);
    box-shadow: 0 10px 20px rgba(234, 179, 8, 0.3);
}


.mvm-community-card-icon i {
    font-size: 2.8rem;
    color: white;
}

.mvm-community-click-card h3 {
    font-weight: 700;
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
}

.mvm-community-card-feedback h3 {
    color: #398a3d;
}

.mvm-community-card-community h3 {
    color: #ca8a04;
}

/* Animated Pointer */
.mvm-community-animated-pointer {
    margin-top: 0.8rem;
    display: flex;
    gap: 8px;
    justify-content: center;
}

.mvm-community-animated-pointer i {
    font-size: 1.5rem;
    animation: mvmCommunityBounce 1s ease-in-out infinite;
    display: inline-block;
}

.mvm-community-card-feedback .mvm-community-animated-pointer i:first-child {
    color: #398a3d;
}

.mvm-community-card-community .mvm-community-animated-pointer i {
    animation: mvmCommunityBounce 1s ease-in-out infinite;
}

@keyframes mvmCommunityBounce {

    0%,
    100% {
        transform: translateY(0px);
    }

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

.mvm-community-card-feedback .mvm-community-animated-pointer i:last-child {
    color: #398a3d;
    animation: mvmCommunityMoveRight 1s ease-in-out infinite;
}

@keyframes mvmCommunityMoveRight {

    0%,
    100% {
        transform: translateX(0px);
    }

    50% {
        transform: translateX(5px);
    }
}

/* ========== MODAL POPUP STYLES ========== */
.mvm-community-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.85);
    backdrop-filter: blur(8px);
    z-index: 10000;
    justify-content: center;
    align-items: center;
    animation: mvmCommunityFadeIn 0.3s ease;
}

@keyframes mvmCommunityFadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.mvm-community-modal-content {
    background: white;
    width: 90%;
    max-width: 600px;
    max-height: 85vh;
    border-radius: 1.5rem;
    overflow-y: auto;
    animation: mvmCommunitySlideUp 0.4s ease;
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.3);
}

.mvm-community-modal-content::-webkit-scrollbar {
    width: 6px;
}

.mvm-community-modal-content::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.mvm-community-modal-content::-webkit-scrollbar-thumb {
    background: #398a3d;
    border-radius: 10px;
}

@keyframes mvmCommunitySlideUp {
    from {
        transform: translateY(50px);
        opacity: 0;
    }

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

.mvm-community-modal-header {
    background: linear-gradient(135deg, #398a3d, #2d6b30);
    padding: 1.2rem 1.5rem;
    color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* border-radius: 1.5rem 1.5rem 0 0; */
}

.mvm-community-community-modal .mvm-community-modal-header {
    background: linear-gradient(135deg, #eab308, #ca8a04);
}

.mvm-community-modal-header h2 {
    font-size: 1.3rem;
    font-weight: 600;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.mvm-community-close-modal {
    background: rgba(255, 255, 255, 0.2);
    border: none;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    cursor: pointer;
    color: white;
    font-size: 1.2rem;
    transition: all 0.2s;
}

.mvm-community-close-modal:hover {
    background: rgba(255, 255, 255, 0.4);
    transform: scale(1.1);
}

.mvm-community-modal-body {
    padding: 1.5rem;
}

/* Form Styles */
.mvm-community-form-group {
    margin-bottom: 1.2rem;
}

.mvm-community-form-group label {
    display: block;
    font-weight: 600;
    margin-bottom: 0.4rem;
    color: #60267e;
    font-size: 0.85rem;
}

.mvm-community-form-group input,
.mvm-community-form-group textarea {
    width: 100%;
    padding: 12px 14px;
    border: 2px solid #e2e8f0;
    border-radius: 0.8rem;
    font-family: 'Poppins', sans-serif;
    transition: all 0.2s;
    font-size: 0.9rem;
}

.mvm-community-form-group input:focus,
.mvm-community-form-group textarea:focus {
    outline: none;
    border-color: #398a3d;
    box-shadow: 0 0 0 3px rgba(57, 138, 61, 0.1);
}

.mvm-community-security-box {
    background: #f8fafc;
    padding: 1rem;
    border-radius: 1rem;
    text-align: center;
    margin: 1rem 0;
}

.mvm-community-vcode {
    font-family: monospace;
    font-size: 1.5rem;
    font-weight: bold;
    letter-spacing: 5px;
    background: #af76d2;
    color: #ffffff;
    padding: 10px 15px;
    border-radius: 0.8rem;
    display: inline-block;
    margin-bottom: 10px;
}

.mvm-community-btn-group {
    display: flex;
    gap: 1rem;
    margin-top: 1rem;
}

.mvm-community-btn-submit {
    background: linear-gradient(135deg, #398a3d, #2d6b30);
    color: white;
    border: none;
    padding: 12px 20px;
    border-radius: 2rem;
    font-weight: 600;
    cursor: pointer;
    flex: 1;
    transition: all 0.2s;
    font-size: 0.9rem;
}

.mvm-community-btn-submit:hover {
    transform: scale(1.02);
    opacity: 0.95;
}

.mvm-community-btn-cancel {
    background: #ab6e13;
    color: #ffffff;
    border: none;
    padding: 12px 20px;
    border-radius: 2rem;
    font-weight: 600;
    cursor: pointer;
    flex: 1;
    transition: all 0.2s;
    font-size: 0.9rem;
}

.mvm-community-btn-cancel:hover {
    background: #cbd5e1;
    transform: scale(1.02);
}

/* Social Tabs Styles - Modern Design */
.mvm-community-tabs-container {
    margin-top: 0.5rem;
}

.mvm-community-tabs {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
    border-bottom: 2px solid #e2e8f0;
    padding-bottom: 0.5rem;
}

.mvm-community-tab-btn {
    flex: 1;
    padding: 12px 8px;
    background: #ff000021;
    border: none;
    font-weight: 600;
    font-size: 0.9rem;
    cursor: pointer;
    border-radius: 2rem;
    transition: all 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #64748b;
}

.mvm-community-tab-btn i {
    font-size: 1.2rem;
}

.mvm-community-tab-btn.active {
    background: linear-gradient(135deg, #eab308, #ca8a04);
    color: white;
    box-shadow: 0 4px 12px rgba(234, 179, 8, 0.3);
}

.mvm-community-tab-btn:hover:not(.active) {
    background: #f1f5f9;
    color: #ca8a04;
}

.mvm-community-tab-pane {
    display: none;
    animation: mvmCommunityFadeInTab 0.3s ease;
}

.mvm-community-tab-pane.active {
    display: block;
}

@keyframes mvmCommunityFadeInTab {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

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

/* Social Feed Containers */
.mvm-community-fb-container,
.mvm-community-twitter-container,
.mvm-community-yt-container {
    background: #f8fafc;
    border-radius: 1rem;
    padding: 0.5rem;
    min-height: 300px;
}

.mvm-community-yt-container iframe {
    width: 100%;
    height: 300px;
    border-radius: 0.8rem;
    border: none;
}

.mvm-community-twitter-container iframe {
    width: 100% !important;
    border-radius: 0.8rem;
}

/* Toast */
.mvm-community-toast {
    position: fixed;
    bottom: 30px;
    right: 30px;
    background: #10b981;
    color: white;
    padding: 12px 24px;
    border-radius: 50px;
    z-index: 10001;
    display: none;
    align-items: center;
    gap: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    font-size: 0.85rem;
}

@media (max-width: 550px) {
    .mvm-community-click-card {
        width: 180px;
        height: 190px;
    }

    .mvm-community-card-icon {
        width: 60px;
        height: 60px;
    }

    .mvm-community-card-icon i {
        font-size: 1.8rem;
    }

    .mvm-community-click-card h3 {
        font-size: 1.1rem;
    }

    .mvm-community-animated-pointer i {
        font-size: 1.2rem;
    }

    .mvm-community-modal-content {
        width: 95%;
    }

    .mvm-community-btn-group {
        flex-direction: column;
    }

    .mvm-community-tab-btn {
        font-size: 0.7rem;
        padding: 8px 4px;
    }
}


/**********  script online community End *****/

/* .chairman VIDEO SECTION 6 START --> */

.video-wrapper {
    position: relative;
    cursor: pointer;
    display: inline-block;
    /* 👈 extra gap fix */
}

/* Image */
.video-thumb {
    width: 100%;
    display: block;
    line-height: 0;
    /* 👈 niche gap remove */
}

/* Play button center fix */
.play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* 👈 perfect center */
    font-size: 35px;
    color: white;
    background: rgba(168, 91, 27, 0.411);
    padding: 12px 18px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}


.mvm-video-frame {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    /* 16:9 */
    overflow: hidden;
    cursor: pointer;
}

/* Thumbnail */
.video-thumb {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* PLAY BUTTON FIX */
.play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    font-size: 30px;
    color: #fff;
    background: rgba(0, 0, 0, 0.6);

    width: 60px;
    height: 60px;
    border-radius: 50%;

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

    z-index: 2;
    /* 👉 IMPORTANT */
}

/* .chairman VIDEO SECTION 6 End --> */

/****************   Vedic Celebration + Social tabs  start *************/
.mvm-news-scroll {
    height: 300px;
    overflow-y: auto;
    position: relative;
    scroll-behavior: smooth;
}

/* Equal height */
.mvm-panel {
    height: 93%;
    padding: 20px;
}

/* Scroll container */
.mvm-news-scroll {
    height: 416px;
    overflow: hidden;
    position: relative;
}

/* Inner wrapper */
.mvm-news-inner {
    display: block;
}

/* Smooth animation */
.mvm-news-scroll {
    scroll-behavior: smooth;
}

.mvm-panel {
    border-top-left-radius: 0px;
    border-top-right-radius: 110px;
    border-bottom-left-radius: 80px;
    border-bottom-right-radius: 0;
}


.mvm-media-item {
    display: flex;
    gap: 10px;
    /* icon aur text ke beech */
    padding: 10px 0;
    border-bottom: 1px solid #eeeeee00;
}

.mvm-media-item+.mvm-media-item {
    margin-top: 15px;
}

@media (max-width: 950px) {

    .mvm-media-item+.mvm-media-item {
        margin-top: 0px;
    }
}

/*******   Vedic Celebration + Social tabs end *******/
/******** 6 Video section End --> ***************/





/**** <!--7 ************ Map  Start End   ********--> */
.image-container {
    position: relative;
    display: inline-block;
}

#mainImage {
    width: 450px;
    cursor: zoom-in;
}

#zoomView {
    position: fixed;
    /* 🔥 screen level pe le aata hai */
    width: 350px;
    height: 350px;
    left: 390px;
    /* 🔥 image ke right side me */
    border: 1px solid #000;
    background-repeat: no-repeat;
    display: none;
    z-index: 999999;
    /* 🔥 sabse upar */
    pointer-events: none;
    /* optional (mouse block na kare) */
}



/****************   Branch section start ********--> ******/
.body-map {
    min-height: 100vh;
    padding: 2rem;
}

.mvm-two-column-dashboard {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.8rem;
    max-width: 1600px;
    margin: 0 auto;
    border: 1px solid #12365a;
    border-radius: 2rem;
}

.mvm-branch-explorer {
    background: rgba(255, 255, 255, 0.97);
    border-radius: 2rem;
    box-shadow: 0 25px 45px rgba(120, 136, 143, 0.12);
    overflow: hidden;
    backdrop-filter: blur(0px);
    transition: all 0.2s;
    display: flex;
    flex-direction: column;
}

.mvm-hero-header {
    background: linear-gradient(115deg, #d6c8b3 0%, #dac2df 100%);
    padding: 1.4rem 1.8rem;
    color: #000000;
}

.mvm-hero-header h2 {
    font-size: 1.6rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 12px;
    color: rgb(57, 27, 77);
}

.mvm-hero-header h2 i {
    background: rgba(255, 255, 255, 0.2);
    padding: 8px;
    border-radius: 50px;
}

.mvm-hero-header p {
    font-size: 0.85rem;
    opacity: 0.85;
    margin-top: 6px;
}

.mvm-inner-dual {
    display: flex;
    flex-wrap: wrap;
    min-height: 500px;
}

.mvm-states-panel-custom {
    flex: 0 0 280px;
    background: #fefefe;
    border-right: 1px solid #e5ecf3;
    padding: 1.5rem 1rem 1.5rem 1.2rem;
    /* overflow-y: auto; */
    max-height: 650px;
}

.mvm-states-header {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 700;
    font-size: 1rem;
    color: #1a3e5c;
    margin-bottom: 0.3rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid #e2ebf3;
}

.mvm-state-list-custom {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.mvm-state-btn {
    background: transparent;
    border: none;
    width: 100%;
    text-align: left;
    padding: 0.5rem 1rem;
    font-family: inherit;
    font-weight: 600;
    font-size: 0.9rem;
    color: #1f3f5c;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 12px;
    background: linear-gradient(95deg, #e8f0fe, #dfe9f7);
    color: #398a3d;
    box-shadow: inset 3px 0 0 #1e6a9f;
}

.mvm-state-btn i {
    width: 26px;
    font-size: 1.1rem;
    color: #608bbf;
}

.mvm-state-btn:hover {
    background: #eef4fc;
    transform: translateX(5px);
}

.mvm-state-active {
    background: linear-gradient(95deg, #854e9e, #8a5499) !important;
    color: #ffffff;
    border-left: 3px solid #ffffff;
    border-right: 3px solid #ffffff;
}

.mvm-state-count-badge {
    margin-left: auto;
    background: #e2eaf3;
    font-size: 0.7rem;
    font-weight: 700;
    padding: 3px 8px;
    border-radius: 40px;
    color: #1a5a82;
}

/* right panel inside explorer : branches */
.mvm-branches-panel-custom {
    flex: 1;
    background: #ffffff;
    padding: 1.5rem 1.8rem;
    overflow-y: auto;
    max-height: 650px;
}


@media (max-width: 950px) {

    .mvm-states-panel-custom {
        padding: 0.5rem 0rem 0.5rem 0.2rem;
    }

    .mvm-branches-panel-custom {
        padding: 0.5rem 2px;
    }

    .mvm-state-btn {

        padding: 0.5rem 0rem;

        gap: 0px;

    }

    .mvm-states-panel-custom {
        flex: 0 0 190px;

    }
}



.mvm-branch-header {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    flex-wrap: wrap;
    margin-bottom: 1.5rem;
    border-bottom: 3px solid #eef3fc;
    padding-bottom: 0.6rem;
}

.mvm-branch-header h3 {
    font-size: 1.4rem;
    font-weight: 800;
    background: linear-gradient(130deg, #1e4668, #2c628b);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}

.mvm-branch-count-pill {
    background: #eaf1fa;
    padding: 0.25rem 1rem;
    border-radius: 60px;
    font-weight: 700;
    font-size: 0.75rem;
    color: #1e5a86;
}

.mvm-branch-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 0.34rem;
}

.mvm-branch-card {
    background: #fbfdff;
    border-radius: 1.3rem;
    border: 1px solid #eef2f8;
    transition: all 0.25s ease;
}

.mvm-branch-card a {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 0.3rem;
    text-decoration: none;
    font-weight: 600;
    color: #1f4c73;
    font-size: 0.85rem;
}

.mvm-branch-card a i {
    color: #7c9ec0;
    font-size: 1rem;
}

.mvm-branch-card:hover {
    background: #f7faff;
    border-color: #caddf0;
    transform: translateY(-3px);
}

.mvm-empty-msg {
    grid-column: 1 / -1;
    text-align: center;
    padding: 2rem;
    background: #fafcff;
    border-radius: 1.5rem;
    color: #7c8ea0;
}

/* ========== RIGHT COLUMN : IMAGE / ATTRACTIVE VISUAL ========== */
.mvm-visual-card {
    /* background: linear-gradient(145deg, #ffffff, #f8fafd); */
    border-radius: 1rem;
    /* box-shadow: 0 25px 45px rgba(0, 0, 0, 0.1); */
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 2rem 1.5rem;
    transition: transform 0.3s ease;
    /* border:  1px solid #12365a; */
}

.mvm-visual-card:hover {
    transform: translateY(-6px);
}

.mvm-image-wrapper {
    width: 100%;
    max-width: 420px;
    margin: 0 auto;
}

.mvm-image-wrapper img {
    width: 100%;
    height: auto;
    border-radius: 2px;
    box-shadow: 0 20px 30px -12px rgba(0, 0, 0, 0.2);
    object-fit: cover;
    transition: 0.3s;
}

.mvm-visual-quote {
    margin-top: 2rem;
    padding: 0 1rem;
}

.mvm-visual-quote h3 {
    font-size: 1.7rem;
    font-weight: 800;
    background: linear-gradient(120deg, #1f4e7a, #2d6a97);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    margin-bottom: 0.5rem;
}

.mvm-visual-quote p {
    color: #5a6f88;
    font-weight: 500;
    line-height: 1.4;
}

.mvm-decoration-icon {
    font-size: 3rem;
    margin-bottom: 1rem;
    color: #4b245e;
}

/* Responsive */
@media (max-width: 950px) {
    .mvm-two-column-dashboard {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .body-map {
        padding: 0.7rem !important;
    }
}

/* scroll nice */
.mvm-states-panel-custom::-webkit-scrollbar,
.mvm-branches-panel-custom::-webkit-scrollbar {
    width: 4px;
}

/***** 7 ************branch section end  ********--> ******/
/***** 7 ************ Map  End   ********--> ******/







/*--9  ******** Advertisement Start  *********/

.mvm-ad-container {
    display: flex;
    gap: 20px;
    perspective: 1200px;
}

/* Column Animation */
.mvm-ad-col {
    flex: 1;
    transform: rotateY(90deg) scale(0.8);
    opacity: 0;
    animation: slide3D 1s ease forwards;
}

/* Delay for stagger effect */
.mvm-ad-col:nth-child(1) {
    animation-delay: 0.2s;
}

.mvm-ad-col:nth-child(2) {
    animation-delay: 0.5s;
}

.mvm-ad-col:nth-child(3) {
    animation-delay: 0.8s;
}

/* Keyframes */
@keyframes slide3D {
    0% {
        transform: rotateY(90deg) translateY(50px) scale(0.8);
        opacity: 0;
    }

    100% {
        transform: rotateY(0deg) translateY(0) scale(1);
        opacity: 1;
    }
}

/* Hover effect (3D lift) */
.mvm-ad-box img {
    width: 100%;
    border-radius: 10px;
    transition: all 0.4s ease;
}

.mvm-ad-box:hover img {
    transform: scale(1.05) rotateX(5deg) rotateY(5deg);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}


/*--9  ******** Advertisement End  *********/




/* /////////////////////////////////////////////////////

second page code start from here

//////////////////////////////////////////////////////// */

/* <!-- img pageBanner  Start--> */

.breadcrumb-box {
    display: inline-block;
    /* sirf text jitna size */
    padding: 4px 10px;
    /* 👈 chhota kar diya */
    border-radius: 6px;

    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(4px);

    color: #fff;
    font-size: 15px;

    text-align: center;
    /* 👈 text center */
    margin: auto;
}

/* parent center karne ke liye */
.breadcrumb-wrapper {
    text-align: center;
}

/* links */
.breadcrumb-link {
    color: #ffffff;
    text-decoration: none;
}

.breadcrumb-link:hover {
    color: #ffd700;
}

/* current */
.breadcrumb-current {
    color: #ffd700;
    font-weight: 600;
}

/* spacing */
.breadcrumb-box i {
    margin: 0 4px;
}

.pageBannerOne .pageBannerContent {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;

    background: linear-gradient(rgb(0 0 0 / 15%), rgb(72 62 62 / 0%)), url(../../images/slider/slide5.jpg); 


    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    color: #fff;
    text-align: center;
}



@media (max-width: 950px) {
    .breadcrumb-box {
        font-size: 10px;
    }
}

/* <!-- img pageBanner End--> */



/************** s1 introduction page start *************/

/* ========== RESET & GLOBAL (unique namespace mvm_ to avoid conflicts) ========== */
.mvm_body_reset {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.mvm_body_reset * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.mvm_wrapper {
    font-family: 'Libre Baskerville', serif;
    background: radial-gradient(circle at 10% 20%, rgba(235, 248, 225, 0.6) 0%, #f0f7ea 100%);
    color: #172013;
    scroll-behavior: smooth;
}

/* main container */
.mvm_glass_container {
    max-width: 1400px;
    margin: 2rem auto;
    padding: 0 1.5rem;
}

.mvm_content_card {
    background: rgba(255, 255, 255, 0.96);
    /* border-radius: 2rem; */
    box-shadow: 0 30px 50px -25px rgba(0, 20, 0, 0.2), 0 0 0 1px rgba(160, 200, 120, 0.2);
    transition: all 0.3s ease;
    overflow: hidden;
}

.mvm_hero_line {
    background: linear-gradient(105deg, #1f4f1a 0%, #2d7a2a 100%);
    height: 8px;
    width: 100%;
}

.mvm_inner_padding {
    padding: 1rem 2rem;
}

@media (max-width: 768px) {
    .mvm_glass_container {
        margin: 1rem auto;
        padding: 0 0rem;
    }

    .mvm_inner_padding {
        padding: 1 .5rem 1.2rem;
    }


}

/* quote box */
.mvm_quote_box {
    background: linear-gradient(115deg, #F1F9EA, #E6F2DD);
    border-radius: 1.8rem;
    padding: 1.2rem 1.8rem;
    border-right: 4px solid #3cac3c;
    font-weight: 500;
    font-size: 1.2rem;
    color: #1c4817;
    margin-bottom: 2rem;
    box-shadow: 0 8px 14px -8px rgb(0 0 0);
}

/* header & badges */
.mvm_header_flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.8rem;
}

.mvm_title {
    font-weight: 700;
    font-size: clamp(1.6rem, 4vw, 1.5rem);
    background: linear-gradient(135deg, #236B2A, #3CAC3C);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    letter-spacing: -0.02em;
    line-height: 1.3;
}

.mvm_badge_eco {
    background: #eaf7e2;
    border-radius: 100px;
    padding: 0.3rem 1.2rem;
    font-size: 0.8rem;
    font-weight: 600;
    color: #236b23;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

/* stats grid */
.mvm_stats_grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 1rem;
    background: #FDFFF9;
    border-radius: 1.5rem;
    padding: 1rem;
    border: 1px solid #ddecd0;
    margin-bottom: 2rem;
}

.mvm_stat_card {
    text-align: center;
    padding: 0.75rem;
}

.mvm_stat_number {
    font-size: 1.8rem;
    font-weight: 800;
    color: #2d7a2a;
    line-height: 1.2;
}

/* pink marker headings */
.mvm_pink_marker {
    color: #4d1d53;
    font-weight: 700;
    font-size: 1.3rem;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    border-left: 4px solid #4d1d53;
    padding-left: 1rem;
    margin: 1.8rem 0 1rem 0;
}

/* benefit chips grid */
.mvm_benefits_grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 0.9rem;
    margin: 1rem 0;
}

.mvm_benefit_chip {
    background: #F8FCF4;
    border-radius: 1.2rem;
    padding: 0.7rem 1rem;
    display: flex;
    align-items: center;
    gap: 12px;
    font-weight: 500;
    border: 1px solid #cde6bd;
    transition: all 0.2s;
}

.mvm_benefit_chip i {
    color: #308722;
    font-size: 1.3rem;
}

/* vision gold box */
.mvm_vision_gold {
    background: #FFF9EF;
    border-radius: 1.8rem;
    padding: 1.5rem;
    border-left: 8px solid #E2B13B;
    margin: 1.8rem 0;
}

/* section headings */
.mvm_h2_style {
    font-weight: 800;
    font-size: 1.9rem;
    color: #4d1d53;
    margin: 2rem 0 1rem 0;
}

.mvm_h3_style {
    font-weight: 800;
    font-size: 1.4rem;
    border-left: 5px solid #702b79;
    color: #702b79;
    padding-left: 1rem;
    margin: 2rem 0 1.2rem 0;
}

.mvm_h4_style {
    font-weight: 800;
    font-size: 1.4rem;
    color: #4d1d53;
    margin: 1.8rem 0 1rem 0;
}

/* paragraphs spacing */
.mvm_paragraph {
    margin-bottom: 1.2rem;
    line-height: 1.50;
    text-align: justify;
    font-size: medium;
}

/* divider */
.mvm_fancy_divider {
    height: 2px;
    background: linear-gradient(90deg, #c4e0b0, #b1d696, #c4e0b0);
    border: 0;
    margin: 2rem 0;
}

/* no extra footer */
.mvm_clean_end {
    clear: both;
}

/* extra margin for specific br replacement - proper spacing */
.mvm_spacer_sm {
    margin-top: 1rem;
}

.mvm_spacer_md {
    margin-top: 1.6rem;
}



@media (max-width: 768px) {

    .mvm_title {
        font-size: clamp(0.99rem, 4vw, 1.5rem);
    }

    .mvm_h2_style {
        font-size: 0.99rem;
    }

    .mvm_h3_style {
        font-size: 0.99rem;
    }

    .mvm_h4_style {
        font-size: 0.99rem;
    }
}


/************** s1 introduction page End *************/


/************** s2 vision and mission start **********/

/* blockquote style - elegant italic */
.mvm_vm_blockquote {
    background: #fefaf0;
    border-left: 8px solid #c59b2c;
    padding: 1.2rem 1.8rem;
    border-radius: 1rem;
    /* font-style: italic; */
    font-size: 1.1rem;
    color: #2e3d2a;
    margin: 1.2rem 0;
    font-weight: 500;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.02);
}


/* custom list styling */
.mvm_vm_list {
    list-style: none;
    padding-left: 0;
    margin: 1rem 0;
}

.mvm_vm_list li {
    margin-bottom: 1rem;
    padding-left: 1.8rem;
    position: relative;
    line-height: 1.5;
}

.mvm_vm_list li:before {
    content: "";
    position: absolute;
    left: 0;
    color: #3e8e3a;
    font-size: 1rem;
}

/* alternative list for second set with different icon */
.mvm_vm_list_alt {
    list-style: none;
    padding-left: 0;
    margin: 1rem 0;
}

.mvm_vm_list_alt li {
    margin-bottom: 1rem;
    padding-left: 1.8rem;
    position: relative;
    line-height: 1.5;
}

.mvm_vm_list_alt li:before {
    content: "";
    position: absolute;
    left: 0;
    color: #c59b2c;
    font-size: 1rem;
}



/************** s2 vision and mission end**********/

/************** s3 Chairman Desk Start ***************/
.icon-check {
    color: #ff9800;
    /* orange */
}

/* main container */
.main-wrapper {
    max-width: 1300px;
    margin: 0 auto;
}

/* main card - clean and elegant */
.elegant-card {
    background: #ffffff;
    border-radius: 2rem;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    transition: all 0.3s ease;
}

/* large image section - no box around image, image is big and prominent */
.hero-section {
    background: linear-gradient(120deg, #332038 0%, #492c4e 100%);
    padding: 2.5rem 2rem 2rem 2rem;
    text-align: center;
    position: relative;
}



/* BIG IMAGE - large and clear, no extra box */
.chairman-image {
    max-width: 260px;
    width: 70%;
    /* border-radius: 50%;
        border: 5px solid rgba(255, 215, 120, 0.7); */
    box-shadow: 0 20px 35px -10px rgba(0, 0, 0, 0.4);
    transition: transform 0.3s;
    display: inline-block;
}

.chairman-image:hover {
    transform: scale(1.02);
}

.name-large {
    font-size: 2.5rem;
    font-weight: 800;
    color: #fff3e0;
    margin-top: 1.2rem;
    letter-spacing: -0.5px;
    text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
}

.degree-text {
    background: rgba(255, 245, 210, 0.2);
    display: inline-block;
    padding: 0.4rem 1.4rem;
    border-radius: 50px;
    font-size: 0.9rem;
    font-weight: 500;
    color: #ffefcf;
    margin-top: 0.6rem;
    backdrop-filter: blur(4px);
}

.chancellor-tag {
    margin-top: 1rem;
    display: inline-block;
    background: #ffffff;
    color: #000000;
    padding: 0.3rem 1.6rem;
    border-radius: 40px;
    font-weight: 700;
    font-size: 0.85rem;
}

/* BOX GRID - clean, attractive boxes */
.boxes-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1.5rem;
    padding: 2rem 1.8rem;
    background: #99141400;
}

/* each box style - clean, modern, spacious */
.info-box {
    background: #fefcf8;
    border-radius: 1.2rem;
    padding: 1.4rem 1.2rem;
    transition: all 0.25s ease;
    border: 1px solid #f0e4d0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02);
}

.info-box:hover {
    transform: translateY(-5px);
    border-color: #e2c48b;
    box-shadow: 0 20px 28px -12px rgba(0, 0, 0, 0.12);
    background: #ffffff;
}

.box-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 1rem;
    border-bottom: 2px solid #f3e0c0;
    padding-bottom: 0.7rem;
}

.box-icon {
    font-size: 1.8rem;
    color: #ca7924;
    background: #fef1e0;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 18px;
}

.box-title {
    font-size: 1.35rem;
    font-weight: 800;
    color: #8b4c1a;
    letter-spacing: -0.3px;
}

.box-content {
    font-size: 0.85rem;
    line-height: 1.5;

    color: var(--text-color);
}

.org-item {
    display: block;
    margin-top: 8px;
    padding-left: 8px;
    border-left: 3px solid #f3bc6c;
    font-weight: 500;
}

/* LINKS SECTION - clean 4 attractive boxes */
.links-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.2rem;
    padding: 1.2rem 1.8rem 2rem 1.8rem;
    background: #ffffff;
    border-top: 1px solid #f0e4ce;
}

.clean-link-card {
    background: #faf6ef;
    border-radius: 1.2rem;
    padding: 1rem 1.2rem;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 14px;
    flex: 1;
    min-width: 200px;
    transition: all 0.2s;
    border: 1px solid #eedfc9;
}

.clean-link-card:hover {
    background: #fff7ec;
    transform: translateY(-3px);
    border-color: #dcb070;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}

.link-circle-icon {
    width: 52px;
    height: 52px;
    background: #e9dbc8;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    color: #c57726;
}

.link-text {
    flex: 1;
}

.link-text h4 {
    font-size: 0.95rem;
    font-weight: 800;
    color: #55371a;
    margin-bottom: 4px;
}

.link-text p {
    font-size: 0.7rem;
    color: #917b5c;
}

.footer-elegant {
    text-align: center;
    padding: 1rem 1.5rem;
    background: #f7f2e9;
    font-size: 0.7rem;
    color: #755e3b;
    border-top: 1px solid #e9dbc9;
}

@media (max-width: 680px) {


    .name-large {
        font-size: 1.0rem;
    }

    .boxes-grid {
        padding: 4px 0rem;
        gap: 1rem;
    }

    .links-container {
        flex-direction: column;
        padding: 7px 0rem;
    }

    .clean-link-card {
        min-width: auto;
    }

    .chairman-image {
        width: 60%;
        max-width: 200px;
    }
}

/* Main wrapper restriction */
.main-wrapper {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    /* bahar nahi jayega */
    padding: 20px;
    box-sizing: border-box;
}

/* Grid mobile ke liye 1 column */
@media (max-width: 768px) {

    .boxes-grid {
        display: grid;
        grid-template-columns: 1fr;
        /* ek hi column */
        gap: 12px;
    }

    .info-box {
        width: 100%;
        padding: 12px;
        box-sizing: border-box;
    }

    .box-header {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .box-title {
        font-size: 16px;
        font-weight: 600;
    }

    .box-content {
        margin-top: 8px;
    }

    .org-item {
        display: block;
        font-size: 14px;
        line-height: 1.5;
        word-wrap: break-word;
    }

    /* Links section mobile */
    .links-container {
        display: grid;
        grid-template-columns: 1fr;
        gap: 12px;
        margin-top: 15px;
    }

    .clean-link-card {
        width: 100%;
        padding: 12px;
        box-sizing: border-box;
        text-align: center;
    }

    .link-text h4 {
        font-size: 14px;
        line-height: 1.4;
    }

    .mvm_inner_padding-style {
        padding: 1.2rem 5px;
    }
}


/************** s3 Chairman Desk End ***************/




/************** Board of Directors start  ***********/

.premium-carousel {
    max-width: 1400px;
    margin: 0 auto;
    background: rgb(255, 255, 255);
    /* padding: 2rem 0.8rem 2rem 0.8rem;
            box-shadow: 0 25px 45px rgba(0, 0, 0, 0.1); */
    border-radius: 2rem;
}

.header-glow {
    text-align: center;
    margin-bottom: 2rem;
}

.header-glow h2 {
    font-size: 2.3rem;
    font-weight: 800;
    background: linear-gradient(135deg, #582156, #5e2d6d);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    letter-spacing: -0.3px;
}

.header-glow p {
    color: #876b48;
    font-weight: 500;
    margin-top: 8px;
}

.carousel-king {
    position: relative;
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 0 12px;
}

.scroll-area {
    overflow-x: hidden;
    flex: 1;
    border-radius: 2rem;
}

.infinite-track {
    display: flex;
    gap: 1.8rem;
    will-change: transform;
    cursor: grab;
    user-select: none;
}

.infinite-track:active {
    cursor: grabbing;
}

/* Card design - exactly as requested: img + p with clean styling */
.leader-card {
    flex: 0 0 auto;
    width: 280px;
    background: white;
    border-radius: 2rem;
    overflow: hidden;
    transition: all 0.35s cubic-bezier(0.2, 0.9, 0.4, 1.1);
    box-shadow: 0 18px 32px -12px rgba(0, 0, 0, 0.15);
    border: 1px solid rgba(230, 180, 100, 0.5);
    cursor: pointer;
    transform: scale(1);
    text-align: center;
    padding-bottom: 1.2rem;
}

.leader-card:hover {
    box-shadow: 0 28px 40px -12px rgba(0, 0, 0, 0.25);
    border-color: #e6a43c;
}

.leader-card img {
    width: 100%;
    height: 280px;
    object-fit: cover;
    background: #e9dbca;
    display: block;
    transition: transform 0.4s;
}

.leader-card:hover img {
    transform: scale(1.04);
}

.leader-card p {
    font-weight: 800;
    font-size: 1.1rem;
    color: #2d7a2a;
    margin-top: 0.9rem;
    margin-bottom: 0;
    padding: 0 0.8rem;
    line-height: 1.3;
}

/* Subtle designation badge (enhancement but doesn't break the required format) */
.leader-role-badge {
    font-size: 0.9rem;
    font-weight: 600;
    color: #c46a24;
    background: #fef3e8;
    display: inline-block;
    padding: 4px 12px;
    border-radius: 50px;
    margin-top: 8px;
    letter-spacing: 0.2px;
}

.nav-circle {
    background: #fff4e8;
    border: none;
    width: 52px;
    height: 52px;
    border-radius: 60px;
    font-size: 1.5rem;
    color: #bc681f;
    cursor: pointer;
    transition: all 0.25s;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 5;
}

.nav-circle:hover {
    background: #f7e5cf;
    transform: scale(1.07);
    color: #874f1a;
    box-shadow: 0 12px 20px rgba(0, 0, 0, 0.12);
}

.info-badge {
    text-align: center;
    margin-top: 1.8rem;
}

.info-badge span {
    background: #faeedf;
    padding: 0.5rem 1.6rem;
    border-radius: 60px;
    font-size: 0.8rem;
    font-weight: 500;
    color: #b2662b;
}

/* Modal popup */
.modal-shade {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.85);
    backdrop-filter: blur(10px);
    z-index: 2000;
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.25s, opacity 0.25s;
}

.modal-shade.active {
    visibility: visible;
    opacity: 1;
}

.modal-panel {
    background: #fffef7;
    max-width: 580px;
    width: 90%;
    border-radius: 2rem;
    overflow: hidden;
    transform: scale(0.96);
    transition: transform 0.2s;
    box-shadow: 0 40px 60px rgba(0, 0, 0, 0.5);
}

.modal-shade.active .modal-panel {
    transform: scale(1);
}

.modal-header-custom {
    background: #612966;
    padding: 1rem 1.8rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: white;
}

.modal-header-custom h3 {
    font-weight: 700;
    font-size: 1.4rem;
    color: #ffffff;
}

.modal-close-btn {
    background: none;
    border: none;
    font-size: 2rem;
    color: white;
    cursor: pointer;
    line-height: 1;
}

.modal-body-custom {
    padding: 1.8rem;
    text-align: center;
}

.modal-img-circle {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    object-fit: cover;
    border: 5px solid #f2b761;
    margin-bottom: 1rem;
}

.modal-degree-badge {
    background: #f5ecdf;
    display: inline-block;
    padding: 0.25rem 1.2rem;
    border-radius: 40px;
    font-size: 0.8rem;
    font-weight: 600;
    color: #a1551f;
    margin: 8px 0;
}

.modal-designation-text {
    font-weight: 800;
    color: #bd621f;
    margin: 10px 0;
    font-size: 1rem;
}

.modal-bio {
    text-align: left;
    font-size: 0.87rem;
    line-height: 1.55;
    color: #3f2d1b;
    border-top: 1px solid #edddc5;
    padding-top: 1rem;
    margin-top: 0.6rem;
}

@media (max-width: 991px) {
    .leader-card {
        width: 240px;
    }

    .leader-card img {
        height: 240px;
    }

    .nav-circle {
        width: 12px;
        height: 12px;
        font-size: 1.2rem;
    }

    .header-glow h2 {
        font-size: 0.99rem;
    }

    .carousel-king {

        padding: 0 0px;
    }
}



/************** Board of Directors end ***********/


/********** mvm result start *********/

.body-result {
    background: linear-gradient(145deg, #eef2f9 0%, #e0e7f0 100%);
    font-family: 'Inter', sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    padding: 2rem;
}

/* main card container - sleek, elevated, rounded */
.results-master-container {
    max-width: 1200px;
    width: 100%;
    background: #ffffff;
    border-radius: 2rem;
    box-shadow: 0 25px 45px -12px rgba(0, 0, 0, 0.25), 0 4px 12px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    transition: all 0.2s ease;
}

/* header hero area: dual tone gradient with subtle pattern */
.hero-header {
    background: linear-gradient(135deg, #128153 0%, #009688 40%, #6fd79c 100%);
    padding: 1.2rem 2rem 1rem 2rem;
    position: relative;
    border-bottom: 2px solid rgba(255, 215, 0, 0.3);
}

.hero-header::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: radial-gradient(circle at 10% 20%, rgba(255, 255, 240, 0.03) 2%, transparent 2.5%);
    background-size: 28px 28px;
    pointer-events: none;
}

.header-flex {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.cbse-logo-area {
    display: flex;
    align-items: center;
    gap: 12px;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(2px);
    padding: 6px 18px 6px 12px;
    border-radius: 60px;
}

.cbse-logo-area img {
    height: 48px;
    width: auto;
    filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.2));
    transition: transform 0.2s;
}

.cbse-logo-area img:hover {
    transform: scale(1.02);
}

.official-link {
    background: rgba(0, 0, 0, 0.3);
    padding: 6px 16px;
    border-radius: 40px;
    font-size: 0.9rem;
    font-weight: 500;
    transition: all 0.2s;
}

.official-link a {
    color: #FFE484;
    text-decoration: none;
    font-weight: 600;
    letter-spacing: -0.2px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.official-link a i {
    font-size: 0.9rem;
}

.official-link a:hover {
    color: #FFD966;
    text-decoration: underline;
}

.results-title-area {
    text-align: right;
}

.results-title-area h2 {
    font-size: 1.8rem;
    font-weight: 700;
    letter-spacing: -0.4px;
    background: linear-gradient(120deg, #ffffff, #ffffff);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    margin-bottom: 4px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.results-title-area p {
    color: rgba(255, 255, 210, 0.9);
    font-weight: 500;
    font-size: 0.9rem;
}

/* main content area */
.content-white-panel {
    padding: 2rem 2rem 2.2rem 2rem;
    background: #fff;
}

/* result cards modern layout */
.results-grid {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin-bottom: 2.5rem;
}

.result-card {
    background: #ffffff;
    border-radius: 1.5rem;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05), 0 2px 4px rgba(0, 0, 0, 0.02);
    transition: all 0.25s ease;
    border: 1px solid rgb(209, 151, 24);
    overflow: hidden;
    box-shadow: 0 25px 30px -12px rgba(0, 0, 0, 0.12);
    border-color: rgb(221, 158, 40);
}

.result-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 25px 30px -12px rgba(0, 0, 0, 0.12);
    border-color: rgba(55, 58, 190, 0.2);
}

.card-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 1.25rem 1.8rem;
    gap: 1rem;
}

.exam-info {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
    flex: 2;
}

.bullet-icon {
    background: #EEF2FF;
    width: 32px;
    height: 32px;
    border-radius: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #1e2a78;
    font-size: 1rem;
}

.exam-title {
    font-size: 1.2rem;
    font-weight: 700;
    color: #0f172a;
}

.exam-title a {
    color: #1e3a8a;
    text-decoration: none;
    transition: color 0.2s;
    font-weight: 700;
    border-bottom: 2px solid transparent;
}

.exam-title a:hover {
    color: #0f2e6e;
    border-bottom-color: #373abe;
}

.status-badge {
    background: #FFF3E0;
    color: #C25F00;
    font-weight: 600;
    font-size: 0.75rem;
    padding: 6px 14px;
    border-radius: 40px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    letter-spacing: -0.2px;
}

.status-badge i {
    font-size: 0.75rem;
}

.announce-date {
    background: #f8fafc;
    border-radius: 40px;
    padding: 6px 16px;
    font-size: 0.85rem;
    font-weight: 500;
    color: #0f2e3f;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
}

.announce-date i {
    color: #2e7d32;
}

.sep-dash {
    color: #cbd5e1;
    font-weight: 400;
    margin: 0 2px;
}

.headingstyle {

    font-weight: 800;
    font-size: 1.2rem;
    color: #64337a;
}

@media (max-width: 700px) {
    .card-inner {
        flex-direction: column;
        align-items: flex-start;
    }

    .results-title-area {
        text-align: left;
        width: 100%;
    }

    .header-flex {
        flex-direction: column;
        align-items: flex-start;
    }

    .exam-info {
        flex-wrap: wrap;
    }

    .content-white-panel {
        padding: 1.5rem;
    }

    .results-title-area h2 {
        font-size: 1.1rem;
    }

    .results-master-container {
        border-radius: 0rem;
    }

    .body-result {

        padding: 0rem;
    }

    .hero-header {
        padding: 1.2rem 0rem 0rem 0rem;
    }

    .headingstyle {

        font-size: 0.9rem;
    }

    .official-link a {

        margin-bottom: 20px;
    }

}

.hero-header-style1 {
    background: linear-gradient(135deg, #2b6da0 0%, #2b6da0 40%, #2b6da0 100%) !important;
}

.results-master-container-style1 {

    background: #2b6da0;

}

/* recent announcements section - premium styling */
.announcements-section {
    margin-top: 1.8rem;
    border-top: 2px dashed #e2e8f0;
    padding-top: 1.8rem;
}

.announce-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 1.5rem;
}

.announce-header i {
    font-size: 2rem;
    color: #dc2626;
    background: #fee2e2;
    padding: 10px;
    border-radius: 20px;
}

.announce-header h3 {
    font-size: 1.5rem;
    font-weight: 700;
    background: linear-gradient(135deg, #782480, #542a5c);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}

.announce-header a {
    text-decoration: none;
}

.announce-card-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #f1f5f9;
    padding: 0.85rem 1.6rem;
    border-radius: 60px;
    font-weight: 600;
    color: #0f3b5c;
    transition: all 0.25s;
    border: 1px solid #e0e7ff;
}

.announce-card-link i {
    font-size: 1.1rem;
    color: #2563eb;
}

.announce-card-link:hover {
    background: #ffffff;
    border-color: #373abe;
    box-shadow: 0 4px 12px rgba(55, 58, 190, 0.15);
    transform: translateX(6px);
}

/* bottom padding and micro interaction */
.spacer {
    height: 0.5rem;
}

/* new badge fading */
.new-badge {
    background: #22c55e20;
    color: #15803d;
    border-radius: 50px;
    font-size: 0.7rem;
    font-weight: 700;
    padding: 2px 8px;
    margin-left: 10px;
}

/* custom responsive adjustments */
@media (max-width: 550px) {
    .announce-card-link {
        padding: 0.6rem 1.2rem;
        font-size: 0.85rem;
    }

    .exam-title {
        font-size: 1rem;
    }
}

.fa-bullhorn-move {
    transition: transform 0.2s;
}

.announce-card-link:hover .fa-bullhorn-move {
    transform: rotate(5deg) scale(1.05);
}

.result-link-icon {
    margin-left: 4px;
    font-size: 0.7rem;
    opacity: 0.7;
}

/* blue accent for consistency */
.blue-glow-text {
    font-weight: 600;
    background: linear-gradient(120deg, #1e3a8a, #3b4ba5);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}



/********** mvm result End *********/



/************ state bord-webdsite start   ***********/
/* main container — elegant spacing */
.modern-affiliation {
    max-width: 1400px;
    margin: 2rem auto;
    padding: 0rem 2rem;
}

/* header / intro card */
.hero-intro {
    background: linear-gradient(135deg, #fff8eb 0%, #ffffff 100%);
    border-radius: 1rem;
    padding: 2rem 2rem 2rem 2rem;
    margin-bottom: 3rem;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(218, 165, 32, 0.25);
    position: relative;
    overflow: hidden;
}

.hero-intro::before {
    content: "🏫";
    font-size: 8rem;
    opacity: 0.06;
    position: absolute;
    bottom: -20px;
    right: -20px;
    pointer-events: none;
}

.hero-intro p {
    /* font-size: 1.25rem; */
    font-weight: 500;
    color: #0f4396;
    max-width: 85%;
    line-height: 1.45;
    margin: 0;
    position: relative;
    z-index: 2;
}

.hero-intro p i {
    color: #d4af37;
    margin-right: 6px;
}

.accent-badge {
    display: inline-block;
    background: #fef9e6;
    border-left: 5px solid #d4af37;
    padding: 0.4rem 1rem;
    border-radius: 60px;
    font-size: 0.85rem;
    font-weight: 600;
    letter-spacing: 0.5px;
    color: #a16207;
    margin-bottom: 1.25rem;
}

/* grid layout — modern card based table replacement */
.board-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
    gap: 1.8rem;
    margin-top: 1rem;
}

/* board card */
.board-card {
    background: #ffffff;
    border-radius: 0.5rem;
    transition: all 0.3s cubic-bezier(0.2, 0, 0, 1);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.02), 0 2px 6px rgba(0, 0, 0, 0.05);
    border: 1px solid #eef2ff;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 24px 40px -16px rgba(0, 0, 0, 0.12), 0 8px 12px rgba(0, 0, 0, 0.05);
    border-color: rgba(245, 128, 32, 0.945);
}

.board-card:hover {
    transform: translateY(16px);
    box-shadow: 0 14px 10px -16px rgba(78, 70, 78, 0.774), 0 8px 12px rgba(115, 107, 117, 0.877);
    border-color: rgb(219, 93, 20);
}

/* image container with subtle bg */
.card-img-area {
    background: #ffffff;
    /* padding: 1.5rem 1.2rem; */
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #f0f2f5;
    min-height: 100px;
}

.board-img {
    max-height: 85px;
    width: auto;
    max-width: 100%;
    object-fit: contain;
    filter: drop-shadow(0 4px 6px rgba(255, 255, 255, 0.02));
    transition: transform 0.2s ease;
    padding: 8px;
}



/* content */
.card-content {
    padding: 1.25rem 1.5rem 1.5rem 1.5rem;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.board-name {
    font-size: 1.2rem;
    font-weight: 700;
    color: #0c4a6e;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 0.9rem;
    letter-spacing: -0.2px;
}

.board-name i {
    color: #d4af37;
    font-size: 1.1rem;
}

.website-link {
    margin-top: auto;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #f8fafc;
    padding: 0.7rem 1rem;
    border-radius: 60px;
    transition: all 0.2s;
    text-decoration: none;
    font-weight: 500;
    font-size: 0.85rem;
    border: 1px solid #e2e8f0;
    width: fit-content;
}

.website-link i {
    font-size: 0.9rem;
    color: #1e40af;
}

.website-link span {
    color: #2563eb;
    word-break: break-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
}

.website-link:hover {
    background: #d4af3710;
    border-color: #d4af37;
    transform: translateX(3px);
}

.website-link:hover span {
    color: #b45309;
}

/* extra refinement for state title */
.state-sub {
    font-size: 0.7rem;
    font-weight: 500;
    text-transform: uppercase;
    color: #94a3b8;
    letter-spacing: 0.6px;
    margin-bottom: 0.25rem;
}

/* responsive table replacement for legacy but now modern grid */
@media (max-width: 740px) {
    .modern-affiliation {
        padding: 1rem;
    }

    .hero-intro p {
        max-width: 100%;
        font-size: 1rem;
    }

    .board-grid {
        gap: 1.2rem;
    }

    .website-link span {
        white-space: normal;
        word-break: break-all;
        max-width: 180px;
    }
}

/* decorative elements */
.gold-dot {
    height: 4px;
    width: 60px;
    background: #d4af37;
    border-radius: 4px;
    margin: 0.5rem 0 0.25rem 0;
}

.btn-icon {
    transition: 0.2s;
}






/* MOBILE FIX */
@media (max-width: 768px) {
    .board-grid-style12 {
        grid-template-columns: 1fr;
    }

    .card-img-area {

        min-height: 0px;
    }
}

/* Modern adjustments for missing images placeholder */
.board-img {
    /* background: #f9f7f0; */
    border-radius: 16px;
    /* padding: 6px; */
}

/* small shimmer effect */
.website-link span {
    font-family: 'Inter', monospace;
    font-size: 0.8rem;
}

.board-card {
    backdrop-filter: blur(0px);
}

.hero-intro p strong {
    color: #0c4a6e;

}

.gold-dot {
    margin-top: 12px;
}

@media (max-width: 480px) {
    .board-name {
        font-size: 1rem;
    }

    .website-link span {
        font-size: 0.7rem;
        max-width: 140px;
    }

    .card-content {
        padding: 1rem;
    }
}

.board-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(1140px, 1fr));
    gap: 1.8rem;
    /* margin-top: 1rem; */
}

.board-img {
    max-height: 600px;
    width: auto;
    max-width: 100%;
}


/* statebord-webdsite end */



/***************** gallery start ************/
.body-gallery {
    background-color: #152836
}

.gallery-h2 {
    color: #fff;
    margin-bottom: 40px;
    text-align: center;
    font-weight: 100;
}

.demo-gallery>ul {
    margin-bottom: 0;
}



.demo-gallery>ul>li {
    float: left;
    margin-bottom: 15px;
    margin-right: 20px;
    width: 200px;
}

.demo-gallery>ul>li a {
    border: 3px solid #FFF;
    border-radius: 3px;
    display: block;
    overflow: hidden;
    position: relative;
    float: left;
}

.demo-gallery>ul>li a>img {
    -webkit-transition: -webkit-transform 0.15s ease 0s;
    -moz-transition: -moz-transform 0.15s ease 0s;
    -o-transition: -o-transform 0.15s ease 0s;
    transition: transform 0.15s ease 0s;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    height: 100%;
    width: 100%;
}

.demo-gallery>ul>li a:hover>img {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
}

.demo-gallery>ul>li a:hover .demo-gallery-poster>img {
    opacity: 1;
}

.demo-gallery>ul>li a .demo-gallery-poster {
    background-color: rgba(0, 0, 0, 0.1);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: background-color 0.15s ease 0s;
    -o-transition: background-color 0.15s ease 0s;
    transition: background-color 0.15s ease 0s;
}

.demo-gallery>ul>li a .demo-gallery-poster>img {
    left: 50%;
    margin-left: -10px;
    margin-top: -10px;
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-transition: opacity 0.3s ease 0s;
    -o-transition: opacity 0.3s ease 0s;
    transition: opacity 0.3s ease 0s;
}

.demo-gallery>ul>li a:hover .demo-gallery-poster {
    background-color: rgba(0, 0, 0, 0.5);
}

.demo-gallery .justified-gallery>a>img {
    -webkit-transition: -webkit-transform 0.15s ease 0s;
    -moz-transition: -moz-transform 0.15s ease 0s;
    -o-transition: -o-transform 0.15s ease 0s;
    transition: transform 0.15s ease 0s;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    height: 100%;
    width: 100%;
}

.demo-gallery .justified-gallery>a:hover>img {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
}

.demo-gallery .justified-gallery>a:hover .demo-gallery-poster>img {
    opacity: 1;
}

.demo-gallery .justified-gallery>a .demo-gallery-poster {
    background-color: rgba(0, 0, 0, 0.1);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: background-color 0.15s ease 0s;
    -o-transition: background-color 0.15s ease 0s;
    transition: background-color 0.15s ease 0s;
}

.demo-gallery .justified-gallery>a .demo-gallery-poster>img {
    left: 50%;
    margin-left: -10px;
    margin-top: -10px;
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-transition: opacity 0.3s ease 0s;
    -o-transition: opacity 0.3s ease 0s;
    transition: opacity 0.3s ease 0s;
}

.demo-gallery .justified-gallery>a:hover .demo-gallery-poster {
    background-color: rgba(0, 0, 0, 0.5);
}

.demo-gallery .video .demo-gallery-poster img {
    height: 48px;
    margin-left: -24px;
    margin-top: -24px;
    opacity: 0.8;
    width: 48px;
}

.demo-gallery.dark>ul>li a {
    border: 3px solid #04070a;
}

.home .demo-gallery {
    padding-bottom: 80px;
}

.demo-gallery .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}


/* customm */

.lg-actions .lg-next,
.lg-actions .lg-prev {
    background-color: rgb(160 105 7 / 89%);

    #lg-counter {
        color: #ffffff;
    }
}

.lg-actions .lg-next {
    background-color: rgb(160 105 7 / 89%);

    #lg-counter {
        color: #ffffff;
    }
}

.lg-outer .lg-thumb-outer {

    border-radius: 0px !important;
}

.lg-actions .lg-next,
.lg-actions .lg-prev {

    color: #ffffff;
}

#lg-counter {
    color: #ffffff;
}

.title-style-h4 {
    color: #ffffff !important;
    text-align: center;
}

.main-div-gallery {
    background: linear-gradient(145deg, #f9fafc 0%, #f1f4f9 100%);
    font-family: 'Inter', sans-serif;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* main container - single row elegance */
.gallery-single-line {
    max-width: 1600px;
    width: 95%;
    margin: 2rem auto;
    padding: 1rem;
}

/* header section minimalist & bold */
.gallery-head {
    text-align: center;
    margin-bottom: 3rem;
    position: relative;
}

.gallery-head h1 {
    font-size: 2.8rem;
    font-weight: 800;


    background: linear-gradient(135deg, #398a3d, #398a3d);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    letter-spacing: -0.02em;
    margin-bottom: 0.5rem;
}

.gallery-head .badge-line {
    display: inline-block;
    width: 70px;
    height: 3px;
    background: radial-gradient(circle, #b48c4c, #e0bc7c);
    border-radius: 4px;
}

.gallery-head p {
    color: #4a5b7a;
    margin-top: 1rem;
    font-weight: 400;
    font-size: 1rem;
}

/* one line row - flex with equal width, no wrap, big clear images */
.one-line-gallery {
    display: flex;
    flex-wrap: nowrap;
    gap: 1.8rem;
    justify-content: center;
    align-items: stretch;
    overflow-x: auto;
    padding-bottom: 1rem;
    scrollbar-width: thin;
}

/* each card takes equal space and stays in one line */
.gallery-card {
    flex: 1 1 0;
    min-width: 240px;
    /* ensures minimum width on smaller screens but still in line */
    max-width: 100%;
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(2px);
    /* border-radius: 32px; */
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.2, 0.9, 0.4, 1.1);
    box-shadow: 0 20px 35px -12px rgba(0, 0, 0, 0.15);
    cursor: pointer;
    border: 1px solid rgba(255, 255, 255, 0.6);
}

.gallery-card:hover {
    transform: translateY(-9px);
    box-shadow: 0 30px 45px -15px rgba(0, 0, 0, 0.3);
    background: white;
    border-color: rgba(210, 180, 140, 0.4);
}

/* image wrapper - large, clear, proper ratio */
.img-wrapper {
    position: relative;
    background: #eef2f7;
    overflow: hidden;
}

.img-wrapper img {
    width: 100%;
    height: 380px;
    object-fit: cover;
    display: block;
    transition: transform 0.6s ease-out;
    filter: brightness(1.01) contrast(1.02);
}

.gallery-card:hover .img-wrapper img {
    transform: scale(1.05);
}

/* overlay with elegant zoom icon */
.img-overlay {
    position: absolute;
    inset: 0;
    background: radial-gradient(circle, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.5) 100%);
    opacity: 0;
    transition: opacity 0.35s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.5;
}

.gallery-card:hover .img-overlay {
    opacity: 1;
}

.zoom-ring {
    background: rgba(255, 248, 235, 0.2);
    backdrop-filter: blur(12px);
    width: 64px;
    height: 64px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1.5px solid rgba(255, 245, 215, 0.8);
    transform: scale(0.7);
    transition: transform 0.25s;
}

.gallery-card:hover .zoom-ring {
    transform: scale(1);
}

.zoom-ring i {
    font-size: 2rem;
    color: white;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

/* card info (clean minimal) */
.card-info {
    padding: 1rem 1.2rem 1.2rem;
    background: white;
}

.card-info h3 {
    font-size: 1.25rem;
    font-weight: 700;
    margin: 0 0 0.25rem 0;


    color: #009688;
    letter-spacing: -0.2px;
}

.card-info p {
    font-size: 0.8rem;
    color: #6a7c9e;
    margin: 0;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 6px;
}

.card-info p i {
    font-size: 0.7rem;
    color: #c0a26b;
}

/* scrollbar styling for overflow on mobile */
.one-line-gallery::-webkit-scrollbar {
    height: 5px;
}

.one-line-gallery::-webkit-scrollbar-track {
    background: #e2e8f0;
    border-radius: 10px;
}

.one-line-gallery::-webkit-scrollbar-thumb {
    background: #b9a06e;
    border-radius: 10px;
}

/* responsive: on tablet and large screens, keep one line but images bigger */
@media (max-width: 1100px) {
    .img-wrapper img {
        height: 340px;
    }
}

@media (max-width: 900px) {
    .one-line-gallery {
        gap: 1.2rem;
    }

    .img-wrapper img {
        height: 290px;
    }

    .card-info h3 {
        font-size: 1rem;
    }
}

@media (max-width: 768px) {
    .gallery-single-line {
        width: 98%;
    }

    .one-line-gallery {
        gap: 1rem;
    }

    .img-wrapper img {
        height: 250px;
    }

    .card-info {
        padding: 0.7rem 0.9rem 1rem;
    }

    .gallery-head h1 {
        font-size: 2rem;
    }

    .lg-actions .lg-next,
    .lg-actions .lg-prev {
        background-color: rgba(168, 165, 160, 0);

        #lg-counter {
            color: #ffffff;
        }
    }

    .lg-actions .lg-next {
        background-color: rgba(160, 104, 7, 0);

        #lg-counter {
            color: #ffffff;
        }
    }

}

@media (max-width: 650px) {
    .img-wrapper img {
        height: 220px;
    }
}

/* lightgallery custom elegance */
.lg-backdrop {
    background-color: rgba(8, 12, 25, 0.96);
    backdrop-filter: blur(12px);
}

.lg-sub-html {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.75), transparent);
    font-family: 'Inter', sans-serif;
    border-radius: 24px;
    bottom: 24px;
    left: 24px;
    right: 24px;
    text-align: left;
    padding: 1rem 1.5rem;
}

.lg-sub-html h4 {
    font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: -0.2px;
}

.lg-outer .lg-thumb-outer {
    background: rgba(0, 0, 0, 0.65);
    border-radius: 40px;
}



.lg-counter {
    color: #ffffff;

}

element.style {}

.lg-outer .lg-share {
    position: relative;
}

.lg-toolbar .lg-icon {
    color: #ffffff;
}

.one-line-gallery {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    /* 4 images per row */
    gap: 20px;
}

/* Responsive (mobile/tablet) */
@media (max-width: 992px) {
    .one-line-gallery {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .one-line-gallery {
        grid-template-columns: repeat(1, 1fr);
    }
}

.img-wrapper {
    width: 100%;
    height: 250px;
    /* तुम अपनी जरूरत के हिसाब से बदल सकते हो */
    overflow: hidden;
    position: relative;
}

.img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* 🔥 ये सबसे important है */
    display: block;
}







/**************** gallery End ******/


/***************** Contact Us  start ****/


.contact-container-style {
    max-width: 1200px !important;
    margin: 0 auto;
    padding: 2rem 2rem;
}

/* 2-column grid layout - premium & responsive */
.contact-grid {
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    /* gap: 2.5rem; */
    /* align-items: start; */
}

/* ----- CARD STYLES (Glassmorphism + soft shadows) ----- */
.info-card,
.form-card {
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(2px);
    /* border-radius: 2rem; */
    /* box-shadow: 0 20px 35px -12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.02); */
    transition: transform 0.25s ease, box-shadow 0.3s ease;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.5);

}


.info-card:hover,
.form-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 30px 45px -15px rgba(0, 0, 0, 0.12);
}

/* inner padding */
.card-inner {
    padding: 2rem 2rem 2.5rem;
}

/* header image */
.brand-header {
    text-align: center;
    margin-bottom: 1.8rem;
}

.brand-img {
    max-width: 100%;
    height: auto;
    /* border-radius: 1.5rem; */
    box-shadow: -10px -2px 120px -10px rgb(149 94 94);
    transition: all 0.3s;
}


/* office details section */
.office-details {
    margin-bottom: 2rem;
    padding-bottom: 1.8rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.section-title {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 1.4rem;
    letter-spacing: -0.3px;
    background-color: var(--third-light);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    display: inline-block;
    margin-bottom: 1.2rem;
    position: relative;
}

.section-title:after {
    content: '';
    position: absolute;
    bottom: -6px;
    left: 0;
    width: 40px;
    height: 3px;
    background: linear-gradient(90deg, #2c7a6e, #4f9b8f);
    border-radius: 4px;
}

.contact-detail-text {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    font-size: 0.95rem;

    color: var(--text-color);
}

.detail-item {
    display: flex;
    align-items: flex-start;
    gap: 0.8rem;
}

.detail-item i {
    width: 1.6rem;
    font-size: 1.25rem;
    color: #2c7a6e;
    margin-top: 0.15rem;
}

.detail-item b {
    font-weight: 600;
    color: #1f3b4c;
}

.address-block {
    line-height: 1.55;
    margin-bottom: 0.25rem;
}

/* map container - modern card style */
.map-wrapper {
    margin-top: 1.2rem;
    /* border-radius: 1.5rem; */
    overflow: hidden;
    box-shadow: 0 10px 20px -5px rgb(72 29 74 / 74%);
    transition: all 0.3s;
}

.map-wrapper iframe {
    width: 100%;
    height: 280px;
    display: block;
    border: 0;
}

/* ----- FORM STYLES (modern floating label / clean inputs) ----- */
.form-card .card-inner {
    padding: 2rem 2rem 2.2rem;
}

.feedback-header {
    text-align: center;
    margin-bottom: 1.8rem;
}

.feedback-img {
    width: 100%;
    max-height: 110px;
    object-fit: cover;
    border-radius: 1.2rem;
    margin-bottom: 1.2rem;
}

.form-headline {
    font-weight: 600;
    font-size: 1.3rem;
    color: #7f468d;
    margin: 0.75rem 0 0.5rem;
}

.form-sub {

    color: var(--text-color);
    font-size: 1rem;
    margin-bottom: 0.8rem;
}

.mandatory-note {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    background: #fff0e5;
    padding: 0.4rem 1rem;
    border-radius: 40px;
    font-size: 1.75rem;
    font-weight: 500;
    color: #bc5a2c;
    margin: 0.5rem 0 1rem;
}

.mandatory-note i {
    font-size: 0.7rem;
    color: #f97316;
}

/* form group modern layout */
.form-group-modern {
    margin-bottom: 1.4rem;
    display: flex;
    flex-direction: column;
}

.form-row {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: 0.2rem;
}

.form-field {
    flex: 1;
    min-width: 180px;
}

label {
    font-weight: 500;
    font-size: 0.85rem;
    margin-bottom: 0.4rem;
    display: block;
    color: #1f3b4c;
    letter-spacing: -0.2px;
}

.required-star:after {
    content: "*";
    color: #e53e3e;
    margin-left: 4px;
    font-size: 0.9rem;
}

input,
textarea {
    width: 100%;
    padding: 0.85rem 1rem;
    font-family: 'Inter', sans-serif;
    font-size: 0.9rem;
    border: 1.5px solid #e2e8f0;
    /* border-radius: 1rem; */
    background: #ffffff;
    transition: all 0.2s ease;
    outline: none;
    color: #0f2b38;
}

input:focus,
textarea:focus {
    border-color: #2c7a6e;
    box-shadow: 0 0 0 4px rgba(44, 122, 110, 0.12);
}

/* readonly captcha style */
input[readonly] {
    background: #f1f9fe;
    border-color: #cbd5e1;
    font-family: monospace;
    letter-spacing: 1px;
    font-weight: 500;
}

/* button group */
.button-group {
    display: flex;
    gap: 1rem;
    justify-content: center;
    margin-top: 1.8rem;
    flex-wrap: wrap;
}

.btn-premium {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
    padding: 0.85rem 2rem;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 0.9rem;
    border-radius: 2.5rem;
    cursor: pointer;
    transition: all 0.25s cubic-bezier(0.2, 0.9, 0.4, 1.1);
    border: none;
    color: var(--white);
    border-color: var(--secondary);
    background: var(--secondary);


}

.btn-premium i {
    font-size: 1rem;
}

.btn-premium:hover {
    transform: translateY(-2px);
    background: #154454;
    box-shadow: 0 12px 20px -10px rgba(31, 59, 76, 0.4);
}

.btn-outline {
    background: transparent;
    border: 1.5px solid #cbd5e1;
    color: #2c5a6e;
    box-shadow: none;
}

.btn-outline:hover {
    background: #f1f5f9;
    border-color: #2c7a6e;
    transform: translateY(-2px);
}

/* Responsive design */
@media (max-width: 992px) {
    .contact-grid {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .contact-container {
        padding: 3rem 1.5rem;
    }

    .mandatory-note {



        font-size: 0.75rem;

    }
}

@media (max-width: 600px) {
    .card-inner {
        padding: 1.5rem;
    }

    .button-group {
        flex-direction: column;
        align-items: stretch;
    }

    .btn-premium {
        width: 100%;
    }

    .detail-item {
        font-size: 0.85rem;
    }
}

/* subtle animations on load */
@keyframes fadeSlideUp {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.info-card,
.form-card {
    animation: fadeSlideUp 0.6s ease forwards;
}

/* extra micro-interaction for inputs */
input,
textarea {
    transition: border 0.2s, box-shadow 0.2s, background 0.2s;
}

/* modern scrollbar */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #eef2f8;
}

::-webkit-scrollbar-thumb {
    background: #b9cfda;
    border-radius: 10px;
}

.clearfix {
    clear: both;
}

/* preserve all functionality, hidden helper */
.hidden-legacy {
    display: none;
}


.card-inner-style {
    display: grid;

}

.contact-container-style {
    padding: 20px;
    /* andar gap */
    margin-top: 30px;
    /* upar gap */
    margin-bottom: 30px;
    /* niche gap */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    border-radius: 8px;
}

/***************** Contact Us  End****/


/* hostel fscility start  */
.mvm_contact_card {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    background-color: #fffef5;
    padding: 20px;
    border-radius: 10px;
}

.mvm_contact_text {
    flex: 1;
}

.mvm_contact_image {
    flex: 1;
    text-align: center;
}

.mvm_contact_image img {
    max-width: 100%;
    height: auto;

}

.dir_blueLarg {
    color: #5f295b;
    font-size: 22px;
    font-weight: bold;
}

.mvm_paragraph {
    font-family: Verdana, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.6;
}

@media (max-width: 768px) {
    .mvm_contact_card {
        display: block !important;
        width: 100%;
        text-align: center;
    }

    .mvm_contact_text {
        margin-bottom: 15px;
    }

}

.text-warning-style-main {
    color: #009688;
}

/* hostel fscility end */

.mvm_inline_links a {
    margin: 0 6px;
    text-decoration: none;
    font-weight: bold;
    color: #fff;
    background: #684166;
    padding: 4px 10px;
    border-radius: 5px;
    transition: 0.3s;
}

.mvm_inline_links a:hover {
    background: #ff5722;
}

/* Registration Button */
.mvm_register_link {
    display: inline-block;
    padding: 6px 18px;
    background: #38947d;
    color: #ffffff;
    border-radius: 6px;
    font-weight: bold;
    text-decoration: none;
    transition: 0.3s;
}

.mvm_register_link:hover {
    background: #ff9800;
}

/* Mobile responsive */
@media (max-width: 576px) {
    .mvm_inline_links {
        line-height: 2;
    }
}

.mvm_inline_links,
.mvm_paragraph-style {
    text-align: center !important;
}

.mvm_inline_links a {
    display: inline-block;
}

.mvm_register_link {
    display: inline-block;
    margin: 10px auto;
    text-align: center;
}




/********** HOLIDAYS DATE START   **************/

.main-div-holiday {
    background: linear-gradient(145deg, #e9f0f5 0%, #d9e2ec 100%);
    font-family: 'Inter', sans-serif;
    padding: 2rem 1.5rem;
    color: #13294b;
}

/* main glassmorphic container */
.holiday-wrapper {
    max-width: 1400px;
    margin: 0 auto;
}

/* hero section with fresh quote */
.hero-banner {
    background: linear-gradient(135deg, #0b2b3b 0%, #1a4a5f 100%);
    border-radius: 2rem;
    padding: 2rem 2rem;
    margin-bottom: 2.5rem;
    text-align: center;
    box-shadow: 0 25px 40px -18px rgba(0, 0, 0, 0.3);
    position: relative;
    overflow: hidden;
}

.hero-banner::before {
    content: "✨";
    font-size: 140px;
    position: absolute;
    bottom: -30px;
    right: -20px;
    opacity: 0.08;
    pointer-events: none;
}

.hero-banner .quote-icon {
    font-size: 2.2rem;
    color: #ffd966;
    margin-bottom: 0.5rem;
}

.hero-banner h2 {
    font-size: 1.6rem;
    font-weight: 500;
    letter-spacing: -0.2px;
    color: #fef9e6;
    max-width: 800px;
    margin: 0 auto;
    line-height: 1.4;
}

.hero-banner h2 i {
    color: #f7c56e;
    margin: 0 8px;
}

/* title section */
.title-section {
    text-align: center;
    margin-bottom: 2.8rem;
}

.title-section h1 {
    font-size: 1.8rem;
    font-weight: 800;
    background: linear-gradient(125deg, #1f5e6e, #093141);
    background-clip: text;
    -webkit-background-clip: text;
    color: #682870;
    letter-spacing: -0.5px;
    display: inline-block;
    padding-bottom: 0.25rem;
    border-bottom: 4px solid #ffb74d;
}

.title-section .year-badge {
    background: #ffffffcc;
    backdrop-filter: blur(8px);
    display: inline-block;
    padding: 0.3rem 1.2rem;
    border-radius: 60px;
    font-weight: 600;
    font-size: 0.9rem;
    margin-top: 0.8rem;
    color: #1c5a6e;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}

/* modern filter bar + stats */
.stats-filter {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
    gap: 1rem;
}

.holiday-count {
    background: white;
    padding: 0.5rem 1.4rem;
    border-radius: 100px;
    font-weight: 600;
    font-size: 0.9rem;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
    backdrop-filter: blur(2px);
}

.holiday-count i {
    color: #e67e22;
    margin-right: 8px;
}

.search-box {
    background: white;
    border-radius: 60px;
    padding: 0.4rem 1rem;
    display: flex;
    align-items: center;
    gap: 10px;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.05);
    border: 1px solid #e2edf2;
}

.search-box i {
    color: #7f8c8d;
    font-size: 1rem;
}

.search-box input {
    border: none;
    padding: 10px 5px;
    font-size: 0.7rem;
    width: 220px;
    font-family: 'Inter', sans-serif;
    background: transparent;
    outline: none;
}

/* card grid layout - fresh new design */
.holiday-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
    gap: 1.6rem;
    margin-bottom: 2.5rem;
}

/* holiday card */
.holiday-card {
    background: rgba(255, 255, 255, 0.96);
    backdrop-filter: blur(0px);
    /* border-radius: 1.8rem; */
    transition: all 0.25s ease;
    box-shadow: 0 15px 30px -12px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.6);
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
}

.holiday-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 25px 35px -16px rgba(0, 0, 0, 0.2);
    border-color: #ffd96680;
}

/* card header - color based on month fun */
.card-header {
    padding: 1rem 1.5rem 0.6rem 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    border-bottom: 2px dashed #e9ecef;
}

.serial {
    font-weight: 800;
    font-size: 1.2rem;
    background: #773f81;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    color: #ffffff;
}

.holiday-name {
    font-weight: 700;
    font-size: 1.25rem;
    background: linear-gradient(120deg, #1c5a6e, #2c7a4a);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}

.card-body {
    padding: 1rem 1.5rem 1.2rem 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.date-badge {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.date-chip {
    background: #f1f9fe;
    padding: 6px 14px;
    border-radius: 40px;
    font-size: 1.30rem;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #1f5e6e;
}

.date-chip i {
    font-size: 0.8rem;
    color: #f39c12;
}

.range-separator {
    font-size: 0.8rem;
    color: #a0b8c5;
    font-weight: 600;
}

.holiday-desc {
    font-size: 1rem;
    font-weight: 600;
    color: #164a97;
    background: #fef6e0;
    padding: 10px 14px;
    border-radius: 1rem;
    display: inline-block;
    width: fit-content;
}

.holiday-desc i {
    margin-right: 8px;
    color: #e67e22;
}

/* note panel */
.note-panel {
    margin-top: 2rem;
    background: #fff9ef;
    border-radius: 1.5rem;
    padding: 1rem 1.8rem;
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
    border-left: 8px solid #ffb347;
    box-shadow: 0 5px 12px rgba(0, 0, 0, 0.03);
}

.note-panel i {
    font-size: 1.7rem;
    color: #e67e22;
}

.note-panel span {
    font-weight: 500;
    color: #3b2a1f;
}

.dir_red {
    background: #ffe6e6;
    padding: 4px 12px;
    border-radius: 60px;
    font-weight: 700;
    color: #b33b2c;
    font-size: 0.85rem;
}

/* empty message */
.no-results {
    text-align: center;
    grid-column: 1 / -1;
    padding: 3rem;
    background: white;
    border-radius: 2rem;
    font-weight: 500;
}

/* responsive */
@media (max-width: 750px) {

    .title-section h1 {
        font-size: 2rem;
    }

    .holiday-grid {
        grid-template-columns: 1fr;
    }

    .hero-banner h2 {
        font-size: 1.2rem;
    }
}



/* SEARCH ICON */
.custom-holiday-search i {
    color: #592979;
    font-size: 14px;
}

/* INPUT FIELD */
.custom-holiday-search input {
    border: none;
    background: transparent;
    outline: none;
    color: #FF9800;
    font-size: 14px;
    width: 220px;
    font-family: 'Inter', sans-serif;
}

/* PLACEHOLDER COLOR */
.custom-holiday-search input::placeholder {
    color: #592979;
    opacity: 1;
}




/* BOARD GRID */
.board-grid-style122 {
    grid-template-columns: repeat(3, 1fr);
}

/* TABLET */
@media(max-width:992px) {
    .board-grid-style122 {
        grid-template-columns: repeat(2, 1fr);
    }

}

/* MOBILE */
@media(max-width:600px) {

    .board-grid-style122 {
        grid-template-columns: 1fr;
    }

}


/********************** HOLIDAY END **************/



/*************** uniform-page start  ***********/

/* main container */
.uniform-page {
    max-width: 1300px;
    margin: 0 auto;
    padding: 50px 12px;
}

/* HERO title area */
.hero-title {
    text-align: center;
    margin-bottom: 56px;
}

.hero-title h1 {
    font-size: 42px;
    font-weight: 800;
    background: linear-gradient(125deg, #3b2c6e, #8737a0);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    letter-spacing: -1px;
    margin-bottom: 16px;
}

.hero-title .badge-sub {
    display: inline-block;
    background: #fff0e0;
    padding: 8px 24px;
    border-radius: 60px;
    font-weight: 500;
    color: #1e7474;
    font-size: 1rem;
    backdrop-filter: blur(2px);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02);
}

.hero-title p {
    max-width: 700px;
    margin: 20px auto 0;
    color: #4a4a5a;
    font-size: 1.1rem;
    line-height: 1.5;
}

/* 2-COLUMN ROW FOR BOYS & GIRLS (SIDE BY SIDE CLEANLY) */
.two-col-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    /* gap: 32px; */
    margin-bottom: 56px;
}

/* uniform cards (elevated & clean) */
.uniform-card {
    background: #ffffff;
    /* border-radius: 36px; */
    box-shadow: 0 20px 35px -12px rgba(0, 0, 0, 0.08);
    padding: 14px 13px 3px;
    transition: all 0.25s ease;
    border: 1px solid #f1e7db;
}

.uniform-card:hover {
    /* transform: translateY(-6px); */
    box-shadow: 0 28px 38px -14px rgba(0, 0, 0, 0.12);
    border-color: #ffd9b5;
}

.uniform-card h2 {
    font-size: 32px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 12px;
    /* margin-bottom: 28px; */
    padding-bottom: 14px;
    border-bottom: 3px solid #ff9800;
    color: #2c2a4a;
}

.uniform-card h2 i {
    font-size: 32px;
    color: #ea580c;
}

.day-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #f1ebe1;
    padding: 6px 18px;
    border-radius: 40px;
    font-weight: 700;
    font-size: 1rem;
    color: #6b3e1c;
    margin: 16px 0 14px 0;
}

.day-badge i {
    font-size: 1rem;
    color: #e07c2c;
}

/* uniform table - modern & readable */
.uniform-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 28px;
    background: #fefdfa;
    border-radius: 24px;
    overflow: hidden;
}

.uniform-table tr {
    border-bottom: 1px solid #eae3d7;
}

.uniform-table td {
    padding: 16px 16px;
    vertical-align: top;
    font-size: 0.95rem;
    line-height: 1.45;
    color: #2d2a2a;
    text-align: justify;

}

.uniform-table td:first-child {
    width: 98px;
    background: #f8f3eb;
    font-weight: 700;
    color: #c2410c;
    letter-spacing: -0.2px;
    border-radius: 20px 0 0 20px;
}

.note-mini {
    font-size: 0.75rem;
    color: #8b6b4d;
    background: #fff3e8;
    display: inline-block;
    padding: 6px 14px;
    border-radius: 32px;
    margin-top: 12px;
}

/* image + house row (balanced row) */
.mixed-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
    margin: 24px 0 40px;
    align-items: stretch;
}

.img-col {
    background: #fffaf2;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.2s;
}

.img-col img {
    width: 100%;
    height: auto;
    object-fit: cover;
    /* border-style: solid; */
    border-width: 0px 32px 60px 0px;
    /* border-color: red green orange #47024a; */




}

.house-col {
    background: linear-gradient(115deg, #ffffff, #fffaf5);
    /* border-radius: 36px; */
    padding: 32px 30px;
    box-shadow: 0 14px 28px rgb(48 107 113 / 39%);
    border-left: 8px solid #79406d;
}

.house-col h3 {
    font-size: 30px;
    font-weight: 800;
    color: #4c3c6e;
    margin-bottom: 18px;
    display: flex;
    align-items: center;
    gap: 14px;
}

.house-col h3 i {
    color: #f59e0b;
    font-size: 32px;
}

.house-tag {
    background: #ffffffcc;
    backdrop-filter: blur(4px);
    padding: 12px 20px;
    border-radius: 48px;
    display: inline-block;
    font-weight: 700;
    color: #b45309;
    margin: 20px 0 16px;
    font-size: 1rem;
    letter-spacing: 0.5px;
    border: 1px solid #ffddb0;
}

.house-desc {
    color: #2a3b3f;
    text-align: justify;
    line-height: 1.55;
    font-size: 1rem;
}














/* responsive breaks */
@media (max-width: 980px) {
    .two-col-grid {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .mixed-row {
        grid-template-columns: 1fr;
    }

    .uniform-page {
        padding: 32px 20px;
    }

    .hero-title h1 {
        font-size: 18px;
    }

    .house-col h3 {
        font-size: 20px;

    }

    .house-tag {

        font-size: 0.71rem;
    }
}

@media (max-width: 580px) {
    .uniform-table td {
        display: block;
        width: 100%;
        padding: 12px;
    }

    .uniform-table td:first-child {
        width: 100%;
        border-radius: 16px 16px 0 0;
    }

    .uniform-table tr {
        display: block;
        margin-bottom: 16px;
        border: 1px solid #f0e1d0;
        border-radius: 20px;
    }

    .uniform-card h2 {
        font-size: 28px;
    }
}


/* GIRLS SECTION - separate, with top border for clear division */
.girls-section {
    margin-top: 8px;
    background: #ffffff;
    border-radius: 32px;
    padding: 8px 4px 16px 4px;
    border-top: 2px dashed #ffd9a5;
    position: relative;
}

/* optional decorative separator */
.girls-section::before {
    content: "✦";
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
    background: #ffffff;
    padding: 0 20px;
    color: #f59e0b;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 6px;
}




/*************** uniform-page end  ***********/


/************* pdf MVM Prospectus  section start -********/
/* Unique Class Names - MVM Prospectus Viewer */
.mvm-pdf-main-wrapper {
    background: #ffffff;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    padding: 20px;
    min-height: 100vh;
}

.mvm-pdf-container {
    max-width: 1000px;
    margin: 0 auto;
}

/* Header Section */
.mvm-pdf-header {
    background: #5c1a5d;
    padding: 20px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
    box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.1);
}

.mvm-title-section {
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
}

.mvm-pdf-icon {
    background: linear-gradient(135deg, #ffffff 0%, #ffffff 100%);
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
}

.mvm-title-section h1 {
    font-size: 1.5rem;
    color: #ffffff;
    margin: 0;
}

.mvm-title-section p {
    color: #ffffff;
    font-size: 0.85rem;
    margin-top: 5px;
}

.mvm-pdf-badge {
    background: #10b981;
    color: white;
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
}

/* Controls */
.mvm-pdf-controls {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.mvm-pdf-btn {
    padding: 10px 20px;
    border: none;
    border-radius: 12px;
    cursor: pointer;
    font-weight: 600;
    font-size: 0.9rem;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
}

.mvm-pdf-btn-primary {
    background: linear-gradient(135deg, #ffffff 0%, #ffffff 100%);
    color: rgb(104, 36, 98);
}

.mvm-pdf-btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(102, 126, 234, 0.3);
}

.mvm-pdf-btn-secondary {
    background: #f1f5f9;
    color: rgb(104, 36, 98);
}

.mvm-pdf-btn-secondary:hover {
    background: #e2e8f0;
    transform: translateY(-2px);
}

/* PDF Container */
.mvm-pdf-wrapper {
    background: #5c1a5d;
    padding: 15px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
}

.mvm-pdf-viewer-box {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 75%;
    overflow: hidden;
    border-radius: 12px;
}

.mvm-pdf-viewer-box iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 12px;
    background: white;
}

/* Loading Overlay */
.mvm-pdf-loading-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.95);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 15px;
    border-radius: 12px;
    z-index: 10;
    transition: opacity 0.5s ease;
}

.mvm-pdf-spinner {
    width: 50px;
    height: 50px;
    border: 4px solid #e2e8f0;
    border-top: 4px solid #667eea;
    border-radius: 50%;
    animation: mvmPdfSpin 1s linear infinite;
}

@keyframes mvmPdfSpin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.mvm-pdf-loading-overlay p {
    color: #475569;
    font-weight: 500;
}

/* Error Message */
.mvm-pdf-error-message {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.98);
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 20px;
    border-radius: 12px;
    text-align: center;
    padding: 30px;
}

.mvm-pdf-error-message.show {
    display: flex;
}

.mvm-pdf-error-icon {
    font-size: 60px;
}

.mvm-pdf-error-message h3 {
    color: #dc2626;
    font-size: 1.3rem;
}

.mvm-pdf-error-message p {
    color: #64748b;
    max-width: 400px;
}

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


    .mvm-pdf-header {
        padding: 15px 20px;
    }

    .mvm-title-section h1 {
        font-size: 1.2rem;
    }

    .mvm-pdf-icon {
        width: 40px;
        height: 40px;
        font-size: 22px;
    }

    .mvm-pdf-btn {
        padding: 4px 16px;

        font-size: 0.55rem;
    }

    .mvm-pdf-viewer-box {
        padding-bottom: 100%;
    }

    .mvm-pdf-main-wrapper {

        padding: 20px;
        min-height: 10vh;
    }

    .mvm-pdf-main-wrapper-style {
        padding: 0px !important;
    }
}

@media (max-width: 480px) {
    .mvm-pdf-controls {
        width: 100%;
    }

    .mvm-pdf-btn {
        flex: 1;
        justify-content: center;
    }
}

/* Fullscreen Mode */
.mvm-pdf-viewer-box:fullscreen {
    padding-bottom: 0 !important;
    height: 100vh !important;
    background: black;
}

.mvm-pdf-viewer-box:fullscreen iframe {
    height: 100vh !important;
}


/************* pdf MVM Prospectus  section end  -********/




/************ brochure secion start ***********/


.brochure-section {
    padding: 10px 6px;
    background: #fbf4fc;
}

.brochure-card {
    position: relative;
    overflow: hidden;
    /* border-radius: 22px; */
    background: #fff;
    height: 100%;
    transition: 0.4s ease;
    border: 4px solid #ffffff;
    box-shadow:
        0 10px 30px rgba(0, 0, 0, 0.08),
        0 0 0 1px rgba(255, 255, 255, 0.5);
}

.brochure-card:hover {
    transform: translateY(-8px);
    box-shadow:
        0 20px 45px rgba(37, 99, 235, 0.20),
        0 0 25px rgba(37, 99, 235, 0.12);
}

.brochure-img {
    position: relative;
    overflow: hidden;
    /* border-radius: 18px; */
}

.brochure-img img {
    width: 100%;
    height: 100%;
    min-height: 420px;
    object-fit: contain;
    background: #fff;
    display: block;
    transition: 0.5s ease;
    padding: 10px;
}

.brochure-card:hover img {
    transform: scale(1.03);
}

.overlay {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, 0.45);
    opacity: 0;
    transition: 0.4s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.15;

}

.brochure-card:hover .overlay {
    opacity: 1;
}

.zoom-btn {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: #fff;
    color: #2563eb;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    transform: scale(0);
    transition: 0.4s ease;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
}

.brochure-card:hover .zoom-btn {
    transform: scale(1);
}

.badge-custom {
    position: absolute;
    top: 18px;
    left: 18px;
    z-index: 5;
    background: linear-gradient(135deg, #2563eb, #4f46e5);
    color: #fff;
    padding: 8px 16px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 600;
    box-shadow: 0 8px 20px rgba(37, 99, 235, 0.3);
}

@media(max-width:768px) {

    .brochure-img img {
        min-height: 320px;
    }

    .brochure-section {
        padding: 40px 0;
    }

}

.gallery-row {
    row-gap: 35px;
    /* niche gap */
}

.lb-data .lb-caption {
    font-size: 18px;
    font-weight: 700;
    line-height: 1em;
}

.brochure-section {
    margin-top: -60px;
    /* jitna upar lana ho */

}



/************ brochure secion end***********/



/************** faq section start  end  ************/

.body-style-faq {
    background: #f0f7f0;
    font-family: 'Inter', sans-serif;
    color: #1a2e1f;
    line-height: 1.5;
    padding: 2rem 1rem;
}

/* main container */
.faq-container {
    max-width: 1280px;
    margin: 0 auto;
    overflow: hidden;
    transition: all 0.2s ease;
}





.alert-banner i {
    font-size: 1.6rem;
    color: #e67e22;
}

/* search + filter bar */
.toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
    padding: 1.2rem 2rem;
    background: #fef9e6;
    border-bottom: 1px solid #e2e8c3;
}


.stats {
    background: #e9f5e6;
    padding: 6px 16px;
    border-radius: 50px;
    font-weight: 500;
    font-size: 0.85rem;
    color: #1e4620;
}

/* faq grid - static cards */
.faq-grid {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    padding: 1.5rem 1.8rem 2rem 1.8rem;
}

/* individual card - using details/summary as requested */
.faq-card {
    background: white;
    border-radius: 1.2rem;
    border: 1px solid #e4edda;
    transition: all 0.2s;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02);
}

.faq-card:hover {
    border-color: #bddb9e;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.03);
}

/* details element styling */
.faq-card details {
    display: block;
}

.faq-card summary {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1.1rem 1.3rem;
    cursor: pointer;
    background: #ffffff;
    border-radius: 1.2rem;
    transition: background 0.2s;
    gap: 10px;
    list-style: none;
}

.faq-card summary::-webkit-details-marker {
    display: none;
}

.faq-card summary:hover {
    background: #fafef7;
}

.q-num {
    font-weight: 800;
    background: #eef4e6;
    padding: 4px 12px;
    border-radius: 40px;
    font-size: 0.8rem;
    color: #5c306d;
    min-width: 55px;
    text-align: center;
    letter-spacing: 0.3px;
}

.q-text {
    flex: 1;
    font-weight: 600;
    font-size: 1rem;
    color: #583358;
    line-height: 1.4;
    padding-right: 8px;
}

.toggle-icon-custom {
    color: #7faa5f;
    font-size: 1.2rem;
    transition: transform 0.2s;
    margin-left: auto;
}

/* answer area inside details */
.faq-answer {
    padding: 0rem 1.3rem 1.2rem 1.3rem;
    font-size: 0.95rem;
    color: #1c4817;
    background: #fefef8;
    line-height: 1.55;
    border-top: 1px solid #e9f0e2;
    margin-top: 0px;
    border-radius: 50px;
}

.answer-content i {
    color: #58854b;
    margin-right: 8px;
    width: 22px;
}

/* highlight for search */
.highlight {
    /* background-color: #fff1b5; */
    border-radius: 4px;
    padding: 0 2px;
    font-weight: bold;
}

/* no result message */
.no-result-message {
    grid-column: 1 / -1;
    text-align: center;
    padding: 3rem;
    background: #faf8ed;
    border-radius: 2rem;
    font-size: 1rem;
    color: #5a5e3e;
}

/* responsive */
@media (max-width: 480px) {

    .faq-card summary {
        padding: 0.9rem 1rem;
    }

    .q-text {
        font-size: 0.9rem;
    }

    .alert-banner {
        margin: 1rem 1rem 0 1rem;
        font-size: 0.85rem;
    }

    .toolbar {
        padding: 1rem;
    }

    .faq-grid {
        padding: 1rem;
    }
}

@media (min-width: 768px) {
    .hero-header h1 {
        font-size: 2.3rem;
    }
}

/* rotate icon when details open */
.faq-card details[open] .toggle-icon-custom {
    transform: rotate(180deg);
}


/************** faq section   end  ************/


/* artices page start  */

.master-container {
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
    background: rgba(255, 251, 242, 0.85);
    backdrop-filter: blur(10px);

    box-shadow: 0 30px 50px -20px rgba(0, 0, 0, 0.3), 0 5px 12px rgba(0, 0, 0, 0.05);
    padding: 2rem 2rem 2rem 2rem;
    border: 1px solid rgba(219, 181, 105, 0.5);
    transition: all 0.2s;
}

.spiritual-head {
    text-align: center;
    margin-bottom: 2.5rem;
    position: relative;
}

.spiritual-head h1 {
    font-size: 1.8rem;
    font-weight: 600;
    background: linear-gradient(135deg, #8b5a2b, #c17b3a);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    letter-spacing: -0.3px;
    display: inline-block;
    border-bottom: 2px dashed #e7c294;
    padding-bottom: 8px;
}

.spiritual-head i {
    color: #6d3e74;
    margin: 0 8px;
    font-size: 1.6rem;
    vertical-align: middle;
}

.brand-list {
    display: flex;
    flex-direction: column;
    gap: 0.41rem;
}

.sacred-link-card {
    display: block;
    width: 100%;
    background: #ffffffcc;
    backdrop-filter: blur(4px);
    transition: all 0.25s ease;
    border: 1px solid rgba(200, 162, 94, 0.3);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.02);
}

.sacred-link-card a {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.8rem;
    text-decoration: none;
    font-weight: 500;
    font-size: 1.08rem;
    color: #4d2c53;
    border-radius: 60px;
    transition: all 0.2s;
    line-height: 1.4;
    letter-spacing: -0.2px;
    background: transparent;
}

.sacred-link-card a i {
    font-size: 1.7rem;
    min-width: 40px;
    text-align: center;
    color: #7b4086;
    transition: transform 0.2s, color 0.2s;
}

.link-text {
    flex: 1;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.sacred-link-card:hover {
    transform: translateY(-2px) scale(1.01);
    background: #fffdf7;
    border-color: #e3bc81;
    box-shadow: 0 20px 28px -16px rgba(110, 65, 0, 0.25);
}

.sacred-link-card:hover a i {
    transform: scale(1.08);
    color: #176e2a;
}

.sacred-link-card a:hover .link-text {
    color: #117058;
    text-shadow: 0 0 0.5px #a45d28;
}

.right-arrow {
    font-size: 1.2rem;
    color: #d99e4a;
    opacity: 0.75;
    transition: 0.2s;
    margin-left: 0.5rem;
}

.sacred-link-card:hover .right-arrow {
    opacity: 1;
    transform: translateX(6px);
    color: #b46222;
}

.sacred-link-card:nth-child(odd) a i.fa-solid,
.sacred-link-card:nth-child(odd) a i.fa-regular {
    background: linear-gradient(145deg, #e9bc84, #cd8f4a);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

@media (max-width: 750px) {
    .master-container {
        padding: 1.5rem;
    }

    .sacred-link-card a {
        padding: 0.85rem 1.2rem;
        font-size: 0.95rem;
        gap: 0.8rem;
    }

    .link-text {
        font-size: 0.9rem;
    }

    .sacred-link-card a i {
        font-size: 1.4rem;
        min-width: 32px;
    }

    .spiritual-head h1 {
        font-size: 1.35rem;
    }
}

.sacred-link-card a:active {
    transform: scale(0.98);
    transition: 0.02s;
}



.master-container {
    position: relative;
    z-index: 2;
}

.right-arrow {
    animation: moveArrow 1s infinite ease-in-out;
}

@keyframes moveArrow {
    0% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(8px);
    }

    100% {
        transform: translateX(0);
    }
}



/* Pagination Responsive butto next page start */

.pagination-controls {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    margin-top: 30px;
    flex-wrap: wrap;
}

.pagination-controls button {
    padding: 10px 20px;
    border: none;
    background: #8b0000;
    color: white;
    border-radius: 6px;
    cursor: pointer;
    font-size: 15px;
    transition: 0.3s;
}

.pagination-controls button:hover {
    transform: translateY(-2px);
}

.pagination-controls button:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

#pageInfo {
    font-weight: bold;
    font-size: 16px;
    text-align: center;
}


/* Mobile Responsive */

@media (max-width: 768px) {

    .pagination-controls {
        gap: 10px;
        margin-top: 20px;
    }

    .pagination-controls button {
        padding: 8px 14px;
        font-size: 14px;
    }

    #pageInfo {
        width: 100%;
        font-size: 14px;
        order: -1;
    }
}

@media (max-width: 480px) {

    .pagination-controls {
        flex-direction: column;
    }

    .pagination-controls button {
        width: 100%;
        max-width: 220px;
    }

    #pageInfo {
        font-size: 13px;
    }
}

/* Pagination Responsive button next page end */

/* artices page end  */



.withdrawal-section {
    line-height: 1.8;
}

.withdrawal-section p {
    margin-bottom: 10px;
}

.withdrawal-list {
    padding-left: 45px;
    margin-bottom: 10px;
}

.withdrawal-list li {
    margin-bottom: 5px;
}

.withdrawal-note {
    font-weight: 600;
}




.nav-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.nav-brand {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 0;
}

.brand-icon {
    background: #1e3c4c;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #f5b042;
    font-size: 1.4rem;
}

.brand-text {
    font-weight: 800;
    font-size: 1.25rem;
    letter-spacing: -0.3px;
    background: linear-gradient(135deg, #1e3c4c, #2a5f6e);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.nav-menu {
    display: flex;
    list-style: none;
    gap: 0.2rem;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}

.nav-item {
    position: relative;
}

.nav-item>a i,
.nav-item>a img {
    width: 18px;
    height: 18px;
}

.nav-item>a:hover {
    background: #f0f4f9;
    color: #e67e22;
}

.dropdown-menu-custom {
    position: absolute;
    top: 48px;
    left: 0;
    background: #ffffff;
    min-width: 240px;
    border-radius: 20px;
    box-shadow: 0 20px 35px -12px rgba(0, 0, 0, 0.2);
    padding: 0.6rem 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(12px);
    transition: all 0.2s ease;
    z-index: 200;
    border: 1px solid #edf2f7;
    list-style: none;
}

.dropdown-menu-custom li a {
    display: block;
    padding: 0.6rem 1.4rem;
    font-size: 0.85rem;
    color: #2c3e4e;
    text-decoration: none;
    transition: all 0.2s;
}

.dropdown-menu-custom li a:hover {
    background: #fef5e8;
    color: #e67e22;
    padding-left: 1.7rem;
}

.nav-item:hover .dropdown-menu-custom {
    opacity: 1;
    visibility: visible;
    transform: translateY(8px);
}

.dropdown-large {
    width: 480px;
    column-count: 2;
    column-gap: 0;
}

.dropdown-large li {
    break-inside: avoid;
}

.menu-toggle {
    display: none;
    background: none;
    border: none;
    font-size: 1.6rem;
    cursor: pointer;
    color: #1e3c4c;
}

@media (max-width: 1024px) {
    .nav-container {
        flex-wrap: wrap;
    }

    .menu-toggle {
        display: block;
        padding: 12px;
    }

    .nav-menu {
        display: none;
        width: 100%;
        flex-direction: column;
        background: white;
        padding: 0.5rem 0 1rem;
        border-top: 1px solid #eef2f6;
    }

    .nav-menu.active {
        display: flex;
    }

    .nav-item {
        width: 100%;
    }

    .dropdown-menu-custom,
    .dropdown-large {
        position: static;
        box-shadow: none;
        opacity: 1;
        visibility: visible;
        transform: none;
        display: none;
        padding-left: 1rem;
        width: 100%;
        column-count: 1;
        background: #fafcfd;
        border-radius: 16px;
        margin-top: 4px;
    }

    .nav-item.active-dropdown .dropdown-menu-custom {
        display: block;
    }

    .nav-item>a {
        justify-content: space-between;
    }
}

/* ========== SITEMAP STYLES (Enhanced from original) ========== */
.sitemap-container {
    background-color: #f8f9fa;
    padding: 40px 0;
    min-height: calc(100vh - 400px);
}

.page-title {
    color: #1a472a;
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 15px;
    position: relative;
    padding-bottom: 15px;
    text-align: center;
}

.page-title:after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: 100px;
    height: 3px;
    background-color: #f5b042;
}

.page-subtitle {
    text-align: center;
    font-size: 1.1rem;
    color: #5a6e7c;
    margin-bottom: 40px;
    font-weight: 500;
}

.sitemap-card {
    /* border-radius: 16px; */
    /* box-shadow: 0 8px 20px rgb(0 0 0); */
    border: 1px solid #b19227;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    background: #ffffff;
    height: 100%;
}

.sitemap-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
}

.sitemap-section-title {
    color: #c37b1e;
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 0;
    margin-left: 10px;
}

.sitemap-icon {
    color: #89577d;

}

.sitemap-list {
    list-style-type: none;
    padding-left: 0;

}

.sitemap-list li { 
    padding-left: 22px;
    position: relative;
}

.sitemap-list li:before {
    content: '→';
    position: absolute;
    left: 0;
    color: #f5b042;
    font-weight: bold;
}

.sitemap-list a {
    color: #2c5a6e;
    text-decoration: none;
    transition: color 0.3s ease;
    font-size: 0.95rem;
    font-weight: 500;
}

.sitemap-list a:hover {
    color: #e67e22;
    text-decoration: underline;
}

.sitemap-note {
    background: linear-gradient(135deg, #f0f7ff 0%, #e8f0fa 100%);
    border-left: 5px solid #f5b042;
    padding: 28px 32px;
    border-radius: 20px;
    margin-top: 48px;
}

.btn-custom-home {
    background: #1a472a;
    color: white;
    padding: 10px 28px;
    border-radius: 40px;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.2s;
    display: inline-block;
    margin-right: 12px;
}

.btn-custom-contact {
    background: #5d3858;
    color: #ffffff;
    padding: 10px 28px;
    border-radius: 40px;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.2s;
    display: inline-block;
}

.btn-custom-home:hover,
.btn-custom-contact:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

@media (max-width: 768px) {
    .page-title {
        font-size: 1.8rem;
    }

    .sitemap-note {
        padding: 20px;
    }

    .btn-custom-home,
    .btn-custom-contact {
        margin-bottom: 10px;
        display: block;
        text-align: center;
        margin-right: 0;
    }
}




.benefits-container {
    display: flex;
    justify-content: center;
    /* pura section center */
    gap: 40px;
    max-width: 1200px;
    margin: 0 auto;
}

.benefits-column {
    width: 50%;
}

.mvm_paragraph-text {
    margin-bottom: 12px;
    display: flex;
    align-items: flex-start;
    gap: 8px;
    text-align: left;
}

@media(max-width:768px) {
    .benefits-container {
        flex-direction: column;
    }

    .benefits-column {
        width: 100%;
    }

    .mvm_paragraph-text {
        font-size: 14px;
        margin-bottom: 6px;
    }
}



/* brain development section start */

.tm-content-box {
    display: flex;
    align-items: flex-start;
    gap: 25px;
}

.tm-image-side {
    width: 40%;
}

.tm-image-side-s {
    width: 60% !important;
}

.tm-image-side img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 8px;
}

.tm-text-side {
    width: 60%;
    text-align: justify;
    line-height: 1.7;
}

/* Mobile Responsive */
@media(max-width:768px) {
    .tm-content-box {
        flex-direction: column;
    }

    /* .tm-image-side-s {
    width: 40%;
} */
    .tm-image-side,
    .tm-text-side {
        width: 100%;
    }
}



/* brain development section end */



.academic-card {
    display: flex;
    align-items: center;
    gap: 30px;
    background: #ffffff;
    border-radius: 16px;
    padding: 25px;
    margin-top: 20px;
    box-shadow: 0 5px 18px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    border-left: 6px solid #1d3557;
}

.academic-image {
    width: 42%;
}

.academic-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 12px;
    transition: 0.4s ease;
}

.academic-image img:hover {
    transform: scale(1.03);
}

.academic-text {
    width: 58%;
}

.academic-text h3 {
    font-size: 28px;
    color: #6a3f71;
    margin-bottom: 15px;
    font-weight: 700;
}

.academic-text p {
    font-size: 16px;
    line-height: 1.9;
    text-align: justify;
    color: var(--text-color);
    margin: 0;
}

/* Responsive */
@media(max-width:768px) {
    .academic-card {
        flex-direction: column;
        padding: 18px;
    }

    .academic-image,
    .academic-text {
        width: 100%;
    }

    .academic-text h3 {
        text-align: center;
        font-size: 24px;
    }
}









/*********** Maharishi National Olympiad  start **************** */


/* force proper table borders – visible on all sides */
.winner-table {
    border-collapse: collapse;
    width: 100%;
    font-size: 0.95rem;
    background: white;
}

.winner-table th,
.winner-table td {
    border: 1px solid #cfdee9 !important;
    /* crisp visible border */
    padding: 12px 10px;
    vertical-align: middle;
    text-align: center;
}

/* header styling */
.winner-table thead th {
    background: #fb7c1f;
    color: white;
    font-weight: 700;
    border-color: #ffffff !important;
    font-size: 0.9rem;
    letter-spacing: 0.3px;
}

/* class title rows (separator) */
.class-title-row td {
    background: #e9f3ea;
    font-weight: 800;
    font-size: 1.1rem;

    color: #f84600;
    text-align: center;
    border: 1px solid #bdd6c4 !important;
    padding: 10px;
}

.class-title-row i {
    margin-right: 8px;
    color: #f84600;
}

/* student name style */
.winner-table tbody tr:not(.class-title-row) td:first-child {
    font-weight: 600;
    background-color: #fefcf5;
}

.winner-table tbody tr:not(.class-title-row) td:nth-child(2) {
    font-weight: 700;
    color: #0a4b6e;
}

/* badge styles for marks & prize (optional but clean) */
.mark-badge {
    background: #0d6efd;
    display: inline-block;
    padding: 5px 14px;
    border-radius: 40px;
    color: white;
    font-weight: 600;
    font-size: 0.85rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    white-space: nowrap;
}

.prize-badge {
    background: #198754;
    display: inline-block;
    padding: 5px 14px;
    border-radius: 40px;
    color: white;
    font-weight: 600;
    font-size: 0.85rem;
    white-space: nowrap;
}

/* hover effect for data rows */
.winner-table tbody tr:not(.class-title-row):hover td {
    background-color: #f8fdff;
    transition: 0.2s;
}

/* main container with card look */
.table-card {
    background: white;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    padding: 0;
}

.card-header-simple {
    background: linear-gradient(105deg, #FF5722 0%, #FF9800 100%);
    padding: 1.2rem 1.5rem;
    color: white;
}

.card-header-simple h3 {
    margin: 0;
    font-weight: 700;
    font-size: 1.6rem;
    letter-spacing: -0.3px;
}

.card-header-simple p {
    margin: 6px 0 0;
    opacity: 0.9;
    font-size: 0.9rem;
}

/* responsive wrapper - ensures horizontal scroll from both sides */
.responsive-scroll-wrapper {
    overflow-x: auto;
    overflow-y: visible;
    width: 100%;
    -webkit-overflow-scrolling: touch;
    border-radius: 0 0 24px 24px;
}

/* minimal spacing */
.table-container {
    padding: 0;
}

/* for very small devices text adjustment */
@media (max-width: 650px) {

    .winner-table th,
    .winner-table td {
        padding: 8px 6px;
        font-size: 0.8rem;
    }

    .mark-badge,
    .prize-badge {
        padding: 3px 10px;
        font-size: 0.7rem;
    }

    .class-title-row td {
        font-size: 0.9rem;
    }

    .card-header-simple h3 {
        font-size: 1.3rem;
    }
}

/* ensure border consistency even on mobile */
.winner-table {
    min-width: 600px;
    /* ensures horizontal scroll kicks in gracefully */
}



/*********** Maharishi National Olympiad  end **************** */





/**********   principalslider- start ************/



.awards-root {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.awards-root *,
.awards-root *::before,
.awards-root *::after {
    box-sizing: inherit;
}

.awards-card {
    max-width: 1280px;
    width: 100%;
    background: #ffffff;
    /* border-radius: 2rem;  (commented as per original) */
    box-shadow: 0 20px 35px -12px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(156, 180, 204, 0.2);
    overflow: hidden;
    transition: transform 0.2s;
    font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
}

/* header with minimalist badge */
.awards-header {
    background: #6d2367;
    padding: 2rem 1rem;
    border-bottom: 3px solid #ffb347;
}

.awards-header h1 {
    color: white;
    font-size: 1.55rem;
    font-weight: 600;
    letter-spacing: -0.3px;
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
}

.awards-header h1::before {
    content: "🏅";
    font-size: 1.7rem;
}

.awards-header p {
    color: #ffffff;
    font-size: 0.75rem;
    margin-top: 4px;
    font-weight: 400;
    margin-bottom: 0;
}

/* AWARDS LIST - ultra compact but clean */
.awards-compact-list {
    padding: 0.25rem 0 0.6rem 0;
}

/* each category block */
.awards-category {
    margin: 0;
    border-bottom: 1px solid #eef2f8;
}

.awards-category-title {
    background: #ffa1152b;
    padding: 0.65rem 1.8rem;
    font-size: 1.05rem;
    font-weight: 700;
    color: #009688;
    border-left: 5px solid #2c9b77;
    letter-spacing: -0.2px;
    margin: 0;
}

/* prize row - extremely compact, grid based */
.awards-prize-row {
    display: grid;
    grid-template-columns: 115px 1fr 125px;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1.8rem;
    border-bottom: 1px solid #f0f2f6;
    transition: background 0.1s ease;
}

.awards-prize-row:hover {
    background: #fafdff;
}

/* rank badges minimal */
.awards-rank {
    font-weight: 700;
    font-size: 0.85rem;
    letter-spacing: -0.2px;
}

.awards-rank-first {
    color: #bc3f2e;
}

.awards-rank-first::before {
    content: "🥇 ";
    font-size: 0.9rem;
}

.awards-rank-second {
    color: #2a6f8f;
}

.awards-rank-second::before {
    content: "🥈 ";
    font-size: 0.9rem;
}

.awards-rank-third {
    color: #2e7d32;
}

.awards-rank-third::before {
    content: "🥉 ";
    font-size: 0.9rem;
}

/* school name - clean, no overflow */
.awards-school-name {
    font-weight: 500;
    font-size: 0.85rem;
    color: #1b4f6e;
    background: #f2f6fc;
    padding: 0.2rem 0.6rem;
    border-radius: 24px;
    display: inline-block;
    white-space: nowrap;
    overflow-x: auto;
    max-width: 100%;
}

/* cash award pill */
.awards-cash-pill {
    font-weight: 700;
    font-family: 'SF Mono', 'Courier New', monospace;
    font-size: 0.85rem;
    background: #009688;
    padding: 0.4rem 0.7rem;
    border-radius: 40px;
    text-align: center;
    color: #ffffff;
    letter-spacing: 0.2px;
    white-space: nowrap;
}

.awards-rupee-sign {
    color: #ffffff;
    font-weight: 800;
}

.awards-category:last-child {
    border-bottom: none;
}

@media (max-width: 650px) {
    .awards-prize-row {
        grid-template-columns: 100px 1fr 100px;
        gap: 0.3rem;
        padding: 0.6rem 1rem;
    }

    .awards-school-name {
        white-space: normal;
        word-break: break-word;
        font-size: 0.78rem;
    }

    .awards-cash-pill {
        font-size: 0.73rem;
        white-space: normal;
        text-align: center;
    }

    .awards-category-title {
        padding: 0.55rem 1rem;
        font-size: 0.95rem;
    }

    .awards-rank {
        font-size: 0.78rem;
    }
}

@media (max-width: 480px) {
    .awards-school-name {
        white-space: normal;
        line-height: 1.25;
    }

    .awards-prize-row {
        grid-template-columns: 85px 1fr 90px;
    }
}

.awards-root {
    margin: 0;
    padding: 1rem;
    background: #f4f7fc;
}




.principalslider-master {
    max-width: 1300px;
    margin: 0 auto;
    background: #ffffff;
    /* border-radius: 2rem; */
    box-shadow: 0 25px 45px -12px rgba(0, 0, 0, 0.25);
    overflow: hidden;
    transition: all 0.2s;
}

/* header area */
.principalslider-header {
    background: linear-gradient(135deg, #6d2367, #4a1a45);
    padding: 1.4rem 2rem;
    border-bottom: 4px solid #ffb347;
}

.principalslider-header h2 {
    color: white;
    font-size: 1.7rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0;
}

.principalslider-header h2 i {
    color: #ffb347;
    font-size: 1.8rem;
}

.principalslider-header p {
    color: #ffe0cf;
    font-size: 0.8rem;
    margin-top: 6px;
    margin-bottom: 0;
}

/* slider core */
.principalslider-container {
    position: relative;
    background: #fefefe;
}

.principalslider-track {
    position: relative;
    min-height: 500px;
    overflow: hidden;
}

.principalslider-slide-item {
    display: none;
    animation: principalsliderFadeEffect 0.45s ease-in-out;
    width: 100%;
    padding: 1.8rem 2rem 2rem 2rem;
}

.principalslider-slide-item.principalslider-active {
    display: block;
}

@keyframes principalsliderFadeEffect {
    from {
        opacity: 0;
        transform: translateX(12px);
    }

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

/* image area */
.principalslider-slide-image {
    text-align: center;
    margin-bottom: 0.5rem;
}

.principalslider-slide-image img {
    max-width: 100%;
    max-height: 320px;
    object-fit: contain;
    box-shadow: 2px 4px 7px #4b0b0b;
    background: #fafcff;
    border: 1px solid #eef2f8;
    transition: transform 0.2s;
}

/* text content */
.principalslider-slide-text {
    text-align: center;
    max-width: 900px;
    margin: 0 auto;
}

.principalslider-awardee-name {
    font-size: 1.8rem;
    font-weight: 800;
    background: linear-gradient(125deg, #1f2e4e, #7c3a6e);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    margin-bottom: 0.75rem;
    letter-spacing: -0.3px;
    display: inline-flex;
    align-items: center;
    gap: 12px;
}

.principalslider-awardee-name i {
    background: none;
    color: #ffb347;
    font-size: 1.6rem;
}

.principalslider-full-description {
    font-size: 1rem;
    line-height: 1.55;
    color: #a56200;
    background: #c2d0d166;
    padding: 1.2rem 1.8rem;
    border-radius: 1.5rem;
    margin-top: 0.8rem;
    border-left: 4px solid #FF9800;
    text-align: left;
    font-weight: 800;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
}

/* navigation buttons */
.principalslider-nav {
    display: flex;
    justify-content: center;
    gap: 1.2rem;
    padding: 1rem 2rem 2rem 2rem;
    background: #ffffff;
    border-top: 1px solid #ecf3f9;
}

.principalslider-nav-btn {
    background: #f0f4fc;
    border: none;
    padding: 0.8rem 1.8rem;
    font-weight: 600;
    font-size: 1rem;
    border-radius: 60px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    transition: all 0.2s;
    color: #2c3e66;
    font-family: 'Inter', sans-serif;
}

.principalslider-nav-btn i {
    font-size: 1rem;
}

.principalslider-nav-btn:hover {
    background: #ffb347;
    color: white;
    transform: scale(1.02);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
}

.principalslider-counter {
    background: #eef2fa;
    padding: 0.5rem 1.2rem;
    border-radius: 60px;
    font-weight: 600;
    font-size: 0.9rem;
    color: #6d2367;
}

/* responsive design */
@media (max-width: 780px) {
    .principalslider-slide-item {
        padding: 1rem 1.2rem;
    }

    .principalslider-awardee-name {
        font-size: 1.3rem;
        flex-wrap: wrap;
        justify-content: center;
    }

    .principalslider-full-description {
        font-size: 0.85rem;
        padding: 1rem;
    }

    .principalslider-slide-image img {
        max-height: 280px;
    }

    .principalslider-track {
        min-height: 0px;
    }

    .principalslider-nav-btn {
        padding: 0.5rem 1.2rem;
        font-size: 0.85rem;
    }

    .principalslider-header h2 {
        font-size: 1rem;
    }
}

@media (max-width: 550px) {
    .principalslider-slide-image img {
        max-height: 220px;
    }

    .principalslider-awardee-name {
        font-size: 1.1rem;
    }

    .principalslider-full-description {
        font-size: 0.55rem;
    }

    .principalslider-nav-btn {
        padding: 0.4rem 1rem;
    }

    .principalslider-counter {
        background: #eef2fa00;
        padding: 0rem 0rem;
        font-size: 0.9rem;
        color: #6d2367;
    }
}

/********** .principalslider- end ************/


/* second updated code in 20 file *-****************/

.dir_blue {
    text-align: justify;
}


.scrolldiv-tm {
    padding-left: 10px;
    padding-right: 10px;
    height: 734px;
    overflow-y: auto;
    background: white;
    border: 1px solid #ddd;
}



.content-box-tm-world {
    background-color: #ffffff;
    color: #333;
    padding: 20px;
    border-radius: 0px;
    box-shadow: 0 4px 12px rgba(187, 103, 103, 0.459);
}

.content-box-tm-world p {
    color: #084c79;
    text-align: justify;
}





/* second table   */
/* =========================
  FILTER SECTION
========================= */

.mvm-filter-wrapper{
    width:100%;
    margin:15px auto 25px;
}

.mvm-filter-row{
    display:flex; 
    justify-content:center;
    gap:12px;
    flex-wrap:nowrap;
}

/* Select Box Container */
.mvm-filter-col{
    width:280px;
}

/* Dropdown Style */
.mvm-filter-col select{
    width:100%;
    height:42px;
    border:2px solid #dbe4f0;
    border-radius:8px;
    padding:0 12px;
    font-size:14px;
    color:#2c3e50;
    background:#ffffff;
    transition:.3s;
}

.mvm-filter-col select:focus{
    border-color:#1e88e5;
    box-shadow:0 0 8px rgba(30,136,229,.20);
    outline:none;
}

/* Button Container */
.mvm-btn-col{
    width:120px;
}

/* Go Button */
.mvm-go-btn{
    width:100%;
    height:42px;
    border:none;
    border-radius:8px;
    background: linear-gradient(135deg, #b4a2c7, #411f47);
    color:#fff;
    font-size:14px;
    font-weight:600;
    cursor:pointer;
    transition:.3s;
}

.mvm-go-btn:hover{
    background: linear-gradient(135deg, #FF5722, #85402a);
    transform:translateY(-1px);
}

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

@media(max-width:991px){

    .mvm-filter-col{
        width:220px;
    }

    .mvm-btn-col{
        width:100px;
    }
}

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

@media(max-width:767px){

    .mvm-filter-row{
        flex-direction:row;
        gap:6px;
    }

    .mvm-filter-col{
        width:40%;
    }

    .mvm-btn-col{
        width:20%;
    }

    .mvm-filter-col select{
        height:38px;
        font-size:12px;
        padding:0 8px;
    }

    .mvm-go-btn{
        height:38px;
        font-size:12px;
        padding:0;
    }
}

/* Extra Small Mobile */

@media(max-width:480px){

    .mvm-filter-col{
        width:38%;
    }

    .mvm-btn-col{
        width:24%;
    }

    .mvm-filter-col select{
        font-size:11px;
    }

    .mvm-go-btn{
        font-size:11px;
    }
} 

.custom-heading-h1{
    font-size:29px !important;
    font-weight:600; 
}
@media(max-width:991px){.custom-heading-h1{
                            font-size:19px !important;

                        }
}





/* chairmain section start  up */
/* ===========================
   MVM GIRISH PROFILE SECTION
   =========================== */

.mvm-girish-section{
    background: linear-gradient(135deg,#f4f7ff,#eef8ff);
    padding: 30px 0;
}

/* Main Card */

.mvm-girish-card{
    background:#fff;
    padding:40px;
    border-radius:25px;
    box-shadow:0 15px 40px rgba(0,0,0,.15);
    position:relative;
    overflow:hidden;
    transition:.4s;
}

.mvm-girish-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    background: linear-gradient(105deg, #1f4f1a 0%, #2d7a2a 100%);
    height: 8px;



}

.mvm-girish-card:hover{
    transform:translateY(-5px);
}

/* Quote */

.mvm-girish-quote-box{
    text-align:center;
    font-size:22px;
    font-weight:600;
    color:#ff5722;
    line-height:1.6;
    margin-bottom:35px;
    padding:20px;
    background:#fff7f2;
    border-radius:15px;
    border-left:5px solid #ff5722;
}

/* Profile */

.mvm-girish-profile{
    max-width:700px;
    margin:auto;
}

.mvm-girish-image-wrap{
    width:250px;
    height:250px;
    margin:auto;
    border-radius:50%;
    padding:8px;
    background:linear-gradient(135deg,#ff6b6b,#ffb347);
}

.mvm-girish-image-wrap img{
    width:100%;
    height:100%;
    border-radius:50%;
    object-fit:cover;
    border:5px solid #fff;
}

.mvm-girish-profile h2{
    margin-top:25px;
    font-size:34px;
    font-weight:700;
    color: #FF5722;
}

.mvm-girish-badge{
    display:inline-block;
    padding:12px 25px;
    border-radius:50px;
    background:#fff;
    box-shadow: 0 5px 20px rgb(0 0 0 / 57%);
    margin-top: 10px;
}

.mvm-girish-degree{
    margin:0;
    color:#28a745;
    font-size:18px;
    font-weight:600;
}

/* Designations */

.mvm-girish-designation{
    text-align:center;
    padding:10px 0;
}

.mvm-girish-designation h4{
    color: var(--third);
    font-size:24px;
    font-weight:700;
    margin-bottom:12px;
}

.mvm-girish-designation p{
    color:#1a485e;
    font-size:16px;
    line-height:1.8;
    margin:0;
}

.mvm-girish-card hr{
    margin:25px 0;
    border:0;
    border-top:1px solid #e5e5e5;
}

/* Links */

.mvm-girish-links{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:20px;
    margin-top:35px;
}

.mvm-girish-link-card{
    display:flex;
    align-items:center;
    gap:15px;
    padding:18px;
    background:#fff;
    border-radius:15px;
    text-decoration:none;
    box-shadow:0 5px 15px rgba(0,0,0,.08);
    border:1px solid #eee;
    transition:.3s ease;
}

.mvm-girish-link-card:hover{
    transform:translateY(-5px);
    text-decoration:none;
    box-shadow:0 10px 25px rgba(0,0,0,.15);
}

.mvm-girish-icon{
    width:60px;
    height:60px;
    min-width:60px;
    border-radius:50%;
    background:linear-gradient(135deg,#ff6b6b,#ffb347);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:22px;
}

.mvm-girish-link-text h4{
    margin:0;
    color:#a0300d;
    font-size:16px;
    font-weight:600;
    line-height:1.5;
}

/* Buttons */

.mvm-girish-actions{
    margin-top:40px;
    text-align:center;
}

.mvm-girish-btn{
    display:inline-block;
    margin:10px;
    padding:14px 35px;
    background:linear-gradient(135deg,#ff6b6b,#ff8e53);
    color:#fff;
    border-radius:50px;
    text-decoration:none;
    font-weight:600;
    transition:.3s;
}

.mvm-girish-btn:hover{
    color:#fff;
    text-decoration:none;
    transform:translateY(-4px);
    box-shadow:0 10px 20px rgba(255,107,107,.4);
}

/* Tablet */

@media (max-width:991px){

    .mvm-girish-card{
        padding:20px;
    }

    .mvm-girish-image-wrap{
        width:200px;
        height:200px;
    }

    .mvm-girish-profile h2{
        font-size:24px;
    }

    .mvm-girish-degree{
        font-size:14px;
    }

    .mvm-girish-designation h4{
        font-size:21px;
    }

    .mvm-girish-designation p{
        font-size:15px;
    }

    .mvm-girish-links{
        grid-template-columns:1fr;
    }
}

/* Mobile */

@media (max-width:576px){

    .mvm-girish-card{
        padding:15px;
        border-radius:15px;
    }

    .mvm-girish-quote-box{
        font-size:16px;
        padding:15px;
    }

    .mvm-girish-image-wrap{
        width:170px;
        height:170px;
    }

    .mvm-girish-profile h2{
        font-size:20px;
        margin-top:15px;
    }

    .mvm-girish-badge{
        padding:10px 15px;
    }

    .mvm-girish-degree{
        font-size:12px;
    }

    .mvm-girish-designation h4{
        font-size:18px;
    }

    .mvm-girish-designation p{
        font-size:14px;
        line-height:1.6;
    }

    .mvm-girish-link-card{
        padding:14px;
    }

    .mvm-girish-icon{
        width:50px;
        height:50px;
        min-width:50px;
        font-size:18px;
    }

    .mvm-girish-link-text h4{
        font-size:14px;
    }
}



/******************** achievements-of chairmain start  *************/

.gj-life-timeline-wrapper{
    padding:40px 45px;
}

.gj-life-timeline-title{
    font-size:2.2rem;
    font-weight:500;
    color:#1e2b3a;
    border-left:6px solid #b8860b;
    padding-left:18px;
    margin-bottom:8px;
}

.gj-life-timeline-subtitle{
    color:#5a6a7a;
    margin:0 0 30px 24px;
    border-bottom:1px solid #eae6de;
    padding-bottom:16px;
}

.gj-life-timeline-list{
    list-style:none;
    margin:0;
    padding:0;
    counter-reset:gj-counter;
}

/* Main List Item */
.gj-life-timeline-list > li{
    counter-increment:gj-counter;
    position:relative;
       padding: 1px 0px 5px 26px;
    text-align:justify; 
    line-height:1.7;
}

/* Number Circle */
.gj-life-timeline-list > li::before{
    content:counter(gj-counter);
    position:absolute;
    left:8px;
    top:8px;
    width:7px;
    height:7px;
    border-radius:50%;
    background:#6d5525;   /* Number Background */
    color:#6d5525;        /* Number Text Color */
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:700;
    font-size:1px;
    box-shadow:0 2px 6px rgba(0,0,0,0.15);
}

/* Sub List */
.gj-life-timeline-list ol{
    list-style:none;
    counter-reset:gj-sub-counter;
    padding-left:28px;
    margin-top:10px;
}

.gj-life-timeline-list ol li{
    counter-increment:gj-sub-counter;
    position:relative;
    padding-left:25px;
    margin:5px 0;
    line-height:1.6;
}

.gj-life-timeline-list ol li::before{
    content:counter(gj-sub-counter) ".";
    position:absolute;
    left:0;
    top:0;
    font-weight:600;
    color:#6d5525;
}

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

    .gj-life-timeline-wrapper{
        padding:20px;
    }

    .gj-life-timeline-title{
        font-size:1.6rem;
    }

    .gj-life-timeline-list > li{
        padding:8px 10px 8px 45px;
    }

    .gj-life-timeline-list > li::before{
        width:24px;
        height:24px;
        font-size:12px;
    }

    .mvm_inner_padding-1212 {
        padding: 1rem 0.3rem;
    }

}
.gj-life-timeline-list ol li{
    counter-increment:gj-sub-counter;
    position:relative;
    padding-left:40px;   /* 25px की जगह 40px */
    margin:5px 0;
    line-height:1.6;
}

.gj-life-timeline-list ol li::before{
    content:counter(gj-sub-counter) ".";
    position:absolute;
    left:0;
    top:0;
    width:30px;          /* नंबर के लिए फिक्स जगह */
    text-align:right;    /* 1., 10., 11. सब align रहेंगे */
    font-weight:600;
    color:#6d5525;
} 

.second-text{font-size:xx-large;}
.scrolldiv-style{
    height: 80vh;
    overflow-y: auto;
    padding: 20px;
    border: 1px solid #ddd;
    background: #fff;
    scroll-behavior: smooth;
}

.brahmachari-title {
    color: #c53e1c; /* Dark brown/saffron shade */

}


.custom-dot-list { 
    list-style-type: disc; /* Dot bullets */
}
.custom-dot-list li {
    margin-bottom: 20px;  
}
.gj-life-timeline-wrapper-style {
    padding: 10px 10px;
    text-align: justify;
}
/******************** achievements-of chairmain end  *************/






/*********************** Founder PAGE START */

.mgwp_legacy_wrap_v2025{
    width:100%;
    position:relative;
}

.mgwp_legacy_table_v2025{
    width:100%;
    border-collapse:collapse;
    background:transparent;
}

.mgwp_legacy_table_v2025 td,
.mgwp_legacy_table_v2025 th{
    padding:0.4rem 0.2rem;
    border:none;
    vertical-align:middle;
}

.mgwp_img_responsive_v2025{
    max-width:100%;
    height:auto;
    display:block;
}

.mgwp_flower_cell_v2025{
    vertical-align:middle;
    text-align:center;
}

.mgwp_side_flower_v2025{
    display:inline-block;
    max-width:100px;
}

.mgwp_founder_wrapper_v2025{
    text-align:center;
    border-radius:24px;
    overflow:hidden;
    background:#fff5e6;
    padding:6px;
    display:inline-block;
    width:100%;
    max-width:220px;
    margin:0 auto;
}

.mgwp_founder_wrapper_v2025 img{
    border-radius:20px;
    width:100%;
    object-fit:cover;
    display:block;
}

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

.mgwp_honorific_v2025{
    color:#b64926;
    font-size:1.3rem;
    font-weight:700;
    text-align:center;
    letter-spacing:.5px;
    margin-top:.25rem;
}

.mgwp_founder_name_v2025{
    font-size:1.8rem;
    font-weight:800;
    color:#7b3a1a;
    text-align:center;
    margin:.2rem 0 .1rem;
}

.mgwp_founder_of_label_v2025{
    text-align:center;
    font-style:italic;
    color:#a1552f;
    font-weight:500;
    font-size:1.1rem;
    margin-top:6px;
    margin-bottom:8px;
}

/* ===========================
   BUTTONS
=========================== */

.mgwp_nav_group_v2025{
    text-align:center;
    margin:1.2rem 0 .8rem;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:1rem;
}

.mgwp_nav_btn_v2025{
    display:inline-block;
    background:linear-gradient(105deg,#64386f 0%,#754374 100%);
    color:#fff !important;
    font-weight:700;
    font-size:1rem;
    padding:.7rem 1.8rem;
    text-decoration:none;
    letter-spacing:.3px;
    transition:.3s ease;
}

.mgwp_nav_btn_v2025:hover{
    background:linear-gradient(105deg,#b24d30 0%,#943b20 100%);
    transform:translateY(-2px);
    box-shadow:0 12px 20px -10px rgba(156,60,20,.4);
    color:#fff !important;
    text-decoration:none;
}

.mgwp_nav_btn_v2025:active{
    transform:translateY(1px);
}

/* ===========================
   INSTITUTION CARD
=========================== */

.mgwp_institutions_card_v2025{
    background:#fffaf2;
    border-radius:28px;
    padding:1.5rem 1.8rem;
    margin-top:1.2rem;
    border:1px solid #ffe2c6;
    box-shadow:
        inset 0 1px 2px rgba(0,0,0,.02),
        0 6px 12px -8px rgba(0,0,0,.05);
}

.mgwp_institutions_card_v2025 p{
    text-align:center;
    font-weight:600;
    margin:0;
    line-height:1.75;
    font-size:.95rem;
}

.mgwp_institutions_card_v2025 br{
    display:block;
    content:"";
    margin:4px 0;
}

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

@media (max-width:720px){

    .mgwp_legacy_wrap_v2025{
        padding:1rem;
    }

    /* FLOWER - FOUNDER - FLOWER
       STACK ONE BELOW ANOTHER */

    .mgwp_legacy_table_v2025,
    .mgwp_legacy_table_v2025 tbody,
    .mgwp_legacy_table_v2025 tr{
        display:block;
        width:100%;
    }

    .mgwp_flower_cell_v2025{
        display:block;
        width:100% !important;
        text-align:center !important;
        padding:12px 0 !important;
    }

    .mgwp_side_flower_v2025{
        max-width:90px;
        margin:0 auto;
        display:block;
    }

    .mgwp_founder_wrapper_v2025{
        max-width:220px;
        margin:0 auto;
        display:block;
    }

    .mgwp_founder_name_v2025{
        font-size:1.4rem;
    }

    .mgwp_honorific_v2025{
        font-size:1.1rem;
    }

    .mgwp_institutions_card_v2025{
        padding:1rem;
    }

    .mgwp_institutions_card_v2025 p{
        font-size:.85rem;
    }

    .mgwp_nav_group_v2025{
        flex-direction:column;
        align-items:center;
    }

    .mgwp_nav_btn_v2025{
        width:100%;
        max-width:320px;
        text-align:center;
        padding:.7rem 1rem;
        font-size:.9rem;
    }
}

/* HIDE DEFAULT HR IF ANY */
.mgwp_legacy_wrap_v2025 hr{
    display:none;
}



/*********************** Founder PAGE END  */




/*************** .chairman-achievements-page start */

.myg-wrapper {
    max-width: 1200px;
    margin: 0 auto;
}
.myg-title {
    font-weight: 600;
    color: #1e2f3d;
    letter-spacing: -0.3px;
    border-left: 8px solid #c84e2b;
    padding-left: 1.2rem;
    margin-bottom: 2rem;
}

/* ----- card style ----- */
.myg-card {
    background: #ffffff; 
    overflow: hidden;
    box-shadow: 0 12px 28px rgba(0, 20, 30, 0.459);
    transition: transform 0.2s ease, box-shadow 0.25s;
    cursor: pointer;
    border: 1px solid #d9c6b8;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.myg-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 22px 40px rgba(0, 30, 40, 0.10);
    border-color: #4b2850;
}
.myg-card-img {
    width: 100%;
    aspect-ratio: 1 / 1; 
    background: #e9edf2;
    transition: all 0.2s;
}
.myg-card-body {
    padding: 0.9rem 0.8rem 0.8rem;
    text-align: center;
    background: #fafcfe;
    border-top: 1px solid #eef3f7;
}
.myg-card-name {
    font-weight: 600;
    font-size: 1rem;
    color: #b8740f;
    letter-spacing: 0.2px;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.myg-card-name i {
    color: #c84e2b;
    font-size: 0.75rem;
    margin-left: 5px;
    opacity: 0.7;
}

/* ----- BLACK OVERLAY (fullscreen) with arrows ----- */
.myg-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.432);
    backdrop-filter: blur(6px);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    padding: 2rem;
    animation: mygFade 0.3s ease;
}
.myg-overlay.active {
    display: flex;
}
@keyframes mygFade {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
.myg-overlay-box { 
    border-radius: 40px;
    max-width: 750px;
    width: 100%;
    padding: 1.8rem 1.8rem 1.5rem; 
    text-align: center;
    position: relative;
    transition: 0.2s;
}
.myg-mb{
    margin-bottom: 20px;
}
.myg-overlay-box img {
    width: 100%;
    max-height: 65vh;
    object-fit: contain; 
    display: block;
}
/* error message inside overlay */
.myg-error-msg {
    display: none;
    color: #f0b3a0;
    background: #1f1715;
    padding: 2rem 1.5rem; 
    font-weight: 500;
    border: 1px solid #5f3a2e;
}
.myg-error-msg i {
    font-size: 2rem;
    display: block;
    margin-bottom: 10px;
    color: #c84e2b;
}




.myg-overlay-caption {
    margin-top: 1.2rem;
    color: #f0f4fa;
    font-weight: 500;
    font-size: 1.3rem;
    letter-spacing: 0.5px;
    border-top: 1px solid rgba(255,255,255,0.06);
    padding-top: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}


.myg-overlay-caption i {
    color: #c84e2b;
    font-size: 1rem;
    opacity: 0.9;
}

/* close button */
.myg-close-btn {
    position: absolute;
    top: 12px;
    right: 20px;
    background: none;
    border: none;
    color: rgb(255 255 255);
    font-size: 2.4rem;
    line-height: 1;
    cursor: pointer;
    transition: 0.15s;
    padding: 0 8px;
    border-radius: 60px;
    z-index: 10;
}
.myg-close-btn:hover {
    color: #ffffff;
    transform: scale(1.1);
    background: rgba(255,255,255,0.04);
}

/* ----- ARROWS (left / right) ----- */
.myg-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgb(224 232 239 / 0%);
    backdrop-filter: blur(4px);
    border: 1px solid rgba(255,255,255,0.08);
    color: #f0f4fa;
    font-size: 2.2rem;
    width: 58px;
    height: 58px;
    border-radius: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s;
    z-index: 20;
    box-shadow: 0 4px 16px rgba(0,0,0,0.3);
}
.myg-arrow:hover {
    background: rgba(200, 78, 43, 0.7);
    color: #fff;
    border-color: rgba(255,255,255,0.2);
    transform: translateY(-50%) scale(1.05);
}
.myg-arrow-left {
    left: 12px;
}
.myg-arrow-right {
    right: 12px;
}
.myg-arrow i {
    pointer-events: none;
}

/* responsive */
@media (max-width: 576px) {
    .myg-overlay-box { padding: 1rem; }
    .myg-overlay-caption { font-size: 1rem; }
    .myg-close-btn { top: 4px; right: 12px; font-size: 2rem; }
    .myg-arrow { width: 44px; height: 44px; font-size: 1.6rem; }
    .myg-arrow-left { left: -20px; }
    .myg-arrow-right { right: -20px; }
}


.myg-overlay-caption-scroll{
    width: 100%;
    margin-top: 1px;

    background: rgba(73, 39, 71, 0.75);
    color: #fff;

    padding: 15px;
    border-radius: 8px;

    max-height: 150px;
    overflow-y: auto;
    overflow-x: hidden;

    text-align:justify;

    display: block !important;
    box-sizing: border-box;
}

.myg-overlay-caption-scroll #mygOverlayName{
    display: block;
    font-size: 14px;
    line-height: 1.8;
    font-weight: 400;

    white-space: normal;
    word-break: break-word;
    overflow-wrap: break-word;
} 




/*************** .chairman-achievements-page start */





/************ silver jubilee  start  *************/


.card-div-style {
    max-width: 1400px;
    width: 100%;
    background: #ffffff; 
    box-shadow: 0 20px 40px -12px rgba(0,20,40,0.25);
    padding: 2rem 2rem 1.8rem;
    transition: all 0.2s;
}
/* header */
.title-section {
    border-bottom: 2px solid #eef2f6;
    padding-bottom: 1.2rem;
    margin-bottom: 1.8rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.title-section h1 {
    font-weight: 600;
    font-size: 1.6rem;
    letter-spacing: -0.3px;
    color: #0a2a44;
    display: flex;
    align-items: center;
    gap: 6px;
}
.title-section h1 small {
    font-weight: 400;
    font-size: 0.9rem;
    color: #4a6f8e;
    margin-left: 10px;
    background: #eef4fa;
    padding: 0.1rem 0.9rem;
    border-radius: 40px;
}

/* content area – clean typography */
.content-area {
    background: #fafcff;
    border-radius: 20px;
    padding: 0.2rem 0.1rem;
}
.virtualpage2 {
    display: block;
    background: #ffffff;
    padding: 0.6rem 0.2rem 0.2rem 0.2rem;
    border-radius: 16px;
    line-height: 1.6;
    text-align: justify;
    font-size: 0.98rem;
}
.virtualpage2 p {
    margin-bottom: 0.6rem;
}
.virtualpage2 .red {
    color: var(--third);
    font-weight: 600;

}

.red-mvm{color: #c03737;}
.virtualpage2 .highlight-block {
    background: #f0f5fe;
    padding: 0.8rem 1.2rem;
    border-radius: 14px;
    margin: 1rem 0 0.8rem 0;
    border-left: 4px solid #b22234;
}
.virtualpage2 .sub-point {
    display: block;
    padding-left: 1.4rem;
    margin-top: 0.15rem;
    position: relative;
}
.virtualpage2 .sub-point::before {
    content: "•";
    color: #b22234;
    font-weight: 700;
    position: absolute;
    left: 0.2rem;
}
.virtualpage2 .letter-badge {
    display: inline-block;
    font-weight: 700;
    color: #0a2a44;
    min-width: 1.6rem;
}
/* spacing for list items */
.programme-list {
    margin-top: 0.2rem;
}
.programme-item {
    padding: 0.25rem 0 0.15rem 0; 
}
.programme-item:last-child {
    border-bottom: none;
}
.programme-item .badge {
    display: inline-block;
    font-weight: 600;
    color: #1a3b5c;
    margin-right: 4px;
}
.programme-item .badge-letter {
    display: inline-block;
    font-weight: 700;
    color: #398a3d;

}
.closing {
    margin-top: 1.4rem;
    text-align: center;
    font-size: 1.1rem;
    font-weight: 500;
    color: #1d3b5a;
    border-top: 1px solid #e2e8f0;
    padding-top: 1.2rem;
}
.closing .red {
    font-weight: 600;
    letter-spacing: 0.5px;
}
/* pagination */
.pagination-wrap {
    margin-top: 2rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 0.4rem 0.8rem;
    background: #f1f6fd;
    padding: 0.75rem 1rem;
    border-radius: 60px;
}
.paginationstyle {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.3rem 0.8rem;
    font-size: 0.95rem;
    width: 100%;
}
.paginationstyle a {
    text-decoration: none;
    font-weight: 500;
    padding: 0.2rem 0.9rem;
    border-radius: 30px;
    background: #ffffff;
    color: #4a1f57;
    border: 1px solid #481f58;
    transition: all 0.15s;
    box-shadow: 0 1px 2px rgba(190, 81, 18, 0.02);
    font-size: 0.9rem;
    letter-spacing: 0.2px;
}
.paginationstyle a:hover {
    background: #b6720d !important;
    border-color: #f8921d;
    color: #ffffff;
}
.paginationstyle .paginateinfo {
    margin: 0 10px;
    color: #0f2b46;
    font-weight: 600;
    background: #eaf0f9;
    padding: 0.2rem 1.2rem;
    border-radius: 40px;
    font-size: 0.9rem;
    letter-spacing: 0.3px;
    border: 1px solid #cddef0;
}
.paginationstyle a[rel="first"],
.paginationstyle a[rel="last"] {
    background: #e8eef7;
    font-weight: 600;
    min-width: 2rem;
    text-align: center;
}
.paginationstyle a[rel="previous"],
.paginationstyle a[rel="next"] {
    background: #ffffff;
    min-width: 4.5rem;
    text-align: center;
}
/* helper */
.mt-1 { margin-top: 0.4rem; }
.mb-1 { margin-bottom: 0.4rem; }
.text-small { font-size: 0.92rem; }
.flex-break { flex-basis: 100%; height: 0; }

@media (max-width: 600px) {
    .card-div-style { padding: 1.2rem; }
    .title-section h1 { font-size: 1.3rem; flex-wrap: wrap; }
    .paginationstyle a { padding: 0.2rem 0.6rem; min-width: 3.2rem; }
}
.programme-item{
    display:flex;
    align-items:center; /* icon aur text ek hi line me */
    gap:10px;
    margin-bottom:10px;
}

.badge-letter{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:30px;
    height:30px;
    flex-shrink:0;
} 

@media (max-width: 767px) {
    .mobile-stack .hindi-block,
    .mobile-stack .english-block {
        display: block;
        margin-bottom: 8px;
    }

    .mobile-stack .divider {
        display: none;
    }
}

/************ silver jubilee  end *************/



.card-header-custom-style {
    padding: 1.2rem 1.8rem;
    border-bottom: 2px solid #eef2f8;  
}

.card-header-custom-style h2 {
    font-size: 1.4rem;
    font-weight: 600;
    margin: 0;
    color: #7b4b83;
}
.website-grid-style {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
    gap: 1rem;
    padding: 1.5rem;
}
.clickable-card {
    background: #ffffff;
    border-radius: 0.43rem;
    transition: all 0.2s ease;
    border: 1px solid #661917;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.8rem;
    padding: 0.9rem 1.2rem;
    text-decoration: none;
    color: inherit;
}

.clickable-card:hover {
    background: #f7ffff;
    border-color: #f87325;
    transform: translateY(-2px);
    box-shadow: 0 12px 20px 10px rgba(0, 0, 0, 0.08);
}
.card-text-content {
    flex: 1;
    min-width: 0;
}

.website-title {
    font-weight: 600;
    font-size: 0.9rem;
    color: #009688;
    display: block;
    margin-bottom: 0.2rem;
    line-height: 1.3;
}

.website-domain {
    font-size: 0.75rem;
    color: #3b7c6b;
    font-family: monospace;
    word-break: break-all;
    display: inline-block;
}


@media (max-width: 670px) {
    .directory-wrapper {
        padding: 1rem;
    }

    .website-grid-style {
        grid-template-columns: 1fr;
    }      
    .card-div-style{
        padding: 0rem;
    } 
}



/****************  maharishi ji achivements start  */
.maharishi-history{ 
    max-width:1000px;
    margin:auto;
    line-height:1.9;
    text-align:justify;

    font-size:16px;
}

.maharishi-history h3{
    color:#8b5a2b;
    margin:25px 0 10px;
    font-size:24px;
}

.maharishi-quote{
    background:#f9f6f1;
    border-left:5px solid #b8860b;
    padding:15px 20px;
    margin:20px 0;
    border-radius:8px;
    font-size:16px; 
}

.maharishi-history p{
    margin-bottom:15px;
}

@media(max-width:768px){
    .maharishi-history{
        font-size:15px;
        padding:0 15px;
    }

    .maharishi-history h3{
        font-size:20px;
    }

    .maharishi-quote{
        padding:12px 15px;
    }
} 


@media(max-width:992px){
    .paginationstyle-style { 
        gap: 0.1rem 0.1rem; 
    }}

/****************  maharishi ji achivements end  */




.premium-side-menu .links-panel .links-list li {
    border-bottom: 1px solid #ddd;
    padding: 6px 0;
}

.branch-list-stle{
    display:none;
}

/* Show active state branches */
.branch-list-stle.active{
    display:grid; 
    gap:5px; 
}



/****************** login section start */


.login-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%; 
}

.auth-container {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px); 
    padding: 40px 35px;
    max-width: 720px;
    width: 100%;
    border: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.3);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    margin: 0 auto;
}

.auth-container:hover {
    transform: translateY(-5px);
    box-shadow: 0 35px 70px rgba(0, 0, 0, 0.4);
}

/* ===== HEADER ===== */
.auth-header {
    text-align: center;
    margin-bottom: 30px;
}

.auth-header h2 {
    font-weight: 700;
    font-size: 28px;
    color: #2d3436;
    letter-spacing: -0.5px;
    position: relative;
    display: inline-block;
}

.auth-header h2::after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 50px;
    height: 4px;
    background: linear-gradient(90deg, #667eea, #764ba2);
    border-radius: 10px;
}

.auth-header .sub-heading {
    color: #636e72;
    font-size: 14px;
    margin-top: 15px;
    font-weight: 400;
}

/* ===== FORM TABLE OVERRIDES ===== */
.auth-form table {
    width: 100% !important;
    border-collapse: collapse;
}

.auth-form table tr td {
    padding: 0 0 6px 0;
    border: none;
    vertical-align: middle;
}

.auth-form table tr:first-child td {
    padding-top: 0;
}

.auth-form table tr td:first-child {
    width: 120px;
    white-space: nowrap;
    padding-right: 8px;
}

.auth-form table tr td:last-child {
    padding-left: 10px;
    width: auto;
}

/* ===== FORM LABELS ===== */
.field-label {
    font-weight: 600;
    font-size: 18px;
}

.field-label .required-star {
    color: #e74c3c;
    font-weight: 600;
    margin-left: 2px;
}

/* ===== INPUT WRAPPER ===== */
.input-wrap {
    position: relative;
    display: flex;
    align-items: center;
}

.input-wrap .input-icon {
    position: absolute;
    left: 15px;
    color: #a0aec0;
    font-size: 18px;
    transition: color 0.3s ease;
    z-index: 1;
    pointer-events: none;
}

.input-wrap .input-field {
    width: 100%;
    padding: 18px 20px 18px 50px;
    border: 2px solid #d99f35;
    border-radius: 50px;
    font-size: 15px;
    font-family: 'Poppins', sans-serif;
    background: #f7fafc;
    transition: all 0.3s ease;
    outline: none;
    color: #2d3436;
    font-weight: 500;
}

.input-wrap .input-field::placeholder {
    color: #b0bec5;
    font-weight: 400;
    font-size: 14px;
}

.input-wrap .input-field:focus {
    border-color: #667eea;
    background: #ffffff;
    box-shadow: 0 0 0 4px rgba(102, 126, 234, 0.15);
}

.input-wrap:focus-within .input-icon {
    color: #667eea;
}

/* ===== BUTTON GROUP ===== */
.action-group {
    display: flex;
    gap: 10px;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 10px;
}

.btn-action {
    padding: 14px 40px;
    border: none;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    cursor: pointer;
    transition: all 0.3s ease;
    letter-spacing: 0.5px;
    min-width: 130px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.btn-action.btn-login {
    background: linear-gradient(135deg, #5b3b68 0%, #764ba2 100%);
    color: #fff;
    box-shadow: 0 8px 20px rgba(102, 126, 234, 0.4);
}

.btn-action.btn-login:hover {
    transform: translateY(-3px);

    background: linear-gradient(135deg, #1f5c38 0%, #195e3b 100%);
    box-shadow: 0 12px 28px rgba(102, 126, 234, 0.5);
}

.btn-action.btn-login:active {
    transform: scale(0.96);
}

.btn-action.btn-cancel {
    background: #e33915;
    color: rgb(255 255 255);
    box-shadow: rgba(25, 33, 66, 0.4) 0px 8px 20px;
}

.btn-action.btn-cancel:hover {
    background: rgb(209 150 63);
    transform: translateY(-3px);
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.08);
}

.btn-action.btn-cancel:active {
    transform: scale(0.96);
}

/* ===== MANDATORY NOTE ===== */
.mandatory-row td {
    text-align: center !important;
    padding-top: 10px !important;
}

.mandatory-note {
    font-size: 18px;
    font-weight: 500;
    color: #e74c3c;
    letter-spacing: 0.3px;
    background: #fff5f5;
    padding: 8px 12px;
    border-radius: 50px;
    display: inline-block;
}

.mandatory-note .required-star {
    color: #e74c3c;
    font-weight: 700;
}

/* ===== HIDDEN INPUT ===== */
input[type="hidden"] {
    display: none;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 480px) {
    .auth-container {
        padding: 30px 20px;
        border-radius: 20px;
    }

    .auth-header h2 {
        font-size: 24px;
    }

    .auth-form table tr td:first-child {
        width: 90px;
        font-size: 13px;
    }

    .auth-form table tr td:last-child {
        padding-left: 6px;
    }

    .input-wrap .input-field {
        padding: 12px 16px 12px 44px;
        font-size: 14px;
        border-radius: 40px;
    }

    .input-wrap .input-icon {
        font-size: 16px;
        left: 14px;
    }

    .btn-action {
        padding: 12px 24px;
        font-size: 14px;
        min-width: 100px;
    }

    .action-group {
        gap: 10px;
    }
}

@media (max-width: 380px) {
    .auth-container {
        padding: 20px 15px;
    }

    .btn-action {
        min-width: 80px;
        padding: 10px 16px;
        font-size: 13px;
    }

    .auth-form table tr td:first-child {
        width: 70px;
        font-size: 12px;
    }
}

/* ===== FIX FOR MOBILE TABLE ===== */
@media (max-width: 420px) {
    .auth-form table tr td {
        display: block;
        width: 100% !important;
        padding: 4px 0 !important;
        text-align: left !important;
    }

    .auth-form table tr td:first-child {
        width: 100% !important;
        padding-right: 0 !important;
    }

    .auth-form table tr td:last-child {
        padding-left: 0 !important;
    }

    .auth-form table tr {
        display: block;
        margin-bottom: 10px;
    }

    .auth-form table {
        display: block;
    }

    .mandatory-row td {
        text-align: center !important;
    }
}


/* uuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu */

@media (max-width: 922px) {
    .mobileMenuOne .mobileMenuNav ul li a {
        width: 100%;
        color: var(--primary);
        font-size: 16px !important;
        font-weight: var(--font-weight-bold);
    }
}

/* ===== Card ===== */
.fa-bullhorn {
    display: none !important;
}

.mvm-girish-links-row {
    display: flex;
    gap: 10px;
    flex-wrap: nowrap;
    width: 100%;
}

.mvm-girish-links-row .mvm-girish-link-card {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 8px 6px;
    min-width: 0;
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 12px;
    text-decoration: none;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .08);
    position: relative;
    transition: .35s ease;
    border-color: #d4570f;
}

.mvm-girish-links-row .mvm-girish-link-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: -120%;
    width: 60%;
    height: 100%;
    background: linear-gradient(90deg,
        transparent,
        rgba(255, 255, 255, .7),
        transparent);
    transform: skewX(-25deg);
    animation: shine 3s infinite;
}

.mvm-girish-link-card:nth-child(2)::before {
    animation-delay: .5s;
}

.mvm-girish-link-card:nth-child(3)::before {
    animation-delay: 1s;
}

.mvm-girish-link-card:nth-child(4)::before {
    animation-delay: 1.5s;
}

@keyframes shine {
    100% {
        left: 170%;
    }
}

.mvm-girish-links-row .mvm-girish-link-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(13, 110, 253, .20);
    border-color: #095c51;
}

.mvm-girish-links-row .mvm-girish-icon {
    width: 32px;
    height: 32px;
    min-width: 32px;
    border-radius: 50%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 10px rgba(13, 110, 253, .35);
}

.mvm-girish-links-row .mvm-girish-icon i {
    font-size: 14px;
}

.mvm-girish-links-row .mvm-girish-link-text {
    flex: 1;
}

.mvm-girish-links-row .mvm-girish-link-text h4 {
    margin: 0;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.3;
}

.mvm-girish-links-row .fa-external-link-alt {
    font-size: 8px !important;
}

/* Tablet */
@media(max-width:991px) {
    .mvm-girish-links-row {
        flex-wrap: wrap;
    }

    .mvm-girish-links-row .mvm-girish-link-card {
        flex: 1 1 calc(50% - 10px);
    }
}

/* Mobile */
@media(max-width:576px) {
    .mvm-girish-links-row .mvm-girish-link-card {
        flex: 1 1 100%;
    }
}


.mvm-girish-link-card-style {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.mvm-girish-link-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);
}


.mvm-girish-icon-style i {
    font-size: 36px;
}

@media (max-width: 767px) {
    .mvm-girish-link-card-style {
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        text-align: left;
        gap: 10px;
        margin-bottom: 0px;
    }
}




/* /////////////////// */
.mvm-girish-info-card {
    background: #fff;
    border-left: 5px solid #c79a2b;

    border-right: 5px solid #c79a2b;
    padding: 14px 18px;
    margin-bottom: 18px;
    border-radius: 10px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}


.mvm_h3_style {
    border-left: 0px solid #702b7900;
    padding-left: 0rem;

    margin: 2rem 0 0.3rem 0;
}

.mvm_pink_marker {

    border-left: 0px solid #4d1d5300;
    padding-left: 0rem;
}


.state-sub {
    display: none;
}

.btn-custom-home:hover,
.btn-custom-contact:hover {
    transform: translateY(-2px);
    background-color: #ffffff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

@media (max-width: 768px) {
    .gj-life-timeline-wrapper {
        padding: 0px;
    }

    .myg-wrapper {
        padding-left: 15px;
        padding-right: 15px;
    }

    .myg-close-btn {
        top: -21px;
        right: -12px;
        font-size: 2rem;
    }
}

.maharishi-history {
    line-height: 1.3;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
}

.dir_red {
    background: none;

}
.mvm_h3_style {
    font-weight: 550;
}








@media (max-width: 767px) {

.lg-outer .lg-toogle-thumb {
        background-color: rgb(100 21 96 / 0%);
}


.lg-toogle-thumb:after {   
         color:#FFC107 !important;
         margin-left: 36px;
}

.mvm-media-item {
        gap: 0px;
        padding: 7px 0;
}

}
.breadcrumb-box {
        display: inline-block;
        padding: 4px 10px;
        border-radius: 6px;
        background: rgb(28 25 25 / 54%);
        backdrop-filter: blur(4px);
        color: #fff;
        font-size: 15px;
        text-align: center;
        margin: auto;
}
/* 6647 */


.pageBannerOne .pageBannerTitle 
 {
        color: var(--white); 
        letter-spacing: 1px;
        text-transform: uppercase;
        text-shadow: 0 1px 3px rgb(185 0 0);
}