.elementor-1086 .elementor-element.elementor-element-ea553a7{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.5;--overlay-mix-blend-mode:multiply;overflow:visible;}.elementor-1086 .elementor-element.elementor-element-ea553a7:not(.elementor-motion-effects-element-type-background), .elementor-1086 .elementor-element.elementor-element-ea553a7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://pyramis-ac.com/wp-content/uploads/2026/07/v1045-01a.jpg");}.elementor-1086 .elementor-element.elementor-element-ea553a7::before, .elementor-1086 .elementor-element.elementor-element-ea553a7 > .elementor-background-video-container::before, .elementor-1086 .elementor-element.elementor-element-ea553a7 > .e-con-inner > .elementor-background-video-container::before, .elementor-1086 .elementor-element.elementor-element-ea553a7 > .elementor-background-slideshow::before, .elementor-1086 .elementor-element.elementor-element-ea553a7 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1086 .elementor-element.elementor-element-ea553a7 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#F7FBFF;--background-overlay:'';}.elementor-1086 .elementor-element.elementor-element-b7ab10f{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );overflow:visible;}.elementor-1086 .elementor-element.elementor-element-716ddde .jet-inline-svg{max-width:20rem;}.elementor-1086 .elementor-element.elementor-element-716ddde .jet-inline-svg__wrapper{text-align:center;}.elementor-1086 .elementor-element.elementor-element-4cae105 > .elementor-widget-container{margin:0rem 0rem 0rem 0rem;}/* Start custom CSS for jet-inline-svg, class: .elementor-element-716ddde *//* =====================================
   LOGO MAINTENANCE PREMIUM SVG
   JetElements Inline SVG
===================================== */


/* CONTENEUR */

.logo-maintenace {


    position:relative;


    display:flex;


    justify-content:center;


    align-items:center;


    width:100%;


    opacity:0;


    animation:

    logoBoot 1.5s ease forwards;


    z-index:2;


}






/* =====================================
   SVG LOGO
===================================== */


.logo-maintenace svg {


    width:240px;


    height:auto;


    display:block;



    /* qualité SVG */


    shape-rendering:geometricPrecision;


    text-rendering:geometricPrecision;



    /* ombre premium */


    filter:

    drop-shadow(

    0 12px 25px rgba(13,13,13,.12)

    );



    animation:

    logoFloat 6s ease-in-out infinite;



    transform-origin:center;


}







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


.logo-maintenace::before {


    content:"";


    position:absolute;


    width:280px;


    height:280px;


    left:50%;


    top:50%;



    transform:

    translate(-50%,-50%);



    background:


    radial-gradient(

    circle,

    rgba(4,178,217,.18),

    transparent 70%

    );



    filter:

    blur(25px);



    z-index:-1;



    animation:

    haloPulse 5s ease-in-out infinite;


}








/* =====================================
   BOOT APPARITION
===================================== */


@keyframes logoBoot {


0% {


opacity:0;


transform:


translateY(30px)

scale(.85);



filter:

blur(12px);


}




70% {


opacity:1;


}




100% {


opacity:1;


transform:


translateY(0)

scale(1);



filter:

blur(0);


}


}








/* =====================================
   LOOP PREMIUM
===================================== */


@keyframes logoFloat {


0%,100% {


transform:


translateY(0);


}



50% {


transform:


translateY(-6px);


}


}








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


@keyframes haloPulse {


0%,100% {


opacity:.35;


transform:


translate(-50%,-50%)

scale(1);


}



50% {


opacity:.8;


transform:


translate(-50%,-50%)

scale(1.15);


}


}








/* =====================================
   COMPATIBILITE JETELEMENTS
===================================== */


.logo-maintenace .jet-inline-svg__inner {


animation:none;


}



.logo-maintenace .jet-inline-svg {


overflow:visible;


}








/* =====================================
   SYNCHRO BOOT-SEQUENCE
===================================== */


.maintenance-card.boot-sequence .logo-maintenace {


animation-delay:.3s;


}







/* =====================================
   GRAND ECRAN 1920+
===================================== */


@media(min-width:1600px){


.logo-maintenace svg {


width:260px;


}


}








/* =====================================
   LAPTOP
===================================== */


@media(max-height:850px){


.logo-maintenace svg {


width:210px;


}


}








