/* ========== GLOBAL RESET ========== */
*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.btnWidth {
    width: 80% !important;
}

body {
    font-family: 'Exo 2', sans-serif;
}

body.homePage {
    height: 100%;

}

body.stopscroll {
    overflow-y: hidden;
}

:root {
    --red-card-bg1: #374b54;
    --red-card-bg2: #2f3f46;
    --red-text: #e8eef1;
    --red-input-bg: #7e1c1c;
    --red-input-bg2: #8a2323;
    --red-input-text: #f3f5f6;
    --red-placeholder: #d5c7c7aa;
    --red-btn-top: #2a2a2e;
    --red-btn-bot: #121316;
    --red-btn-border: #ffffff33;
    --red-btn-glow: #5a49ff;
    --red-outline: #ffffff22;
}

/* Home Banner Css  */

/* ===== HOME BANNER ===== */
.home-new-bnr {
    width: 100%;
    overflow: hidden;
}

.home-new-bnr__slide {
    position: relative;
}

.home-new-bnr__slide img {
    width: 100%;
    height: auto;
    display: block;
}

.sepratorLine {
    width: 100%;
}

/* Remove blue outline */
.home-new-bnr .slick-slide {
    outline: none;
}

.topBanner {
    position: relative;
    min-height: auto;
    padding: 0px !important;
    overflow: hidden;
    background: #000;
}

.topBanner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 85%;
    background:
        linear-gradient(rgba(32, 32, 32, 0.55), rgba(32, 32, 32, 0.55)),
        url('/wp-content/uploads/2025/12/mainbanner.png') bottom right / cover no-repeat;
    background-blend-mode: multiply;
}

.secFirstGrid {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 20px;
    margin-top: 100px !important;
}

.mainThirdSec {
    margin-top: 314px;
}

.maxBtnWidth {
    width: 100% !important;
}

.red-card {
    width: 420px;
    max-width: calc(100vw - 28px);
    color: var(--red-text);
    background: radial-gradient(125% 120% at 10% 0%, var(--red-card-bg1) 0%, var(--red-card-bg2) 70%);
    padding: 28px;
    border-radius: 5px;
    box-shadow:
        inset 0 0 0 1px var(--red-outline),
        0 20px 40px rgba(0, 0, 0, .45);
    position: absolute;
    top: 32%;
    left: 17%;
}

.red-title {
    font-size: 27.3px;
    line-height: 1.15;
    letter-spacing: .2px;
    margin: 0 0 18px 0;
    font-family: 'Exo 2', sans-serif;
    font-weight: 200;
}

.red-field {
    margin-bottom: 12px;
}

.red-input {
    width: 100%;
    height: 44px;
    border: none;
    outline: none;
    padding: 0 14px;
    color: var(--red-input-text);
    background:
        linear-gradient(180deg, var(--red-input-bg2), var(--red-input-bg));
    box-shadow:
        inset 0 0 0 1px #5e0e0e55,
        0 1px 0 #00000055;
}

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

.red-input:focus {
    box-shadow:
        inset 0 0 0 2px #c34c4c,
        0 0 0 3px #c34c4c33;
}




.BannerPara {
    margin-top: 50px;
    font-size: 40px;
    color: #fff;
    font-family: 'Exo 2', sans-serif;
    font-weight: 300;
    max-width: 100%;
    line-height: 54px;
}

.redContsiner {
    max-width: 965px;
    width: 90%;
    margin: 0 auto;
    position: relative;
}

.RightSec {
    display: flex;
    place-items: end;
}

.red-stats::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(0, 0, 0, .75) 0%, rgba(0, 0, 0, .65) 60%, rgba(0, 0, 0, .4) 100%);
}

.red-stats-wrap {
    position: relative;
    z-index: 1;
    padding: 0px 24px;
}

.red-stats-col {
    position: relative;
    padding-left: 32px;
    max-width: 560px;
}

.red-stats-col::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 2px;
    background: #ffffff;
    opacity: 0.9;
}

.red-stat {
    padding: 18px 0 26px 0;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.red-stat:last-child {
    border-bottom: none;
}

.red-stat .red-kicker {
    font-size: 44px;
    letter-spacing: .5px;
    line-height: 1.05;
    color: #fff;
    font-family: 'Exo 2', sans-serif;
    font-weight: 500;
}

.red-stat .red-sub {
    margin-top: 6px;
    font-size: 20px;
    opacity: .95;
    color: #fff;
    font-family: 'Manrope', sans-serif;
    font-weight: 200;
}

.red-stat .red-note {
    margin-top: 2px;
    font-size: 15px;
    color: #fff;
}

.cardGridBanner {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
    padding: 25px;
    border-radius: 12.87px;
    margin-top: 60px;
    background-color: #1e1c1c;
}

.red-card-new {
    --rc-radius: 8px;
    --rc-shadow: 0 2px 10px rgba(0, 0, 0, .06);

    border: var(--rc-border);
    box-shadow: var(--rc-shadow);
    /* overflow: hidden; */
    color: var(--rc-text);
    border-radius: 5px;
}

.red-card-new .red-card-body .red-card-title {
    min-height: 57px;
}

.red-card-body .red-card-title {
    min-height: 57px;
}


.red-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 4.29px 4.29px 0px 0px;
}

.red-card-body {
    padding: 10px;
    transition: all 0.4s ease-in-out;
    border-radius: 4.29px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    transform-origin: top center;
    color: #E9E9E9;
    background: linear-gradient(90deg, #282828 0%, #474747 100%);
    top: -3px;
    position: relative;

}

.red-card-body.fixHeightCard {
    /* height: 100%; */
    border-radius: 4.29px;
}

.red-card-body.fixHeightCard:hover {
    /* height: 100%; */
    border-radius: 4.29px;
    transform: scale(1.05) translateY(-10px);
}

.red-card-body:hover {
    background: #DD2827 !important;
    color: #fff;


}

.red-card-body:hover .red-card-tag,
.red-card-body:hover .red-card-date,
.red-card-body:hover .red-card-title {
    color: #fff !important;
}

.bodyCardGrid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
}

.bodyCardGrid .red-card-body {
    background: linear-gradient(90deg, #282828 0%, #474747 100%);

    ;
}

.bodyCardGrid .red-card-body:hover {
    background: #DD2827;
}

.red-card-title {
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 0.01em;
    color: #E9E9E9 !important;
    font-family: 'Manrope', sans-serif;
    font-weight: 400;
    margin-bottom: 0px;
}

.red-card-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    font-size: 13px;
}

.red-card-tag {
    color: #D8D8D8 !important;
    text-transform: lowercase;
    font-family: 'Manrope', sans-serif;
    font-weight: 300;
    font-size: 11.2px;
}

.red-card-date {
    color: #D8D8D8 !important;
    white-space: nowrap;
    font-family: 'Manrope', sans-serif;
    font-weight: 300;
    font-size: 11.2px;
}

.red-card:hover {
    transform: translateY(-2px);
    transition: transform .2s ease;
}

.nationCardImg {
    width: 100%;
}

.cardLogs {
    width: 100%;
}

.nationMain {
    font-family: 'Exo 2', sans-serif;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    position: relative;
    overflow: hidden;
    margin-top: 174px;
}

.nation-container {
    max-width: 965px;
    width: 90%;
    z-index: 1;
}

.nation-heading {
    text-align: center;
    font-size: 40px;
    color: white;
    margin-bottom: 78px;
    font-family: 'Exo 2', sans-serif;
    font-weight: 100;
    letter-spacing: 2px;
    font-style: italic;
}

.nation-highlight-text img {
    width: 90px;
    margin-left: 10px;
}

.nation-grid-wrapper {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    margin: 0 auto;
    position: relative;
    isolation: isolate;
    z-index: 0;
}

.nation-grid-wrapper::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 1px;
    background: linear-gradient(to bottom, transparent, #bbbb, transparent);
    transform: translateX(-50%);
}

.nation-grid-wrapper::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(to right, transparent, #bbbb, transparent);
    transform: translateY(-50%);
}

.nation-card {
    background: #cbcbcb;
    /* linear-gradient(#cbcbcb, #cbcbcb) padding-box,
        linear-gradient(to bottom, #2B00FF 0%, #FF3F3F 100%) border-box; */
    border-radius: 5px;
    /* border: 1px solid transparent; */
    overflow: hidden;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    position: relative;
}

.nation-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4);
}

.nation-card-image {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.nation-card-image img {
    display: block;
    margin: auto;
    width: 100%;
}

.nation-card-content {
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding-top: 28px;
    border: 1px solid #FF3F3F;
    border-top: 0;
    border-radius: 0px 0px 5px 5px;
}

.nation-card-title {
    font-size: 24px;
    color: #545454;
    font-weight: 300;
}

.nation-card-icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ccc;
    font-size: 24px;
    filter: brightness(1) invert(1);
}

.nation-card:hover {
    background: #4C4C4C;
    cursor: pointer;
}

.nation-card:hover .nation-divider-line {
    background: #fff;
}

.nation-card:hover .nation-card-title {
    color: #fff;
}

.nation-card:hover .nation-card-icon {
    filter: brightness(0) invert(1);
}

.nation-divider-line {
    width: 90%;
    margin: 0px auto;
    border: none;
    height: 1px;
    background: #888888;
    position: absolute;
    top: 8px;
}

.nation-card:hover .nation-divider-line {
    background: #ADADAD;
}

.nation-tooltip {
    display: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: #333;
    color: white;
    padding: 10px;
    border-radius: 8px;
    max-width: 300px;
    width: 100%;
    z-index: 10;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4);
    text-align: center;
}

.nation-tooltip-left {
    left: -320px;
}

.nation-tooltip-right {
    left: 100%;
    margin-left: 20px;
}

.nation-tooltip:after {
    content: '';
    position: absolute;
    top: 50%;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #333;
    transform: translateY(-50%);
}

.nation-tooltip-left:after {
    left: 100%;
}

.nation-tooltip-right:after {
    right: 100%;
}

img[src="/wp-content/uploads/2025/12/mainsymbolWhite.png"] {
    position: absolute;
    top: 10px;
    left: 0;
}

