html,
body {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
}

img {
    max-width: 100%;
    width: auto \9;
    height: auto;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
}

/* Force swap behavior for Font Awesome webfonts */
@font-face {
    font-family: 'FontAwesome';
    src: url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
         url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'merriweatherbold';
    src: url('../fonts/merriweather-bold-webfont.woff2') format('woff2'), url('../fonts/merriweather-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'merriweatherregular';
    src: url('../fonts/merriweather-regular-webfont.woff2') format('woff2'), url('../fonts/merriweather-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular-webfont.woff2') format('woff2'), url('../fonts/opensans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'robotomedium';
    src: url('../fonts/roboto-medium_2-webfont.woff2') format('woff2'), url('../fonts/roboto-medium_2-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/roboto-regular_1-webfont.woff2') format('woff2'), url('../fonts/roboto-regular_1-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'RobotoBold';
    src: url('../fonts/RobotoBold.eot');
    src: url('../fonts/RobotoBold.eot') format('embedded-opentype'), url('../fonts/RobotoBold.woff2') format('woff2'), url('../fonts/RobotoBold.woff') format('woff'), url('../fonts/RobotoBold.ttf') format('truetype'), url('../fonts/RobotoBold.svg#RobotoBold_4') format('svg');
    font-display: swap;
}

@font-face {
    font-family: 'MerriweatherRegular';
    src: url('../fonts/MerriweatherRegular.eot');
    src: url('../fonts/MerriweatherRegular.eot') format('embedded-opentype'), url('../fonts/MerriweatherRegular.woff2') format('woff2'), url('../fonts/MerriweatherRegular.woff') format('woff'), url('../fonts/MerriweatherRegular.ttf') format('truetype'), url('../fonts/MerriweatherRegular.svg#MerriweatherRegular') format('svg');
    font-display: swap;
}

h1,
h2,
h3,
h4,
h5 {
    font-weight: normal;
}

.display-desktop {
    display: block;
}

.display-mobile {
    display: none;
}

.clearB {
    clear: both;
    display: block;
}

.responsive_img {
    width: 100%;
    display: block;
}

#wrapper {
    width: 100%;
    margin: 0;
    padding: 0;
}

.L-nmims-head {
    background: #d4202d;
    width: 55%;
    float: left;
    padding: 16px 0 16px 5%;
}

.container {
    width: 1170px;
    margin: 0 auto;
}

.main_banner {
    position: relative;
}

.banner_overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1170px;
    height: 100%;
    transform: translate(-50%, -50%);
}

.L-banner-box {
    backdrop-filter: blur(2px);
-webkit-backdrop-filter: blur(2px);
    float: left;
    width: 42%;
    max-width: 520px;
    background: linear-gradient(
    90deg,
    rgba(0,0,0,0.62) 0%,
    rgba(0,0,0,0.40) 55%,
    rgba(0,0,0,0.10) 100%
    );
    border-radius: 12px;
    padding: 40px 42px 40px 32px;
    position: relative;
    top: 80px;
    left: -20px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.18);
}

.L-banner-box h2 {
    font-size: 60px;
    font-family: 'Arial';
    padding-right: 35%;
    line-height: 1.35;
    color: #36183e;
}

.L-banner-box h3 {
    font-family: 'Arial';
    font-size: 16px;
    line-height: 1.55;
    font-weight: 500;
}

.L-banner-box h1,
.L-banner-box h2,
.L-banner-box h3,
.L-banner-box p {
    color: #ffffff;
}

.L-banner-box h1 {
    font-size: 28px;
    line-height: 1.2;
    font-weight: 500;
    margin-bottom: 12px;
}

.L-banner-box p {
    font-size: 13px;
    line-height: 1.55;
}
.R-banner-box {
    width: 30%;
    float: right;
}

.blue {
    background: #36183e;
}

.musturd {
    background: #d1b16f;
}

.free_sample_form {

}

.free_sample_form form#requestsamplefrm {
    margin-top: 9px;
}

.name-box ul,
.send-box ul {
    margin: 0;
    padding: 0;
}

.name-box li,
.send-box li {
    list-style: none;
    margin-bottom: 0;
}

.name-box li:last-child {
    margin-bottom: 0;
}

.name-box label {
    font-size: 13px;
    width: 100%;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}

