/* This css file is for Exed KAR*/
/*29072025*/


* {
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
}

:root {}

/*=========   Common css ========================================*/
/*================================================================*/
label,
summary,
a,
p {
    font-family: Poppins, serif;
}

body {
    /*margin: 0;*/
    /*font-family: "Poppins", Helvetica;*/
}



/* ============ Search overlay ==================================*/
/*================================================================*/


/* Hidden checkbox (still functional) */
#toggleSearch {
    position: fixed;
    opacity: 0;
    pointer-events: none;
}


/* Overlay base style */
.search-overlay {
    position: fixed;
    inset: 0;
    /* top:0; right:0; bottom:0; left:0 */
    background: var(--primaryBlue);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    /*padding: 40px;*/
    color: var(--white);
    /*opacity: 0;*/
    visibility: hidden;
    /*transition: opacity 1.3s ease, visibility 0.1s ease;*/
    z-index: 9991;
}

.search-overlay .search-input {
    background: transparent;
}

.searchLogo img {
    max-width: 250px;
    height: auto;
}

/* When checkbox checked → show overlay */
#toggleSearch:checked+.search-overlay {
    opacity: 1;
    visibility: visible;
    overflow: auto;
    padding: 2rem;
}

/* Top bar with logo center + close right */
.overlay-header {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-bottom: 80px;
}

.overlay-header .close-btn {
    position: absolute;
    right: 0;
    font-size: 24px;
}

/* Search line input */
.search-input {
    background: none;
    border: none;
    border-bottom: 2px solid var(--white);
    color: var(--white);
    width: 60%;
    max-width: 600px;
    font-size: 24px;
    text-align: center;
    padding: 10px;
    outline: none;
}

.search-input::placeholder {
    color: var(--white);
}

.middleSearchArea {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-grow: 1;
    gap: 2rem;
}

.search-box {
    display: flex;
    align-items: center;
    width: 100%;
    /*max-width: 400px;*/
    border-bottom: 1px solid var(--white);
    padding-bottom: 5px;
}

.search-box i {
    margin-right: 8px;
}

.search-input {
    border: none;
    box-shadow: none;
    flex: 1;
    color: var(--white) !important;
    text-align: left;
}

.search-input:focus {
    outline: none;
    background: transparent !important;
    /* Prevent background on focus */
    box-shadow: none !important;
}

.overlay-links {
    margin-bottom: 40px;
    display: flex;
    justify-content: center;
    align-items: self-end;
    gap: 6rem;
}

.overlay-links a {
    display: inline-block;
    color: var(--white);
    text-decoration: none;
    padding: 4px 0;
    font-size: 16px;
    transition: 0.3s;
}

.overlay-links a:hover {
    /*text-decoration: underline;*/
    color: var(--grey-400);
}

/* Make labels look clickable */
label[for="toggleSearch"] {
    cursor: pointer;
}

.searchLinks {
    display: grid;
}

.searchLinksAll {
    display: flex;
}


/*============ Header Start here ================================== */
/*================================================================*/

.header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /*padding: 12px 40px;*/
    /*padding: 1rem;*/
    max-width: 98vw;
    width: 100%;
    /*border: 1px solid var(--grey-500);*/
    border-radius: 4px;
    flex-wrap: wrap;
    position: relative;
    z-index: 1001;

    /*border-radius: 4px;*/
    /*border: 1px solid var(--grey-500, #E9E9E9);*/
    background-image: url(../image/headerBG.png);
    margin: 16px auto 0 auto;
    /*box-shadow: 4px 4px 13px 0 rgba(0, 0, 0, 0.08);*/
    /*margin-top: 16px;*/
    position: sticky !important;
    top: 0;

}

.headerSub {
    display: flex;
    width: -webkit-fill-available;
    width: inherit;
    padding: 1rem;
    align-items: anchor-center;
    /*background-image: url(../image/headerBg.png);*/
    box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.09);

}

.logo img {
    max-width: 250px;
    height: auto;
}

.right-part {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: 100%;
    gap: 16px;
}

/* Top Line */
.first-line {
    display: flex;
    /*gap: 16px;*/
    /*width: 100%;*/
    /*background-color: var(--primaryBlue);*/
    padding: 8px 0 8px 12px;
    border-radius: 2px;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
}

.first-line2 {
    display: flex;
    /*gap: 16px;*/
    /*width: 100%;*/
    background-color: var(--primaryBlue);
    padding: 8px 12px;
    border-radius: 2px;
    align-items: center;
    justify-content: flex-end;
}


.hk-button {
    position: relative;
    padding: 8px 24px;
    background: var(--brickRed);
    color: var(--white);
    font-size: 14px;
    border-radius: 2px;
    border: none;
    cursor: pointer;
    overflow: hidden;
    display: inline-block;
    transition: 0.3s;
}


/* Button Text */
.hk-button span {
    position: relative;
    z-index: 2;
    font-weight: 400;
    letter-spacing: 1px;
    /*text-transform: uppercase;*/
}

/* Hover Effect */
.hk-button:hover {
    background-color: #bc070e;
}

.first-line a,
.button-medium {
    color: var(--white);
    font-size: 14px;
    text-decoration: none;
}

.first-line .call,
.email,
.login,
.button-medium-wrapper,
.header-icon-search {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0 16px;
    border-left: 1px solid var(--grey-300);
}

.first-line .call {
    border-left: none;
}

.first-line i {
    color: var(--white);
}

.header-icon-search {
    cursor: pointer;
    background: none;
    border-left: 1px solid var(--grey-300);
}

/* Second Line */
.element-line {
    display: flex;
    justify-content: space-between;
    width: inherit;
    align-items: center;
}

.exed {
    display: flex;
    align-items: end;
    gap: 20px;
    width: inherit;
    justify-content: space-around;
}

.programmes-wrapper .programmes {
    letter-spacing: 4px;
    color: var(--primaryBlue);
    font-size: 14px;
    font-weight: 500;
}

.text-wrapper-2,
.text-wrapper-3 {
    font-size: 16px;
    color: var(--primaryBlue);
}

.threeMenu {
    display: flex;
    gap: 3rem;
}

.threeManiMenu {
    /*width: 60%;*/

}

.capitalText {
    text-align: center;
    color: var(--primaryBlue);
    letter-spacing: 12px;
    text-transform: uppercase;
}

.menuItems {
    display: flex;
    justify-content: space-around;
}


.individual,
.organization,
.govt {
    /*width: 100%;*/
    /*width: 250px;*/
}

.programmesCapital {
    margin-bottom: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--grey-400);
}

.btnMdOutline:hover {
    border-color: var(--primaryBlue) !important;
    background-color: rgba(255, 255, 255, 0.55) !important;
}

.secondLevelMenu {
    display: flex;
    padding: 8px 16px;
    /*justify-content: space-between;*/
    align-items: center;
    flex: 1 0 0;
    align-self: stretch;
    justify-content: space-around;
}

.secondLevelMenu li:hover {
    background-color: var(--primaryBlue-100);
    color: var(--white);
}

.secondLevelMenu li:hover a {
    color: var(--white);
}

.secondLevelMenu li a {
    color: var(--white);
    text-align: center;
}

.secondLevelMenu li {
    width: -webkit-fill-available;
    transition: 0.2s ease;
}

/* Dropdown Styling – Full-width */
details.dropdown {
    position: relative;
    cursor: pointer;
}

summary {
    /*font-family: Poppins, serif;*/
    list-style: none;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    font-weight: 500;
    font-size: 1rem;
    text-align: center;
}

summary::-webkit-details-marker {
    display: none;
}



.dropdown-menu {
    position: fixed;
    left: 0;
    right: 0;
    top: 193px;
    /* adjust based on header height */
    padding: 12px 40px;
    background: var(--white);
    border-top: 1px solid var(--grey-400);
    border-bottom: 1px solid var(--grey-400);
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.15);
    display: none;
    z-index: 1000;
    width: 98vw;
    margin: auto;
    background-color: var(--primaryBlue);
    border-radius: 0 0 8px 8px;
}


details[open]>.dropdown-menu {
    display: block;
}

.dropdown-menu ul {
    display: flex;
    /*flex-wrap: wrap;*/
    /*gap: 40px;*/
    padding: 0;
    margin: 0;
    list-style: none;
}

.dropdown-menu li a {
    display: block;
    padding: 6px 0;
    color: var(--white);
    font-size: 15px;
    text-decoration: none;
}

.dropdown-menu li a:hover {
    color: var(--white);
}

.vertical-line {
    border-left: 1px solid rgba(0, 0, 0, 0.29);
    height: 20px;
}

.headerResponsive {
    position: sticky;
    top: 0px;
    z-index: 1050;
}

.individual a {
    text-decoration: none;
    color: var(--primaryBlue);
}

.headerLoginBtn {
    background-color: var(--brickRed);
    color: var(--white);
    border: none;
    transition: 0.3s;
}

.headerLoginBtn:hover {
    background-color: #bc070e !important;
    color: var(--white);
    border: none;

}

#programmeSliderHome {
    scroll-margin-top: 130px;
}

#findMyProgramme {
    scroll-margin-top: 190px;
}

#contactUsSecHmPg {
    scroll-margin-top: 190px;
}

#helpSecHmPg {
    scroll-margin-top: 190px;
}

#FAQSecHmPg {
    scroll-margin-top: 190px;
}

#successStorSecHmPg {
    scroll-margin-top: 190px;
}

#govtSectReqCallBck {
    scroll-margin-top: 190px;
}

#forOrganizationHomeForm {
    scroll-margin-top: 200px;
}

#orgPgPastProgSection {
    scroll-margin-top: 200px;
}








/* Offcanvas nav styling ==========================================*/
/*================================================================*/

#mobileMenu {
    z-index: 9999;
    background-color: var(--primaryBlue);
}

#mobileMenu li a {
    color: var(--white);
    text-decoration: none;
    /*padding: 16px 0;*/
    font-size: 1rem;
    font-weight: 300;
}

#mobileMenu li {
    padding: 8px 0;
}

.offcanvas-nav .menu-title {
    /*font-weight: 600;*/
    font-size: 18px;
    /*z-index: 9999;*/
    /*transition: none !important;*/
}


.offcanvas-nav .submenu a {
    /*display: block;*/
    /*padding: 0.35rem 0;*/
    /*text-decoration: none;*/
    /*color: #212529;*/
    /*font-size: 0.9rem;*/
}

.offcanvas-nav .submenu a:hover {
    /*text-decoration: underline;*/
}

.offcanvas-nav .toggle-btn {
    color: var(--white);
    /*border-radius: 0.5rem;*/
    /*border: 1px solid #dee2e6;*/
    /*background: #f8f9fa;*/
    padding: 12px 0;
}

.offcanvas-nav .toggle-btn:focus {
    /*box-shadow: none;*/
}

.offcanvas-nav .toggle-btn:focus {
    box-shadow: none;
}

.slideMenuCross {
    margin-left: auto;
    /*color: var(--white);*/
}

.slideMenuCross i {
    color: var(--white);
}

.resMenuDropDown:focus {
    /*outline: none!important;*/
    border: none;
}

/*============ Home page here ==================================== */
/*================================================================*/


/*========= Hero section ==================*/
/* Optional Custom CSS for Perfect Square Images */



.imageContainerHero {
    /* Create a container with a fixed aspect ratio (1:1) */
    width: 100%;
    padding-top: 100%;
    /* This sets the height equal to the width (100% of the parent width) */
    position: relative;
    overflow: hidden;
    /* Hide any overflow if image size doesn't match perfectly */
}

