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

.trusted-section{

    position:relative;

    padding:120px 0;

    background:
    linear-gradient(
    180deg,
    #FFFFFF 0%,
    #F8FAFC 100%);

    overflow:hidden;

}

/*=========================================================
                CONTAINER
=========================================================*/

.trusted-section .container{

    position:relative;

    z-index:2;

}

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

.trusted-header{

    max-width:760px;

    margin:0 auto 70px;

    text-align:center;

}

/*=========================================================
                BADGE
=========================================================*/

.trusted-badge{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:10px 22px;

    border-radius:50px;

    background:rgba(29,78,216,.08);

    color:#1D4ED8;

    font-size:.95rem;

    font-weight:700;

    margin-bottom:22px;

}

.trusted-badge i{

    font-size:15px;

}

/*=========================================================
                TITLE
=========================================================*/

.trusted-title{

    font-size:3rem;

    font-weight:800;

    line-height:1.2;

    color:#0B132B;

    margin-bottom:18px;

}

.trusted-title span{
    background: linear-gradient(
        90deg,
        #1D4ED8,
        #00C2FF
    );

    /* Standard */
    background-clip: text;
    color: transparent;

    /* WebKit */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/*=========================================================
                DESCRIPTION
=========================================================*/

.trusted-description{

    font-size:1.08rem;

    color:#64748B;

    line-height:1.8;

    max-width:680px;

    margin:auto;

}


/*=========================================================
                MAIN LAYOUT
=========================================================*/

.trusted-wrapper{

    display:grid;

    grid-template-columns:1fr 1fr;

    align-items:center;

    gap:80px;

    margin-bottom:70px;

}

/*=========================================================
                LEFT CONTENT
=========================================================*/

.trusted-content{

    display:flex;

    flex-direction:column;

    justify-content:center;

}

.trusted-subtitle{

    font-size:2rem;

    font-weight:700;

    color:#0B132B;

    margin-bottom:20px;

}

.trusted-text{

    font-size:1.05rem;

    color:#64748B;

    line-height:1.9;

    margin-bottom:35px;

}

/*=========================================================
                FEATURES
=========================================================*/

.trusted-features{

    display:grid;

    grid-template-columns:1fr;

    gap:18px;

    margin-bottom:40px;

}

.trusted-feature{

    display:flex;

    align-items:center;

    gap:16px;

    padding:18px 22px;

    background:#FFFFFF;

    border:1px solid rgba(226,232,240,.8);

    border-radius:16px;

    transition:.35s ease;

    box-shadow:0 10px 30px rgba(15,23,42,.05);

}

.trusted-feature:hover{

    transform:translateX(10px);

    border-color:#00C2FF;

    box-shadow:0 18px 40px rgba(0,194,255,.18);

}

.trusted-feature i{

    width:46px;

    height:46px;

    border-radius:12px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:linear-gradient(135deg,#1D4ED8,#00C2FF);

    color:#FFFFFF;

    font-size:18px;

    flex-shrink:0;

}

.trusted-feature span{

    font-size:1rem;

    font-weight:600;

    color:#334155;

}

/*=========================================================
                IMAGE
=========================================================*/

.trusted-image{

    position:relative;

    display:flex;

    justify-content:center;

    align-items:center;

}

.trusted-image img{

    width:100%;

    max-width:620px;

    border-radius:30px;

    object-fit:cover;

    box-shadow:
        0 35px 80px rgba(15,23,42,.15);

    transition:.5s ease;

}

.trusted-image:hover img{

    transform:scale(1.03);

}

/*=========================================================
                    STATISTICS
=========================================================*/

.trusted-stats{

    display:grid;

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

    gap:30px;

}

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

.stat-card{

    position:relative;

    padding:40px 25px;

    background:#FFFFFF;

    border-radius:24px;

    text-align:center;

    overflow:hidden;

    border:1px solid rgba(226,232,240,.9);

    box-shadow:
        0 15px 40px rgba(15,23,42,.08);

    transition:all .4s ease;

}

.stat-card::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:4px;

    background:linear-gradient(
        90deg,
        #1D4ED8,
        #00C2FF
    );

}

.stat-card:hover{

    transform:translateY(-12px);

    box-shadow:
        0 25px 60px rgba(29,78,216,.18);

}

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

.stat-icon{

    width:72px;

    height:72px;

    margin:0 auto 20px;

    border-radius:20px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:linear-gradient(
        135deg,
        #1D4ED8,
        #00C2FF
    );

    color:#FFFFFF;

    font-size:28px;

    transition:.4s;

}

.stat-card:hover .stat-icon{

    transform:rotate(10deg) scale(1.08);

}

/*=========================================================
                    NUMBER
=========================================================*/

.stat-card h3{

    font-size:2.4rem;

    font-weight:800;

    color:#0B132B;

    margin-bottom:10px;

    transition:.3s;

}

.stat-card:hover h3{

    color:#1D4ED8;

}

/*=========================================================
                    LABEL
=========================================================*/

.stat-card p{

    margin:0;

    color:#64748B;

    font-size:1rem;

    font-weight:600;

}

/*=========================================================
                DECORATIVE BACKGROUND
=========================================================*/

.trusted-section::before{

    content:"";

    position:absolute;

    width:500px;

    height:500px;

    border-radius:50%;

    background:radial-gradient(circle,
        rgba(0,194,255,.12),
        transparent 70%);

    top:-180px;

    right:-180px;

    pointer-events:none;

}

.trusted-section::after{

    content:"";

    position:absolute;

    width:420px;

    height:420px;

    border-radius:50%;

    background:radial-gradient(circle,
        rgba(29,78,216,.10),
        transparent 70%);

    bottom:-150px;

    left:-150px;

    pointer-events:none;

}

/*=========================================================
                IMAGE DECORATION
=========================================================*/

.trusted-image{

    position:relative;

}

.trusted-image::before{

    content:"";

    position:absolute;

    width:120px;

    height:120px;

    border-radius:25px;

    background:linear-gradient(
        135deg,
        #1D4ED8,
        #00C2FF
    );

    opacity:.08;

    top:-25px;

    left:-25px;

    z-index:-1;

}

.trusted-image::after{

    content:"";

    position:absolute;

    width:180px;

    height:180px;

    border-radius:50%;

    background:radial-gradient(circle,
        rgba(0,194,255,.20),
        transparent 70%);

    right:-60px;

    bottom:-60px;

    z-index:-1;

}

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

@media(max-width:991px){

    .trusted-wrapper{

        grid-template-columns:1fr;

        gap:50px;

    }

    .trusted-content{

        order:2;

        text-align:center;

    }

    .trusted-image{

        order:1;

    }

    .trusted-features{

        max-width:600px;

        margin:0 auto 40px;

    }

    .trusted-stats{

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

    }

    .trusted-title{

        font-size:2.5rem;

    }

}

@media(max-width:768px){

    .trusted-section{

        padding:90px 0;

    }

    .trusted-title{

        font-size:2rem;

    }

    .trusted-subtitle{

        font-size:1.5rem;

    }

    .trusted-description{

        font-size:1rem;

    }

    .trusted-text{

        font-size:1rem;

    }

    .trusted-stats{

        grid-template-columns:1fr;

    }

    .trusted-feature{

        padding:16px 18px;

    }

    .stat-card{

        padding:30px 20px;

    }

}

@media(max-width:576px){

    .trusted-badge{

        font-size:.85rem;

        padding:8px 18px;

    }

    .trusted-title{

        font-size:1.8rem;

    }

    .stat-card h3{

        font-size:2rem;

    }

}