.name-box input,
.name-box select {
    font-size: 13px;
    color: #000000;
    border: 1px solid #cccccc;
    outline: none;
    width: 100%;
    padding: 6px 8px;
    font-family: 'Open Sans', sans-serif;
    border-radius: 3px;
    font-weight: 500;
    margin-top: 3px;
}

.name-box select {
    background: url(../images/select_dropdown.png) no-repeat center;
    background-position-x: 97%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.errormsg {
    display: none;
    border: none;
    background: #e01a21;
    color: #ffffff;
    font-size: 10px;
    position: absolute;
    margin-top: 0;
    z-index: 1;
    padding: 1px 10px;
    width: auto;
    text-align: left;
    font-family: 'Open Sans', sans-serif;
}

input.submit-btn {
    padding: 14px 24px;
    width: auto;
    color: #ffffff;
    cursor: pointer;
    background: #d02f38;
    letter-spacing: 1px;
    margin-top: 2;
    border: 0;
    border-radius: 4px;
    outline: none;
}

.free_sample_form h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 22px;
    font-weight: 600;
    color: #333333;
    line-height: 1.2;
    margin-bottom: 6px;
}

.free_sample_form span {
    font-family: 'robotoregular';
    font-size: 14px;
    color: #666666;
    display: block;
    margin-top: 6px;
    line-height: 1.4;
}

.free_sample_form {
    border-radius: 10px;
    border: 1px solid rgba(209,177,111,0.35);
    background: #ffffff;
    padding: 18px 30px;
    margin-top: 77px;
}

.send-box {
    margin-top: 16px;
}

.bfuture_ready_section {
    margin-top: 30px;
    z-index: 9;
    margin-bottom: 30px;
    position: relative;
}

.bfr_img {
    width: 28%;
    float: left;
}

.bfr_content {
    width: 72%;
    float: left;
    padding: 44px 70px 50px 25px;
    border-width: 1px;
    border-color: #cccccc;
    border-style: solid;
    border-left: 0 none;
    background: #ffffff;
    position: relative;
    border: unset;
}

.heading01 {
    font-size: 35px;
    font-family: 'Arial';
    color: #36183e;
    position: relative;
    padding: 0 0 8px 0;
    margin: 0 0 20px 0;
}

.heading01:after {
    background: #36183e;
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 44px;
    height: 3px;
}

.heading01 span.r-color {
    color: #36183e;
    font-size: 35px;
    font-family: 'Arial';
    font-weight: unset;
}

.bfuture_ready_section .container {
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.6);
}

.bfr_content span {
    font-size: 18px;
    font-family: 'arial';
    color: #36183e;
    font-weight: 600;
}

.bfr_content p {
    font-size: 16px;
    font-family: 'arial';
    color: #36183e;
    line-height: 22px;
    margin-top: 10px;
}

.distance_learning_programme_section {
    background: url(../images/distance_programm_bg.webp) no-repeat;
    padding: 68px 0 93px 0;
    color: #ffffff;
    background-size: cover;
}

.heading01W {
    position: relative;
    font-size: 35px;
    color: #d1b16f;
    font-family: 'merriweatherregular';
    padding: 0 0 16px 0;
    margin: 0 0 24px 0;
    text-align: center;
}

.heading01W:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    background: #d1b16f;
    width: 42px;
    height: 3px;
}

.L-pgdp,
.R-pgdp {
    width: 50%;
    float: left;
}

.pgdp-block li {
    line-height: 32px;
    background: url(../images/square_bullet1.webp) no-repeat left center;
    list-style: none;
    padding-left: 15px;
    color: #36183e;
}

.resp-tab-active:after {
    position: absolute;
    left: 50%;
    bottom: -12px;
    width: 0;
    height: 0;
    content: '';
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top-style: solid;
    border-top-width: 12px;
    transform: translateX(-50%);
}

.blue.resp-tab-active:after {
    border-top-color: #36183e;
}

.musturd.resp-tab-active:after {
    border-top-color: #e88037;
}

.lead_future_slider {
    margin: 0 -15px;
}

.leadthefuture_section {
    padding: 52px 0 52px 0;
    position: relative;
}

.LFS_box {
    padding: 22px 22px 0px 22px;
    color: #ffffff;
}

.LFS_box h4 {
    font-family: 'robotomedium';
    font-size: 18px;
    min-height: 96px;
}

