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

   HERO AUTRES INTERVENTIONS

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



.hero-autres-interventions{



    position:relative;



    overflow:hidden;



    background:#020817;



    min-height:280px;



    display:flex;



    align-items:center;



    padding:20px 28px;



}



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

   BACKGROUND

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



.hero-autres-interventions__background{



    position:absolute;



    inset:0;



    background:

        radial-gradient(

            circle at center,

            rgba(37,99,235,0.12),

            transparent 70%

        );



}



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

   CONTAINER

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



.hero-autres-interventions__container{



    position:relative;



    z-index:2;



    width:100%;



    max-width:95%;



    margin:0 auto;



    display:grid;



    grid-template-columns:1.1fr 520px;



    gap:24px;



    align-items:center;



}



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

   CONTENT

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



.hero-autres-interventions__content{



    display:flex;



    align-items:flex-start;



    gap:24px;



    margin-top:8rem;



}



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

   ICON

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



.hero-autres-interventions__icon{



    width:96px;

    height:96px;



    border-radius:20px;



    background:

        linear-gradient(

            180deg,

            #091b4d 0%,

            #061537 100%

        );



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



    display:flex;



    align-items:center;



    justify-content:center;



    gap:10px;



    flex-shrink:0;



}



.hero-autres-interventions__icon span{



    width:10px;

    height:10px;



    border-radius:999px;



    background:#ffffff;



    opacity:0.9;



}



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

   TEXT

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



.hero-autres-interventions__text{



    max-width:560px;



}



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

   BREADCRUMB

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



.hero-autres-interventions__breadcrumb{



    display:flex;



    align-items:center;



    gap:8px;



    margin-bottom:18px;



    font-size:11px;



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



}



.hero-autres-interventions__breadcrumb a{



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



    text-decoration:none;



}



.hero-autres-interventions__breadcrumb-current{



    color:#3b82f6;



}



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

   TITLE

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



.hero-autres-interventions__title{



    color:#ffffff;



    font-size:28px;



    font-weight:800;



    line-height:1.1;



    margin-bottom:14px;



    letter-spacing:-0.03em;



}



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

   SUBTITLE

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



.hero-autres-interventions__subtitle{



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



    font-size:16px;



    line-height:1.8;



    margin-bottom:18px;



    max-width:470px;



}



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

   DESCRIPTION

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



.hero-autres-interventions__description{



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



    font-size:13px;



    line-height:1.9;



    margin-bottom:20px;



    max-width:540px;



}



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

   BADGES

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



.hero-autres-interventions__badges{



    display:flex;



    align-items:center;



    gap:12px;



    flex-wrap:wrap;



}



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

   BADGE

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



.hero-autres-interventions__badge{



    height:40px;



    padding:0 16px;



    border-radius:12px;



    background:

        linear-gradient(

            180deg,

            rgba(16,42,109,0.72),

            rgba(9,27,77,0.72)

        );



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



    display:inline-flex;



    align-items:center;



    gap:10px;



    color:#ffffff;



    font-size:12px;



    font-weight:500;



}



.hero-autres-interventions__badge svg{



    width:16px;

    height:16px;



    color:#3b82f6;



}



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

   VISUAL

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



.hero-autres-interventions__visual{



    display:flex;



    justify-content:flex-end;



    align-items:center;



}



.hero-autres-interventions__visual img{



    width:100%;



    max-width:520px;



    height:auto;



    display:block;



    object-fit:contain;



}



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

   RESPONSIVE

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



@media(max-width:1100px){



    .hero-autres-interventions__container{



        grid-template-columns:1fr;



    }



    .hero-autres-interventions__visual{



        justify-content:flex-start;



    }



}



@media(max-width:768px){



    .hero-autres-interventions{



        padding:18px;



    }



    .hero-autres-interventions__content{



        flex-direction:column;



        gap:18px;



    }



    .hero-autres-interventions__icon{



        width:82px;

        height:82px;



    }



    .hero-autres-interventions__title{



        font-size:24px;



    }



    .hero-autres-interventions__subtitle{



        font-size:14px;



    }



    .hero-autres-interventions__description{



        font-size:12px;



    }



}