/* =====================================
   TABLETTE
===================================== */


@media(max-width:1024px){


.logo-maintenace svg {


width:200px;


}



.logo-maintenace::before {


width:240px;


height:240px;


}


}








/* =====================================
   MOBILE
===================================== */


@media(max-width:767px){


.logo-maintenace svg {


width:160px;


}



.logo-maintenace::before {


width:190px;


height:190px;


}


}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4cae105 *//* =================================
   PYRAMIS INDUSTRIAL HUD PREMIUM
================================= */


.pyramis-hud-premium {


position:relative;


width:220px;

height:220px;


margin:40px auto;


opacity:0;


animation:

hudBoot 1.8s ease forwards;


}




/* ===============================
   BOOT SYSTEM
================================ */


@keyframes hudBoot {


0%{

opacity:0;

transform:scale(.75);

filter:blur(8px);

}


60%{

opacity:1;

}


100%{

opacity:1;

transform:scale(1);

filter:blur(0);

}


}





/* ===============================
   ANNEAUX
================================ */


.hud-orbit {


position:absolute;

inset:0;

border-radius:50%;


}




.orbit-main {


border:

2px dashed rgba(4,178,217,.55);


box-shadow:

0 0 25px rgba(4,178,217,.35);


animation:

orbitRotate 18s linear infinite;


}




.orbit-inner {


inset:25px;


border:

1px solid rgba(13,13,13,.25);


animation:

orbitReverse 12s linear infinite;


}




/* ===============================
   REFLET SCANNER
================================ */


.hud-shine {


position:absolute;


inset:0;


border-radius:50%;


background:

conic-gradient(

transparent,

rgba(4,178,217,.9),

transparent 20%

);



mask:

radial-gradient(

transparent 63%,

black 65%

);



animation:

shineRotate 4s linear infinite;


}





/* ===============================
   ENGRENAGE
================================ */


.hud-gear-box {


position:absolute;


width:90px;

height:90px;


top:50%;

left:50%;


transform:

translate(-50%,-50%);


animation:

gearBoot 2s ease;


}




.precision-gear {


width:100%;

height:100%;


filter:

drop-shadow(

0 0 18px rgba(4,178,217,.55)

);



animation:

gearRotation 12s linear infinite;


}





@keyframes gearBoot {


0%{

transform:

translate(-50%,-50%)

rotate(-90deg);

}


100%{

transform:

translate(-50%,-50%)

rotate(0);

}

}





/* ===============================
   PARTICULES ORBITALES
================================ */


.particle-orbit {


position:absolute;


inset:0;


border-radius:50%;


animation:

particleOrbit 12s linear infinite;


}



.hud-dot {


position:absolute;


width:7px;

height:7px;


background:#04B2D9;


border-radius:50%;


box-shadow:

0 0 18px #04B2D9;


}




.dot-1 {


top:-3px;

left:50%;


}




.dot-2 {


right:-3px;

top:50%;


}



.dot-3 {


bottom:-3px;

left:50%;


}



.dot-4 {


left:-3px;

top:50%;


}




@keyframes particleOrbit {


from{

transform:rotate(0deg);

}


to{

transform:rotate(360deg);

}


}






/* ===============================
   EFFET INDUSTRIEL
================================ */


.hud-tech-lines {


position:absolute;


inset:12px;


border-radius:50%;


background:


repeating-conic-gradient(

rgba(4,178,217,.25) 0deg,

transparent 8deg,

transparent 18deg

);


mask:

radial-gradient(

transparent 70%,

black 71%

);



animation:

techSpin 25s linear infinite;


opacity:.5;


}



@keyframes techSpin {


from{

transform:rotate(0);

}


to{

transform:rotate(360deg);

}


}







/* ===============================
   ANIMATIONS
================================ */



@keyframes orbitRotate {


from{

transform:rotate(0);

}

to{

transform:rotate(360deg);

}

}




@keyframes orbitReverse {


from{

transform:rotate(360deg);

}

to{

transform:rotate(0);

}

}




@keyframes shineRotate {


from{

transform:rotate(0);

}

to{

transform:rotate(360deg);

}

}




@keyframes gearRotation {


from{

transform:rotate(0);

}

to{

transform:rotate(360deg);

}

}

