/*--------------------------------------------------------------
# SERVICES
--------------------------------------------------------------*/

.services{
  padding: 2rem 0;
}



/*--------------------------------------------------------------
# Pourquoi choisir Cyberneties ? // Why US
--------------------------------------------------------------*/


.whyUs{
  background-image: linear-gradient(140deg, rgba(0, 72, 114, 0.9) 0%, #291160 100%), url(/uploads/img/citySecurity.webp);
  color: white;
  /* text-align: left; */
  padding: 2rem 0;
  position: relative;
  background-position: 50%;
  background-size: cover;
  border-radius: 0 26vw 26vw 0;
  overflow: hidden;
  margin-right: 5%;
}

.whyUs .container {
  margin-left: 5%;
}


/*--------------------------------------------------------------
# POLES D'EXPERTISES
--------------------------------------------------------------*/


.pole {
    position: relative;
    border-radius: 75px;
    overflow: hidden;
    margin-bottom: 20px;
    height: 150px;
    color: white;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pole-heading {
  letter-spacing: -.05rem;
}

.pole3, .pole5 {
    color: #004a75;
}

.pole img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}

.pole .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.pole1 .overlay {
    background: linear-gradient(270deg,rgba(37,115,249,0.74) 0%,#15314e 100%); /* dégradé de bleu */
}

.pole2 .overlay {
    background: linear-gradient(180deg,#2573f9 0%,rgba(37,115,249,0.73) 100%); /* dégradé de cyan */
}

.pole3 .overlay {
    background: linear-gradient(270deg,rgba(234,234,234,0.7) 0%,#d3d3d3 100%); /* dégradé de gris */
}

.pole4 .overlay {
    background: linear-gradient(270deg,rgba(37,115,249,0.74) 0%,#b0d9f2 100%); /* dégradé de bleu clair */
}

.pole5 .overlay {
    background: linear-gradient(180deg,rgba(255,158,94,0.57) 0%,#ff8a3d 100%); /* dégradé d'orange */
}

.pole .title {
    position: relative;
    z-index: 3;
    font-size: 1.5rem;
    font-weight: bold;
}

.row .col {
    padding: 10px;
}



/*--------------------------------------------------------------
# CLIENTS // PARTNERS
--------------------------------------------------------------*/

.clients {
  background-color: white;
  padding: 2rem 0;
}

.clients .client-logo {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.clients .client-logo img {
  padding: 20px;
  transition: 0.3s;
  opacity: 0.5;
  filter: grayscale(100);
}

.clients .client-logo img:hover {
  filter: none;
  opacity: 1;
}

@media (max-width: 640px) {
  .clients .client-logo img {
    padding: 20px;
  }
}
/*--------------------------------------------------------------
# CONTACT US
--------------------------------------------------------------*/


.contactUs{
    /* background-color: var(--color-grey-3); */
    padding: 2rem 0;
    background-position: center top;
    background-image: linear-gradient(140deg, #004872 0%, rgba(41, 17, 96, 0.91) 100%), url(/uploads/img/biometricTechnology.webp);
}

.contactUs h2{
    color:white;
    text-transform: uppercase;
}

/* li{
    list-style: none;
} */


  .contactUs .service-label {
    /* font-size: 1.5em; */
    color: white;
  }


  .contact-info h3{
    color: rgba(255, 255, 255, 0.7);
  }
  
  .contact-info .icon {
    font-size: 24px;
    color: var(--red-primary);
    min-width: 50px;
  }

  .contact-info{
    color: white;
    font-size: large;
  }

  .contact-info .text p {
    margin-bottom: 0.25rem;
  }

  .contact-info .text span {
    display: block;
    font-weight: bold;
  }

  .contact-info .dbox {
    margin-bottom: 1rem;
  }

  .contact-info a {
    text-decoration: none !important;
    color: inherit !important; /* Hérite de la couleur du texte environnant */
  }
  
  a:hover,
  a:focus {
    text-decoration: none;
    color: inherit;
  }



/*--------------------------------------------------------------
# MENTIONS LÉGALES
--------------------------------------------------------------*/

.mentionsLegales .jumbotron{
  color: white;
  padding: 5%;
  background-size: cover;
  background-image: linear-gradient(140deg, #004872c3 0%, rgba(41, 17, 96, 0.91) 100%), url(/uploads/img/bgBinaryCode.webp);
}  

.mentionsLegales .container{
padding: 5%;
}

.mentionsLegales h2{
  font-size: calc(1.425rem + 1vw) !important;
  margin-top: 3rem !important;
}


/*--------------------------------------------------------------
# POLITIQUE DE CONFIDENTIALITE
--------------------------------------------------------------*/

.politiqueDeConfidentialite .jumbotron{
  color: white;
  padding: 5%;
  background-size: cover;
  background-image: linear-gradient(140deg, #004872c3 0%, rgba(41, 17, 96, 0.91) 100%), url(/uploads/img/bgBinaryCode.webp);
}  

.politiqueDeConfidentialite .container{
padding: 5%;
}

.politiqueDeConfidentialite h2{
  font-size: calc(1.425rem + 1vw) !important;
  margin-top: 3rem !important;
}

.politiqueDeConfidentialite h3{
  font-size: calc(1.425rem) !important;
}




/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  .pole-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .pole-heading {
    margin-top: 7rem;
  }
}