.footer {
    background: linear-gradient(180deg, #0b1220 0%, #070b13 100%);
    color: #b0b8c5 ;
    padding-top: 80px;
    border-top: 1px solid rgba(255,255,255,0.08);
   background-color:white;
}
.services_deux{
    background-color: #fdfdfd;
    color:rgb(0, 0, 0);
    padding:40px 0px;
    height:800px;
    width:100%;
    
}
.footer-container {
    max-width: 1600px;
    padding: 0 40px 60px;
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1.3fr;
    gap: 100px;
    margin: -100px 0 0 100px;
}

.footer-logo {
    color: #fff;
    font-size: 2rem;
    margin-bottom: 20px;
    font-weight: 700;
}

.footer-column h3 {
       color: white ;
    margin-bottom: 20px;
    font-size: 1.1rem;
    font-weight: 500;
}

.footer-column p {
    line-height: 1.8;
    margin-bottom: 25px;
  color:white;
}

.footer-column ul {
    list-style: none;
    padding: 0;
}

.footer-column ul li {
    margin-bottom: 12px;
}

.footer-column a {
    color: white;
    text-decoration: none;
    transition: 0.3s;
}

.footer-column a:hover {
    color: #3b82f6;
    padding-left: 5px;
}

.footer-certifications {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.footer-certifications span {
    background: rgba(59,130,246,0.15);
    color: #60a5fa;
    padding: 8px 14px;
    border-radius: 30px;
    font-size: 0.85rem;
    border: 1px solid rgba(59,130,246,0.2);
}

.contact-item {
    margin-bottom: 15px;
    line-height: 1.6;
  color:white;
}

.social-links {
    display: flex;
    gap: 15px;
    margin-top: 20px;
  margin-left:100%
}

.social-links a {
    width: 42px;
    height: 42px;
    border-radius: 50%;
  /*  background: rgba(255,255,255,0.06);*/
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
}

.video-overlay::after{
    content: "";
    position: absolute;
    inset: 0;

    /* Dégradé du transparent vers le bleu foncé */
   /* background:linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 70%, #06162c 100%) ;*/

    pointer-events: none;
}

.social-links a:hover {
    background: #2563eb;
    color: white;
    transform: translateY(-3px);
}

.footer-bottom {
    border-top: 1px solid rgba(255,255,255,0.08);
    padding: 25px 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
}
header .logo {
  border:none;}

.footer-legal {
    display: flex;
    gap: 25px;
}

.footer-legal a {
    color: #9ca3af;
    text-decoration: none;
}

.footer-legal a:hover {
    color: white;
}

@media(max-width:992px){
    .footer-container{
        grid-template-columns: 1fr 1fr;
    }
}

@media(max-width:768px){
    .footer-container{
        grid-template-columns: 1fr;
    }

    .footer-bottom{
        flex-direction: column;
        text-align: center;
    }

    .footer-legal{
        flex-wrap: wrap;
        justify-content: center;
    }
}
    *{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{
    background: #06162c;
    overflow-x:hidden;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    overflow-x: hidden;
}
.corp{

    width:1900px;
    max-width:100%;
    height:100%;
    margin:0 auto;
    
}
img{
    max-width:100%;
    display:block;
}

/* HEADER */



.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 100,
  'GRAD' 0,
  'opsz' 24;
  font-size: 158px;
  transform: rotate(90deg);
  margin-left: -25%;
}

.logo{
    width:170px;
}

.premier_choix{
    display:flex;
    list-style-type: none;
    border-radius: 12px ;
    background-color: none;
    width:30%;
    height:auto;
    background-color: none;
    border:1px solid rgba(255, 255, 255, 0.197);
    padding:6px;
    margin:0 0 3% 36%;
}
.premier_choix li{
    border-radius:6px ;
    padding:2px;
    width:100%;
    z-index: 1;
    cursor: pointer;
    
    
}
.premier_choix li p {
    font-size: 17px;
    
    position:relative;
    z-index:0;
    color:white;
    text-align: center;
    letter-spacing: -1px;
    font-weight: 500;
    
   
    
    
}
.premier_choix li:nth-child(1){
    background-color: white;
    
}
.premier_choix li:nth-child(1) p{
    
    color:black;
    
}
/* SERVICES */
#deuxieme_celgah{
    margin:0;
    background-color: #06162c ;
    display:block;
    padding:100px 0 10px 0;
}
.garanti{
display: block;
    width: 50%;
    padding: 200px 40px 40px 40px;
}
.garanti p{
    color:rgb(62, 62, 62);
    font-size:15px;
}
#deuxieme_celgah h2{
         font-size: 68px;
    letter-spacing: -4px;
    line-height: 68px;
    border-radius: 20px;
    font-weight: 500;
    word-spacing: unset;
    text-align: left;
    color: white;
   
}
.image_celgah{
    height:800px;
    width:80%;
    border-radius:40px;
        background: radial-gradient(circle at 50% 0%, rgba(88, 101, 242, .16), transparent 55%), #06162c;
    margin:10% 0 0 10%;
    display:block;
    text-align: center;
    align-items: center;
    padding:40px;
  border: 1px solid #ffffff4f;
}
.image_celgah button{
    height:7%;
    width:10%;
    border-radius:30px;
    background-color:#08397eca;
}
/*
.container_h2{
        height: 800px;
    width: 90%;
    background-color: white;
    border-radius: 40px;
    margin: 0 0 3% 5%;
    padding: 30px;
    display: flex;
}*/

.container_h2 {

    position: relative;

    width: 90%;
    height: 800px;

    margin: 0 0 3% 5%;
    padding: 45px;

    box-sizing: border-box;
    overflow: hidden;

    display: flex;
    flex-direction: column;
/*
    background:
        radial-gradient(
            circle at 90% 10%,
            rgba(105, 95, 255, .12),
            transparent 32%
        ),
        linear-gradient(
            145deg,
            #ffffff 0%,
            #f5f5f8 100%
        );*/

    border: 1px solid rgba(15,15,20,.07);

    border-radius: 40px;

  /*  box-shadow:
        0 30px 80px rgba(0,0,0,.07),
        inset 0 1px 0 rgba(255,255,255,.95);*/
}


/* =================================
   ZONE VIDE SUPÉRIEURE
================================= */

.subtitle {
    flex: 1;

    min-height: 80px;
}


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

.garanti {

    position: relative;

    width: 100%;
    height: 100%;

    padding: 32px 38px;

    box-sizing: border-box;

    display: flex;
    flex-direction: column;

    overflow: hidden;

    background: #002a66;

    border-radius: 28px;

    color: white;

    box-shadow:
        0 25px 60px rgba(0,0,0,.14);
}
footer .footer-column:nth-child(2){
margin-top:30%;
}
footer .footer-column:nth-child(3){
margin-top:30%;
}
footer .footer-column:nth-child(4){
margin-top:23%;
}

/* halo général */

.garanti::before {

    content: "";

    position: absolute;

    width: 500px;
    height: 500px;

    right: -200px;
    top: -230px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(111,102,255,.15),
            transparent 65%
        );

    pointer-events: none;
}


/* =================================
   HEADER
================================= */

.garanti-top {

    position: relative;
    z-index: 5;

    display: flex;
    justify-content: space-between;
    align-items: center;
}


.garanti-label {

    display: flex;
    align-items: center;
    gap: 9px;

    color: #756dff;

    font-size: 8px;
    font-weight: 700;

    letter-spacing: .2em;
}


.garanti-label::before {

    content: "";

    width: 6px;
    height: 6px;

    border-radius: 50%;

    background: #756dff;

    box-shadow:
        0 0 14px #756dff;
}


.garanti-index {

    color: #55555e;

    font-size: 8px;
    font-weight: 700;

    letter-spacing: .15em;
}


/* =================================
   CONTENU
================================= */

.garanti-main {

    position: relative;
    z-index: 3;

    flex: 1;

    display: flex;
    align-items: center;

    min-height: 0;
}


.garanti-content {

    width: 58%;

    padding-bottom: 10px;
}


.garanti-content h2 {

    margin: 0 0 25px;

    color: #ffffff;

    font-size: clamp(30px, 4vw, 48px);

    line-height: .98;

    letter-spacing: -.065em;

    font-weight: 600;
}


.garanti-content h2 span {

    color: #756dff;
}


.garanti-content p {

    max-width: 560px;

    margin: 0 0 14px;

    color: #85858f;

    font-size: 11px;

    line-height: 1.7;
}


/* =================================
   VISUEL ORBITAL
================================= */

