/* ==========================================
   TRUST STRIP
========================================== */

.trust-strip{

    position:relative;
    overflow:hidden;

    padding:100px 0 110px;

    background:#fff;

}

.trust-strip::before{

    content:"";

    position:absolute;

    top:0;
    left:50%;

    transform:translateX(-50%);

    width:760px;
    height:340px;

    background:radial-gradient(circle,
    rgba(215,155,43,.08),
    transparent 72%);

    pointer-events:none;

}

/* ==========================================
SECTION HEADER
========================================== */

.section-header{

    position:relative;

    max-width:700px;

    margin:0 auto 60px;

    text-align:center;

    z-index:2;

}

.section-header__eyebrow{

    display:inline-block;

    margin-bottom:18px;

    font-size:.78rem;

    font-weight:700;

    letter-spacing:.22em;

    text-transform:uppercase;

    color:#D79B2B;

}

.section-header__title{

    margin:0 0 10px;

    font-size:2.65rem;

    line-height:1.18;

    font-weight:700;

    letter-spacing:-.02em;

    color:#111827;

}

.section-header__description{

    margin:0;

    font-size:1.08rem;

    font-weight:500;

    color:#6B7280;

    letter-spacing:.02em;

}

/* ==========================================
GRID
========================================== */

.trust-strip__grid{

    position:relative;

    z-index:2;

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:32px;

}

/* ==========================================
CARD
========================================== */

.trust-card{

    position:relative;

    overflow:hidden;

    background:linear-gradient(180deg,#ffffff,#fcfcfc);

    border:1px solid rgba(15,46,99,.06);

    border-radius:18px;

    padding:28px 28px 30px;

    text-align:center;

    transition:.35s ease;

    box-shadow:
    0 8px 30px rgba(15,46,99,.05);

}

.trust-card::before{

    content:"";

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:2px;
    opacity:.45;

    background:linear-gradient(90deg,#0F2E63,#D79B2B);

    transform:scaleX(0);

    transform-origin:left;

    transition:.35s ease;

}

.trust-card:hover{

    transform:translateY(-10px);

    box-shadow:
    0 18px 45px rgba(15,46,99,.10);
    
    border-color:rgba(215,155,43,.30);

}

.trust-card:hover::before{

    transform:scaleX(1);

}

/* ==========================================
ICON
========================================== */

.trust-card__icon{

    width:56px;
    height:56px;

    margin:0 auto 18px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:linear-gradient(180deg,#FFFDF9,#F8F3E8);

    border:1px solid rgba(215,155,43,.18);

}

.trust-card__icon svg{

    width:26px;
    height:26px;

    stroke-width:2;

    color:#0F2E63;

}

.trust-card:hover .trust-card__icon{

    background:#D79B2B;

    border-color:#D79B2B;

}

.trust-card:hover .trust-card__icon svg{

    color:#fff;

}

/* ==========================================
TYPOGRAPHY
========================================== */

.trust-card h3{

    margin:0 0 12px;

    font-size:1.5rem;

    line-height:1.3;

    font-weight:700;

    color:#111827;

}

.trust-card p{

    margin:0 auto;

    max-width:260px;

    font-size:.98rem;

    line-height:1.7;

    color:#666;

}

/* ==========================================
RESPONSIVE
========================================== */

@media (max-width:1200px){

    .trust-strip__grid{

        grid-template-columns:repeat(2,1fr);

    }

}

@media (max-width:768px){

    .trust-strip{

        padding:80px 0;

    }

    .section-header{

        margin-bottom:40px;

    }

    .section-header__title{

        font-size:2.2rem;

    }

    .trust-strip__grid{

        grid-template-columns:1fr;

    }

}