/* =================================
   RESPONSIVE HUD PREMIUM
   Adaptation écrans
================================= */



/* =================================
   GRAND ECRAN 1920+
   Conservation du design actuel
================================= */


@media(min-width:1800px){


.pyramis-hud-premium {


    width:220px;

    height:220px;


}


}






/* =================================
   ECRANS 1440 - 1600
================================= */


@media(max-width:1600px){


.pyramis-hud-premium {


    width:210px;

    height:210px;


}



.hud-gear-box {


    width:85px;

    height:85px;


}


}






/* =================================
   LAPTOP 1366x768
================================= */


@media(max-width:1400px){


.pyramis-hud-premium {


    width:190px;

    height:190px;


    margin:25px auto;


}



.hud-gear-box {


    width:78px;

    height:78px;


}


.orbit-inner {


    inset:22px;


}



.hud-tech-lines {


    inset:10px;


}


}






/* =================================
   PETITS LAPTOPS 1280x720
================================= */


@media(max-height:750px)
and (min-width:768px){


.pyramis-hud-premium {


    width:170px;

    height:170px;


    margin:20px auto;


}



.hud-gear-box {


    width:70px;

    height:70px;


}



.orbit-main {


    border-width:1.5px;


}


}






/* =================================
   TABLETTE
================================= */


@media(max-width:1024px){


.pyramis-hud-premium {


    width:190px;

    height:190px;


}



.hud-gear-box {


    width:75px;

    height:75px;


}


}







/* =================================
   MOBILE
================================= */


@media(max-width:767px){


.pyramis-hud-premium {


    width:150px;

    height:150px;


    margin:20px auto;


}



.hud-gear-box {


    width:60px;

    height:60px;


}



.orbit-inner {


    inset:18px;


}



.hud-dot {


    width:5px;

    height:5px;


}



.hud-tech-lines {


    inset:8px;


}


}






/* =================================
   PETITS MOBILES
================================= */


@media(max-width:380px){


.pyramis-hud-premium {


    width:130px;

    height:130px;


}



.hud-gear-box {


    width:52px;

    height:52px;


}


}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-79a0892 *//* =================================
   MAINTENANCE TEXT INTERFACE PREMIUM
================================= */


.maintenance-interface {


    margin-top:25px;


    text-align:center;


    font-family:Inter, sans-serif;


    color:#0D0D0D;


    position:relative;


    z-index:2;


}






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


.system-title {


    display:flex;


    flex-direction:column;


    gap:8px;


    font-size:14px;


    font-weight:600;


    letter-spacing:4px;


    overflow:hidden;


}







.system-title span {


    background:


    linear-gradient(

    90deg,

    #0D0D0D,

    #04B2D9,

    #0D0D0D

    );



    background-size:200%;



    -webkit-background-clip:text;



    background-clip:text;



    color:transparent;



    animation:


    textScan 4s linear infinite;


}








/* =================================
   SOUS TITRE MAINTENANCE MODE
================================= */


.maintenance-mode {


    font-size:11px;


    letter-spacing:5px;


    opacity:.65;


}








/* =================================
   ANIMATION SCAN TEXTE
================================= */


@keyframes textScan {


from {


background-position:200%;


}



to {


background-position:-200%;


}


}








/* =================================
   LIGNE CYAN SCAN
================================= */


.scan-line {


    width:180px;


    height:1px;


    margin:18px auto;



    background:#04B2D9;



    box-shadow:


    0 0 12px rgba(4,178,217,.8);



    position:relative;


    overflow:hidden;


}







.scan-line::after {


    content:"";



    position:absolute;



    top:0;



    left:-50px;



    width:50px;



    height:100%;



    background:white;



    opacity:.8;



    animation:


    scanMove 2s infinite;


}







@keyframes scanMove {


from {


left:-50px;


}



to {


left:230px;


}


}








/* =================================
   STATUS SYSTEM
================================= */


.system-status {


    margin-top:22px;



    display:flex;



    justify-content:center;



    align-items:center;



    gap:10px;



    font-size:11px;



    letter-spacing:3px;



    opacity:.7;


}







.status-dot {


    width:7px;



    height:7px;



    border-radius:50%;



    background:#04B2D9;



    box-shadow:



    0 0 15px #04B2D9;



    animation:


    statusPulse 1.5s infinite;


}