.garanti-visual {

    position: absolute;

    right: 5%;
    top: 50%;

    width: 300px;
    height: 300px;

    transform: translateY(-50%);
}


/* orbites */

.orbit {

    position: absolute;

    top: 50%;
    left: 50%;

    border-radius: 50%;

    border: 1px solid rgba(117,109,255,.22);

    transform: translate(-50%,-50%);
}


.orbit-one {

    width: 280px;
    height: 280px;

    transform:
        translate(-50%,-50%)
        rotate(25deg);
}


.orbit-two {

    width: 200px;
    height: 200px;

    border-color: rgba(255,255,255,.07);

    transform:
        translate(-50%,-50%)
        rotate(-35deg);
}


/* noyau */

.orbit-core {

    position: absolute;

    top: 50%;
    left: 50%;

    width: 72px;
    height: 72px;

    display: flex;
    align-items: center;
    justify-content: center;

    transform: translate(-50%,-50%);

    border-radius: 50%;

    background:
        radial-gradient(
            circle at 35% 30%,
            #827aff,
            #5148d5
        );

    border: 1px solid rgba(255,255,255,.25);

    box-shadow:
        0 0 50px rgba(112,104,255,.5),
        inset 0 1px 1px rgba(255,255,255,.4);
}


.orbit-core span {

    font-size: 17px;

    font-weight: 700;

    letter-spacing: -.05em;

    color: white;
}


/* points lumineux */

.orbit-point {

    position: absolute;

    width: 7px;
    height: 7px;

    border-radius: 50%;

    background: #756dff;

    box-shadow:
        0 0 14px #756dff;
}


.point-one {

    top: 18px;
    right: 65px;
}


.point-two {

    bottom: 35px;
    left: 25px;

    width: 4px;
    height: 4px;
}


/* =================================
   FOOTER DU BLOC
================================= */

.garanti-bottom {

    position: relative;
    z-index: 5;

    display: flex;
    align-items: center;

    gap: 28px;

    padding-top: 20px;

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

    color: #55555f;

    font-size: 7px;
    font-weight: 700;

    letter-spacing: .16em;
}


.garanti-bottom span {

    position: relative;
}


.garanti-bottom span:not(:last-child)::after {

    content: "";

    position: absolute;

    width: 3px;
    height: 3px;

    top: 50%;
    right: -16px;

    border-radius: 50%;

    background: #756dff;
}


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

@media (max-width: 900px) {

    .container_h2 {

        width: 94%;

        margin-left: 3%;

        height: auto;

        min-height: 700px;

        padding: 25px;

        border-radius: 28px;
    }


    .subtitle {
        min-height: 40px;
    }


    .garanti {

        height: auto;

        min-height: 550px;

        padding: 28px;
    }


    .garanti-main {

        align-items: flex-start;

        padding-top: 60px;
    }


    .garanti-content {

        width: 100%;
    }


    .garanti-visual {

        opacity: .25;

        right: -50px;
    }


    .garanti-bottom {

        flex-wrap: wrap;

        gap: 15px;
    }
}


@media (max-width: 600px) {

    .garanti-content h2 {

        font-size: 32px;
    }


    .garanti-content p {

        font-size: 10px;
    }


    .garanti-visual {

        width: 220px;
        height: 220px;

        right: -70px;
    }


    .orbit-one {
        width: 210px;
        height: 210px;
    }


    .orbit-two {
        width: 150px;
        height: 150px;
    }
}



.celgah{
    width:auto;
    display:block;
   /* background-color: white*/
    color:rgba(255, 255, 255, 0.85);
  /*  margin:150px 0 0 0 ;
    padding:100px 0 100px 0;*/
}
.celgah h2{
          font-size: 75px;
    letter-spacing: -2px;
    line-height: 98px;
    width: 100%;
    text-align: center;
    /* margin: 0 0 3% 0%; */
    font-weight: 700;
    word-spacing: 5px;

   
}
.celgah h3{
    margin:0 0 2% 0;
}
.celgah p:nth-child(2){
     font-size: 25px;
    letter-spacing: -1px;
    /* line-height: 48px; */
    /* width: 70%; */
    text-align: left;
    margin: 0% 0 3% 0%;
    font-weight: 400;
    word-spacing: 1px;
  
}

.liste_celgah{
    display: grid;
    width: 30%;
    grid-template-columns: 1fr 1fr;
    gap: 1%;
    padding: 0 0 0 17%;
    /* margin: 0 0 0 16%;*/
}
.liste_celgah li{
    display:block;

}
.test_section{
    display:grid;
    grid-template-columns: 1fr 0.8fr;
    grid-template-rows: 0.7fr;
    height:500px;
    width:90%;
    background-color: none;
    
    gap:25px;
    margin:-15% 0 0% 10%;
}
.test_section div:nth-child(1){
    height:100%;
    max-width: 100%;
    overflow: hidden;
    padding:20px;
    border:1px solid #80808066 ; 
  box-shadow:0 10px 35px rgba(0,0,0,.08);
    background: url(cloud.svg);
     background-repeat: no-repeat; 
     background-position: -250px 10px;
    
}
.test_section div:nth-child(1) p{
    margin:0 0 2% 3%;
}
.test_section div h2{
     font-weight:200;
}
.test_section2 div h2{
     font-weight:400;
}
.test_section2 div:nth-child(1) p{
    margin: 0 0 0 3%;
}

.test_section div:nth-child(1) p:nth-child(2){
    margin:3% 0 12% 0;
}

.test_section div img{
    height:auto;
    width:auto;
}
.test_section div:nth-child(2){
    height: 60%;
     font-size: 15px;
     padding: 10px 0 0 60px;
    
   
}
.test_section div{
    height:100%;
    width:100%;
    background-color: #2d8cff; 
    border-radius: 25px;
    color:white;
}
.services-bank {
  width: 700px;
  height: 700px;
  box-sizing: border-box;
  padding: 34px;
  position: relative;
  overflow: hidden;

  background:
    radial-gradient(circle at 70% 50%, rgba(88, 101, 242, .16), transparent 35%),
    #06162c;

  color: #f5f5f5;
  font-family: Inter, Arial, sans-serif;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 28px;
}

/* HEADER */
.header {

               position: relative;
    z-index: 20;
    width: 100%;
    margin: auto;
    padding: 28px 108px;
    display: flex;
    align-items: center;
    justify-content: space-between;
        }


        .logo {

            font-size: 20px;

            font-weight: 800;

            letter-spacing: -.06em;
        }


        .logo span {

            color: var(--blue-light);
        }


        .nav {

            display: flex;

            align-items: center;

            gap: 32px;

            color: #858995;

            font-size: 11px;

            font-weight: 600;
        }


        .nav a {
              transition: color .25s ease;
    color: inherit;
    text-decoration: none;
        }


        .nav a:hover,
        .nav a.active {

            color: white;
        }


        .nav-contact {

            padding: 11px 17px;

            border:
                1px solid rgba(255,255,255,.12);

            border-radius: 999px;

            background:
                rgba(255,255,255,.035);

            color: white !important;

            transition:
                transform .3s ease,
                border-color .3s ease,
                background .3s ease;
        }


        .nav-contact:hover {

            transform: translateY(-2px);

            border-color:
                rgba(124,131,255,.45);

            background:
                rgba(124,131,255,.08);
        }


.services-header {
  margin-bottom: 25px;
}

.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 17px;

  font-size: 9px;
  font-weight: 700;
  letter-spacing: .18em;
  color: #858995;
}

.eyebrow::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #7c83ff;
  box-shadow: 0 0 14px #7c83ff;
}

.services-header h2 {
  margin: 0;
  font-size: 38px;
  line-height: .95;
  letter-spacing: -.055em;
  font-weight: 600;
}

.services-header h2 span {
  color: #7379ff;
}

.services-header p {
  max-width: 380px;
  margin: 17px 0 0;

  color: #858995;
  font-size: 12px;
  line-height: 1.55;
}

/* SERVICES */

.services-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.service-card {
  min-height: 92px;
  padding: 14px 15px;
  box-sizing: border-box;

  display: flex;
  align-items: center;
  gap: 13px;

  border: 1px solid rgba(255,255,255,.065);
  border-radius: 17px;

  background: rgba(255,255,255,.025);
  transition: .25s ease;
}

.service-card:hover,
.service-card.active {
  background: rgba(255,255,255,.055);
  border-color: rgba(124,131,255,.35);
  transform: translateX(3px);
}