.imageContainerHero img {
    /* Position the image absolutely to fill the padded container */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* This ensures the image covers the container without stretching */
    border-radius: 4px;
}

/* Hero styling for better visual separation */
.heroSection {
    display: flex;
    align-items: center;
    min-height: 80vh;
    /* Give the hero section some height */
    /*background-image: url(../image/heroBG.jpg);*/
    background: linear-gradient(0deg, rgba(194, 208, 255, 0.90) 0%, rgba(194, 208, 255, 0.90) 100%), url(../image/heroBG.jpg) lightgray 50% / cover no-repeat;
    margin-top: -210px;

}

.heroSection .col-lg-6+.col-lg-6 {
    /* ensure second column aligns nicely */
    padding-left: 12px;
}

.heroSection .container {
    padding: 240px 0 100px 0;
}

.heroTextSection {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.heroSubText {
    display: flex;
    gap: 2rem;
    border-left: 4px solid var(--primaryBlue);
    text-align: justify;
}

.heroSubText p {
    padding-left: 1rem !important;
}

.btnReadMoreHero:hover {
    color: var(--white);
}


/*========= 3 card ==================*/
.threeUICardHome {
    margin-top: -80px;
}

.threeUICardP {
    display: flex;
    flex-direction: column;
    gap: 8px;
    position: relative;
    z-index: 2;
    width: 70%;
}

.ui-card3Home {
    position: relative;
    padding: 32px;
    border-radius: 4px;
    overflow: hidden;
    min-height: 200px;
    border: 1px solid var(--accent);
}

.ui-card3Home img {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 190px;
    opacity: 1;
    /* 100% visible */
    pointer-events: none;
}

.ui-card3Home h5 {
    /*max-width: 75%;*/
}

.indiCardHome {
    border-radius: 4px;
    background: linear-gradient(180deg, #FFF 0%, #E8FFEB 100%);
    box-shadow: 4px 4px 17px 3px rgba(0, 0, 0, 0.10);
}

.orgCardHome {
    border-radius: 4px;
    background: linear-gradient(180deg, #FFF 0%, #E4EBFF 100%);
    box-shadow: 4px 4px 17px 3px rgba(0, 0, 0, 0.10);
}

.govtCardHome {
    border-radius: 4px;
    background: linear-gradient(180deg, #FFF 0%, #FFEAEB 100%);
    box-shadow: 4px 4px 17px 3px rgba(0, 0, 0, 0.10);
}

/*============ Programme Filter here ==================== */

.programmeFilter {
    padding: 80px 0;
    background-image: url("../image/coursefiltersBG.png");
    margin: 80px 0 0 0;
}

.filterHome .flex-grow-1 {
    background-color: var(--white);
}

.filterHome input[type="checkbox"] {
    border: 1px solid var(--primaryBlue-100);
}


.filterCalender {
    color: var(--white);
    text-decoration: none;
}

.filterHeading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 24px 0;
}

.programmeFilter .dropdown-menu {
    width: 100%;
    position: absolute;
    inset: 0 auto auto 0;
    margin: 0;
    transform: translate(0px, 38px);
    background-color: var(--white);
}

.btnModeFilter:hover,
.btnAreaFilter:hover,
.btnDurationFilter:hover {
    background-color: var(--primaryBlue-400);
    color: var(--grey-100);
}

.resetBtn {
    margin-left: 16px;
}


/*========== Course slider with category here =============== */
:root {
    --card-min-desktop: 260px;
    --card-min-lg: 220px;
    --card-min-md: 180px;
}

.programmeSliderHome {
    padding: 80px 0;
    background-image: url("../image/programmesliderBG.jpg");
    background-size: contain;
}

.programmeSliderHome .heading-row {
    gap: 3rem;
    display: flex;
    flex-direction: column;
}

.programmeSliderHome .control-btn {
    /*width: 40px;*/
    /*height: 40px;*/
    border-radius: 2px;
    border: none;
    padding: 1rem;
    background: var(--white);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.10);
}

/* Tabs */
.programmeSliderHome .category-tabs {
    gap: 1.5rem;
}

.programmeSliderHome .category-tabs .nav-link {
    border-radius: 2px;
    cursor: pointer;
    width: 160px;
    padding: 4px 16px;
    text-align: center;
    border: 1px solid var(--primaryBlue);
    color: var(--primaryBlue);
    font-size: 14px;

}

.programmeSliderHome .category-tabs .nav-link:hover {
    background-color: var(--primaryBlue-400);
}

.programmeSliderHome .category-tabs .active {
    border-radius: 2px;
    cursor: pointer;
    width: 180px;
    padding: 4px 16px;
    text-align: center;
    /*border: 1px solid var(--primaryBlue);*/
    color: var(--white);
    background-color: var(--primaryBlue);
    font-size: 14px;
}

.programmeSliderHome .category-tabs .active:hover {
    color: var(--white);
    background-color: var(--primaryBlue-100);
    border-color: var(--primaryBlue-100);
}

#courseCarousel {
    margin-top: 16px;
}

.programmeSliderHome .card-body {
    padding: 24px;
    gap: 8px;
    display: flex;
    flex-direction: column;
}

/* SINGLE ROW inside each carousel-item - no wrap */
.programmeSliderHome .cards-row {
    display: flex;
    flex-wrap: nowrap;
    gap: 1rem;
    padding: 0.5rem;
}

/* Each card fixed-ish so they stay in one row and shrink responsively */
.programmeSliderHome .course-card {
    /*min-width: var(--card-min-desktop);*/
    flex: 0 0 auto;
    border-radius: 10px;
    /*overflow: hidden;*/
    box-shadow: 0 6px 18px rgba(0, 0, 0, .06);
    background: var(--white);
    transition: transform .18s ease, box-shadow .18s ease;
    /*width: 336px;*/
}

.ytIconHome {
    color: var(--brickRed);
    font-size: 32px;
    display: flex;
    padding: 0 16px;
    text-decoration: none;
}

.programmeSliderHome .course-card:hover {
    /*transform: translateY(-6px);*/
    /*box-shadow: 0 10px 24px rgba(0, 0, 0, .10);*/
}

.programmeSliderHome .course-card img {
    width: 100%;
    height: 150px;
    object-fit: cover;
    display: block;
}

.programmeTitleHome {
    display: flex;
    justify-content: space-between;
    align-items: end;
}

.moreProgHomrPgSlider {
    float: right;
    /*margin: 32px 0 0 0;*/
    border: none;
    background-color: transparent;
    transition: .3s;
}

.moreProgHomrPgSlider:hover {
    background-color: var(--primaryBlue-400);
    border: none;
}



/* Hide element helper */
.programmeSliderHome .is-hidden {
    display: none !important;
}

/* Small helper for "no results" */
.programmeSliderHome .no-cards {
    padding: 2rem 0;
    text-align: center;
    color: #6c757d;
}

.category-badge-outside {
    position: absolute;
    top: -12px;
    /* moves above card */
    right: 0px;
    /* moves outside right boundary */
    background: var(--brickRed);
    color: var(--white);
    padding: 6px 16px;
    font-size: 12px;
    border-radius: 2px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
    z-index: 10;
}

.programmeSliderHome .badgeIcon {
    height: 24px !important;
    width: auto !important;
}

.modeWidth {
    width: 112px;
}

.programmeTitleUICardHome {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 48px;
    /* ensures consistent height for 2 lines */
}

/* ===== WRAPPER ===== */
.owlHomePg .course-slider-wrapper {
    position: relative;
}

/* Prevent card cut */
.owl-stage-outer {
    overflow: visible !important;
}

/* ===== CARD ===== */
.owlHomePg .course-card {
    border-radius: 8px;
    /*border: none;*/
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.08);
    background: #fff;
    border: 1px solid var(--grey-400);
}

.owlHomePg .course-img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    border-radius: 16px 16px 0 0;
}

.owlHomePg .course-card .card-body h6 {
    overflow: hidden;
    height: 54px;
    margin-bottom: 8px !important;
    line-height: 1.5;
}

.owlHomePg .course-card .card-body p {
    margin: 0;
}

.owlHomePg .datesProgHm {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0 0 8px 0;
}

.dtTitleHmPg {
    width: 130px;
}

/* ===== NAV ARROWS ===== */
.owlHomePg .slider-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #f3f6ff;
    color: var(--primaryBlue);
    /*border: none;*/
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--primaryBlue);
    box-shadow: 4px 8px 8px rgba(0, 0, 0, 0.09);
}

.owlHomePg .slider-arrow.left {
    left: -20px;
}

.owlHomePg .slider-arrow.right {
    right: -20px;
}

/* ===== BUTTONS ===== */
.owlHomePg .course-actions .btn {
    font-size: 14px;
    padding: 8px;
}

/*========== For organization here =============== */

.forOrganizationHome {
    padding: 5rem 0;
    background-image: url("../image/for orgaanisationHome bg.jpg");
    background-size: cover;
}

.forOrganizationHome .container .row {
    justify-content: space-between;
}

.domains-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin-bottom: 36px;
}

.domain-pill {
    background: var(--white);
    border-radius: 4px;
    padding: 8px 12px;
    box-shadow: 0 6px 18px rgba(20, 40, 80, 0.06);
    display: flex;
    align-items: center;
    gap: 16px;
    /*min-height: 80px;*/
    height: 80px;
}

.icon-box {
    /*width: 40px;*/
    /*height: 40px;*/
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    padding: 0.5rem;
}

.icon-box.pastel-green {
    background: #e6fbf4;
    color: #0b7a4a;
}

.icon-box.pastel-pink {
    background: #fff0f6;
    color: #c03c7d;
}

.icon-box.pastel-blue {
    background: #e8f6ff;
    color: #0b7fbf;
}

.andMoreLinkHome {
    text-align: right;
}

.andMoreLinkHome a {
    color: var(--primaryBlue);
    text-decoration: none;
}

/* callback form successStoryCard */
.callback-successStoryCard {
    background: var(--primaryBlue);
    color: var(--white);
    padding: 24px;
    border-radius: 8px;
    box-shadow: 0 12px 30px rgba(20, 40, 80, 0.12);
}


.form-label {
    color: var(--white);
    font-size: 12px;
}

.form-control {
    border-radius: 4px;
    background: var(--white);
    color: var(--grey-200);
}

.form-control::placeholder {
    color: var(--primaryBlue-300);
}

.form-textarea {
    min-height: 110px;
    resize: vertical;
}

.forOrganizationHome .btn-submit {
    background: var(--primaryBlue-100);
    color: var(--white);
    border-radius: 4px;
    width: 100%;
}

.forOrgLeftPartHome {
    display: flex;
    flex-direction: column;
    align-items: start;
    /*justify-content: space-between;*/
    height: 100%;
}

.successStories {
    padding: 32px 0 0 0;
}

.infinite-sliderStories {
    overflow: hidden;
    position: relative;
}

/* track holds items (original set + duplicate set) */
.slider-track {
    display: flex;
    gap: 16px;
    align-items: stretch;
    /* no forced width here — the translation moves by 50% */
    animation: scrollSuccessStory 22s linear infinite;
}

/* Default (large screens) — show 4 items */
.review-successStoryCard {
    flex: 0 0 25%;
    max-width: 25%;
    box-sizing: border-box;
}

.successStoryCard {
    position: relative;
}

.successStoryCard img {
    position: absolute;
    height: 50px;
    width: auto;
    bottom: 4px;
    right: 16px;
    opacity: 0.1;
}

.review-successStoryCard .successStoryCard {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0 24px;
    border: 0;
    /*border-radius: .65rem;*/
    /*box-shadow: 0 6px 18px rgba(15, 23, 42, 0.06);*/
    /*background: var(--white);*/
}


