/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 6,000+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.13.12.1789802693
Updated: 2026-09-19 07:24:53

*/


html,
body {
    max-width: 100%;
    overflow-x: hidden !important;
}

.elementor,
.elementor-page,
.elementor-section,
.elementor-container,
.elementor-widget-wrap,
.e-con,
.e-con-inner {
    box-sizing: border-box;
    min-width: 0;
}

img,
video,
iframe {
    max-width: 100%;
}


/* =====================================
   MOBILE RESPONSIVE FIX - MBA PAGE
   ===================================== */

@media (max-width: 767px) {

  /* Prevent horizontal overflow */
  html,
  body {
    max-width: 100%;
    overflow-x: hidden;
  }

  /* Elementor sections and containers */
  .elementor,
  .elementor-section,
  .elementor-container,
  .e-con,
  .e-con-inner {
    max-width: 100%;
    box-sizing: border-box;
  }

  .elementor-section > .elementor-container {
    width: 100%;
  }

  .elementor-widget,
  .elementor-widget-container {
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
  }

  /* Images should fit mobile screen */
  .elementor img {
    max-width: 100%;
    height: auto;
  }

  /* Main headings */
  .elementor-widget-heading .elementor-heading-title {
    font-size: clamp(25px, 7vw, 32px);
    line-height: 1.2;
    overflow-wrap: anywhere;
  }

  /* Paragraphs */
  .elementor-widget-text-editor,
  .elementor-widget-text-editor p {
    overflow-wrap: anywhere;
    word-wrap: break-word;
  }

  /* Buttons */
  .elementor-widget-button .elementor-button {
    max-width: 100%;
    white-space: normal;
    box-sizing: border-box;
  }

  /* MBA syllabus layout */
  .unified-syllabus-card,
  .unified-syllabus-inner,
  .unified-col,
  .course-table-wrapper {
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }

  .unified-syllabus-inner {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
  }

  .unified-col {
    flex: 1 1 100%;
    width: 100%;
  }

  /* Tables: scroll inside wrapper instead of
     stretching the whole mobile page */
  .course-table-wrapper {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .course-table {
    max-width: 100%;
    border-collapse: collapse;
  }

  .course-table th,
  .course-table td {
    overflow-wrap: anywhere;
    padding: 8px;
    font-size: 13px;
  }

  /* Avoid oversized fixed-width elements */
  .elementor-widget-html,
  .elementor-widget-shortcode {
    max-width: 100%;
    min-width: 0;
  }
}

/* Small mobile screens */
@media (max-width: 400px) {
  .elementor-widget-heading .elementor-heading-title {
    font-size: 25px;
    line-height: 1.2;
  }

  .course-table th,
  .course-table td {
    padding: 6px;
    font-size: 12px;
  }
}


/* HEADER KI CSS */
/* =========================================
   BASIC RESET
========================================= */

* {
    box-sizing: border-box;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
  
    margin-top: 6px;
}


/* =====================================================
   STICKY NAV
   ===================================================== */

.sticky-nav-bar {
    position: relative !important;
    width: 100% !important;
    z-index: 99999 !important;
}

.sticky-nav-bar.nav-is-sticky {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 999999 !important;
    margin: 0 !important;

    animation: navSlideDown 0.45s cubic-bezier(0.22, 1, 0.36, 1) both;

    box-shadow: 0 4px 18px rgba(0,0,0,.12);
}

@keyframes navSlideDown {
    from {
        opacity: 0;
        transform: translateY(-100%);
    }

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


/* =====================================================
   DESKTOP / TABLET WIDTH
   ===================================================== */

.sticky-nav-bar > .elementor-container {
    width: 100% !important;
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

@media (max-width: 1300px) {

    .sticky-nav-bar > .elementor-container {
        width: 100% !important;
        max-width: 100% !important;
    }

}

/* =====================================
   MAIN
===================================== */

.my-admission-bar {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 10px;
    box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif;
}


/* =====================================
   TOP ROW
===================================== */

.my-admission-top {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: 15px;
    min-height: 32px;
    box-sizing: border-box;
}


a.my-admission-link.my-mba {
    background: #ff8f04;
    padding: 2px 7px;
    border-radius: 10%;
    corner-shape: scoop;
}

a.my-admission-link.my-bba {
    background: #ff8f04;
    padding: 2px 7px;
    border-radius: 10%;
    corner-shape: scoop;
}
/* =====================================
   MBA / BBA TEXT BUTTON
===================================== */

.my-admission-link {
    display: inline-block;

    color: #07549a;
    text-decoration: none;

    font-size: 13px;
    font-weight: 700;

    line-height: 30px;

    white-space: nowrap;

    transition: opacity 0.3s ease;
}


/* Hover */

.my-admission-link:hover {
    color: #07549a;
    text-decoration: none;
}


/* =====================================
   MBA FADE ANIMATION
===================================== */

.my-mba {

    -webkit-animation-name: mbaFade;
    animation-name: mbaFade;

    -webkit-animation-duration: 3s;
    animation-duration: 3s;

    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;

    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}


/* =====================================
   BBA FADE ANIMATION
===================================== */

.my-bba {

    -webkit-animation-name: bbaFade;
    animation-name: bbaFade;

    -webkit-animation-duration: 3s;
    animation-duration: 3s;

    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;

    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;

    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}


/* MBA */

@-webkit-keyframes mbaFade {

    0% {
        opacity: 0.45;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0.45;
    }

}

@keyframes mbaFade {

    0% {
        opacity: 0.45;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0.45;
    }

}


/* BBA */

@-webkit-keyframes bbaFade {

    0% {
        opacity: 0.45;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0.45;
    }

}

@keyframes bbaFade {

    0% {
        opacity: 0.45;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0.45;
    }

}


/* =====================================
   ADMISSION ENQUIRY
===================================== */

.my-enquiry-btn {

    display: inline-flex;

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

    gap: 7px;

    height: 30px;

    padding: 0 13px;

    background: #f0f1f3;

    color: #111;

    text-decoration: none;

    border-radius: 7px;

    font-size: 13px;
    font-weight: 700;

    white-space: nowrap;

    box-sizing: border-box;

    transition:
        background 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease;
}


/* Enquiry hover */

.my-enquiry-btn:hover {

    background: #e5e7ea;

    color: #07549a;

    text-decoration: none;

    transform: translateY(-1px);
}


/* Icon */

.my-enquiry-icon {

  	  width: 19px;
    height: 19px;

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

    color: #07549a;
}


.my-enquiry-icon svg {

    width: 19px;
    height: 19px;

    display: block;
}


/* =====================================
   RANKING AREA
===================================== */

.my-ranking-area {
    width: 100%;
    text-align: center;
    overflow: hidden;

    padding: 4px 0 2px;

    box-sizing: border-box;
}


/* =====================================
   COMPLETE CONTENT BLOCK
===================================== */

.my-ranking-content {
    width: 100%;
    text-align: center;

    opacity: 1;

    transform: scale(0.88);

    transform-origin: center center;

    -webkit-animation-name: rankingInnerOuter !important;
    animation-name: rankingInnerOuter !important;

    -webkit-animation-duration: 2.5s !important;
    animation-duration: 2.5s !important;

    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;

    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;

    -webkit-animation-direction: alternate;
    animation-direction: alternate;

    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}


/* =====================================
   ALL 3 LINES
===================================== */

.my-ranking-line {

    width: 100%;

    padding: 0 5px;

    box-sizing: border-box;

    text-align: center;

    font-size: 13px;

    line-height: 18px;

    font-weight: 700;

}


/* COLORS */

.my-black {
    color: #111111;
}

.my-red {
    color: #ff0000;
}

.my-blue {
    color: #07549a;
}


/* Sup */

.my-ranking-line sup {

    font-size: 9px;

    line-height: 0;

    position: relative;

    top: -3px;
}


/* =====================================
   COMPLETE BLOCK
   INNER → OUTER ANIMATION
===================================== */

@-webkit-keyframes rankingContentInOut {

    /* Start: small + invisible */
    0% {

        opacity: 0;

        transform: scale(0.88);

    }


    /* Andar se bahar aana */
    12% {

        opacity: 1;

        transform: scale(1);

    }


    /* Full content visible */
    65% {

        opacity: 1;

        transform: scale(1);

    }


    /* Bahar fade hona */
    85% {

        opacity: 0;

        transform: scale(1.04);

    }


    /* Reset */
    100% {

        opacity: 0;

        transform: scale(1.04);

    }

}


@keyframes rankingContentInOut {

    /* Start */
    0% {

        opacity: 0;

        transform: scale(0.88);

    }


    /* Inner se bahar */
    12% {

        opacity: 1;

        transform: scale(1);

    }


    /* Hold */
    65% {

        opacity: 1;

        transform: scale(1);

    }


    /* Outer fade */
    85% {

        opacity: 0;

        transform: scale(1.04);

    }


    /* Reset */
    100% {

        opacity: 0;

        transform: scale(1.04);

    }

}


@-webkit-keyframes rankingInnerOuter {

    0% {
        opacity: 0.75;
        transform: scale(0.88);
    }

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

}

@keyframes rankingInnerOuter {

    0% {
        opacity: 0.75;
        transform: scale(0.88);
    }

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

}



#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    line-height: inherit !important;
    height: 40px;
    padding: 10px;
    vertical-align: baseline;
    width: auto;
    display: block;
    color: black;
    text-transform: capitalize;
    text-decoration: none;
    text-align: left;
    background: unset;
    border: 0;
    border-radius: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    outline: none;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard li.mega-menu-item > a.mega-menu-link:focus, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:focus {
    color: #741b55 !important;
    font-weight: 400 !important;
    text-decoration: none;
    background-color: #fcf5fa !important;
    box-shadow: inset 3px 0 0 var(--brand) !important;
    transform: translateX(5px) !important;
}

.ast-separate-container {
    background-color: #f5f5f5 !important;
}
/* HEADER KI END CSS */


  .isms-tab-container {
    max-width: 1300PX;
    margin: 30px auto;
     /*  background: #ffffff;*/
    border-radius: 20px;
    /* box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08); */
    padding: 30px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

  /* Navigation Pills / Tabs */
 .isms-tabs-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #ffffff;
    border: 1px solid #7a6be3;
    border-radius: 30px;
    width: 31%;
    margin: 0 auto 20px auto;
    overflow: hidden;
    padding: 4px;
}

  .isms-tab-btn {
    padding: 10px 35px;
    border: none;
    background: transparent;
    font-size: 17px;
    font-weight: 700;
    color: #1e3a8a;
    cursor: pointer;
    border-radius: 25px;
    transition: all 0.3s ease;
}

  .isms-tab-btn.active {
    background: linear-gradient(135deg, #760107, #ff8f04);
    color: #ffffff;
    box-shadow: 0 4px 10px rgba(108, 88, 227, 0.3);
  }

button.isms-tab-btn:hover {
    background: #000;
}
  /* Content Display */
  .isms-tab-content {
    display: none;
    animation: fadeIn 0.4s ease-in-out;
  }

  .isms-tab-content.active {
    display: block;
  }

  @keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
  }

  /* Section Title */
.section-subtitle {
    text-align: center;
    font-style: italic;
    color: #760107;
    font-size: 29px;
    font-weight: 600;
    margin-bottom: 25px;
    font-family: 'Georgia', serif;
    display: inline-block;
    padding-bottom: 10px;
    position: relative;
    width: 100%;
}



.section-subtitle::before {
    content: "";
    position: absolute;
    left: 46%;
    bottom: 0;
    width: 55px;
    height: 3px;
    background: #008fc5;
    border-radius: 3px;
}

  /* --- ABOUT US TAB STYLING --- */
  .about-us-wrapper {
    display: flex;
    align-items: center;
    gap: 40px;
    flex-wrap: wrap;
  }

  .about-image-box {
    flex: 1;
    min-width: 300px;
    background: #004b93;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
    padding-top: 20px;
    display: flex;
    justify-content: center;
    /* Smooth floating animation */
    animation: floatUpDown 3s ease-in-out infinite;
}

/* Animation sequence for smooth up and down movement */
@keyframes floatUpDown {
    0% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-12px); /* Upar jaane ki distance */
    }
    100% {
        transform: translateY(0px);
    }
}

  .about-image-box img {
    max-width: 100%;
    height: auto;
    display: block;
  }

  .about-text-box {
    flex: 1;
    min-width: 300px;
  }

  .about-text-box h2 {
    font-size: 32px;
    font-weight: 800;
    color: #1e293b;
    line-height: 1.3;
    margin-bottom: 20px;
  }

  .about-text-box p {
    color: #64748b;
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 7px;
}

  .read-more-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 10px 25px;
    border: 1.5px solid #1e3a8a;
    border-radius: 25px;
    color: #1e3a8a;
    text-decoration: none;
    font-weight: 700;
    font-size: 15px;
    transition: all 0.3s ease;
  }

  .read-more-btn:hover {
    background: #ff8f04;
    color: #ffffff;
}

  /* --- OUR GROUP TAB STYLING --- */
  .our-group-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
    position: relative;
    padding: 20px 0;
    flex-wrap: wrap;
  }

  .group-column {
    flex: 1;
    min-width: 280px;
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

 .card-box {
    background: #1e4ea1;
    color: #ffffff;
    padding: 20px;
    border-radius: 40px 0px 55px 10px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}
  .card-box h3 {
    margin: 0 0 8px 18px;
    font-size: 18px;
    font-weight: 800;
    color: #ffffff;
    letter-spacing: 0.5px;
    font-family: 'Fraunces',serif;
}

  .card-box p {
    margin: 0;
    font-size: 13px;
    line-height: 1.5;
    color: #e2e8f0;
  }

  .center-logo-box {
    width: 80px;
    height: 80px;
    background: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    color: #1e4ea1;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
    z-index: 2;
    position: relative;
}

/* Rotating dashed circle */
.center-logo-box::before {
    content: "";
    position: absolute;
    inset: -2px;
    border: 2px dashed #1e4ea1;
    border-radius: 50%;
    animation: rotateBorder 5s linear infinite;
}

/* Rotation */
@keyframes rotateBorder {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

  .center-logo-box img {
    max-width: 60%;
    height: auto;
  }
/* end about us css */


.shorts-slider-box{
display:flex;
align-items:center;
gap:15px;
position:relative;
}


.shorts-slider{
display:flex;
gap:20px;
overflow:hidden;
width:100%;
scroll-behavior:smooth;
}


.short-video{
min-width:calc(50% - 10px);
border-radius:20px;
overflow:hidden;
}


.short-video iframe {
    width: 100%;
    height: 285px;
    border: 0;
}


.short-prev,
.short-next{

background:#111;
color:white;
border:none;
width:40px;
height:40px;
border-radius:50%;
font-size:22px;
cursor:pointer;
z-index:5;

}


.short-dots{
text-align:center;
margin-top:15px;
}


.short-dot{

display:inline-block;
width:10px;
height:10px;
background:#bbb;
border-radius:50%;
margin:5px;
cursor:pointer;

}


.short-dot.active{
background:#000;
}

/* =========================
   RECRUITER MARQUEE
========================= */

.bc-recruiter-section {
    width: 100%;
    overflow: hidden;
    padding: 20px 0;
}

/* Each Row */
.bc-recruiter-marquee {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin: 19px 0;
    padding: 6px;
}

/* Moving Track */
.bc-recruiter-track {
    display: flex;
    width: max-content;
    align-items: center;
    gap: 30px;
    will-change: transform;
}

/* Logo Card */
.bc-recruiter-card {
    flex: 0 0 auto;
    width: 180px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 10px;
    padding: 15px;
    box-sizing: border-box;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.3);
}

/* Logo Image */
.bc-recruiter-card img {
    max-width: 100%;
    max-height: 70px;
    width: auto;
    height: auto;
    object-fit: contain;
    display: block;
}


/* =========================
   FIRST ROW
   LEFT → RIGHT
========================= */

.bc-recruiter-left .bc-recruiter-track {
    animation: marqueeLeftToRight 35s linear infinite;
}


/* =========================
   SECOND ROW
   RIGHT → LEFT
========================= */

.bc-recruiter-right .bc-recruiter-track {
    animation: marqueeRightToLeft 35s linear infinite;
}


/* Left → Right */
@keyframes marqueeLeftToRight {
    0% {
        transform: translateX(-50%);
    }

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


/* Right → Left */
@keyframes marqueeRightToLeft {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

/* Whay Choose bisma Sections */

.why-join-bisma {
      position: relative;
   
    transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
}
.why-join-bisma {
    background: #041E42 !important;
    border-color: #041E42 !important;
box-shadow: 0 15px 35px rgba(4, 30, 66, 0.15) !important;
	border-radius: 20px;
	padding: 30px 25px !important;
	    margin-right: 10px;
}

.why-join-bisma::before {
    content: "";
    position: absolute;
    left: 0;
    top: -3px;
    width: 0;
    height: 3px;
    background: #D6B25E;
    transition: width 0.35s ease;
}


.why-join-bisma:hover {
     transform: translateY(-8px);
    border-color: rgba(161, 24, 28, 0.25);
    box-shadow: 0 20px 50px rgba(4, 30, 66, 0.10); 
}

.why-join-bisma:hover::before {
  width: 100%;
}

.why-join-bisma-trasprent {
    position: relative !important;
    min-height: 235px !important;
    padding: 30px 25px !important;
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid #ebe7df;
    border-radius: 20px;
    overflow: hidden;
	transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease !important;
	margin-right: 10px;
}
        

.why-join-bisma-trasprent:hover {
    transform: translateY(-8px);
    border-color: rgba(161, 24, 28, 0.25);
	box-shadow: 0 20px 50px rgba(4, 30, 66, 0.10); }

.why-join-bisma-trasprent:hover::before {
    width: 100%;
}

.why-join-bisma-trasprent::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 3px;
    background: #A1181C;
    transition: width 0.35s ease;
}
section.elementor-section.elementor-top-section.elementor-element.elementor-element-80f3a6e.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default {
    WIDTH: 77%;
    JUSTIFY-CONTENT: CENTER;
    MARGIN: 0 AUTO;
}
.OORJA-BISMA-SECTIONS .elementor-icon-list-item {
    padding: 6px 10px !IMPORTANT;
    border: 1px solid #ffffff38;
    border-radius: 50px;
    color: #ffffff !IMPORTANT;
    font-size: 12px;
    white-space: nowrap;
}
/* whay choose bisma sections */


/* =========================
   FIXED SLIDER STRUCTURE
========================= */

.oorja-team-slider {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.oorja-team-slider .team-slides {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    position: relative;
}

/* All slides stay in the same layer */
.oorja-team-slider .team-slide {
    grid-area: 1 / 1;
    width: 100%;
    /* min-height: 650px; */
    display: flex;
    align-items: center;
    gap: 100px;
    padding: 0px 20px;
    box-sizing: border-box;
    position: relative !important;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateX(25px);
    transition: opacity 0.45s ease,
        transform 0.45s ease,
        visibility 0.45s ease;
}

a.team-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;

    padding: 10px 18px;

    background: #f77d70;
    color: #ffffff !important;

    border: none;
    border-radius: 50px;

    font-size: 11px;
    font-weight: 500;
    line-height: 1;

    text-decoration: none !important;
    white-space: nowrap;

    transition: all 0.3s ease;
	margin-top: 16px;
}

a.team-button span {
    font-size: 16px;
    line-height: 1;
}

a.team-button:hover {
    background: #ed6e62;
    color: #ffffff !important;
}
/* Active slide */
.oorja-team-slider #team-slide-1:checked ~ .team-slides .slide-1,
.oorja-team-slider #team-slide-2:checked ~ .team-slides .slide-2,
.oorja-team-slider #team-slide-3:checked ~ .team-slides .slide-3 {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateX(0);
}


/* =========================
   HIDE RADIO BUTTONS
========================= */

.oorja-team-slider > input[type="radio"] {
    display: none !important;
}


/* =========================
   LEFT AREA
========================= */

.oorja-team-slider .team-left {
    width: 58%;
    height: 520px;
    position: relative;
    flex-shrink: 0;
}


/* =========================
   IMAGE
========================= */

.oorja-team-slider .team-image {
    position: absolute;
    width: 76%;
    height: 390px;
    left: 45px;
    top: 90px;
    z-index: 5;
    overflow: hidden;
	border-radius: 10px;
}

.oorja-team-slider .team-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}