.service-icon {
  width: 37px;
  height: 37px;
  flex: 0 0 37px;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 11px;
  background: rgba(124,131,255,.1);
  border: 1px solid rgba(124,131,255,.15);

  color: #8187ff;
  font-size: 9px;
  font-weight: 700;
}

.service-content {
  flex: 1;
}

.service-content h3 {
  margin: 0 0 5px;

  font-size: 14px;
  font-weight: 600;
  letter-spacing: -.01em;
}

.service-content p {
  margin: 0;

  color: #777b86;
  font-size: 10px;
  line-height: 1.45;
}

.arrow {
  width: 27px;
  height: 27px;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 50%;
  background: rgba(255,255,255,.045);

  color: #777b86;
  font-size: 13px;
}

/* FOOTER */

.services-footer {
  position: absolute;
  left: 34px;
  right: 34px;
  bottom: 25px;

  display: flex;
  justify-content: space-between;
  align-items: center;

  color: #555963;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: .13em;
}

.statuss {
  display: flex;
  align-items: center;
  gap: 6px;
}

.statuss i {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #52d99a;
  box-shadow: 0 0 8px #52d99a;
}
.test_section2 {
    display: grid;
    grid-template-columns: 1fr 0.8fr;
    grid-template-rows: 0.7fr;
    height: 500px;
    width: 90%;
    background-color: none;
    gap: 25px;
    margin: -25% 0 -11% 10%;
}
.test_section2 div:nth-child(1){
       height: 60%;
    margin-top: 10%;
    color: white;
    font-size: 13px;
    padding: 10px 0 0 30px;
    width:102%;
}
.test_section2 div:nth-child(1) h2{
padding-bottom:10px;
}
.test_section2 div:nth-child(2){
    height: 100%;
    margin-top: -44%;
    max-width: 100%;
    overflow: hidden;
    background-color: transparent;
   border:1px solid #80808066 ;
  box-shadow:0 10px 35px rgba(0,0,0,.08);
     background: url(cloud.svg);
    background-repeat: no-repeat; 
    background-position: -600px -300px;
}
.test_section2 div{
    height:100%;
  
    background-color: #2d8cff; 
     border-radius: 25px;
}
.liste_celgah li p{
    align-items: center;
    justify-content: center;
    place-items: center;
    justify-items: center;
    
}
.liste_celgah li p:nth-child(1){
    font-size: 180px;
    font-weight: 500;
}
.liste_celgah li p:nth-child(2){
    margin:0;
}
.liste_celgah li:nth-child(2){
    margin:150px 150px 0 200px 
}
.liste_celgah li:nth-child(3){
          background-color: rgb(38 0 102);
      height:55%; 
      width:100%; 
      border-radius:15px;
      padding-left: 60px;

     
}
.liste_celgah li:nth-child(4){
    margin:150px 150px 0 150px ;
}
.liste_celgah li:nth-child(3) p:nth-child(1){
    text-shadow:  8px -20px 0px rgb(38 0 102),
  8px -22px 0px #2d8cff,
  8px -23px 0px rgb(38 0 102),
  8px -24px 0px rgb(38 0 102),
  8px -25px 0px rgb(38 0 102),
  8px -26px 0px rgb(38 0 102),
  8px -27px 0px rgb(38 0 102),
  8px -28px 0px #2d8cff;
  margin:0 0 100px 0;
}
.liste_celgah li span{
color:#2d8cff ;
}
.services{
    background-color: black;
    color:white;
    padding:120px 80px;
    
}

.services_deux h2{
      /* font-size: 68px;
    font-weight: 700;
    line-height: 1.1;
    margin-bottom: 10px;
    letter-spacing: -4px;
    padding:0 0 0 8%;
    color:#081749;*/
      font-size: 62px;
    font-weight: 500;
    color: #081749;
    line-height: 1.15;
   margin-bottom: 40px;
 	 padding:0 0 0 8%;
}
 .line{
        width:85px;
height:5px;
background:#1f62ff;
margin:30px 0 30px 8%;

    }
.services_deux p:nth-child(3){
    font-size: 24px;
    max-width:850px;
    margin-bottom: 60px;
    color:#23315f;
      padding:0 0 0 8%;
}
.services h2{
    font-size:60px;
    font-weight:300;
    margin-bottom:80px;
    letter-spacing:-3px;
}

.services-layout{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:70px;
}

/* QUESTIONS */

.questions-side{
    width:32%;
    display:flex;
    flex-direction:column;
    gap:30px;
    padding-top:10px;
}

.questions-side p{
    color:#cfcfcf;
    font-size:18px;
    line-height:1.9;
    transition:0.3s;
    cursor:pointer;
}

.questions-side p:hover{
    color:white;
    transform:translateX(8px);
}

/* BLOCS */

.service-grid{
    width:68%;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:25px;
}
.service-grid_deux{
           width: 45%;
    height: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
    position: relative;
    left: 0;
    background-color: rgb(0, 0, 133);
    border-radius:40px;
    margin:0 3% 0 0;
}

.service-grid_deux .card{
  /* background: #161616;*/
    border-radius: 20px;
    padding: 40px 30px;
    transition: 0.3s;
    color:black;
    height: 100%;
    display:none;
    width: 100%;
}
.card{
   /* background:#161616;*/
   background-color: white;
   border:1px solid rgb(230, 230, 230);
    border-radius:20px;
    padding:40px 30px;
    transition:0.3s;
    color:black;
}
.card:nth-child(1) {
background: url(premier.png);
color:white;
}
.service-grid_deux .card:nth-child(1) h3 {
    color:white;
}
.service-grid_deux .card:nth-child(2) h3 {
    color:white;
}
.card:nth-child(2) {
background: url(premier.png);
}
.card:nth-child(3) {
background: url(deuxieme.png);
}
.card:nth-child(4) {
background: url(deuxieme.png);
}
.card:hover{
    transform:translateY(-10px);
}
.service-grid_deux .card h3 {
    color: #081749;
}
.card h3{
    font-size:25px;
    margin-bottom:20px;
  
}

.card p{
    color:#bdbdbd;
    line-height:1.7;
}

.compteur_services{
    display:flex;
    list-style-type: none;
    height:5%;
    width:13%;
    margin:0 0 0 45%;
}
.compteur_services li{
    height:20%;
    width:100%;
    border-radius: 5px;
    background-color: rgb(217, 217, 217);
    margin:0 5px 0 0;
    cursor:pointer;
}
.compteur_services li:nth-child(1){
    background-color:  #001b78;;
}

.compteur_services li:nth-child(2){
    width:30%;
}

/* ABOUT */

.about{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:120px 80px;
    gap:60px;
}

.about-text{
    width:50%;
}

.about-text h2{
    font-size:60px;
    margin-bottom:30px;
}

.about-text p{
    color:#444;
    line-height:1.9;
    font-size:18px;
}

.about-image{
    width:35%;
    border-radius:25px;
}


.hero-video{
    position:relative;
    width:100%;
    height:auto;
    overflow:hidden;
  
}

.background-video{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
}

.video-overlay{
    position:absolute;
    inset:0;
        background: radial-gradient(circle at 50% -100%, rgba(88, 101, 242, .16), transparent 90%), #06162c;
}
    /*linear-gradient(to bottom, rgb(0 11 89 / 59%) 70%, #000000 100%)*/


/* =========================
HEADER
========================= */

.rdv{
    width:30%;
    height:100%;
    background-color: none;
   
    margin: 10% 0 0 0;
   
    border-radius: 3px;
    display:block;
   
}
.rdv p{
    font-size: 20px;
    margin-bottom: 20px;
  font-weight:400;
  color: #001b78;
}


.hero__ {
    display: flex;
    border-radius: 40px;
    align-items: center;
    justify-content: space-between;
    height: auto;
    padding: 60px 60px 60px 0px;
    font-family: Poppins, sans-serif;
    background: #fdfdfd;
    margin: 00px 0 0 130px;
    width: 85%;
  height:800px;
}

.hero__ .left{

width:58%;

}

.hero__ .right{

width:42%;
display:block;
justify-content:center;
align-items:center;

}

.hero__ .logo__{

font-size:92px;
font-weight:800;
color:#07184c;
line-height:1;

}

.hero__ .subtitle{

margin-top:20px;
font-size:28px;
font-weight:500;
color:#1f62ff;
line-height:1.25;

}

.hero__ .line{

width:85px;
height:5px;
background:#1f62ff;
margin:30px 0;

}

.hero__ .title{

font-size:58px;
font-weight:500;
color:#081749;
line-height:1.15;

}

.hero__ .title span{

display:block;
color:#1f62ff;
font-weight:400;

}