/* pause on hover / focus */
.infinite-sliderStories:hover .slider-track,
.infinite-sliderStories:focus-within .slider-track {
    animation-play-state: paused;
}

/* animation translates the whole track by half its width (because content is duplicated) */
@keyframes scrollSuccessStory {
    0% {
        transform: translateX(0);
    }

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

/* Medium screens: show 3 items */
@media (max-width: 1199.98px) {
    .review-successStoryCard {
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
    }
}

/* Small / Mobile: show 1 item */
@media (max-width: 767.98px) {
    .review-successStoryCard {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .slider-track {
        gap: 16px;
    }
}

.slider-wrapper {
    padding: 0 8px;
}

.revPP-card {
    /*background: #fff;*/
    transition: box-shadow 0.3s ease;
}

.revPP-card.revPP-clickable {
    cursor: pointer;
}

.revPP-card.revPP-clickable:hover {
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
}

/* 4-line ellipsis */
.revPP-text {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    /*line-height: 1.6;*/
}

.revPP-name {
    /*font-weight: 600;*/
    margin-top: 1rem;
}

.revPP-designation {
    /*font-size: 0.9rem;*/
    /*color: #6c757d;*/
}

.revPP-fullText {
    /*line-height: 1.7;*/
}

/*========== success stories new section here =============== */

.successStories {
    padding: 5rem 0;
    background-image: url("../image/whattheysaidHomeBG.jpg");
    /*background: linear-gradient(to right, rgba(243, 243, 243, 0.2), rgba(228, 255, 253, 0.3)), url('image/whattheysaidHomeBG.jpg') center/cover no-repeat;*/
    background-size: cover;
}

.successStories .container .row {
    align-items: center;
}

.testimonialTextPartHome {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 2rem;
}

/*========== What they said here =============== */

.whatTheySaid {
    padding: 5rem 0;
    background-image: url("../image/whattheysaidHomeBG.jpg");
    /*background: linear-gradient(to right, rgba(243, 243, 243, 0.2), rgba(228, 255, 253, 0.3)), url('image/whattheysaidHomeBG.jpg') center/cover no-repeat;*/
    background-size: cover;
}

.whatTheySaid .container .row {
    align-items: center;
}

.testimonialTextPartHome {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 2rem;
}

.whatTheySaid .testimonial-card {
    /*display: inline-block;*/
    /*width: 100%;*/
    /*margin: 0 0 1rem;*/
    /*break-inside: avoid;*/
    /*background: linear-gradient(180deg, var(--white), #fbfdff);*/
    /*border-radius: 4px;*/
    /*padding: 8px;*/
    /*box-shadow: 0 6px 14px rgba(17, 34, 68, 0.06);*/
    /*border: 1px solid rgba(15, 34, 70, 0.04);*/
}

.author-avatar {
    width: 48px;
    height: 48px;
    object-fit: cover;
    border-radius: 333px;
}


/* make sure layout spacing matches */
.left-colTestimonial {
    /*padding-right: 16px;*/
}

.right-colTestimonial {
    /*padding-left: 16px;*/
}

.testimonialTextPartHome>.row {
    align-items: flex-start !important;
}

/* small tweak so cards slightly overlap rows like in your image */
.whatTheySaid .testimonials-masonry .testimonial-card:nth-child(odd) {
    transform: translateY(6px);
}

.whatTheySaid .testimonials-masonry .testimonial-card:nth-child(5n) {
    transform: translateY(18px);
}

.whatTheySaid .testimonial-card {
    /*border: 1px solid var(--primaryBlue-300);*/
    /*border-radius: 4px; !* Rounded corners *!*/
    /*box-shadow: 0 0.125rem 0.25rem rgb(0, 0, 0, 21%); !* Subtle shadow *!*/
    /*margin-bottom: 16px;*/
    /*padding: 16px;*/
    /*background-color: var(--brickRed);*/
}

.whatTheySaid .testimonial-author {
    display: flex;
    align-items: center;
    margin-top: 1rem;
    gap: 1rem;
}


/* Video thumbnails stack */
.video-thumb {
    position: relative;
    border-radius: 6px;
    overflow: hidden;
    margin-bottom: 18px;
    box-shadow: 0 8px 22px rgba(12, 32, 64, 0.08);
    border: 1px solid rgba(15, 34, 70, 0.06);
    background: #fff;
}

.video-thumb img {
    width: 100%;
    height: 150px;
    object-fit: cover;
    display: block;
}

.play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.95);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 8px 20px rgba(16, 44, 107, 0.12);
    border: 4px solid rgba(255, 103, 103, 0.12);
}

.play-button::after {
    content: "";
    display: inline-block;
    margin-left: 4px;
    border-style: solid;
    border-width: 10px 0 10px 16px;
    border-color: transparent transparent transparent var(--brickRed);
}

.wtsCard {
    /*background: #fff;*/
    transition: box-shadow 0.3s ease;
    border: 1px solid var(--primaryBlue-300);
    border-radius: 4px;
    box-shadow: 0 0.125rem 0.25rem rgb(0, 0, 0, 21%);
    /*margin-bottom: 16px;*/
    padding: 16px;
    display: inline-block;
    width: 100%;
    margin: 0 0 1rem;
    break-inside: avoid;
    background: linear-gradient(180deg, var(--white), #fbfdff);
}

.wtsCard.revPP-clickable {
    cursor: pointer;
}

.wtsCard.revPP-clickable:hover {
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
}

/* 4-line clamp */
.revPP-text {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.6;
    height: 103px;
}

/* Profile row (card) */
.revPP-profile {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-top: 1rem;
}

.revPP-avatar {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}

.revPP-name {
    font-weight: 600;
}

.revPP-designation {
    font-size: 0.875rem;
    color: var(--grey-300);

    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.6;
}

/* ======================
   WTS POPUP STYLES
====================== */
.wts-fullText {
    font-size: 1rem;
    line-height: 1.7;
    margin-bottom: 1.5rem;
}

.wts-profileWrap {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.wts-avatar {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    object-fit: cover;
}

.wts-name {
    font-weight: 600;
}

.wts-designation {
    font-size: 0.875rem;
    color: var(--grey-300);
}

/*========== home -> subscribe news email here =============== */
/* Newsletter Section */
.newsletter-section {
    background-image: url("../image/subscribebg.jpg");

    /*background: linear-gradient(135deg, #0b2a4a, #123c63);*/
    color: var(--white);
}

.newsletter-section h3 {
    color: var(--primaryBlue);
}

.newsletter-section p {
    color: var(--grey-100);

}

.newsletter-icon {
    font-size: 48px;
    color: var(--primaryBlue);

}

.newsletter-section .form-control {
    /*border-radius: 50px;*/
    padding-left: 24px;
    height: 48px;
}

.newsletter-section .btn {
    border-radius: 0 4px 4px 0;
    font-weight: 600;
    background-color: var(--primaryBlue);
    border: none;
    color: var(--white);
    height: 48px;
    transition: all 0.3s ease;
}



.newsletter-section .btn:hover {
    background-color: var(--primaryBlue-100);
}

.newsletter-section .subscribeHomeIp {
    border-top: 1px solid var(--black);
    border-left: 1px solid var(--black);
    border-bottom: 1px solid var(--black);
    border-right: none;
}


/*========== Contact us FAQs home page =============== */

.contactFAQsHome .container-fluid {
    padding: 8px;
}

.contactFAQsHome .col-12 {
    padding: 5rem 0;
    margin: 0;
}

.contact-info-itemHome i {
    font-size: 16px;
}


.contact-sectionHome {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding: 0 0 0 4rem;

}

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

.weAreHere {
    color: var(--white);
    text-decoration: none;
    background-color: var(--primaryBlue-100);
    border-radius: 333px;
    padding: 4px 16px;
    width: fit-content;
    transition: 0.3s ease;
}

.weAreHere:hover {
    background-color: var(--primaryBlue-200);
}

/* --- Contact Section Styles --- */
.contact-info-itemHome {
    display: flex;
    align-items: anchor-center;
    margin-bottom: 0.5rem;
}

.contact-icon {
    color: var(--white);
    margin-right: 15px;
    text-align: center;
    border: 1px solid var(--white);
    padding: 2px 6px;
    border-radius: 2px;
}

.contact-detailsHome {
    display: flex;
    flex-direction: column;
}

.contact-detailsHome span {
    font-size: 0.95rem;
    line-height: 1.4;
}

.contact-detailsHome a {
    color: var(--iima-text-light);
    text-decoration: none;
}

.help-centre-sectionHome {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding: 0 2rem;
}

.communicationModeFAQSec {
    display: flex;
}

.btnContactFAQSubmit {
    color: var(--white);
    background-color: var(--primaryBlue-100);
    width: 100%;
}

.btnContactFAQSubmit:hover {
    background-color: var(--primaryBlue-200);
}

.help-centre-sectionHome input[type="radio"]:checked+label {
    /* font-weight: bold; */
    color: var(--natureGreen);
}

.help-centre-sectionHome .form-check-label {
    color: var(--white);

}


.faqHomeBG {
    background-image: url("../image/faqsHomeBG.jpg");
}

.accordion-buttonFAQsectionHome {
    position: relative;
    /*padding-right: 3rem; !* space for right icon *!*/
    transition: all .25s ease;
    background-color: transparent;
    font-weight: 400;
    border: none;
    color: var(--white);
    width: 100% !important;
    text-align: left;

    padding: 16px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.64);
}

#faqAccordion .accordion-body {
    color: whitesmoke;
    padding: 16px;
    background: rgba(255, 255, 255, 0.16);
}


.faq-icon {
    float: right;
}

.homeFAQs {
    padding: 0 4rem;
}


/* Icon container on right */
.faq-iconHomeFAQSection {
    position: absolute;
    right: 1.25rem;
    top: 50%;
    transform: translateY(-50%);
    transition: all .25s ease;
    font-size: 1rem;
}

/* Default – show plus, hide minus */
.plus-iconFAQsection {
    display: inline-block;
}

.minus-iconFAQsection {
    display: none !important;
}

/* When open – show minus, hide plus */
.accordion-buttonFAQsectionHome:not(.collapsed) .plus-iconFAQsection {
    display: none;
}

.accordion-buttonFAQsectionHome:not(.collapsed) .minus-iconFAQsection {
    display: inline-block !important;
}

/* Remove Bootstrap default arrow */
.accordion-buttonFAQsectionHome::after {
    display: none !important;
}

/* Remove focus border */
.accordion-buttonFAQsectionHome:focus {
    box-shadow: none;
}

/*============ Nomination Form Page here ========================= */
/*================================================================*/

.nominationPage {
    background-image: url("../image/nominationFormBG.jpg");
    background-size: cover;
}

.nominationFormParent {
    padding: 4rem 0;
}

.wrapper {
    /*max-width:1200px;*/
}

.sectionHeaderNomiForm {
    background: var(--primaryBlue);
    color: var(--white);
    padding: 0.5rem 0;
    /*font-weight:600;*/
    /*font-size:.9rem;*/
    text-transform: uppercase;
    text-align: center;
    border-radius: 4px 4px 0 0;
}

.nominationFormParent .sectionCardNomiFrom {
    background: var(--accent);
    border: 1px solid var(--grey-400);
    /*border-top:none;*/
    padding: 2rem;
}

/*.sub-heading{*/
/*    font-weight:600;*/
/*    margin-bottom:.5rem;*/
/*    font-size:.9rem;*/
/*}*/
.nominationFormParent .fieldLableNomiFrom {
    font-size: 14px;
    font-weight: 500;
    color: var(--grey-100);
}