.LFS_box p {
    font-family: 'robotoregular';
    font-size: 14px;
    min-height: 105px;
    line-height: 20px;
    margin-top: 0px;
}

.ltf01 {
    position: absolute;
    right: 15.5%;
    top: 8%;
}

.ltf02 {
    position: absolute;
    bottom: 0;
    z-index: -1;
}

.aboutnmims_section {
    background: url(../images/about_nmims_bg.webp) no-repeat;
    padding: 75px 0 96px 0;
    color: #ffffff;
    background-size: cover;
}

.a-center {
    text-align: center
}

.heading03 {
    position: relative;
    font-size: 35px;
    color: #ffffff;
    font-family: 'merriweatherregular';
    padding: 0 0 16px 0;
    margin: 0 0 24px 0;
}

.heading03:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    background: #ffffff;
    width: 42px;
    height: 3px;
}

.abt-block {
    margin: 0 137px;
}

.abt-block p {
    line-height: 28px;
}

.ngaf_block {
    margin: 64px 137px 0 137px;
}

.ngaf_box {
    /*  background: #e88037; */
    font-family: 'robotoregular';
    text-align: center;
    min-height: 162px;
    padding: 0 20px;
    position: relative;
}

.R-ngaf {
    width: 30%;
    float: left;
    padding-top: 17px;
    position: absolute;
    right: 20px;
}

.L-ngaf {
    width: 70%;
    float: left;
    text-align: left;
    position: absolute;
    bottom: 15px;
}

.ngaf_block ul {
    margin-top: 30px;
}

.ngaf_block li {
    list-style: none;
    display: inline-block;
    width: 31.1%;
    float: left;
    margin: 0 10px;
}

.ngaf_box h3 {
    font-size: 40px;
}

.ngaf_box p {
    font-size: 14px;
}

.L-regional_ofc {
    float: left;
    width: 60%;
    padding: 0 60px 0 0;
}

.regional_office_section {
    padding: 41px 0;
}

.L-regional_ofc p {
    color: #666666;
    font-size: 18px;
    line-height: 30px;
}

.footer-section {
    background: #821723;
    padding: 24px 0;
    color: #ffffff;
}

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

.dlp_slider.display-mobile {
    display: none;
}

.disclamer {
    background: #ffffff;
    padding: 24px 0;
    color: #36183e;
}

.disclamer .disclam {
    font-size: 14px;
    line-height: 18px;
}

.nmins_header.color-red {
    background: #d4202d;
}

.nmins_header.color-red .L-nmims-head {
    width: 100%;
    text-align: center;
    padding-left: 0;
}

.nmins_header.color-red .L-nmims-head .nmims_logo {
    display: inline-block;
}

.resp-tabs-list li {
    font-family: Arial, Helvetica, sans-serif;
}

.resp-tabs-container {
    background-color: #ffffff !important;
}

.section4 .heading01 {
    text-align: center;
    font-weight: 600;
}

.section4 .heading01:after {
    left: 50%;
    transform: translateX(-50%);
}

.lead_future_slider .LFS_box {
    border-radius: 10px !important;
}

.LFS_box .musturd {
    width: calc(100% + 44px);
    margin-left: -22px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    min-height: 150px;
    padding: 15px 22px 60px 22px;
    color: #000000;
    margin-top: 10px;
    position: relative;
}

.LFS_box {
    position: unset;
}

.lfs_img {
    position: absolute;
    top: -45px;
    right: 10px;
}

.section05 .heading03 {
    font-family: Arial, Helvetica, sans-serif;
    color: #d1b16f;
    font-weight: 600;
}

.section05 .heading03:after {
    background-color: #d1b16f;
}

.section03 .heading03 {
    font-family: Arial, Helvetica, sans-serif;
    color: #d1b16f;
    font-weight: 600;
    text-align: center;

}

.section03 .heading03:after {
    background-color: #d1b16f;
}

.section7 .L-regional_ofc p {
    color: #36183e;
    font-weight: 600;
}

@media only screen and (max-width: 767px) {
    .heading01W:after {
        left: 50%;
        transform: translateX(-50%);
    }
}

.L-banner-box h2 {
    font-weight: bold;
}

.R-regional_ofc {
    width: 40%;
    float: right;
}

