/* HEAD SERVICE */
.head-securite {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0 0 40px 40px;
  /* background: linear-gradient(to right, #613EC0, #1133AF); */
  background: #dddddd;
}
.head-securite .head-securite-under{
  /* margin: 0 auto; */
  padding: 3% 5%;
  text-align: center;
}
.head-securite .head-securite-under h2{
  color: #613EC0;
  font-family: 'Courier New', Courier, monospace;
}
.head-securite .head-securite-under h4{
  padding-top: 15px;
  color: black;
  line-height: 1.5;
}


.container-securite .row div .text-securite{
    max-width: 580px;
    line-height: 1.16667;
    font-size: 2.66667rem;
    font-family: "Montserrat", sans-serif!important;
    font-weight: 700;
    color: #48CF15;
    margin-bottom: .6em;
    letter-spacing: -1.8px;
}

/* DEVELOPPEURS SECURITE AVANTAGE */
.container-securite-special .row span{
    margin: 0 auto;
    text-align: center;
    font-family: "Montserrat", sans-serif!important;
    font-size: 30px;
    font-weight: bolder;
    color: black;
} 


/* ATOUT SECURITE SMS */

.atout-securite-sms {
    width: calc(48.33333% - var(--gap, 0px));
    max-width: calc(48.33333% - var(--gap, 0px) + (var(--gap, 0px) / 3));
    flex: 1 1 auto;
    margin: 2% 0;
    box-shadow: 0 0 30px #dddddd;
    border-radius: 10px;
    justify-content: space-between;
    align-items: center;

    /* display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    overflow: hidden; Pour éviter le débordement du contenu */
  }
  
  .atout-securite-sms .icon-sms,
  .atout-securite-sms .icon-sms-compaign {
    width: 50%; /* Pour afficher deux éléments par ligne */
    text-align: center; /* Centrer le contenu */
    padding: 10px; /* Ajouter de l'espace autour du contenu */
  }
  
  .atout-securite-sms .icon-sms img {
   
    max-width: 60%; /* Pour que les images soient flexibles en largeur */
    height: auto; /* Pour conserver le ratio hauteur/largeur des images */
    margin: 0 70%;
    border-radius: 30%;
  
  }
  
  .atout-securite-sms h5,
  .atout-securite-sms p {
    text-align: center; /* Centrer le texte */
    margin: 10px 0; /* Ajouter de l'espace autour du texte */
    padding: 0 5PX ;
  }
.atout-securite-sms h5{
    color: #1133AF;
}

/*  SMS MOBILE */
.container .row-service .service-sms .sms{
  background: #F4F4F4;
  border-radius: 105px 5px 90px 5px; 
}
.container .row-service .service-sms .sms p{
  color: black;
}

/* ALERT SECURITE */
.alert-securite {
  max-width: auto;
  margin: 0 auto;
  padding: 5% 2%;
}
.alert-securite .alert-under p {
  color: black;
}