/*==================================================
        TRUSTED & CERTIFIED SECTION
==================================================*/

:root{

    --trust-green:#15803D;
    --trust-light:#F7FFF8;
    --trust-border:#E5F5E8;
    --trust-text:#1F2937;
    --trust-muted:#6B7280;

}

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

.trusted-section{

    position:relative;

    padding:90px 0;

    background:linear-gradient(
        180deg,
        #ffffff 0%,
        #F7FFF8 100%
    );

    overflow:hidden;

}

.trusted-section::before{

    content:"";

    position:absolute;

    width:380px;

    height:380px;

    border-radius:50%;

    background:rgba(34,197,94,.08);

    filter:blur(100px);

    top:-120px;

    right:-120px;

}

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

.trusted-header{

    text-align:center;

    max-width:760px;

    margin:auto auto 70px;

}

.trusted-subtitle{

    display:inline-flex;

    align-items:center;

    gap:8px;

    padding:10px 18px;

    background:#E9F9EE;

    color:var(--trust-green);

    border-radius:50px;

    font-weight:700;

    font-size:15px;

    margin-bottom:18px;

}

.trusted-title{

    font-size:clamp(2.3rem,5vw,3.8rem);

    font-weight:800;

    color:var(--trust-text);

    line-height:1.2;

    margin-bottom:18px;

}

.trusted-title span{

    color:var(--trust-green);

}

.trusted-description{

    font-size:18px;

    color:var(--trust-muted);

    line-height:1.9;

}

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

.trusted-grid{

    display:grid;

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

    gap:24px;

    margin-bottom:70px;

}

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

.trusted-card{

    background:#fff;

    border:1px solid var(--trust-border);

    border-radius:24px;

    padding:35px 28px;

    text-align:center;

    transition:.35s ease;

    box-shadow:

    0 12px 35px rgba(0,0,0,.05);

}

.trusted-card:hover{

    transform:translateY(-10px);

    border-color:#16A34A;

    box-shadow:

    0 25px 45px rgba(21,128,61,.12);

}

.trusted-card i{

    width:74px;

    height:74px;

    display:flex;

    justify-content:center;

    align-items:center;

    margin:auto;

    border-radius:50%;

    background:#EAF8EE;

    color:#16A34A;

    font-size:34px;

    margin-bottom:22px;

}

.trusted-card h3{

    font-size:21px;

    font-weight:700;

    color:var(--trust-text);

    margin-bottom:12px;

}

.trusted-card p{

    color:var(--trust-muted);

    line-height:1.8;

    font-size:15px;

}

/*==================================================
            CERTIFICATION MARQUEE
==================================================*/

.trusted-marquee{

    position:relative;

    width:100%;

    overflow:hidden;

    margin-top:20px;

    padding:18px 0;

}

/* Fade Effect */

.trusted-marquee::before,
.trusted-marquee::after{

    content:"";

    position:absolute;

    top:0;

    width:140px;

    height:100%;

    z-index:5;

    pointer-events:none;

}

.trusted-marquee::before{

    left:0;

    background:linear-gradient(
        90deg,
        #F7FFF8 0%,
        transparent 100%
    );

}

.trusted-marquee::after{

    right:0;

    background:linear-gradient(
        270deg,
        #F7FFF8 0%,
        transparent 100%
    );

}

/*==================================================
                TRACK
==================================================*/

.marquee-track{

    display:flex;

    width:max-content;

    animation:marqueeMove 30s linear infinite;

}

.trusted-marquee:hover .marquee-track{

    animation-play-state:paused;

}

.marquee-group{

    display:flex;

    align-items:center;

    gap:28px;

    padding-right:28px;

}

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

.certification-logo{

    min-width:180px;

    height:90px;

    background:#fff;

    border-radius:18px;

    border:1px solid #E5F5E8;

    display:flex;

    justify-content:center;

    align-items:center;

    box-shadow:

    0 10px 30px rgba(0,0,0,.05);

    transition:.35s ease;

}

.certification-logo:hover{

    transform:translateY(-8px);

    border-color:#16A34A;

    box-shadow:

    0 18px 35px rgba(22,163,74,.15);

}

.certification-logo img{

    max-width:120px;

    max-height:55px;

    width:auto;

    height:auto;

    object-fit:contain;

    filter:grayscale(100%);

    transition:.35s ease;

}

.certification-logo:hover img{

    filter:grayscale(0);

    transform:scale(1.05);

}

/*==================================================
            MARQUEE ANIMATION
==================================================*/

@keyframes marqueeMove{

    from{

        transform:translateX(0);

    }

    to{

        transform:translateX(-50%);

    }

}

/*==================================================
                LAPTOP
==================================================*/

@media (max-width:1400px){

.trusted-grid{

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

gap:22px;

}

.trusted-card{

padding:30px 24px;

}

.certification-logo{

min-width:170px;

height:85px;

}

}

/*==================================================
                TABLET
==================================================*/

@media (max-width:992px){

.trusted-section{

padding:70px 0;

}

.trusted-header{

margin-bottom:50px;

}

.trusted-grid{

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

gap:20px;

margin-bottom:50px;

}

.trusted-title{

font-size:42px;

}

.trusted-description{

font-size:17px;

}

.marquee-group{

gap:20px;

}

.certification-logo{

min-width:160px;

height:82px;

}

.marquee-track{

animation-duration:25s;

}

}

/*==================================================
                MOBILE
==================================================*/

@media (max-width:768px){

.trusted-section{

padding:60px 0;

}

.trusted-header{

margin-bottom:40px;

padding:0 8px;

}

.trusted-title{

font-size:32px;

line-height:1.25;

}

.trusted-description{

font-size:15px;

line-height:1.8;

}

.trusted-grid{

grid-template-columns:1fr;

gap:18px;

margin-bottom:40px;

}

.trusted-card{

padding:26px 20px;

}

.trusted-card i{

width:64px;

height:64px;

font-size:28px;

margin-bottom:18px;

}

.trusted-card h3{

font-size:19px;

}

.trusted-card p{

font-size:14px;

}

.trusted-marquee{

padding:14px 0;

}

.trusted-marquee::before,
.trusted-marquee::after{

width:60px;

}

.certification-logo{

min-width:130px;

height:72px;

border-radius:14px;

}

.certification-logo img{

max-width:90px;

max-height:42px;

}

.marquee-track{

animation-duration:20s;

}

}

/*==================================================
            SMALL MOBILE
==================================================*/

@media (max-width:480px){

.trusted-title{

font-size:28px;

}

.trusted-subtitle{

font-size:13px;

padding:8px 14px;

}

.certification-logo{

min-width:115px;

height:66px;

}

.certification-logo img{

max-width:80px;

}

}

/*==================================================
            PERFORMANCE
==================================================*/

.marquee-track,
.certification-logo,
.trusted-card{

will-change:transform;

transform:translateZ(0);

backface-visibility:hidden;

-webkit-backface-visibility:hidden;

}