.arch-card {
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: 10px;
    overflow: hidden;
    height: 100%;
    box-shadow: var(--sh);
    transition: box-shadow .3s, transform .3s, border-color .3s;
    position: relative;
}

.arch-card::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #F5850A, var(--orange-l));
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .4s;
}

.arch-card:hover {
    box-shadow: var(--sh-md);
    transform: translateY(-5px);
    border-color: var(--orange-ln);
}

.arch-card:hover::after {
    transform: scaleX(1);
}

.arch-card:hover .arch-img img {
    transform: scale(1.05);
    filter: brightness(.95);
}

.arch-img {
    aspect-ratio: 16/9;
    overflow: hidden;
}

.arch-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(.88);
    transition: transform .5s, filter .4s;
}

.arch-body {
    padding: 1.6rem;
}

.arch-icon-wrap {
    width: 62px;
    height: 62px;
    border-radius: 8px;
    background: #2B0D1D;
    border: 1px solid var(--orange-ln);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 20px;
    margin-bottom: 1rem;
}

.arch-day-tag {
    /* font-size:.58rem; */
    font-weight: 700;
    /* letter-spacing:.2em; */
    text-transform: uppercase;
    color: #F5850A;
    margin-bottom: .35rem;
    display: inline-block;
    background: #f5850a12;
    color: #F5850A;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 2px 12px;
    line-height: 22px;
    border-radius: 20px;
    margin-bottom: 0px;
    border: 1px solid #F5850A;
    );
}

.arch-card h3 {
    font-size: 1.2rem;
    color: var(--ink);
    margin-bottom: 20px;
}

.arch-card .sub {
    font-size: 17px;
    /* color:var(--orange-d); */
    font-weight: 600;
    margin-bottom: .7rem;
    /* font-family:'DM Serif Display',serif; */
}

.arch-card p {
    /* font-size:.84rem; */
    /* color:var(--ink3); */
    /* margin:0; */
    line-height: 1.75;
}

.who-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 14px;
    margin-bottom: 40px;
}

.who-item {
    display: flex;
    align-items: center;
    gap: 14px;
    background: #fff;
    border: 1px solid rgba(27, 67, 50, 0.1);
    border-radius: 6px;
    padding: 16px 20px;
    font-size: 15px;
    font-weight: 500;
    color: var(--text-dark);
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.who-item:hover {
    border-color: var(--emerald);
    background: rgb(43 13 29 / 3%);
    transform: translateX(4px);
}

.who-item i {
    width: 38px;
    height: 38px;
    background: #2b0d1d;
    color: #fff;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    flex-shrink: 0;
}

.invite-note {
    font-family: var(--font-display);
    font-style: italic;
    font-size: 1.1rem;
    color: var(--green-mid);
    margin-top: 10px;
}

.attend-item {
    display: grid;
    grid-template-columns: 52px 1fr;
    gap: 1.5rem;
    align-items: start;
    padding: 1.75rem 0;
    border-bottom: 1px solid var(--border);
    transition: background .2s;
}

.attend-item:first-of-type {
    border-top: 1px solid var(--border);
}

.attend-item:hover {
    background: rgba(224, 123, 42, .02);
}

.attend-icon-box {
    width: 48px;
    height: 48px;
    border-radius: 8px;
    border: 1px solid var(--orange-ln);
    background-color: #2B0D1D;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 26px;
    flex-shrink: 0;
}

.attend-item h5 {
    /* font-family:'DM Serif Display',serif; */
    /* font-size:1.2rem; */
    color: var(--ink);
    margin: 0 0 .35rem;
    /* line-height:1.3; */
}

.attend-item p {
    /* font-size:.87rem; */
    /* color:var(--ink3); */
    /* margin:0; */
    /* line-height:1.8; */
}

.new-card {
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: 10px;
    height: 100%;
    overflow: hidden;
    box-shadow: var(--sh);
    transition: box-shadow .3s, transform .3s, border-color .3s;
}

.new-card:hover {
    box-shadow: var(--sh-md);
    transform: translateY(-5px);
    border-color: var(--orange-ln);
}

.new-card:hover .nc-img img {
    transform: scale(1.05);
    filter: brightness(.95) saturate(1.1);
}

.nc-img {
    aspect-ratio: 16/9;
    overflow: hidden;
}

.nc-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(.85) saturate(.9);
    transition: transform .5s, filter .4s;
}

.nc-body {
    padding: 1.4rem;
}

.badge-new {
    display: inline-flex;
    align-items: center;
    gap: .28rem;
    font-size: .58rem;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #fff;
    background: #F5850A;
    padding: .18rem .5rem;
    border-radius: 3px;
    margin-bottom: .8rem;
}