.section7 .heading01 {
    font-weight: 600;
}

    .bottom-inline-cta {
      margin: 30px auto; /* Slightly more breathing room */
      max-width: 480px;
      text-align: center;
      padding: 20px 16px; /* Increased padding for better structure */
      background: #ffffff; /* Pure white for contrast against grey sections */
      border: 1px solid #e5e7eb; /* Soft border to define the 'card' */
      border-radius: 12px; /* Softer, modern corners */
      box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05); /* Very subtle depth */
    }
    
    .bottom-inline-cta p {
      font-size: 14px; /* Increased for better readability */
      color: #374151; /* Slightly darker for better accessibility score */
      margin-bottom: 12px;
      line-height: 1.5;
    }
    
    .bottom-inline-cta-btn {
      display: block; /* Makes the whole width clickable on mobile */
      margin: 0 auto;
      background: #d4202d; /* Your brand red */
      color: #fff;
      font-size: 15px; /* Larger tap target */
      font-weight: 600;
      padding: 14px 24px;
      border-radius: 6px;
      text-decoration: none;
      transition: background 0.3s ease;
    }
    
    .bottom-inline-cta-btn:active {
      background: #b01b26; /* Darkens slightly when tapped */
      transform: scale(0.98); /* Tactile feedback */
    }

    /* RED FLOATING CALL BUTTON */
    .floating-call {
        background: #d4202d !important;
    }
    
        /* Fees & Eligibility Section */
    .section-fees { 
        background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);
        padding: 50px 0; 
    }

    .fees-eligibility-wrapper {
        display: flex;
        gap: 30px;
        margin-top: 20px;
        justify-content: center;
    }

    .fee-card {
        flex: 1;
        max-width: 520px;
        background: #ffffff;
        border-radius: 12px;
        box-shadow: 0 8px 24px rgba(54, 24, 62, 0.08);
        overflow: hidden;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .fee-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 12px 32px rgba(54, 24, 62, 0.12);
    }

    .card-header {
        padding: 20px 24px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .blue-card .card-header {
        background: linear-gradient(135deg, #36183e 0%, #4a2454 100%);
    }

    .mustard-card .card-header {
        background: linear-gradient(135deg, #d4a017 0%, #e6b52e 100%);
    }

    .card-header h3 {
        font-size: 20px;
        font-family: 'merriweatherbold', serif;
        color: #ffffff;
        margin: 0;
    }

    .badge {
        background: rgba(255, 255, 255, 0.2);
        color: #ffffff;
        padding: 4px 12px;
        border-radius: 20px;
        font-size: 11px;
        font-family: 'robotomedium', sans-serif;
    }

    .card-body {
        padding: 24px;
    }

    .fee-item {
        display: flex;
        justify-content: space-between;
        padding: 12px 0;
        border-bottom: 1px solid #f0f0f0;
        align-items: center;
    }

    .fee-item:last-child {
        border-bottom: none;
    }

    .fee-item.highlight {
        background: #fff8e6;
        margin: 0 -12px;
        padding: 12px 12px;
        border-radius: 6px;
        border-bottom: none;
    }

    .fee-label {
        font-size: 13px;
        color: #6b7280;
        font-family: 'robotoregular', sans-serif;
    }

    .fee-value {
        font-size: 14px;
        color: #36183e;
        font-weight: 600;
        font-family: 'robotomedium', sans-serif;
        text-align: right;
    }

    .eligibility-item {
        display: flex;
        gap: 12px;
        padding: 14px 0;
        border-bottom: 1px solid #f0f0f0;
    }

    .eligibility-item:last-child {
        border-bottom: none;
    }

    .check-icon {
        width: 24px;
        height: 24px;
        background: #d4a017;
        color: #ffffff;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        font-weight: bold;
        flex-shrink: 0;
    }

    .eligibility-text {
        font-size: 13px;
        color: #36183e;
        line-height: 1.6;
        font-family: 'robotoregular', sans-serif;
    }

    .eligibility-text strong {
        font-family: 'robotomedium', sans-serif;
        color: #36183e;
    }

    .card-footer {
        padding: 16px 24px;
        background: #f9fafb;
    }

    .card-footer p {
        font-size: 11px;
        color: #6b7280;
        margin: 0;
        line-height: 1.5;
        font-family: 'robotoregular', sans-serif;
    }

    @media (max-width: 991px) {
        .fees-eligibility-wrapper {
            flex-direction: column;
            gap: 20px;
        }
        
        .fee-card {
            max-width: 100%;
        }
    }
    
    .submit-btn:disabled {
    opacity: 0.7;
    cursor: not-allowed;
}

.floating-cta {
    position: fixed;
    right: 18px;
    bottom: 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    z-index: 9999;
}
.floating-cta a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    box-shadow: 0 6px 14px rgba(0,0,0,0.25);
    transition: transform .2s ease;
}
.floating-cta a:hover {
    transform: scale(1.1);
}
.floating-wa {
    background: #25D366;
}
.floating-cta svg {
    width: 26px;
    height: 26px;
    fill: #fff;
}

.section-fees .heading01 {
    text-align: center;
    font-weight: 600;
}

.section-fees .heading01:after {
    left: 50%;
    transform: translateX(-50%);
}

/* ===== FLOAT FIX (DO NOT REMOVE) ===== */
.bfuture_ready_section .container {
    display: flow-root;
}

/* ===== GLOBAL HEADING CONSISTENCY ===== */

.heading01,
.heading01W {
    font-size: 28px;
    line-height: 1.2;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 600;
    margin-bottom: 10px;
}

/* ===== Phase 2 cleanup classes ===== */

.hero-small-text {
    font-size:13px;
    max-width:420px;
    margin-top:10px;
}

.form-mini-note {
    font-size:13px;
    color:#4b5563;
    margin-bottom:6px;
    line-height:1.4;
}

.form-trust-text {
    font-size:13px;
    color:#4b5563;
    margin-bottom:6px;
    line-height:1.4;
}

.send-box .form-privacy-text {
    display: block;
    font-size: 11px;
    line-height: 1.4;
    color: #666;
    margin-top: 8px;
}

.section-small-highlight {
    font-size:12px;
    color:#000;
    font-weight:600;
}

.center-intro-text {
    font-size:14px;
    color:#36183e;
    max-width:800px;
    margin:12px auto 30px;
    text-align:center;
}

.small-muted-note {
    font-size:11px;
    color:#666;
    margin-top:6px;
}

/* ===== Slider load optimization ===== */

.lead_future_slider,
.dlp_slider {
    visibility: hidden;
}

.lead_future_slider.slick-initialized,
.dlp_slider.slick-initialized {
    visibility: visible;
}

/* Lead the Future – equal height cards */
.lead_future_slider .slick-track {
    display: flex !important;
}

.lead_future_slider .slick-slide {
    height: inherit !important;
}

.lead_future_slider .slick-slide > div {
    height: 100%;
}

.lead_future_slider .LFS_box {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.lead_future_slider .musturd {
    flex: 1;
}

.main_banner {
    height: 620px;
}

.main_banner .responsive_img {
    height: 100%;
    object-fit: cover;
    filter: brightness(0.88);
}

.free_sample_form {
    box-shadow: 0 8px 24px rgba(0,0,0,0.10);
    background: #fcfcfc;
}

/* ============================= */
/* MOBILE ONLY INTRO SECTION */
/* ============================= */

.mobile-only-intro {
    display: none;
}

@media (max-width: 991px) {

.mobile-only-intro {
    display: block;
    padding: 0 14px;
    margin-top: -25px; /* slight overlap with hero */
    position: relative;
    z-index: 5;
}

.mobile-intro-inner {
    max-width: 420px;
    margin: 0 auto 14px;
    padding: 18px 18px 14px;
    margin-bottom: 10px;
    background: rgba(255,255,255,0.94);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    border-radius: 18px;
    box-shadow: 0 6px 18px rgba(0,0,0,0.08);
    text-align: center;
}

/* ===== Typography (balanced for mobile) ===== */

.mobile-only-intro h1 {
    font-size: 26px;
    font-weight: 700;
    color: #1e293b;
    line-height: 1.1;
    letter-spacing: -0.3px;
    margin-bottom: 8px;
}

.mobile-only-intro h3 {
    font-size: 16px;
    font-weight: 600;
    color: #36183e;
    line-height: 1.3;
    margin-bottom: 12px;
}

.mobile-only-intro p {
    font-size: 15px;
    font-weight: 500;
    color: #4b5563;
    line-height: 1.4;
    margin-bottom: 6px;
}

.mobile-only-intro p:last-child {
    margin-bottom: 0;
}

}