/* =========================
   BACKGROUND SHAPES
========================= */

.oorja-team-slider .shape {
    position: absolute;
    z-index: 1;
}

.oorja-team-slider .shape-navy {
    width: 340px;
    height: 520px;
    left: 0;
    top: 0;
    background: #ab0101;
}

.oorja-team-slider .shape-yellow {
    width: 330px;
    height: 215px;
    right: 15px;
    top: 70px;
    background: #f9bd55;
}

.oorja-team-slider .shape-pink {
    width: 240px;
    height: 210px;
    right: 110px;
    bottom: -10px;
    background: #f7a995;
}


/* =========================
   RIGHT CONTENT
========================= */

.oorja-team-slider .team-content {
    width: 42%;
    max-width: 520px;
    position: relative;
    z-index: 10;
}


/* =========================
   ARROWS
========================= */

.oorja-team-slider .team-arrows {
    display: flex;
    gap: 18px;
    margin-top: 30px;
}

.oorja-team-slider .team-arrows .arrow {
    width: 60px;
    height: 60px;
    border: 1px solid #b8c0c7;
    border-radius: 50%;

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

    cursor: pointer;

    color: #08243b;
    font-size: 30px;
    line-height: 1;

    transition: all 0.3s ease;
}

.oorja-team-slider .team-arrows .arrow:hover {
    background: #08243b;
    color: #fff;
    border-color: #08243b;
}


/* PROGRAMES*/
.programmes-section{
  width:min(1300px,calc(100% - 40px));
  margin: 20px auto;
}

.programmes-heading{
  display:flex;
  align-items:center;
  gap:28px;
  margin-bottom:42px;
}

.heading-line{
  width:168px;
  height:3px;
  background:#123b9b;
  flex-shrink:0;
}

.programmes-heading h2{
  margin:0;
  color:#0874c9;
  font-size:30px;
}


/* ==============================
   DESKTOP
============================== */

.programmes-layout{
  display:grid;
  grid-template-columns:265px 1fr;
  gap:40px;
}

.programme-tabs{
  display:flex;
  flex-direction:column;
  gap:9px;
}

.tab-item{
  width:100%;
}

.programme-tab {
    width: 100%;
    min-height: 48px;
    padding: 11px 17px;
    border: 0;
    border-radius: 7px;
    background: #e10000a8;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    cursor: pointer;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    text-align: left;
    transition: background-color .25s ease,
    color .25s ease,
    transform .25s ease;
}

.programme-tab:hover {
    transform: translateX(3px);
    background: rgb(15,15,15);
}
.programme-tab.active {
    background: #f77f00;
    color: #ffffff;
}

.tab-left{
  display:flex;
  align-items:center;
  gap:9px;
}

.tab-icon{
  width:20px;
  min-width:20px;
  text-align:center;
  font-size:17px;
}

.tab-arrow{
  font-size:27px;
  font-weight:300;
  line-height:1;
}




.mobile-content{
  display:none;
}




/* ===============================
   DESKTOP PROGRAMME CARD
================================ */

.programme-card {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    height: 486px;
}


/* IMAGE */

.programme-card .programme-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.6s ease, filter 0.6s ease;
}


/* DARK OVERLAY */

.programme-card::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to top,
        rgba(0,0,0,0.88) 0%,
        rgba(0,0,0,0.55) 35%,
        rgba(0,0,0,0.05) 70%
    );
    z-index: 1;
    transition: background 0.5s ease;
}


/* CONTENT */

.programme-card .programme-content {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;

    padding: 35px 45px 30px;

    z-index: 2;

    color: #fff;

    transform: translateY(0);
    transition: transform 0.5s ease;
	
}


/* HEADING */

.programme-card .programme-content h3,
.programme-card #desktopTitle {
    margin: 0;

    color: #fff !important;

    font-size: 27px;
    font-weight: 700;

    text-align: center;

    transition: margin 0.4s ease;
}


/* DESCRIPTION */

.programme-card #desktopDescription {
    margin: 15px 0 18px;

    color: #fff !important;

    font-size: 16px;
    line-height: 1.6;

    opacity: 0;

    max-height: 0;
    overflow: hidden;

    transform: translateY(20px);

    transition:
        opacity 0.4s ease,
        max-height 0.5s ease,
        transform 0.5s ease;
}


/* READ MORE */

.programme-card #desktopReadMore {
    display: inline-block;

    color: #fff !important;
    background: #d40000;

    padding: 10px 22px;

    border-radius: 4px;

    text-decoration: none;

    opacity: 0;

    transform: translateY(20px);

    transition:
        opacity 0.4s ease,
        transform 0.4s ease,
        background 0.3s ease;
}


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

.programme-card:hover .programme-image {
    transform: scale(1.08);
    filter: brightness(0.55);
}


.programme-card:hover .programme-content {
    transform: translateY(0);
}


.programme-card:hover #desktopDescription {
    opacity: 1;

    max-height: 150px;

    transform: translateY(0);
}


.programme-card:hover #desktopReadMore {
    opacity: 1;

    transform: translateY(0);
}


.programme-card:hover::after {
    background: linear-gradient(
        to top,
        rgba(0,0,0,0.95) 0%,
        rgba(0,0,0,0.70) 50%,
        rgba(0,0,0,0.20) 100%
    );
}


.programme-card #desktopReadMore:hover {
    background: #b00000;
}

/* PROGRAMS*/ 

/* Many Reasoreses */
/* =====================================================
   RESOURCE CARD - DESKTOP + TABLET
===================================================== */

.resource-card {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    background: #fff;
    height: 300px;
}


/* IMAGE */

.resource-card .resource-image,
.resource-card .resource-image img {
    width: 100%;
    height: 100%;
}

.resource-card .resource-image img {
    display: block;
    object-fit: cover;
}


/* =====================================================
   CONTENT
===================================================== */

.resource-card .resource-content {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;

    padding: 18px 22px;

    background: #fff;

    transition: all 0.35s ease;
}


/* TITLE */

.resource-card .resource-title {
    margin: 0;
    color: #111;

    transition: color 0.3s ease;
}


/* DESCRIPTION - HIDDEN */

.resource-card .resource-description {
    margin-top: 7px;

    opacity: 0;
    max-height: 0;
    overflow: hidden;

    transition:
        opacity 0.35s ease,
        max-height 0.4s ease;
}


/* =====================================================
   HOVER - DESKTOP + TABLET
===================================================== */

.resource-card:hover .resource-content {
    background: rgba(255, 255, 255, 0.92);
}


/* TITLE BLUE */

.resource-card:hover .resource-title {
    color: #005baa;
}


/* DESCRIPTION SHOW */

.resource-card:hover .resource-description {
    opacity: 1;
    max-height: 100px;
}
/* END Many Reasoreses */

.box-shadow-home {
    position: relative;
    transition: all 0.3s ease;
    border: 1px solid #573865;
    border-radius: 0 0 55px 0;
    margin-left: 10px;
}

/* HOVER */
.box-shadow-home:hover {
    background: #e34d0294 !important;
    border-color: #788da9 !important;
    box-shadow: -10px -10px 0 rgba(27,127,204,.8) !important;
}

/* ICON */
.box-shadow-home:hover .elementor-icon {
    color: #ffffff !important;
}

.box-shadow-home:hover .elementor-icon svg {
    fill: #ffffff !important;
}

/* TEXT */
.box-shadow-home:hover .elementor-icon-box-description {
    color: #ffffff !important;
}

/*right-side icons */

/* ================================
   RIGHT SIDE FLOATING BUTTONS
================================ */

.floating-side-buttons {
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99999;

    display: flex;
    flex-direction: column;
    gap: 3px;

    width: 190px;
    overflow: visible;
}

/* Individual Button */
.floating-side-buttons .side-btn {
    position: relative;
    right: -132px;

    width: 190px;
    height: 58px;

    display: flex;
    align-items: center;

    color: #fff;
    text-decoration: none;

    overflow: hidden;

    transition: right 0.35s ease;
}

/* ONLY HOVERED BUTTON MOVES LEFT */
.floating-side-buttons .side-btn:hover {
    right: 0;
}

/* Icon */
.floating-side-buttons .side-icon {
    width: 58px;
    min-width: 58px;
    height: 58px;

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

    font-size: 22px;
}

/* Text */
.floating-side-buttons .side-text {
    white-space: nowrap;

    padding-left: 8px;
    padding-right: 15px;

    font-size: 15px;
    font-weight: 600;

    opacity: 0;
    transform: translateX(10px);

    transition:
        opacity 0.25s ease,
        transform 0.3s ease;
}

/* Text only appears on hovered button */
.floating-side-buttons .side-btn:hover .side-text {
    opacity: 1;
    transform: translateX(0);
}


/* ================================
   COLORS
================================ */

.floating-side-buttons .call-btn {
    background: #e52323;
}

.floating-side-buttons .whatsapp-btn {
    background: #25d366;
}

.floating-side-buttons .admission-btn {
    background: #e52323;
}


/* ================================
   ICON HOVER ANIMATION
================================ */

.floating-side-buttons .side-btn:hover .side-icon i {
    transform: scale(1.12);
}

.floating-side-buttons .side-icon i {
    transition: transform 0.25s ease;
}
/* right-side css end */

/* Vision & Mission */
.zoomoutheader-biyani {
    width: 100%;
    overflow: hidden;
    background-position: center center !important;
    background-repeat: no-repeat !important;
   background-size: 115% auto; 
    animation: zoomout-biyani 10s ease-in-out infinite;
    transition: all .9s ease-in-out !important;
}

@keyframes zoomout-biyani {
    0% {
        background-size: 115% auto;
    }

    100% {
        background-size: 100% auto;
    }
}

.zoomoutheader-biyani::before {
    background: rgba(17,17,17,.5);
    content: " ";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}

.bisma-page{
    width:100%;
    max-width:1200px;
    margin:auto;
    padding:35px 25px 45px;
}


/* =====================================================
   SECTION HEADING
===================================================== */

.section-heading{
    display:flex;
    align-items:center;
    margin-bottom:18px;
}

.heading-icon {
    width: 60px;
    height: 60px;
    min-width: 60px;
    background: #e97014;
    border: 6px solid #f8c51c;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    position: relative;
    z-index: 3;
    box-shadow: 0 5px 15px rgba(7,59,112,.12);
}

.heading-icon svg {
    width: 30px;
    height: 30px;
    stroke: #fff;
    fill: none;
    stroke-width: 2;
}

.heading-title {
    margin-left: -8px;
    min-width: 330px;
    padding: 11px 65px 11px 48px;
    background: #b10000;
    color: #ffffff;
    font-size: 31px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: .5px;
    position: relative;
    clip-path: polygon(
        0 0,
        88% 0,
        100% 50%,
        88% 100%,
        0 100%
    );
}

.heading-title::after{
    content:"";

    position:absolute;
    right:34px;
    top:0;

    width:12px;
    height:100%;

    background:#f8c51c;

    transform:skewX(30deg);
}


/* =====================================================
   VISION
===================================================== */

.vision-section{
    margin-bottom:48px;
}

.vision-box {
    background: #ff000012;
    border-radius: 0 24px 24px 24px;
    padding: 34px 55px 34px 175px;
    font-size: 18px;
    line-height: 1.55;
    font-weight: 400;
    color: #073b70;
    position: relative;
    transition: transform .4s ease,
        box-shadow .4s ease,
        border-left .4s ease;
    border-left: 5px solid transparent;
}


/* HOVER 1 - VISION */

.vision-box:hover{
    transform:translateX(8px);

    border-left:5px solid #f8c51c;

    box-shadow:
        0 14px 35px rgba(7,59,112,.13);
}


/* =====================================================
   MISSION
===================================================== */

.mission-section{
    margin-bottom:45px;
}

.mission-grid{
    display:grid;

    grid-template-columns:1fr 1fr;

    gap:17px;

    align-items:start;
}


/*
   IMPORTANT:
   Left side = 1,2,3,4
   Right side = 5,6,7
*/

.mission-left,
.mission-right{
    display:flex;
    flex-direction:column;
    gap:17px;
}


/* =====================================================
   MISSION CARD
===================================================== */

.mission-card{
    min-height:174px;

    border-radius:20px;

    position:relative;

    padding:24px 24px 24px 190px;

    display:flex;
    flex-direction:column;
    justify-content:center;

    overflow:hidden;

    transition:
        transform .35s ease,
        box-shadow .35s ease,
        border-radius .35s ease;
}


/* HOVER 2 */

.mission-card:hover{
    transform:translateY(-8px) scale(1.015);

    border-radius:27px;

    box-shadow:
        0 16px 32px rgba(7,59,112,.15);
}


/* =====================================================
   NUMBER
===================================================== */

.mission-number{
    position:absolute;

    left:14px;
    top:20px;

    width:55px;
    height:55px;

    border-radius:50%;

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

    color:white;

    font-size:24px;
    font-weight:800;
}


/* =====================================================
   ICON CIRCLE
===================================================== */

.mission-icon {
    position: absolute;
    left: 78px;
    top: 28px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: rgba(255,255,255,.62);
    display: flex;
    align-items: center;
    justify-content: center;
}

.mission-icon svg {
    width: 30px;
    height: 30px;
    fill: none;
    stroke-width: 1.8;
}


/* =====================================================
   CARD TEXT
===================================================== */

.mission-card h3{
    font-size:25px;
    line-height:1.2;

    margin-bottom:7px;

    color:#073b70;
}

.mission-card p{
    font-size:15px;
    line-height:1.48;

    color:#073b70;
}


/* =====================================================
   CARD COLORS
===================================================== */

.card-1{
    background:#F7EFDC;
}

.card-1 .mission-number{
    background:#e34d0294;
    color:#000;
}