.new-card h5 {
    /* font-family:'DM Serif Display',serif; */
    /* font-size:1.05rem; */
    /* color:var(--ink); */
    /* margin-bottom:.4rem; */
    /* line-height:1.3; */
}

.new-card p {
    /* font-size:.82rem; */
    /* color:var(--ink3); */
    /* margin:0; */
    /* line-height:1.75; */
}

.big-quote {
    font-family: 'DM Serif Display', serif;
    font-size: clamp(1.7rem, 3.2vw, 2.6rem);
    color: var(--ink);
    line-height: 1.25;
    font-style: italic;
    border-left: 3px solid #F5850A;
    padding-left: 1.5rem;
    margin-bottom: 1.25rem;
}

.big-quote em {
    color: #F5850A;
    font-style: normal;
}

.velocity-note {
    /* font-family: 'DM Serif Display', serif !important; */
    /* font-style: italic; */
    font-size: 20px !important;
    color: #1a1610 !important;
    background: transparent !important;
    border-left: 4px solid #F5850A !important;
    border-radius: 0 !important;
    padding: 18px 26px !important;
    line-height: 1.45;
    position: relative;
}

.velocity-note::before {
    content: '\201C';
    position: absolute;
    top: -8px;
    left: 22px;
    font-size: 5rem;
    color: rgba(245, 133, 10, 0.1);
    font-family: Georgia, serif;
    line-height: 1;
    pointer-events: none;
}

.stat-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1px;
    background: var(--border);
    border: 1px solid var(--border);
    border-radius: 10px;
    overflow: hidden;
    box-shadow: var(--sh);
}

.stat-cell {
    background: var(--white);
    padding: 1.75rem;
    transition: background .2s;
}

.stat-cell:hover {
    background: var(--orange-bg);
}

.stat-cell>i {
    font-size: 24px;
    color: #F5850A;
    margin-bottom: 20px;
    display: block;
}

.stat-num {
    /* font-family:'DM Serif Display',serif; */
    font-size: 2.2rem;
    color: #F5850A;
    /* line-height:1; */
    margin-bottom:.25rem;
}

.stat-lbl {
    /* font-size:.72rem; */
    /* color:var(--muted); */
    /* font-weight:500; */
    /* line-height:1.5; */
}

.cta-wrap {
    background-image: url('../images/banner/3371.webp');
    padding: 7rem 0;
    text-align: center;
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-position: center;
}

.cta-wrap::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 70% 60% at 50% 100%, rgb(0 0 0 / 72%) 0%, #000000b8 65%);
    pointer-events: none;
}

.cta-bg-word {
    position: absolute;
    bottom: -2rem;
    left: 50%;
    transform: translateX(-50%);
    font-family: 'DM Serif Display', serif;
    font-size: clamp(5rem, 18vw, 18rem);
    color: transparent;
    -webkit-text-stroke: 1px rgba(224, 123, 42, .05);
    white-space: nowrap;
    pointer-events: none;
    user-select: none;
    letter-spacing: -.04em;
}

.cta-tag {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    font-size: .62rem;
    font-weight: 700;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--orange-l);
    background: rgba(224, 123, 42, .1);
    border: 1px solid rgba(224, 123, 42, .25);
    border-radius: 100px;
    padding: .26rem .8rem;
    margin-bottom: 1.25rem;
}

.cta-wrap h2 {
    font-size: clamp(2.2rem, 5vw, 4rem);
    color: #fff;
    line-height: 1.05;
    letter-spacing: -.025em;
    margin-bottom: 1.25rem;
}

.cta-wrap h2 em {
    font-style: italic;
    color: var(--orange-l);
}

.cta-wrap p {
    /* font-size:.92rem; */
    color: #fff;
    font-weight: 400;
    max-width: 720px;
    margin: 0 auto 2.75rem;
    /* line-height:1.85; */
}

.cta-meta {
    margin-top: 2.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
    /* font-size:.7rem; */
    color: rgb(255 255 255);
    letter-spacing: .1em;
    text-transform: uppercase;
}

.cta-meta i {
    color: #F5850A;
    margin-right: .3rem;
}

.cta-meta-sep {
    width: 1px;
    height: 12px;
    background: rgba(255, 255, 255, .12);
}







/* VIDEO MODAL */
.modal-video .modal-dialog {
    max-width: 860px;
}

.modal-video .modal-content {
    background: #000;
    border: none;
    border-radius: 8px;
    overflow: hidden;
}

.modal-video .modal-body {
    padding: 0;
}

.modal-video iframe {
    width: 100%;
    aspect-ratio: 16/9;
    display: block;
}

.modal-video .btn-close {
    position: absolute;
    top: .75rem;
    right: .75rem;
    z-index: 10;
    filter: invert(1);
    opacity: .8;
}

.who-item:hover i {
    color: #fff;
}

