.elementor-268 .elementor-element.elementor-element-82a17a2{width:100%;max-width:100%;}.elementor-268 .elementor-element.elementor-element-1ac836c{width:100%;max-width:100%;}.elementor-268 .elementor-element.elementor-element-769bc65{width:100%;max-width:100%;}.elementor-268 .elementor-element.elementor-element-c3b8bc2{width:100%;max-width:100%;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-82a17a2 *//*==================================================
HERO SAV
==================================================*/

.hero-sav{

    position:relative;

    min-height:820px;

    display:flex;

    align-items:center;

    overflow:hidden;

    background:

    linear-gradient(

        90deg,

        rgba(7,21,40,.98) 0%,

        rgba(7,21,40,.95) 28%,

        rgba(7,21,40,.70) 48%,

        rgba(7,21,40,.20) 72%,

        rgba(7,21,40,0) 100%

    ),

    url("http://mt-informatique.fr/wp-content/uploads/2026/07/suivi-sav-hero.png");

    background-position:right center;

    background-repeat:no-repeat;

    background-size:cover;

}

/*==================================================
HALO
==================================================*/

.hero-sav::before{

    content:"";

    position:absolute;

    width:900px;

    height:900px;

    right:-250px;

    top:-250px;

    border-radius:50%;

    background:

    radial-gradient(circle,

    rgba(22,119,255,.18),

    transparent 70%);

    filter:blur(80px);

}

.hero-overlay{

    position:absolute;

    inset:0;

    background:

    radial-gradient(

        circle at 75% 45%,

        rgba(0,123,255,.18),

        transparent 55%

    );

}

/*==================================================
CONTENEUR
==================================================*/

.hero-container{

    width:min(1320px,92%);

    margin:auto;

    position:relative;

    z-index:2;

}

.hero-content{

    width:620px;

}

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

.hero-badge{

    display:inline-flex;

    align-items:center;

    padding:12px 24px;

    border-radius:50px;

    background:#1677FF;

    color:#FFF;

    font-size:14px;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

    margin-bottom:35px;

}

/*==================================================
TITRE
==================================================*/

.hero-sav h1{

    color:#FFF;

    font-size:74px;

    line-height:1;

    font-weight:800;

    margin-bottom:30px;

}

.hero-sav h1 span{

    display:block;

    color:#2F90FF;

}

/*==================================================
TEXTE
==================================================*/

.hero-sav p{

    color:#D7E2F3;

    font-size:22px;

    line-height:1.8;

    margin-bottom:45px;

}

/*==================================================
BOUTONS
==================================================*/

.hero-buttons{

    display:flex;

    gap:20px;

    margin-bottom:45px;

    flex-wrap:wrap;

}

.btn-primary{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    height:60px;

    padding:0 40px;

    border-radius:12px;

    background:linear-gradient(180deg,#2F90FF,#1677FF);

    color:#FFF;

    text-decoration:none;

    font-weight:700;

    transition:.35s;

    box-shadow:0 20px 45px rgba(22,119,255,.35);

}

.btn-primary:hover{

    transform:translateY(-4px);

}

.btn-secondary{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    height:60px;

    padding:0 40px;

    border-radius:12px;

    border:2px solid rgba(255,255,255,.18);

    color:#FFF;

    text-decoration:none;

    backdrop-filter:blur(10px);

    transition:.35s;

}

.btn-secondary:hover{

    background:#FFF;

    color:#081423;

}

/*==================================================
INFOS
==================================================*/

.hero-features{

    display:flex;

    gap:35px;

    flex-wrap:wrap;

}

.hero-features div{

    display:flex;

    align-items:center;

    gap:12px;

    color:#FFF;

    font-weight:600;

}

.hero-features i{

    color:#2F90FF;

    font-size:20px;

}

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

@media(max-width:1100px){

.hero-sav{

    min-height:700px;

    background-position:center;

}

.hero-content{

    width:100%;

}

.hero-sav h1{

    font-size:56px;

}

}

@media(max-width:768px){

.hero-sav{

    padding:90px 0;

}

.hero-sav h1{

    font-size:42px;

}

.hero-sav p{

    font-size:18px;

}

.hero-buttons{

    flex-direction:column;

}

.hero-buttons a{

    width:100%;

}

.hero-features{

    flex-direction:column;

    gap:18px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ac836c *//*==================================================
FEATURES SAV
==================================================*/

.sav-features{

    background:#081423;

    border-top:1px solid rgba(255,255,255,.08);

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

}

.sav-features .container{

    width:min(1320px,92%);

    margin:auto;

    display:grid;

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

}

/*==================================================
BLOC
==================================================*/

.feature{

    display:flex;

    align-items:center;

    gap:20px;

    padding:35px 25px;

    border-right:1px solid rgba(255,255,255,.08);

}

.feature:last-child{

    border-right:none;

}

/*==================================================
ICONE
==================================================*/

.feature-icon{

    width:64px;
    height:64px;

    min-width:64px;
    min-height:64px;

    max-width:64px;
    max-height:64px;

    flex:0 0 64px;

    display:flex;

    justify-content:center;

    align-items:center;

    border-radius:50%;

    background:rgba(47,144,255,.12);

}

/* Font Awesome */

.feature-icon i{

    font-size:26px;

    color:#2F90FF;

}

/* Elementor Icon */

.feature-icon .elementor-icon{

    width:64px;

    height:64px;

    display:flex;

    justify-content:center;

    align-items:center;

    padding:0;

    border-radius:50%;

    background:transparent;

}

.feature-icon svg{

    width:26px;

    height:26px;

    fill:#2F90FF;

}

/*==================================================
TEXTE
==================================================*/

.feature h3{

    color:#FFF;

    font-size:18px;

    margin:0 0 8px;

    font-weight:700;

}

.feature p{

    color:#BFCBDA;

    font-size:15px;

    line-height:1.7;

    margin:0;

}

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

@media(max-width:1100px){

.sav-features .container{

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

}

.feature:nth-child(2){

    border-right:none;

}

.feature{

    padding:30px 20px;

}

}

@media(max-width:768px){

.sav-features .container{

    grid-template-columns:1fr;

}

.feature{

    border-right:none;

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

    padding:25px 15px;

}

.feature:last-child{

    border-bottom:none;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-769bc65 *//*==================================================
SUIVI SAV
==================================================*/

.sav-tracking{

    padding:120px 0;

    background:#F7F9FC;

}

.sav-tracking .container{

    width:min(92%);

    margin:auto;

}

.sav-tracking h2{

    text-align:center;

    margin-bottom:20px;

}

.sav-tracking .section-description{

    max-width:780px;

    margin:0 auto 60px;

    text-align:center;

    color:#64748B;

    font-size:20px;

    line-height:1.8;

}

.tracking-card{

    background:#FFF;

    border-radius:24px;

    padding:20px;

    box-shadow:0 20px 60px rgba(0,0,0,.08);

    overflow:hidden;

}

.tracking-card iframe{

    width:100%;

    height:900px;

    border:none;

    border-radius:18px;

}

@media(max-width:12000px){

.sav-tracking{

    padding:80px 0;

}

.tracking-card{

    padding:10px;

}

.tracking-card iframe{

    height:700px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c3b8bc2 *//*==================================================
BESOIN D'AIDE
==================================================*/

.help-section{

    padding:55px 0;

    background:linear-gradient(90deg,#081423,#0A1C33);

    border-top:1px solid rgba(255,255,255,.08);

}

.help-section .container{

    width:min(1320px,92%);

    margin:auto;

    display:grid;

    grid-template-columns:2fr 1fr 1fr auto;

    align-items:center;

    gap:50px;

}

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

.help-intro{

    display:flex;

    align-items:center;

    gap:30px;

}

.help-icon{

    width:90px;

    height:90px;

    min-width:90px;

    border-radius:50%;

    background:rgba(47,144,255,.12);

    display:flex;

    justify-content:center;

    align-items:center;

}

.help-icon i{

    color:#2F90FF;

    font-size:42px;

}

.help-intro h2{

    color:#FFF;

    font-size:40px;

    margin-bottom:10px;

}

.help-intro p{

    color:#C8D4E5;

    line-height:1.8;

    margin:0;

}

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

.help-contact{

    display:flex;

    align-items:center;

    gap:18px;

}

.help-contact i{

    color:#2F90FF;

    font-size:32px;

}

.help-contact span{

    display:block;

    color:#BFCBDA;

    font-size:15px;

    margin-bottom:6px;

}

.help-contact strong{

    color:#FFF;

    font-size:20px;

    font-weight:700;

}

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

.help-button{

    display:flex;

    justify-content:flex-end;

}

.help-button .btn-primary{

    height:58px;

    padding:0 35px;

}

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

@media(max-width:1200px){

.help-section .container{

    grid-template-columns:1fr;

    text-align:center;

    gap:35px;

}

.help-intro{

    justify-content:center;

}

.help-contact{

    justify-content:center;

}

.help-button{

    justify-content:center;

}

}/* End custom CSS */