.stackContainer {
    max-width: 965px;
    width: 90%;
    margin: 0px auto;
    display: grid;
    margin-top: 30px;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 30px;
}

.stackSec {
    width: 100%;
    position: relative;
    padding-bottom: 0;
    z-index: 2;

}

.secOne {
    display: flex;
    flex-direction: column;
    justify-content: end;
}

.secOne .main-card-content .fixFontCard {
    font-size: 20px;
    line-height: 30px;
    font-family: 'Manrope', sans-serif;
}

.secOne .main-card-content .fixHeading {
    font-size: 36px;
    line-height: 48px;
}

.stackSec .main-card-content {
    justify-content: space-evenly;
    top: 56px;
    position: relative;
}

.stackSec::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -45px;
    transform: translateX(-50%);
    width: 100%;
    height: 87%;
    background-image: url('/wp-content/uploads/2025/12/colorbg.png');
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
    pointer-events: none;
    z-index: -1;
}

.stackSec .main-card-description {
    color: #fff;

    font-weight: 300;
}

.main-card .main-card-description.fixFontCard {
    font-family: 'Manrope', sans-serif;
    font-weight: 300;
    /* Light */
    font-size: 16px;
    line-height: 22px;
}

.testiomealSubhead {
    margin-bottom: 30px !important;
}

.stackSec .connectWithus {
    background-color: #fff;
}

.secondParnetSlide {
    /* padding: 80px 0px; */
    margin-bottom: 409px;
}

:root {
    --rh-step: 10px;
    --rh-radius: 18px;
    --rh-autoplayDelay: 2400ms;
    --rh-cardH: 520px;
}

.rh-slider-wrap {
    overflow: hidden;
    padding-right: calc(var(--rh-step) * 5);
}

.rh-stack {
    position: relative;
    height: 457px;
    width: 457px;
}

.rh-card {
    position: absolute;
    inset: 0;
    border-radius: 12.97px;
    overflow: hidden;
    background: #111;
    transform: translate3d(0, 0, 0);
    will-change: transform, opacity, filter;
}

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

.rh-card::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(120% 70% at 70% 110%, rgba(0, 0, 0, .55), transparent 55%),
        linear-gradient(to top, rgba(0, 0, 0, .55), rgba(0, 0, 0, 0) 45%);
    pointer-events: none;
}

.rh-badge {
    position: absolute;
    z-index: 2;
    top: 122px;
    left: 0px;
    background: #e0112b;
    color: #fff;
    padding: 10px 18px;
    font-weight: 600;
    font-size: 18px
}

.rh-secured {
    position: absolute;
    z-index: 2;
    right: 22px;
    bottom: 18px;
    color: #fff;
    font-size: 22px;
    font-weight: 700
}

.rh-secured b {
    color: #ff1e2e
}

:root {
    --radius-xl: 16px;
    --radius-lg: 14px;
    --radius-pill: 14px;
    --shadow-soft: 0 14px 40px rgba(0, 0, 0, .12);
    --shadow-tiny: 0 3px 14px rgba(0, 0, 0, .08);
    --brand: #5b3df5;
    --brand-2: #2a66ff;
    --text: #0f0f15;
}

.grid {
    display: grid;
    grid-template-columns: 1.1fr .9fr;
    /* gap: 48px; */
    align-items: start;
}

.heroCard {
    position: relative;
}

.heroCard__image {
    width: 100%;
    height: 200px;
    object-fit: cover;
    display: block;
    border-radius: 15px 15px 0px 0px;
    box-shadow: var(--shadow-soft);
}

.heroCard__panel {
    position: relative;
    width: 100%;
    height: 200px;
    border-radius: 15px;
    background:
        linear-gradient(180deg, #282828 20%, #474747 80%);
    box-shadow: var(--shadow-soft);
    top: -10px;
}

.heroCard__panelInner {
    height: 100%;
    padding: 28px;
}

.btn-outline {
    background: #fff;
    color: #6844AA;
    border: 2px solid #6844AA;
    border-radius: 5px;
    padding: 14px 26px;
    font-weight: 500;
    letter-spacing: .2px;
    box-shadow: var(--shadow-tiny);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: transform .15s ease, box-shadow .2s ease;
}

.btn-outline:hover {
    transform: translateY(-1px);
    box-shadow: 0 8px 22px rgba(91, 61, 245, .25)
}

.features {
    display: grid;
    gap: 26px;
    align-items: center;
    width: 80%;
}

.featureWrap {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.feature {
    position: relative;
    border-radius: 5px;
    background: #323232;
    padding: 32px 22px 32px 70px;
    font-weight: 400;
    color: #DCDCDC;
    box-shadow: var(--shadow-tiny);
}

.feature::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 5px;
    padding: 1.5px;
    background:
        linear-gradient(90deg, #b45b7a 0%, var(--brand-2) 100%);
    -webkit-mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

.feature__icon {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: grid;
    place-items: center;
}

.feature__icon img {
    width: 38px;
    height: 38px;
    display: block;
    filter: brightness(0) invert(1);
}

.feature__text {
    font-size: 16px;
    font-weight: 300;
    padding-left: 20px;
    color: #DCDCDC;
    font-family: 'Manrope', sans-serif;
}

.title {
    margin: 0 0 12px 0;
    font-weight: 500;
    font-size: 20px;
}

.muted {
    color: #666;
    font-weight: 300
}

.mainImgChange {
    margin-top: 292px;
    margin-bottom: 300px;
}

.main-card-image.second-card-img img {
    border-radius: 15px;
}


.leftParasec.miniFont {
    color: #E2E2E2;
    font-weight: 300;
    font-size: 48px;
    margin-bottom: 10px;
}

.containerRed {
    max-width: 965px;
    width: 90%;
    margin: auto;
}

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

.leftPara {
    font-size: 40px;
    line-height: 52px;
    color: #E1E1E1;
    font-weight: 200
}

.marginSection {
    margin-top: 80px;
}

.connectWithus {
    font-weight: 400;
    font-size: 18px;
    padding: 10px 40px;
    border: 2px solid #6844AA;
    color: #6844AA;
    text-decoration: none;
    border-radius: 5px;
    width: max-content;
    background-color: #fff;
}

.stats-card {
    width: 480px;
    border-radius: 15px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    /* padding: 24px 0; */
    /* overflow: hidden; */
    text-align: center;
    position: relative;
    background-image: url('/wp-content/uploads/2025/12/rectangleDark.png');
    background-repeat: no-repeat;
    background-position: right center;
    background-size: cover;
}

.bultSvgIcon {
    width: 30px;
    height: 30px;
    margin-right: 10px;
}

.stat-item {
    padding: 26px 16px;
    display: flex;
    flex-direction: row;
    align-items: center;
    /* justify-content: space-between; */

}

.textcenterWrap {
    text-align: left;
    width: 100%;
    padding-left: 30px;
}

.stat-item h2 {
    font-weight: 300;
    font-size: 40px;
    color: #F8F8F8;
    margin: 4px;
    width: 220px;
    text-align: left;
    padding-left: 28px;
    z-index: 2;
}

.stat-item p {
    font-weight: 300;
    font-family: 'Manrope', sans-serif;
    font-size: 20px;
    color: #FBFBFB;
}

.item2 {
    display: flex;
    justify-content: end;
}

.item1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 15px;
}

/* Divider */
.divider {
    margin: 0 auto;
}

/* Footer text */
.footerottom {
    padding: 16px 24px 0;
    color: #323232;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.4;
    text-align: left;
    font-family: 'Manrope', sans-serif;
}

.floatImg {
    position: absolute;
    top: -19%;
    left: -149px;
    width: 393px;
    height: 393.2px;
    opacity: 0.6;
    object-fit: contain;
}




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

:root {
    --sli-gap: 18px;
    --sli-card-h: 460px;
    --sli-radius: 22px;
}

.sliderBGSec {}

.sliderBGSec::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 90%;
    /* Set your desired image height here */

    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
    /* Places it behind the content */
}

.sliderBGSec.bannerFirst {
    position: relative;
}


.sliderBGSec.bannerFirst::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 32%;
    background-image: url('/wp-content/uploads/2025/12/sliderBgImage.png');
    /* ADD THIS */
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
}



.make-textCenter {
    text-align: center;
}




.sli-viewport {
    position: relative;
    max-width: 965px;
    width: 90%;
    margin: 0 auto;
}

/* ===== Slick spacing & alignment ===== */
.sliderBGSec .slick-slider {
    overflow: hidden;
}

.sli-wrap .slick-track {
    display: flex;
    align-items: stretch;
    padding: 80px 0px;

}

.sliderBGSec .slick-slide {
    height: 100%;
    margin: 0 calc(var(--sli-gap) / 2);
}

.sliderBGSec .slick-list {
    margin: 0 calc(var(--sli-gap) * -0.5);
    /* compensate outer margins */
}

/* ===== Each slide ===== */
.sli-item {
    height: 100%;
}

/* optional stagger like your original */
.sli-item:nth-child(odd) {
    transform: translateY(-18px);
}

.sli-item:nth-child(even) {
    transform: translateY(50px);
}

/* ===== Card (CSS-only flip) ===== */
.sli-flip {
    perspective: 1200px;
    height: var(--sli-card-h);
}

.sli-card {
    position: relative;
    height: 100%;
}

.sli-inner {
    position: absolute;
    inset: 0;
    transform-style: preserve-3d;
    transition: transform .7s cubic-bezier(.2, .6, .2, 1);
}

.sli-flip:hover .sli-inner {
    transform: rotateY(180deg);
}

.sli-side {
    position: absolute;
    inset: 0;
    background: #4A4A4A;
    border-radius: 5px;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .12);
    padding: 14px;
    backface-visibility: hidden;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

/* Front */
.sli-media {
    flex: 1 1 auto;
    background: #4A4A4A center/cover no-repeat;
    border-radius: 5px;
    min-height: 200px;
}

.sli-info {
    flex: 0 0 auto;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding: 16px 6px 6px;
    gap: 8px;
    padding-top: 0px;
}

.sli-name {
    font-size: 20px;
    font-weight: 300;
    letter-spacing: .2px;
    color: #DFDFDF;
    font-family: 'Manrope', sans-serif;
    padding-top: 10px;
    padding-left: 6px;
    padding-right: 6px;
}