.why-sumflex {
    background: #ffffff;
    position: relative;
    overflow: hidden;
}

.why-sumflex>.container {
    position: relative;
    z-index: 1;
}

.why-sumflex .vl-section-title .title {
    /* font-family: 'DM Serif Display', Georgia, serif !important; */
    /* font-size: clamp(2.2rem, 4vw, 3.2rem) !important; */
    /* font-weight: 400 !important; */
    color: #1a1610 !important;
    /* line-height: 1.12 !important; */
    /* letter-spacing: -0.02em; */
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 14px !important;
}

.why-sumflex .vl-section-title .title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 48px;
    height: 3px;
    background: #F5850A;
    border-radius: 2px;
}

.why-sumflex .vl-section-title .fw-bold {
    /* font-family: 'DM Serif Display', serif; */
    /* font-size: 1.2rem !important; */
    /* font-style: italic; */
    font-weight: 400 !important;
    color: #F5850A !important;
    display: block;
    margin-bottom: 4px;
}

.why-sumflex .sec-body {
    /* font-family: 'Plus Jakarta Sans', sans-serif; */
    /* font-size: 15.5px; */
    /* line-height: 1.85; */
    /* color: #4a4540; */
}

.why-sumflex .sec-img {
    position: relative;
    border-radius: 12px;
    overflow: visible !important;
    box-shadow: none !important;
}

.why-sumflex .sec-img::before {
    content: '';
    position: absolute;
    inset: -22px -22px 22px 22px;
    border: 2px solid rgba(245, 133, 10, 0.18);
    border-radius: 14px;
    z-index: 0;
    pointer-events: none;
}

.why-sumflex .sec-img img {
    position: relative;
    z-index: 1;
    border-radius: 12px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    box-shadow: 0 24px 60px rgba(26, 22, 16, 0.14);
    transition: transform 0.5s ease;
}

.stat-cell:hover i {
    color: #fff;
}

.stat-cell:hover .stat-num {
    color: #fff;
}

.stat-cell:hover .stat-lbl {
    color: #fff;
}

.sticky-wishlist-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99;
    display: flex;
    align-items: stretch;
    height: 64px;
    box-shadow: 0 -4px 32px rgba(0, 0, 0, 0.22);
    font-family: inherit;
}

.swb-btn {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    cursor: pointer;
    border: none;
    outline: none;
    transition: filter .25s, transform .18s;
    position: relative;
    overflow: hidden;
}

.swb-btn::before {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0);
    transition: background .25s;
}

.swb-btn:active {
    transform: translateY(0);
}

/* ── dividers ── */
.swb-btn+.swb-btn {
    border-left: 1px solid rgba(255, 255, 255, .18);
}

.swb-delegate {
    background: #2B0D1D;
    color: #fff;
}

.swb-speaker {
    background: #F5850A;
    color: #fff;
}

.swb-partner {
    background: #2B0D1D;
    color: #fff;
}

.swb-icon {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .15);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    flex-shrink: 0;
    transition: transform .3s;
}

.swb-btn:hover .swb-icon {
    color: #fff;
}

.swb-label {
    display: flex;
    flex-direction: column;
    line-height: 1.15;
}

.swb-label .swb-sub {
    font-size: 9.5px;
    font-weight: 500;
    letter-spacing: .08em;
    opacity: .75;
    text-transform: uppercase;
    color: #fff;
}

.swb-label .swb-main {
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .04em;
    color: #fff;
}

.swb-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fff;
    opacity: .9;
    box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    animation: swb-pulse 2s infinite;
    flex-shrink: 0;
}

.swb-partner .swb-dot {
    background: #e8d26a;
}

@keyframes swb-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, .55);
    }

    70% {
        box-shadow: 0 0 0 7px rgba(255, 255, 255, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}

.sumflex {
    padding-bottom: 62px;
}

.index {
    /* padding-bottom: 62px; */
}



.sec-cream2.why-attend-styled {
    background: #f8f8f8;
    position: relative;
    overflow: hidden;
}

.attend-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    margin-top: 10px;
    border-top: 1px solid rgba(0, 0, 0, .08);
    border-left: 1px solid rgba(0, 0, 0, .08);
}



.attend-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0 !important;
    padding: 44px 44px 40px !important;
    border-right: 1px solid rgba(0, 0, 0, .08);
    border-bottom: 1px solid rgba(0, 0, 0, .08);
    position: relative;
    background: transparent;
    transition: background .35s;
    cursor: default;
}

.attend-item:hover {
    background: #fff;
}

/* colour sweep on hover */
.attend-item::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: #2b0d1d;
    transform: scaleY(0);
    transform-origin: bottom;
    transition: transform .4s cubic-bezier(.23, 1, .32, 1);
}

.attend-item:hover::before {
    transform: scaleY(1);
}


