@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

  *{
    padding: 0;
    margin: 0;
}
h1{
    color: var(--Text-Primary, #1A1A1A);
    font-family: Inter;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.heading-2{
    color: #4A5565;
    /*text-align: center;*/
    font-family: Inter;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.heading-3{
    color: #1A1A1A;
    text-align: center;
    font-family: Inter;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 48px; /* 150% */
}
p{
    color: var(--Text-Primary, #1A1A1A);
margin: 0;
    /* Body */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.pse-32{
    padding-right: 32px;
    padding-left: 32px;
}
.pt-32{
    padding-top: 32px;
}
.p-16{
    padding: 16px;
}
.mb-16{
    margin-bottom: 16px;
}
.me-16{
    margin-right: 16px;
}
.mt-32{
    margin-top: 32px;
}
.mb-80{
    margin-bottom: 80px;
}
.mt-80{
    margin-top: 80px;
}
.pb-80{
    padding-bottom: 80px;
}
.pt-80{
    padding-top: 80px;
}
.p-32{
    padding: 32px;
}
.ms-16{
    margin-left: 16px;
 }

.btn-primary{
    border-radius: 16px;
    background: var(--Primary, #0083DB) !important;
    color: var(--White, #FFF);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.btn-primary:hover{
    /*background: rgba(0, 131, 219, 0.08) !important;*/
    /*color: var(--Primary, #0083DB);*/
border-color: #0083DB !important;
}

.btn-light-primary{
    color: var(--Primary, #0083DB);
    text-align: center;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border-radius: 16px;
    background: rgba(0, 131, 219, 0.08);
}
.btn-light-primary:hover{
    background: var(--Primary, #0083DB) !important;
    color: var(--White, #FFF);
}
/*...... navbar section.......*/
.navbar{
    padding: 20px 32px;
    border-bottom: 1px solid var(--Border, #F3F4F6);
    background: var(--White, #FFF);
}
.nav-link{
    color: var(--Text-Primary, #1A1A1A);
    /*text-align: center;*/
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    padding: 12px;

    line-height: 20px; /* 142.857% */
}
.nav-item{
    padding:0 12px;

}
.nav-item .active{
    border-radius: 12px;
    background: rgba(0, 131, 219, 0.20);
    color: var(--Primary, #0083DB) !important;
    text-align: center;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    padding: 12px;

    font-weight: 500;
    line-height: 20px; /* 142.857% */
}
.navbar  .btn-primary{
    display: flex;
    font-size: 14px;

    padding: 10px 20px;
    align-items: flex-start;}

.navbar-nav .dropdown-menu{
    padding: 10px;
    border: none !important;
    border-radius: 16px;
    border: 0.8px solid #D1D5DC;
    background: #FFF;
}
.dropdown-item:focus, .dropdown-item{
    padding: 10px;
    justify-content: center;
    align-items: flex-start;
    gap: 6px;
    align-self: stretch;
    padding: 10px;
    color: var(--Light-Text, #6B7280);

    /* Items */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.dropdown-item:focus, .dropdown-item:hover{

    border-radius: 12px;
    background: rgba(0, 131, 219, 0.20) !important;
    color: var(--Primary, #0083DB);
    padding: 10px;

}
/*.............navbar section .........*/


/*...........foooter section.......*/
.footer-section {
    background: var(--New-Multi-Gradient, linear-gradient(100deg, #132236 0.14%, #00251D 51.92%, #001D5E 99.86%));


    display: flex;
    padding: 64px 32px 48px 32px;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    align-self: stretch;
}
.footer-section p{
    color: #9CA3AF;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22.75px; /* 162.5% */
}
.footer-section a{
    color: #9CA3AF;

    /* Items */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-decoration: none;
}
.footer-title {
    color: #FFF;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 155.556% */
}

.footer-list {
    list-style: none;
    padding: 0;
}

.footer-list li {
    margin-bottom: 0.5rem;
}

.footer-list a {
    text-decoration: none;
    font-size: 14px;
}

.footer-list a:hover {
    color: #ffffff;
}

.Certified img {
margin-left: 16px;
}

.social-icons img {
    height: 32px;
    width: 32px;
}

.footer-divider {
    border-top: 1px solid #1E2939;
    margin: 30px 0 15px;
}
.hero-section{
    background: linear-gradient(180deg, #E3F4FF 0%, #FFF 100%);

    display: flex;
    padding: 80px 38px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-self: stretch;
}
.hero-section h1{
    color: var(--Text-Primary, #1A1A1A);
     font-family: Inter;
    font-size: 35px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}


.disruption-section {
    background: #ffffff;
    display: flex;
    padding: 80px 32px;
    flex-direction: column;
    align-items: center;
    align-self: stretch;
}

.problem-card {
    padding: 20px 24px;
    display: flex;
    align-items: center;
    gap: 15px;
    border-radius: 18px;
    border: 0.8px solid #F3F4F6;
    background: #FFF;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.05);}

.problem-card .icon {
    background: #ffe9e9;
    color: #ff4d4f;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}

.problem-card p {
    color: #364153;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 162.5% */
}

.solution-box {
    border-radius: 32px;
    background: linear-gradient(135deg, rgba(236, 253, 245, 0.30) 0%, rgba(239, 246, 255, 0.30) 100%);
    padding: 80px 32px;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    align-self: stretch;
}
.FreightAssist{
    border-radius: 32px;
    padding: 80px 32px;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    align-self: stretch;
}

.solution-item h6 {
    color: #101828;
    text-align: center;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 27px; /* 150% */
    margin-top: 16px;
}

.solution-item p {
    color: #4A4A4A;
    text-align: center;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
}

.solution-icon {
    width: 64px;
    height: 64px;
    margin: auto;
    border-radius: 50%;
    background: var(--White, #FFF);
    color: #0d6efd;
    display: flex;
    align-items: center;
    justify-content: center;
    /*font-size: 20px;*/
}
.solution-icon svg{
    width: 32px;
    height: 32px;
    margin: auto;
    background: var(--White, #FFF);
    color: #0d6efd;
    display: flex;
    align-items: center;
    justify-content: center;
    /*font-size: 20px;*/
}
.world-section {
    background: #ffffff;
    display: flex;
    padding: 80px 32px;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    align-self: stretch;
}
.world-section .sub-heading{
    color: var(--Text-Primary, #1A1A1A);
    text-align: center;

    /* Body */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.world-card {
    background: #ffffff;
    padding: 28px;
    height: 100%;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    transition: all 0.3s ease;

    border-radius: 18px;
    border: 0.8px solid var(--Border, #F3F4F6);

}

.world-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 15px 40px rgba(0,0,0,0.08);
}

.world-icon {
    width: 64px;
    height: 64px;
    border-radius: 16px;
    border: 1px solid var(--Primary, #0083DB);
    background: var(--White, #FFF);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    margin-bottom: 18px;
}
.world-icon svg{
    height: 32px;
    width: 32px;
}
.world-card h6 {
    color: var(--Text-Primary, #1A1A1A);
    font-family: Inter;
    font-size: 16px;
    font-style: italic;
    font-weight: 500;
    line-height: 24px; /* 150% */    margin-bottom: 8px;
}

.world-card p {
    color: #4A5565;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 162.5% */
    margin-bottom: 16px;
}

.world-card a {
    color: var(--Primary, #0083DB);
    text-align: center;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
    text-decoration: none;
}

.world-card a i {
    margin-left: 6px;
    transition: transform 0.2s ease;
}

.world-card a:hover i {
    transform: translateX(4px);
}


/* Outer cards */
.hiw-wrapper{
    border-radius: 32px;
    background: rgba(0, 131, 219, 0.04);
    padding: 80px;

}
.limitations-wrapper{
    border-radius: 32px;
    background: rgba(0, 131, 219, 0.04);
    padding: 32px;
    justify-content: center;
    align-items: flex-start;
    gap: 32px;
    align-self: stretch;
}

/* “Avatar” pill on top */
.hiw-avatar-pill {
    background: #111827;
    color: #fff;
    border-radius: 999px;
    padding: 0.25rem 0.9rem;
    box-shadow: 0 16px 40px rgba(15, 35, 52, 0.35);
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.8rem;
}
.hiw-avatar-pill .avatar {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 2px solid #fff;
    overflow: hidden;
    background: #e5e7eb;
}

/* Step cards */
.step-card {
    display: flex;
    padding: 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    flex: 1 0 0;
    border-radius: 18px;
    border: 1.6px solid #F3F4F6;
    background: #FFF;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.05);
}
.step-header {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    /*margin-bottom: 0.75rem;*/
}
.step-card h5{
    color: #101828;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 27px; /* 150% */
    margin-bottom: 0px;
}
.step-card p{
    color: #364153;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 162.5% */
}

.step-icon {
    width: 64px;
    height: 64px;
    border-radius: 16px;
    border: 1px solid var(--Primary, #0083DB);
    background: var(--White, #FFF);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}
.step-icon svg{
    height: 32px;
    width: 32px;
}
.FreightAssist .step-number , .step-card  .step-number{
    display: flex;
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
    border-radius: 99px;
    border: 1px solid var(--Primary, #0083DB);
    background: var(--White, #FFF);
    color: var(--Text-Primary, #1A1A1A);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
}

/* Video card */
.video-card {
    background: #e5e7eb;
    border-radius: 18px;
    min-height: 260px;
    position: relative;
}
.video-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 14px 40px rgba(15, 35, 52, 0.35);
    cursor: pointer;
}

/* Limitations icon */
.limitations-icon {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #e1ecff;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #2563eb;
    flex-shrink: 0;
    margin-right: 0.9rem;
}

.results-wrapper {
    margin-top: 80px;
    padding: 80px 32px;

    gap: 32px;
    border-radius: 32px;
    background: linear-gradient(135deg, rgba(236, 253, 245, 0.30) 0%, rgba(239, 246, 255, 0.30) 100%);
    position: relative;
    overflow: hidden;
}
.img-backgroung{
    position: absolute ;
    top: -120px;
    right: -3px;
}
.results-bg-icon {

}

.stat-card {
    border-radius: 24px;
    background: var(--White, #FFF);
    display: flex;
    padding: 24px;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    flex: 1 0 0;
    align-self: stretch;
    /* Shadow */
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.05);
}

.stat-value {
    color: var(--Text-Primary, #1A1A1A);
    text-align: center;
    font-family: Inter;
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.stat-label {
    color: var(--Text-Primary, #1A1A1A);
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}

/* Testimonial */
.testimonial-card {
    border-radius: 24px;
    border: 1px solid var(--Grad-Secondary, #3E8E7E);
    background: linear-gradient(115deg, rgba(62, 142, 126, 0.10) 0%, rgba(255, 255, 255, 0.10) 87.41%);
    padding: 32px;
    align-items: center;
    gap: 44px;
    margin-bottom: 80px;
}

.testimonial-icon {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: #d1fae5;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #10b981;
    margin-right: 0.75rem;
}

.feature-block {
    border-radius: 18px;
    padding: 1.5rem 2rem;
    background: #ffffff;
    border-width: 1px;
    border-style: solid;
    margin-bottom: 1.25rem;
}

.feature-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    padding: 0.15rem 0.9rem;
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #fff;
}

/* Variants */
.feature-live {
    border-radius: 18px;
    border: 1.6px solid rgba(0, 167, 157, 0.40);
    background: var(--White, #FFF);
}
.feature-live .feature-badge {
    background: #10b981;
}
.feature-live .feature-list li::before {
    background: #10b981;
}

.feature-data {
    border-radius: 18px;
    border: 1.6px solid rgba(247, 181, 0, 0.40);
    background: var(--White, #FFF);
}
.feature-data .feature-badge {
    background: #F7B500
}
.feature-data .feature-list li::before {
    background: #F7B500
}

.feature-planned {
    border-radius: 18px;
    border: 1.6px solid rgba(0, 131, 219, 0.40);
    background: var(--White, #FFF);
}
.feature-planned .feature-badge {
    border-radius: 12px;
    background: var(--Primary, #0083DB);}
.feature-planned .feature-list li::before {
    background: #0083DB;
}

/* Bullet list */
.feature-list {
    list-style: none;
    margin: 1rem 0 0;
    padding-left: 0;
}
.feature-list li {
    position: relative;
    padding-left: 1.1rem;
    color: #364153;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 125% */
    margin-bottom: 16px;
}
.feature-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.55rem;
    width: 6px;
    height: 6px;
    border-radius: 50%;
}
.stat-card .tex-mute{
    color: #4A5565;
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 162.5% */
}

/* Testimonial */
.testimonial-wrapper {
    border-radius: 32px;
    background: linear-gradient(135deg, rgba(254, 242, 242, 0.50) 0%, rgba(255, 247, 237, 0.50) 100%);
    padding: 32px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 32px;
    align-self: stretch;
}

.testimonial-icon {
    font-size: 2.4rem;
    color: #e5b28c;
    opacity: 0.7;
    margin-bottom: 0.75rem;
}

.testimonial-text {
    color: var(--Text-Primary, #1A1A1A);
    font-family: Inter;
    font-size: 24px;
    font-style: italic;
    font-weight: 400;
    line-height: normal;
}

.testimonial-author {
    margin-top: 1rem;
    color: var(--Text-Primary, #1A1A1A);

    /* Body */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

/* CTA */
.sme-cta {
    background: #eff6ff;
    padding: 3.5rem 1rem;
}

.sme-cta-title {
    color: #111827;
    text-align: center;
    font-family: Inter;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
    margin-bottom: 16px !important;
}

.sme-cta-highlight {
    color: var(--Primary, #0083DB);
    font-family: Inter;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
}

.sme-cta-subtitle {
    color: #111827;
    text-align: center;

    /* H2 */
    font-family: Inter;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 16px !important;

}

.sme-cta-note {
    color: var(--Light-Text, #6B7280);
    text-align: center;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.sme-cta .btn-primary {
    border-radius: 16px;
    background: var(--Primary, #0083DB);
    padding: 16px 24px;
    /* Shadow */
    color: var(--White, #FFF);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.05);
    margin-top: 16px;
}
.hero-image{
    border-radius: 10px;
}
.mission-section{
    padding: 80px 32px;
    flex-direction: column;
    align-items: center;
    align-self: stretch;
}
.mission-card{
    border-radius: 18px;
    border: 0.8px solid #F3F4F6;
    background: #FFF;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.05);
    padding: 24px;
    align-items: center;
    text-align: center;
    gap: 12px;
}
.mission-section p{
    color: var(--Text-Primary, #1A1A1A);
    text-align: center;

    /* Body */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.mission-card .solution-icon{
    width: 56px;
    height: 56px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 18px;
    background: rgba(0, 131, 219, 0.20);
}
.mission-card .solution-icon svg{
    width: 28px;
    height: 28px;
    flex-shrink: 0;
    background: unset;
}
.mission-card h6{
    color: #101828;
    text-align: center;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 27px; /* 150% */
    padding-top: 12px;
}
.mission-card p{
    color: #364153;
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 162.5% */
}
.Why-exist{
    padding: 80px 32px;

    gap: 24px;
    align-self: stretch;
    text-align: start;
}
.Why-exist p{
    color: #4A4A4A;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 155.556% */
    padding-top: 24px;
}
.Why-exist img{
    border-radius: 15px;
}
.svg-icon-hereo svg{
    margin-left: 30px;
}


/* Problem section */
.problem-eyebrow {
    color: var(--Primary, #0083DB);
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
}

.problem-title {
    color: var(--Text-Primary, #1A1A1A);
    text-align: center;
    font-family: Inter;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.text-primary-heading{
    color: var(--Primary, #0083DB);
    font-family: Inter;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
/* Problem cards */
.problem-cards {
    border-radius: 18px;
    border: 0.8px solid #FFC9C9;
    background: #FFF;
    padding: 24px;

    height: 100%;
}
.problem-cards h5{
    color: var(--Text-Primary, #1A1A1A);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
}
.problem-icon {
    width: 64px;
    height: 64px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
    font-size: 1.3rem;
}
.problem-icon svg{
    width: 32px;
    height: 32px;
}
/* Variants */
.problem-card-exporters {
    border-color: #fecaca;
}
.problem-card-exporters .problem-icon {
    border-radius: 16px;
    background: rgba(39, 170, 225, 0.12);
}


.problem-card-travellers .problem-icon {
    border-radius: 16px;
    background: rgba(39, 170, 225, 0.12);    color: #0ea5e9;
}


.problem-card-airlines .problem-icon {border-radius: 16px;
    background: rgba(195, 111, 255, 0.12);
}

.problem-metric {
    color: var(--Text-Secondary, #4A4A4A);
    font-family: Inter;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px; /* 111.111% */
    margin-bottom: 5px;
}

.problem-metric-label {
    color: var(--Text-Secondary, #4A4A4A);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    margin-bottom: 27px;

}

.problem-list li{
    padding-bottom: 10px;

}
.problem-list
{
    color: #4A5565;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22.75px; /* 162.5% */
}

/* Mission block */
.mission-eyebrow {
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #0f6fec;
}
.section{
    padding: 80px 32px;

}
.mission-wrapper {
    border-radius: 24px;
    border: 1.6px solid var(--Border, #F3F4F6);
    background: var(--White, #FFF);
    padding: 32px;
    align-items: center;
    gap: 24px;
    margin-top: 64px;
}

.mission-icon {
    font-size: 2rem;
    color: #0f6fec;
    margin-bottom: 1rem;
}

.mission-heading {
    font-size: 1.05rem;
    font-weight: 600;
    color: #111827;
}

.mission-text {
    font-size: 0.95rem;
    color: #6b7280;
}
/* Section heading */
.section-eyebrow {
    color: var(--Primary, #0083DB);
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
}

/* Platform cards (FreightAssist / TravelAssist / AeroFlow) */
.platform-card {
    border-radius: 24px;
    border: 1.6px solid var(--Border, #F3F4F6);
    background: #FFF;
    height: 100%;
    padding: 24px;

}
.platform-card h5{
    color: #111827;

    /* H2 */
    font-family: Inter;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.platform-icon {
    width: 40px;
    height: 40px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
    font-size: 1.4rem;
}


.platform-subtitle {
    color: var(--Text-Secondary, #4A4A4A);

    /* Items */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 24px !important;
}

.platform-body-text {
    color: var(--Text-Secondary, #4A4A4A);

    /* Body */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 16px;
}

.platform-benefits {

padding: 10px 0 0 0;
}
.platform-aero .platform-benefits i, .platform-aero .platform-link {
color: #C36FFF !important;
}
.platform-benefits li {
    display: flex;
    align-items: flex-start;



    color: var(--Text-Secondary, #4A4A4A);

    /* Items */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 16px;
}

.platform-benefits i {
    margin-right: 0.4rem;
    margin-top: 0.1rem;color: var(--Text-Secondary, #4A4A4A);

    /* Items */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.text-primary{
    color: #0083DB !important;
}
.platform-link {
    font-size: 0.9rem;
    font-weight: 500;
    color: #0083DB;
    text-decoration: none;
    margin-top: 40px;
}

.platform-link i {
    font-size: 0.85rem;
}

/* Transformation cards */
.segment-card {
    border-radius: 24px;
    border: 1px solid var(--Border, #F3F4F6);
    background: var(--White, #FFF);
    height: 100%;
    padding: 24px;
    gap: 16px;

}
.segment-card h6{
    color: var(--Text-Primary, #1A1A1A);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
}

.segment-icon {
    width: 36px;
    height: 36px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.85rem;
    font-size: 1.2rem;
}


.segment-list {
    font-size: 0.9rem;
    color: #4b5563;

    margin-bottom: 0;
    list-style: none;
    padding: 0;
}
.segment-list li{
    display: flex;
    align-items: center;
    color: var(--Text-Secondary, #4A4A4A);

    /* Items */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding-bottom: 16px;
}
.How-Solve h2{
    color: #111827;
    text-align: center;
    font-family: Inter;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
    margin-bottom: 0;
}
.How-Solve .text-muted{
    color: var(--Light-Text, #6B7280);
    text-align: center;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-top: 16px;
}
.segment-list li span{
    padding-left: 10px;
}

.pilot-card {
    border-radius: 24px;
    border: 1.6px solid var(--Border, #F3F4F6);
    background: var(--White, #FFF);
    height: 100%;
    padding: 24px;

}
.bg-Demo{
    border-radius: 12px;
    background: var(--Primary, #0083DB);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.10), 0 8px 10px -6px rgba(0, 0, 0, 0.10);
    padding: 20px 32px;

}
.bg-Demo2{
    border-radius: 12px;
    background: var(--Blue-Light, #27AAE1);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.10), 0 8px 10px -6px rgba(0, 0, 0, 0.10);
    padding: 20px 32px;

}
.bg-Demo3{
    border-radius: 12px;
    background: var(--Travel-Purple-Accents-2, #C36FFF);
      box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.10), 0 8px 10px -6px rgba(0, 0, 0, 0.10);
    padding: 20px 32px;

}
.mt-48{
    margin-top: 48px;
}
.bg-Demo h1, .bg-Demo2 h1,  .bg-Demo3 h1{
    color: var(--White, #FFF);
    text-align: center;

    /* H2 */
    font-family: Inter;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.bg-Demo p , .bg-Demo2 p,  .bg-Demo3 p{
    color: var(--White, #FFF);
    text-align: center;

    /* Body */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.pilot-icon {
    font-size: 1.4rem;
    color: #0f6fec;
    margin-bottom: 0.75rem;
}

.pilot-metric {
    color: var(--Text-Primary, #1A1A1A);
     font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
    margin-bottom: 16px;
}

.pilot-text {
    color: var(--Text-Secondary, #4A4A4A);

    /* Body */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

/* status label (Live / Active) */
.pilot-status {
    display: flex;
    align-items: center;
    font-size: 0.9rem;
    font-weight: 600;
    margin-bottom: 0.15rem;
}

.pilot-status-dot {

    margin-right: 0.35rem;

    border-radius: 99px;
    background: var(--Green, #0CBD2D);
    width: 12px;
    height: 12px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding-right: 12px;
}
.testimonial-author span{
    border-radius: 26843500px;
    background: #FFF1CB;
    width: 64px;
    height: 64px;
}
.bg-inf{
    background: #FFF1CB;

}
.integration-card .card{
    border-radius: 24px;
    border: 1px solid #C6E8FF;
    background: var(--White, #FFF);
    padding: 16px;
    text-align: center;

}
.integration-card .card svg{
    margin-bottom: 16px;
}
.erp-logo {
    max-height: 40px;         /* keep all logos same visual height */
    width: auto;
    display: block;
}
.Result-heading-problem{
    color: var(--Text-Primary, #1A1A1A);
    text-align: center;
    font-family: Inter;
    font-size: 20px;
    font-style: italic;
    font-weight: 400;
    line-height: normal;
}
.svg-icon-div{
    width: 64px;
    border-radius: 24px;
    background: var(--Primary, #0083DB);
    height: 64px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
    font-size: 1.3rem;
}
.Lift-icon {
    display: flex;
    gap: 32px;
    justify-content:center;
}
.zero-card{
    border-radius: 24px;
    border: 1.6px solid var(--Border, #F3F4F6);
    background: var(--White, #FFF);
    padding: 32px;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    text-align: center;
}
.zero-card h3{
    color: var(--Text-Secondary, #4A4A4A);
    text-align: center;

    /* H2 */
    font-family: Inter;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    margin-bottom: 0;
    line-height: normal;
}
.zero-card p{
    color: var(--Text-Secondary, #4A4A4A);
    text-align: center;
padding-top: 24px;
    /* Body */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.text-purple{
    color: #0083DB !important;
}
.Enterprise-Systems{
    border-radius: 32px;
    background: linear-gradient(135deg, rgba(254, 242, 242, 0.70) 0%, rgba(255, 247, 237, 0.70) 100%);
    padding: 32px;
    justify-content: center;
    align-items: center;
    gap: 32px;
    align-self: stretch;
}
.Enterprise-Systems-card{
    border-radius: 24px;
    border: 1px solid #FFEAB1;
    background: #FFF;
    padding: 24px;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    flex: 1 0 0;
    align-self: stretch;
}
.Messaging-Layer{
    border-radius: 24px;
    border: 1.6px solid var(--Border, #F3F4F6);
    background: var(--White, #FFF);
    display: flex;
    padding: 24px;
    align-items: center;
    gap: 24px;
    align-self: stretch;
    margin-top: 24px;
}
.Messaging-Layer h4{
    color: var(--Text-Primary, #1A1A1A);
     font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
}
.Messaging-Layer p{
    color: var(--Text-Secondary, #4A4A4A);

    /* Items */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.Messaging-Layer i{
    color: #0CBD2D;
    margin-right: 10px;
}
.solution-item-intergration{
     text-align: center;
     display: flex;
     flex-direction: column;
    gap: 16px;
     align-items: center;      /* centers SVG, number, text horizontally */
 }

.Integration-Made-svg{
    border-radius: 16px;
    border: 1px solid #F3F4F6;
    background: #FFF;
    box-shadow: 0 4px 6px -4px #BEDBFF;
    display: flex;
    width: 64px;
    height: 64px;
    justify-content: center;
    align-items: center;
}
.solution-item-intergration h6{
    color: var(--Text-Primary, #1A1A1A);
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
}
.solution-item-intergration p{
    color: var(--Text-Secondary, #4A4A4A);
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.solution-icon-number{
    color: #0083DB;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-weight: 700;
    width: 32px;
    height: 32px;
    border-radius: 999px;
    background: #DBEAFE;

    display: flex;              /* center the “1” */
    justify-content: center;
    align-items: center;
    margin-top: 8px;
    margin-bottom: 8px;
}
.Means-para{
    color: var(--Text-Secondary, #4A4A4A);

    /* Body */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.integration-book{
    border-radius: 16px;
    border: 0.8px solid #DBEAFE;
    background: rgba(0, 131, 219, 0.12);
    display: flex;
    height: 128px;
    padding: 24px 16px;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    flex: 1 0 0;
}
.integration-book p{
    color: var(--Primary, #0083DB);
    text-align: center;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.platform-subtitle2{
    color: var(--Text-Secondary, #4A4A4A);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.btn-outline-light{
    border-radius: 8px;
    border: 0.8px solid var(--Border, #F3F4F6);
    background: var(--White, #FFF);
    padding: 8px 40px;
}
.btn-outline-light:hover{
    color: var(--Primary, #0083DB);


    background: rgba(0, 131, 219, 0.08);
    border: 1px solid rgba(0, 131, 219, 0.08);
}


.insight-card {
    border-radius: 24px;
    border: 0.8px solid var(--Border, #F3F4F6);
    background: var(--White, #FFF);
    display: flex;
    padding: 24px;
    flex-direction: column;
    justify-content: center;
    gap: 24px;
    flex: 1 0 0;
    align-self: stretch;
    /* Shadow */
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.05);
}

.insight-meta {
    font-size: 0.8rem;
    color: #6B7280;
}

.insight-tag {
    border-radius: 26843500px;
    border: 1px solid var(--Border, #F3F4F6);
    background: var(--White, #FFF);
    display: flex;
    height: 23.988px;
    padding: 4px 12px;
    color: var(--Light-Text, #6B7280);
    text-align: center;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
 }

.insight-meta-icon {
    display: inline-flex;
    align-items: center;
    margin-left: 12px;
    color: var(--Light-Text, #6B7280);

    /* Small size */
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.insight-meta-icon i {
    font-size: 0.9rem;
    margin-right: 0.2rem;
}

.insight-card h5 {
    color: var(--Text-Secondary, #4A4A4A);
     font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 0;
}

.insight-card p {
    color: var(--Text-Secondary, #4A4A4A);

    /* Body */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.insight-link {
    color: var(--Secondary, #00A79D);
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-decoration: none;
}

.insight-link i {
    font-size: 0.85rem;
}

/* Button under cards */
.insights-btn {
     padding: 16px 24px;
    justify-content: center;
    align-items: center;
    gap: 12px;
}
.btn-outline-primary{
    border-radius: 16px;
    border: 1px solid var(--Primary, #0083DB);
    background: var(--White, #FFF);
    color: var(--Primary, #0083DB);
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.btn-outline-primary:hover{
    background:  #0083DB;
    color: white;
}
/* Resource cards */
.resource-card {
    border-radius: 24px;
    border: 0.8px solid var(--Border, #F3F4F6);
    background: #FFF;
    padding:24px ;
    /* Shadow */
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.05);
}

.resource-card h6{
    color: var(--Text-Primary, #1A1A1A);
     font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
}
.resource-card p{
    color: var(--Text-Secondary, #4A4A4A);

    /* Body */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.resource-icon {
    font-size: 1.4rem;
    color: #0F6FEC;
    margin-bottom: 0.75rem;
}

.resource-meta {
    font-size: 0.8rem;
    color: #6B7280;
    margin:24px 0;
}

/* Full‑width pill button */
.resource-card .btn-outline-primary {
    width: 100%;
    font-size: 14px;
margin-top: auto !important;
    padding: 16px 24px;
}

/* Subscribe section */
.subscribe-section {
    background: #E5F1FF;
    padding: 3.5rem 0;
}

.subscribe-wrapper {
    max-width: 896px;
    margin: 0 auto;
}

.subscribe-box {
    border-radius: 24px;
    border: 0.8px solid rgba(255, 255, 255, 0.20);
    background: rgba(0, 131, 219, 0.10);
    padding: 32px 32px   32px;

    flex-direction: column;
    align-items: flex-start;
}
.sme-cta-note2{
    color: #111827;
    text-align: center;

    /* H2 */
    font-family: Inter;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.subscribe-input {
    border-radius: 16px;
    background: var(--White, #FFF);
    display: flex;
    height: 49px;
    padding: 12px 16px;
    align-items: center;
    flex: 1 0 0;
    color: var(--Placeholder, #9CA3AF);

    /* Body */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.subscribe-input:focus {
    box-shadow: none;
}



.subscribe-note {
    color: var(--Light-Text, #6B7280);
    text-align: center;

    /* Small size */
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-top: 15px;
}

.subscribe-bullets span {
    color: var(--Text-Primary, #1A1A1A);
    text-align: center;

    /* Items */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.subscribe-bullets i {
    margin-right: 0.25rem;
}

.Partners-Layer{
    border-radius: 32px;
    background: rgba(0, 167, 157, 0.04);
    padding: 32px  ;

}

.Partners-Layer .Partners svg{
    margin-right: 16px;
}

.Partners-Layer .Partners h4{
    color: var(--Text-Secondary, #4A4A4A);

    /* H2 */
    font-family: Inter;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.Partners-Layer .Partners p{
    color: var(--Text-Secondary, #4A4A4A);

    /* Body */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.Partners-Layer .bg-light{
    border-radius: 16px;
    background: #FFF !important;
    display: flex;
    padding: 12px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 1 0 0;
}
.Joint-Initiative{
    border-radius: 32px;
    border: 1.6px solid var(--Border, #F3F4F6);
    background: var(--White, #FFF);
    display: flex;
    padding: 32px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 32px;
    align-self: stretch;
}



.contact-section h5{
    color: var(--Text-Secondary, #4A4A4A);

    /* H2 */
    font-family: Inter;
    font-size: 22px;
    font-style: normal;
    margin-bottom: 24px;
    font-weight: 600;
    line-height: normal;
}
.contact-section .form-label{
    color: var(--Text-Primary, #1A1A1A);

    /* Items */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.form-control, .form-select{
    border-radius: 10px;
    border: 1.6px solid #E5E7EB;
    padding: 16px;
    color: var(--Placeholder, #9CA3AF);

    /* Body */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;

}
.Send-massege{
    display: flex;
    padding: 12px 32px;
    justify-content: center;
    align-items: center;
    gap: 12px;
    align-self: stretch;
    border-radius: 8px;

}
.contact-social-icon-box{
    border-radius: 10px;
    background: #DBEAFE;
    display: flex;
    width: 48px;
    height: 48px;
    justify-content: center;
    align-items: center;
}
/* Social icons */
.contact-social-icon {
padding: 12px;
}



/* Main cards */
.contact-card {
    border-radius: 24px;
    border: 1.6px solid var(--Border, #F3F4F6);
    background: #FFF;
    padding: 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    margin-bottom: 24px;
}
.text-success{
    color: var(--Green, #0CBD2D) !important;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}
/* Quick call */
.quick-call-card {
    border-radius: 24px;
    background: rgba(0, 131, 219, 0.10);
     padding: 24px;

    align-items: center;
    gap: 32px;
    flex: 1 0 0;
    align-self: stretch;
}
.quick-call-card h6{
    color: var(--Text-Primary, #1A1A1A);
     font-family: Inter;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
}
.quick-call-card p{
    color: #111827;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    margin-top: 16px;

    line-height: normal;
}
.btn-cal{
    margin-top: 16px;
    display: flex;
    padding: 16px 24px;
    flex-direction: column;
    align-items: center;
}
.quick-call-icon {
    width: 40px;
    height: 40px;
    border-radius: 14px;
    background: #dbeafe;
    color: #0083db;
    font-size: 1.1rem;
}

/* Live chat */
.live-chat-card {
    border-radius: 16px;
    background: #e9fdf3;
    padding: 0.9rem 1rem;
    margin-bottom: 24px;
}
.Partnerships-bo{
    border-top: 1px solid #F3F4F6;
    padding-top: 14px ;
    margin-top: 14px ;
}
.live-chat-dot {
    border-radius: 16px;
    background: var(--Green, #0CBD2D);
    display: flex;
    width: 48px;
    height: 48px;
    justify-content: center;
    align-items: center;
}
.btn-outline-success{
    border-radius: 26843500px;
    border: 0.8px solid var(--Fintech-Green, #096);
    background: #FFF;
    display: flex;
    padding: 6.6px 84.512px 5.4px 84.5px;
    justify-content: center;
    align-items: flex-start;
    gap: 12.388px;
}
.btn-outline-success:hover{
     border: 0.8px solid var(--Fintech-Green, #096);
    background: rgba(0, 153, 102, 0.12);
    color: #096 ;

}

.contact-info{
    color: var(--Text-Primary, #1A1A1A);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-decoration: none;
}
/* Info blocks */
.contact-info-block {
    display: flex;
    gap: 0.75rem;
    margin-top: 0.75rem;
    border-top: 1px solid #F3F4F6;
    padding: 24px 0;
}

.contact-info-icon {

}

/* FAQ cards */
.faq-card {
    border-radius: 18px;
    border: 0.8px solid var(--Border, #F3F4F6);
    background: var(--White, #FFF);
    display: flex;
     padding: 24px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
    /* Shadow */
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.05);
}

.faq-card h6{
    color: var(--Text-Primary, #1A1A1A);
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 25.2px; /* 140% */
}

.faq-card p{
    color: var(--Text-Secondary, #4A4A4A);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 162.5% */
}

/* Featured */
.featured-article-card {
    border-radius: 24px;
    background: #fff;
    border: 1px solid #e5e7eb;
    box-shadow: 0 16px 40px rgba(15, 35, 52, 0.06);
    overflow: hidden;
}
.featured-img {
    position: relative;
}
.featured-badge {
    position: absolute;
    top: 12px;
    left: 12px;
    border-radius: 999px;
    display: flex;
    padding: 8px 16px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 99px;
    background: rgba(255, 255, 255, 0.20) !important;
    color: #FFF;
    text-align: center;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
}

/* Article tag */
.article-tag {
    border-radius: 26843500px;
    border: 1px solid var(--Border, #F3F4F6);
    background: var(--White, #FFF);
    color: var(--Light-Text, #6B7280);
    text-align: center;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 4px 12px;
}
.data-time span{
    color: var(--Light-Text, #6B7280);

    /* Small size */
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.Article{
    padding: 48px 32px;
    gap: 18px;


}
.Article h4{
    color: var(--Text-Secondary, #4A4A4A);

    /* H2 */
    font-family: Inter;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 16px 0;
}
.Article p{
    color: var(--Text-Secondary, #4A4A4A);

    /* Items */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
/* Filter pills */
.article-filter-btn {
    border-radius: 12px;
    background: var(--Border, #F3F4F6);
    display: flex;
    padding: 12px;
    align-items: center;
    color: var(--Text-Primary, #1A1A1A);
    text-align: center;

    /* Items */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    gap: 12px;
    border: none;
    cursor: pointer;
}
.article-filter-btn.active {
    border-radius: 12px;
    background: var(--Primary, #0083DB);
    color: #FFF;
    text-align: center;

    /* Items */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

/* Article cards */
.article-card-inner {
    border-radius: 20px;
    border: 1px solid #e5e7eb;
    background: #fff;
    box-shadow: 0 10px 32px rgba(15, 35, 52, 0.04);
    overflow: hidden;
}
.article-img img {
    height: 190px;
    object-fit: cover;
}
.bg-primary-subtle{
    color: var(--Primary, #0083DB) !important;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px; /* 133.333% */
    border-radius: 99px;
    background: rgba(0, 131, 219, 0.08) !important;
    padding: 4px 12px;

}
.article-card-inner p{
    color: var(--Text-Secondary, #4A4A4A);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22.75px; /* 162.5% */
}
.article-card-inner h6{
    color: var(--Text-Primary, #1A1A1A);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
}
.article-card-inner span{
    color: var(--Text-Secondary, #4A4A4A);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
}
.artical-bottom{
    border-top: 0.8px solid #E5E7EB;
    padding-top: 15px;
}

    /* Optional color helpers */
.bg-purple-subtle {
    background: #f5f3ff;
}
.text-purple {
    color: #7c3aed;
}


.case-study-card {
    border-radius: 32px;
    border: 0.8px solid var(--Border, #F3F4F6);
    background: #FFF;

    /* Shadow */
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.05);
    overflow: hidden;
}

/* Left image block */
.case-media {
    position: relative;
    min-height: 220px;
}
.case-media img {
    border-radius: 24px 0 0 24px;
}
@media (max-width: 767.98px) {
    .case-media img {
        border-radius: 24px 24px 0 0;
    }
}

/* Glassy product badge on image */
.case-product-badge {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    padding: 32px;
    border-radius: 24px;
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.20);
    text-align: center;
    color: #fff;
}
.case-product-icon {

}
.case-product-name {
    color: #FFF;
    text-align: center;
    position: absolute;
    top: 120%;
    left: 50%;
    border-radius: 99px;
    padding: 12px 16px;

    background: rgba(255, 255, 255, 0.20);
    transform: translate(-50%, -50%);

    /* Items */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

/* Meta line */
.case-meta span {
    margin-right: 0.25rem;
    color: var(--Light-Text, #6B7280);

    /* Small size */
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.case-study-card p{
    color: var(--Text-Secondary, #4A4A4A);

    /* Items */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.case-study-card h5{
    color: var(--Text-Secondary, #4A4A4A);

    /* H2 */
    font-family: Inter;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.case-meta-dot::before {
    content: "•";
    margin: 0 0.25rem;
}
.case-study-card .btn-outline-primary{
    padding: 12px;
    border-radius: 8px;

}

/* Metrics */
.case-metric-value {
    color: var(--Text-Primary, #1A1A1A);
    text-align: center;

    /* Body */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
 .case-study-card .case-metric-label {
    color: var(--Text-Secondary, #4A4A4A);
    text-align: center;

    /* Items */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}



.success-card {
    border-radius: 24px;
    border: 1px solid #e5e7eb;
    background: #ffffff;
    box-shadow: 0 10px 32px rgba(15, 35, 52, 0.04);
    overflow: hidden;
}
.success-card .success-card-body{
    display: flex;
    padding: 32px;
    flex-direction: column;
    align-items: flex-start;
    gap: 19px;
    align-self: stretch;
}
.success-card-body .text-muted{
    color: var(--Text-Secondary, #4A4A4A);

    /* Small size */
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.success-card-body h6{
    color: var(--Text-Primary, #1A1A1A);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.success-card-body p{
    color: var(--Text-Secondary, #4A4A4A);

    /* Items */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
/* Top image with overlay badge */
.success-img {
    position: relative;
    height: 160px;
}
.success-img img {
     border-radius: 24px;
    height: 152px;

    object-fit: cover;
}
.Browse-icon{
    /*border-radius: 18px;*/
    /*background: rgba(0, 131, 219, 0.08);*/
    /*height: 48px;*/

}
.success-product-badge {
    position: absolute;
    left: 26px;
    top: 17px;
    /*display: inline-flex;*/
    align-items: center;
    gap: 16px;
     border-radius: 999px;
    color: #fff;
 }
.success-product-badge span{
    /*background: rgba(15, 23, 42, 0.65);*/
    border-radius: 99px;
    background: var(--White, #FFF);
     align-items: center;
    justify-content: center;
    color: var(--Text-Secondary, #4A4A4A);
    text-align: center;

    /* Items */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;    padding: 8px 10px;

}
.success-product-icon{
    margin-bottom: 18px;
}
/* Metric box */
.success-metric {
    border-radius: 16px;
    background: #f9fafb;
    padding: 0.7rem 0.9rem;
}
.success-metric-value {
    font-size: 1.1rem;
    font-weight: 600;
}
.success-metric-label {
    font-size: 0.8rem;
    color: #6b7280;
}

/* Reuse from earlier (if not yet defined) */
.insight-link {
    font-size: 0.9rem;
    font-weight: 500;
    color: #0083db;
    text-decoration: none;
}
.insight-link i {
    font-size: 0.85rem;
}


/* Background section */
.article-hero {
    position: relative;
     background-size: cover;
    background-position: center;
    color: #fff;
    display: flex;
    align-items: center;
    background-image: url('../images/blog/hero-area.png');
}

.article-hero-overlay {
    /*position: absolute;*/
    /*inset: 0;*/
    /*background: rgba(255, 255, 255, 0.20);*/

}

/* Frosted glass card */
.article-hero-card {
    z-index: 1;
    max-width: 960px;
    width: 100%;
     padding: 32px;
     align-items: center;
    gap: 32px;
    border-radius: 24px;
    margin:45px 0 ;
    background: rgba(255, 255, 255, 0.20);
    backdrop-filter: blur(14px);
}

/* Back button */
.article-back-btn {
    position: absolute;
    left: 24px;
    top: 24px;
    width: 44px;
    height: 44px;
     border: unset;
    border-radius: 99px;
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
}

/* Category pill */
.article-category-pill {
    display: inline-flex;
    color: var(--White, #FFF);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
    gap: 0.35rem;
      border-radius: 99px;
    padding: 8px 12px;

    background: rgba(255, 255, 255, 0.12);
 }

/* Title & subtitle */
.article-hero-title {
    color: var(--White, #FFF);
    text-align: center;
    font-family: Inter;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
}

.article-hero-subtitle {
    color: var(--White, #FFF);
    text-align: center;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.author-sec span{
    color: var(--White, #FFF);

    /* Items */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.author-sec .user-section div{
    color: var(--White, #FFF);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}

/* Author & meta */
.article-author-icon {
    width: 40px;
    height: 40px;
     border: unset;
    border-radius: 99px;
    background: rgba(255, 255, 255, 0.12);    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
 }

.text-light-50 {
    color: rgba(249, 250, 251, 0.75) !important;
}
.text-light-70 {
    color: rgba(249, 250, 251, 0.85) !important;
}

.article-meta-dot::before {
    content: "•";
    color: rgba(249, 250, 251, 0.7);
}

/* Buttons */
.article-hero-btn {
     border-radius: 8px;
    background: var(--Primary, #0083DB);    color: #fff;
    padding: 12px 16px;
    color: #FFF;
    text-align: center;

    /* Items */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.article-hero-btn:hover {
    background: #0b5ed7;
    color: #fff;
}




.article-text {
    color: var(--Text-Secondary, #4A4A4A);

    /* Body */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 18px;
}

/* Key stat callout */
.key-stat-card {
    border-radius: 24px;
    border: 1.6px solid var(--Border, #F3F4F6);
    background: var(--White, #FFF);
    padding: 24px;
    gap: 10px;

}
.key-stat-card p{
    color: var(--Text-Secondary, #4A4A4A);
margin-top: 10px;
    /* Items */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

/* Big stat cards */
.opportunity-stat-card {
    border-radius: 18px;
    border: 0.8px solid var(--Border, #F3F4F6);
    background: var(--White, #FFF);
    padding: 24px;
    gap: 16px;
text-align: center;
    /* Shadow */
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.05);
}
.opportunity-stat-value {
    color: var(--Text-Primary, #1A1A1A);
    text-align: center;
    font-family: Inter;
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.opportunity-stat-label {
    color: var(--Text-Secondary, #4A4A4A);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

/* Benefit / challenge / tech cards */
.benefit-card,
.challenge-card,
.tech-card,
.step-card {
    border-radius: 16px;
    border: 1px solid #e5e7eb;
    background: #ffffff;
    padding: 24px;
    height: 100%;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.05);

}
.article-section-title-2{
    color: var(--Text-Primary, #1A1A1A);
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.benefit-icon,
.challenge-icon,
.tech-icon {


    display: flex;
    width: 32px;
    height: 32px;
    border-radius: 99px;
    background: var(--Primary, #0083DB);
    display: flex;
    align-items: center;
    justify-content: center;
    justify-content: cetech-cardnter;
     margin-bottom: 0.4rem;
    color: white;
    color: #FFF;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.benefit-title,
.challenge-title,
.tech-title {
    color: var(--Text-Primary, #1A1A1A);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.benefit-text,
.challenge-text,
.tech-text {
    color: var(--Text-Secondary, #4A4A4A);

    /* Items */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}



/* Inline case‑study banner */
.case-inline-banner {
    border-radius: 20px;
    background: #02b184;
    padding: 1.25rem 1.5rem;
    color: #ecfdf5;
}
.case-inline-metric-value {
    color: var(--Text-Primary, #1A1A1A);
    text-align: center;
    font-family: Inter;
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.case-inline-metric-label {
    color: var(--Text-Secondary, #4A4A4A);
    text-align: center;

    /* Body */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;}

/* Steps 1–5 */
.step-number {
    width: 28px;
    height: 28px;
    border-radius: 999px;
    background: #0f6fec;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}
.step-title {
    color: var(--Text-Primary, #1A1A1A);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.step-text {
    color: var(--Text-Secondary, #4A4A4A);

    /* Items */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

/* Tags & share */
.article-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}
.article-tag-pill {
    border-radius: 999px;
    border: 1px solid #e5e7eb;
    background: #f9fafb;
    padding: 0.15rem 0.75rem;
    font-size: 0.8rem;
    color: #374151;
}
.article-share {
    display: flex;
    align-items: center;
    gap:18px;
}
.article-share i{
    color: #1A1A1A;

}
.article-share-icon {
    border-radius: 10px;
    background: #DBEAFE;
    display: flex;
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
}

/* Author card */
.article-author-card {
    border-radius: 18px;
    background: #fff7ed;
    border: 1px solid #fed7aa;
    padding: 1.5rem 1.7rem;
}
.article-author-body {
    font-size: 0.9rem;
    color: #4b5563;
}
.article-author-footer {
    font-size: 0.87rem;
}

/* Related articles */
.related-section-title {
    font-size: 1.2rem;
    font-weight: 600;
    color: #111827;
}
.related-card {
    border-radius: 18px;
    border: 1px solid #e5e7eb;
    background: #ffffff;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
}
.related-img img {
    height: 150px;
    width: 100%;
    border-radius: 25px;
    object-fit: cover;
}
.related-body {
    padding: 1rem 1.1rem 1.2rem;
}
.related-tag {
    display: inline-block;
    padding: 0.15rem 0.6rem;
    border-radius: 999px;
    background: #eff6ff;
    color: #0f6fec;
    font-size: 0.7rem;
    margin-bottom: 0.4rem;
}
.related-title {
    font-size: 0.9rem;
    font-weight: 600;
    margin-bottom: 0.35rem;
    color: #111827;
}
.related-meta {
    font-size: 0.8rem;
    color: #6b7280;
    margin-bottom: 0.35rem;
}
.related-link {
    font-size: 0.8rem;
    font-weight: 500;
    color: #0083db;
    text-decoration: none;
}
.related-link i {
    font-size: 0.85rem;
}

/* Article wrapper and content */


.article-content section {
    margin-bottom: 48px;
}

.article-section-title {
    color: var(--Text-Secondary, #4A4A4A);

    /* H2 */
    font-family: Inter;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
 }

.article-content .heading-2 {
    color: #4A5565; /* Dark text for headings on white background */
    margin-bottom: 24px;
}

.article-content .article-text {
    color: #4A4A4A; /* Dark gray text for body on white background */
 }

/* Key stat card on white background */
.article-content .key-stat-card {
    background: #FFFFFF;
    border-color: #F3F4F6;
}

.article-content .key-stat-card strong {
    color: #1A1A1A;
    font-weight: 600;
}

.article-content .key-stat-card p {
    color: #4A4A4A;
}

/* Opportunity stat cards on white background */
.article-content .opportunity-stat-card {
    background: #FFFFFF;
    border-color: #F3F4F6;
}

.article-content .opportunity-stat-value {
    color: #1A1A1A;
}

.article-content .opportunity-stat-label {
    color: #4A4A4A;
}

/* Benefit, challenge, tech, step cards on white background */
.article-content .benefit-card,
.article-content .challenge-card,
.article-content .tech-card,
.article-content .step-card {
    background: #FFFFFF;
    border-color: #E5E7EB;
}

.article-content .benefit-title,
.article-content .challenge-title,
.article-content .tech-title,
.article-content .step-title {
    color: #1A1A1A;
}

/* Challenge icon styling on white background */
.article-content .challenge-icon {
    background: #0083DB;
    color: #FFFFFF;
}

.article-content .benefit-text,
.article-content .challenge-text,
.article-content .tech-text,
.article-content .step-text {
    color: #4A4A4A;
}

/* Quote card on white background */
.article-content .article-quote-card {
    background: #F9FAFB;
    border-color: #E5E7EB;
}

.article-content .article-quote-card .article-text {
    color: #4A4A4A;
}

.article-content .article-quote-card small {
    color: #6B7280;
}

/* Case study banner - keep green */
.article-content .case-inline-banner {
    border-radius: 32px;
    background: rgba(0, 167, 157, 0.04);
     padding: 32px;

    gap: 24px;
    align-self: stretch;
}

/* Tags on white background */
.article-content .article-tag-pill {
    border-radius: 12px;
    padding: 12px;
    color: var(--Text-Primary, #1A1A1A);

    /* Items */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    background: #F3F4F6;
}

/* Share section on white background */
.article-content .article-share .text-muted {
    color: #6B7280 !important;
}

/* Share icons on white background */
.article-content .article-share-icon {
    border-color: #E5E7EB;
    color: #4B5563;
}

.article-content .article-share-icon:hover {
    background: #F9FAFB;
    color: #1A1A1A;
}

/* Author card - adjust for white background */
.article-content .article-author-card {
    background: #FFF7ED;
    border-color: #FED7AA;
}

.article-content .article-author-body {
    color: #4A4A4A;
}

.article-content .article-author-footer {
    color: #1A1A1A;
}

.article-content .article-author-footer strong {
    color: #1A1A1A;
}

.article-content .article-author-footer a {
    color: #4B5563;
}

.article-content .article-author-footer a:hover {
    color: #1A1A1A;
}

/* Related articles section */
.article-content .related-section-title {
    color: #111827;
}


/* Section spacing – keep small so it hugs the hero */
.case-metrics-section {
    margin-top: -1.5rem;      /* adjust if you want it closer to hero */
    padding-bottom: 1.5rem;
    color: #f9fafb;
}

/* Meta line above cards */
.case-metrics-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 11px;
    padding: 32px 0;
    justify-content: center;
    color: var(--White, #FFF);

    /* Items */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}


/* Glass metric cards */
.case-metric-card {border-radius: 24px;
    background: rgba(255, 255, 255, 0.20);/* translucent */
     padding: 16px;
     align-items: center;
    gap: 11px;
 }

/* Typography inside cards */
.case-metric-label {
    color: var(--White, #FFF);
    text-align: center;

    /* Items */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    margin-bottom: 11px;
    font-weight: 500;
    line-height: normal;
}
.case-metric-value {
    color: var(--Text-Primary, #1A1A1A);
    text-align: center;

    /* Body */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.case-metric-prev {
    color: var(--Border, #F3F4F6);
    text-align: center;
    font-family: Arial;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    text-decoration-line: line-through;
}
.case-metric-current {
    color: var(--White, #FFF);
    font-family: Inter;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

/* Bottom pill (70% faster, First time, etc.) */
.case-metric-pill {
    display: inline-block;
    margin-top: 11px;
    padding: 4px 12px;
    border-radius: 999px;
    color: var(--White, #FFF);
    text-align: center;
    border-radius: 26843500px;
    border: 1px solid var(--White, #FFF);
    /* Small size */
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}







/* Headings & text */
.privacy-section-heading {
    color: var(--Text-Primary, #1A1A1A);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
    margin-bottom: 24px;
}

.privacy-numbered-heading {
    color: var(--Text-Primary, #1A1A1A);
    font-family: Inter;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px; /* 125% */
    letter-spacing: -0.32px;
    margin-bottom: 24px;
}

.privacy-text {
    color: var(--Text-Secondary, #4A4A4A);

    /* Body */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 0.5rem;
}

/* Simple grey note card (e.g. Key Stat, rights explanation, contact) */
.privacy-note-card {
    border-radius: 12px;
    border: 1px solid #e5e7eb;
    background: #f9fafb;
    padding: 0.9rem 1rem;
    font-size: 0.86rem;
    color: #374151;
}

/* Two-column text list (for bullet sections) */
.privacy-ul {
    color: var(--Text-Secondary, #4A4A4A);

    /* Body */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-left: 15px;
    margin-bottom: 10px;
}
.privacy-ul li{
    margin-bottom: 10px;

}

/* “Our Privacy Principles” cards */
.privacy-principles-grid .card {
    border-radius: 16px;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    background: #F9FAFB;
    display: flex;
    padding: 24px 24px  24px;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;

}
.privacy-principles-grid .card .d-flex{
    gap: 16px;
}
.privacy-principles-grid .card-icon {
    display: flex;
    width: 48px;
    height: 48px;
    justify-content: center;
    align-items: center;
    display: flex;
    align-items: center;
    padding: 12px;
    border-radius: 18px;
    background: #FCE7F3;
}

.privacy-principles-grid .card-title {
    color: var(--Text-Primary, #1A1A1A);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    margin-bottom: 0.2rem;
}

.privacy-principles-grid .card-text {
    color: var(--Text-Secondary, #4A4A4A);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22.75px; /* 162.5% */
}

/* Data security grid (Encryption, Access Controls, etc.) */
.security-grid .card {
    border-radius: 18px;
    border: 0.8px solid #E5E7EB;
    background: var(--White, #FFF);
    display: flex;
    height: 113.6px;
    padding: 20.8px 20.8px   20.8px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    flex: 1 0 0;
    /* Shadow */
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.05);
}

.security-grid .card-title {
    color: var(--Text-Primary, #1A1A1A);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
    margin-bottom: 0.2rem;
}

.security-grid .card-text {
    color: var(--Text-Secondary, #4A4A4A);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
}

/* Section 5 rights list */
.privacy-right-item {
    border-radius: 18px;
    background: #F9FAFB;
    display: flex;
     padding: 16px 0 0 16px;
    align-items: flex-start;
    gap: 12px;
      padding: 16px 0 0 16px;
     gap: 12px;
     align-self: stretch;
    margin-bottom: 0.45rem;
}

.privacy-right-number {
    color: var(--Primary, #0083DB);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 150% */
}

/* Bottom contact card */
.privacy-contact-card {
    border-radius: 16px;
    display: flex;
    padding: 32px;
    gap: 16px;
     align-items: flex-start;
    align-self: stretch;    border-radius: 24px;
    background: linear-gradient(135deg, #FDF2F8 0%, #FAF5FF 100%);    padding: 1.1rem 1.2rem;

}

.privacy-contact-icon {border-radius: 18px;
    background: #FFF;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.10), 0 1px 2px -1px rgba(0, 0, 0, 0.10);
    display: flex;
    width: 48px;
    height: 48px;
    justify-content: center;
    align-items: center;
}

.privacy-contact-card h1{
    color: #111827;

    /* H2 */
    font-family: Inter;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.privacy-contact-icon p{
    color: var(--Text-Secondary, #4A4A4A);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 162.5% */
}

      /* PAGE LAYOUT */


/* HEADINGS & PARAGRAPHS */
.terms-section-heading {
    font-size: 1.1rem;
    font-weight: 600;
    color: #111827;
    margin-bottom: 0.35rem;
}
.terms-numbered-heading {
    font-size: 1.1rem;
    font-weight: 600;
    color: #111827;
    margin-top: 1.75rem;
    margin-bottom: 0.3rem;
}
.terms-text {
    font-size: 0.9rem;
    color: #4b5563;
    margin-bottom: 0.5rem;
}
.terms-list {
    padding-left: 1.15rem;
    font-size: 0.9rem;
    color: #4b5563;
}

/* TOP OVERVIEW CARDS */
.tos-overview-row {
    margin-top: 1.1rem;
    margin-bottom: 1.5rem;
}
.overview-card {
    border-radius: 14px;
    padding: 0.9rem 1rem;
    font-size: 0.86rem;
    text-align: center;
    height: 100%;
     gap: 0.75rem;
    align-items: flex-start;
}

.overview-body-title {
    color: var(--Text-Primary, #1A1A1A);
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    margin: 10px 0;
}
.overview-body-text {
    color: var(--Text-Secondary, #4A4A4A);
    text-align: center;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */}

.overview-green {
    border-radius: 16px;
    border: 0.8px solid #A4F4CF;
    background: #ECFDF5;
}

.overview-blue {
    border-radius: 16px;
    border-radius: 16px;
    border: 0.8px solid #BEDBFF;
    background: #EFF6FF;
}

.overview-amber {
    border-radius: 16px;
    border: 0.8px solid #FFD6A7;
    background: #FFF7ED;
}


/* PRODUCT CARDS (Description of services) */
.service-card {
    border-radius: 18px;
    border: 0.8px solid var(--Border, #F3F4F6);
    background: var(--White, #FFF);
    display: flex;
     padding: 16.8px 16.8px 16.8px;
      gap: 4px;
    margin-top: 12px;
    /* Shadow */
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.05);
}
.card-gary{
    border-radius: 18px;
    background: #F9FAFB;
    background: #F9FAFB;
    display: flex;
    padding: 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    margin-top: 12px;
    align-self: stretch;
}
.card-gary ul{
    padding-left: 0;
}
.card-gary ul li{
    list-style: none;
}
.service-title {
    font-size: 0.9rem;
    font-weight: 600;
    margin-bottom: 0.15rem;
    color: #111827;
}
.service-text {
    font-size: 0.85rem;
    color: #4b5563;
}

/* ACCEPTABLE USE CARDS */
.acceptable-card {
    border-radius: 14px;
    padding: 0.9rem 1rem;
    font-size: 0.86rem;
}
.acceptable-title {
    font-weight: 600;
    margin-bottom: 0.35rem;
}
.acceptable-list {
    padding-left: 1.1rem;
    margin-bottom: 0;
    font-size: 0.86rem;
}
.acceptable-card.permitted {
    border-radius: 18px;
    background: #ECFDF5;
    display: flex;
    padding: 24px;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 12px;
    gap: 8px;
    align-self: stretch;
}
.acceptable-card.permitted ul, .acceptable-card.prohibited ul{
    padding-left: 0;
}
.acceptable-card.permitted ul li, .acceptable-card.prohibited ul li{
    list-style: none;
}
.acceptable-card.prohibited {
    display: flex;
    padding: 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
    border-radius: 24px;
    background: #FFF7F7;
    align-self: stretch
 }
.car{
    border-radius: 18px;
    border: 0.8px solid var(--Border, #F3F4F6);
    background: var(--White, #FFF);
    display: flex;
    padding: 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    align-self: stretch;
    margin-top: 12px;
    margin-bottom: 16px;
    /* Shadow */
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.05);
}
/* GENERAL SUB-CARDS / NOTES */
.tos-note-card {
    border-radius: 12px;
    border: 1px solid #e5e7eb;
    background: #f9fafb;
    padding: 0.85rem 1rem;
    font-size: 0.86rem;
    color: #374151;
}

/* HIGHLIGHT BOXES  - warranties, liability */
.tos-highlight-warning {
    border-radius: 24px;
    background: #FEFCE8;
    display: flex;
    padding: 12px;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    align-self: stretch;
}
.tos-highlight-warning span{
    color: var(--Text-Secondary, #4A4A4A);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 162.5% */
}
.tos-highlight-grey {
    border-radius: 24px;
    background: #FFF7F7;
    display: flex;
    padding: 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
    align-self:  stretch;
}

/* TERMINATION CARDS */
.termination-card {
    border-radius: 18px;
    border: 0.8px solid var(--Border, #F3F4F6);
    background: var(--White, #FFF);

    /* Shadow */
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.05);
    display: flex;
     padding: 20.8px 20.8px   20.8px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    grid-row: 1 / span 1;
    grid-column: 1 / span 1;
    justify-self: stretch;
}

/* DISPUTE RESOLUTION STEPS */
.dispute-step {
    display: flex;
     padding: 16px;
    align-items: flex-start;
    gap: 12px;
    align-self: stretch;    border-radius: 18px;
    background: #F9FAFB;
    margin-bottom: 12px;
}
.dispute-step-number {


    color: #096;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 150% */
}
.General-prov .privacy-text{

    margin-bottom: 16px;
}
/* BOTTOM CONTACT CARD */
.terms-contact-card {
    border-radius: 24px;
    background: linear-gradient(135deg, #ECFDF5 0%, #EFF6FF 100%);
    display: flex;
    padding: 32px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
    margin-bottom: 80px;
}
.icon-hero-top{
    border-radius: 16px;
    background: rgba(39, 170, 225, 0.08);
    display: flex;
    width: 64px;
    height: 64px;
    padding: 16px;
    justify-content: center;
    align-items: center;
}

.card-body-cas{
    padding: 40px;
}
.resource-card h6{
    margin-top: 12px;
}
.Article span{
    color: var(--Text-Primary, #1A1A1A);

    /* Items */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.icon-hero-span{
    border-radius: 99px;
    background: rgba(0, 131, 219, 0.12);
    display: flex;
    padding: 8px 12px;
    align-items: center;
    color: var(--Primary, #0083DB);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
    gap: 12px;
}

.Joint-Initiative .fw-semibold{
    color: var(--Text-Secondary, #4A4A4A);
    text-align: center;

    /* H2 */
    font-family: Inter;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.ifram-video-size{
    width:100%;
    height:530px;
}


.video-card {
    border-radius: 18px;
    background: #e5e7eb;
}
.video-play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 64px;
    height: 64px;
    border-radius: 50%;
    border: none;
    background: #ffffff;
    box-shadow: 0 14px 40px rgba(15, 35, 52, 0.35);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
/* Responsive tweaks */





/* Mobile view adjustments */
@media (max-width: 700px) {
    .ifram-video-size{
        width:100%;
        height:220px;
    }
    .hero-section{
        text-align: center;
    }
    .Lift-icon{
        gap: 16px;
    }
    .heading-3, .problem-card p{
        line-height: normal;
    }
    .svg-icon-div ,.step-icon ,.world-icon{
        width: 40px;
        height: 40px;
    }

    .FreightAssist{
        padding: 0;
    }
    .svg-icon-div svg ,.step-icon svg, .world-icon svg{
        width: 16px;
        height: 16px;
    }
    .testimonial-card, .world-icon, .world-card, .solution-box, .feature-planned, .feature-data, .hiw-wrapper, .limitations-wrapper, .feature-live, .stat-card, .benefit-card, .challenge-card, .tech-card, .step-card, .pilot-card, .problem-cards, .segment-card, .Enterprise-Systems-card, .Enterprise-Systems, .zero-card, .mission-wrapper, .problem-card, .integration-card .card, .Joint-Initiative ,.platform-card, .testimonial-wrapper, .article-content .case-inline-banner,.Partners-Layer .bg-light,  .Partners-Layer, .subscribe-box, .contact-card, .quick-call-card, .faq-card, .resource-card{
        border-radius: 10px;
    }
    /*....font-size ....*/
    .zero-card h3,  .heading-2 ,.testimonial-text,.Joint-Initiative .fw-semibold ,.Result-heading-problem{
        font-size: 16px;

    }
    .article-hero-title ,.Partners-Layer .Partners h4{
        font-size: 18px;
    }
    .sme-cta-highlight, .problem-title, .text-primary-heading, .privacy-numbered-heading, .How-Solve h2, .hero-section h1,.heading-3, .sme-cta-title{
        font-size: 18px;

    }.opportunity-stat-value, .case-inline-metric-value, .problem-metric{
         font-size: 22px;
     }
    .sme-cta-subtitle, .mission-card h6, .platform-card h5, .case-study-card h5,.Article h4,.faq-card h6,  .article-section-title, .contact-section h5 , .quick-call-card h6{
        font-size: 16px;
    }
    .subscribe-bullets span{
        font-size: 10px;
    }
    .sme-cta-note2, .resource-card h6{
        font-size: 14px;
    }
    .world-card h6, .world-card p, .problem-card p, .Why-exist p ,.mission-section p, .problem-list, .sme-cta-note, .segment-list li,.zero-card p, .resource-card .btn-outline-primary, .btn-outline-primary, .insight-card p, .platform-body-text,.platform-link, .platform-benefits li, .btn-light-primary, .Partners-Layer .Partners p, .resource-card p, .How-Solve .text-muted, .text-muted, .contact-info, .quick-call-card p, .form-control, .form-select , .btn-outline-primary .article-card-inner span, .article-filter-btn, .Article span, .Article p, .case-inline-metric-label, .opportunity-stat-label , .article-text, .btn-primary, .key-stat-card , .case-study-card .case-metric-label, .privacy-ul, p ,.sme-cta .btn-primary, .privacy-text,.tos-highlight-warning span, .tos-highlight-grey, .article-hero-subtitle ,.case-metrics-meta ,.case-metric-label{
        font-size: 12px;
    }
    .privacy-section-heading{
        margin-bottom: 0;
    }
    /*....padding ....*/
    .insights-btn{
        width: 100%;
    }

    .pt-80{
        padding-top: 16px;
    }

    .testimonial-card, .world-card, .solution-box, .feature-planned, .feature-data, .hiw-wrapper,.limitations-wrapper,  .feature-live, .benefit-card, .challenge-card, .tech-card, .step-card, .pilot-card, .problem-cards, .segment-card, .Enterprise-Systems-card, .Enterprise-Systems, .zero-card, .Why-exist, .mission-wrapper, .problem-card, .integration-card .card, .platform-card, .Joint-Initiative, .Partners-Layer, .faq-card,.resource-card, .quick-call-card, .contact-card, .Article, .article-content .case-inline-banner, .terms-contact-card, .key-stat-card ,.case-metric-card, .testimonial-wrapper, .card-body-cas ,.article-hero-card{
        padding: 12px;
    }
    .Why-exist p{
        padding-top: 0;
    }

    .subscribe-box{
        padding: 10px;
    }
    .section{
        padding: 20px;
    }
    .problem-list{
        padding-left: 10px;
    }

    /*....padding ....*/
    /*.........margin-bottom....*/
    .article-content .heading-2{
        margin-bottom: 15px;
    }
    .results-wrapper{
        margin-top: 0;
    }
    .mb-80{
        margin-bottom: 16px;
    }
    .mt-48 , .mt-32{
        margin-top: 16px;
    }
    .svg-icon-hereo svg{
        margin-left: 10px;
    }
    .contact-card{
        margin-bottom: 0;
    }
    /*.........margin-bottom....*/

.heading-3 br ,.hero-section br , .sme-cta-title br{
    display: none;
}
.privacy-contact-card ,.service-card, .dispute-step, .privacy-right-item ,.step-card{
        display: block;
    }



    .Why-exist img{
       margin-top: 15px;
    }
    h1,.heading-2{
        font-size: 19px;
    }
    .stat-value{
        font-size: 22px;
    }
    .stat-card{
        padding: 12px;
    }
    .hero-image{
        padding-top: 15px;
    }
    .pt-32{
        padding-top: 16px;
    }
    .problem-card{
        display: block;
    }
    .navbar-nav .dropdown-menu{
        padding: 0;
    }
    .mission-section, .hero-section, .disruption-section, .solution-box, .world-section, .results-wrapper{
        padding: 20px;
    }
    .hiw-wrapper{
        padding: 15px;
    }
    .pse-32{
        padding-right: 15px;
        padding-left: 15px;
    }
    .footer-section{
        padding: 25px 18px;
        text-align: center;
    }
    .footer-section br{
        display: none;
    }
    .Certified{
        padding-top: 15px;
    }
}