.nominationFormParent .form-control,
.nominationFormParent .form-select {
    font-size: .85rem;
    padding: .35rem .55rem;
    color: var(--grey-200);
}

.nominationFormParent .form-check-label {
    font-size: .8rem;
}

.icon-btn {
    /*width:30px;*/
    /*height:30px;*/
    /*padding:0;*/
    /*font-size:1rem;*/
    /*line-height:1;*/
}

.eduSectionNomiForm,
.workExpSectionNomiForm,
.programmeAttendSectionNomiForm {
    padding: 1rem;
    background-color: var(--primaryBlue-400);
    border: 1px solid var(--primaryBlue-200);
    border-radius: 4px;
}

.nominationFormHeader {
    padding: 2rem;
    background-color: var(--primaryBlue-400);
    border-radius: 4px;
    margin: 0 0 2rem 0;
    border: 1px solid var(--primaryBlue-300);
}

.personalProfileNomiFrom {}

.rowDeleteIconNomiFrom {
    border: 1px solid var(--brickRed-200);
    padding: 4px 8px;
    border-radius: 2px;
    background: var(--brickRed-500);
}

.educationRowNomiForm .fieldLableNomiFrom,
.workExperienceRowNomiForm .fieldLableNomiFrom,
.proAttendRowNomiForm .fieldLableNomiFrom {
    display: none;
}

.formSubmitNomiForm {
    width: 30%;
}

/*============ All programme Page here ========================= */
/*================================================================*/

.programmeFilterAllPage {
    margin: 0 0 40px 0;
    border-radius: 4px;
}

.filterSectionParent .card-body {
    gap: 8px;
    display: flex;
    flex-direction: column;
}

.OnCampusProgramme {
    /*margin: 4rem 0;*/
    padding: 4rem;
    background-color: var(--primaryBlue-500);
}

.mobFilter {
    display: none;
}

.filterSectionParent>.row {
    /*padding: 4rem;*/
}

.filterSectionParent {
    padding: 4rem 3rem;
    background-color: var(--primaryBlue-500);
}

.card-img-top {
    height: 180px;
    object-fit: cover;
}

.areaCHeckBox {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.oepPage .card-body {
    padding: 8px;
    display: flex;
    flex-direction: column;
}

.course-card {
    border: none;
    background-color: transparent;
}

.filter-section {
    background-color: var(--offWhite);
    padding: 1.5rem;
    border-radius: 0.5rem;
    border: 1px solid var(--grey-400);
}

.sticky-sidebar {
    position: sticky;
    top: 20px;
    /* Adjust as needed */
}

.oepPage .card {
    width: 100%;
    border-radius: 8px;
}

.oepPage .card img {
    height: 250px;
}

.oepPage .card .card-body {
    padding: 2rem;
    background-color: var(--accent);
}

.oepPage .card-title {
    font-size: 1.625rem;
    /*26px*/
    font-family: 'CanelaDeck Bold', serif !important;
    font-weight: bold !important;
    text-decoration: none;
}


/*============ Calender page ==================================== */
/*================================================================*/

/* Main Container */
.exed-calendar-container {
    background: var(--white);
    border-radius: 8px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
    padding: 2rem;
    margin-top: 3rem;
    margin-bottom: 3rem;
}

/* Search Input */
.exed-search-box {
    border-radius: 4px;
    padding: 0.5rem 1rem;
}

.exed-search-box:focus {
    box-shadow: 0 0 0 0.24rem rgba(128, 0, 0, 0.1);
    border-color: var(--grey-300);
}

/* Table Styling */
.exed-course-table {
    width: 100%;
    vertical-align: middle;
}

.exed-table-thead {
    /*background-color: var(--exed-bg-muted);*/
}

.exed-table-thead th {
    font-family: Poppins, serif;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    color: var(--grey-300) !important;
    padding: 1.25rem 1rem 1.25rem 0;
    border-bottom: 1px solid var(--grey-400);
}

.exed-table-row {
    transition: background-color 0.2s;
    height: 96px;
    border-bottom: 1px solid #ececec !important;
}

.exed-table-row:hover {
    /*background-color: green; !* Subtle warm highlight *!*/
}

.exed-table-td {
    padding: 1.5rem 1.5rem;
    /*border-bottom: 1px solid var(--grey-300);*/
    font-size: 1rem;
}

/* Column Specific Styling */
.exed-col-sno {
    font-family: Poppins, sans-serif;
    font-weight: 500;
    color: var(--grey-100) !important;
    width: 60px;
}

.exed-course-name {
    font-family: Poppins, sans-serif;
    font-weight: 500;
    /*color: var(--grey-100);*/
    display: block;
    /*margin-bottom: 4px;*/
    text-decoration: underline;
    max-width: 400px;
    color: blue;
}

.exed-course-name:hover {
    color: var(--grey-100);
}

.exed-course-date {
    color: var(--grey-100);
    font-size: 1rem;
    display: flex;
    align-items: center;
    gap: 6px;
    font-family: Poppins, sans-serif;
    font-weight: 500;
}

.exed-course-faculty {
    font-family: Poppins, sans-serif;
    font-weight: 500;
    font-size: 1rem;
    color: var(--grey-100);
    /*line-height: 1.4;*/
}

.exed-course-fee {
    font-weight: 500;
    color: var(--primaryBlue);
    text-align: right;
    font-family: Poppins, sans-serif;
}

/* Custom Badge */
.exed-badge {
    font-size: 0.7rem;
    font-weight: 600;
    padding: 4px 10px;
    border-radius: 4px;
    text-transform: uppercase;
}

.searchboxClPg {
    border: 1px solid var(--grey-300);
    border-radius: 4px;
}

.courseTitlePartClPg {
    padding: 48px;
    background-color: var(--primaryBlue-400);
    border-radius: 4px;
}

/*============ Programme Details here ============================ */
/*================================================================*/

.programmeDetailsSection {
    padding: 80px 48px;
}


.programmeTitle {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.contactInfoProgrammeDetailPageHeader {
    /*display: flex;*/
    padding: 4px 16px !important;
    border-radius: 333px;
    border: 1px solid var(--brickRed-200);
    background: var(--brickRed-400);
    width: fit-content;
}

.oepDetailShareBtnSm {
    display: none;
}

/*download brochure popup*/

.dnldBrochuremodalP {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    display: none;
    justify-content: center;
    align-items: center;
    padding: 20px;
}

/* --- SHOW MODAL WHEN TARGETED --- */
#brochureModal:target {
    display: flex;
}

/* --- MODAL BOX --- */
#brochureModal .modal-box {
    width: 360px;
    background: white;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    /* so close button can be positioned inside */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

/* --- CLOSE BUTTON INSIDE FORM --- */
#brochureModal .close-btn {
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 24px;
    /*color: #333;*/
    text-decoration: none;
    /*font-weight: bold;*/
}

/* --- HEADER IMAGE --- */
#brochureModal .modal-header-img {
    /*height: 160px;*/
    /*background-image: url('image/courseimageinner.jpg'); !* CHANGE PATH *!*/
    /*background-size: cover;*/
    /*background-position: center;*/
}


#brochureModal .dnldBrochureForm {
    padding: 16px;
}

#brochureModal .modal-header-img img {
    height: 160px;
    width: 100%;
    background-size: cover;
    background-position: center;
}

/* --- DOWNLOAD BUTTON --- */
#brochureModal .download-btn {
    display: block;
    width: 100%;
    /*margin: 15px auto 20px;*/
    padding: 8px;
    text-align: center;
    background: var(--brickRed);
    color: white;
    font-weight: 400;
    border-radius: 4px;
    text-decoration: none;
}


/*=== Sticky button programme detail page here ==== */
.stickyButtonProgrammeCalender {
    position: fixed;
    top: 220px;
    right: 0;
    z-index: 9986;
    border-radius: 50px 0 0 50px;
    padding: 12px 16px;
    display: flex;
    align-items: center;
    gap: 8px;
    /*background-color: #0d6efd; !* bootstrap primary *!*/
    background: linear-gradient(94deg, #C1272D 2.8%, #FF000A 96.72%);
    color: var(--white);
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    overflow: hidden;
    width: 50px;
    /* default: only icon */
    text-decoration: none;
}

.stickyButtonProgrammeCalender:hover {
    width: 140px;
    /* expand on hover */
    padding-right: 16px;
}

.stickyButtonProgrammeCalender span {
    opacity: 0;
    white-space: nowrap;
    transition: opacity 0.2s ease;
}

.stickyButtonProgrammeCalender:hover span {
    opacity: 1;
}

/*==================  tabs =======================*/


.horizontalTabsParent {
    /*margin-top: -2rem;*/

    /*background: linear-gradient(to bottom, rgba(255,248,248, 0.88), rgb(255, 248, 248), rgba(255,248,248, 0.88)), url(../image/bgLineSetUsApart.png) center/cover no-repeat;*/
}

.horizontalTabs {
    /*margin-top: -2rem;*/
    padding: 3rem 0;
    /*background: linear-gradient(to bottom, rgba(248, 249, 255, 0.88), rgb(248, 254, 255), rgba(248, 249, 255, 0.88)), url(../image/bgLineSetUsApart.png) center/cover no-repeat;*/
}

.horizontalTabs .container {
    padding: 0;
    margin: 0;
}

/* Square tabs */
.oepProgrammeTabs {
    display: flex;
    /*justify-content: center; !* center tabs *!*/
    /*overflow-x: auto; !* scroll if too small *!*/
    /*white-space: nowrap;*/
    /*border-bottom: 1px solid #dee2e6;*/
    padding: 8px 16px;
    background: var(--white);
    width: fit-content;
    /*margin: auto;*/
    border-radius: 4px;
    border: 1px solid var(--grey-400);
    background: var(--white);
    box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.06);

    /*display: flex;*/
    /*gap: 10px;*/
    flex-wrap: wrap;
    justify-content: start;
}


.oepProgrammeTabs .nav-item {
    /*flex: 0 0 auto;*/

    width: auto;
    /* fixed width */
    /*padding: 8px;*/
    text-align: center;
    /*border-radius: 6px;*/
    /*border: 1px solid #60a5fa;*/
    background: transparent;
    /*color: #e5e7eb;*/
    cursor: pointer;
    /*font-size: 14px;*/
    transition: transform 0.15s ease, background 0.15s ease, color 0.15s ease;

    white-space: normal;
    /* allow text wrap */
    word-wrap: break-word;
    align-self: anchor-center;
}

.oepProgrammeTabs .nav-link,
.oepProgrammeTabs .nav-link h2 {
    color: var(--grey-200);
    padding: 8px 12px;
    text-align: center;
    border: none;
    border-radius: 2px;
    width: inherit;
    font-size: var(--bs-nav-link-font-size);
    font-family: Poppins, sans-serif !important;
    font-weight: normal;
}

.oepProgrammeTabs .nav-link.active h2,
.oepProgrammeTabs .nav-link:hover h2 {
    color: #fff;
}

.oepProgrammeTabs .nav-link.active {
    background-color: var(--primaryBlue);
    color: var(--white);
}

.oepProgrammeTabs .nav-link:not(.active) {
    background-color: transparent;
}

.oepProgrammeTabs .nav-link:hover {
    background-color: var(--primaryBlue-100);
    color: var(--white);
}

/* Tab content border */

.horizontalTabs #myTabContent {
    padding: 1rem 0 0 0;
}

/*#myTab{*/
/*    max-width: inherit;*/

/*}*/

