.corPorateMianBanner {
    /* background-image: url('https://redversity.com/wp-content/uploads/2025/09/bnr.jpg');
    background-position:  right center; */
      background: #dbdbdb url('https://redversity.com/wp-content/uploads/2025/09/bnr.jpg') no-repeat right center;
}

.program-left.CorporateBanner {
    background-image: url();
}

.bannerColor.corPorateMianBanner {
    /* background:transparent; */
}

.pgrm-feature-icon.miniSvgSecPink {
    background-color: #FAE4FF;
}

.CorporateSecTwo .pgrm-feature-icon {
    display: flex;
    justify-content: center;
    align-items: center;
}

.centerTheText {
    text-align: center;
}

.lightGreyBG {
    background: #F5F5F5;
}


:root {
    --industry-primary: #e11d48;
    /* brand red */
    --industry-ink: #111827;
    /* near-black text */
    --industry-muted: #6b7280;
    /* gray text */
    --industry-bg: #ffffff;
    /* surface */
    --industry-border: #e5e7eb;
    /* light border */
    --industry-card-shadow: 0 10px 30px rgba(17, 24, 39, 0.08);
    --industry-radius-lg: 40px;
    --industry-radius-md: 16px;
    --industry-radius-sm: 12px;
}



.industry-section {
    margin: 0 auto;
    background: linear-gradient(white, white) padding-box,
        linear-gradient(#FFAEAE 100%) border-box;
    border: 1px solid var(--industry-border);
    border-radius: var(--industry-radius-lg);
    position: relative;
    overflow: hidden;
    box-shadow: 0 8px 40px rgba(0, 0, 0, 0.04);

}

/* Subtle diagonal stripes background */
.industry-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        repeating-linear-gradient(-12deg,
            rgba(0, 0, 0, 0),
            rgba(0, 0, 0, 0) 18px,
            rgba(0, 0, 0, 0.025) 18px,
            rgba(0, 0, 0, 0.025) 42px);
    pointer-events: none;
}

.industry-inner {
    position: relative;
    z-index: 1;
    padding: 18px 18px 28px;
}

/* =========
         Tabs
         ========= */
.industry-tabs {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.industry-tabs__list {
    display: flex;
    gap: 16px;
    overflow-x: auto;
    padding-bottom: 4px;
    scrollbar-width: none;
}

.industry-tabs__list::-webkit-scrollbar {
    display: none;
}

.industry-tab {
    appearance: none;
    background: transparent;
    border: none;
    font-size: 16px;
    font-weight: 600;
    color: #6b7280;
    padding: 12px 8px;
    cursor: pointer;
    position: relative;
    white-space: nowrap;
    border-radius: 8px;
    transition: color .2s ease;
}

.industry-tab:focus-visible {
    outline: 2px solid var(--industry-primary);
    outline-offset: 2px;
}

.industry-tab[aria-selected="true"] {
    color: var(--industry-ink);
}

.industry-tab[aria-selected="true"]::after {
    content: "";
    position: absolute;
    height: 3px;
    left: 8px;
    right: 8px;
    bottom: 0;
    border-radius: 3px;
    background: var(--industry-primary);
}

/* =========
         Panels
         ========= */
.industry-panels {
    margin-top: 8px;
}

.industry-panel[hidden] {
    display: none;
}

.industry-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
}

@media (min-width: 720px) {
    .industry-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
        align-items: stretch;
        /* make all cards equal height */
    }
}

@media (min-width: 550px) and (max-width: 1024px) {
    .industry-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}


/* =========
         Card
         ========= */
.industry-card {
    background: #fff;
    border-radius: var(--industry-radius-md);
    box-shadow: var(--industry-card-shadow);
    border: 1px solid var(--industry-border);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-height: 100%;
    height: 100%;
}

.industry-card__top {
    padding: 16px 18px 0;
    border-top-left-radius: var(--industry-radius-md);
    border-top-right-radius: var(--industry-radius-md);
    background: #f3f4f6;
    position: relative;
    min-height: 203px;
    align-items: center;
    /* display: flex; */
}

.industry-card__top-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding-bottom: 14px;
}

.industry-card__title {
    margin: 0;
    font-size: 22px;
    line-height: 1.25;
    font-weight: normal !important;
    color: var(--industry-ink);
}

/* Simple line icon (inline SVG) */
.industry-card__icon {
    width: 54px;
    height: 54px;
    opacity: 0.9;
}

.industry-card__body {
    padding: 18px;
    /* display: grid; */
    gap: 14px;
    display: flex;
    flex-direction: column;
    /* Stack trainings + button */
    flex-grow: 1;
}

.industry-meta {
    display: grid;
    gap: 8px;
    max-width: 80%;
    /* margin-top: 15px; */
}


.industry-meta__label--danger {
    color: var(--industry-primary);
}

.industry-meta__text {
    color: var(--industry-muted);
}

.industry-cta {
    margin-top: auto;
    text-align: center;
}



/* =========
         Gradients per card (unique classes)
         ========= */