@keyframes statusPulse {


0%,100% {


opacity:1;


transform:scale(1);


}



50% {


opacity:.25;


transform:scale(.7);


}


}








/* =================================
   BOOT SEQUENCE
================================= */


.maintenance-card.boot-sequence .maintenance-interface {


    animation:


    interfaceBoot 1s ease forwards;


    animation-delay:1s;



    opacity:0;


}







@keyframes interfaceBoot {


0% {


opacity:0;


transform:


translateY(15px);



filter:


blur(6px);


}



100% {


opacity:1;


transform:


translateY(0);



filter:


blur(0);


}


}








/* =================================
   GRAND ECRAN 1920
================================= */


@media(min-width:1600px){


.system-title {


font-size:14px;


}



.scan-line {


width:180px;


}



}








/* =================================
   LAPTOP 1366
================================= */


@media(max-width:1400px){


.maintenance-interface {


margin-top:18px;


}



.system-title {


font-size:13px;


letter-spacing:3px;


}



.maintenance-mode {


letter-spacing:4px;


}



.scan-line {


width:160px;


}



.system-status {


margin-top:18px;


}


}








/* =================================
   TABLETTE
================================= */


@media(max-width:1024px){


.system-title {


font-size:12px;


letter-spacing:3px;


}



.maintenance-mode {


font-size:10px;


}



}








/* =================================
   MOBILE
================================= */


@media(max-width:767px){


.maintenance-interface {


margin-top:15px;


}



.system-title {


font-size:11px;


letter-spacing:2px;


gap:6px;


}



.maintenance-mode {


font-size:9px;


letter-spacing:3px;


}



.scan-line {


width:130px;


margin:15px auto;


}



.system-status {


font-size:9px;


letter-spacing:2px;


gap:8px;


}



.status-dot {


width:6px;


height:6px;


}


}








/* =================================
   PETIT MOBILE
================================= */


@media(max-width:380px){


.system-title {


font-size:10px;


}



.scan-line {


width:110px;


}


}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-084c4a7 *//* =====================================
   MESSAGE PRINCIPAL MAINTENANCE PREMIUM
===================================== */


.maintenance-message {


    width:100%;


    max-width:500px;


    text-align:center;


    position:relative;


    z-index:2;


}








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


.maintenance-message h1 {


    margin:0;



    font-family:Poppins, sans-serif;



    font-size:26px;



    line-height:1.25;



    font-weight:600;



    letter-spacing:-0.5px;



    text-align:center;



    color:#0D0D0D;



    animation:


    titleReveal 1s ease forwards;


}







.maintenance-message h1 span {


    color:#04B2D9;


}








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


.maintenance-message p {


    margin:

    18px auto 0;



    max-width:430px;



    font-family:Inter, sans-serif;



    font-size:15px;



    line-height:1.7;



    font-weight:400;



    text-align:center;



    color:

    rgba(13,13,13,.65);



    animation:


    textFade 1s ease .4s forwards;



    opacity:0;


}








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


@keyframes titleReveal {



from {


opacity:0;



transform:


translateY(20px);



filter:


blur(8px);



}



to {


opacity:1;



transform:


translateY(0);



filter:


blur(0);



}


}








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


@keyframes textFade {


to {


opacity:1;


}


}








/* =====================================
   SYNCHRONISATION BOOT
===================================== */


.maintenance-card.boot-sequence .maintenance-message {


opacity:0;


animation:


messageBoot 1s ease forwards;



animation-delay:


2.3s;


}






@keyframes messageBoot {


0% {


opacity:0;



transform:


translateY(15px);



filter:


blur(6px);


}



100% {


opacity:1;



transform:


translateY(0);



filter:


blur(0);


}


}








/* =====================================
   GRAND ECRAN 1920+
===================================== */


@media(min-width:1600px){


.maintenance-message h1 {


font-size:28px;


}



.maintenance-message p {


font-size:15px;


}


}








/* =====================================
   LAPTOP 1366
===================================== */


@media(max-width:1400px){


.maintenance-message {


max-width:460px;


}



.maintenance-message h1 {


font-size:24px;


}



.maintenance-message p {


font-size:14px;



line-height:1.6;


}


}








