.service-wrapper{
    position:relative;

    padding:120px 0 0;

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

    overflow:hidden;
}

/* décoration arrière-plan */
.service-wrapper::before{
    content:'';

    position:absolute;

    width:450px;
    height:450px;

    border-radius:50%;

    background:rgba(45,199,255,.05);

    top:-150px;
    right:-100px;
}

.service-wrapper::after{
    content:'';

    position:absolute;

    width:250px;
    height:250px;

    border-radius:50%;

    background:rgba(45,199,255,.04);

    bottom:-80px;
    left:-50px;
}

.service-header{
    position:relative;
    z-index:2;

    max-width:900px;

    margin:auto;

    text-align:center;
}

/* badge */
.service-header .section-badge{
    display:inline-flex;

    align-items:center;
    gap:10px;

    padding:12px 24px;

    border-radius:50px;

    background:#eef9ff;

    color:#0095D9;

    font-weight:700;

    margin-bottom:25px;
}

.service-header .section-badge i{
    font-size:14px;
}

/* titre */
.service-header h2{
    font-size:32px;

    font-weight:800;

    color:#071B34;

    line-height:1.2;

    margin-bottom:25px;
}

/* ligne décorative */
.title-line{
    width:120px;
    height:5px;

    margin:0 auto 30px;

    border-radius:20px;

    background:linear-gradient(
        90deg,
        #2DC7FF,
        #0095D9
    );
}

/* texte */
.service-header p{
    max-width:760px;

    margin:auto;

    font-size:18px;

    line-height:2;

    color:#64748b;
}
.service-showcase{
    padding:20px 0;
}

.service-card-premium{
    position:relative;

    background:#fff;

    border-radius:35px;

    padding:20px;

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

    overflow:hidden;

    transition:.4s;
}

.service-card-premium:hover{
    transform:translateY(-8px);
}

.service-card-premium::before{
    content:"";

    position:absolute;

    top:0;
    left:0;

    width:5px;
    height:100%;

    background:linear-gradient(
        180deg,
        #2DC7FF,
        #0095D9
    );
}

/* IMAGE */
.service-image{
    position:relative;
}

.service-image img{
    width:100%;
    height:200px;

    object-fit:cover;

    border-radius:25px;

    transition:.8s;
}

.service-card-premium:hover img{
    transform:scale(1.05);
}

/* numéro géant */
.service-count{
    position:absolute;

    top:-15px;
    right:-4px;

    font-size:140px;
    font-weight:900;

    color:rgba(45,199,255,.12);

    line-height:1;

    z-index:1;
}

/* CONTENT */
.service-content{
    position:relative;
    z-index:2;
}

.service-badge{
    display:inline-block;

    padding:10px 18px;

    border-radius:50px;

    background:#eef9ff;

    color:#0095D9;

    font-weight:600;

    margin-bottom:20px;
}

.service-content h2{
    font-size:42px;
    font-weight:800;

    color:#071B34;

    margin-bottom:20px;

    line-height:1.2;
}

.service-divider{
    width:90px;
    height:4px;

    border-radius:20px;

    background:linear-gradient(
        90deg,
        #2DC7FF,
        #0095D9
    );

    margin-bottom:25px;
}

.service-content p{
    color:#64748b;

    line-height:2;

    font-size:16px;

    margin-bottom:35px;
}

/* bouton */
.btn-service-premium{
    display:inline-flex;

    align-items:center;

    gap:12px;

    padding:16px 30px;

    border-radius:60px;

    background:linear-gradient(
        135deg,
        #2DC7FF,
        #0095D9
    );

    color:white;

    text-decoration:none;

    font-weight:700;

    transition:.3s;
}

.btn-service-premium:hover{
    color:white;

    gap:20px;

    transform:translateX(5px);
}
.service-wrapper{
    background:
    linear-gradient(
        180deg,
        #ffffff,
        #f8fbff
    );
}
.service-showcase:nth-child(even){
    background:#f8fbff;
}