/* =========================================================

   SECTION AUTRES INTERVENTIONS

========================================================= */



.section-autres-interventions{



    position:relative;



    overflow:hidden;



    background:#020817;



    padding:16px;



}



/* =========================================================

   CONTAINER

========================================================= */



.section-autres-interventions__container{



    max-width:95%;



    margin:0 auto;



    display:grid;



    grid-template-columns:1.45fr 340px;



    gap:14px;



    align-items:start;



}



/* =========================================================

   LEFT / RIGHT

========================================================= */



.section-autres-interventions__left,

.section-autres-interventions__right{



    background:

        linear-gradient(

            180deg,

            rgba(6,18,48,0.96),

            rgba(4,13,35,0.98)

        );



    border:1px solid rgba(255,255,255,0.05);



    border-radius:16px;



    padding:16px;



}



/* =========================================================

   TITLE

========================================================= */



.section-autres-interventions__title{



    color:#ffffff;



    font-size:14px;



    font-weight:700;



    margin-bottom:16px;



}



/* =========================================================

   SERVICES

========================================================= */



.section-autres-interventions__services{



    display:grid;



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



    gap:12px;



    margin-bottom:14px;



}



/* =========================================================

   SERVICE

========================================================= */



.section-autres-interventions__service{



    background:

        linear-gradient(

            180deg,

            rgba(8,24,60,0.95),

            rgba(5,17,45,0.98)

        );



    border:1px solid rgba(255,255,255,0.04);



    border-radius:14px;



    padding:14px;



    min-height:175px;



}



.section-autres-interventions__service-icon{



    width:42px;

    height:42px;



    border-radius:12px;



    background:

        linear-gradient(

            180deg,

            rgba(37,99,235,0.22),

            rgba(37,99,235,0.08)

        );



    display:flex;



    align-items:center;



    justify-content:center;



    margin-bottom:14px;



}



.section-autres-interventions__service-icon svg{



    width:18px;

    height:18px;



    color:#3b82f6;



}



.section-autres-interventions__service h3{



    color:#ffffff;



    font-size:13px;



    line-height:1.5;



    margin-bottom:10px;



}



.section-autres-interventions__service p{



    color:rgba(255,255,255,0.66);



    font-size:11px;



    line-height:1.8;



}



/* =========================================================

   BOTTOM

========================================================= */



.section-autres-interventions__bottom{



    display:grid;



    grid-template-columns:1fr 1fr;



    gap:14px;



    margin-bottom:14px;



}



/* =========================================================

   CARD

========================================================= */



.section-autres-interventions__card{



    background:

        linear-gradient(

            180deg,

            rgba(8,24,60,0.95),

            rgba(5,17,45,0.98)

        );



    border:1px solid rgba(255,255,255,0.04);



    border-radius:14px;



    padding:14px;



}



.section-autres-interventions__card-title{



    color:#ffffff;



    font-size:13px;



    font-weight:700;



    margin-bottom:14px;



}



/* =========================================================

   CARD HEADER

========================================================= */



.section-autres-interventions__card-header{



    display:flex;



    align-items:center;



    justify-content:space-between;



    margin-bottom:14px;



}



.section-autres-interventions__card-header h3{



    color:#ffffff;



    font-size:13px;



    font-weight:700;



}



.section-autres-interventions__card-header a{



    color:#3b82f6;



    text-decoration:none;



    font-size:11px;



}



/* =========================================================

   TABLE

========================================================= */



.section-autres-interventions__table{



    display:flex;



    flex-direction:column;



    gap:10px;



}



.section-autres-interventions__row{



    display:grid;



    grid-template-columns:10px 1.4fr 1fr 1.4fr 50px;



    gap:10px;



    align-items:center;



    color:#ffffff;



    font-size:11px;



}



.section-autres-interventions__row span{



    line-height:1.5;



}



.section-autres-interventions__row .badge{



    background:rgba(16,185,129,0.15);



    color:#34d399;



    padding:6px 10px;



    border-radius:999px;



    font-size:10px;



    text-align:center;



}



.section-autres-interventions__row .dot{



    width:8px;

    height:8px;



    border-radius:999px;



    display:block;



}



.section-autres-interventions__row .red{



    background:#ef4444;



}