/* =====================================
   ECRANS BAS 720px
===================================== */


@media(max-height:750px)
and (min-width:768px){


.maintenance-message h1 {


font-size:23px;


}



.maintenance-message p {


margin-top:12px;


}


}








/* =====================================
   TABLETTE
===================================== */


@media(max-width:1024px){


.maintenance-message {


max-width:450px;


}



.maintenance-message h1 {


font-size:24px;


}


}








/* =====================================
   MOBILE
===================================== */


@media(max-width:767px){


.maintenance-message {


width:100%;


}



.maintenance-message h1 {


font-size:22px;


line-height:1.3;


letter-spacing:-0.3px;


}



.maintenance-message p {


font-size:14px;



line-height:1.6;



padding:0 10px;


}


}








/* =====================================
   PETIT MOBILE
===================================== */


@media(max-width:380px){


.maintenance-message h1 {


font-size:20px;


}



.maintenance-message p {


font-size:13px;


}


}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b7ab10f *//* =====================================
   CARTE PREMIUM MAINTENANCE
===================================== */


.maintenance-card {

    position:relative;

    width:min(650px,90%);

    margin:auto;

    padding:

    clamp(40px,4vw,60px)

    clamp(25px,3vw,50px);


    background:

    rgba(255,255,255,.55);


    backdrop-filter:

    blur(25px);


    -webkit-backdrop-filter:

    blur(25px);


    border:

    1px solid rgba(255,255,255,.8);


    border-radius:

    clamp(25px,3vw,35px);


    box-shadow:

    0 40px 100px rgba(13,13,13,.08);


    overflow:hidden;


}





/* =====================================
   LUMIERE INTERNE HAUTE DROITE
===================================== */


.maintenance-card::before {


    content:"";


    position:absolute;


    width:350px;

    height:350px;


    top:-150px;

    right:-150px;


    background:

    radial-gradient(

    circle,

    rgba(4,178,217,.18),

    transparent 70%

    );


    filter:blur(20px);


    pointer-events:none;


}





/* =====================================
   LUMIERE BAS GAUCHE
===================================== */


.maintenance-card::after {


    content:"";


    position:absolute;


    width:250px;

    height:250px;


    bottom:-120px;

    left:-100px;


    background:

    radial-gradient(

    circle,

    rgba(4,178,217,.12),

    transparent 70%

    );


    filter:blur(25px);


    pointer-events:none;


}





/* =====================================
   SYSTEM BOOT ANIMATION
===================================== */


.maintenance-card.boot-sequence {


    animation:

    systemBoot 1.8s ease forwards,

    cardFloat 8s ease-in-out 1.8s infinite;


}





/* démarrage carte */


@keyframes systemBoot {


0% {


opacity:0;


transform:

scale(.92)

translateY(25px);


filter:

blur(15px);


}



50% {


opacity:.7;


}



100% {


opacity:1;


transform:

scale(1)

translateY(0);


filter:

blur(0);


}


}







/* =====================================
   FLOTTEMENT LENT
===================================== */


@keyframes cardFloat {


0%,100% {


transform:

translateY(0);


}



50% {


transform:

translateY(-8px);


}


}







/* =====================================
   HUD BOOT
===================================== */


.maintenance-card.boot-sequence .pyramis-hud-premium {


opacity:0;


animation:

hudBoot 1.8s ease forwards;


}





@keyframes hudBoot {


0% {


opacity:0;


transform:

scale(.5)

rotate(-45deg);


filter:

blur(10px)

brightness(2);


}



70% {


opacity:1;


}



100% {


opacity:1;


transform:

scale(1)

rotate(0);


filter:

blur(0)

brightness(1);


}


}







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


.maintenance-card.boot-sequence .system-title span {


opacity:0;


animation:

textBoot .8s ease forwards;


}





.maintenance-card.boot-sequence .system-title span:first-child {


animation-delay:.9s;


}




.maintenance-card.boot-sequence .maintenance-mode {


animation-delay:1.3s;


}






@keyframes textBoot {


from {


opacity:0;


transform:

translateY(15px);


filter:

blur(5px);


}



to {


opacity:1;


transform:

translateY(0);


filter:

blur(0);


}


}







/* =====================================
   LIGNE SCAN CYAN
===================================== */