.tabsBoundary {
    padding: 2rem;
    border: 1px solid var(--grey-400);
    border-radius: 4px;
}


/* Optional: hide scrollbar in Webkit */
.oepProgrammeDetailPage .nav-tabs::-webkit-scrollbar {
    display: none;
}

.introductionTabList {
    list-style-type: none;
    /*padding: 0;*/
    /*border: 1px solid var(--grey-400);*/
    padding: 1rem;
    border-radius: 8px;
}

.introductionTabList li {
    padding: 8px 0;
}

.introductionTabList li i {
    font-size: 16px;
    padding: 4px;
    background-color: var(--primaryBlue);
    color: var(--white);
    margin-right: 8px;
}

.objectivesTabListParent,
.highlightsTabListParent {
    /*border: 1px solid var(--grey-400);*/
    /*padding: 1rem;*/
    border-radius: 8px;
    /*margin-top: 1rem;*/
}

.forWhomeTabData {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}


#tab2 ul {
    list-style: none;
    /* remove default bullets */
    /* padding-left: 0;*/
}

.objectivesTabList li,
.highlightsTabList li {
    position: relative;
    padding-left: 32px;
    /* space for icon */
}

.objectivesTabList li::before,
.highlightsTabList li::after {
    content: "\f178";
    /* Font Awesome unicode */
    /*font-family: "Font Awesome 6 Pro Light", serif; !* font family *!*/
    font-family: "Font Awesome 6 Pro";
    /* font family */
    font-weight: 900;
    /* required for solid style */
    position: absolute;
    left: 0;
    top: 0;
    color: var(--primaryBlue);
    /* change color */
    font-size: 16px;
    /* change size */
}

.pedagogyTabData {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.facultyEmail,
.facultyPhone {
    text-decoration: none;
    color: var(--grey-100);
}

/*faculty tab*/
.facultyChair {}

.webinarSection {
    padding: 16px;
    border: 1px solid var(--grey-400);
    border-radius: 4px;
    gap: 16px;
    display: flex;
    flex-direction: column;
}

.wSec {
    padding: 8px;
    background-color: var(--primaryBlue-400);
    border: 1px solid var(--primaryBlue-300);
    border-radius: 4px;
    align-items: baseline;
    gap: 8px;
    width: fit-content;
}



.programmeDetailsRightPart {
    width: fit-content;
    /*border: 1px solid red;*/
    display: flex;
    flex-direction: column;
    gap: 1rem;


    position: sticky;
    top: 180px;
    /* header height + spacing */

}

.innerDateParent {
    display: flex;
    flex-direction: column;
    gap: 1rem;

}

.dateCardsParent {
    /*padding: 2rem;*/
    background-color: var(--accent);
    width: auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    border: 1px solid var(--grey-400);
    border-radius: 4px;
}

.event-details {
    display: flex;
}

.dateCard {
    /*border: 1px solid var(--grey-400);*/
    /*border-radius: 4px;*/
    padding: 16px 24px;
    text-align: center;
    background: var(--bs-white);
    height: 136px;
    min-width: 390px;
    border-radius: 4px 4px 0 0;
    /*border: 1px solid var(--grey-400);*/
    background: linear-gradient(180deg, var(--white) 0%, #EEF0FF 100%);
}

.dateCard1 {
    border-radius: 4px 4px 0 0;
    border-bottom: 1px solid var(--grey-400);
}

.dateCard2 {
    border-radius: 0 0 0 0;
    border-bottom: 1px solid var(--grey-400);
}

.dateCard3 {
    border-radius: 0 0 4px 4px;
}

.dateDetails {
    display: flex;
    align-items: stretch;
    justify-content: center;
}

.dateInner {
    flex: 1;
    text-align: center;
    padding: 0 16px;
}

.feesButton {
    display: flex;
    width: 100%;
    gap: 10px;
}

.button-item {
    flex-grow: 1;
    width: 50%;
    /* Add other desired button styles (padding, color, etc.) below */
    padding: 10px 24px;
}

.btnWebinar {
    background: white;
    color: var(--primaryBlue);
    border: 4px solid;
    border-radius: 8px;
    cursor: pointer;
    transition: color 0.3s ease;

    align-items: center;


    border-image: linear-gradient(45deg, var(--primaryBlue-100), var(--brickRed)) 1;
    animation: gradientBorder 1s linear infinite;
    text-align: center;
    padding: 8px 32px;
    font-size: 1rem;
    font-family: Poppins, serif;
    text-decoration: none;
    font-weight: 500;
    min-width: fit-content;
    height: min-content;
}

@keyframes gradientBorder {
    0% {
        border-image: linear-gradient(45deg, var(--brickRed), var(--primaryBlue-100)) 1;
    }

    50% {
        border-image: linear-gradient(45deg, var(--brickRed), var(--primaryBlue-100)) 1;
    }

    100% {
        border-image: linear-gradient(45deg, var(--primaryBlue-100), var(--brickRed)) 1;
    }
}

.btnWebinar:hover {
    background-color: var(--primaryBlue-400);
}

.paddingRight {
    border-right: 1px solid var(--grey-400);
}

fieldset {
    border-radius: 4px;
    padding: 2rem;
    margin: 20px auto;
    position: relative;
}

.facultyChair fieldset {
    border: 1px solid var(--brickRed);
}

.programmeFaculty fieldset {
    border: 1px solid var(--primaryBlue);

}

legend {
    font-size: 26px;
    font-weight: 600;
    text-align: center;
    width: auto;
    padding: 0 12px;
    margin: 0 auto;
    position: absolute;
    top: -18px;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    /* cover border behind text */
    font-family: 'CanelaDeck Bold', serif;
}

.profile-card {
    border-radius: 4px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);
    overflow: hidden;
    transition: transform .18s ease, box-shadow .18s ease;
    background: var(--white);
    min-height: 120px;
    border: 1px solid var(--accent);
}

.profile-card:hover {
    /*transform: translateY(-4px);*/
    /*box-shadow: 0 10px 30px rgba(0,0,0,0.09);*/
}

.profile-card .card-inner {
    display: flex;
    flex-direction: column;
}

/*============ For organisation page here ================================ */
/*=========================================================================*/

.orgProgList {
    background-image: url("../image/orgprogramme.jpg");
    background-size: cover;
}

.forOrgPg {
    /*position: relative;*/
    min-height: 96vh;
    /* adjust height as needed */
    background-image: url("../image/DSC_0616.jpg");
    /* change image path */
    background-size: cover;
    background-position: top left;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    margin-top: -170px;
}

/* Optional overlay for readability */
.forOrgPg::before {
    /*content: "";*/
    /*position: absolute;*/
    /*inset: 0;*/
    /*background: rgba(0, 0, 0, 0.45);*/
}

.heroTextorgPg {
    /*position: relative;*/
    /*z-index: 1;*/
    /*color: #fff;*/
    background-color: var(--primaryBlue);
    padding: 2rem;
    border-radius: 4px;
    color: var(--white);
    margin-top: 150px;
    display: flex;
    gap: 16px;
    flex-direction: column;
}

.heroContent h1 {
    /*font-size: clamp(2rem, 4vw, 3rem);*/
    /*font-weight: 600;*/
    /*margin-bottom: 1rem;*/
}

.heroContent p {
    /*font-size: 1rem;*/
    /*line-height: 1.6;*/
    /*margin-bottom: 0.75rem;*/
}

.categoryOrgPg {
    height: 100%;
    border: 1px solid var(--grey-400);
    transition: transform .2s ease, box-shadow .2s ease;
    box-shadow: 0 4px 16px rgba(0, 0, 0, .03);
}

.categoryOrgPg:hover {
    /*transform: translateY(-4px);*/
    /*box-shadow: 0 6px 20px rgba(0,0,0,.08);*/
}

.orgPg .category-title {
    color: var(--primaryBlue);
    padding-bottom: 8px !important;
    border-bottom: 1px solid var(--grey-400) !important;
    margin-bottom: 16px !important;
    /*position: relative;*/
    /*font-weight: 600;*/
    /*font-size: 1.15rem;*/
    /*padding-bottom: .6rem;*/
    /*margin-bottom: 1.2rem;*/
}

.orgPg .category-title::after {
    /*content: "";*/
    /*position: absolute;*/
    /*left: 0;*/
    /*bottom: 0;*/
    /*width: 100%;*/
    /*height: 1px;*/
    /*background-color: #0d6efd;*/
    /*border-radius: 2px;*/
}

/* Icon bullet list */
.orgPg .icon-list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.orgPg .icon-list li {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 8px;
    /*line-height: 1.45;*/
    font-size: 16px;
}

.orgPg .icon-list i {
    margin-top: .3rem;
    color: var(--primaryBlue);
    font-size: 1rem;
    flex-shrink: 0;
}

/*============ Government and public sectors here ================================ */
/*================================================================*/

.govandPublicSectorPg .category-title {
    color: var(--primaryBlue);
    padding-bottom: 8px !important;
    border-bottom: 1px solid var(--grey-400) !important;
    margin-bottom: 16px !important;
    /*position: relative;*/
    /*font-weight: 600;*/
    /*font-size: 1.15rem;*/
    /*padding-bottom: .6rem;*/
    /*margin-bottom: 1.2rem;*/
}

/* Icon bullet list */
.govandPublicSectorPg .icon-list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.govandPublicSectorPg .icon-list li {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 8px;
    /*line-height: 1.45;*/
    font-size: 16px;
}

.govandPublicSectorPg .icon-list i {
    margin-top: .3rem;
    color: var(--primaryBlue);
    font-size: 1rem;
    flex-shrink: 0;
}

.govPublicProgList {
    background-image: url("../image/orgprogramme.jpg");
    background-size: cover;
    padding: 0 1rem;
}

.gov-programme-card {
    border: 1px solid var(--grey-400);
    border-radius: 4px;
    padding: 24px;
    height: 100%;
    cursor: pointer;
    transition: all 0.25s ease;
    background: var(--white);
}

.gov-programme-card:hover {
    /*transform: translateY(-4px);*/
    /*box-shadow: 0 8px 20px rgba(0,0,0,0.08);*/
}

.gov-sector-tag {
    /*font-size: 12px;*/
    /*font-weight: 700;*/
    /*color: #1a4fa3;*/
    /*text-transform: uppercase;*/
    /*letter-spacing: 0.5px;*/
    /*margin-bottom: 16px;*/
}

.gov-programme-title {
    /*font-size: 18px;*/
    /*font-weight: 700;*/
    /*margin-bottom: 12px;*/
    /*color: #212529;*/
    /*line-height: 1.3;*/
    color: var(--primaryBlue);
}

.gov-date-box {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    color: var(--grey-200);
    margin-top: 15px;
    border-top: 1px solid var(--grey-400);
    padding-top: 10px;
}

.gov-date-box span {
    /*font-weight: 600;*/
    /*color: #212529;*/
}

/* Make full card clickable */
.gov-card-trigger {
    text-decoration: none;
    color: inherit;
    display: block;
    height: 100%;
}

.gov-modal-title {
    /*font-weight: 700;*/
    color: var(--primaryBlue);
}

.gov-feature-list li {
    /*margin-bottom: 8px;*/
    /*font-size: 15px;*/

    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 8px;
    /* line-height: 1.45; */
    font-size: 16px;
}

.gov-feature-list {
    padding: 0 0 0 1rem;
}

.gov-feature-list li i {
    color: var(--primaryBlue);
}




/*============ Insights page here ================================ */
/*================================================================*/

.insightsSection {
    padding: 3rem 0;
}

.insightsImage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0.5rem;
}