.card-1 .mission-icon svg{
    stroke:#1476cb;
}


.card-2{
    background:#EDF2F8;
}

.card-2 .mission-number{
    background:#760107;
    color:#fff;
}

.card-2 .mission-icon svg{
    stroke:#148568;
}


.card-3{
    background:#ff8f041c;
}

.card-3 .mission-number{
    background:rgb(161 24 28 / 25%);
    color:#1b7fcccc;
}

.card-3 .mission-icon svg{
    stroke:#6c3cc2;
}


.card-4{
    background:#fff0e5;
}

.card-4 .mission-number{
    background:#e34d0294;
    color:#000;
}

.card-4 .mission-icon svg{
    stroke:#e97014;
}


.card-5{
    background:#F9E8E8;
}

.card-5 .mission-number{
    background:#760107;
    color:#fff;
}

.card-5 .mission-icon svg{
    stroke:#098d91;
}


.card-6{
    background:#edf3ff;
}

.card-6 .mission-number{
    background:rgb(161 24 28 / 25%);
    color:#1b7fcccc;
}

.card-6 .mission-icon svg{
    stroke:#2164c2;
}


.card-7{
    background:#F9E8E8;
}

.card-7 .mission-number{
    background:#e34d0294;
    color:#000;
}

.card-7 .mission-icon svg{
    stroke:#36834d;
}


/* =====================================================
   POSITIONING STATEMENT
===================================================== */

.position-section{
    margin-top:28px;
}

.position-box{
    min-height:220px;

    display:grid;

    grid-template-columns:44% 56%;

    background:#eef8ff;

    border-radius:20px;

    overflow:hidden;

    position:relative;

    box-shadow:
        0 7px 25px rgba(7,59,112,.08);
}


/* LEFT BLUE AREA */

.position-title{
    background:#760107;

    color:white;

    display:flex;
    align-items:center;

    gap:20px;

    padding:38px 40px 38px 45px;

    position:relative;
}

.position-title::after {
    content: "";
    position: absolute;
    right: -8px;
    top: 0;
    width: 65px;
    height: 100%;
    background: #f8c51c;
    clip-path: polygon(
        0 0,
        100% 50%,
        0 100%
    );
}

.position-title::before{
    content:"";

    position:absolute;

    right:10px;
    top:0;

    width:45px;
    height:100%;

    background:#073b70;

    clip-path:polygon(
        0 0,
        100% 50%,
        0 100%
    );

    z-index:1;
}


/* POSITION ICON */

.position-icon{
    width:76px;
    height:76px;

    min-width:76px;

    border:4px solid #f8c51c;

    border-radius:50%;

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

    z-index:2;
}



.position-title h2 {
    font-size: 27px;
    line-height: 1.2;
    z-index: 2;
    color: #fff;
}
.position-icon svg {
    width: 40px;
    height: 40px;
    fill: none;
    stroke: #fff;
    stroke-width: 1.7;
}


/* RIGHT TEXT */

.position-content{
    padding:34px 42px;

    display:flex;
    align-items:center;

    font-size:16px;
    line-height:1.48;

    color:#073b70;
}


/* HOVER 3 */

.position-box::before{
    content:"";

    position:absolute;

    width:120px;
    height:150%;

    left:-200px;
    top:-25%;

    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.7),
        transparent
    );

    transform:skewX(-22deg);

    transition:left .75s ease;

    z-index:10;

    pointer-events:none;
}

.position-box:hover::before{
    left:120%;
}

.position-box:hover{
    box-shadow:
        0 18px 38px rgba(7,59,112,.17);
}


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

.footer-line{
    margin-top:27px;

    padding-top:19px;

    border-top:2px solid #f8c51c;

    text-align:center;

    color:#073b70;

    font-size:13px;
    font-weight:700;

    letter-spacing:2px;
}

.footer-line span{
    color:#f8c51c;
    margin:0 9px;
}

/* Vision & Mission End Css */

/* MBA Facuilty Css Start */


/* ===== MBA FACULTY - 4 CARDS IN ONE ROW ===== */

.mba-facuilty .elementor-container {
    display: grid !important;
    flex-wrap: nowrap !important;
    gap: 30px !important;
    padding-bottom: 40px;
    grid-template-columns: 1fr 1fr 1fr 1fr !important;
}
/* 4 cards exactly fit in one row */
.mba-facuilty .elementor-column {
    flex: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

/* Card content */
.mba-facuilty .elementor-widget-wrap {
    width: 100%;
    box-sizing: border-box;
}

/* Images */
.mba-facuilty img {
    width: 100%;
    height: auto;
    display: block;
}
.mba-facuilty .elementor-widget-wrap {
    transition:
        transform 0.6s cubic-bezier(0.22, 1, 0.36, 1),
        background 0.5s ease,
        box-shadow 0.6s ease;
}

.mba-facuilty .elementor-widget-wrap:hover {
    background: #800000 !important;
    transform: translateY(-12px);
    box-shadow: 0 18px 35px rgba(0, 0, 0, 0.22);
}

.mba-facuilty .elementor-widget-wrap h3,
.mba-facuilty .elementor-widget-wrap p {
    transition: color 0.5s ease;
}

.mba-facuilty .elementor-widget-wrap:hover h3,
.mba-facuilty .elementor-widget-wrap:hover p {
    color: #fff !important;
}
/*  MBA FACULTY End Css */

/* course page mba css strt*/
/* Main Icon List */
.master-biyani .elementor-icon-list-items {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin: 0;
    padding: 0;
}

/* Individual Pills */
.master-biyani .elementor-icon-list-item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    padding: 9px 35px !important;
    background: #ffffff !important;
    border: 1px solid #ead9aa;
    border-radius: 50px;
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.04);
    transition: transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease,
        background-color 0.3s ease;
    cursor: pointer;
}

/* Text */
.master-biyani .elementor-icon-list-text {
    margin: 0 !important;
    padding: 0 !important;
    color: #041E42 !important;
    font-size: 0.82rem;
    font-weight: 500 !important;
    line-height: 1.3;
    white-space: nowrap;
    transition: color 0.3s ease;
}

/* Floating Hover Effect */
.master-biyani .elementor-icon-list-item:hover {
    transform: translateY(-5px);

    background: #ffffff;
    border-color: #d9b96c;

    box-shadow:
        0 8px 18px rgba(23, 54, 93, 0.12),
        0 3px 8px rgba(218, 185, 108, 0.12);
}

/* ================================
   MBA CARD
================================ */

.whay-bisma-leaderships .elementor-widget-icon-box {
    background: #ffffff;
    border-radius: 14px;
    padding: 28px 20px 30px;
    position: relative;
    overflow: hidden;

    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.06);

    transition: all 0.3s ease;
}


/* ================================
   BOTTOM BORDER
================================ */

.whay-bisma-leaderships .elementor-widget-icon-box::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;

    width: 100%;
    height: 3px;

    background: #063b70;

    transform: scaleX(0);
    transform-origin: center;

    transition: transform 0.3s ease;
}


/* ================================
   HOVER CARD
================================ */

.whay-bisma-leaderships .elementor-widget-icon-box:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.09);
}

.whay-bisma-leaderships .elementor-widget-icon-box:hover::after {
    transform: scaleX(1);
}


/* ================================
   ICON NORMAL
================================ */

.whay-bisma-leaderships .elementor-icon-box-icon .elementor-icon {
    width: 56px;
    height: 56px;

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

    background: #f3f5f7;
    color: #063b70;

    border-radius: 50%;

    transition: all 0.3s ease;
}


/* SVG */
.whay-bisma-leaderships .elementor-icon-box-icon svg {
    width: 22px;
    height: 22px;

    fill: currentColor;

    transition: all 0.3s ease;
}


/* ================================
   TITLE NORMAL
================================ */

.whay-bisma-leaderships .elementor-icon-box-title,
.whay-bisma-leaderships .elementor-icon-box-title span {
    color: #071d3b;

    transition: color 0.3s ease;
}


/* HOVER CARD */
.whay-bisma-leaderships .elementor-widget-icon-box:hover {
    transform: translateY(-3px);
}

/* HOVER - ICON BACKGROUND RED */
.whay-bisma-leaderships
.elementor-widget-icon-box:hover
.elementor-icon-box-icon .elementor-icon {
    background: #760107 !important;
    color: #fff !important;
}

/* HOVER - ICON WHITE */
.whay-bisma-leaderships
.elementor-widget-icon-box:hover
.elementor-icon-box-icon svg {
    fill: #fff !important;
    color: #fff !important;
}

/* HOVER - TEXT RED */
.whay-bisma-leaderships
.elementor-widget-icon-box:hover
.elementor-icon-box-title,
.whay-bisma-leaderships
.elementor-widget-icon-box:hover
.elementor-icon-box-title span {
    color: #760107 !important;
}

/* HOVER - BOTTOM BORDER RED */
.whay-bisma-leaderships .elementor-widget-icon-box::after {
    background: #760107 !important;
}


 .spec-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
}

.spec-grid-new {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}
        .spec-card {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 14px;
    padding: 32px 26px;
    position: relative;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

        .spec-card:hover {
    transform: translateY(-8px);
    border-color: #A1181C;
    box-shadow: 0 18px 40px rgba(161, 24, 28, 0.12);
}
        .spec-card-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 14px;
        }

        .spec-card h3 {
            font-size: 1.25rem;
            color: var(--primary);
        }

  .arrow-icon {
    color: #760107;
    font-size: 1.2rem;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

        .spec-card:hover .arrow-icon {
    transform: translate(3px, -3px);
    color: #D6B25E;
}

        .spec-card p {
            font-size: 0.88rem;
            color: var(--text-muted);
            line-height: 1.5;
        }


/* =========================================
   MBA CURRICULUM CARDS
========================================= */

.mba-curriculuman-sections
.elementor-column {
 
    position: relative;
    overflow: hidden;
    transition: all 0.35s ease;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.07);
}


/* =========================================
   INNER SPACE
========================================= */

.mba-curriculuman-sections
.elementor-column
.elementor-widget-wrap {
    padding: 24px 18px 28px !important;
}


/* =========================================
   BOTTOM RED BORDER
========================================= */

.mba-curriculuman-sections
.elementor-column::after {
    content: "";
    position: absolute;

    left: 0;
    bottom: 0;

    width: 100%;
    height: 4px;

    background: #ff8f04;

    transform: scaleX(0);
    transform-origin: center;

    transition: transform 0.35s ease;
}


/* =========================================
   HOVER FLOAT EFFECT
========================================= */

.mba-curriculuman-sections
.elementor-column:hover {
    transform: translateY(-8px);

    box-shadow: 0 18px 35px rgba(0, 0, 0, 0.13);
}


/* Show bottom border */

.mba-curriculuman-sections
.elementor-column:hover::after {
    transform: scaleX(1);
}


/* =========================================
   SEMESTER BADGE
========================================= */

.mba-curriculuman-sections
.elementor-column h4 {
   
    color: #fff;
    border-radius: 3px;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 700;
}


/* =========================================
   CARD TITLE
========================================= */

.mba-curriculuman-sections
.elementor-column h3 {
    margin: 0 0 14px !important;

    color: #082c57;

    font-size: 16px;
    line-height: 1.35;
    font-weight: 700;

    transition: color 0.3s ease;
}


/* Title hover */

.mba-curriculuman-sections
.elementor-column:hover h3 {
    color: #b5121b;
}


/* =========================================
   SUBJECT LIST
========================================= */

.mba-curriculuman-sections
.elementor-icon-list-items {
    margin: 0 !important;
    padding: 0 !important;
}


/* Each subject */

.mba-curriculuman-sections
.elementor-icon-list-item {
    padding: 7px 0 !important;

    border-bottom: 1px dashed #dfe4ea;

    transition: all 0.25s ease;
}


/* Remove last line */

.mba-curriculuman-sections
.elementor-icon-list-item:last-child {
    border-bottom: none;
}


/* =========================================
   SUBJECT TEXT
========================================= */

.mba-curriculuman-sections
.elementor-icon-list-text {
    color: #55708e;

    font-size: 14px;

    transition: color 0.25s ease;
}


/* =========================================
   CIRCLE ICON
========================================= */

.mba-curriculuman-sections
.elementor-icon-list-icon svg {
    width: 11px;
    height: 11px;

    fill: #e2a92d;

    transition: all 0.25s ease;
}


/* =========================================
   SUBJECT HOVER
========================================= */

.mba-curriculuman-sections
.elementor-icon-list-item:hover {
    padding-left: 5px !important;
}

.mba-curriculuman-sections
.elementor-icon-list-item:hover
.elementor-icon-list-text {
    color: #b5121b;
}

.mba-curriculuman-sections
.elementor-icon-list-item:hover
.elementor-icon-list-icon svg {
    fill: #b5121b;
}


/* =====================================
   SPACE BETWEEN 4 CURRICULUM CARDS
===================================== */

.mba-curriculuman-sections > .elementor-container {
    display: flex !important;
    gap: 18px !important;
}


/* 4 cards ki width adjust karo */
.mba-curriculuman-sections > .elementor-container > .elementor-column {
    width: calc(25% - 13.5px) !important;
    flex: 0 0 calc(25% - 13.5px) !important;
}


/* =====================================
   CARD INNER SPACE
===================================== */

.mba-curriculuman-sections
.elementor-column
.elementor-widget-wrap {
    padding: 24px 18px 28px !important;
}
/* course page mba css end */


/* course page MCA css START */
/* Main Container */
    .biyani-steps-wrapper {
    /* max-width: 1200px; */
    margin: 0px auto;
    padding: 0;
    display: flex;
    gap: 25px;
    align-items: stretch;
}

    /* Left Box - 5 Steps Grid */
    .biyani-steps-card {
      flex: 1.8;
      background: #ffffff;
      padding: 35px 25px;
      border-radius: 20px;
      border: 1px solid #eaeaea;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      position: relative;
    }

    /* Single Step Item */
    .biyani-step-item {
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      flex: 1;
      position: relative;
      z-index: 2;
      padding: 0 5px;
    }

    /* Step Icon Box with Soft Shadow */
    .biyani-step-icon {
      width: 58px;
      height: 58px;
      background-color: #ffffff;
      border-radius: 16px;
      box-shadow: 0 8px 20px rgba(181, 19, 19, 0.12);
      border: 1px solid #f2dede;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 15px;
      transition: all 0.3s ease;
    }

    .biyani-step-icon svg {
    width: 24px;
    height: 24px;
    fill: #041E42;
    transition: all 0.3s ease;
}

    .biyani-step-item:hover .biyani-step-icon {
    transform: translateY(-5px);
    background-color: #041e42;
    box-shadow: 0 10px 22px #ff8f04;
}

    .biyani-step-item:hover .biyani-step-icon svg {
      fill: #ffffff;
    }

    /* Step Content */
    .biyani-step-num {
    color: #ff8f04;
    font-weight: 800;
    font-size: 16px;
    margin-bottom: 2px;
    display: block;
}

   .biyani-step-title {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #222221 !important;
    line-height: 1.2 !important;
    margin-bottom: 6px;
}

    .biyani-step-desc {
    font-size: 13px;
    color: #000;
    line-height: 1.35;
}
    /* Connecting Arrow Line */
    .biyani-step-line {
      position: absolute;
      top: 28px;
      right: -25px;
      width: 45px;
      border-top: 2px dashed #b51313;
      opacity: 0.4;
      z-index: 1;
    }

    /* Right Red CTA Card */
  .biyani-cta-card {
    flex: 1;
    background: linear-gradient(135deg, #1D3555 0%, #1D3555 100%);
    border-radius: 20px;
    padding: 35px 25px;
    color: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    box-shadow: 0 12px 30px rgba(170, 24, 24, 0.25);
}

    .biyani-cta-title {
      font-size: 24px;
      font-weight: 800;
      line-height: 1.3;
      color: #ffffff !important;
      margin-bottom: 10px;
    }

    .biyani-cta-sub {
      font-size: 13px;
      color: #ffffff !important;
      margin-bottom: 25px;
      line-height: 1.4;
    }

    /* Buttons Group */
    .biyani-cta-btns {
      display: flex;
      gap: 10px;
      width: 100%;
      justify-content: center;
    }

    .biyani-btn-primary {
      background-color: #ffffff !important;
      color: #aa1818 !important;
      padding: 12px 18px;
      border-radius: 50px;
      font-size: 13px;
      font-weight: 700;
      text-decoration: none !important;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
      transition: all 0.3s ease;
    }

    .biyani-btn-primary svg {
      width: 14px;
      height: 14px;
      fill: #aa1818;
    }

    .biyani-btn-primary:hover {
      transform: translateY(-2px);
      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
    }

    .biyani-btn-outline {
      background-color: transparent !important;
      color: #ffffff !important;
      border: 1px solid rgba(255, 255, 255, 0.7) !important;
      padding: 12px 16px;
      border-radius: 50px;
      font-size: 13px;
      font-weight: 600;
      text-decoration: none !important;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      transition: all 0.3s ease;
    }

    .biyani-btn-outline svg {
      width: 15px;
      height: 15px;
      fill: #ffffff;
    }

    .biyani-btn-outline:hover {
      background-color: rgba(255, 255, 255, 0.15) !important;
      border-color: #ffffff !important;
      transform: translateY(-2px);
    }

    /* course page MCA css END */

/* Cartifitions Page Css Start */
/* Base Wrapper */
.custom-cert-wrapper {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px 15px;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  color: #1e293b;
}

/* Tabs Navigation */
.category-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  margin-bottom: 30px;
}