/* icon box → now icon only, coloured */
.attend-icon-box {
    width: 48px !important;
    height: 48px !important;
    border-radius: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 20px !important;
    margin-bottom: 20px !important;
    background: #f5850a;
    color: #fff;
    transition: transform .35s cubic-bezier(.23, 1, .32, 1) !important;
    flex-shrink: 0 !important;
}

.attend-item:hover .attend-icon-box {
    transform: translateY(-4px) rotate(-6deg) !important;
}

/* step number */
.attend-item::after {
    content: attr(data-num);
    position: absolute;
    top: 36px;
    right: 40px;
    font-size: 48px;
    font-weight: 900;
    color: rgba(0, 0, 0, .05);
    line-height: 1;
    pointer-events: none;
    user-select: none;
    transition: color .35s;
}


/* heading */
.attend-item h5 {
    font-weight: 800 !important;
    color: #0b1f17 !important;
    margin-bottom: 10px !important;
    line-height: 1.3 !important;
}

.attend-item:hover h5 {
    color: var(--ac) !important;
}

/* body */
.attend-item p {
    font-size: 14px !important;
    color: #666 !important;
    line-height: 1.72 !important;
    margin: 0 !important;
}




/* ============================================================
         CONTACT PAGE — bg:#f8f8f8  primary:#2B0D1D  accent:#F5850A
         ============================================================ */

.nt-contact-page {
    background: #f8f8f8;
    padding: 100px 0 100px;
}

/* heading */
.nt-page-heading {
    margin-bottom: 48px;
}

.nt-page-heading h1 {
    /* font-family: 'Playfair Display', serif; */
    /* font-size: clamp(32px, 4vw, 50px); */
    color: #2B0D1D;
    font-weight: 700;
    line-height: 1.15;
    margin-bottom: 10px;
}

.nt-page-heading p {
    /* font-family: 'DM Sans', sans-serif; */
    font-size: 15px;
    color: #999;
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
}

.nt-page-heading p::before {
    content: '';
    display: inline-block;
    width: 28px;
    height: 2px;
    background: #F5850A;
    flex-shrink: 0;
}

/* grid */
.nt-contact-grid {
    display: grid;
    grid-template-columns: 1fr 1.45fr;
    gap: 32px;
    align-items: start;
}