.sli-role {
    margin-top: 6px;
    font-size: 14px;
    font-family: 'Manrope', sans-serif;
    font-weight: 300;
    color: #DFDFDF;
}

.sli-brand img {
    width: 76px;
    height: auto;
    display: block;
    object-fit: contain;
}

/* Back */
.sli-back {
    transform: rotateY(180deg);
}

.wrapOverAllSec {
    background-image: url('/wp-content/uploads/2025/12/bgImageMainSec.png');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    /* image stays at top */
    background-color: #fff;
    /* important if bottom should be solid */
    float: left;
    width: 100%;
}


.sli-backpad {
    flex: 1 1 auto;
    border-radius: 5px;
    background: #4A4A4A;
    padding: 10px 10px 33px;
    display: flex;
    flex-direction: column;
}

.sli-quote {
    font-size: 20px;
    line-height: 1.35;
    color: #DFDFDF;
    margin: 8px 6px 0;
    font-family: 'Manrope', sans-serif;
    font-weight: 300;

}

.sli-footer {
    margin-top: auto;
    padding: 0 6px;
}

.sli-divider {
    height: 1px;
    background: #cfcfcf;
    width: 76%;
    margin: 22px 0 14px;
}

.sli-person {
    font-size: 20px;
    color: #DFDFDF;
    font-family: 'Manrope', sans-serif;
    font-weight: 300;

}

.sli-personrole {
    margin-top: 8px;
    color: #DFDFDF;
    font-size: 12px;
    font-family: 'Manrope', sans-serif;
    font-weight: 300;
}

/* ===== Slick arrows & dots (optional tuning) ===== */
.sliderBGSec .slick-dots li button:before {
    font-size: 10px;
}

.sliderBGSec .slick-prev:before,
.sliderBGSec .slick-next:before {
    opacity: .85;
}

.leftParasec {
    font-weight: 300;
    font-size: 40px;
    color: #fff;
}

.divPadding {
    padding: 60px 0px;
}

/* Background + spacing */
.partnersSec {
    margin: 0;
}

.partnersBg {

    background-position: center;
    text-align: center;
    margin-top: 131px;
    margin-bottom: 290px;
}

/* Your heading style */
.partnersTitle {
    color: #fff;
    font-weight: 300;
    /* Light */
    font-size: 40px;
    /* YOU REQUESTED */
    line-height: 0.8;
    margin: 0 0 80px;
    /* GAP between heading & slider */
    white-space: nowrap;
    pointer-events: none;
    user-select: none;
}

.partnerSlider .pItem {
    margin: 0 50px;
}

.partnerSlider .pItem img {
    /* width: 140px; */
    opacity: 1;
    ;
    transition: opacity .3s, transform .3s;
    display: inline-block;
    object-fit: contain;
    width: 135px;
    height: 67px;
}

.partnerSlider .pItem img:hover {
    opacity: 1;
    transform: scale(1.06);
}


.main-card {
    background: #525252;
    border-radius: 5px;
    /* overflow: hidden;s */
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    max-width: 965px;
    width: 90%;
    margin: 0 auto;
    display: flex;
    min-height: 400px;
    position: relative;
}

.main-card.mbtm {
    margin-bottom: 340px;
}


/* Ensure content stays above background */
.main-card>* {
    position: relative;
    z-index: 1;
}


.main-card-content {
    flex: 1;
    padding: 60px 50px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.main-card-heading {
    font-size: 32px;
    font-weight: 600;
    color: #2c2c2c;
    margin-bottom: 24px;
    line-height: 1.3;
}

.main-card-description {
    font-size: 24px;
    color: #f7f7f7;
    line-height: 1.6;
    /* margin-bottom: 40px; */
    font-weight: 300;
}

.main-card-btn {
    border: 2px solid #4a3f9f;
    background: transparent;
    color: #4a3f9f;
    padding: 14px 32px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    width: fit-content;
    text-decoration: none;
    display: inline-block;
}

.main-card-btn:hover {
    background: #4a3f9f;
    color: white;
}

.main-card-image {
    flex: 1.4;
    overflow: hidden;
    padding: 14px;
}

.main-card-image img {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 5px;
}

.colortxt {
    color: #4E4E4E;
    margin-bottom: 10px;
}




@media(max-width:900px) {
    .partnersTitle {
        margin-bottom: 50px;
    }

    .partnerSlider .pItem img {
        width: 120px;
    }
}

@media(max-width:600px) {
    .partnersTitle {
        margin-bottom: 40px;
    }

    .partnerSlider .pItem img {
        width: 100px;
    }
}

/* ===== Responsive ===== */
@media (max-width: 900px) {
    :root {
        --sli-card-h: 440px;
    }

    .sli-item:nth-child(odd) {
        transform: translateY(-10px);
    }

    .sli-item:nth-child(even) {
        transform: translateY(24px);
    }

    .sli-brand img {
        width: 100px;
    }
}

@media (max-width: 640px) {
    :root {
        --sli-card-h: 400px;
    }

    .sli-item {
        transform: none !important;
    }

    /* remove stagger on small screens */
    .sli-brand img {
        width: 96px;
    }
}



:root {
    --radius-xl: 18px;
    --radius-pill: 16px;
    --ink: #2b2c31;
    --brand: #e31b23;
    --blue: #2d66ff;
    --shadow-card: 0 18px 60px rgba(0, 0, 0, .14);
    --shadow-soft: 0 10px 28px rgba(0, 0, 0, .12);
}

.rh-wrap {
    max-width: 965px;
    width: 90%;
    /* padding-bottom: 80px; */
    margin: 0 auto;

}

/* ===== Heading ===== */
.rh-headline {
    font-weight: 300;
    font-size: clamp(28px, 3.4vw, 40px);
    line-height: 1.18;
    letter-spacing: .2px;
    margin: 0 0 24px;
    color: #E2E2E2;
    text-align: center;
    margin-bottom: 105px;
}

/* ===== 2 Column ===== */
.rh-grid {
    display: grid;
    grid-template-columns: 1.7fr 1fr;
    gap: 46px;
    align-items: stretch;
    /* equal height columns */
    margin-top: 32px;
}

.rh-showcase,
.rh-pillList {
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* vertical centering */
}

/* ===== Left Composite Card ===== */
.rh-showcase {
    position: relative;
    /* background: #fff; */
    border-radius: 18px;
}

/* red underline at TOP-RIGHT of the left media (progress bar) */
.rh-showcase .rh-red-underline {
    position: absolute;
    top: -12px;
    left: 70%;
    height: 8px;
    width: 0;
    /* starts empty */
    max-width: 180px;
    background: var(--brand);
    border-radius: 20px;
    z-index: 3;
    transition:
        width var(--prog-ms, 3000ms) linear,
        top .35s ease,
        right .35s ease;
    will-change: width;
}

.rh-showcase .rh-red-underline.is-running {
    width: 180px;
}

/* fills */

.rh-showcase__mediaWrap {
    position: relative;
    overflow: hidden;
}

.rh-showcase__media {
    height: 313px;
    width: 100%;
    object-fit: cover;
    display: block;
    border-radius: 4.51px;
    box-shadow: var(--shadow-card);
}

.rh-showcase__media.is-fading {
    opacity: .2;
    transform: scale(.985);
    transition: .28s ease;
}

.rh-showcase__media.is-in {
    opacity: 1;
    transform: scale(1);
    transition: .32s cubic-bezier(.22, .61, .36, 1);
}

.main-card-content hr {
    background-color: #fff;
}

.mainCard.Seconds-stack {
    background: none;
    box-shadow: none;
}

.main-card-description.secndCardHeading {
    font-family: 'Exo 2', sans-serif;
    font-weight: 300;
    /* Light */
    font-size: 40px;
    line-height: 48px;
}

.main-card-description.dubHeadSecond {
    font-family: 'Manrope', sans-serif;
    font-weight: 200;
    /* Regular */
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 20px !important;
    color: #e2e2e2;
}


.panel-close {
    display: none;
    /* Hidden by default (desktop) */
}

/* Tablet & Mobile */
@media (max-width: 1024px) {
    .panel-close {
        display: flex;

    }
}


.main-card-image.second-card-img {
    flex: 1;
}

.main-card-content.fixPaddingTop {
    padding: 0px 16px !important;
}



.rh-showcase__panel {
    background: linear-gradient(0deg, #282828 20%, #474747 80%);
    border-radius: 0 0 4.51px 4.51px;
    box-shadow: var(--shadow-card);
    padding: 22px 22px;
}

.rh-facts {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px 24px;
    align-items: start;
    color: #DCDCDC;
    position: relative;

}

.rh-fact {
    display: grid;
    grid-template-columns: 26px 1fr;
    gap: 15px;
    align-items: flex-start;
    padding: 15px 0px;
    justify-content: center;
    align-items: center;

}



.rh-fact p {
    margin: 0;
    font-size: 16px;
    font-family: 'Manrope', sans-serif;
    line-height: 1.35;
    font-weight: 300;
}

/* hairlines */
.rh-facts::before,
.rh-facts::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(267deg, #fcfcfc75 0%, #2d65ff96 100%);
    top: calc(50% - .5px);
}

.rh-facts::after {
    height: 100%;
    width: 1px;
    background: linear-gradient(115deg, #ffffff71 0%, #2d65ff77 100%);
    left: 50%;
    top: 0;
}

/* ===== RIGHT PILL LIST ===== */
.rh-pillList {
    gap: 62px;
    width: 100%;
}

.rh-grid.clickChange .newchange.rh-pill {
    padding: 0 22px 0 72px;
}

.rh-pillWrap {
    position: relative;
    height: 70px;
}

.paddingSec {
    padding: 80px 0px;
}


/* 80% width, right aligned band behind the pill */
.rh-pillBand {
    position: absolute;
    top: -13px;
    right: 0;
    bottom: 0;
    width: 90%;
    background-size: cover;
    background-position: center;
    border-radius: 5px;
    transform: translateY(-12px);
    filter: saturate(.95) brightness(.95);
    box-shadow: 0 10px 24px rgba(0, 0, 0, .22);
}

.rh-pill {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 5px;
    display: flex;
    align-items: center;
    /* padding: 0 22px 0 72px;*/
    padding: 0 22px 0 20px;
    transition: transform .18s ease, box-shadow .18s ease;
    cursor: pointer;
    height: 84px;
}

.newchange.rh-pill {
    padding: 0 22px 0 72px;
}

.rh-pill:hover {
    transform: translateY(-2px);
}

.rh-pill__icon {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 38px;
    height: 38px;
    border-radius: 12px;
    display: grid;
    place-items: center;
}

.rh-pill__text {
    font-weight: 300;
    font-size: 16px;
    font-family: 'Manrope', sans-serif;
    color: #4C4C4C;
}

/* Active (dark) */
.rh-pill--active {
    background: #DD2827;
    color: #fff;
}


.rh-pill__icon {
    filter: brightness(0) invert(1);
}

.rh-pill--active .rh-pill__icon img {
    filter: brightness(0) invert(1);
    /* Make image white */
}

.rh-pill--active .rh-pill__text {
    color: #fff;
}

/* Outlined */
.rh-pill--outline {
    background: #555555;
    color: #22252f;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .12);
}

.rh-pill--outline::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 5px;
    padding: 1.6px;
    background: linear-gradient(115deg, #b44e5f 0%, #2d66ff 100%);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

.rh-pill__text--outline {
    color: #ECECEC;
}

.Seconds-stack.fixBottomPAdding {
    margin-bottom: 150px;
}

.rh-facts svg {
    filter: brightness(0) invert(1);
}

/* Responsive */
@media (max-width: 1060px) {
    .rh-grid {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .rh-showcase .rh-red-underline {
        right: 12px;
    }
}

@media (max-width: 768px) {
    .rh-facts {
        display: grid;
        grid-template-columns: 1fr;
        gap: 18px 24px;
        align-items: start;
        position: relative;
    }

    .rh-facts::befor .rh-facts::after {

        background: #cfd2d800;
    }

    .rh-grid {
        grid-template-columns: 1fr;
        gap: 62px;
    }

    .rh-pillList {
        display: grid;
        justify-content: center;
        /* flex-wrap: wrap; */
        grid-template-columns: 1fr 1fr;
        gap: 12px;
    }

    .rh-pill__icon img {
        width: 20px;
    }
}

.showBrTag {
    display: none;
}

@media (max-width: 520px) {
    .showBrTag {
        display: block !important;
    }

    .rh-pillList {
        display: grid;
        justify-content: center;
        /* flex-wrap: wrap; */
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .rh-pillWrap {
        height: 78px;
    }

    .rh-grid {
        grid-template-columns: 1fr;
        gap: 82px;
    }

    .rh-pill {
        padding-left: 10px;
    }

    .red-card-new .red-card-body .red-card-title {
        min-height: 54px;
    }

    .rh-pill__icon {
        width: 34px;
        height: 34px;
        border-radius: 10px;
    }

    .rh-pill__text {
        font-size: 15px;
    }

    .red-card-body .red-card-title {
        min-height: 41px;
    }

    .stat-item p {
        font-size: 14px;
    }
}

.Crad-Grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-bottom: 40px;
}

/* ===== Overlay + Opposite-side full-height panel (desktop) ===== */
.nation-panel-overlay {
    position: absolute;
    inset: 0;
    /* background:rgba(0,0,0,.35); */
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s ease;
    border-radius: 5px;
    z-index: 10;
}

.nation-panel-overlay.show {
    opacity: 1;
    pointer-events: auto;
}

.nation-sidepanel {
    position: absolute;
    top: 0;
    bottom: 0;
    width: calc(50% - 40px);
    /* exactly one column width without covering center gap */
    background: #4C4C4C;
    color: #fff;
    border-radius: 5px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .5), inset 0 1px 0 rgba(255, 255, 255, .05);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    /* momentum scroll on iOS */

    opacity: 0;
    transform: translateX(20px);
    transition: opacity .22s ease, transform .22s ease;
    outline: 1px solid rgba(255, 255, 255, .08);
    z-index: 11;
    pointer-events: none;
    /* <-- prevents hidden panel blocking clicks */
}

.nation-sidepanel.right {
    right: 0;
}

.nation-sidepanel.left {
    left: 0;
    transform: translateX(-20px);
}

.nation-sidepanel.show {
    opacity: 1;
    transform: translateX(0);
    pointer-events: auto;
}

.panel-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 20px;
    position: sticky;
    top: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, 0));
    backdrop-filter: blur(6px);
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    z-index: 2;
    background: #4C4C4C;
}

.panel-title {
    font-size: 1.1rem;
    font-weight: 600;
    letter-spacing: .3px;
}

.panel-close {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, .25);
    color: #fff;
    border-radius: 10px;
    padding: 6px 10px;
    cursor: pointer;
}