.maintenance-card.boot-sequence .scan-line {


opacity:0;


animation:

lineBoot .8s ease forwards;


animation-delay:1.6s;


}





@keyframes lineBoot {


to {


opacity:1;


}


}







/* =====================================
   SYNCHRONISATION
===================================== */


.maintenance-card.boot-sequence .system-status {


opacity:0;


animation:

statusBoot .8s ease forwards;


animation-delay:2s;


}





@keyframes statusBoot {


to {


opacity:.7;


}


}







/* =====================================
   GRAND ECRAN 1920+
===================================== */


@media(min-width:1600px){


.maintenance-card {


width:650px;


}



.pyramis-hud-premium {


transform:scale(1.05);


}



}







/* =====================================
   LAPTOP 1366 / HAUTEUR REDUITE
===================================== */


@media(max-height:850px){


.maintenance-card {


padding-top:35px;

padding-bottom:35px;


}



.pyramis-hud-premium {


transform:scale(.85);


}



.maintenance-message {


margin-top:20px;


}


}







/* =====================================
   TABLETTE
===================================== */


@media(max-width:1024px){


.maintenance-card {


width:90%;


padding:

45px 35px;


}


}







/* =====================================
   MOBILE
===================================== */


@media(max-width:767px){


.maintenance-card {


width:100%;


padding:

35px 20px;


border-radius:25px;


}



.pyramis-hud-premium {


transform:scale(.75);


}



.maintenance-message h1 {


font-size:24px;


}



.system-title {


letter-spacing:2px;


}



}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ea553a7 *//* =====================================
   PAGE MAINTENANCE PREMIUM
===================================== */


.maintenance-page {


    width:100%;


    min-height:100vh;


    height:100svh;


    display:flex;


    align-items:center;


    justify-content:center;


    position:relative;


    overflow:hidden;


    padding:40px;


    box-sizing:border-box;



    background:


    radial-gradient(

    circle at 50% 30%,

    rgba(4,178,217,.14),

    transparent 35%

    ),


    linear-gradient(

    135deg,

    #ffffff,

    #F1F5F9

    );

}





/* grille technique légère */


.maintenance-page::before {


    content:"";


    position:absolute;


    inset:0;


    background-image:


    linear-gradient(

    rgba(4,178,217,.035) 1px,

    transparent 1px

    ),


    linear-gradient(

    90deg,

    rgba(4,178,217,.035) 1px,

    transparent 1px

    );


    background-size:

    50px 50px;


    pointer-events:none;


    mask-image:

    radial-gradient(

    circle,

    black,

    transparent 75%

    );


}





/* halo central */


.maintenance-page::after {


    content:"";


    position:absolute;


    width:600px;


    height:600px;


    background:

    radial-gradient(

    circle,

    rgba(4,178,217,.12),

    transparent 70%

    );


    filter:blur(40px);


    top:50%;


    left:50%;


    transform:

    translate(-50%,-50%);


    pointer-events:none;


}





/* =====================================
   RESPONSIVE GRAND ECRAN
===================================== */


@media(min-width:1600px){


.maintenance-page {


    padding:60px;


}



.maintenance-card {


    transform:scale(1.05);


}



}





/* =====================================
   LAPTOP
===================================== */


@media(max-width:1440px){


.maintenance-page {


    padding:30px;


}



.maintenance-card {


    width:min(620px,90%);


}


}





/* =====================================
   PETITS ECRANS HAUTEUR REDUITE
===================================== */


@media(max-height:800px){


.maintenance-page {


    align-items:flex-start;


    padding-top:40px;


    overflow-y:auto;


}



.maintenance-card {


    margin-bottom:40px;


}



}





/* =====================================
   TABLETTE
===================================== */


@media(max-width:1024px){


.maintenance-page {


    padding:25px;


}



.maintenance-card {


    padding:45px 35px;


}



}





/* =====================================
   MOBILE
===================================== */


@media(max-width:767px){


.maintenance-page {


    min-height:100svh;


    height:auto;


    padding:25px 15px;


    overflow:auto;


}



.maintenance-card {


    width:100%;


    padding:40px 20px;


    border-radius:25px;


}

}

.maintenance-card {

padding:clamp(40px,4vw,60px) clamp(25px,3vw,50px);

}/* End custom CSS */