.hero__ .description{

margin-top:35px;
font-size:22px;
line-height:1.8;
color:#23315f;
max-width:850px;

}

.hero__ .features{

display:flex;
gap:70px;
margin-top:60px;

}

.hero__ .feature{

display:flex;
flex-direction:column;
align-items:center;

}

.hero__ .feature i{

font-size:52px;
color:#1f62ff;
margin-bottom:15px;

}

.hero__ .feature span{

font-size:20px;
font-weight:600;
color:#1f62ff;

}

/* cercle */

.hero__ .circle{

width:520px;
height:520px;
border:3px dashed #1f62ff;
border-radius:50%;
position:relative;
display:flex;
align-items:center;
justify-content:center;

}

.hero__ .center{

font-size:95px;
color:#1f62ff;
    width: unset;
    height:unset;
     border-radius: unset; 
     background: unset;
     display: unset;
    justify-content: unset;
     align-items: unset;
    
     box-shadow: unset;

}

.hero__ .node{

width:110px;
height:110px;
border:2px solid #1f62ff;
border-radius:50%;
background:#fdfdfd;
display:flex;
align-items:center;
justify-content:center;
font-size:45px;
color:#1f62ff;
position:absolute;

}

.hero__ .top{

top:-55px;
left:50%;
transform:translateX(-50%);

}

.hero__ .bottom{

bottom:-55px;
left:50%;
transform:translateX(-50%);

}

.hero__ .leftnode{

left:-55px;
top:50%;
transform:translateY(-50%);

}

.hero__ .rightnode{

right:-55px;
top:50%;
transform:translateY(-50%);

}

@media(max-width:1200px){

.hero__{

flex-direction:column;
padding:40px;

}

.hero__ .left,
.hero__ .right{

width:100%;

}

.hero__ .right{

margin-top:100px;

}

.hero__ .logo__{

font-size:70px;

}

.hero__ .title{

font-size:46px;

}

.hero__ .description{

font-size:20px;

}

.hero__ .features{

justify-content:center;
flex-wrap:wrap;

}
.fa-solid, .fas {
    font-weight: 900;
}
.hero__ .circle{

width:380px;
height:380px;

}

}

.rdv form{
   
  /*  box-shadow: -10px 7px 0px black;*/
    padding: 30px  ;
    background-color: white;
    height: 100%;
    width:auto;
    border-radius: 10px;
   
}

header{
    position:relative;
    z-index:10;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:25px 80px;
}

.logo{
    width:170px;
}

.liste{
    display:flex;
    gap:35px;
    list-style:none;
    align-items:center;
}

.liste a{
    color:white;
    text-decoration:none;
    transition:.3s;
}

.liste a:hover{
    opacity:.7;
}

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

.status{
    display:none;
    align-items:center;
    gap:8px;
    font-size:14px;
}

.dot{
    width:10px;
    height:10px;
    border-radius:50%;
    animation:pulse 2s infinite;
}

.open{
    color:#18a957;
}

.open .dot{
    background:#18a957;
    box-shadow:
        0 0 4px rgba(24, 169, 87, 0.7),
        0 0 10px rgba(24, 169, 87, 0.5),
        0 0 18px rgba(24, 169, 87, 0.3);
}

.warning{
    color:#f28900;
}

.warning .dot{
    background:#f28900;
   box-shadow:
        0 0 4px rgba(242, 137, 0, 0.7),
        0 0 10px rgba(242, 137, 0, 0.5),
        0 0 18px rgba(242, 137, 0, 0.3);
}

.closed{
    color:#ff0000;
}

.closed .dot{
    background:#ff0000;
   0 0 4px rgba(255, 0, 0, 0.7),
        0 0 10px rgba(255, 0, 0, 0.5),
        0 0 18px rgba(255, 0, 0, 0.3);
}

@keyframes pulse{
    0%{transform:scale(1);}
    50%{transform:scale(1.3);}
    100%{transform:scale(1);}
}

/* =========================
HERO
========================= */