.insightsStatsBox {
    border: 1px solid var(--primaryBlue-300);
    padding: 1rem;
    text-align: center;
    height: 100%;
    border-radius: 4px;
    background-color: var(--primaryBlue-400);
}

.insightsStatsNumber {
    /*font-size: 1.5rem;*/
    /*font-weight: 600;*/
    color: var(--primaryBlue);
}

.insightsStatsTitle {
    /*font-size: 0.85rem;*/
    /*color: #6c757d;*/
}

/*============ The campus page here ================================ */
/*================================================================*/


.campusPage {
    padding: 4rem 0;
}

/* Section 1 */
.campusIntro {
    margin-bottom: 3rem;
}

/* Section 2 – Cards */
.campusCard {
    height: 100%;
    border: 1px solid var(--grey-400);
    transition: all 0.3s ease;
    background-color: var(--accent);
}

.campusCard:hover {
    /*transform: translateY(-4px);*/
    /*box-shadow: 0 8px 24px rgba(0,0,0,0.08);*/
}

.campusCardImg {
    height: 200px;
    object-fit: cover;
}

.campusCardBody h5 {
    font-weight: 600;
}

.campusCard h6 {
    color: var(--primaryBlue);
    margin-bottom: 0.5rem !important;
}

/*.campusCardBody p {*/
/*    font-size: 0.95rem;*/
/*    color: #666;*/
/*}*/

.campusBtn {
    background-color: transparent;
    color: var(--brickRed);
    padding: 0.5rem 1rem;
    /*margin-top: auto;*/
    text-align: end;
    font-size: 14px;
}

.campusBtn i {
    color: var(--brickRed);
    /*margin-top: auto;*/
    margin-left: 8px;
}

/*============ Contact us page here ================================ */
/*================================================================*/


.contactInfoParent {
    padding: 10rem 0 4rem 0;
    background: linear-gradient(to bottom, rgba(238, 243, 255, 0.95), rgba(255, 255, 255, 0.82), rgba(245, 246, 255, 0.98)), url(../image/bgLineSetUsApart.png) center / cover no-repeat;
    /*background: linear-gradient(to bottom, rgb(255 255 255), rgb(255 248 248 / 65%), rgb(255 255 255)), url(../image/bgLineSetUsApart.png) center / cover no-repeat;*/
    margin-top: -90px;
}

.GetInTouchWithUs {
    border-radius: 8px;
    padding: 2rem 3rem;

}

.contactSection {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    justify-content: center;
}

.GetInTouchWithUs label {
    color: var(--white);
}

.contactUsIconP {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}

.iconContactusPage {
    padding: 4px 8px;
    border: 1px solid var(--primaryBlue);
    border-radius: 4px;
    height: fit-content;
}

.contactUsIconP a {
    text-decoration: none;
}

.formBtn:hover {
    background-color: var(--primaryBlue-200) !important;
}

.mapArea iframe {
    display: block;
}

/*======================= Chairperson message here ====================== */
/*========================================================================*/

