header{
    text-align:center;
     font-family: Arial;
     color:white;
     padding:5px;
     display:grid;
     grid-template-columns:1fr;
    grid-template-rows:repeat(2, 1fr);
    grid-template-areas:"Titre"
                         "barre";
       
    display: flex;
    background-color:#2d0000;
    
    /* padding: 8px; */
}
#Titre{
    padding-left: 10px;
}
#barre{
    padding-left:930px;

}
.Titre{

    padding:15px;
}

 .barre{
   grid-area:barre;
   padding:10px;
}
nav{
 padding:20px;
 color:white;
}

nav ul {

    list-style: none;
    margin: 0;
    display: flex;
    justify-content: center;
    color:white;
}
nav a{
    text-decoration: none;
    color:black;
    padding: 20PX;
    color:white;
}

nav a:hover{
    color: #EA6113;
}
nav a::after{
    position: absolute;
    left: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg,#00c6ff,#0072);
    border-radius: 3px;
    transform: scaleX(0);
    transform-origin: right;
    transition: transform 0.4s ease;
}
nav a:hover::after{
    transform: scaleX(1);
    transform-origin: left;
}

@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;900&display=swap);

*{ margin:0; padding:0; box-sizing:border-box; }
html{ overflow-x:hidden; }
img{user-select: none;}
section{ overflow-x:hidden; position: relative; font-family: Montserrat,sans-serif;height: 100svh ;}
.heading-style-2{ color:#FFF; font-size:50px; font-weight:900; line-height:50px; margin-bottom:40px; }

.slider-main{min-height: 700px;background: radial-gradient(50% 50% at 50% 50%,#C7F6D0 0%, #1devant 100%); display: flex; justify-content: space-between; align-items: center;
height: 100%; overflow: hidden; position: relative; z-index: 1;}
#backgrounds{position: absolute; width: 100%; height: 100%; top: 0; z-index: -1;}
.background{ position:absolute; top: 0; left: 0; width: 100%; height: 100%; opacity:0; transition: opacity 2s ease-in-out; }
.container{position: relative; left: calc(50% -(1140px/2)); width: 50%; padding-block: 100px; max-width: 525px; height: 100%}

.slider-content-wrap{display: flex; flex-direction: column; justify-content: center; height: 100%;}

footer{
    text-align: center;
    background-color:#2d0000;
    color: white;
    height: 230px;


}
.all-f{
    padding-top: 20px;
}

.f-nav{
    padding-left: 200px;
}

.d{
    position: absolute;
    top: 810px;
    left: 20px;
    display: flex;
    gap: 40px;
    list-style-type: none;
}
.d button{
    background-color:#FF6A00;
    border: none;
    padding: 10px 20px;
    font-size: 20px;
    border-radius: 30px;

}
.d button a{
    color: white;
    text-decoration: none;
    font-weight: bold;

}
#zz{
    background-color: black;
}