.hero{
    position:relative;
    z-index:5;
    height:auto;
    display:flex;
   
    padding:0 0px 0 fr0px;
	 opacity: 0;
    transform: translateY(30px);

    animation:
        reveal .8s ease forwards;
    animation-delay: .15s;


    
}
@keyframes reveal {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.tous_paiement{
    display:none;
    
    height:40%;
    width:100%;
    
    background-color: #fdfdfd;
    color:rgb(39, 39, 39);
    margin:3% 0% 0 10%;
    text-decoration: underline;
    font-weight: 600;
}
.tous_paiement p{
  margin:0 4% 0 0;
  color: #001b78;
}
.tous_paiement img{
    height:6%;
    width:6%;
    margin:0 2% 0 0 ;
}
/*.tous_paiement div{
    height:100px;
    width:150px;
    background-color: grey;
    margin:0 0px 0 80px;
    display: flex;
    align-items: center;
    font-weight: 600;
    color:rgb(162, 162, 162);
    font-size: 28px;
}*/
.hero-text{
    width:1400px;
    color:white;
    display:block;
}
.liste_input{
  display:block;
  list-style-type:none;
}
.liste_input li{
  margin:0 10px 0 0;
}

input,
textarea{
    padding:0px 40px 40px 0px;
    border:none;
    color: #001b78;
    margin-bottom:20px;
    font-size:16px;
    background:none;
  border:none;
  border-bottom:1px solid #001b78;
}

textarea{
    height:180px;
    resize:none;
  width:600px;
  padding:0px;
  margin-top:20px;
   font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.hero-text h1{
    font-size:72px;
    line-height:1;
    letter-spacing:-3px;
    margin-bottom:25px;
}

.hero-text p{
    font-size:15px;
    line-height:1.8;
    color:rgba(255,255,255,0.85);
}
.hero-text p:nth-child(2){
    font-size: 55px;
    letter-spacing:-1px;
    line-height: 48px;
    width:70%;
    text-align: center;
    margin:0 0 3% 16%;
}
.hero-text p:nth-child(3){
    color:white;
    font-size: 20px;
    font-weight:500;
    padding-left: 150px;
    margin:0 0 3% 10%;
    width:70%;
 	text-align:center;
}
.hero-text button{
    width:auto;
    height:auto;
    border-radius:11px;
    background-color:white;
  	color:black;
    padding:15px 25px 15px 25px;
    margin:0 0 0 43%;
  	letter-spacing:0px;
  	font-weight:500;
}
.cta-btn{
    
    text-decoration:none;
  color:black;
    
}

.cta-btn:hover{
    transform:translateY(-4px);
}

/* CONTACT */
.contact{
    padding:80px 80px;
    background:#ffffff;
  width:80%;
}

.contact h2{
    font-size:55px;
    margin-bottom:50px;
  font-weight:300;
}

.contact-container{
    display:flex;
    gap:60px;
    align-items:flex-start;
 
}
.transition{
    display:block;
    height:800px;
    width:90%;
    margin:0 0 8% 0%;
    padding-left:10%;
    
    
    
}
.transition div{
    width:50%;
    height:100%;
    background:url(test.png);
    border-radius:  25px ;
    margin:4% 0 0 0;
}
.transition div:nth-child(1){
    width:90%;
    position: relative;
    z-index: 2;
}
.transition div:nth-child(2){
    width:90%;
     position: relative;
    z-index: 0;
    margin-top: -700px;
    margin-left:5%;
    background: url("test_4.png");
}
.transition-text{
    display:block;
    background: transparent;
    padding:10% 0 0 5%;
}
.transition-text h2{
    padding-left: 5%;
    margin:0 0 5% 0;
}
.transition-text p{
    font-size: 25px;
}

.services-hover{
    position:absolute;
    top:60%;
    left:70%;
    transform:translateX(-50%);
    width:55%;

    display:flex;
    justify-content:space-between;
    gap:40px;

    padding:35px;
    background:#06162c;
    border-radius:12px;
    box-shadow:0 15px 40px rgba(0,0,0,.15);

    opacity:0;
    visibility:hidden;
    transition:.3s;
    z-index:999;
}

.menu-services:hover .services-hover{
    opacity:1;
    visibility:visible;
}

.service-column{
    display:flex;
    flex-direction:column;
    flex:1;
}

.service-column h3{
    margin-bottom:18px;
    color:white;
    font-size:18px;
    font-weight:700;
    border-bottom:2px solid #0b63ce;
    padding-bottom:8px;
}

.service-column a{
    color:white;
    text-decoration:none;
    padding:8px 0;
    transition:.25s;
}

.service-column a:hover{
    color:#0b63ce;
    padding-left:8px;
}
.pln-rdv{
   width: 100%;
    background-color:  #001b78;
    height: 10%;
    color: rgb(255, 255, 255);
    border-radius: 8px;
}
form{
    flex:1;
    display:flex;
    flex-direction:column;
}
.hero input,textarea{
 padding:20px;
    border:none;
    color: #000000;
    margin-bottom:20px;
    font-size:16px;
    background:none;
  border:none;
  border-bottom:1px solid  #001b78;
  width:100%;
}
input,
textarea{
    padding:20px;
    border:none;
    color: #001b78;
    margin-bottom:20px;
    font-size:16px;
    background:none;
  border:none;
  border-bottom:1px solid  #001b78;
}

textarea{
    height:180px;
    resize:none;
}
hr{
  width:100%;
  height:3px;
  margin-bottom:100px;
  background-color:black;
}
button{
    padding:18px;
    border:none;
    background:black;
    color:white;
    border-radius:1px;
    cursor:pointer;
    transition:.3s;
    font-size:16px;
  font-weight:300;
  letter-spacing:1px;
  width:60%;
}

button:hover{
    transform:translateY(-3px);
}

.contact-info{
    flex:1;
  margin-left:100px;
}

.idf{
    width:100%;
    max-width:420px;
    border-radius:20px;
    margin-bottom:30px;
}

.contact-info ul{
    padding-left:20px;
}

.contact-info li{
    margin-bottom:18px;
    color:#444;
    line-height:1.8;
    font-size:17px;
}
.liste_ul{
    list-style-type: none;

}
.liste_ul li{
    font-weight: 600;
}
/* FOOTER */
.fa-solid, .fas {
    font-weight: 900;
}

   footer {
    color: black;
    text-align: center;
    padding: 120px 0 0 0;
    width: 100%;
    margin-left: 0%;
    margin-top: 4%;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    color: #b0b8c5;
    font-weight: 600;
    background: radial-gradient(circle at 50% 200%, rgba(88, 101, 242, .16), transparent 70%), #06162c;
}

.contact-container{
    display:flex;
    align-items:flex-start;
    gap:60px;
}

.contact-info{
    flex:1;
}

form{
    flex:1;
    display:flex;
    flex-direction:column;
}
.introduction{
    
    width:100%;
    display: block;
    height:auto;
    padding:30px 200px 30px 200px;
    margin:0;
    justify-items: center;
}
.introduction_celgah .phrase-texte{
    color: #001b78;
    width: 80%;
    font-size: 62px;
    font-weight: 400;
    letter-spacing: -2px;
    
    margin: 12% 0 5% 10% ;
    text-align: center;
}
.sous_section{display:flex;
    width:85%;
    background-color: white;
    display:flex;
    height:auto;
    padding:20px 40px 0px 40px ;
    margin:0 0 50px 0 ;
    
}
.introduction .sous_section:nth-child(3){
    align-items: center;
    justify-content: center;
}
.introduction .sous_section:nth-child(1){
   padding-left: 0;
   margin-top: 60px;
}
.sous_section p{
    font-size: 27px;
    width:55%;
    letter-spacing: -2px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    margin:0 0 0 50%;
    font-weight: 400;
    height:5%;
}
.idf{
    width:100%;
    max-width:350px;
    border-radius:20px;
    margin-bottom:30px;
}
.fleche{
    height:200px;
    width:200px;
}
.liste_trans{
    width:50% ;
    height:50% ;
    list-style: none;
    display: flex;
    margin:1% 0 0 28%;
}
.liste_trans li{
    border:none;
    padding:0 20px 0 20px;
    height:100%;
    font-size: 30px;
    font-weight: 500;
     color: #242669;
}
.liste_trans li:nth-child(1){
    border-right: 5px solid  #001b78;
        color: #91919152;
}
.liste_trans li:nth-child(2){
    text-decoration: underline;
}
.image_section{
    display:flex;
    list-style-type: none;
    margin:0 0 0 0;
}
.image_section li{
    height:100%;
    width:100%;
    background-color: transparent;
    margin:0 2% 0 0 ;
    display:block;
    padding:2px;
    }
    .liste_premiere_section{
        list-style-type: none;
       
    }
    .liste_premiere_section li p{
        font-size: 20px;
        width:100%;
        word-spacing: 5px;
        margin:unset;
    }
    .liste_premiere_section li{
        width:110%;
        margin-bottom: 40px;
    }
.image_section li p{
font-size: 16px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    letter-spacing: 0px;
    text-align: left;
    width:100%;
    font-family: 'Courier New', Courier, monospace;
    
    padding: 1px;
    margin:unset;
}
.image_section li p:nth-child(3){
    font-size:12px;
    letter-spacing: -1px;
    height: auto;
}
.frise{
    display:flex;
    list-style-type: none;
    height:1px ;
    margin:50px 100px 0 5%;
    width:90%;
    
}
.frise li{

    padding:0;
}
.frise li:nth-child(1){
   height:auto;
   width:auto;
} 
.frise li:nth-child(2){
    
    height:2px;
    width:50%;
    background-color: rgb(255, 255, 255);
    margin:5px 0 0 0;
    
    
} 
.frise li:nth-child(3){
   height:auto;
   width:1%;
}
.frise li:nth-child(4){
     height:2px;
    width:50%;
    background-color: rgb(255, 255, 255);
    margin:5px 0 0 0 ;
}
.frise li:nth-child(5){
    height:auto;
    width:auto;
} 
.question{
    padding:50px 0 0 0;
    margin:0 0 10% 0;
}
.question h2 {
    font-size: 60px;
    font-weight: 400;
    margin-bottom: 20px;
    letter-spacing: -3px;
    color: #3c8dff;
}
.question p:nth-child(1){
        font-size: 20px;
    width: 70%;
    margin-bottom: 40px;
    color: white;
}

.liste_question{
    display:grid;
    grid-template-columns: 1fr 1fr ;
    grid-template-rows: 90px 90px;
    width:80%;
    margin:0 0 0 10% ;
}
.liste_question li {
    border-top: 1px solid #3c8dff;
    border-bottom: 1px solid #3c8dff;
    margin: 0 0px 0 0;
    display: flex;
    padding-left: 3%;
    padding-top: 3%;
    padding-bottom: 3%;
    width: 95%;
    height: 100%;
}
.liste_question li:nth-child(3),.liste_question li:nth-child(4){
    border-top:none;
}
.liste_question li p{
    font-size: 18px; 
    width: auto;
    height: auto;
    font-weight: 600;
    /* margin-bottom: 60px; */
    color: rgb(119 119 119);
    
    
    
}
.liste_question p:nth-child(2) {
    margin: 0 0 0 25%;
    font-size: 35px;
    color: #3c8dff;
}
.liste_sous_frise{
    display: flex;
    list-style-type: none;
    height:200px;
    width:140%;
    margin:80px 0 80px 50px;
}
.liste_sous_frise li{
    height:50%;
    width:20%;
    border-radius:20px;
    background-color: #081749  ;
    margin:0 10px 0 0;
    display:block;
    padding:4px 0 0 2%;
    
}
*{
margin:0;
padding:0;
box-sizing:border-box;
}



.hero_{

display:flex;
height:auto;
background-color: #06162c;
font-family:'Poppins',sans-serif;
color:white;
margin:0px 0 0 0;
padding:60px;
}

.left{

width:55%;
padding:80px;
display:flex;
flex-direction:column;
justify-content:center;
position:relative;

}

.right{


    width: 45%;
    height: 500px;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    /* background-color: #0d003b; */
    /*overflow: hidden;*/
    margin-top: 7%;
    padding: 0px 0px 40px 0px;

}

/* motif circuit */

.circuit{

position:absolute;
top:40px;
left:40px;
width:250px;
height:150px;
opacity:.2;
/*border-top:2px solid #2e8cff;*/

}

/* Logo */

.logo_{

font-size:72px;
font-weight:800;
letter-spacing:3px;
margin-bottom:10px;

}

.subtitle{

font-size:28px;
font-weight:400;
color:#1f62ff;
line-height:1.3;
margin-bottom:30px;
display:none;

}

.separator{

width:80px;
height:4px;
background:#3c8dff;
margin-bottom:30px;

}

.title{

font-size:58px;
font-weight:500;
line-height:1.1;
margin-bottom:10px;

}

.title span{

display:block;
color:#3c8dff;
font-weight:400;

}

.description{

font-size:22px;
line-height:1.8;
color:#d8d8d8;
margin-top:30px;
max-width:780px;

}

/* icones bas */

.features{

display:flex;
gap:60px;
margin-top:70px;

}

.feature{

display:flex;
flex-direction:column;
align-items:center;
gap:15px;

}

.feature i{

font-size:48px;
color:#2d8cff;

}

.feature span{

font-size:18px;
font-weight:600;
color:#2d8cff;
letter-spacing:.5px;

}

/* Partie droite */

.cloud{
width: 100%;
    height: 100%;
    /* border: 2px dashed rgba(255, 255, 255, .4); */
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background: url(group-business-people-having-meeting-office.jpg);
    box-shadow: -40px 30px 0px #3c8dff40;

}

.center{

width:150px;
height:150px;
border-radius:50%;
background:#0b2144;
display:flex;
justify-content:center;
align-items:center;
font-size:70px;
color:#3c8dff;
box-shadow:0 0 50px rgba(60,141,255,.35);

}

.node{

position:absolute;
width:90px;
height:90px;
border-radius:50%;
background:#0d2348;
display:flex;
justify-content:center;
align-items:center;
font-size:35px;
color:#3c8dff;

}

.top{top:-40px;}
.leftnode{left:-45px;}
.rightnode{right:-45px;}
.bottom{bottom:-40px;}

@media(max-width:1100px){

.hero_{

flex-direction:column;

}

.left,
.right{

width:100%;

}

.left{

padding:60px 30px;

}

.title{

font-size:42px;

}

.logo_{

font-size:56px;

}

.features{

flex-wrap:wrap;
justify-content:center;

}

.right{

padding:80px 0;

}

}
.premier_inter{
    display:block;
    list-style-type: none;
    margin:-35px 0 0 0;
}
.frise .premier_inter:nth-child(1){
   
    justify-items: right;
}
.frise li:nth-child(5) .premier_inter{
   
    justify-items: left;
}
.premier_inter li:nth-child(1) p{
    width:auto;
    height:auto;
    border-radius:25px;
    background-color:white;
    padding:5px;
    color:black;
    font-size: 10px;
}
.frise li:nth-child(5) .premier_inter li:nth-child(1) p{
 width:130%;
    height:auto;
    border-radius:25px;
    background-color:white;
    padding:5px;
    color:black;
    font-size: 10px;
}
.premier_inter li:nth-child(2){
    border-radius: 50%;
    height:15px;
    width:15px;
    background-color:  #012dca;
    border:1px solid white;
   
}
.deuxieme_inter{
    display:block;
    list-style-type: none;
    border: none;
    position:relative;
    z-index:1;
}
.deuxieme_inter li:nth-child(2){
    background-color: unset;
    width:auto;
    margin:0;
}
.deuxieme_inter li:nth-child(2) p{
    width:auto;
    height:auto;
    border-radius:25px;
    font-size: 15px;
    color:rgb(255, 255, 255);
}
.deuxieme_inter li:nth-child(1){
    border-radius: 50%;
    height:15px;
    width:15px;
    background-color: #012dca;
    border:1px solid white;
}
.premier_ligne{
    display:flex;
    list-style-type: none;
}
.premier_ligne li{
       height: 50%;
    width: 8%;
    
    
    margin: 0 2px 0 0;
    display: block;
    padding: unset;
}
.liste_sous_frise li:nth-child(1) .premier_ligne li:nth-child(2) p{
    width:auto;
    font-size: 13px;
    line-height: unset;
    align-items: left;
    justify-content: left;
    place-items: left;
    padding:2px 0 0 0;
    color:rgb(180, 180, 180);
    font-weight: 500;
    
    
}
.conteneur_paiement{
    display:flex;
    width:100%;
    height:100%;
    background-color: none;
    margin: 0 0 0 5%;
}
  .premiere_transition {
        width:100%;
        height:700px;
        background: url(salle_serv.png);
        margin:200px 0 0 0;
    }
.premier_ligne li:nth-child(2){
    width:55%;
}
.liste_sous_frise li:nth-child(2) .premier_ligne li:nth-child(1) p{
    font-size:13px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color:rgb(85, 0, 85);
    padding:0% 0 0 0;
    font-weight: 600;
}
.liste_sous_frise li:nth-child(2) .premier_ligne li:nth-child(2) p{
    width:auto;
    font-size: 13px;
    line-height: unset;
    align-items: left;
    justify-content: left;
    place-items: left;
    padding:2px 0 0 0;
    
    
}
.liste_sous_frise li:nth-child(3) .premier_ligne li:nth-child(1) p{
     font-size:13px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color:rgb(85, 0, 85);
    padding:0% 0 0 0;
    font-weight: 600;
    color:violet;
}
.liste_sous_frise li:nth-child(3) .premier_ligne li:nth-child(2) p{
    width:auto;
    font-size: 13px;
    line-height: unset;
    align-items: left;
    justify-content: left;
    place-items: left;
    padding:2px 0 0 0;
    
    
}
.premier_ligne li:nth-child(1) p{
    font-size:13px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color:rgb(85, 0, 85);
    padding:5% 0 0 0;
    font-weight: 600;
    color:blue;
}
.deuxieme_ligne{
    display:flex;
    list-style-type: none;
}
.troisieme_ligne{
    display:flex;
    list-style-type: none;
}
.premier_ligne
.en_savoir{
    width:17%;
    background-color: transparent;
    color:black;
    border:1px solid black;
    padding:20px;
    font-size: 12px;
}

.contact-info ul{
    padding-left:20px;
}

.contact-info li{
    margin-bottom:18px;
    color:#444;
    line-height:1.7;
}
@media(max-width:1816px){
    .test_section2 div:nth-child(2){    background-position: -600px -320px;}
}
@media(max-width:1733px){
.test_section2 div:nth-child(2){ background: url(cloud.svg);
    background-repeat: 
    no-repeat; 
    background-position: -500px -280px;}
}
@media(max-width:1700px) {
  .test_section2 div:nth-child(1) {
    margin-top:12%;
}}
@media (max-width: 1550px) {
    .test_section2 div:nth-child(1) {
      margin-top:14%;}}

@media(max-width:1650px){
    .liste_trans li{
        font-size: 15px;
    }
}
@media(max-width:1603px){
       .test_section div:nth-child(1){ background-position: 150px 40px;}
}
@media(max-width:1525px){
    .test_section div:nth-child(1){
        background-position: 170px 40px;
    }
}
@media(max-width:1430px){
    .test_section div:nth-child(2){
        background-position: 100px 50px;
    }
}
@media(max-width:1426px){
        .test_section div:nth-child(1) {
        background-position: 150px 40px;
    }
}
@media(max-width:1375px){
    .test_section div:nth-child(1) {
        background-position: 101px 40px;
    }
    .liste_trans li{
        font-size: 15px;
    }
}
@media(max-width:1350px){
        .test_section div:nth-child(1) {
        background-position: 90px 59px;
    }
}
@media(max-width:1290px){
        .test_section div:nth-child(1) {
        background-position: 40px 59px;
    }
}
@media(max-width:1075px){
        .test_section div:nth-child(1) {
        background-position: -50px 79px;
    }
}
@media(max-width:995px){
        .test_section div:nth-child(1) {
        background-position: -100px 99px;
    }
}
@media(max-width:900px){
    .introduction_celgah,.liste_trans,.transition,.test_section,.test_section2{
        display:none;

    }
}

@media(max-width:1477px){
    .hero-text{
        width:80%;
    }
    .frise{
        width:90%;
    }
    .frise li:nth-child(5) .premier_inter{
        margin:-70% 0 0 0;
    }
     .frise li:nth-child(5) .premier_inter li:nth-child(1){
        width:120%;
     }
     .hero-text p:nth-child(2) {
    font-size: 45px;
    letter-spacing: -1px;
    line-height: 48px;
    width: 70%;
    text-align: center;
    margin: 0 0 3% 16%;
}
    .hero-text p:nth-child(3) {
        color: white;
        font-size: 15px;
        font-weight: 500;
        padding-left: 150px;
        margin: 0 0 3% 1%;
        width: 90%;
        text-align: center;
    }
    .celgah h2 {
    font-size: 95px;
    letter-spacing: -7px;
    line-height: 88px;
    width: 100%;
    text-align: center;
    margin: 0 0 3% 0%;
    font-weight: 400;
    word-spacing: 5px;
}
.liste_celgah li:nth-child(3){
    padding-left: unset;
}
.liste_celgah li:nth-child(3) p:nth-child(1){
    margin-bottom: unset;
}

}
@media(max-width: 1985px){
    .liste_celgah{
        width:30%;
    }
}
@media(max-width:1450px){
        .liste_celgah {
        display: grid;
        width: 100%;
        height:auto;
        grid-template-columns: 1fr ;
        
        margin: 0 0 0 0px;
        
    }
    .liste_celgah li{
        text-align: center;
        align-items: center;
        justify-content: center;
        align-self: center;
        justify-self: center;
        width:60%;
        background-color: rgb(38 0 102) ;
        border-radius: 25px;
        height: 100%;
        padding:8% 0 0 0;

        
    }
    .liste_celgah li p:nth-child(2){
        width:100%;
    }
    .liste_celgah li p:nth-child(1){
        font-size:130px;
        font-weight: 500;
        letter-spacing:-10px;
    }
    .liste_celgah li:nth-child(2) {
    margin: 0% 0% 0 0%;
}
.liste_celgah li:nth-child(3){
    width:60%;
    height:100%;
    
}
.liste_celgah li:nth-child(4) {
    margin: 0% ;
}
.celgah{
    height:2200px;
}
}

@media(max-width:1437px){
  .celgah p:nth-child(2){
    text-align:center;}
      .celgah h2 {
        font-size: 95px;
        letter-spacing: -7px;
        line-height: 88px;
        width: 100%;
        text-align: center;
        margin: 0 0 10% 0%;
        font-weight: 400;
        word-spacing: 5px;
    }
      .liste_celgah {
        display: grid;
        width: 100%;
        height: auto;
        grid-template-columns: 1fr;
        margin: 0 0 0 0px;
        padding: 0;
    }
      .liste_celgah li {
        text-align: center;
        align-items: center;
        justify-content: center;
        align-self: center;
        justify-self: center;
        width: 60%;
        background-color: rgb(38 0 102);
        border-radius: 25px;
        height: 100%;
        padding: 4% 0 4% 0;
    }

}

@media(max-width:1241px){
    .frise li:nth-child(5) .premier_inter{
        margin:-75% 0 0 0;
    }
     .frise li:nth-child(5) .premier_inter li:nth-child(1){
        width:130%;
     }
      .premier_choix li {
    border-radius: 6px;
    padding: 7px;
    width: 100%;
    z-index: 1;
    cursor: pointer;
}
     .premier_choix li p {
    font-size: 13px;
    position: relative;
    z-index: 0;
    color: white;
    text-align: center;
    letter-spacing: -1px;
    font-weight: 500;
}
.tous_paiement{
    flex-direction: column;
}
.conteneur_paiement{
    margin:3% 0 0 0;
}
.tous_paiement{
    width:100%;
    padding-right: 10%;
}


}
@media(max-width:1160px){
    .liste_sous_frise li .deuxieme_ligne p{
        font-size: 11px;
    }
}
@media(max-width:1099px){
     .hero-text{
        width:80%;
    }
        .hero-text p:nth-child(2) {
        font-size: 35px;
        letter-spacing: -1px;
        line-height: 48px;
        width: 70%;
        text-align: center;
        margin: 0 0 3% 16%;
    }
    .premier_choix li {
    border-radius: 6px;
    padding: 7px;
    width: 100%;
    z-index: 1;
    cursor: pointer;
}
.premier_choix li p {
    font-size: 13px;
    position: relative;
    z-index: 0;
    color: white;
    text-align: center;
    letter-spacing: -1px;
    font-weight: 500;
}
.liste_sous_frise li {
    height: 50%;
    width: 20%;
    border-radius: 20px;
    background-color: #081749;
    margin: 0 10px 0 0;
    display: block;
    padding: 4px 1% 0 2%;
}
.hero-text p {
    font-size: 10px;
    line-height: 1.8;
    color: rgba(255, 255, 255, 0.85);
}

.service-grid_deux {
        width: 50%;
    height: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
    position: relative;
    background-color: #00005e;
    border-radius: 40px;
    left: 0;
}
.service-grid_deux .card {
       /* background: #161616; */
    border-radius: 20px;
    padding: 40px 30px;
    transition: 0.3s;
    color: black;
    display: none;
    height: 100%;
    width: 100%;
}
.service-grid_deux .card:nth-child(3) h3,.service-grid_deux .card:nth-child(4) h3{
        color: #ffffff;
}
.services_deux {
    background-color: rgb(255, 255, 255);
    color: rgb(0, 0, 0);
    padding: 120px 40px;
    height: 800px;
    width: 100%;
}
.compteur_services{
    display:none;
}
}

@media (max-width: 1040px) {
    .premier_choix li p {
        font-size: 11px;
        position: relative;
        z-index: 0;
        color: white;
        text-align: center;
        letter-spacing: -1px;
        font-weight: 500;
    }
     .premier_choix li {
    border-radius: 6px;
    padding: 9px;
    width: 100%;
    z-index: 1;
    cursor: pointer;
}
}
@media(max-width:999px){
    .hero-text p:nth-child(3) {
        color: white;
        font-size: 15px;
        font-weight: 500;
        padding-left: 100px;
        margin: 0 0% 3% 0;
        width: 90%;
        text-align: center;
    }
    .frise{
        width:85%;
    }
   .question p:nth-child(1){
    font-size: 13px;
   }
}
@media (max-width: 915px) {
    .premier_choix li p {
        font-size: 9px;
        position: relative;
        z-index: 0;
        color: white;
        text-align: center;
        letter-spacing: -1px;
        font-weight: 500;
    }
  .services-hover{display:none;}
  
}
@media(max-width:900px){

    .contact-container{
        flex-direction:column;
    }

    .idf{
        max-width:100%;
    }
    .liste_sous_frise li .deuxieme_ligne p{
        font-size: 7px;
    }
    

}
/* TABLET */

@media (min-width:700px) and (max-width:1099px){


    .services-layout{
        flex-direction:column;
    }

    .questions-side{
        width:100%;
    }

    .service-grid{
        width:100%;
        grid-template-columns:1fr 1fr;
    }

    .about{
        flex-direction:column;
    }

    .about-text{
        width:100%;
        text-align:center;
    }

    .about-text h2{
        font-size:50px;
    }

    .about-image{
        width:80%;
    }

    form{
        width:100%;
    }
    .image_section li{
        width:unset;

}
.liste_sous_frise li .premier_ligne li:nth-child(2) p{
        font-size: 11px;
    }
    .liste_question {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 90px 90px;
    width: 80%;
    margin: 0 0 0 10%;
}
}
/* MOBILE */

@media(max-width:700px){

    header{
        flex-direction:column;
        gap:20px;
        padding:20px;
    }
.liste_question li:nth-child(1){
    border-bottom: none;
}
    .liste{
        gap:20px;
        flex-wrap:wrap;
        justify-content:center;
    }

    .hero{
        flex-direction:column;
        padding:10px 20px 40px 20px;
    }

    .hero-text{
        width:100%;
        text-align:left;
                margin: 0 0 6% 0;
    }
        .hero-text p:nth-child(3) {
        color: white;
        font-size: 15px;
        font-weight: 500;
        padding-left: 80px;
        margin: 0 0% 3% 0;
        width: 90%;
        text-align: center;
    }
    .liste_celgah li p:nth-child(1) {
        font-size: 100px;
    }
        .services_deux {
        background-color: rgb(255, 255, 255);
        color: rgb(0, 0, 0);
        padding: 60px 40px 100px 40px;
        height: 800px;
        width: 100%;
    }
   
    .premier_choix{
        margin:0 0 3% 33%;
    }
  .hero-text button {
    width: auto;
    height: auto;
    border-radius: 7px;   
    background-color: #ffffff;
    color: #001b78;
    padding: 15px 25px 15px 25px;
    margin: 0 0 0 33%;
    letter-spacing: 0px;
    font-weight: 500;
}
    .hero-text p:nth-child(2) {
        font-size: 35px;
        letter-spacing: -1px;
        line-height: 48px;
        width: 100%;
        text-align: center;
        margin: 0 0 3% 0%;
    }
  
.rdv {
        width: 100%;
        margin:0 0 0 0;
    }
    .hero-text h1{
        font-size:42px;
    }

    .hero-box{
        width:100%;
        border-radius:15px;
    }

    .services{
        padding:80px 20px;
    }

    .services h2{
        font-size:40px;
    }

    .services-layout{
        flex-direction:column;
    }

    .questions-side{
        width:100%;
    }

    .service-grid{
        width:100%;
        grid-template-columns:1fr;
    }

    .about{
        flex-direction:column;
        padding:80px 20px;
    }

    .about-text{
        width:100%;
    }

    .about-text h2{
        font-size:40px;
    }

    .about-image{
        width:100%;
    }

    .contact{
        padding:80px 20px;
    }

    .contact h2{
        font-size:40px;
    }
.liste_question {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 90px 90px;
    width: 80%;
    margin: 3% 0 0 10%;
}
    form{
        width:100%;
    }
      .image_section li{
        width:unset;

}
    .frise{
        display:none;
    }    
    .liste_sous_frise{
        display:none;
    }
  
      .celgah {
        height: 1500px;
    }

}
@media(max-width:683px){
    .hero-text p:nth-child(3){
        padding:0;
        width:100%;
    }
}
@media(max-width:635px){
    .liste_sous_frise li .premier_ligne li:nth-child(2) p{
        font-size: 10px;
    }
    .liste_sous_frise li .deuxieme_ligne p{
        font-size: 7px;
    }
}
@media(max-width:600px){
    .premier_choix{
        height:5%;
        width:50%;
        margin: 0 0 3% 25%;
    }
}
@media(max-width:582px){
        .liste_sous_frise li .deuxieme_ligne p{
            font-size: 8px;
        }
    .liste_sous_frise li:nth-child(1) .premier_ligne li:nth-child(2) p{
        font-size:10px ;
        
    }
   
    .liste_sous_frise li:nth-child(2) .premier_ligne li:nth-child(2) p{
        font-size:10px ;
    }
    .liste_sous_frise li:nth-child(3) .premier_ligne li:nth-child(2) p{
        font-size:10px ;
    }
        .liste_sous_frise li .premier_ligne {
          
            margin:0 0 10% 0;
        }
        .liste_sous_frise li{
            width:45%;
        }
        .liste_sous_frise{
            margin:80px 0 80px 0px;
            width:100%;
        }
        .conteneur_paiement img{
            
    height: 20px;
    width: 30px;
    margin: 0 2% 0 0;

        }
               .hero-text button {
        margin: 0 0 0 25%;
        border-radius: 8px;
    }
                .service-grid_deux {
        width: 100%;
        height: 100%;
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: 50% 50% 50% 50%;
        gap: 25px;
        position: relative;
        left: 0;
    }
        .service-grid_deux .card {
        background: #001b78;
        border-radius: 20px;
        /* padding: 40px 30px; */
        transition: 0.3s;
        height: 100%;
        width: 100%;
    }
        .service-grid_deux {
        width: 100%;
        height: 100%;
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: 1fr 1fr 1fr 1fr;
        /* gap: 25px; */
        position: relative;
        left: 0;
    }
        .celgah h2 {
        font-size: 85px;
        letter-spacing: -7px;
        line-height: 88px;
        width: 100%;
        text-align: center;
        margin: 0 0 3% 0%;
        font-weight: 400;
        word-spacing: 5px;
    }

        .services_deux {
        background-color: rgb(255, 255, 255);
        color: rgb(0, 0, 0);
        padding: 60px 40px 100px 40px;
        height: 100%;
        width: 100%;
    }
   
        .hero-text p:nth-child(3) {
            font-size:25px;
            line-height:40px;
          display:none;
        }
            .premier_choix {
        height: 5%;
        width: 60%;
        margin: 0 0 3% 20%;
    }

    .services_deux p:nth-child(1){
        
    font-size: 20px;
    width: 100%;
    margin-bottom: 60px;
    color: rgb(151, 151, 151);
    }
    .question h2 {
    font-size: 40px;
    font-weight: 400;
    margin-bottom: 20px;
    letter-spacing: -3px;
}
        .question p:nth-child(1) {
            font-size:15px;
        }
    }
@media(max-width:482px){
        .liste_sous_frise li:nth-child(1) .premier_ligne li:nth-child(2) p{
            font-size:8px;
        }
         .liste_sous_frise li:nth-child(2) .premier_ligne li:nth-child(2) p{
            font-size:8px;
        }
         .liste_sous_frise li:nth-child(3) .premier_ligne li:nth-child(2) p{
            font-size:8px;
        }
    .liste_sous_frise li .deuxieme_ligne p{
        font-size: 7px;
    }
        .celgah h2 {
        font-size: 85px;
        letter-spacing: -7px;
        line-height: 88px;
        width: 100%;
        text-align: center;
        margin: 0 0 3% 0%;
        font-weight: 400;
        word-spacing: 5px;
    }
	.liste_celgah{
      gap: 3%;}
}
@media(max-width:460px){
    .liste_celgah li p:nth-child(1) {
        font-size: 80px;
    }
}
@media(max-width:400px){
        .hero-text button {
        margin: 0 0 0 15%;
        border-radius: 8px;
          display:none;
    }
  .cloud {
    width: 300px;
    height: 300px;
    border: 2px dashed rgba(255, 255, 255, .4);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
      .liste_celgah li:nth-child(3) p:nth-child(1)  {
  text-shadow:unset;
  }
      .liste_celgah li p:nth-child(1) {
        letter-spacing:-5px;}
  
      .hero__ .circle {
        width: 300px;
        height: 300px;
    }
  .services_deux h2 {
    font-size: 68px;
    font-weight: 700;
    line-height: 1.1;
    margin-bottom: 10px;
    letter-spacing: -4px;
    padding: 0 0 0 8%;
    color: #081749;
    margin: 0 0 15% 0;
}
  .services_deux p:nth-child(3) {
    display:none;
}
  .footer-container .footer-column:nth-child(2){
    margin-top:40px;}
      .services_deux {
        background-color: rgb(255, 255, 255);
        color: rgb(0, 0, 0);
        padding: 60px 40px 100px 20px;
        height: 100%;
        width: 100%;
    }
      .services_deux {
        background-color: rgb(255, 255, 255);
        color: rgb(0, 0, 0);
        padding: 60px 40px 100px 20px;
        height: 100%;
        width: 100%;
    }
  .hero__ {
    margin:0;
  }
  .service-grid_deux {
        width: 100%;
        height: 100%;
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: 1fr 1fr 1fr 1fr;
        /* gap: 25px; */
        position: relative;
        left: 0;
        padding: 0 0 0 20px;
    }

}
@media(max-width:395px){
  .corp {
    width: 390px;
    /* max-width: 100%; */
    height: 100%;
    margin: 0 auto;
    overflow-x: hidden;
}
}
@media(max-width:340px){
        .hero-text button {
        margin: 0 0 0 13%;
        border-radius: 8px;
    }
}


.logo-grid{
    width:min(1200px,95%);
    display:grid;
    grid-template-columns:repeat(6,1fr);
    margin:0 0 0 30px;
}

.logo{
    position:relative;
    aspect-ratio:1;
    display:flex;
    justify-content:center;
    align-items:center;

    border:1px solid rgba(255,255,255,.12);

    overflow:hidden;
    transition:.35s ease;

    /* léger effet incliné */
    transform:skewX(-4deg);
}

/* Les logos restent droits */
.logo img{
    width:58px;
    height:58px;
    object-fit:contain;
    filter:grayscale(15%);
    transform:skewX(-4deg);
    transition:.35s ease;
    border-radius: 15px;
}

/* ===========================
   BORDURES EXTÉRIEURES INVISIBLES
=========================== */

/* Haut */
.logo:nth-child(-n+6){
    border-top-color:transparent;
}

/* Gauche */
.logo:nth-child(6n+1){
    border-left-color:transparent;
}

/* Droite */
.logo:nth-child(6n){
    border-right-color:transparent;
}

/* Bas */
.logo:nth-last-child(-n+6){
    border-bottom-color:transparent;
}

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

.logo::before{
    content:"";
    position:absolute;
    inset:8px;

    border:1px solid transparent;
    transform:skewX(4deg);

    transition:.35s ease;
}

.logo:hover{
    background:rgba(56,189,248,.06);
}

.logo:hover::before{
    border-color:#38bdf8;
    box-shadow:
        inset 0 0 20px rgba(56,189,248,.15),
        0 0 20px rgba(56,189,248,.25);
}

.logo:hover img{
    filter:grayscale(0%);
    transform:skewX(-4deg) scale(1.08);
}

.logo::after{
    content:"";
    position:absolute;
    inset:0;
    opacity:0;
    background:linear-gradient(
        120deg,
        transparent 30%,
        rgba(56,189,248,.08) 50%,
        transparent 70%
    );
    transition:.35s;
}

.logo:hover::after{
    opacity:1;
}



@media(max-width:1397px){
  .logo-grid{
    margin-left:0;
  }}
@media(max-width:1065px){
  #deuxieme_celgah{
    display:none;}}