/* ── LEFT info cards ── */
.nt-info-col {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.nt-info-card {
    background: #ffffff;
    border-radius: 16px;
    padding: 24px 24px;
    border: 1px solid #ebebeb;
    transition: box-shadow .25s, transform .25s;
}

.nt-info-card:hover {
    box-shadow: 0 10px 36px rgba(43, 13, 29, .08);
    transform: translateY(-3px);
}

.nt-card-label {
    /* font-family: 'DM Sans', sans-serif; */
    /* font-size: 10px; */
    font-weight: 700;
    /* letter-spacing: 2px; */
    text-transform: uppercase;
    color: #F5850A;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
}

.nt-card-label i {
    width: 32px;
    height: 32px;
    background: rgba(245, 133, 10, .1);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    color: #F5850A;
    flex-shrink: 0;
}

.nt-card-body {
    font-family: 'DM Sans', sans-serif;
    font-size: 15px;
    color: #2B0D1D;
    line-height: 1.7;
    margin: 0;
}

.nt-card-body a {
    color: #2B0D1D;
    text-decoration: none;
    font-weight: 500;
    transition: color .2s;
}

.nt-card-body a:hover {
    color: #F5850A;
}

.nt-socials {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 4px;
}

.nt-soc {
    width: 38px;
    height: 38px;
    border-radius: 9px;
    background: #f8f8f8;
    border: 1px solid #e8e8e8;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #2B0D1D;
    font-size: 14px;
    text-decoration: none;
    transition: background .2s, color .2s, transform .2s, border-color .2s;
}

.nt-soc:hover {
    background: #F5850A;
    color: #ffffff;
    border-color: #F5850A;
    transform: translateY(-2px);
    text-decoration: none;
}

/* ── RIGHT form card ── */
.nt-form-card {
    background: #ffffff;
    border-radius: 20px;
    padding: 44px 40px;
    border: 1px solid #ebebeb;
    box-shadow: 0 6px 36px rgba(43, 13, 29, .06);
}

.nt-form-tag {
    /* font-family: 'DM Sans', sans-serif; */
    /* font-size: 10px; */
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #F5850A;
    display: block;
    margin-bottom: 5px;
}

.nt-form-title {
    /* font-family: 'Playfair Display', serif; */
    font-size: 25px;
    color: #2B0D1D;
    margin-bottom: 4px;
    line-height: 1.25;
}

.nt-form-hint {
    font-family: 'DM Sans', sans-serif;
    font-size: 13px;
    color: #aaa;
    margin-bottom: 26px;
}

.nt-row-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

.nt-field {
    margin-bottom: 14px;
}

.nt-field label {
    display: block;
    /* font-family: 'DM Sans', sans-serif; */
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .5px;
    text-transform: uppercase;
    /* color: #999; */
    margin-bottom: 6px;
}

.nt-field input,
.nt-field textarea {
    width: 100%;
    padding: 12px 15px;
    border: 1.5px solid #e8e8e8;
    border-radius: 10px;
    /* font-family: 'DM Sans', sans-serif; */
    font-size: 14px;
    color: #2B0D1D;
    background: #fafafa;
    transition: border-color .2s, box-shadow .2s;
    outline: none;
    -webkit-appearance: none;
    appearance: none;
}

.nt-field input:focus,
.nt-field textarea:focus {
    border-color: #F5850A;
    box-shadow: 0 0 0 3px rgba(245, 133, 10, .1);
    background: #ffffff;
}

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

.nt-checkbox-row {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 20px;
}

.nt-checkbox-row input[type="checkbox"] {
    width: 16px;
    height: 16px;
    margin-top: 3px;
    flex-shrink: 0;
    accent-color: #F5850A;
    cursor: pointer;
}

.nt-checkbox-row label {
    /* font-family: 'DM Sans', sans-serif; */
    /* font-size: 13px; */
    color: #888;
    line-height: 1.55;
    cursor: pointer;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0;
}

.nt-checkbox-row label a {
    color: #F5850A;
    text-decoration: underline;
}

.nt-submit-btn {
    width: 100%;
    padding: 14px;
    background: #2B0D1D;
    color: #ffffff;
    border: none;
    border-radius: 10px;
    /* font-family: 'DM Sans', sans-serif; */
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transition: background .2s, transform .2s, box-shadow .2s;
}

.nt-submit-btn:hover {
    background: #F5850A;
    transform: translateY(-2px);
    box-shadow: 0 10px 28px rgba(245, 133, 10, .32);
}

.nt-submit-btn i {
    transition: transform .2s;
}

.nt-submit-btn:hover i {
    transform: translateX(4px);
}

/* responsive */





/* ── OFFICES SECTION ── */
.nt-offices {
    padding: 100px 0;
    background: #ffffff;
}

.nt-section-label {
    /* font-family: 'DM Sans', sans-serif; */
    /* font-size: 11px; */
    font-weight: 700;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: #F5850A;
    margin-bottom: 10px;
}

.nt-section-title {
    /* font-family: 'Playfair Display', serif; */
    /* font-size: clamp(30px, 3.5vw, 44px); */
    color: #2B0D1D;
    margin-bottom: 56px;
    line-height: 1.15;
}

.nt-section-title span {
    color: #F5850A;
}

.nt-offices-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 22px;
}

.nt-office-card {
    background: #ffffff;
    border-radius: 20px;
    padding: 34px 30px;
    border: 1.5px solid #f0e8eb;
    position: relative;
    overflow: hidden;
    transition: transform .3s, box-shadow .3s;
}

.nt-office-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #2B0D1D, #2B0D1D);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .3s;
}

.nt-office-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 24px 60px rgba(43, 13, 29, .12);
}

.nt-office-card:hover::before {
    transform: scaleX(1);
}

.nt-office-flag {
    font-size: 18px;
    margin-bottom: 14px;
    display: block;
}

.nt-office-city {
    /* font-family: 'Playfair Display', serif; */
    font-size: 21px;
    font-weight: 700;
    color: #2B0D1D;
    margin-bottom: 9px;
}

.nt-office-addr {
    /* font-family: 'DM Sans', sans-serif; */
    font-size: 14px;
    line-height: 1.65;
    color: #7a6570;
}