.tab-btn {
  background: #f1f5f9;
  color: #475569;
  border: 1px solid #cbd5e1;
  padding: 10px 20px;
  border-radius: 30px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}

.tab-btn.active, .tab-btn:hover {
  background: #1e293b;
  color: #ffffff;
  border-color: #1e293b;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* 3 Column Grid */
.program-grid-cartificate {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 24px;
  margin-bottom: 40px;
}


@media (max-width: 1024px) {
  .program-grid-cartificate {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 640px) {
  .program-grid-cartificate {
    grid-template-columns: repeat(1, 1fr) !important;
  }
	.custom-cert-wrapper {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0px 15px !important;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #1e293b;
}
}



/* Card Styling & Smooth Top-to-Bottom Hover Animation */
.program-card.cartificate {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 24px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.4s ease;
  z-index: 1;
}

/* Hover Fill Overlay (Top to Bottom) */
.program-card.cartificate::before {
  content: '';
  position: absolute;
  top: -100%;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #e34d0294 0%, #e34d0294 100%);
  transition: top 0.45s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 0;
}

.program-card.cartificate:hover::before {
  top: 0;
}

.program-card.cartificate:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
}

.card-inner {
  position: relative;
  z-index: 1;
}

.card-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}

.card-icon {
  font-size: 20px;
  color: #ff8f04;
  transition: color 0.4s ease, transform 0.4s ease;
}

.program-card.cartificate:hover .card-icon {
  color: #000;
  transform: scale(1.1);
}

.program-title {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  color: #0f172a;
  transition: color 0.4s ease;
}

.program-card.cartificate:hover .program-title {
  color: #ffffff;
}

.program-description {
  margin: 0;
  font-size: 14px;
  line-height: 1.6;
  color: #64748b;
  transition: color 0.4s ease;
}

.program-description p {
  margin-top: 0;
  margin-bottom: 10px;
}

.program-description p:last-child {
  margin-bottom: 0;
}

.program-card.cartificate:hover .program-description {
  color: #000;
}

/* Apply Online Button Center Wrapper */
.apply-btn-wrapper {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 20px;
}

/* Image-Matched Dark Red Apply Online Button */
.apply-online-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background-color: #a00000;
  color: #ffffff !important;
  font-size: 16px;
  font-weight: 700;
  padding: 12px 32px;
  border-radius: 6px;
  text-decoration: none;
  box-shadow: 0 4px 12px rgba(160, 0, 0, 0.3);
  transition: all 0.3s ease;
  border: 1px solid #7a0000;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.apply-online-btn:hover {
  background-color: #b80000;
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(184, 0, 0, 0.4);
  color: #ffffff !important;
}

.apply-online-btn i {
  font-size: 14px;
  transition: transform 0.3s ease;
}

.apply-online-btn:hover i {
  transform: translateX(4px);
}
/* cartifications css end */

/* committee page ki css start*/

/* =========================================
   ROAD SAFETY CELL
   PREMIUM DESIGN
========================================= */

.road-premium {
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
  padding: 42px 40px 28px;

  box-sizing: border-box;

  background:
    radial-gradient(
      circle at 95% 5%,
      rgba(67, 111, 220, .12),
      transparent 27%
    ),
    radial-gradient(
      circle at 0% 100%,
      rgba(67, 111, 220, .07),
      transparent 25%
    ),
    #fff;

  border: 1px solid #e7edf8;
  border-radius: 25px;

  box-shadow:
    0 20px 60px rgba(31, 55, 100, .08);

  overflow: hidden;
}


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

.road-header {
  margin-bottom: 30px;

  animation: roadFadeUp .7s ease both;
}

.road-eyebrow {
  display: flex;
  align-items: center;
  gap: 12px;

  margin-bottom: 13px;

  color: #6680b3;

  font-size: 11px;
  font-weight: 800;
  letter-spacing: 2px;
}

.road-eyebrow span {
  width: 38px;
  height: 3px;

  background: #4a70e8;

  border-radius: 10px;
}


.road-header h2 {
  margin: 0;

  color: #182846;

  font-size: clamp(38px, 4vw, 54px);
  line-height: 1.05;

  font-weight: 800;
  letter-spacing: -2px;
}

.road-header h2 span {
  color: #4771e7;
}


.road-header p {
  margin: 12px 0 0;

  color: #6e82a5;

  font-size: 18px;
  line-height: 1.5;
}


/* =========================================
   MAIN
========================================= */

.road-main {
  display: grid;

  grid-template-columns:
    minmax(0, 1.05fr)
    minmax(380px, .95fr);

  gap: 30px;

  align-items: stretch;
}


/* =========================================
   AWARENESS BOX
========================================= */

.road-awareness {
  display: flex;
  gap: 18px;

  padding: 22px;

  background:
    linear-gradient(
      135deg,
      #f5f8ff,
      #edf3ff
    );

  border: 1px solid #dce7ff;
  border-left: 4px solid #4b73e8;

  border-radius: 16px;

  box-sizing: border-box;

  transition:
    transform .3s ease,
    box-shadow .3s ease;
}

.road-awareness:hover {
  transform: translateY(-4px);

  box-shadow:
    0 15px 35px rgba(65, 100, 190, .10);
}


.road-awareness-icon {
  width: 50px;
  height: 50px;

  flex: 0 0 50px;

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

  background: #4770e5;

  border-radius: 50%;

  box-shadow:
    0 8px 20px rgba(71, 112, 229, .25);
}

.road-awareness-icon span {
  color: #fff;
  font-size: 24px;
}


.road-awareness-text h3 {
  margin: 0 0 12px;

  color: #233b67;

  font-size: 19px;
  line-height: 1.35;

  font-weight: 800;
}


.road-awareness-text p {
  margin: 0;

  color: #5f7191;

  font-size: 14px;
  line-height: 1.8;
}


/* =========================================
   MEMBERS
========================================= */

.road-members {
  margin-top: 20px;

  border: 1px solid #dce5f6;
  border-radius: 16px;

  background: #fff;

  overflow: hidden;

  box-shadow:
    0 8px 25px rgba(36, 61, 110, .04);

  transition: box-shadow .3s ease;
}

.road-members:hover {
  box-shadow:
    0 14px 35px rgba(36, 61, 110, .08);
}


/* Members Heading */

.road-members-title {
  display: flex;
  align-items: center;
  gap: 13px;

  padding: 13px 16px;

  background: #f5f8ff;

  border-bottom: 1px solid #e5ebf6;
}

.road-members-icon {
  width: 35px;
  height: 35px;

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

  background: #4c72e5;

  border-radius: 8px;

  color: #fff;

  font-size: 16px;
}


.road-members-title strong {
  display: block;

  color: #233b67;

  font-size: 15px;
  letter-spacing: 1px;
}


.road-members-title span {
  display: block;

  margin-top: 2px;

  color: #8a99b3;

  font-size: 10px;
}


/* Member Grid */

.road-member-grid {
  display: grid;

  grid-template-columns: 1fr 1fr;

  padding: 12px 16px;
}


.road-member {
  display: flex;
  align-items: center;
  gap: 12px;

  padding: 9px 5px;

  transition: transform .25s ease;
}

.road-member:hover {
  transform: translateX(5px);
}


.road-member span {
  width: 38px;
  height: 38px;

  flex: 0 0 38px;

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

  border-radius: 50%;

  background: #edf2ff;

  color: #4a70dc;

  font-size: 11px;
  font-weight: 800;
}


.road-member p {
  margin: 0;

  color: #304568;

  font-size: 14px;
  font-weight: 600;
}


/* =========================================
   RIGHT IMAGE
========================================= */

.road-image-area {
  position: relative;

  animation:
    roadImageReveal .9s ease .15s both;
}


.road-image-card {
  position: relative;

  height: 100%;
  min-height: 430px;

  padding: 9px;

  box-sizing: border-box;

  border-radius: 19px;

  background: #edf3ff;

  border: 1px solid #dbe5fa;

  overflow: hidden;

  box-shadow:
    0 20px 45px rgba(36, 59, 105, .12);
}


.road-image-card img {
  display: block;

  width: 100%;
  height: 100%;
  min-height: 412px;

  object-fit: cover;
  object-position: center;

  border-radius: 13px;
}


/* =========================================
   IMAGE OVERLAY
========================================= */

.road-image-overlay {
  position: absolute;

  inset: 9px;

  border-radius: 13px;

  background:
    linear-gradient(
      180deg,
      rgba(20, 35, 65, .02) 45%,
      rgba(15, 28, 50, .60) 100%
    );

  pointer-events: none;
}


/* =========================================
   IMAGE BADGE
========================================= */

.road-image-badge {
  position: absolute;

  left: 25px;
  right: 25px;
  bottom: 24px;

  display: flex;
  align-items: center;
  gap: 12px;

  padding: 12px 14px;

  background: rgba(255,255,255,.94);

  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);

  border: 1px solid rgba(255,255,255,.8);

  border-radius: 12px;

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


.road-badge-icon {
  width: 38px;
  height: 38px;

  flex: 0 0 38px;

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

  border-radius: 10px;

  background: #4770e3;

  color: #fff;

  font-size: 18px;
  font-weight: 800;
}


.road-image-badge strong {
  display: block;

  color: #263d66;

  font-size: 12px;
  letter-spacing: .5px;
}


.road-image-badge small {
  display: block;

  margin-top: 3px;

  color: #8794aa;

  font-size: 9px;
}


/* =========================================
   BOTTOM
========================================= */

.road-bottom {
  display: flex;

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

  gap: 20px;

  margin-top: 25px;
  padding-top: 18px;

  border-top: 1px solid #e4eaf4;
}


.road-bottom-left {
  display: flex;
  align-items: center;
  gap: 10px;

  color: #7a8eaf;

  font-size: 10px;
  font-weight: 800;

  letter-spacing: 1.5px;
}


.road-bottom-left i {
  width: 4px;
  height: 4px;

  border-radius: 50%;

  background: #9eacc4;
}


.road-bottom-shield {
  width: 23px;
  height: 23px;

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

  border: 2px solid #5278df;

  border-radius: 50%;

  color: #5278df;

  font-size: 10px;
}


.road-bottom-right {
  color: #8190aa;

  font-size: 13px;
  font-style: italic;

  letter-spacing: .3px;
}


/* =========================================
   ANIMATIONS
========================================= */

@keyframes roadFadeUp {

  from {
    opacity: 0;
    transform: translateY(22px);
  }

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

}


@keyframes roadImageReveal {

  from {
    opacity: 0;
    transform: translateX(25px) scale(.97);
  }

  to {
    opacity: 1;
    transform: translateX(0) scale(1);
  }

}

/* =========================================
   GARIMA HELPLINE - PREMIUM DESIGN
========================================= */

.garima-premium {
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
  padding: 55px 45px;
  background:
    radial-gradient(circle at 85% 15%, rgba(180, 80, 120, 0.08), transparent 28%),
    radial-gradient(circle at 10% 90%, rgba(90, 70, 150, 0.06), transparent 30%),
    #fff;

  border: 1px solid #eeeeee;
  border-radius: 28px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.07);
  overflow: hidden;
  box-sizing: border-box;
}


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

.garima-header {
  max-width: 760px;
  margin-bottom: 42px;
  animation: garimaFadeUp .7s ease both;
}

.garima-eyebrow {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 2.5px;
  color: #9a5274;
  margin-bottom: 13px;
}

.garima-eyebrow span {
  width: 35px;
  height: 2px;
  background: #9a5274;
  display: inline-block;
  border-radius: 10px;
}

.garima-header h2 {
  margin: 0;
  font-size: clamp(34px, 4vw, 52px);
  line-height: 1.05;
  font-weight: 800;
  letter-spacing: -1.5px;
  color: #202020;
}

.garima-header h2 span {
  color: #9a5274;
}

.garima-header p {
  margin: 16px 0 0;
  max-width: 650px;
  font-size: 15px;
  line-height: 1.8;
  color: #777;
}


/* =========================================
   MAIN GRID
========================================= */

.garima-main {
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 55px;
  align-items: center;
}


/* =========================================
   LEFT CONTENT
========================================= */

.garima-content {
  animation: garimaFadeUp .8s ease .1s both;
}

.garima-tag {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 7px 13px 7px 7px;
  border-radius: 50px;
  background: #faf3f6;
  border: 1px solid #f0dce5;

  font-size: 10px;
  font-weight: 800;
  letter-spacing: 1.5px;
  color: #89506d;
}

.garima-tag span {
  padding: 5px 9px;
  background: #9a5274;
  color: #fff;
  border-radius: 30px;
  letter-spacing: 1px;
}


.garima-content h3 {
  margin: 22px 0 17px;
  font-size: clamp(28px, 3.2vw, 43px);
  line-height: 1.13;
  letter-spacing: -1px;
  color: #252525;
}

.garima-content h3 span {
  color: #9a5274;
}


.garima-description {
  max-width: 600px;
  margin: 0 0 25px;
  color: #686868;
  font-size: 15px;
  line-height: 1.85;
}

.garima-description strong {
  color: #454545;
}


/* =========================================
   CONTACT CARDS
========================================= */

.garima-contacts {
  display: grid;
  gap: 11px;
  margin-top: 25px;
}

.garima-contact {
  position: relative;
  display: flex;
  align-items: center;
  gap: 14px;

  padding: 14px 16px;

  background: #fff;
  border: 1px solid #eeeeee;
  border-radius: 14px;

  text-decoration: none !important;
  color: inherit;

  transition:
    transform .3s ease,
    box-shadow .3s ease,
    border-color .3s ease;
}

.garima-contact:hover {
  transform: translateX(7px);
  border-color: #e3c2d0;
  box-shadow: 0 12px 30px rgba(120, 60, 90, .10);
}


.garima-contact-icon {
  width: 44px;
  height: 44px;
  flex: 0 0 44px;

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

  border-radius: 12px;
  background: #faf0f4;

  color: #9a5274;
  font-size: 18px;
  font-weight: 700;
}


.garima-contact div:nth-child(2) {
  min-width: 0;
}

.garima-contact small {
  display: block;
  margin-bottom: 4px;

  font-size: 9px;
  letter-spacing: 1.4px;
  font-weight: 800;
  color: #999;
}

.garima-contact strong {
  display: block;

  font-size: 14px;
  font-weight: 700;
  color: #333;

  word-break: break-word;
}

.garima-arrow {
  margin-left: auto;
  font-size: 20px;
  color: #b98aa0;
  transition: transform .3s ease;
}

.garima-contact:hover .garima-arrow {
  transform: translateX(5px);
}


/* =========================================
   NOTE
========================================= */

.garima-note {
  display: flex;
  align-items: flex-start;
  gap: 10px;

  margin-top: 20px;
  padding: 14px 16px;

  border-left: 3px solid #9a5274;
  background: #faf7f8;
  border-radius: 0 10px 10px 0;
}

.garima-note span {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 20px;
  height: 20px;
  flex: 0 0 20px;

  border-radius: 50%;
  background: #9a5274;
  color: #fff;

  font-size: 11px;
  font-weight: bold;
}

.garima-note p {
  margin: 0;
  font-size: 12px;
  line-height: 1.6;
  color: #777;
}


/* =========================================
   RIGHT IMAGE
========================================= */

.garima-visual {
  position: relative;
  animation: garimaImageReveal .9s ease .15s both;
}


.garima-image-card {
  position: relative;
  min-height: 430px;

  padding: 12px;

  border-radius: 26px;

  background: #f8f3f5;
  border: 1px solid #eadde2;

  overflow: hidden;

  box-shadow:
    0 25px 60px rgba(80, 40, 60, .14);
}


.garima-image-card img {
    width: 100%;
    height: auto;
    height: auto;
    display: block;
    object-fit: fill;
    object-position: center;
    border-radius: 19px;
}


/* Image Overlay */

.garima-image-overlay {
  position: absolute;
  inset: 12px;

  border-radius: 19px;

  background:
    linear-gradient(
      180deg,
      transparent 45%,
      rgba(35, 20, 28, .65) 100%
    );

  pointer-events: none;
}


/* Glow */

.garima-image-glow {
  position: absolute;

  width: 180px;
  height: 180px;

  top: -80px;
  right: -60px;

  border-radius: 50%;

  background: rgba(183, 104, 138, .20);
  filter: blur(35px);

  pointer-events: none;
}


/* =========================================
   FLOATING BADGE
========================================= */

.garima-badge {
  position: absolute;
  left: 28px;
  right: 28px;
  bottom: 28px;

  display: flex;
  align-items: center;
  gap: 12px;

  padding: 13px 15px;

  background: rgba(255,255,255,.94);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);

  border: 1px solid rgba(255,255,255,.8);
  border-radius: 14px;

  box-shadow: 0 12px 35px rgba(0,0,0,.14);
}