.panel-body {
    padding: 20px;
    display: grid;
    gap: 14px;
}

.panel-tag {
    display: inline-block;
    font-size: .8rem;
    padding: 4px 8px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, .2);
    color: #ddd;
}

.panel-section {
    background: rgba(255, 255, 255, .04);
    padding: 14px;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, .06);
}

.panel-section h4 {
    margin-bottom: 8px;
    font-weight: 600;
}

.panel-section p {
    color: #ddd;
    line-height: 1.5;
    font-size: .95rem;
}

.LeadersSec {
    margin-top: 287px;
    margin-bottom: 287px;
}

.rh-certifications {
    display: flex;
    grid-template-columns: repeat(3, 1fr);
    gap: 66px;
    margin-top: 70px;
    padding: 0 20px;
    flex-wrap: wrap;
}

.rh-cert-img {
    max-width: 53px;
    height: auto;
    margin-bottom: 16px;
}

.rh-cert-img.lasticon {
    max-width: 89px;
}

/* ====== Mobile/Tablet modal (<= 850px) ====== */
@media (max-width: 850px) {
    .nation-panel-overlay {
        position: fixed;
        inset: 0;
    }

    .nation-sidepanel {
        position: fixed;
        left: 50%;
        top: 50%;
        width: min(560px, 92vw);
        max-height: 80vh;
        transform: translate(-50%, -46%) scale(.98);
        /* subtle pop */
        border-radius: 16px;
    }

    .nation-sidepanel.left,
    .nation-sidepanel.right {
        left: 50%;
        right: auto;
        height: 60vh;
    }

    .nation-sidepanel.show {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }
}

@media (max-width:768px) {
    .nation-heading {
        font-size: 2rem;
        margin-bottom: 40px;
    }

    .nation-grid-wrapper {
        gap: 30px;
    }

    .nation-card-title {
        font-size: 1rem;
    }
}

html.homePageHtml {
    height: 100%;
}



body.stopscroll {
    overflow-y: hidden;
    /* disables vertical scroll */
}

.panel-section h4 {
    font-size: 16px;
}

.btnBlack {
    background-color: #00000069 !important;
}

.btnWhite {
    background: #353535 !important;
    color: #fff;
}

/* Desktop: hidden */
.rh-build {
    display: none;
}

.secondCardevents {
    gap: 30px;
}

.secondCardevents .main-card-content {
    padding: 20px 0px;
}