.industry-gradient--oilgas {
    background: linear-gradient(135deg, #fff6cc, #fde68a);
}

.industry-gradient--mining {
    background: linear-gradient(135deg, #dbeafe, #86efac);
}

.industry-gradient--power {
    background: linear-gradient(135deg, #e9d5ff, #fecaca);
}

.industry-gradient--heavy {
    background: linear-gradient(135deg, #e0e7ff, #bae6fd);
}

.industry-gradient--chem {
    background: linear-gradient(135deg, #fef3c7, #fbcfe8);
}

.industry-gradient--infra {
    background: linear-gradient(135deg, #dcfce7, #fef9c3);
}

.industry-gradient--logistics {
    background: linear-gradient(135deg, #cffafe, #fde68a);
}

.industry-gradient--aviation {
    background: linear-gradient(135deg, #e0f2fe, #ddd6fe);
}

.industry-gradient--health {
    background: linear-gradient(135deg, #fee2e2, #e0f2fe);
}



:root {
    --adv-bg: #f7f7f9;
    --adv-card: #ffffff;
    --adv-text: #0f172a;
    --adv-muted: #64748b;
    --adv-link: #3b82f6;
    --adv-border: rgba(15, 23, 42, 0.06);
    --adv-shadow: 0 10px 25px rgba(15, 23, 42, 0.06), 0 2px 6px rgba(15, 23, 42, 0.04);
    --adv-radius: 18px;
    --adv-spacing: 24px;

    /* gradients */
    --adv-grad-blue: linear-gradient(135deg, rgba(59, 130, 246, 0.45), rgba(14, 165, 233, 0.35));
    --adv-grad-rose: linear-gradient(135deg, rgba(99, 102, 241, 0.35), rgba(244, 63, 94, 0.45));
}

.adv-body {
    margin: 0;
    font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
    color: var(--adv-text);
    background: var(--adv-bg);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.adv-wrap {
    margin: 32px auto;
    padding: 0 16px;
}

/* ====== Grid holding the two cards ====== */
.adv-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
}

@media (min-width: 1024px) {
    .adv-grid {
        grid-template-columns: 1fr 1fr;
    }
}

/* ====== Card ====== */
.adv-card {
    position: relative;
    border-radius: var(--adv-radius);
    padding: 28px;
    background:
        linear-gradient(var(--adv-card), var(--adv-card)) padding-box,
        var(--adv-grad-blue) border-box;
    /* default gradient, overridden by modifier */
    border: 1px solid transparent;
    box-shadow: var(--adv-shadow);
}

.adv-card--rose {
    background:
        linear-gradient(var(--adv-card), var(--adv-card)) padding-box,
        var(--adv-grad-rose) border-box;
}

/* subtle inner fade */
.adv-card:before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: var(--adv-radius);
    background: radial-gradient(1200px 200px at 50% -200px, rgba(59, 130, 246, 0.08), transparent 60%);
    pointer-events: none;
}

.adv-card--rose:before {
    background: radial-gradient(1200px 200px at 50% -200px, rgba(244, 63, 94, 0.08), transparent 60%);
}

/* ====== Card layout: content + media ====== */
.adv-card-row {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    align-items: start;
}

@media (min-width: 1024px) {
    .adv-card-row {
        grid-template-columns: 1fr 172px;
        /* text | media column */
        gap: 28px;
    }
}

/* ====== Brand row ====== */
.adv-brand {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 28px;
}

.adv-brand-logo {
    width: 26px;
    height: 26px;
    border-radius: 6px;
    display: grid;
    place-items: center;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -0.02em;
    margin-bottom: 15px;
}

.adv-brand-name {
    font-weight: 700;
    font-size: 16px;
}

/* ====== Title, description ====== */
.adv-title {
    font-size: 22px;
    line-height: 1.3;
    font-weight: 700;
    margin: 10px 0 14px;
    letter-spacing: -0.01em;
}

.adv-desc {
    color: var(--adv-muted);
    line-height: 1.6;
    margin: 0 0 18px;
}

.adv-desc a {
    color: var(--adv-link);
    text-decoration: none;
}

.adv-desc a:hover {
    text-decoration: underline;
}

/* ====== Media column (two grey boxes) ====== */
/* Mobile & tablets: row (your request) */
.adv-media {
    display: flex;
    gap: 16px;
    align-self: start;
}

.adv-ph {
    background: #d9d9d9;
    border-radius: 10px;
    width: 120px;
    height: 120px;
    flex: 0 0 120px;
}

/* Desktop: stack vertically */
@media (min-width: 1024px) {
    .adv-media {
        flex-direction: column;
    }

    .adv-ph {
        width: 160px;
        height: 160px;
        flex: 0 0 160px;
    }
}

/* ====== Stats row ====== */
.adv-stats {
    display: flex;
    gap: 36px;
    align-items: center;
    margin-top: 28px;
}

.adv-stat {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--adv-text);
    flex-direction: column;

}

.adv-stat svg {
    width: 35px;
    height: 30px;
    color: #0f172a;
}

.adv-stat small {
    display: block;
    font-size: 12px;
    color: var(--adv-muted);
    margin-top: 2px;
}

.adv-stat b {
    font-weight: 600;
    font-size: 14px;
}

/* ====== Utility spacing for tighter mobile look ====== */
.industry-section {
        display: none;
    }

@media (max-width:1440px) {
   .industry-card__top {
    min-height: 203px;
    /* display: flex; */
}
}


@media (max-width:1024px) {
    .industry-section {
        display: block;
    }
    .cards-container{
        display: none;
    }

}

@media (max-width: 480px) {
    .adv-card {
        padding: 22px;
    }

    .adv-title {
        font-size: 20px;
    }

    .adv-stats {
        gap: 24px;
    }
}