.badge-icon {
  width: 38px;
  height: 38px;
  flex: 0 0 38px;

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

  border-radius: 11px;

  background: #9a5274;
  color: #fff;

  font-size: 18px;
}

.garima-badge strong {
  display: block;
  color: #333;
  font-size: 13px;
}

.garima-badge small {
  display: block;
  margin-top: 3px;
  color: #888;
  font-size: 10px;
}


/* =========================================
   BOTTOM STRIP
========================================= */

.garima-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;

  margin-top: 35px;
  padding-top: 22px;

  border-top: 1px solid #eeeeee;
}

.garima-bottom > div {
  display: flex;
  align-items: center;
  gap: 9px;
}

.bottom-dot {
  width: 7px;
  height: 7px;

  border-radius: 50%;
  background: #9a5274;

  box-shadow: 0 0 0 5px #f6eaf0;
}

.garima-bottom strong {
  font-size: 10px;
  letter-spacing: 1.5px;
  color: #555;
}

.garima-bottom p {
  margin: 0;
  color: #999;
  font-size: 11px;
}


/* =========================================
   ANIMATIONS
========================================= */

@keyframes garimaFadeUp {
  from {
    opacity: 0;
    transform: translateY(25px);
  }

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

@keyframes garimaImageReveal {
  from {
    opacity: 0;
    transform: translateX(30px) scale(.97);
  }

  to {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
}
 /* =====================================================
   WOMEN CELL — PREMIUM DESIGN
===================================================== */

.women-premium {

  width: 100%;

  padding: 52px 55px 55px;

  background:
    radial-gradient(
      circle at 92% 0%,
      rgba(86, 117, 174, .055),
      transparent 30%
    ),
    #ffffff;

  box-sizing: border-box;
}


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

.women-header {

  max-width: 850px;

  margin-bottom: 32px;
}


.women-header h2 {

  margin: 0;

  color: #122f57;

  font-size: clamp(40px, 4vw, 54px);

  line-height: 1.02;

  font-weight: 500;

  letter-spacing: -2px;
}


.women-header h2 span {

  display: inline-block;

  color: #4771b1;
}


.women-header > p {

  max-width: 760px;

  margin: 18px 0 0;

  color: #687a93;

  font-size: 14px;

  line-height: 1.75;
}


/* =====================================================
   INTRODUCTION
===================================================== */

.women-intro {

  display: flex;

  align-items: flex-start;

  gap: 17px;

  margin-bottom: 36px;

  padding: 20px 22px;

  border: 1px solid #e0e8f2;

  border-radius: 16px;

  background:
    linear-gradient(
      135deg,
      #f8fbff,
      #f2f6fb
    );

  box-shadow:
    0 8px 25px rgba(28, 57, 96, .04);
}


.women-intro-icon {

  width: 43px;
  height: 43px;

  flex: 0 0 43px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 12px;

  background:
    linear-gradient(
      135deg,
      #e9f1ff,
      #dfeafb
    );

  color: #426cae;

  font-size: 21px;

  font-weight: 600;

  border: 1px solid #d9e4f3;
}


.women-intro-content {

  padding-top: 1px;
}


.women-label {

  display: block;

  margin-bottom: 6px;

  color: #7890b0;

  font-size: 9px;

  font-weight: 800;

  letter-spacing: 1.5px;
}


.women-intro-content p {

  margin: 0;

  color: #60728b;

  font-size: 12px;

  line-height: 1.75;
}


/* =====================================================
   SECTION HEADING
===================================================== */

.women-section {

  margin-bottom: 34px;
}


.women-section-heading {

  display: flex;

  align-items: center;

  gap: 12px;

  margin-bottom: 16px;
}


.women-number {

  width: 35px;
  height: 35px;

  flex: 0 0 35px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 9px;

  background:
    linear-gradient(
      135deg,
      #edf4ff,
      #e3ecfa
    );

  border: 1px solid #dce7f5;

  color: #416cae;

  font-size: 9px;

  font-weight: 800;

  letter-spacing: .5px;
}


.women-section-heading h3 {

  margin: 0;

  color: #203b60;

  font-size: 17px;

  line-height: 1.2;

  font-weight: 700;
}


.women-section-heading div > span {

  display: block;

  margin-top: 3px;

  color: #8b99aa;

  font-size: 9px;

  line-height: 1.3;
}


/* =====================================================
   OBJECTIVES
===================================================== */

.women-objectives {

  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 10px;
}


.women-objective {

  position: relative;

  display: flex;

  align-items: flex-start;

  gap: 11px;

  padding: 13px 14px;

  border: 1px solid #e5ebf2;

  border-radius: 12px;

  background: #ffffff;

  transition:
    transform .3s ease,
    box-shadow .3s ease,
    border-color .3s ease,
    background .3s ease;
}


.women-objective:last-child {

  grid-column: 1 / -1;

}


.women-objective:hover {

  transform: translateY(-3px);

  border-color: #d7e2f0;

  background: #fbfdff;

  box-shadow:
    0 10px 25px rgba(28, 57, 96, .07);
}


.objective-number {

  width: 27px;
  height: 27px;

  flex: 0 0 27px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 7px;

  background: #edf4fd;

  color: #4a70aa;

  font-size: 8px;

  font-weight: 800;
}


.women-objective p {

  margin: 1px 0 0;

  color: #63758d;

  font-size: 11px;

  line-height: 1.65;
}


/* =====================================================
   MEMBERS TABLE
===================================================== */

.women-members-table-wrap {

  width: 100%;

  overflow-x: auto;

  border: 1px solid #e3eaf2;

  border-radius: 14px;

  background: #ffffff;

  box-shadow:
    0 8px 25px rgba(27, 57, 96, .045);

  -webkit-overflow-scrolling: touch;

  scrollbar-width: thin;
}


.women-members-table {

  min-width: 700px;

  width: 100%;
}


.women-table-head,
.women-member-row {

  display: grid;

  grid-template-columns:
    55px
    1.3fr
    1fr
    1.25fr;

  align-items: center;

  column-gap: 12px;
}


/* TABLE HEADER */

.women-table-head {

  padding: 12px 16px;

  background:
    linear-gradient(
      90deg,
      #f4f7fb,
      #edf3fa
    );

  color: #74849a;

  font-size: 9px;

  font-weight: 800;

  letter-spacing: 1px;
}


/* TABLE ROW */

.women-member-row {

  padding: 13px 16px;

  border-top: 1px solid #edf1f5;

  color: #66778e;

  font-size: 11px;

  transition:
    background .3s ease,
    padding-left .3s ease;
}


.women-member-row:hover {

  background: #f8faff;

  padding-left: 21px;
}


.women-member-row strong {

  color: #293f60;

  font-size: 11px;

  font-weight: 650;
}


.women-sr {

  color: #9aa8b9;

  font-size: 10px;

  font-weight: 750;
}


.women-position {

  display: inline-block;

  width: fit-content;

  padding: 4px 8px;

  border-radius: 6px;

  background: #f0f5fc;

  color: #4c6ea5;

  font-size: 9px;

  font-weight: 650;
}


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

.women-footer-note {

  display: flex;

  align-items: center;

  gap: 13px;

  padding: 15px 18px;

  border: 1px solid #dfe8f4;

  border-radius: 13px;

  background:
    linear-gradient(
      100deg,
      #edf4ff,
      #f6f9fc
    );
}


.women-check {

  width: 34px;
  height: 34px;

  flex: 0 0 34px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 9px;

  background: #ffffff;

  color: #4772b2;

  font-size: 13px;

  font-weight: 800;

  box-shadow:
    0 5px 15px rgba(40, 72, 113, .08);
}


.women-footer-note strong {

  display: block;

  margin-bottom: 3px;

  color: #294665;

  font-size: 11px;
}


.women-footer-note p {

  margin: 0;

  color: #718198;

  font-size: 10px;

  line-height: 1.5;
}


/* =====================================================
   STUDENTS GRIEVANCE — PREMIUM COMPACT DESIGN
===================================================== */

.grievance-premium {
  width: 100%;
  padding: 52px 55px 55px;

  background:
    radial-gradient(
      circle at 90% 0%,
      rgba(74, 113, 180, .055),
      transparent 30%
    ),
    #ffffff;

  box-sizing: border-box;
}


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

.grievance-header {
  max-width: 850px;

  margin-bottom: 38px;
}


.grievance-header h2 {
  margin: 0;

  color: #122f57;

  font-size: clamp(40px, 4vw, 54px);

  line-height: 1.02;

  font-weight: 500;

  letter-spacing: -2px;
}


.grievance-header h2 span {
  display: inline-block;

  color: #4771b1;
}


.grievance-header > p {
  max-width: 750px;

  margin: 18px 0 0;

  color: #687a93;

  font-size: 14px;

  line-height: 1.75;
}


/* =====================================================
   COMMON BLOCK
===================================================== */

.grievance-block {
  margin-bottom: 30px;
}


.grievance-block-heading {
  display: flex;
  align-items: center;

  gap: 12px;

  margin-bottom: 15px;
}


.block-number {
  width: 34px;
  height: 34px;

  flex: 0 0 34px;

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

  border-radius: 9px;

  background:
    linear-gradient(
      135deg,
      #edf4ff,
      #e3ecfa
    );

  border: 1px solid #dce7f5;

  color: #416cae;

  font-size: 9px;

  font-weight: 800;

  letter-spacing: .5px;
}


.grievance-block-heading h3 {
  margin: 0;

  color: #203b60;

  font-size: 17px;

  line-height: 1.2;

  font-weight: 700;
}


.grievance-block-heading span:not(.block-number) {
  display: block;

  margin-top: 3px;

  color: #8b99aa;

  font-size: 9px;

  line-height: 1.3;
}


/* =====================================================
   MEMBERS
===================================================== */

.grievance-members {
  overflow: hidden;

  border: 1px solid #e4eaf2;

  border-radius: 14px;

  background: #fff;

  box-shadow:
    0 8px 25px rgba(27, 57, 96, .045);
}


.member-head,
.member-item {
  display: grid;

  grid-template-columns:
    55px
    1.25fr
    1fr
    1.25fr;

  align-items: center;

  column-gap: 12px;
}


.member-head {
  padding: 12px 16px;

  background:
    linear-gradient(
      90deg,
      #f4f7fb,
      #edf3fa
    );

  color: #75859b;

  font-size: 9px;

  font-weight: 800;

  letter-spacing: 1px;
}


.member-item {
  padding: 12px 16px;

  border-top: 1px solid #edf1f5;

  color: #66778e;

  font-size: 11px;

  transition:
    background .3s ease,
    padding-left .3s ease;
}


.member-item:hover {
  background: #f8faff;

  padding-left: 21px;
}


.member-item strong {
  color: #293f60;

  font-size: 11px;

  font-weight: 650;
}


.member-no {
  color: #9aa8b9;

  font-size: 10px;

  font-weight: 750;
}


.member-role {
  display: inline-block;

  width: fit-content;

  padding: 4px 8px;

  border-radius: 6px;

  background: #f0f5fc;

  color: #4c6ea5;

  font-size: 9px;

  font-weight: 650;
}


/* =====================================================
   INTRODUCTION
===================================================== */

.grievance-introduction {
  margin-bottom: 30px;

  padding: 22px 24px;

  border: 1px solid #e4ebf3;

  border-radius: 16px;

  background:
    linear-gradient(
      135deg,
      #fbfdff,
      #f6f9fd
    );
}


.intro-content {
  padding-left: 46px;
}


.intro-content > p {
  margin: 0 0 11px;

  color: #64758d;

  font-size: 12px;

  line-height: 1.75;
}


.fairness-note {
  display: flex;
  align-items: center;

  gap: 10px;

  margin-top: 15px;

  padding: 12px 15px;

  border-left: 3px solid #4b74b4;

  border-radius: 0 9px 9px 0;

  background: #edf4ff;
}


.quote-mark {
  color: #6689bb;

  font-size: 26px;

  line-height: 1;
}


.fairness-note p {
  margin: 0;

  color: #536b89;

  font-size: 11px;

  line-height: 1.6;
}


.fairness-note strong {
  color: #345b94;
}


/* =====================================================
   TWO COLUMNS
===================================================== */

.grievance-two-column {
  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 18px;

  margin-bottom: 25px;
}


.grievance-card {
  padding: 21px;

  border: 1px solid #e4eaf2;

  border-radius: 16px;

  background: #fff;

  box-shadow:
    0 8px 25px rgba(27, 57, 96, .045);

  transition:
    transform .3s ease,
    box-shadow .3s ease,
    border-color .3s ease;
}


.grievance-card:hover {
  transform: translateY(-3px);

  border-color: #d8e3f1;

  box-shadow:
    0 14px 32px rgba(27, 57, 96, .08);
}


/* =====================================================
   COMPACT POINTS
===================================================== */

.compact-points {
  display: flex;

  flex-direction: column;

  gap: 8px;
}


.compact-point {
  display: flex;

  align-items: flex-start;

  gap: 10px;

  padding: 10px 11px;

  border-radius: 9px;

  background: #f8fafc;

  transition:
    background .25s ease,
    transform .25s ease;
}


.compact-point:hover {
  background: #f1f6fd;

  transform: translateX(3px);
}


.compact-point > span {
  width: 23px;
  height: 23px;

  flex: 0 0 23px;

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

  border-radius: 6px;

  background: #e7effb;

  color: #4a70ab;

  font-size: 8px;

  font-weight: 800;
}


.compact-point p {
  margin: 1px 0 0;

  color: #64758d;

  font-size: 11px;

  line-height: 1.6;
}


/* =====================================================
   FINAL PURPOSE STRIP
===================================================== */

.grievance-purpose {
  display: flex;

  align-items: center;

  gap: 14px;

  padding: 15px 18px;

  border-radius: 13px;

  background:
    linear-gradient(
      100deg,
      #edf4ff,
      #f5f8fc
    );

  border: 1px solid #dfe8f4;
}


.purpose-icon {
  width: 34px;
  height: 34px;

  flex: 0 0 34px;

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

  border-radius: 9px;

  background: #fff;

  color: #4772b2;

  font-size: 13px;

  font-weight: 800;

  box-shadow:
    0 5px 15px rgba(40, 72, 113, .08);
}


.grievance-purpose strong {
  display: block;

  margin-bottom: 3px;

  color: #294665;

  font-size: 11px;
}


.grievance-purpose p {
  margin: 0;

  color: #718198;

  font-size: 10px;

  line-height: 1.5;
}
/* =====================================================
   MAIN
===================================================== */

.premium-committees {
  --primary: #173b72;
  --secondary: #4269ad;
  --text: #162c4d;
  --muted: #667895;
  --line: #e5ebf4;
  --soft: #f5f8fd;

  width: 100%;
  max-width: 1240px;

  margin: 0 auto;

  font-family:
    Inter,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;

  box-sizing: border-box;
}

.premium-committees *,
.premium-committees *::before,
.premium-committees *::after {
  box-sizing: border-box;
}


/* =====================================================
   TAB NAVIGATION
===================================================== */

.committee-nav-wrap {
  margin-bottom: 28px;
}

.committee-nav {
  display: flex;
  align-items: center;

  gap: 5px;

  padding: 6px;

  background:
    linear-gradient(
      135deg,
      #f0f4fa,
      #e9eef6
    );

  border: 1px solid #e5eaf2;

  border-radius: 18px;

  box-shadow:
    0 8px 30px rgba(24, 55, 95, 0.06);
}


.committee-tab {
  position: relative;

  flex: 1;

  border: 0;
  outline: none;

  background: transparent;

  padding: 16px 18px;

  border-radius: 13px;

  color: #75849a;

  font-size: 13px;
  font-weight: 650;

  letter-spacing: .1px;

  cursor: pointer;

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

  gap: 10px;

  white-space: nowrap;

  transition:
    color .35s ease,
    background .35s ease,
    transform .35s ease,
    box-shadow .35s ease;
}


.committee-tab:hover {
  color: var(--primary);

  transform: translateY(-1px);
}


.committee-tab.active {
  color: var(--primary);

  background: rgba(255,255,255,.96);

  box-shadow:
    0 8px 24px rgba(32, 62, 103, .10);
}


.committee-tab.active::after {
  content: "";

  position: absolute;

  left: 25%;
  right: 25%;
  bottom: 5px;

  height: 2px;

  background:
    linear-gradient(
      90deg,
      transparent,
      #3765b2,
      transparent
    );

  border-radius: 10px;

  animation: tabLine .45s ease;
}


.tab-number {
  color: #a2aec0;

  font-size: 10px;

  font-weight: 700;

  letter-spacing: 1px;
}


.committee-tab.active .tab-number {
  color: #416bb0;
}


/* =====================================================
   PANEL
===================================================== */

.committee-panel {
  display: none;

  animation: panelOut .45s ease;
}


.committee-panel.active {
  display: block;

  animation:
    panelIn .7s cubic-bezier(.2,.8,.2,1);
}


.committee-content {
  position: relative;

  min-height: 610px;

  display: grid;

  grid-template-columns: 56% 44%;

  overflow: hidden;

  border-radius: 30px;

  border: 1px solid #e5eaf2;

  background: #fff;

  box-shadow:
    0 25px 70px rgba(30, 58, 100, .10);
}


/* =====================================================
   LEFT
===================================================== */

.committee-info {
  position: relative;

  z-index: 2;

  padding: 58px 52px 55px;

  background:
    radial-gradient(
      circle at 10% 20%,
      rgba(72, 113, 177, .055),
      transparent 30%
    ),
    #fff;
}


.eyebrow {
  display: flex;
  align-items: center;

  gap: 10px;

  margin-bottom: 17px;

  color: #71839e;

  font-size: 11px;

  font-weight: 750;

  letter-spacing: 1.7px;
}


.eyebrow-line {
  width: 28px;
  height: 2px;

  border-radius: 20px;

  background: #4772b7;
}


.committee-info h2 {
  margin: 0;

  max-width: 560px;

  color: #112f58;

  font-size: clamp(38px, 4vw, 54px);

  font-weight: 500;

  line-height: 1.04;

  letter-spacing: -2px;
}


.committee-info h2 span {
  display: block;

  color: #4770b0;
}


.committee-description {
  max-width: 670px;

  margin: 23px 0 30px;

  color: #647692;

  font-size: 15px;

  line-height: 1.85;
}


/* =====================================================
   PREMIUM TABLE
===================================================== */

.premium-table {
  width: 100%;

  border: 1px solid #e5ebf3;

  border-radius: 15px;

  overflow: hidden;

  background: rgba(255,255,255,.8);

  box-shadow:
    0 8px 28px rgba(25, 55, 95, .045);
}


.table-head,
.table-row {
  display: grid;

  grid-template-columns: 70px 1fr 1.25fr;

  align-items: center;
}


.table-head {
  padding: 13px 15px;

  background:
    linear-gradient(
      90deg,
      #f5f8fc,
      #eef3f9
    );

  color: #74839a;

  font-size: 10px;

  font-weight: 750;

  letter-spacing: 1px;
}


.table-row {
  position: relative;

  padding: 13px 15px;

  border-top: 1px solid #edf1f5;

  color: #566983;

  font-size: 12px;

  transition:
    background .3s ease,
    padding-left .3s ease;
}


.table-row:hover {
  background: #f7faff;

  padding-left: 20px;
}


.table-row .sr {
  color: #9aa7b9;

  font-size: 11px;

  font-weight: 700;
}


.person strong {
  color: #263e60;

  font-size: 12px;

  font-weight: 650;
}


.position {
  display: inline-block;

  color: #000000;

  line-height: 1.45;
}


/* =====================================================
   RIGHT VISUAL
===================================================== */

.committee-visual {
  position: relative;

  min-height: 610px;

  overflow: hidden;

  display: flex;

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

  background: #EBE1E1;
}


/* animated glow */

.visual-glow {
  position: absolute;

  width: 390px;
  height: 390px;

  border-radius: 50%;

  background:
    radial-gradient(
      circle,
      rgba(74, 118, 194, .22),
      rgba(74, 118, 194, 0)
    );

  filter: blur(4px);

  animation: glowMove 6s ease-in-out infinite;
}


/* grid */

.visual-grid {
  position: absolute;

  inset: 0;

  opacity: .32;

  background-image:
    linear-gradient(
      rgba(74, 112, 171, .08) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(74, 112, 171, .08) 1px,
      transparent 1px
    );

  background-size: 35px 35px;

  mask-image:
    radial-gradient(
      circle at center,
      black,
      transparent 75%
    );
}


/* image */

.main-image {
  position: relative;

  z-index: 3;

  width: 78%;
  height: 72%;

  min-height: 400px;

  overflow: hidden;

  border-radius: 20px;

  background: #d7e3f5;

  border: 7px solid rgba(255,255,255,.65);

  box-shadow:
    0 25px 55px rgba(31, 61, 105, .20);
}


.main-image img {
    width: 100%;
    height: 430px !important;
    display: block;
    object-fit: cover;
}


/* =====================================================
   FLOATING CARDS
===================================================== */

.floating-card {
  position: absolute;

  z-index: 5;

  display: flex;
  align-items: center;

  gap: 10px;

  padding: 11px 14px;

  background: rgba(255,255,255,.90);

  border: 1px solid rgba(255,255,255,.8);

  border-radius: 13px;

  box-shadow:
    0 15px 35px rgba(34, 65, 105, .16);

  backdrop-filter: blur(12px);

  animation: floating 4s ease-in-out infinite;
}


.floating-card strong {
  display: block;

  color: #243d61;

  font-size: 10px;

  font-weight: 750;
}


.floating-card small {
  display: block;

  margin-top: 2px;

  color: #8090a7;

  font-size: 9px;
}


.card-one {
  left: 6%;

  bottom: 15%;
}


.card-two {
  right: 5%;

  top: 14%;

  animation-delay: -1.7s;
}


.floating-icon {
  width: 28px;
  height: 28px;

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

  border-radius: 9px;

  background: #e9f2ff;

  color: #3970bd;

  font-size: 13px;

  font-weight: 800;
}


.status-dot {
  width: 8px;
  height: 8px;

  border-radius: 50%;

  background: #46c18a;

  box-shadow:
    0 0 0 5px rgba(70,193,138,.12);
}


/* BIG NUMBER */

.visual-number {
  position: absolute;

  right: 7%;
  bottom: 4%;

  z-index: 2;

  color: rgba(45, 83, 137, .08);

  font-size: 100px;

  font-weight: 800;

  line-height: 1;

  letter-spacing: -8px;
}




/* =====================================================
   ANIMATIONS
===================================================== */

@keyframes panelIn {

  from {
    opacity: 0;
    transform: translateY(18px) scale(.99);
  }

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

}


@keyframes panelOut {

  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }

}


@keyframes tabLine {

  from {
    transform: scaleX(0);
    opacity: 0;
  }

  to {
    transform: scaleX(1);
    opacity: 1;
  }

}


@keyframes floating {

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

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

}


@keyframes glowMove {

  0%,
  100% {
    transform: translate(-20px, -10px) scale(1);
  }

  50% {
    transform: translate(25px, 20px) scale(1.12);
  }

}

.premium-committees {
  --primary: #173b72;
  --secondary: #4269ad;
  --text: #24364f;
  --muted: #53657d;
  --line: #dce5f0;
}

.premium-committees .committee-nav {
  gap: 7px;
  padding: 7px;
  background: rgba(239, 244, 250, .82);
  border: 1px solid rgba(204, 216, 232, .9);
  box-shadow: 0 10px 28px rgba(26, 53, 88, .08);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
}

.premium-committees .committee-tab {
  min-width: 0;
  color: #43546b;
  font-size: 13px;
  font-weight: 650;
  transition: color .2s ease, background-color .2s ease, box-shadow .2s ease;
}

.premium-committees .committee-tab:hover {
  color: #fff;
  background: #5A0303;
  transform: none;
}

.premium-committees .committee-tab:focus-visible {
  outline: 3px solid rgba(66, 105, 173, .4);
  outline-offset: 2px;
}

.premium-committees .committee-tab.active,
.premium-committees .committee-tab.active:hover {
  color: #fff;
  background: #5A0303;
  box-shadow: 0 6px 16px rgba(90, 3, 3, .22);
}

.premium-committees .committee-tab.active::after {
  background: rgba(255, 255, 255, .85);
}

.premium-committees .committee-tab .tab-number,
.premium-committees .committee-tab.active .tab-number {
  color: inherit;
  opacity: .72;
}

.premium-committees :is(
  .committee-description,
  .grievance-header > p,
  .women-header > p,
  .garima-header > p,
  .road-header > p,
  .intro-content > p,
  .women-intro-content p,
  .compact-point p,
  .fairness-note p,
  .grievance-purpose p,
  .women-footer-note p,
  .garima-bottom p,
  .road-awareness-text p,
  .garima-description,
  .garima-note p
) {
    color: #111;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.75;
}

.premium-committees .committee-description,
.premium-committees .garima-description {
  max-width: 680px;
}

/* Image layout */
.premium-committees .committee-content {
  grid-template-columns: minmax(0, 1.12fr) minmax(340px, .88fr);
  min-height: 0;
}

.premium-committees .garima-main,
.premium-committees .road-main {
  grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
  gap: clamp(24px, 3vw, 40px);
}

/* Full-width layout without a main image */
.premium-committees .grievance-premium,
.premium-committees .women-premium {
  width: 100%;
  max-width: 1180px;
  margin-inline: auto;
}
.premium-committees :is(
  .committee-info h2,
  .grievance-header h2,
  .women-header h2,
  .garima-header h2,
  .road-header h2
) {
  color: #182846;
  font-size: 40px;
}

.premium-committees :is(
  .committee-info h2 span,
  .grievance-header h2 span,
  .women-header h2 span,
  .garima-header h2 span,
  .road-header h2 span
) {
  color: #5A0303;
}

.premium-committees :is(
  .table-head,
  .table-row,
  .table-row .sr,
  .person strong,
  .position,
  .member-head,
  .member-item,
  .member-item strong,
  .member-no,
  .member-role,
  .women-table-head,
  .women-member-row,
  .women-member-row strong,
  .women-sr,
  .women-position
) {
  font-size: 13px;
}

/* INTERNACTIONAL*/

.collab-page {
    width: 100%;
    overflow: hidden;
    font-family: "Poppins", Arial, sans-serif;
    background: #f7f9fc;
    color: #172033;
}

.collab-page img {
    max-width: 100%;
    display: block;
}

/* =========================================================
   NAVIGATION TABS
========================================================= */

.collab-nav-wrap {
    position: relative;
    z-index: 20;
    margin-top: 0;
    padding: 0 20px;
}

.collab-nav {
    max-width: 850px;
    margin: auto;
    background: #fff;
    padding: 9px;
    border-radius: 18px;
    box-shadow: 0 15px 45px rgba(17, 42, 77, .15);
    display: flex;
    gap: 8px;
}

.collab-tab {
    flex: 1;
    border: 0;
    padding: 16px 20px;
    border-radius: 12px;
    background: transparent;
    color: #526074;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    transition: .3s ease;
}

.collab-tab .flag-icon {
    display: inline-block;
    width: 24px;
    height: 16px;
    margin-right: 8px;
    object-fit: cover;
    vertical-align: middle;
}

.collab-tab:hover {
    background: #FF8F04;
    color: #000;
}

.collab-tab.active {
    color: #fff;
    background: #5A0303;
    box-shadow: 0 8px 20px rgba(90, 3, 3, .25);
}


/* =========================================================
   MAIN CONTAINER
========================================================= */

.collab-container {
    width: min(1180px, calc(100% - 40px));
    margin: 80px auto;
}

.collab-section {
    display: none;
    animation: sectionShow .55s ease;
}

.collab-section.active {
    display: block;
}

.section-heading {
    text-align: center;
    margin-bottom: 55px;
}

.section-heading .small-title {
    display: inline-block;
    font-size: 13px;
    font-weight: 800;
    color: #ff8f04;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 12px;
}

.section-heading h2 {
    font-size: clamp(30px, 4vw, 45px);
    color: #13233c;
    line-height: 1.2;
    margin-bottom: 14px;
}

.section-heading p {
    max-width: 680px;
    margin: auto;
    color: #6c7789;
    line-height: 1.8;
}


/* =========================================================
   COLLABORATION CARD
========================================================= */

.collab-card {
    background: #fff;
    border-radius: 25px;
    margin-bottom: 40px;
    overflow: hidden;
    border: 1px solid #e7edf4;
    box-shadow: 0 12px 40px rgba(26, 55, 88, .08);
    transition: transform .35s ease, box-shadow .35s ease;
    position: relative;
}

.collab-card:hover {
    transform: translateY(-7px);
    box-shadow: 0 25px 60px rgba(26, 55, 88, .14);
}

.card-top {
    height: 7px;
    background: linear-gradient(90deg, #5a0303, #13233c, #f1bd45);
}

.card-content {
    padding: 35px;
}

.card-number {
    display: inline-flex;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    background: #eaf6fb;
    color: #09658d;
    font-size: 14px;
    font-weight: 800;
    margin-bottom: 18px;
}

.card-content h3 {
    font-size: clamp(23px, 3vw, 31px);
    line-height: 1.3;
    color: #16263f;
    margin-bottom: 18px;
}

.card-content p {
    color: #667386;
    line-height: 1.9;
    font-size: 15px;
}

.card-content strong {
    color: #193b61;
}

.section-heading.reveal.visible {
    DISPLAY: BLOCK;
}

/* =========================================================
   FEATURE IMAGE
========================================================= */

.feature-image {
    margin: 28px auto 5px;
    max-width: 800px;
    border-radius: 18px;
    overflow: hidden;
    cursor: pointer;
    position: relative;
}

.feature-image img {
    width: 100%;
    max-height: 450px;
    object-fit: contain;
    transition: transform .6s ease;
}
.feature-image:hover img {
    transform: scale(1.04);
}

.feature-image::after {
    content: "VIEW IMAGE";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(.85);
    background: rgba(0,0,0,.72);
    color: #fff;
    padding: 10px 18px;
    border-radius: 30px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
    opacity: 0;
    transition: .3s ease;
}

.feature-image:hover::after {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}


/* =========================================================
   IMAGE GRID
========================================================= */

.image-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin-top: 30px;
}

.image-box {
    height: 230px;
    overflow: hidden;
    border-radius: 15px;
    cursor: pointer;
    background: #edf2f7;
    position: relative;
}

.image-box:first-child {
    grid-column: span 2;
}

.image-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .55s ease;
}