.section-autres-interventions__row .orange{



    background:#fb923c;



}



.section-autres-interventions__row .yellow{



    background:#facc15;



}



.section-autres-interventions__row .green{



    background:#22c55e;



}



/* =========================================================

   STEPS

========================================================= */



.section-autres-interventions__steps{



    display:grid;



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



    gap:10px;



}



.section-autres-interventions__step{



    text-align:center;



    position:relative;



}



.section-autres-interventions__step-icon{



    width:48px;

    height:48px;



    margin:0 auto 12px;



    border-radius:999px;



    background:

        linear-gradient(

            180deg,

            rgba(37,99,235,0.25),

            rgba(37,99,235,0.10)

        );



    display:flex;



    align-items:center;



    justify-content:center;



}



.section-autres-interventions__step-icon svg{



    width:20px;

    height:20px;



    color:#3b82f6;



}



.section-autres-interventions__step strong{



    display:block;



    color:#ffffff;



    font-size:11px;



    margin-bottom:6px;



}



.section-autres-interventions__step p{



    color:rgba(255,255,255,0.62);



    font-size:10px;



    line-height:1.7;



}



/* =========================================================

   CTA

========================================================= */



.section-autres-interventions__cta{



    display:flex;



    align-items:center;



    justify-content:space-between;



    gap:14px;



    padding:14px;



    border-radius:14px;



    background:

        linear-gradient(

            180deg,

            rgba(8,24,60,0.95),

            rgba(5,17,45,0.98)

        );



    border:1px solid rgba(255,255,255,0.04);



}



.section-autres-interventions__cta-left{



    display:flex;



    align-items:center;



    gap:14px;



}



.section-autres-interventions__cta-icon{



    width:52px;

    height:52px;



    border-radius:999px;



    border:2px solid rgba(59,130,246,0.6);



    display:flex;



    align-items:center;



    justify-content:center;



    flex-shrink:0;



}



.section-autres-interventions__cta-icon svg{



    width:20px;

    height:20px;



    color:#ffffff;



}



.section-autres-interventions__cta strong{



    display:block;



    color:#ffffff;



    font-size:13px;



    margin-bottom:4px;



}



.section-autres-interventions__cta p{



    color:rgba(255,255,255,0.66);



    font-size:11px;



}



.section-autres-interventions__cta-button{



    height:42px;



    padding:0 18px;



    border-radius:10px;



    background:

        linear-gradient(

            90deg,

            #2563eb,

            #3b82f6

        );



    display:flex;



    align-items:center;



    gap:10px;



    text-decoration:none;



    color:#ffffff;



    font-size:12px;



    font-weight:600;



    flex-shrink:0;



}



/* =========================================================

   BENEFITS

========================================================= */



.section-autres-interventions__benefit{



    display:flex;



    gap:12px;



    padding:14px 0;



    border-bottom:1px solid rgba(255,255,255,0.04);



}



.section-autres-interventions__benefit:last-child{



    border-bottom:none;



}



.section-autres-interventions__benefit svg{



    width:18px;

    height:18px;



    color:#3b82f6;



    flex-shrink:0;



    margin-top:2px;



}



.section-autres-interventions__benefit strong{



    display:block;



    color:#ffffff;



    font-size:12px;



    margin-bottom:5px;



}



.section-autres-interventions__benefit p{



    color:rgba(255,255,255,0.66);



    font-size:10px;



    line-height:1.7;



}



/* =========================================================

   RESPONSIVE

========================================================= */



@media(max-width:1200px){



    .section-autres-interventions__container{



        grid-template-columns:1fr;



    }



    .section-autres-interventions__services{



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



    }



}



@media(max-width:900px){



    .section-autres-interventions__services{



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



    }



    .section-autres-interventions__bottom{



        grid-template-columns:1fr;



    }



    .section-autres-interventions__steps{



        grid-template-columns:1fr 1fr;



    }



}



@media(max-width:640px){



    .section-autres-interventions{



        padding:14px;



    }



    .section-autres-interventions__services{



        grid-template-columns:1fr;



    }



    .section-autres-interventions__steps{



        grid-template-columns:1fr;



    }



    .section-autres-interventions__cta{



        flex-direction:column;



        align-items:flex-start;



    }



}