.nt-office-tag {
    display: inline-block;
    margin-top: 16px;
    /* font-family: 'DM Sans', sans-serif; */
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #F5850A;
    text-transform: uppercase;
    background: rgba(245, 133, 10, .09);
    padding: 4px 12px;
    border-radius: 20px;
}



   .sitemap-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
      gap: 28px;
      /* padding: 56px 0 72px; */
    }

    .sm-card {
      background: #ffffff;
      border: 1px solid #e2e2e2;
      border-radius: 16px;
      padding: 28px 28px 24px;
      transition: box-shadow .25s, transform .25s;
      position: relative;
      overflow: hidden;
    }
 
    .sm-card:hover {
      box-shadow: 0 12px 36px rgb(43 13 29 / 16%);
      transform: translateY(-3px);
    }
    .sm-card:hover::after { opacity: 1; }

    .card-icon {
      width: 44px;
      height: 44px;
      border-radius: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.1rem;
      margin-bottom: 16px;
      background-color: #2b0d1d;
      color: #fff;
    }


    .card-title {
      /* font-family: 'Playfair Display', serif; */
      font-size: 20px;
      font-weight: 600;
      /* color: var(--text); */
      margin-bottom: 18px;
      padding-bottom: 12px;
      border-bottom: 1px dashed;
    }

    .sm-links { list-style: none; }
    .sm-links li { margin-bottom: 8px; }
    .sm-links a {
      display: flex;
      align-items: center;
      gap: 9px;
      /* color: var(--muted); */
      text-decoration: none;
      font-size: 16px;
      font-weight: 400;
      transition: color .2s, gap .2s;
      padding: 0px 0;
    }
    .sm-links a i {
      font-size: .7rem;
      transition: transform .2s;
      flex-shrink: 0;
    }
    .sm-links a:hover {
      gap: 13px;
    }
    .sm-links a:hover i { transform: translateX(3px); }

    /* Wide card for blog/stories */
    .sm-card.wide {
      grid-column: span 3;
    }
    .wide .sm-links {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 0 32px;
    }
    .header-dark .vl-header-action-item-5 {
    border: 1px solid #2B0D1D;
    color: #2B0D1D;
}
.header-dark  .vl-offcanvas-toggle {
   
    color: #2B0D1D;
}