/* Mobile/Tablet only */
@media (max-width:1024px) {
    .features {


        grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    }

    #pillList {
        display: none !important;
    }

    .rh-build {
        display: grid;
        grid-template-columns: 40px 1fr 40px;
        align-items: center;
        gap: 8px;
        padding: 16px 0;
    }

    .rh-build__prev {
        grid-column: 1;
    }

    .rh-build__next {
        grid-column: 3;
    }

    .rh-build__nav {
        appearance: none;
        border: none;
        background: rgba(0, 0, 0, .35);
        width: 36px;
        height: 36px;
        border-radius: 999px;
        display: grid;
        place-items: center;
        color: #fff;
        font-size: 16px;
        cursor: pointer;
        transition: transform .15s ease, opacity .15s ease, background .2s ease;
    }

    .rh-build__nav:hover {
        transform: scale(1.06);
        background: rgba(0, 0, 0, .48);
    }

    .rh-build__nav.slick-disabled,
    .rh-build__nav:disabled {
        opacity: .35;
        cursor: not-allowed;
        transform: none;
    }

    /* Track container for slick */
    .rh-build__track {
        grid-column: 2;
        --rh-gap: 16px;
        /* tablet default */
        overflow: hidden;
        /* slick track clip */
    }

    /* Slick internals */
    .rh-build__track .slick-list {
        overflow: hidden;
    }

    .rh-build__track .slick-track {
        display: flex;
        align-items: stretch;
    }

    /* Gap via margin */
    .rh-build__slide {
        box-sizing: border-box;
        margin: 0 calc(var(--rh-gap)/2);
        border: 1px solid rgba(255, 255, 255, .10);
        background: var(--card, #141414);
        border-radius: 14px;
        padding: 14px;
        display: flex;
        align-items: center;
        gap: 12px;
        min-height: 72px;
        text-align: left;
        transition: box-shadow .2s ease, transform .2s ease, border-color .2s ease, background .2s ease;
        width: auto;
        min-width: 0;
    }

    .rh-build__icon {
        width: 36px;
        height: 36px;
        flex: 0 0 36px;
        display: grid;
        place-items: center;
        border-radius: 10px;
        background: rgba(255, 255, 255, .06);
        overflow: hidden;
    }

    .rh-build__icon img {
        width: 22px;
        height: 22px;
        object-fit: contain;
        filter: brightness(0) invert(1);
    }

    .rh-build__text {
        font: 600 15px/1.35 system-ui, "Manrope", sans-serif;
        color: #fff;
        letter-spacing: .2px;
        min-width: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    /* Active (aria-selected=true only on slide click) */

    .rh-build__slide.slick-active {
        border-color: #DD2827;
        box-shadow: 0 6px 18px rgba(221, 40, 39, .18);
        transform: translateY(-1px);
    }

    .rh-build__slide {
        display: flex !important;
        flex-direction: row;
    }

    .rh-build__slide.slick-active .rh-build__icon {
        background: #DD28275E;
    }

    .rh-build__slide.slick-active .rh-build__text {
        color: #eafff6;
    }



    .rh-build__slide[aria-selected="true"] {
        border-color: #DD2827;
        box-shadow: 0 6px 18px rgba(221, 40, 39, .18);
        transform: translateY(-1px);
    }

    .rh-build__slide {
        display: flex !important;
        flex-direction: row;
    }

    .rh-build__slide[aria-selected="true"] .rh-build__icon {
        background: #DD28275E;
    }

    .rh-build__slide[aria-selected="true"] .rh-build__text {
        color: #eafff6;
    }

    /* Dots from slick */
    .rh-build__dots {
        grid-column: 1 / -1;
        display: flex;
        justify-content: center;
        margin-top: 10px;
    }

    .rh-build__dots .slick-dots {
        display: flex;
        gap: 8px;
        padding: 0;
        margin: 0;
        list-style: none;
    }

    .rh-build__dots .slick-dots li {
        margin: 0;
    }

    .rh-build__dots .slick-dots button {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #525252;
        opacity: .6;
        border: none;
        font-size: 0;
        line-height: 0;
        padding: 0;
    }

    .rh-build__dots .slick-dots .slick-active button {
        opacity: 1;
        background: var(--accent, #DD2827);
    }

    .mainThirdSec .rh-build__track {
        margin-bottom: 0px !important;
    }

    .mainThirdSec .slick-initialized .slick-slide {
        margin-top: 4px;
    }
}

/* Tablet: 2-up + bigger gap */
@media (min-width:641px) and (max-width:1024px) {
    .rh-build__track {
        --rh-gap: 16px;
    }
}

/* Phone: 1-up + lighter gap */
@media (max-width:640px) {
    .rh-build__track {
        --rh-gap: 12px;
    }
}


.rh-pillList.hoverPopup {
    display: grid;
    grid-template-columns: 1fr;
    max-width: 90% !important;
    margin: 0 auto;
    padding-left: 0px;
    padding-bottom: 40px;
}

.panel-body.hoverPopup {
    margin-top: 20px;
}

/* Default: Desktop */
.slick-slide .banner-mobile {
    display: none;
}

.slick-slide .banner-desktop {
    display: block;
    width: 100%;
}

/* Mobile */
@media (max-width: 767px) {
    .slick-slide .banner-desktop {
        display: none;
    }

    .slick-slide .banner-mobile {
        display: block;
        width: 100%;
        padding-top: 100px;
        margin-top: 50px;
    }

    .red-card {
        top: 14% !important;
        left: 4% !important;
    }
}


.red-btn {
    display: inline-block;
    width: 70%;
    height: 40px;
    border-radius: 12px;
    background: linear-gradient(180deg, #2c353a, #1e262b00);
    color: #fff;
    font-family: 'Manrope', sans-serif;
    font-weight: 500;
    /* Medium */
    font-size: 15px;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    position: relative;
    border: none;
    transition: all 0.3s ease;
}


.red-btn::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 10px;
    padding: 1px;
    /* border thickness */
    background: linear-gradient(90deg, #CDCDCD 0%, #4b00ff 100%);
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

.statSecBtn {
    margin-top: 30px;
}

.main-card-description.newFontSize {
    font-family: 'Manrope', sans-serif;
    font-weight: 300;
    /* Light */
    font-size: 20px !important;
    line-height: 28px;
    color: #e2e2e2;
}

.redVersityLogo {
    width: 300px;
    height: 98px;
    object-fit: contain;
}

.logowrapOverAllSec {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.exploreMOreBtn {
    position: absolute;
    bottom: 19px;
    width: 270px;
}

.main-card-description.emporingDisc {
    color: #e2e2e2;
}


/* Basic reset */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


html.my-custom-class {
    scroll-behavior: smooth;
    height: unset !important;
}

.mt-50p {
    margin-top: 50px;
}

body.enterprise section {
    float: unset;
}
body.enterprise {
    background-image: url("/wp-content/uploads/2025/12/HospitalmainBG.png") !important;
    height: unset !important;
    font-family: "Exo 2", sans-serif;
    color: #fff;
    /* change filename */
    background-position: top left;
    /* height: auto; */
    background-repeat: no-repeat;
    background-size: cover;
}
@media (max-width: 768px) {
    body.enterprise {
        background-image: url("/wp-content/uploads/2025/12/mobileNewBgImg.png") !important;
        background-position: top center;
        background-size: cover;
        background-repeat: no-repeat;
    }
}

body.hospitals section {
    float: unset;
}
body.hospitals {
    background-image: url("/wp-content/uploads/2025/12/HospitalmainBG.png") !important;
    height: unset !important;
    font-family: "Exo 2", sans-serif;
    color: #fff;
    /* change filename */
    background-position: top left;
    /* height: auto; */
    background-repeat: no-repeat;
    background-size: cover;
}
@media (max-width: 768px) {
    body.hospitals {
        background-image: url("/wp-content/uploads/2025/12/mobileNewBgImg.png") !important;
        background-position: top center;
        background-size: cover;
        background-repeat: no-repeat;
    }
}


.firstPara {
    margin-bottom: 28px;
}

/* Each slide = full hero section */
.hero-wrapper {
    width: 100%;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding-bottom: 0px;
}

.redhealth-links-nav.SecondtabStack .stack-tab {
    padding: 0.55rem 0.5rem;
}

.exterPriseBannerSliderMain .dividerSec {
    margin-top: 33px;
    margin-bottom: 30px;
}

.exterPriseBannerSliderMain .leftContentSec .dsrcText {
    margin-bottom: 30px !important;
}

.hero-slider::after {
    content: "";
    position: absolute;
    top: 10%;
    /* top 10% */
    right: 0;
    /* right side */
    width: 45%;
    /* adjust as needed */
    height: 80%;
    /* adjust as needed */
    background-image: url('/wp-content/uploads/2025/12/slidermainIcon.png');
    background-repeat: no-repeat;
    background-position: top right;
    background-size: contain;
    opacity: 0.1;
    /* 80% opacity */
    pointer-events: none;
}

/* Inner container */
.hero-inner {
    width: 100%;
    max-width: 1280px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
}

/* LEFT SIDE */
.hero-left {
    flex: 1.1;
    z-index: 2;
}

.hero-eyebrow {
    font-size: 32px;
    line-height: 1.2;
    font-weight: 300;
    color: #f5f5f5;
    line-height: 54px;
    margin-bottom: 55px;
}

.hero-subtext {
    margin-top: 30px;
    font-size: 16px;
    letter-spacing: 0.04em;
    color: #ffffff;
    font-family: "Manrope", sans-serif;
    font-weight: 400;
}

.hero-buttons {
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    z-index: 14;
    position: relative;
}

.hero-btn {
    font-family: "Manrope", sans-serif;
    font-weight: 500;
    font-size: 15px;
    padding: 14px 40px;
    border-radius: 15px;
    background: transparent;
    color: #ffffff;
    cursor: pointer;
    transition: 0.25s ease;
    border: none;
    outline: none;
}

/* PRIMARY BUTTON (Purple gradient border + dark inside) */
.hero-btn.primary {
    position: relative;
    z-index: 1;
    padding: 14px 80px;

}

.hero-btn.primary::before {
    content: "";
    position: absolute;
    inset: 0;
    /* border-radius: 15px; */
    padding: 2px;
    /* border thickness */
    background: linear-gradient(90deg, #cfcfcf, #5a21ff);
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -1;
}

.hero-btn.primary {
    background: rgba(20, 20, 20, 0.8);
}

/* Hover effect: slight glow */
.hero-btn.primary:hover::before {
    background: linear-gradient(90deg, #ffffff, #7f3bff);
    box-shadow: 0 0 15px rgba(125, 60, 255, 0.5);
}

/* SECONDARY BUTTON (plain white text) */
.hero-btn.secondary {
    background: transparent;
}

.hero-btn.secondary:hover {
    opacity: 0.7;
}


/* RIGHT SIDE - ONLY IMAGE */
.hero-right {
    flex: 1;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    position: relative;
}

/* Big person image like in screenshot (standing on bottom) */
.person-image-big {
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.person-image-big img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.relativeClass {
    position: relative;
}

/* Slick dots customization (optional) */
.hero-slider .slick-dots {
    bottom: 20px;
}

.hero-slider .slick-dots li button:before {
    font-size: 10px;
    color: #bbbbbb;
}

.hero-slider .slick-dots li.slick-active button:before {
    color: #ffffff;
}

.bottomSliderStip {
    position: absolute;
    bottom: 3px;
    width: 100%;
    left: 0;
    z-index: 1;
}

/* Logo slider start here  */
.logo-strip {
    padding: 82px 0;
    background: transparent;
    /* or your hero bg */
}


/* Slick track will be flex; this keeps spacing clean */
.logo-slider .logo-item {
    display: flex !important;
    justify-content: center;
    align-items: center;
    padding: 0 32px;
    /* equal gap left/right between logos */
}

/* Equal logo size */
.logo-slider .logo-item img {
    width: 140px;
    /* set your desired common width */
    height: 40px;
    /* set your desired common height */
    object-fit: contain;
    display: block;
    filter: brightness(1);
}

/* Section Third */
.SectionThird {
    padding: 80px 0px;

}

.makeTextCenter {
    text-align: center;
    /* margin-bottom: 30px; */
}

.textRed {
    color: #DD2827;
}

.dsrcText {
    font-family: "Manrope", sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
}

.exploreBTN {
    font-family: "Manrope", sans-serif;
    font-weight: 300;
    font-size: 14px;
    color: #FFF;
}

.achorwpr {
    text-align: center;
}

/* Fourth Section */

.classFourthSection {
    padding: 20px 0px;
    width: 100%;
}

.classFourthSection .fourth-img {
    width: 100%;
    height: auto;
    object-fit: contain;
    display: block;
    margin: 0;
    /* starts from left */
}

/* Section Fifth */
.sectionFifth {
    padding: 80px 0px 60px 0px;
    width: 100%;
    max-width: 965px;
    margin: 0 auto;
}

.sectionFifth.npdngtop {
    padding-top: 248px;
}

.secondHeading {
    font-family: "Manrope", sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 20px;
}

.secondHeading.textRed {
    margin-bottom: 0px;
}

.secondHeading.maixedText {
    margin-bottom: 0px;
}

.secondHeading.textWhite {
    margin-bottom: 55px;
}

.dividerSec {
    margin-top: 56px;
    margin-bottom: 64px;
}

.dividerSec.ent {}

.subMainDiscr {
    font-family: "Manrope", sans-serif;
    font-weight: 300;
    font-size: 24px;
    line-height: 32px;

}

/* Section wrapper */
.redhealth-links-section {
    width: 100%;
    padding: 24px 0;
}

/* Inner container */
.redhealth-links-inner {
    display: flex;
    align-items: center;
    gap: 32px;
    /* side padding */
}

/* Text base styles (Manrope regular, 16px, lh 24) */
.redhealth-links-inner a {
    font-family: "Manrope", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #ffffff;
    text-decoration: none;
    white-space: nowrap;
}

/* Left label */
.redhealth-main-label {
    flex-shrink: 0;
    opacity: 0.9;
}

/* Vertical divider */
.redhealth-divider {
    width: 1px;
    height: 32px;
    background: rgba(255, 255, 255, 0.5);
    flex-shrink: 0;
}

/* Right links */
.redhealth-links-nav {
    display: flex;
    align-items: center;
    /* space between each link */
    flex-wrap: wrap;
}

.redhealth-link-item {
    opacity: 0.9;
    transition: opacity 0.2s ease;
}

.redhealth-link-item:hover,
.redhealth-main-label:hover {
    opacity: 1;
}


.ambulanceSection {
    padding: 60px 0;
}

.ambulanceSection-inner {
    max-width: 1240px;
    margin: auto;
    padding: 40px 40px;
    background: #2e2e2e79;
    border-radius: 10px;
    margin-bottom: 80px;
}

.ambulanceSection-title {
    font-family: "Manrope", sans-serif;
    font-weight: 400;
    font-size: 24px;
    color: #fff;
    margin-bottom: 40px;
}

/* Cards container (when NOT slider) */
.no-slider {
    display: flex;
    gap: 32px;
    /* left-right spacing between cards */
}

/* Card styling */
.ambulanceSection-card {
    background: #111;
    border-radius: 0;
    /* removed radius */
    overflow: hidden;
    flex: 1;
    display: flex !important;
    flex-direction: column;
}

.ambulanceSection-cardImage {
    width: 100%;
    height: 240px;
    overflow: hidden;
}

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

.ambulanceSection-cardBody {
    background: #f5f5f5;
    padding: 20px;
    min-height: 140px;
}

.ambulanceSection-cardTitle {
    font-family: "Exo 2", sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #111;
    margin-bottom: 6px;
}

.ambulanceSection-cardText {
    font-family: "Manrope", sans-serif;
    font-weight: 300;
    font-size: 14px;
    color: #333;
}

/* Slick dots */
.ambulanceSection .slick-dots {
    margin-top: 24px !important;
}

.ambulanceSection-slider .slick-slide {
    margin: 0 30px;
    /* horizontal gap */
}

.ambulanceSection-slider .slick-list {
    margin: 0 -16px;
    /* compensate so outer edges align */
}

.sectionSixth {
    text-align: center;
    padding-bottom: 80px;

    margin-top: 100px;
}

/* Make the .sectionSixth-inner sticky */
.sectionSixth-inner {
    position: sticky;
    top: 0;
    /* Keeps it at the top of the viewport */
    z-index: 10;
    padding: 20px;
}

.sectionSixth-title {
    font-family: "Exo 2", sans-serif;
    font-weight: 200;
    font-size: 38px;
    margin-bottom: 40px;
    line-height: 42px;
}

.sectionSixth-text {
    font-family: "Manrope", sans-serif;
    font-weight: 200;
    font-size: 20px;
    line-height: 32px;
}

.sectionSixth-inner {
    margin-bottom: 40px;
    top: 40%;
}

.AbsoluteCard {
    position: relative !important;
    padding: 40px;
    margin-top: 150px;
    overflow: visible;
    width: 90%;
    max-width: 965px;
    min-height: 1100px;
    z-index: 12;
    margin: 0 auto;
    margin-top: 30%;
}

.makeTextCenter.fixBottomPadding {
    margin-bottom: 10px;
}

/* CARD */
.metricCard {
    position: absolute;
    width: 194px;
    height: 196px;
    border-radius: 2px;
    background: rgba(0, 0, 0, 0.55);
    /* Blur effect as requested */
    -webkit-backdrop-filter: blur(7.5px);
    backdrop-filter: blur(3.5px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #CDCDCD;
    overflow: hidden;
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}


/* Gradient border using ::before */
.metricCard::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(90deg, #f4f4f4 0%, #5a21ff 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    filter: blur(.2px);
    opacity: .5 !important;
}

/* ICON */
.metricCard-icon {
    margin-bottom: 28px;
}

.metricCard-iconSvg {
    width: 35px;
    height: 50px;
    object-fit: contain;
}

/* TEXT */
.metricCard-text {
    text-align: center;
}

.metricCard-line1,
.metricCard-line2 {
    margin: 0;
    font-family: "Manrope", sans-serif;
    font-weight: 100;
    font-size: 16px;
    line-height: 1.4;
}

/* Slightly larger bottom line like design */
.metricCard-line2 {
    margin-top: 4px;
}

/* Card specific positioning */
.card1 {
    top: 60px;
    left: 130px;
}

.card2 {
    top: -54px;
    right: 153px;
}

.card3 {
    top: 277px;
    right: 376px;
}

.card4 {
    top: 478px;
    left: 78px;
}

.card5 {
    top: 428px;
    right: 56px;
}

.card6 {
    top: 659px;
    right: 31%;
}

.card7 {
    top: 819px;
    left: 19%;
}

.card8 {
    top: 958px;
    right: 10%;
}

/* ====== SECTION WRAPPER ====== */
.onboardSection {
    padding: 80px 0;
    color: #ffffff;
    margin-top: 150px;
    margin-bottom: 100px;
}

.onboardSection-inner {
    max-width: 965px;
    width: 90%;
    margin: 0 auto;
    padding: 0 24px;
}

/* ====== TITLE ====== */
.onboardSection-title {
    text-align: center;
    font-family: "Exo 2", sans-serif;
    font-weight: 200;
    font-size: 32px;
    line-height: 1.4;
    margin-bottom: 56px;
}

/* ====== FLOW WRAPPER ====== */
.onboardSection-flow {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 32px;
}

/* ====== CARD ====== */
.onboardSection-card {
    position: relative;
    width: 255px;
    height: 289px;
    border-radius: 4px;
    background: rgba(3, 3, 3, 0.48);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    perspective: 1200px;
}

/* Inner wrapper that rotates */
.onboardSection-cardInner {
    position: relative;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    transition: transform 0.6s ease;
}

/* Gradient border still on the card container */
.onboardSection-card::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 4px;
    padding: 1px;
    background: linear-gradient(90deg, #f4f4f4 0%, #4c2bff 100%);
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    z-index: 2;
}

/* flip on hover */
.onboardSection-card:hover .onboardSection-cardInner {
    transform: rotateY(180deg);
}

/* Disable flip when there's no back side */
.onboardSection-card:not(:has(.onboardSection-cardBack)) .onboardSection-cardInner {
    transition: none;
    transform: none !important;
}


/* front + back shared base */
.onboardSection-cardFace {
    position: absolute;
    inset: 0;
    border-radius: 4px;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* FRONT */
.onboardSection-cardFront {
    position: relative;
    /* background: rgba(3, 3, 3, 0.85); */
    /* background: #000; */
    height: 100%;
}

.onboardSection-cardFront:before {
    width: 100%;
    content: '';
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background: linear-gradient(to right,
            rgba(0, 0, 0, 0.5) 21%,
            rgba(0, 0, 0, 1) 54%);
    opacity: 0.31;
    z-index: 1;
}

.onboardSection-cardContent {
    text-align: center;
    padding: 24px 30px;
    color: #CDCDCD;

}

/* BACK */
.onboardSection-cardBack {
    background: #3A1514;
    background: linear-gradient(90deg, rgba(58, 21, 20, 1) 0%, rgba(41, 18, 17, 1) 100%);
    transform: rotateY(180deg);
    padding: 24px 30px;
    z-index: 2;
    height: 100%;
}

.onboardSection-cardBack:before11 {
    width: 100%;
    content: '';
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background: linear-gradient(to right,
            rgba(0, 0, 0, 0.5) 21%,
            rgba(0, 0, 0, 0.404) 54%);
    opacity: 1;
    z-index: 3;
}

.onboardSection-cardBackInner {
    text-align: center;
}

/* back title text */
.onboardSection-backTitle {
    font-family: "Exo 2", sans-serif;
    font-weight: 200;
    font-size: 14px;
    line-height: 1.4;
    margin: 0 0 16px;
}

/* list */
.onboardSection-backList {
    margin: 0;
    /* padding-left: 18px; */
    list-style: disc;
    text-align: left;
    font-family: "Manrope", sans-serif;
    font-weight: 300;
    font-size: 12px;
    line-height: 1.5;
}

.onboardSection-backList li+li {
    margin-top: 6px;
}

/* keep small divider reused */
.onboardSection-cardDivider {
    display: block;
    width: 24px;
    height: 1px;
    margin: 0.75rem auto 1rem;
    background: #ffffff;
    opacity: 0.8;
}


/* gradient border */
.onboardSection-card::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(90deg, #f4f4f4 0%, #4c2bff 100%);
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

/* card content */
.onboardSection-cardContent {
    text-align: center;
    padding: 24px 30px;
    position: relative;
    z-index: 1;
}

.onboardSection-cardTitle {
    font-family: "Exo 2", sans-serif;
    font-weight: 200;
    font-size: 24px;
    margin-bottom: 10px;
}

.onboardSection-cardDivider {
    display: block;
    width: 24px;
    height: 1px;
    margin: 0 auto 16px;
    background: #ffffff;
    opacity: 0.8;
}

.onboardSection-cardText {
    font-family: "Manrope", sans-serif;
    font-weight: 200;
    font-size: 16px;
    line-height: 1.5;
    margin: 0;
}

/* ====== ARROWS ====== */
.onboardSection-arrow {
    font-size: 28px;
    line-height: 1;
    font-family: "Exo 2", sans-serif;
    font-weight: 200;
    opacity: 0.9;
}

.formSection {
    padding: 60px 0px;
    max-width: 80%;
    margin: 0 auto;
}

.formSecHeadin {
    font-family: "Manrope", sans-serif;
    font-weight: 300;
    font-size: 32px;
    margin-bottom: 36px;
    text-align: center;
}

.formDescrTxt {
    font-family: "Manrope", sans-serif;
    font-weight: 300;
    font-size: 16px;
    margin-bottom: 10px;
    text-align: center;
}

.red-form-page-wrapper {
    width: 100%;
    padding: 24px 16px 40px;
    box-sizing: border-box;
}

.red-form-card {
    max-width: 720px;
    margin: 0 auto 32px;
    background: #171515ba;
    border-radius: 24px;
    padding: 32px 28px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.7);
    box-sizing: border-box;
}

.red-form-form {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

/* ===== Inputs ===== */
.red-form-input-group {
    width: 100%;
}

.red-form-input {
    width: 100%;
    padding: 14px 18px;
    border-radius: 4px;
    border: none;
    outline: none;
    font-size: 15px;
    background: #432525;
    /* dark red fill */
    color: #ffffff;
    box-sizing: border-box;
}

.red-form-input::placeholder {
    color: #e1bcbc;
    opacity: 0.9;
}

.red-form-input:focus {
    box-shadow: 0 0 0 1px #d54b4b, 0 0 12px rgba(213, 75, 75, 0.6);
}

/* ===== Button ===== */
.red-form-button-wrap {
    text-align: center;
}

.red-form-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 14px 126px;
    font-size: 14px;
    color: #ffffff;
    cursor: pointer;
    border: 2px solid transparent;
    border-radius: 2px;
    /* ✅ Add this */
    background-image:
        linear-gradient(#000000, #000000),
        /* inner fill */
        linear-gradient(90deg, #3C3855, #5C2626);
    /* border gradient */
    background-origin: border-box;
    background-clip: padding-box, border-box;
    text-decoration: none;
    letter-spacing: 0.02em;
    transition: transform 0.15s ease, box-shadow 0.15s ease, background-position 0.25s ease;
    margin-top: 20px;
}

.red-form-button:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.75);
    background-image:
        linear-gradient(#101010, #101010),
        linear-gradient(90deg, #7b5cff, #ff6767);
}

.red-form-button:active {
    transform: translateY(0);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.7);
}

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

.sep-client-logo-section {
    margin-bottom: 60px;
    max-width: 965px;
    width: 90%;
    margin: 0 auto;
}

.mt-40p {
    margin-top: 40px;
}

.ambulanceSection-inner.withWhiteBG {
    background-color: #fff;
    border-radius: 5px;
}

.ambulanceSection-inner.withWhiteBG .ambulanceSection-title {
    color: #000;
    margin-bottom: 3px;
}

.ambulanceSection-inner.withWhiteBG .dsrcText {
    color: #000;
    margin-bottom: 30px !important;
}

.ambulanceSection-inner.withWhiteBG .ambulanceSection-card {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
    margin: 10px 10px;
}

.enterprise-container {
    max-width: 965px;
    width: 100%;
    margin: 0 auto;
    padding: 80px 0px;
    padding-bottom: 200px;
}

.exterPriseBannerSliderMain {
    /* 🔥 Background image bottom center */
    background-image: url("/wp-content/uploads/2025/12/enterPriseSliderBanner.png");
    /* change path */
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
    /* or cover / auto depending on need */
    margin-top: 60px;
}


/* Enterprise slider container */
.enterprise-slider-container {
    position: relative;
}


/* Main slider styles */
.enterprise-slider {
    border-radius: 12px;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.397);
}

/* Individual slide */
.enterprise-slide {
    position: relative;
    padding: 53px 95px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* min-height: 500px; */
    background-size: cover;
    background-position: center;
    background-blend-mode: overlay;
    background-color: #9a969640;
}

/* Slide content */
.enterprise-slide-content {
    z-index: 2;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}



/* Custom navigation arrows */
.enterprise-nav-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 60px;
    height: 60px;
    background: rgba(147, 136, 136, 0.29);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    z-index: 10;
    transition: all 0.3s ease;
    color: #ffffff;
    font-size: 1.8rem;
}



.enterprise-nav-arrow.enterprise-arrow-prev {
    left: -75px;
}

.enterprise-nav-arrow.enterprise-arrow-next {
    right: -75px;
}

/* Dots styling */
.enterprise-dots {
    display: flex;
    justify-content: center;
    margin-top: 30px;
    list-style: none;
}

.enterprise-dots li {
    margin: 0 8px;
}

.enterprise-dots li button {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 2px solid #00d4ff;
    background: transparent;
    color: transparent;
    cursor: pointer;
    transition: all 0.3s ease;
}

.enterprise-slide-content .dsrcText {
    margin-bottom: 20px;
}

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

.sliderSectionImg.firstImg {
    margin-bottom: 30px;
}

.ambulanceSection-slider .slick-track {
    margin-left: 0px;
}

.secondParaLinene {
    margin-bottom: 60px;
}

.firstPara.thirdlinepara {
    margin-bottom: 53px;
}

.my-slider-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 60px;
    height: 60px;
    background: transparent;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    z-index: 10;
    transition: all 0.3s ease;
    color: #ffffff;
    font-size: 1.8rem;
    border: none;
}

.my-slider-arrow img {
    height: 31px;
}

.my-slider-prev {
    left: -58px;
}

.my-slider-next {
    right: -58px;
}

.slick-arrow.slick-disabled {
    display: none !important;
}

.hero-banner {
    width: 100%;
    height: auto;
    display: block;
}

/* Desktop default */
.desktop-banner {
    display: block;
}

.mobile-banner {
    display: none;
}

/* STACK SECTION */

.stack-section {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%;
    max-width: 965px;
    margin: 0 auto;
}

.stack-container {
    position: relative;
    width: 100%;
    max-width: 1200px;
    height: 580px;
    /* height: 480px; */
}


.stack-card {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    /* height: 100%; */
    padding-top: 46px;
    padding-left: 70px;
    padding-right: 70px;
    padding-bottom: 76px;
    background: #2A2323;
    /* background: #2e2e2e79; */
    border-radius: 5px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.45);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.amb-btn-primary {
    text-decoration: none;
    color: #fff;
    background:
        linear-gradient(#000, #000) padding-box,
        /* inner fill */
        linear-gradient(90deg, #3C3855, #5C2626) border-box;
    /* gradient border */
    border: 2px solid transparent;
    border-radius: 2px;
    /* now works */
    display: inline-block;
}



.stack-section .slick-track {
    margin-left: 0px;
}

.stack-heading {
    font-family: 'Manrope', sans-serif;
    font-weight: 400;
    /* Regular */
    font-size: 24px;
    /* margin-bottom: 40px; */
    margin-left: 22px;
    text-align: center;
}

.stack-card .redhealth-main-label {
    margin-bottom: 30px;
    margin-left: 22px;
}

/* MAIN STACK TABS (4 cards) */
.stack-tabs-wrapper {
    width: 100%;
    margin-bottom: 1.5rem;
    display: flex;
    justify-content: center;
}

.stack-tabs {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 0.6rem;
}

.stack-tab {
    padding: 0.55rem 1.2rem;
    background: transparent;
    border: none;
    color: #e5e7eb;
    border-radius: 999px;
    font-family: "Manrope", sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    cursor: pointer;
    transition: background 0.22s ease, color 0.22s ease, border-color 0.22s ease;
    white-space: nowrap;

}




/* INNER SLIDER – ambulance cards */

.card-slider {
    width: 100%;
    flex: 1 1 auto;
}

.card-slider .slick-list {
    height: 100%;
}

.card-slider .slick-track {
    display: flex !important;
    height: 100%;
}

.card-slider .slick-slide {
    height: inherit !important;
    display: flex !important;
}

.ambulance-card {
    display: flex !important;
    flex: 1 1 auto;
    margin: 0 8px;
}

.ambulance-card-inner {
    /* background: #f9fafb; */
    border-radius: 0;
    overflow: visible;
    display: flex;
    flex-direction: column;
    width: 100%;
    /* height: 100%; */
    transition: box-shadow 0.28s ease;
    padding-bottom: 100px;
    position: relative;
}

.ambulance-img-wrap {
    position: relative;
    width: 100%;
    /* padding-top: 60%; */
    overflow: hidden;
    flex: 1 1 auto;
    background-color: #000;
    border-radius: 2px;
}

.ambulance-img-wrap img {
    /* position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; */
    width: 100%;
    display: block;
}

.ambulance-content {
    background: #f9fafb;
    padding: 1.4rem 1.6rem 1.5rem;
    position: relative;
    flex: 0 0 auto;
    transform: translateY(0);
    transition: transform 0.28s ease, box-shadow 0.28s ease;
    position: absolute;
    bottom: -55px;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 2px;

    /* min-height: 180px; */
}

/* Hover: only white content block slides up */
.ambulance-card-inner:hover .ambulance-content {
    transform: translateY(-55px);
    border-radius: 2px;
}

.ambulance-title {
    font-family: 'Exo 2', sans-serif;
    font-weight: 500;
    /* Medium */
    font-size: 15px;
    margin-bottom: 0.35rem;
    color: #111827;
}


.ambulance-text {
    font-size: 10px;
    color: #4b5563;
    line-height: 18px;
    transition: color 0.25s ease;
    font-family: 'Manrope', sans-serif;
    font-weight: 300;
    /* Light */
}

.ambulance-actions {
    margin-top: 0.9rem;
    display: flex;
    gap: 0.6rem;
    opacity: 0;
    visibility: hidden;
    /* Hides the element and prevents it from taking up space */
    transform: translateY(8px);
    transition: opacity 0.25s ease, transform 0.25s ease, visibility 0s 0.25s;
    /* Transition visibility delay */
}

.ambulance-card-inner:hover .ambulance-actions {
    opacity: 1;
    visibility: visible;
    /* Makes the element visible */
    transform: translateY(0);
    transition: opacity 0.25s ease, transform 0.25s ease, visibility 0s 0s;
    /* Immediate visibility change */
}


.ambulance-card-inner:hover .ambulance-text {
    color: #000;
}

.amb-btn {
    font-family: 'Manrope', sans-serif;
    font-weight: 300;
    /* Light */
    font-size: 9px;
    letter-spacing: 0.1px;
    line-height: 22.5px;

    padding: 0.45rem 0.9rem;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}






.amb-btn-ghost {
    background: transparent;
    display: block;
    margin: auto;
}

.amb-btn.amb-btn-ghost img {
    width: 100%;
}



/* Slick dots */
.card-slider .slick-dots {
    bottom: -28px;
}

.card-slider .slick-dots li button:before {
    font-size: 8px;
    color: #6b7280;
}

.stackCardPara {
    font-family: "Manrope", sans-serif;
    font-weight: 400;
    /* Regular */
    font-size: 16px;
    line-height: 24px;
    color: #DFDFDF;
    margin-bottom: 44px !important;
    margin-top: 10px;
    text-align: center;

}


.card-slider .slick-dots li.slick-active button:before {
    color: #ffffff;
}

/* z-index for stacked cards */
.stack-card:nth-child(1) {
    z-index: 1;
}

.stack-card:nth-child(2) {
    z-index: 2;
}

.stack-card:nth-child(3) {
    z-index: 3;
}

.stack-card:nth-child(4) {
    z-index: 4;
}

/* Mobile ≤ 820px */
@media (max-width: 820px) {
    .desktop-banner {
        display: none;
    }

    .mobile-banner {
        display: block;
    }
}

/* Mobile ≤ 768px */
@media (max-width: 768px) {
    .desktop-banner {
        display: none;
    }

    .mobile-banner {
        display: block;
    }
}



/* RESPONSIVE */
@media (max-width: 1440px) {
    .ambulanceSection-cardBody {
        background: #f5f5f5;
        padding: 20px;
        min-height: 160px;
    }
}

/* RESPONSIVE */
@media (max-width: 1166px) {
    .onboardSection-inner {
        max-width: 90%;
    }


}

@media (max-width:1024px) {

    .enterprise-container,
    .sectionFifth,
    .stack-section {
        max-width: 90%;
    }

    .SectionThird,
    .sectionSixth {
        max-width: 90%;
        margin: 0 auto;
    }

    .enterprise-nav-arrow.enterprise-arrow-next {
        right: -34px;
    }

    .enterprise-nav-arrow.enterprise-arrow-prev {
        left: -34px;
    }

    .topWrp {
        max-width: 90%;
        /* margin-left: 53px; */
    }

    .card4 {
        top: 554px;
        left: 0%;
    }

    .card3 {
        top: 320px;
        right: 40%;
    }

    .card3 {
        top: 320px;
        right: 41%;
    }

    .card5 {
        top: 428px;
        right: 1%;
    }

    .card6 {
        top: 698px;
        right: 32%;
    }

    .AbsoluteCard {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        padding: 0px !important;
        gap: 30px;
        margin-bottom: 0px;
    }

    .metricCard {
        width: 183px;
        padding: 10px;
    }
}

@media (max-width: 992px) {
    .my-slider-next {
        right: -32px;
    }

    .my-slider-prev {
        left: -32px;
    }

    .my-slider-next img {
        filter: invert(100%) brightness(0%);
    }

    .my-slider-prev img {
        filter: invert(100%) brightness(0%);
    }

    .metricCard {
        opacity: 1;
        border-radius: 8px;
    }

    .ambulance-card {
        margin: 0px 15px;
    }

    .stack-section {
        min-height: unset !important;
    }

    .stack-card {
        margin-bottom: 50px;
        padding: 20px;
        background: linear-gradient(180deg, #ffffff 0%, #999999 100%);
        border: none;

    }

    .stack-heading,
    .stackCardPara {
        color: #3F3F3F;
    }

    .sectionSixth-inner {
        top: 10%;
    }

    .onboardSection {
        margin-top: 0px;
    }

    .sectionSixth {
        margin-top: 50px;
    }

    .redhealth-links-inner {
        display: none;
    }

    .card-slider .slick-dots {
        bottom: -32px;
    }

    .stack-container {
        width: 90%;
        height: auto !important;
    }


    .sectionFifth {
        width: 90%;
    }

    .ambulanceSection-slider .slick-slide {
        margin: 0px 10px;
    }

    .enterprise-slide {
        min-height: 450px;
        padding: 30px;
    }

    .metricCard {
        position: unset;
    }



    .ambulanceSection-inner {
        padding: 20px 20px;
    }




    .hero-inner {
        flex-direction: column;
        align-items: flex-start;
    }

    .hero-right {
        width: 100%;
        justify-content: center;
        margin-top: 30px;
    }

    .hero-eyebrow {
        font-size: 2.1rem;
        line-height: 1;
    }

    .redhealth-links-inner {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .redhealth-divider {
        width: 100%;
        height: 1px;
    }

    .redhealth-links-nav {
        /* flex-direction: column; */
        align-items: flex-start;
        gap: 8px;
    }

    .redhealth-links-inner a {
        white-space: normal;
        /* allow wrapping on small screens */
    }

    .dividerSec {
        max-width: 100%;
    }

    .onboardSection-flow {
        flex-direction: column;
        gap: 24px;
    }

    .onboardSection-arrow {
        transform: rotate(90deg);
        /* arrow down between stacked cards */
    }

    .onboardSection-card {
        width: 100%;
        max-width: 360px;
    }



    .sectionSixth br {
        display: none;
    }



    .enterprise-nav-arrow {
        width: 50px;
        height: 50px;
        font-size: 1.5rem;
    }

    .enterprise-slide {
        min-height: 400px;
        padding: 25px;
    }

    .amb-btn.amb-btn-ghost img {
        width: 90% !important;
    }

}


@media (max-width: 600px) {
    .ambulance-card-inner {
        padding-bottom: 80px;
    }

    .ambulance-content {
        padding: 1.2rem 1.3rem 1.3rem;
    }

    .stack-tabs {
        justify-content: flex-start;
    }

    .stack-tab {
        font-size: 0.75rem;
        padding: 0.4rem 0.9rem;
    }

    .stack-section {
        max-width: 90%;
        padding: 20px 0px;
    }

    .stack-card {
        padding: 20px;
        padding-bottom: 20px;
    }

    .stack-container {
        width: 100%;
    }

    .stack-heading {
        font-size: 15px;
        margin-bottom: 10px;
        margin-left: 0px;
        text-align: left;
    }

    .stackCardPara {
        font-size: 12px;
        margin-bottom: 24px;
        margin-top: 0px;
        text-align: left;
    }

    .ambulance-card {
        margin: 0;
    }

    .enterprise-slide-content {
        z-index: 2;
        display: grid;
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .topWrp {
        max-width: 80%;
        /* margin-left: 43px; */
    }

    .enterprise-slider-container {
        /* padding: 0 20px; */
    }

    .enterprise-nav-arrow {
        width: 44px;
        height: 44px;
        font-size: 1.3rem;
    }

    .enterprise-slide {
        min-height: 380px;
        padding: 20px;
    }

    .red-form-card {
        padding: 24px 18px;
        border-radius: 18px;
    }

    .red-form-button {
        width: 100%;
        max-width: 320px;
    }

    .hero-eyebrow {
        font-size: 20px;
        line-height: 1.5;
    }

    .hero-subtext {
        font-size: 12px;
    }

    .person-image-big {
        width: 210px;
        height: 300px;
    }



    .onboardSection-title {
        font-size: 24px;
        margin-bottom: 40px;
    }

    .onboardSection-cardContent {
        padding: 20px;
    }

    .onboardSection-cardTitle {
        font-size: 20px;
    }

    .onboardSection-cardText {
        font-size: 13px;
    }

    .AbsoluteCard {
        grid-template-columns: 1fr 1fr;
        margin: 50px 0px;
        width: 100%;
    }

    .ambulanceSection-title {
        font-size: 20px;
        color: #3F3F3F;
    }

    .hero-btn {
        font-size: 12px;
        padding: 14px 40px;
        border-radius: 10px;
    }

    .hero-btn.primary {
        position: relative;
        z-index: 1;
        padding: 10px 19px;
    }

    .SectionThird {
        max-width: 90%;
        margin: 0 auto;
    }

    .secondHeading,
    .sectionSixth-title,
    .formSecHeadin {
        font-size: 22px;
        line-height: unset;
    }

    .dsrcText br {
        display: none;
    }

    .subMainDiscr,
    . {
        font-size: 20px;
        line-height: unset;
    }

    .sectionFifth {
        max-width: 90%;
    }

    .ambulanceSection .slick-dots {
        bottom: -32px;
    }

    .ambulanceSection {
        padding-bottom: 0px;
    }

    .sectionSixth-text {
        font-size: 14px;
        line-height: 20px;
    }

    .sectionSixth {
        padding-bottom: 0px;
    }

    .formSection {
        max-width: 90%;
    }

    .ambulanceSection-inner {
        background: linear-gradient(226deg, #FFFFFF 0%, #999999 100%);
        border-radius: 5px;
    }

    .ambulanceSection-cardTitle {
        font-size: 16px;
    }

    .metricCard {
        width: 100%;
        padding: 10px;
        height: 177px !important;
    }

    .metricCard-line1,
    .metricCard-line2 {
        font-size: 14px;
    }

    .subMainDiscr {
        font-size: 16px;
        line-height: 22px;
    }

    .dsrcText {
        font-size: 14px;
        line-height: 24px;
    }

    .secondHeading {
        font-size: 16px;
    }

    .amb-btn.amb-btn-ghost img {
        width: 62% !important;
    }

    .onboardSection-card {
        width: 255px;
        max-width: 360px;
    }

    .enterprise-nav-arrow.enterprise-arrow-next {
        right: -20px;
    }

    .enterprise-nav-arrow.enterprise-arrow-prev {
        left: -20px;
    }

    .red-form-button {

        padding: 14px 16px;
    }

}