.chairPerson-hero {
    background: linear-gradient(180deg, var(--primaryBlue), #092063);
    color: var(--white);
    padding: 60px 0;
    border-radius: 4px;
    margin-top: 48px;
}

.message-card {
    background: var(--white);
    border: none;
    border-radius: 4px;
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.chairperson-img-container {
    background-color: var(--white);
    position: relative;
}

.chairperson-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    min-height: 400px;
}



.content-areaChairman {
    padding: 48px;
    display: flex;
    flex-direction: column;
    gap: 32px;
    /*padding: 32px;*/
}

.accent-border {
    width: 50px;
    height: 4px;
    background-color: var(--primaryBlue);
    margin-bottom: 25px;
}


.aboutExedChaiman {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
}

/*======================= Website Sitemap page here ====================== */
/*========================================================================*/

.sitemap-hero {
    background: linear-gradient(180deg, var(--primaryBlue), #092063);
    color: var(--white);
    padding: 60px 0;
    border-radius: 4px;
    margin-top: 48px;
}

.sitemap-card {
    border: 1px solid var(--grey-400);
    border-radius: 4px;
    transition: all 0.3s ease;
    height: 100%;
    box-shadow: 0 12px 16px rgba(0, 0, 0, 0.04);

}

.sitemap-card:hover {
    /*transform: translateY(-4px);*/
    /*box-shadow: 0 12px 32px rgba(0,0,0,0.12);*/
}

.sitemap-icon {
    width: 48px;
    height: 48px;
    background: var(--primaryBlue-400);
    color: var(--primaryBlue);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    font-size: 16px;
    margin-bottom: 16px;
    border: 1px solid var(--primaryBlue-200);
}

.sitemap-list a {
    display: block;
    text-decoration: none;
    color: var(--grey-100);
    padding: 4px 0;
    font-size: 16px;
}

.sitemap-list a:hover {
    color: var(--primaryBlue-100);
    text-decoration: underline;
}

/*============ About Us page here ================================ */
/*================================================================*/
.aboutExed {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.aboutPgDescription p {
    text-align: justify;
}

.peoplePic {
    width: 100%;
    height: auto;
}

.about {
    padding: 3rem 0;
}



/* ======= What sets us apart section about page ========*/

.whatSetsUsApart {
    padding: 5rem 0;
    /*background-image: url(../image/heroBG.jpg);*/
    background: linear-gradient(to bottom, rgba(255, 248, 248, 0.88), rgb(255, 248, 248), rgba(255, 248, 248, 0.88)), url(../image/bgLineSetUsApart.png) center/cover no-repeat;
}

.aboutPageBox {
    /*background: #f8f9fa;*/
    /*border: 1px solid #ccc;*/
    flex-direction: column;
    display: flex;
    align-items: first;
    justify-content: end;
    font-size: 1.5rem;
    min-height: 550px;
    /* adjustable fixed height for small screens */
    padding: 16px !important;
    color: var(--white);
    text-align: justify;
}

.AboutUsPeers {
    border-radius: 4px;
    border: 1px solid var(--grey-400, #D5D5D5);
    background: linear-gradient(180deg, rgba(9, 28, 86, 0.00) 45.2%, #1B2F6E 73.76%), url(../image/peerChoice.jpg) lightgray 50% / cover no-repeat;
}

.AboutUsLearningExperience {
    border-radius: 4px;
    border: 1px solid var(--grey-400, #D5D5D5);
    background: linear-gradient(180deg, rgba(9, 28, 86, 0.00) 45.2%, #1B2F6E 73.76%), url(../image/learningExp.jpg) lightgray 50% / cover no-repeat;
}

.aboutUsStudyMethod {
    border-radius: 4px;
    border: 1px solid var(--grey-400, #D5D5D5);
    background: linear-gradient(180deg, rgba(9, 28, 86, 0.00) 40%, #1B2F6E 63.76%), url(../image/caseStudy.jpg) lightgray 50% / cover no-repeat;

}

.aboutUsFaculty {
    border-radius: 4px;
    border: 1px solid var(--grey-400, #D5D5D5);
    background: linear-gradient(180deg, rgba(9, 28, 86, 0.00) 45.2%, #1B2F6E 73.76%), url(../image/faculty.jpg) lightgray 50% / cover no-repeat;
}


/*============ Footer Start here ================================ */
/*================================================================*/

.footer {
    /*background-image: url("images/f");*/
    background-image: url(../image/footerBG.png);
    padding: 4rem 0 1rem 0;
    box-shadow: 0 -4px 8px 0 rgba(0, 0, 0, 0.06);
}

.footer a {
    color: #000;
    text-decoration: none;
}

.footer li {
    padding: 4px 0;
}

.footer a:hover {
    text-decoration: underline;
}

.footerLogo {
    width: auto;
    height: 70px;
}

.socialConnectFooter i {
    font-size: 2rem;
    color: var(--primaryBlue);
    transition: 0.3s ease;
}

.socialConnectFooter i:hover {
    color: var(--primaryBlue-100);

}

.copyrightsInfo {
    /*display: flex;*/
    /*justify-content: space-between;*/
    text-align: center;
}

.card-image {
    flex: 0 0 auto;
    width: 100%;
    height: 180px;
    overflow: hidden;
}

@media (min-width: 768px) {
    .card-image {
        width: 160px;
        height: 120px;
    }
}

.card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    padding: 16px;
}

.card-content {
    padding: 14px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.facultyName {
    margin: 0 0 6px 0;
    /*font-size: 1.05rem;*/
    font-weight: 600;
}

.facultyDesignation {
    color: var(--grey-100);
}

.card-sub {
    margin: 0;
    color: #555;
    font-size: 0.95rem;
    line-height: 1.35;
}


/* ================= Media query ====================*/
/* =====================================================*/


@media (min-width: 1400px) {}

@media (max-width: 1399px) {

    /*Header*/
    label,
    summary {
        font-size: 14px !important;
    }

    .headerSub {
        gap: 1rem;
    }

    .logo img {
        max-width: 220px;
    }

    .element-line {
        gap: 1rem;
    }

    .first-line {
        padding: 4px 8px;
    }

    .capitalText {
        font-size: 14px !important;
    }

    .loginButton a {
        padding: 6px 12px;
    }

    .exed .dropdown-menu {
        top: 144px;
        /* adjust based on header height */
    }

    /*    for organisation page*/

    .heroTextorgPg {
        margin: 240px 0 48px 0;
    }

    /* ==========    about us page ========== */
    .about .peoplePic {
        /*max-width: 550px;*/
        height: max-content;
    }

    /* ===============  FAQ page  =================*/
    .faq-section {
        padding: 80px 0 32px 0;
        background-size: cover;
        margin-top: 0;
    }

    .faq-section .faq-title {
        margin: 0 0 4rem 0 !important;
    }

}

@media (min-width: 1200px) {

    /*Tablet Header*/
    .tabletHeader {
        display: none;
    }

    .horizontalTabsParent {
        height: max-content;
    }




}

@media (max-width: 1199px) {

    /*====== Header =======*/
    .header {
        display: none;
    }

    .tabletHeader {
        padding: 10px 15px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        background-image: url(../image/headerBG.png);
    }

    .resLogo {
        height: 80px;
    }

    .resHamburger {
        display: flex;
    }

    .resRightSide {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

    .resRightSide a {
        text-decoration: none;
    }

    .resHamburger i {
        font-size: 24px !important;
        color: var(--primaryBlue);
    }

    .resTopRow {
        /*background-color: var(--primaryBlue);*/
        padding: 4px 8px;
        border-radius: 2px;
        /*gap: 16px;*/
        display: flex;
        justify-content: center;
    }

    .header-icon-search i {
        color: var(--white);
    }

    .resTopRow a {
        color: var(--white);
        font-size: 14px;
        padding: 0 12px;
        border-right: 1px solid var(--grey-300);
        align-content: center;
        margin-right: 8px;
    }

    .header-icon-search {
        border-left: none !important;
        border-right: none !important;
    }


    a i,
    button i {
        /*color: #333;*/
        transition: 0.3s ease;
    }

    a i:hover,
    button i:hover {
        opacity: 0.6;
    }

    button {
        border: 0;
        background: transparent;
    }

    .btn-outline-dark {
        border-color: #333 !important;
        color: #333 !important;
    }

    .btn-outline-dark:hover {
        background: #333 !important;
        color: white !important;
    }

    /* ==============   Find my programme ================*/


    /*    all programme page ================*/
    .filterSectionParent {
        padding: 4rem 2rem;
    }


    /*    programme detail page ============= */
    .programmeDetailsRightPart {
        top: 184px;
    }

    /* ======    about us page ========== */
    .about .peoplePic {
        /*max-width: 450px;*/
    }

    /* ===============  FAQ page  =================*/
    .faq-section {
        padding: 80px 0 32px 0;
        background-size: cover;
        margin-top: 0;
    }

    .faq-section .faq-title {
        margin: 0 0 4rem 0 !important;
    }
}


@media (min-width: 992px) and (max-width: 1200px) {


    /*hero 3ui card*/
    .ui-card3Home img {
        width: 130px;
    }

    /*    contact and faq home*/

    .homeFAQs {
        padding: 0 2rem;
    }
}

@media (max-width: 1100px) {
    .page-grid {
        grid-template-columns: 1fr 340px;
    }

    .domains-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}


@media (min-width: 821px) and (max-width: 992px) {
    .domainBoxHome .domains-grid {
        grid-template-columns: 1fr;
    }
}


@media (min-width: 992px) {

    /* search Large screens (desktops)*/
    .search-overlay {
        padding: 40px 60px;
    }

    .overlay-header {
        margin-bottom: 70px;
        align-items: flex-start;
    }

    .overlay-header .logo-text {
        font-size: 1.5rem;
    }

    .search-input {
        width: 60%;
        font-size: 1.25rem;
    }

    .overlay-links a {
        font-size: 1rem;
    }

    /*Home*/
    .custom-md-3 {
        width: 50%;
        /* change to 50% or anything if needed */
    }

    /*Fine my Programme */

    .areaDropDown {
        min-width: 256px;
    }

    /*    what they said*/
    .video-thumb img {
        height: auto;
    }

    /*    government and public sectors*/
    .govpublicSecDomainBox .domains-grid {
        grid-template-columns: repeat(2, 1fr);
    }


}


@media (max-width: 991px) {

    /*====== Home page ========*/

    /* course filter category*/
    .programmeSliderHome .course-card {
        min-width: var(--card-min-lg);
    }

    .filterHome form {
        flex-direction: column;
    }

    .resetBtn {
        margin: 8px 0 0 0;
        width: 100%;
    }

    .filterHome .flex-grow-1 {
        width: 100%;
        margin: 0 0 8px 0;
    }

    .crsFilter {
        width: 100%;
    }

    .applyFilter {
        width: 100%;
    }

    /*    course slider*/
    .programmeSliderHome .category-tabs {
        flex-wrap: nowrap;
        overflow: scroll;
        gap: 1rem;
    }

    .contactFAQsHome .col-12 {
        padding: 3rem 0;
        margin: 0;
    }

    /*    tabs responsive programme details page*/
    .resTabsProgDetailsPage {
        padding: 16px;
        border-radius: 4px;
        border: 1px solid var(--grey-400);
        /*margin: 0 16px;*/
        width: 100%;
    }

    .resTabsProgDetailsPage .tabs-column {
        display: flex;
        flex-direction: column;
        border-right: 1px solid #ddd;
    }

    .resTabsProgDetailsPage .tabs-column .nav-link {
        text-align: left;
        border-bottom: 1px solid #eee;
        border-radius: 0;
        color: var(--grey-100);
        /*background-color: var(--primaryBlue);*/
        /*white-space: nowrap;*/
        /*text-wrap: auto;*/
        /* white-space: normal !important; */
        /*word-wrap: break-word;*/
        word-wrap: break-word;
        /* break long words */
        line-height: 1.2;
        /* nicer multi-line spacing */
        padding: 10px 12px;
    }

    .resTabsProgDetailsPage .nav-pills .active {

        background-color: var(--primaryBlue);
        color: var(--white);
        /*white-space: nowrap;*/
        /*text-wrap: auto;*/
        /* white-space: normal !important; */
        /*word-wrap: break-word;*/
    }

    .resTabsProgDetailsPage .tabs-column {
        padding: 0 8px;
    }

    /*    all programme page details */
    /*======= oep page =======*/
    .filter-section {
        margin-bottom: 1.5rem;
    }

    #aboutHeader .nav-link {
        color: var(--white);
    }

    .areaCHeckBox {
        display: flex;
        gap: 1rem;
        flex-wrap: wrap;
    }

    .pfresinner {
        flex-wrap: wrap;
    }


    /*======= oep page =======*/

    .filterSectionParent .col-lg-3 {
        display: none;
    }

    .mobFilter {
        display: block;
    }

    .mobFilter {
        justify-content: end;
        display: flex;
        padding: 8px 0;
        border-bottom: 1px solid var(--grey-400);
        position: sticky;
        top: 96px;
        z-index: 900;
        background-color: var(--accent);
        /*margin-top: 2rem;*/
        border-bottom: 1px solid var(--grey-300);

    }

    .mobFilter button {
        background-color: var(--accent);
        color: var(--primaryBlue);
    }

    #filterPanel {
        z-index: 9999;
        width: 100%;
        padding: 1rem;
    }

    .offcanvas-header-slider {
        border-bottom: 1px solid var(--grey-300);
    }

    #v-pills-tab {
        width: 100%;
        border-right: 1px solid var(--accent);
    }

    #v-pills-area-tab,
    #vv-pills-month-tab {
        background-color: var(--white);
        border-bottom: 1px solid var(--grey-400);
        border-radius: 0;
    }

    #v-pills-tab .active {
        background-color: var(--accent);
        color: var(--primaryBlue);
        border-radius: 0;
    }

    #v-pills-tab .nav-link {
        color: var(--primaryBlue);
    }

    .monthsCheckBox {
        /*display: flex;*/
        flex-wrap: wrap;
        /*gap: 1rem;*/
        flex-direction: row;
    }

    .filterSectionParent {
        padding: 3rem 2rem;
    }

    /* ======== Calender page =========*/
    .clParent {
        max-width: 98vw;
    }

    .exed-course-name {
        width: 250px;
    }

    /* ======== chairman's message page =========*/
    .content-areaChairman {
        padding: 30px;
    }

    /* ===============  FAQ page  =================*/
    .faq-section {
        padding: 64px 0 32px 0;
        background-size: cover;
        margin-top: 0;
    }

    .faq-section .faq-title {
        margin: 0 0 4rem 0 !important;
    }
}

@media (max-width: 884px) {

    /*Header res*/
    .resLogo {
        height: 74px;
    }

    .resTopRow span {
        display: none;
    }

    .resRightSide {
        gap: 8px;
    }
}

@media (max-width: 820px) {
    body {
        padding: 24px 16px;
    }

    .page-grid {
        /*grid-template-columns: 1fr;*/
    }

    .callback-successStoryCard {
        order: -1;
        margin-bottom: 20px;
    }

    .domains-grid {
        grid-template-columns: 1fr;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {

    /*Home page*/
    .contact-sectionHome {
        padding: 0 2rem 0 3rem;
    }
}

@media (min-width: 768px) and (max-width: 991px) {

    /*Hero*/
    .custom-md-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    /*hero 3ui card*/
    .ui-card3Home {
        padding: 24px;
        height: 100%;
    }

    .ui-card3Home img {
        width: 120px;
    }


    /*contact us page =======*/
    .contactUsPage .GetInTouchWithUs {
        padding: 2rem 2rem;
    }


    /*footer*/
    .socialConnectFooter {
        text-align: center !important;
    }

    .footerLogo {
        height: 90px;
    }
}

@media (min-width: 768px) {}

@media (min-width: 768px) {

    /* Programme detail page tabs*/
    .profile-card .card-inner {
        flex-direction: row;
        align-items: center;
    }
}


@media (max-width: 767px) {

    /*Header =====*/
    .header {
        flex-direction: column;
        padding: 10px;
    }

    .right-part {
        align-items: center;
    }

    .element-line {
        flex-direction: column;
        gap: 10px;
    }

    .dropdown-menu ul {
        flex-direction: column;
        gap: 10px;
    }

    .dropdown-menu {
        top: 150px;
    }

    .resLogo {
        height: 60px;
    }

    /* Overlay ========*/
    .searchLogo img {
        max-width: 200px;
    }

    .overlay-links {
        flex-direction: column;
        align-items: self-start;
        gap: 2rem;
    }

    /* Home page ===============================*/
    /*Hero*/
    .custom-md-3 {
        width: 50%;
    }

    /*course filter*/

    .filterHome form {
        flex-direction: column;
    }

    .filterHome .flex-grow-1 {
        width: 100%;
        margin: 8px 0;
    }

    .applyFilter {
        width: 100%;
        margin: 8px 0 8px 0px;
    }

    .applyFilter button {
        width: 100%;
    }

    /*for individual*/
    .domainBoxHome .domains-grid {
        grid-template-columns: auto auto;
    }

    /* category slider*/
    /*.programmeSliderHome .course-card {*/
    /*    min-width: var(--card-min-md);*/
    /*}*/

    .programmeSliderHome {
        padding: 48px 0;
    }

    .owlHomePg .course-card {
        width: 100%;
    }

    /* subscribe news letter*/
    .newsletter-section .subscribeHomeIp {
        border: 1px solid var(--black);
    }

    /* =========   Footer*/
    .footer .rrow {
        gap: 2rem;
    }

    .rrow .list-unstyled {
        margin-bottom: 0;
    }

    /*    Programme details page========*/
    .profile-card .card-inner img {
        object-fit: contain;
    }

    .profile-card .card-inner {
        display: flex;
        flex-direction: inherit;
    }

    .card-image {
        width: 180px;
    }

    .resTabsProgDetailsPage .card-inner {
        flex-direction: column;
        align-items: anchor-center;
    }

    /* ============Nomination Form page ===========*/

    .nominationFormParent {
        padding: 3rem 0;
    }

    .instructionsNomination ol {
        padding: 12px 0 0 12px;
    }

    .educationRowNomiForm .fieldLableNomiFrom,
    .workExperienceRowNomiForm .fieldLableNomiFrom,
    .proAttendRowNomiForm .fieldLableNomiFrom {
        display: block;
    }

    .rowTitleNomiForm {
        display: none;
    }

    .eduSectionNomiForm .eduTitle,
    .workExpSectionNomiForm .workExpTitle,
    .programmeAttendSectionNomiForm .proAttendTitle {
        padding: 0 0 1rem 0;
    }

    div.respoBorderSingleRow {
        margin: 0;
    }

    .respoBorderSingleRow {
        border: 1px solid var(--grey-300);
        padding: 8px;
        border-radius: 4px;
        margin-bottom: 32px !important;
    }

    .workExpRowNomiForm {
        display: none;
    }

    .tHTitleNomiForm {
        display: none;
    }

    .formSubmitNomiForm {
        width: 100%;
        margin-top: 16px;
    }

    /*    all programme page =============*/

    .filterSectionParent {
        padding: 3rem 1rem;
    }

    .oepProgrammeDetailPage .nav-tabs {
        justify-content: space-between;
    }

    .programmeFaculty fieldset {
        padding: 2rem 2rem 2rem 2rem;
    }

    .programmeFaculty legend {
        top: -40px;
    }

    .course-card {
        width: 336px;
    }

    .cardimmParent {
        justify-content: center;
    }

    /*Government and public sector page*/
    .govpublicSecDomainBox .domains-grid {
        grid-template-columns: auto;
    }

    /*    contact us page*/
    .contactUsPage .contactSection {
        padding: 0 !important;
    }

    /* ======== Calender page =========*/
    .clParent .table-responsive {
        overflow-x: auto;
    }

    .clParent .exed-course-date {
        width: max-content;
    }

    .exed-calendar-container {
        padding: 1rem;
    }

    /* ==========    about us page ========== */
    .aboutPageBox {
        min-height: 600px;
        padding: 32px !important;
    }

}

@media (min-width: 576px) {}

@media (min-width: 576px) and (max-width: 991.98px) {

    /* Medium screens (tablets) */
    .search-overlay {
        padding: 24px;
    }

    .overlay-header {
        margin-bottom: 50px;
    }

    .search-input {
        /*width: 80%;*/
        /*font-size: 1.5rem;*/
    }

    .overlay-links a {
        font-size: 1rem;
    }




}

@media (min-width: 576px) and (max-width: 683px) {

    /*All programme page details*/
    .course-card {
        width: 450px;
    }

}

@media (max-width: 575.98px) {

    /* Header mobile */
    .tabletHeader {
        position: relative;
    }

    .resContactUs {
        display: none;
    }

    .tabletHeader .container-fluid {
        padding: 0;
    }

    .resTopRow {
        padding: 4px 4px;
    }

    /* search Small screens (phones) */
    .searchLogo img {
        max-width: 160px;
        height: auto;
    }

    .search-overlay {
        padding: 16px;
    }

    .overlay-header {
        margin-bottom: 30px;
    }

    .overlay-header .logo-text {
        font-size: 1.1rem;
    }

    .overlay-header .close-btn {
        font-size: 1.3rem;
    }

    .search-input {
        width: 100%;
        font-size: 1rem;
    }

    .overlay-links a {
        display: block;
        font-size: 0.95rem;
    }

    /* ========== Slide menu ==============*/
    .resTopRow span {
        /*display: none; !* Only icons on tiny screens if text feels crowded *!*/
    }

    /*scroll tags*/
    #programmeSliderHome {
        scroll-margin-top: 80px;
    }

    #contactUsSecHmPg {
        scroll-margin-top: 190px;
    }

    #helpSecHmPg {
        scroll-margin-top: 190px;
    }

    #FAQSecHmPg {
        scroll-margin-top: 160px;
    }

    #successStorSecHmPg {
        scroll-margin-top: 100px;
    }

    #pastGovtProgList {
        scroll-margin-top: 160px;
    }

    /* Home page ========================*/
    /* hero 4 image*/
    .hero4Image {
        display: none;
    }

    .heroHeadingSec {
        padding: 0;
    }

    .heroTextSection {
        padding: 0 2rem;
    }

    /*course filter*/
    .programmeFilter {
        padding: 48px 16px;
    }

    .programmeFilter {
        margin-top: 48px;
    }

    /*category slider */
    .programmeSliderHome .course-card {
        min-width: 75%;
    }

    .programmeSliderHome .heading-row {
        gap: 2rem;
    }

    .programmeTitleHome {
        padding: 0 16px;
        flex-direction: column;
    }

    /*for organization*/
    .forOrganizationHome {
        padding: 3rem 1rem;
    }

    .successStories {
        /*padding: 32px 0;*/
    }

    /*what they said =======*/

    .whatTheySaid {
        padding: 48px 32px;
    }

    .whatTheySaid .container {
        padding: 0px;
    }

    .left-colTestimonial {
        padding-right: 0;
    }

    .left-colTestimonial .row {
        width: 100%;
        margin: auto;
    }

    .video-thumb img {
        object-fit: fill;
    }

    .right-colTestimonial {
        padding: 0;
    }

    .testimonialTextPartHome .col-md-6 {
        padding: 0;
    }

    /*news letter =============*/
    .newsletter-section {
        padding-left: 32px;
        padding-right: 32px;
    }

    /*contact faq sec home pg*/

    .contactFAQsHome .col-12 {
        padding: 3rem 0;
    }

    .homeFAQs {
        padding: 0 2rem;
    }

    /* ======== oep detail programme page =======*/
    .oepDetailShareBtnLg {
        display: none;
    }

    .oepDetailShareBtnSm {
        display: block;
        padding: 8px 16px 8px 16px;
        background-color: var(--white);
        color: var(--primaryBlue);
        border: 1px solid var(--primaryBlue);
    }

    .programmeDetailsSection {
        padding: 48px 16px;
    }

    .resTabsProgDetailsPage .facultyChair fieldset {
        /*padding: 1rem;*/
    }

    /*   Nomination form page =============*/

    .nominationFormParent {
        padding: 2rem 1rem;
    }

    .btnRowNomiForm {}

    /* ======== All programme page =======*/
    .filterSectionParent {
        padding: 3rem 1rem;
    }

    .oepPage .OnCampusProgramme {
        padding: 2rem;
    }

    .oepPage .filterSectionParent>.row {
        padding: 2rem;
        margin: 0;
    }

    .filterSectionParent .mobFilter {
        top: 96px;
    }

    .filterSectionParent .course-card {
        width: auto;
    }

    .cardimmParent {
        justify-content: center;
    }

    /* ======== The campus Page =======*/
    .campusPage {
        padding: 3rem 1rem;
    }


    /* ======== Contact us Page =======*/
    .contactUsPage .contactInfoParent {
        padding: 8rem 2rem 2rem 2rem;
    }

    /*    responsive tab filter menu*/

    #v-pills-tab .nav-link {
        width: 100%;
        border-right: 1px solid var(--accent);
    }

    .filterSectionParent .offcanvas-body {
        padding: 16px 0;
    }

    /* ======== SITEMAP page =======*/

    .sitemap-hero {
        margin: 3rem 1rem 0 1rem;
        width: inherit;
    }

    .siteMapBox .row {
        width: inherit;
        margin: auto;
    }

    /* ======== chairman's message page =======*/

    .chairPersonParent {
        padding: 0 32px !important;
    }

    /*.chairPerson-hero{*/
    /*    margin-left: 32px!important;*/
    /*    margin-right: 32px!important;*/
    /*}*/

    /* ======== about us page =======*/
    .about {
        padding: 3rem 1rem;
    }

    .whatSetsUsApartTxt {
        padding: 0 1rem;
    }

    .whatSetsUsApart {
        padding: 3rem 0;

    }

    /*   Footer =============*/
    .footer .rrow {
        padding: 0 1rem;
        gap: 2rem;
    }
}

@media (max-width: 480px) {
    /* ====contact us page ====*/

    .contactUsPage .contactInfoParent {
        /*padding: 3rem 2rem;*/
        padding: 8rem 1rem 2rem 1rem;
    }

    .contactUsPage .contactInfoParent .container {
        padding: 0;
    }

    .contactUsPage .GetInTouchWithUs {
        padding: 2rem 2rem;
    }

    .contactUsPage .contactSection {
        padding: 0 !important;
    }

    /* ====about us page ====*/
    .aboutPageBox {
        min-height: 640px;
    }

    .AboutUsLearningExperience {
        border-radius: 4px;
        border: 1px solid var(--grey-400, #D5D5D5);
        background: linear-gradient(180deg, rgba(9, 28, 86, 0.00) 30.0%, #1B2F6E 70.00%), url(../image/learningExp.jpg) lightgray 50% / cover no-repeat;
    }


}


@media (max-width: 470px) {

    /*Header*/
    .resTopRow {
        background-color: transparent;
    }

    .resTopRow a {
        /*color: var(--primaryBlue);*/
    }

    .pdR0 {
        padding-right: 0 !important;
    }

    .header-icon-search i {
        color: #fff !important;
    }

    /*Home*/
    .filterCalender {
        text-align: center;
    }

    /*for individual*/

    .domainBoxHome .domains-grid {
        grid-template-columns: auto;
    }

    .ourFunDomainHomePgSec {
        width: 100%;
    }

    .contact-sectionHome {
        padding: 0 0 0 2rem;
    }

    /*oep programme detail page*/
    .dateCard {
        padding: 16px 12px;
        min-width: auto;
    }

    /*tabs programme detail page*/
    .resTabsProgDetailsPage .row {
        flex-wrap: nowrap;
        /*gap: 1rem;*/
    }

    .pfresinner {
        flex-wrap: wrap !important;

    }

    .resTabsProgDetailsPage .tabs-column .nav-link {
        padding: 12px 8px 12px 6px;

    }

    /*=============  Footer ===========*/
    .linksFooter .col-4 {
        width: 100%;
    }
}

@media (max-width: 450px) {

    /*programme detail page*/

    .resTabsProgDetailsPage .facultyTabData fieldset {
        padding: 2rem 1rem 1rem 1rem;
    }

    .resTabsProgDetailsPage .facultyTabData legend {
        box-shadow: 5px 5px 5px #d5d5d5;
        border: 1px solid #f2f2f2;
        top: -40px;


    }

    /*all programme details page*/

    .filterSectionParent {
        /*padding: 0;*/
    }




}

@media (max-width: 390px) {
    /*home page*/

    .ui-card3Home img {
        width: 144px;
    }

    /*    Programme detail*/
    .facultyChair legend {
        top: -48px;
        /*border: 1px solid var(--grey-400);*/
        box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
    }

    .programmeFaculty legend {
        top: -44px;
        /*border: 1px solid var(--grey-400);*/
        box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
    }
}


/*====================================   extra ============================================*/

/*=============*/


.section-title {
    /*font-size: 2.5rem;*/
    /*font-weight: 600;*/
    /*margin-bottom: 1.5rem;*/
}

.hide-text {
    color: #ffffff !important;
}

/*============ FAQ page Start here ================================ */

.faq-section {
    padding: 320px 0 80px 0;
    background-image: url(../image/faqbgNew.jpg);
    background-size: cover;
    margin-top: -184px;
}

.faq-section .faq-title {
    margin: 0 0 6rem 0 !important;
}

.faq-section #faqLeft,
.faq-section #faqRight {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.faq-section .accordion-item {
    border: none;
}

.accordion-header {
    border-bottom: 1px solid var(--grey-400);
}

.faq-section .accordion-button:not(.collapsed) {

    box-shadow: inset 0 calc(-1 * var(--grey-400)) 0 rgba(0, 122, 243, 0);
}


.faq-title {
    /*text-align:center;*/
    /*font-weight:700;*/
    /*font-size:32px;*/
    /*color:var(--iima-dark);*/
    /*margin-bottom:50px;*/
}

.faq-category-title {
    /*font-weight:600;*/
    /*font-size:20px;*/
    /*margin-bottom:20px;*/
    color: var(--primaryBlue);
    border-left: 4px solid var(--primaryBlue);
    padding: 0.5rem 1rem !important;
}

.faq-section .accordion-item {
    border: 1px solid var(--grey-400);
    /*border-radius:8px;*/
    /*margin-bottom:15px;*/
    overflow: hidden;
    /*background:#fff;*/
}

.faq-section .accordion-button {
    /*font-weight:500;*/
    color: var(--primaryBlue);
    background: var(--accent);
    /*box-shadow:none;*/
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.faq-section .accordion-button::after {
    display: none;
    /* Remove default Bootstrap arrow */
}

.faq-section .faq-section .accordion-button:not(.collapsed) {
    background: var(--accent);
    color: var(--primaryBlue);
}

.faq-section .accordion-body {
    /*font-size:15px;*/
    /*color:#555;*/
    background: var(--white);
    padding: 2rem;
    text-align: justify;
}

.firstPGLine {
    margin-bottom: 12px !important;
}

/* Font Awesome Icon */
.faq-section .faq-icon {
    font-size: 14px;
    transition: 0.3s ease;
    color: var(--primaryBlue);
}

.faq-section .accordion-button:not(.collapsed) .faq-icon {
    color: var(--primaryBlue);
    border: none;
}

/* Change + to - when open */
.faq-section .accordion-button:not(.collapsed) .faq-icon::before {
    content: "\f068";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
}

.homeFaqMore {
    text-decoration: none;
    color: white;
    text-align: right;
    float: right;
    margin-top: 32px;
}

/*============ FAQ page End here ================================ */