.breadcrum_area{
     position: relative;
     padding: 150px 0px 60px 0px;
     background-image: url(../images/banner/breadcrum-banner.jpg);
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center center;
}
 .breadcrum_area:after{
     position: absolute;
     content: '';
     top: 0px;
     left: 0px;
     width: 100%;
     height: 100%;
     background: linear-gradient(105deg,rgb(16 17 16 / .81) 2.71%,rgb(16 17 16 / .09) 137.92%);
}
 .breadcrum_content{
     position: relative;
     z-index: 99;
}
 .breadcrum_content h1{
     color: #fff;
     padding-bottom: 20px;
     font-size: 30px;
     line-height: 40px;
}
 .breadcrum_content ul{
     display: inline-block;
     position: relative;
}
 .breadcrum_content ul li{
     display: inline-block;
     position: relative;
     padding-right: 25px;
     color: #fff;
     font-size: 15px;
}
 .breadcrum_content ul li a i{
     display: inline-flex;
     align-items: center;
     justify-content: center;
     flex-wrap: wrap;
     width: 25px;
     margin-right: 0px;
     font-size: 10px;
     border-radius: 30px !important;
     height: 25px;
     background: #fff;
     color: #F5850A;
     border-radius: 0px;
     margin-bottom: 0px;
     line-height: 25px;
     transition: 0.3s;
}
 .breadcrum_content ul li a{
     color: #fff;
}
 .breadcrum_content ul li a:hover{
     color: #F5850A;
}
 .breadcrum_content ul li:after{
     position: absolute;
     content: '\203A';
     right: 7px;
     color: #fff;
     font-size: 25px;
     top: -3px;
}
 .breadcrum_content ul li:last-child:after{
     display: none;
}
 {
     position: relative;
     padding: 100px 0px;
}
 .success-stories-row .vl-blog-area-wrap:hover .vl-blog-content, .success-stories-row .vl-hero-button10:hover{
     background: #f5850a;
}
 .success-stories-row .vl-blog-area-wrap .vl-blog-content{
     /*margin-top: -150px;*/
     padding: 30px 24px 24px 24px;
     text-align: center;
}
 .success-stories-row .vl-blog-area-wrap .vl-blog-thumb img{
     height: 230px;
}
 .success-stories-row .vl-blog-area-wrap .vl-blog-content .title{
     font-size: var(--vkl-font-size-font-s16);
     line-height: 25px;
     font-weight: 500;
     transition: 0.3s;
     color: #061d00;
     height: 110px;
}
 .success-stories-row .vl-blog-area-wrap .vl-blog-content .lernmore{
     font-size: var(--vkl-font-size-font-s16)!important;
     font-weight: 800;
     color: #061d00;
}
 .success-stories-row .vl-blog-area-wrap .vl-blog-content .lernmore span{
     color: #f5850a;
}
 .success-stories-row .vl-blog-area-wrap:hover .vl-blog-content .lernmore span{
     color: #ffffff;
}
 .success-stories-row .vl-blog-area-wrap:hover .vl-blog-content .title, .success-stories-row .vl-blog-area-wrap:hover .vl-blog-content .lernmore{
     color: #fff;
     transition: 0.3s;
}
 .success-stories-row .vl-blog-area-wrap{
     margin-bottom: 40px;
}
/* .success-logo{
     width: 120px;
     position: relative;
     left: 0px;
     right: 0px;
     box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
     margin: 0 auto;
     background: #fff;
     padding: 5px;
     border-radius: 10px;
     height: 60px;
     object-fit: contain;
}*/
.success-logo{
        margin-top: -60px !important;
     width: 120px;
     position: relative;
     left: 0px;
     right: 0px;
     box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
     margin: 0 auto;
     top: -15px;
     background: #fff;
     /*border: 1px solid #2b0d1d;*/
     padding: 5px;
     border-radius: 10px;
     height: 60px;
     object-fit: contain;
}
 .success-stories-page{
     padding: 70px 0px;
     position: relative;
}
 .success-stories-img{
}
 .success-stories-img img{
     border-radius: 20px;
     box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
     padding: 10px;
}
 .success-stories-page .success-stories-content{
     height: 100%;
     justify-content: center;
     display: flex;
     flex-direction: column;
}
 .success-stories-content h5{
     font-size: 25px;
     line-height: var(--vkl-specing-height40);
     font-weight: 600;
     text-transform: capitalize;
     color: #F5850A;
     padding-bottom: 10px;
     padding-top: 10px;
}
 .success-stories-tab{
     background-color: #f8f8f8;
     padding: 80px 0px;
}
 .success-stories-tab .vl-product-description-content .nav-link.active, .success-stories-tab .vl-product-description-content .nav-link:hover {
     background: #F5850A;
     border: 1px solid var(--vkl-text-text-1);
     color: #fff;
}
 .success-stories-tab .vl-servic-icon-box-2{
     background-color: #e9e9e9;
     margin-top: 30px;
     padding: 40px;
     box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
 .success-stories-tab .vl-servic-icon-box .vl-service-content .title{
     font-size: 25px;
     color: #000000;
}
 .success-stories-tab .vl-icon img{
     width: 45px;
}
 .success-stories-tab .vl-servic-icon-box-2:hover .vl-icon span{
     background-color: #F5850A;
}
 .success-stories-tab .vl-servic-icon-box-2:hover .vl-icon span img{
     filter: brightness(0) invert(1);
}
 .success-stories-tab .vl-product-content-block .title{
     color: #000000;
}
 #nutrifygenie .vl-servic-icon-box-2 .vl-service-content p{
     height: 80px;
}
 #operational-execution .vl-servic-icon-box-2{
     height: 360px;
}
 #outcome .vl-servic-icon-box-2{
     height: 306px;
}
 .innovative-pro #operational-execution .vl-servic-icon-box-2{
     height: 450px;
}
 .success-stories-tab .vl-product-description-content .nav-link{
     border: 1px solid #000000;
     color: #000000;
}
 .success-stories-bottom{
     padding: 70px 0px;
     position: relative;
}
 .related-stories{
     position: relative;
     padding: 70px 0px;
     background-color: #f8f8f8;
}
 .related-stories .title h2{
     text-align: center;
     padding-bottom: 30px;
     font-size: 2rem;
}
 .success-stories-tab .nav-pills{
     justify-content: center;
}
 .success-stories-tab .vl-product-content-block{
     text-align: center;
}
.vl-blog-area-wrap .vl-blog-content{
    background: #f1f1f1;
     /*height: 250px;*/
     /*border: 1px solid #f58520;*/
}
 {
     overflow-x: clip;
}
/* Portfolio Item */
 .success-item {
     position: relative;
     overflow: hidden;
     margin-bottom: 30px;
}
 .success-item:hover .success-content {
     bottom: 0px;
}
/* Portfolio Thumb */
 .success-thumb {
     position: relative;
}
/* .success-thumb::before {
     position: absolute;
     content: "";
     width: 100%;
     height: 100%;
     background-image: linear-gradient(360deg, #040423D6 0%, #04042300 63%);
     top: 0;
     left: 0;
     z-index: 1;
}*/
 .success-thumb img {
     width: 100%;
     border-radius: 2px;
}
 .success-thumb.has-clip-path {
     clip-path: polygon(0% 0%, 88% 0, 100% 10%, 100% 100%, 0% 100%);
}
/* Portfolio Content */
 .success-content {
     position: absolute;
     transition: all 0.5s ease;
     z-index: 2;
     padding: 40px;
     bottom: -90px;
     width: 100%;
}
/* Mobile */
 @media (max-width: 767px) {
     .success-content {
         padding: 30px 30px 40px 30px;
    }
}
/* Title */
 .success-title {
     font-size: 20px;
     color: #fff;
     margin: 15px 0 25px;
}
 @media (max-width: 890px) {
     .success-title{
         font-size: 16px;
         color: #fff;
         margin: 15px 0 35px;
    }
     .success-content{
         padding: 25px;
    }
}
 @media (max-width: 775px) {
     .success-title{
         font-size: 16px;
         color: #fff;
         margin: 15px 0 35px;
    }
     .success-content{
         padding: 25px;
    }
}
 @media (max-width: 767px) {
     .success-title {
         font-size: 20px;
    }
     .breadcrum_content h1{
         font-size: 22px;
         line-height: 30px;
    }
     .success-stories-img img{
         margin-bottom: 30px;
    }
     .success-stories-tab .vl-product-description-content .nav-link{
         margin-bottom: 15px;
    }
}
 .success-title a{
     transition: 0.3s;
}
 .success-title a:hover{
     color: #F5850A;
}
/* Tag */
 .success-tag a {
     color: var(--rs-white);
     font-size: 14px;
     font-weight: 500;
     padding: 6px 14px;
     border-radius: 55px;
     background: var(--rs-theme-orange);
     transition: 0.3s;
     display: inline-flex;
     align-items: center;
}
 .success-tag a:hover {
     background: var(--rs-white);
     color: var(--rs-black);
}
/* Slider Wrapper */
 .rs-portfolio-slider-wrapper .has-space {
     margin-inline-start: -462px;
}
 @media (max-width: 1399px) {
     .rs-portfolio-slider-wrapper .has-space {
         margin-inline-start: -380px;
    }
}
 @media (max-width: 1199px) {
     .rs-portfolio-slider-wrapper .has-space {
         margin-inline-start: -300px;
    }
}
 @media (max-width: 991px) {
     .rs-portfolio-slider-wrapper .has-space {
         margin-inline-start: 0px;
    }
}
/* Navigation */
 .rs-portfolio-navigation {
     display: flex;
     justify-content: end;
     gap: 20px;
}
 @media (max-width: 991px) {
     .rs-portfolio-navigation {
         justify-content: start;
    }
}
/* Theme Red */
 .has-theme-red .success-tag a {
     background: var(--rs-theme-red);
}
 .has-theme-red .success-tag a:hover {
     background: var(--rs-white);
     color: var(--rs-black);
}
 .success-thumb img{
     height: 350px;
     object-fit:cover;
}
 .success-btn svg{
     width: 20px;
     fill:#ffffff;
}
 .success-btn .icon-box{
     display: inline-flex;
     align-items: center;
     justify-content: center;
     flex-wrap: wrap;
     width: 40px;
     margin-right: 0px;
     font-size: 15px;
     border-radius: 30px !important;
     height: 40px;
     background: #F5850A;
     color: #fff;
     border-radius: 0px;
     margin-bottom: 0px;
     line-height: 25px;
     transition: 0.3s;
}
 .success-btn .icon-box:hover{
     background: #2B0D1D;
}
.success-stories-area{
    padding: 80px 0;
}
.vl-blog-content {
    /*margin-top: -150px;*/
    padding: 30px 24px 24px 24px;
    text-align: center;
}
 .vl-blog-area-wrap:hover .vl-blog-content,  .vl-hero-button10:hover{
     background: #f5850a;
}
  .vl-blog-area-wrap .vl-blog-content{
     /*margin-top: -150px;*/
     padding: 30px 24px 24px 24px;
     text-align: center;
}
  .vl-blog-area-wrap .vl-blog-thumb img{
     height: 230px;
}
  .vl-blog-area-wrap .vl-blog-content .title{
     font-size: var(--vkl-font-size-font-s16);
     line-height: 25px;
     font-weight: 500;
     transition: 0.3s;
     color: #061d00;
     height: 110px;
}
  .vl-blog-area-wrap .vl-blog-content .lernmore{
     font-size: var(--vkl-font-size-font-s16)!important;
     font-weight: 800;
     color: #061d00;
}
  .vl-blog-area-wrap .vl-blog-content .lernmore span{
     color: #f5850a;
}
  .vl-blog-area-wrap:hover .vl-blog-content .lernmore span{
     color: #ffffff;
}
  .vl-blog-area-wrap:hover .vl-blog-content .title,  .vl-blog-area-wrap:hover .vl-blog-content .lernmore{
     color: #fff;
     transition: 0.3s;
}
  .vl-blog-area-wrap{
     margin-bottom: 40px;
}

    /* Impact section - 4 pillars grid */
    .vl-counter-box-seven-grid {
      grid-template-columns: repeat(4, 1fr) !important;
    }
    @media (max-width: 1024px) {
      .vl-counter-box-seven-grid {
        grid-template-columns: repeat(2, 1fr) !important;
      }
    }
    @media (max-width: 600px) {
      .vl-counter-box-seven-grid {
        grid-template-columns: 1fr !important;
      }
    }
    /* Impact pillar title size */
    .single__iconbox__wrap10-counter h4.title {
      font-size: 1.1rem !important;
      font-weight: 700;
      line-height: 1.3;
    }
    /* Why Now flip-back text justified */
    .flip-back p {
      text-align: justify;
    }
    /* Who We Are left column - no gap between images */
    .about-img .col-6 .d-flex {
      gap: 0 !important;
    }