.image-box:hover img {
    transform: scale(1.08);
}

.image-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(transparent 55%, rgba(0,0,0,.35));
    z-index: 1;
    opacity: 0;
    transition: .3s;
}

.image-box:hover::before {
    opacity: 1;
}

#international .image-box::before {
    display: none;
}

#international .image-box img,
#international .award-main-image img {
    transition: none;
}

#international .image-box:hover img,
#international .award-main-image:hover img {
    transform: none;
}

#international .image-box::after,
#international .award-main-image::after {
    content: "VIEW IMAGE";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 10px 16px;
    border-radius: 6px;
    background: rgba(5, 14, 27, .82);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s ease;
    z-index: 2;
}

#international .image-box:hover::after,
#international .award-main-image:hover::after {
    opacity: 1;
}


/* =========================================================
   JAPAN AWARD SPECIAL
========================================================= */

.award-card {
    background:
        linear-gradient(135deg, #fff, #f4f9fc);
}

.award-layout {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: 40px;
    align-items: center;
}

.award-main-image {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    cursor: pointer;
    box-shadow: 0 15px 35px rgba(0,0,0,.12);
}

.award-main-image img {
    width: 100%;
    height: 420px;
    object-fit: cover;
    transition: transform .5s ease;
}

.award-main-image:hover img {
    transform: scale(1.04);
}

.award-text h3 {
    font-size: clamp(24px, 3vw, 36px);
    line-height: 1.3;
    color: #172a46;
    margin-bottom: 20px;
}

.award-text p {
    color: #657286;
    line-height: 1.9;
}

.award-tag {
    display: inline-block;
    margin-top: 20px;
    padding: 9px 15px;
    border-radius: 30px;
    background: #fff3d2;
    color: #8c6508;
    font-size: 12px;
    font-weight: 800;
}


/* =========================================================
   MODERN INFO ROW
========================================================= */

.info-row {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 25px;
}

.info-pill {
    padding: 9px 14px;
    background: #f0f7fb;
    color: #27627d;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 700;
}


/* =========================================================
   DIVIDER
========================================================= */

.section-divider {
    display: flex;
    align-items: center;
    gap: 15px;
    margin: 50px 0;
    color: #a3afbd;
}

.section-divider::before,
.section-divider::after {
    content: "";
    height: 1px;
    background: #dce4ec;
    flex: 1;
}

.section-divider span {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #d6aa3c;
}


/* =========================================================
   LIGHTBOX
========================================================= */

.lightbox {
    position: fixed;
    inset: 0;
    background: rgba(5, 14, 27, .93);
    z-index: 99999;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 30px;
    backdrop-filter: blur(7px);
}

.lightbox.show {
    display: flex;
    animation: fadeIn .3s ease;
}

.lightbox img {
    max-width: min(1100px, 95vw);
    max-height: 88vh;
    object-fit: contain;
    border-radius: 12px;
    box-shadow: 0 20px 70px rgba(0,0,0,.5);
}

.lightbox-close {
    position: fixed;
    right: 17px;
    top: 65px;
    width: 23px;
    height: 23px;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: #fff;
    font-size: 25px;
    cursor: pointer;
    transition: .3s;
    text-align: left;
    line-height: 9px;
}
.lightbox-close:hover {
    background: transparent;
  
}


/* =========================================================
   ANIMATIONS
========================================================= */

.reveal {
    opacity: 0;
    transform: translateY(35px);
    transition: opacity .7s ease, transform .7s ease;
}

.reveal.visible {
    opacity: 1;
    transform: translateY(0);
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes sectionShow {
    from {
        opacity: 0;
        transform: translateY(15px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}


/* Events */
/* ================================
   EVENTS - 4 CARDS IN ONE ROW
================================ */

.events-sections > .elementor-container {
    display: grid !important;
    flex-wrap: nowrap !important;
    gap: 20px !important;
    width: 100% !important;
    grid-template-columns: 1fr 1fr 1fr 1fr !important;
    max-width: 100% !important;
}

/* ================================
   INDIVIDUAL CARD
================================ */

.events-sections > .elementor-container > .elementor-column {
    width: 100%;
    flex: 0 0 calc((100% - 60px) / 4) !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #fff !important;
    border-radius: 18px !important;
    box-shadow: 0 4px 12px rgba(136, 129, 129, 0.20) !important;
    position: relative !important;
    z-index: 1 !important;
    transition: transform 0.35s ease,
                box-shadow 0.35s ease !important;
}


/* ================================
   CARD HOVER / FLOAT
================================ */

.events-sections > .elementor-container > .elementor-column:hover {
    transform: translateY(-10px) !important;

    box-shadow: 0 18px 35px rgba(136, 129, 129, 0.40) !important;

    z-index: 10 !important;
}


/* ================================
   CARD CONTENT
================================ */

.events-sections .elementor-widget-wrap {
    overflow: hidden !important;
    border-radius: 18px !important;
}


/* ================================
   IMAGE
================================ */

.events-sections .elementor-widget-image img {
    width: 100% !important;
    display: block !important;
}


/* ================================
   HEADING
================================ */

.events-sections .elementor-widget-heading {
    padding: 15px 15px 5px !important;
}


/* ================================
   DIVIDER
================================ */

.events-sections .elementor-widget-divider {
    padding-bottom: 15px !important;
}

/* Events End Css */


/* enterships cell */
/* ==========================================================================
   Entrepreneurship Cell (enterships-cell.css)
   Clean, Responsive Custom CSS System for enter-ships-cell Page
   ========================================================================== */

/* Base styles scoped to enter-ships-cell components */
.enterships-cell-hero,
.enterships-cell-panel,
.enterships-cell-objectives,
.enterships-cell-timeline {
  position: relative;
  margin: 0;
  box-sizing: border-box;
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #1e293b;
}

.enterships-cell-hero *,
.enterships-cell-hero *::before,
.enterships-cell-hero *::after,
.enterships-cell-panel *,
.enterships-cell-panel *::before,
.enterships-cell-panel *::after,
.enterships-cell-objectives *,
.enterships-cell-objectives *::before,
.enterships-cell-objectives *::after,
.enterships-cell-timeline *,
.enterships-cell-timeline *::before,
.enterships-cell-timeline *::after {
  box-sizing: border-box;
  margin: 0;
}

.enterships-cell-hero img,
.enterships-cell-panel img,
.enterships-cell-objectives img,
.enterships-cell-timeline img {
  display: block;
  max-width: 100%;
}

.enterships-cell-hero sup,
.enterships-cell-panel sup,
.enterships-cell-objectives sup,
.enterships-cell-timeline sup {
  font-size: 0.75em;
}

/* Shared Container */
.enterships-cell-container {
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
    position: relative;
}





/* Keyframe Animations */
@keyframes entershipsCellFadeIn {
  from {
    opacity: 0;
    transform: translateY(12px);
  }

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

.enterships-cell-fade-in {
  animation: entershipsCellFadeIn 0.6s ease-out forwards;
}



/* ==========================================================================
   1. HERO SECTION
   ========================================================================== */
.enterships-cell-hero {
  overflow: hidden;
  padding: 3rem 0;

}

.enterships-cell-hero-pattern {
  position: absolute;
  inset: 0;
  opacity: 0.1;
  background-image: radial-gradient(#b8860b 1px, transparent 1px);
  background-size: 16px 16px;
  pointer-events: none;
}

.enterships-cell-hero-header {
  text-align: center;
  margin-bottom: 2rem;
}

.enterships-cell-college-badge {
  display: inline-flex;
  align-items: center;
  padding: 0.25rem 0.875rem;
  border-radius: 9999px;
  font-size: 1rem;
  line-height: 22px;
  font-weight: 600;
  border: 1px solid #e8c66a;
  background-color: #fff8e1;
  color: #9a6700;
  margin-bottom: 0.75rem;
}

.enterships-cell-college-badge i {
  margin-right: 0.5rem;
}

.enterships-cell-hero-desc {
  max-width: 42rem;
  margin-left: auto;
  margin-right: auto;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #475569;
}



/* Webinar Highlight Card */
.enterships-cell-webinar-card {
  border-radius: 1rem;
  padding: 1.5rem;
  background: linear-gradient(135deg, rgba(2, 15, 36, 0.96), rgba(4, 30, 66, 0.88) 55%, rgba(4, 30, 66, 0.88));
  border: 1px solid #d5a12e;
  box-shadow: 0 24px 50px rgba(120, 83, 15, 0.18);
  color: #ffffff;
}



.enterships-cell-webinar-grid {
  display: flex;

  align-items: center;
  justify-content: space-between;
  gap: 2rem;
}







.enterships-cell-webinar-badge {
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 700;
  padding: 0.25rem 0.75rem;
  border-radius: 9999px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.75rem;
  background-color: #8a5b00;
  color: #ffffff;
}

.enterships-cell-webinar-title {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  margin-bottom: 1rem;
  color: #ffffff;
}



/* Event Info Sub-grid */
.enterships-cell-event-info-grid {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}



.enterships-cell-event-info-box {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.875rem;
  border-radius: 0.75rem;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background-color: rgba(255, 255, 255, 0.08);
}

.enterships-cell-event-icon {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background-color: rgba(217, 167, 46, 0.2);
  color: #ffffff;
  font-size: 1.25rem;
}

.enterships-cell-event-details p:nth-child(1) {
  font-size: 0.75rem;
  color: #ffffff;
}

.enterships-cell-event-details p:nth-child(2) {
  font-size: 0.875rem;
  font-weight: 600;
  color: #ffffff;
}

.enterships-cell-event-details p:nth-child(3) {
  font-size: 0.75rem;
  font-weight: 500;
  color: #ffffff;
}

.enterships-cell-webinar-text {
  font-size: 1rem !important;
  line-height: 22px !important;
  margin-bottom: 1rem;
  color: #ffffff !important;
}



/* Speaker Card Right */
.enterships-cell-speaker-card {
  width: 100%;
  padding: 1.5rem;
  border-radius: 1rem;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background-color: rgba(255, 255, 255, 0.08);
  text-align: center;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
}



.enterships-cell-speaker-img-frame {
  position: relative;
  width: 7rem;
  height: 7rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem;
  border-radius: 9999px;
  padding: 0.25rem;
  background: linear-gradient(to top right, #b8860b, #f5d77a);
  box-shadow: 0 10px 15px -3px rgba(15, 23, 42, 0.15);
}

.enterships-cell-speaker-img {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    border-radius: 9999px !important;
}

.enterships-cell-speaker-badge {
  font-size: 10px;
  font-weight: 800;
  padding: 0.125rem 0.625rem;
  border-radius: 9999px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  background-color: #d9a72e;
  color: #ffffff;
}

.enterships-cell-speaker-name {
  font-size: 1.125rem;
  font-weight: 700;
  margin-top: 0.5rem;
  color: #ffffff;
}

.enterships-cell-speaker-title {
  font-size: 0.75rem;
  font-weight: 500;
  margin-bottom: 0.75rem;
  color: #ffffff;
}

.enterships-cell-speaker-details {
  font-size: 0.75rem;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  padding-top: 0.75rem;
  text-align: left;
  color: #ffffff;
}

.enterships-cell-speaker-details p+p {
  margin-top: 0.25rem;
}

.enterships-cell-speaker-details i {
  margin-right: 0.375rem;
  color: #ffffff;
}


/* ==========================================================================
   2. PANEL DISCUSSION SECTION
   ========================================================================== */
.enterships-cell-panel {
  overflow: hidden;
  padding: 4rem 0;
 
  color: #1e293b;
}

.enterships-cell-panel-glow-blue {
  pointer-events: none;
  position: absolute;
  top: -6rem;
  right: -5rem;
  height: 18rem;
  width: 18rem;
  border-radius: 9999px;
  filter: blur(64px);
  background-color: rgba(191, 219, 254, 0.3);
}

.enterships-cell-panel-glow-gold {
  pointer-events: none;
  position: absolute;
  bottom: -7rem;
  left: -5rem;
  height: 18rem;
  width: 18rem;
  border-radius: 9999px;
  filter: blur(64px);
  background-color: rgba(253, 230, 138, 0.3);
}

.enterships-cell-panel-header {
  max-width: 42rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 3rem;
  text-align: center;
}

.enterships-cell-panel-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  border-radius: 9999px;
  border: 1px solid #dbeafe;
  background-color: #ffffff;
  padding: 0.375rem 1rem;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #1d4ed8;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
}

.enterships-cell-panel-badge i {
  color: #f59e0b;
}

.enterships-cell-section-title {
  margin-top: 1rem;
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 800;
  letter-spacing: -0.025em;
  color: #0f172a;
}



.enterships-cell-section-desc {
  margin-top: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.625;
  color: #475569;
}



.enterships-cell-panel-divider {
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.25rem;
  height: 0.25rem;
  width: 4rem;
  border-radius: 9999px;
  background: linear-gradient(to right, #fbbf24, #2563eb);
}

/* Panelist Grid & Cards */
.enterships-cell-panelist-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1.5rem;
}



.enterships-cell-panelist-card {
  overflow: hidden;
  border-radius: 1rem;
  border: 1px solid rgba(226, 232, 240, 0.8);
  background-color: #ffffff;
  text-align: center;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
  transition: all 0.3s ease;
}

.enterships-cell-panelist-card:hover {
  transform: translateY(-0.25rem);
  box-shadow: 0 20px 25px -5px rgba(15, 23, 42, 0.15);
}

.enterships-cell-panelist-banner {
  height: 7rem;
}

.enterships-cell-panelist-banner--blue {
  background: linear-gradient(to bottom right, #760107, #073b70, #ff8f04);
}

.enterships-cell-panelist-banner--gold {
  background: linear-gradient(to bottom right, #073b70, #760107, #ff8f04);
}

.enterships-cell-panelist-banner--green {
  background: linear-gradient(to bottom right, #760107, #ff8f04, #073b70);
}

.enterships-cell-panelist-body {
  margin-top: -5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-bottom: 1.75rem;
}

.enterships-cell-panelist-img {
    margin-left: auto;
    margin-right: auto;
    height: 10rem !important;
    width: 10rem;
    border-radius: 9999px !important;
    border: 4px solid #ffffff !important;
    object-fit: cover;
    box-shadow: 0 10px 15px -3px rgba(15, 23, 42, 0.15) !important;
    transition: transform 0.3s ease;
}

.enterships-cell-panelist-card:hover .enterships-cell-panelist-img {
  transform: scale(1.05);
}

.enterships-cell-panelist-badge {
  margin-top: 1rem;
  display: inline-flex;
  align-items: center;
  border-radius: 9999px;
  padding: 0.25rem 0.75rem;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.enterships-cell-panelist-badge--blue {
  background-color: #eff6ff;
  color: #1d4ed8;
}

.enterships-cell-panelist-badge--gold {
  background-color: #fffbeb;
  color: #b45309;
}

.enterships-cell-panelist-badge--green {
  background-color: #ecfdf5;
  color: #047857;
}

.enterships-cell-panelist-name {
  margin-top: 0.5rem;
  font-size: 1.125rem;
  font-weight: 700;
  color: #0f172a;
}

.enterships-cell-panelist-company {
  margin-left: auto;
  margin-right: auto;
  margin-top: 0.75rem;
  display: flex;
  max-width: 20rem;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border-top: 1px solid #f1f5f9;
  padding-top: 0.75rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #475569;
}

.enterships-cell-company-icon--blue {
  color: #2563eb;
}

.enterships-cell-company-icon--gold {
  color: #d97706;
}

.enterships-cell-company-icon--green {
  color: #059669;
}


/* ==========================================================================
   3. OBJECTIVES SECTION
   ========================================================================== */
.enterships-cell-objectives {
  padding: 3rem 0;
  background-color: #ffffff;
}

.enterships-cell-objectives-header {
  max-width: 48rem;
  margin-bottom: 2rem;
}

.enterships-cell-tag-amber {
  font-size: 0.75rem;
  font-weight: 700;
  color: #d97706;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.enterships-cell-objectives-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}



.enterships-cell-objective-item {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  border-radius: 0.75rem;
  background-color: #f8fafc;
  border: 1px solid rgba(226, 232, 240, 0.8);
  transition: border-color 0.3s ease;
}

.enterships-cell-objective-item:hover {
  border-color: #93c5fd;
}



.enterships-cell-objective-num {
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 9999px;
  background-color: #dbeafe;
  color: #2563eb;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.75rem;
  flex-shrink: 0;
  margin-top: 0.125rem;
}

.enterships-cell-objective-text {
  font-size: 1rem !important;
  line-height: 22px !important;
  color: #000000 !important;
}



.enterships-cell-objectives-note {
  font-size: 1rem !important;
  line-height: 22px !important;
  color: #000000 !important;
  margin-top: 1.5rem;
  background-color: #f8fafc;
  padding: 1rem;
  border-radius: 0.5rem;
  border: 1px solid #e2e8f0;
  font-style: italic;
}


/* ==========================================================================
   4. ACTIVITIES TIMELINE SECTION
   ========================================================================== */
.enterships-cell-timeline {
    padding: 1rem 10px;
    /* background-color: #f8fafc; */
    border-top: 1px solid #ff8f04;
}
.enterships-cell-timeline-header {
  margin-bottom: 2.5rem;
  text-align: center;
}



.enterships-cell-tag-indigo {
  font-size: 0.75rem;
  font-weight: 700;
  color: #4f46e5;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.enterships-cell-timeline-block {
  margin-bottom: 3rem;
}

.enterships-cell-table-title-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}

.enterships-cell-table-title-row h3 {
  font-size: 1.125rem;
  font-weight: 700;
  color: #0f172a;
}

.enterships-cell-icon-blue {
  color: #2563eb;
  font-size: 1.125rem;
}

.enterships-cell-icon-amber {
  color: #d97706;
  font-size: 1.125rem;
}

.enterships-cell-icon-emerald {
  color: #059669;
  font-size: 1.125rem;
}

.enterships-cell-table-container {
  background-color: #ffffff;
  border-radius: 0.75rem;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
  border: 1px solid #e2e8f0;
  overflow: hidden;
}

.enterships-cell-table {
  width: 100%;
  text-align: left;
  border-collapse: collapse;
}

.enterships-cell-table thead tr {
  background-color: #0f172a;
  color: #ffffff;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.enterships-cell-table th {
  padding: 1rem;
}

.enterships-cell-table th.col-sno {
  width: 4rem;
  text-align: center;
}

.enterships-cell-table th.col-date {
  width: 11rem;
}

.enterships-cell-table th.col-event {
  width: 13rem;
}

.enterships-cell-table tbody tr {
  border-top: 1px solid #e2e8f0;
  font-size: 1rem !important;
  line-height: 22px !important;
  color: #000000 !important;
  transition: background-color 0.3s ease;
}



.enterships-cell-table tbody tr:hover {
  background-color: #f8fafc;
}

.enterships-cell-table td {
  padding: 1rem;
}

.enterships-cell-td-sno {
  text-align: center;
  font-weight: 700;
  color: #64748b;
}

.enterships-cell-td-date {
  font-weight: 600;
  color: #0f172a;
}

.enterships-cell-td-event {
    font-weight: 500;
    color: #760107;
}

.enterships-cell-event-subtext {
  display: block;
  font-size: 0.75rem;
  color: #94a3b8;
  font-weight: 400;
  margin-top: 0.25rem;
}

.enterships-cell-td-details {
  color: #475569;
}

.enterships-cell-table-list {
  padding-left: 1rem;
  list-style-type: disc;
}

.enterships-cell-table-list li+li {
  margin-top: 0.25rem;
}
/* enterships cell End Css */

/* MBA Courses Css Start */

  .biyani-new-course-syllbus {
            max-width: 1140px;
            margin: 0 auto;
        }

        /* =========================================================
           2. SEMESTER TABS BAR (BASE)
           ========================================================= */
        .semester-tabs-bar {
            display: flex;
            flex-wrap: wrap;
            gap: 12px;
            align-items: center;
            background: #ffffff;
            padding: 14px 18px;
            border-radius: 16px;
            box-shadow: 0 4px 20px rgba(15, 23, 42, 0.06);
            border: 1px solid #e2e8f0;
            margin-bottom: 22px;
        }

        .semester-tab {
            position: relative;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 7px;
            padding: 9px 24px;
            font-family: inherit;
            font-size: 14.5px;
            font-weight: 600;
            color: #334155;
            background-color: #ffffff;
            border: 1px solid #e2e8f0;
            border-radius: 9999px;
            box-shadow: 0 2px 6px rgba(15, 23, 42, 0.04);
            cursor: pointer;
            outline: none;
            user-select: none;
            transition: all 0.28s cubic-bezier(0.16, 1, 0.3, 1);
            text-decoration: none;
            white-space: nowrap;
        }

        /* Hover on clickable tab */
        .semester-tab:not(.disabled):not(.active):hover {
            color: #8e151b;
            border-color: #fca5a5;
            background-color: #fff5f5;
            transform: translateY(-2px);
            box-shadow: 0 6px 16px rgba(142, 21, 27, 0.14);
        }

        /* Active Tab (Crimson Red Pill with white indicator) */
        .semester-tab.active {
            background: linear-gradient(135deg, #96151d 0%, #740e13 100%);
            color: #ffffff;
            border-color: transparent;
            box-shadow: 0 6px 18px rgba(142, 21, 27, 0.32);
            padding-bottom: 12px;
            transform: translateY(-1px);
        }

        /* White indicator bar under active tab text */
        .semester-tab.active::after {
            content: '';
            position: absolute;
            bottom: 4px;
            left: 50%;
            transform: translateX(-50%);
            width: 22px;
            height: 3px;
            background-color: #ffffff;
            border-radius: 9999px;
            animation: biyaniBarIn 0.3s cubic-bezier(0.16, 1, 0.3, 1);
        }

        /* Disabled Tabs (Semesters IV, V, VI) */
        .semester-tab.disabled {
            background-color: #f8fafc;
            color: #94a3b8;
            border: 1px dashed #cbd5e1;
            box-shadow: none;
            cursor: not-allowed;
            opacity: 0.7;
            pointer-events: none;
        }

        .tab-lock-badge {
            font-size: 11px;
            opacity: 0.75;
        }

        /* =========================================================
           3. TAB PANELS & ANIMATIONS (BASE)
           ========================================================= */
        .tab-content-panel {
            display: none;
            opacity: 0;
            transform: translateY(12px) scale(0.995);
            transition: opacity 0.3s ease, transform 0.3s ease;
        }

        .tab-content-panel.active {
            display: block;
            opacity: 1;
            transform: translateY(0) scale(1);
            animation: biyaniFadeScale 0.35s cubic-bezier(0.16, 1, 0.3, 1) forwards;
        }

        /* =========================================================
           4. UNIFIED SYLLABUS CARD (BASE)
           ========================================================= */
        .unified-syllabus-card {
            background: #ffffff;
            border-radius: 16px;
            border: 1px solid #e2e8f0;
            box-shadow: 0 4px 20px rgba(15, 23, 42, 0.06);
            overflow: hidden;
            transition: box-shadow 0.3s ease, border-color 0.3s ease;
        }

        .unified-syllabus-card:hover {
            box-shadow: 0 8px 30px rgba(15, 23, 42, 0.09);
            border-color: #cbd5e1;
        }

        .unified-syllabus-inner {
            display: flex;
            width: 100%;
        }

        .unified-col {
            display: flex;
            flex-direction: column;
            width: 100%;
        }

        /* =========================================================
           5. COURSE TABLES STYLING (BASE)
           ========================================================= */
        .course-table-wrapper {
            width: 100%;
            height: auto;
            overflow-x: auto;
        }

      .course-table {
    width: 100%;
    height: auto;
    border-collapse: collapse;
    text-align: left;
    font-size: 14px;
}

        /* Dark charcoal table header for Column 1 */
        .course-table thead tr {
            background-color: #4a4a4a;
            color: #ffffff;
        }

        .course-table th {
            padding: 13px 18px;
            font-weight: 700;
            letter-spacing: 0.2px;
            border: none;
            font-size: 14px;
            white-space: nowrap;
        }

        .course-table th.th-code {
            width: 32%;
            min-width: 110px;
        }

        .course-table th.th-title {
            width: 68%;
        }

        /* Column 2 Header (Open Elective - Single Header) */
        .course-table th.th-elective-header {
            background-color: #fdf2f2;
            color: #8e151b;
            font-size: 14.5px;
            font-weight: 700;
            padding: 13px 18px;
            border: none;
            letter-spacing: 0.2px;
            width: 100%;
        }

        .elective-header-content {
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 100%;
            gap: 10px;
        }

        .elective-badge-pill {
            font-size: 11px;
            font-weight: 700;
            background-color: #fee2e2;
            color: #8e151b;
            padding: 3px 10px;
            border-radius: 9999px;
            letter-spacing: 0.4px;
            text-transform: uppercase;
            white-space: nowrap;
        }

        .course-table tbody tr {
            border-bottom: 1px solid #f1f5f9;
            transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .course-table tbody tr:last-child {
            border-bottom: none;
        }

        /* Row Hover Micro-Interaction */
        .course-table tbody tr:hover {
            background-color: #fff8f8;
        }

        .course-table tbody tr:hover .course-code {
            color: #8e151b;
            transform: translateX(3px);
        }

        .course-table td {
            padding: 13px 18px;
            vertical-align: middle;
            color: #334155;
            line-height: 1.45;
        }

        .course-table td.course-code {
            font-weight: 700;
            color: #0f172a;
            white-space: nowrap;
            transition: all 0.22s cubic-bezier(0.4, 0, 0.2, 1);
        }

        /* =========================================================
           6. REVISION CARD (SEMESTER III, IV, V, VI) (BASE)
           ========================================================= */
        .revision-card {
            background: #ffffff;
            border-radius: 16px;
            border: 1px solid #e2e8f0;
            box-shadow: 0 4px 20px rgba(15, 23, 42, 0.06);
            padding: 48px 24px;
            text-align: center;
            max-width: 620px;
            margin: 0 auto;
            position: relative;
            overflow: hidden;
            transition: box-shadow 0.3s ease;
        }

        .revision-card:hover {
            box-shadow: 0 8px 30px rgba(15, 23, 42, 0.1);
        }

        .revision-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 4px;
            background: linear-gradient(90deg, #8e151b, #e11d48, #8e151b);
        }

        .revision-icon {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 64px;
            height: 64px;
            background-color: #fff2f2;
            color: #8e151b;
            border-radius: 50%;
            font-size: 28px;
            margin-bottom: 20px;
            border: 1px solid #f8c8c8;
            animation: biyaniPulse 2.2s infinite ease-in-out;
        }

        .revision-title {
            font-size: 20px;
            font-weight: 700;
            color: #1e293b;
            margin-bottom: 12px;
        }

        .revision-text {
            font-size: 14.5px;
            color: #64748b;
            line-height: 1.6;
            margin-bottom: 22px;
            max-width: 440px;
            margin-left: auto;
            margin-right: auto;
        }

        .revision-badge {
            display: inline-flex;
            align-items: center;
            gap: 7px;
            background-color: #fff1f2;
            color: #8e151b;
            font-size: 13px;
            font-weight: 700;
            padding: 7px 18px;
            border-radius: 9999px;
            border: 1px solid #fecdd3;
        }

        .revision-badge::before {
            content: '';
            width: 7px;
            height: 7px;
            background-color: #8e151b;
            border-radius: 50%;
            display: inline-block;
        }

        /* =========================================================
           7. KEYFRAME ANIMATIONS
           ========================================================= */
        @keyframes biyaniBarIn {
            from {
                width: 0;
                opacity: 0;
            }
            to {
                width: 22px;
                opacity: 1;
            }
        }

        @keyframes biyaniFadeScale {
            0% {
                opacity: 0;
                transform: translateY(14px) scale(0.992);
            }
            100% {
                opacity: 1;
                transform: translateY(0) scale(1);
            }
        }

        @keyframes biyaniPulse {
            0%, 100% {
                transform: scale(1);
                box-shadow: 0 0 0 0 rgba(142, 21, 27, 0.2);
            }
            50% {
                transform: scale(1.05);
                box-shadow: 0 0 0 10px rgba(142, 21, 27, 0);
            }
        }
/* MBA COurses EDN Css */

/* Admissions Processes */

        .page-shell {
            width: calc(100% - 32px);
            max-width: 1360px;
            margin: 0 auto;
        }

        /* Flowchart Canvas */
        .flowchart-container {
            max-width: 1300px;
            margin: 0 auto;
            background: #ffffff;
            border: 1px solid #e2e8f0;
            border-radius: 20px;
            padding: 35px 30px;
            box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06);
        }

        .flowchart-title-area {
            text-align: center;
            margin-bottom: 30px;
        }

        .flowchart-main-title {
            margin: 0 0 8px;
            font-family: 'Outfit', sans-serif;
            font-size: 26px;
            font-weight: 800;
            color: #0f172a;
            letter-spacing: -0.5px;
        }

        .flowchart-subtitle {
            margin: 0;
            font-size: 14.5px;
            color: #64748b;
            font-weight: 500;
        }

        /* Track Headers */
        .track-header {
            margin-bottom: 16px;
            background: #2b2d42;
            color: #ffffff;
            font-family: 'Outfit', sans-serif;
            font-weight: 700;
            font-size: 16px;
            text-align: center;
            padding: 12px 16px;
            border-radius: 8px;
            letter-spacing: 0.3px;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
        }

        .admission-tracks {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 24px;
        }

        .track-header-visitors {
            background: linear-gradient(135deg, #1e293b 0%, #334155 100%);
        }

        .track-header-online {
            background: linear-gradient(135deg, #870b1b 0%, #b11226 100%);
        }

        /* Flow Step Box */
        .flow-box {
            background: #ffffff;
            border: 1.5px solid #64748b;
            border-radius: 8px;
            padding: 12px 14px;
            text-align: center;
            font-size: 14px;
            font-weight: 600;
            color: #1e293b;
            line-height: 1.35;
            min-height: 58px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.2s ease;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);
        }

        .flow-box:hover {
            border-color: #b11226;
            background: #fffafa;
            transform: translateY(-2px);
            box-shadow: 0 6px 14px rgba(177, 18, 38, 0.08);
        }

        .flow-box small {
            display: block;
            font-size: 12px;
            color: #64748b;
            font-weight: 500;
            margin-top: 2px;
        }

        .flow-box strong {
            color: #0f172a;
        }

        /* Flow Arrow Down */
        .flow-arrow-down {
            text-align: center;
            padding: 6px 0;
            color: #334155;
            font-size: 18px;
            font-weight: bold;
            line-height: 1;
        }

        /* Merge Converge Area */
        .converge-wrapper {
            position: relative;
            margin: 15px auto 0;
            max-width: 650px;
        }

        .mobile-converge-arrow {
            display: none;
        }

        .converge-lines-svg {
            width: 100%;
            height: 45px;
            display: block;
        }

        /* Diamond / Decision Gateway */
        .decision-section {
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            margin: 10px auto 25px;
            max-width: 720px;
        }

        .decision-diamond {
            width: 320px;
            background: #ffffff;
            border: 2px solid #1e293b;
            border-radius: 6px;
            padding: 14px 18px;
            text-align: center;
            font-size: 14.5px;
            font-weight: 700;
            color: #0f172a;
            position: relative;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
        }

        /* Side Branch: Below 50% */
        .branch-left-box {
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .branch-left-arrow-label {
            font-size: 12px;
            font-weight: 700;
            color: #dc2626;
            text-align: right;
            line-height: 1.2;
        }

        .no-admission-box {
            border: 2px solid #dc2626;
            background: #fef2f2;
            color: #b91c1c;
            font-weight: 800;
            font-size: 14px;
            padding: 10px 18px;
            border-radius: 6px;
            text-align: center;
            line-height: 1.2;
            box-shadow: 0 2px 8px rgba(220, 38, 38, 0.15);
            white-space: nowrap;
        }

        /* Down Branch: Above 50% */
        .down-branch-area {
            text-align: center;
            margin: 15px auto 0;
            max-width: 480px;
        }

        .above-50-label {
            font-size: 13.5px;
            font-weight: 700;
            color: #16a34a;
            display: inline-block;
            margin-bottom: 6px;
            background: #f0fdf4;
            padding: 2px 10px;
            border-radius: 4px;
            border: 1px solid #bbf7d0;
        }

        /* Stacked Post Admission Boxes */
        .post-admission-stack {
            display: flex;
            flex-direction: column;
            gap: 6px;
            margin-top: 8px;
        }

        .post-flow-box {
            background: #ffffff;
            border: 1.5px solid #475569;
            border-radius: 6px;
            padding: 11px 16px;
            font-size: 14px;
            font-weight: 600;
            color: #1e293b;
            text-align: center;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.02);
            transition: all 0.2s ease;
        }

        .post-flow-box small {
            display: block;
            color: #64748b;
        }

        .post-flow-box:hover {
            border-color: #059669;
            background: #f0fdf4;
            transform: translateY(-2px);
        }

        /* Notes Section */
        .notes-container {
            margin-top: 30px;
            padding-top: 20px;
            border-top: 1px solid #e2e8f0;
            font-size: 13px;
            color: #334155;
            line-height: 1.6;
        }

        .notes-container p {
            margin: 0 0 4px;
        }

        .notes-secondary {
            padding-left: 24px;
        }

        .notes-container strong {
            color: #0f172a;
        }

        /* Big CTA Button */
        .cta-bottom-area {
            text-align: center;
            margin-top: 28px;
        }

        .btn-apply-online {
            background: #b11226;
            color: #ffffff !important;
            font-family: 'Outfit', sans-serif;
            font-size: 16px;
            font-weight: 700;
            padding: 12px 42px;
            border-radius: 6px;
            border: none;
            display: inline-block;
            text-decoration: none;
            box-shadow: 0 4px 15px rgba(177, 18, 38, 0.3);
            transition: all 0.25s ease;
        }

        .btn-apply-online:hover {
            background: #8e0b1c;
            transform: translateY(-2px);
            box-shadow: 0 6px 20px rgba(177, 18, 38, 0.45);
        }
/* Admisions Processes End Css */

/* Notice Board */
.notice-board-wrap {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  color: #08244a;
  font-family: inherit;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.notice-board-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  border: 1px solid #d8d8d8;
  font-size: 16px;
  line-height: 1.5;
  background: #fff;
}
.notice-board-table th,
.notice-board-table td {
  border: 1px solid #d8d8d8;
  padding: 12px 14px;
  text-align: left;
  vertical-align: middle;
  overflow-wrap: anywhere;
  word-break: normal;
}
.notice-board-table .month-row th,
.notice-board-table .column-row th {
  background: #061f43;
  color: #fff;
  font-weight: 700;
}
.notice-board-table .month-row th {
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 16px;
}
.notice-board-table .column-row th {
  font-size: 15px;
}
.notice-board-table .notice-date,
.notice-board-table .notice-issuer {
  color: #686868;
  font-weight: 400;
}
.notice-board-table .notice-title a {
  color: #08244a;
  text-decoration: none;
}
.notice-board-table .notice-title a:hover,
.notice-board-table .notice-title a:focus {
  color: #d58b00;
  text-decoration: underline;
}
.notice-board-table .notice-row:nth-child(even) td {
  background: #fff;
}
/* Desktop proportions similar to the reference design */
.notice-board-table th:first-child,
.notice-board-table td:first-child { width: 16%; }
.notice-board-table th:nth-child(2),
.notice-board-table td:nth-child(2) { width: 19%; }
.notice-board-table th:nth-child(3),
.notice-board-table td:nth-child(3) { width: 65%; }
/* Notice Board */






/* Only Heading + Description Box */
.resource-card .resource-content .elementor-widget-wrap {
    background: linear-gradient(135deg, #ffffff 0%, #f3f6ff 100%) !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 15px !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12) !important;
    padding: 20px !important;
    transition: all 0.3s ease;
}

/* Heading Style */
.resource-card .resource-title h3 {
    color: #1e293b;
    font-weight: 700;
}

/* Description Style */
.resource-card .resource-description p {
    color: #64748b;
    line-height: 1.7;
    margin-bottom: 0;
}

/* Hover Effect - Only Content Box */
.resource-card .resource-content .elementor-widget-wrap:hover {
    box-shadow: 0 12px 30px rgba(59, 130, 246, 0.18) !important;
    border-color: #c7d2fe !important;
}



/* Spacing Between Cards */
.many-resocurse-sections > .elementor-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

/* Equal Card Width */
.many-resocurse-sections .resource-card {
    width: calc(25% - 15px) !important;
    margin: 0 !important;
}

/* Heading + Description Box */
.resource-card .resource-content .elementor-widget-wrap {
    background: linear-gradient(135deg, #ffffff 0%, #f3f6ff 100%) !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 15px !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12) !important;
    padding: 20px !important;
}







.biyani-steps-wrapper .biyani-step-icon {
    width: 44px;
    height: 44px;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.biyani-steps-wrapper .biyani-step-icon svg {
    width: 28px !important;
    height: 28px !important;
    display: inline-block !important;
    flex-shrink: 0;
}

.biyani-steps-wrapper .biyani-step-icon svg path {
    fill: #c62828 !important;
}