:root {
    --shadow-sm : 0 .125rem .25rem rgba(0,0,0,.075) !important;
    --shadow : 0 .5rem 1rem rgba(0,0,0,.15) !important;
    --shadow-lg : 0 1rem 3rem rgba(0,0,0,.175) !important;
    --success-shadow: 0 0 0 .2rem rgba(72,180,97,.3);
    --white-smoke: #1e3a5c/*rgba(255,255,255,0.1)*/;
    --light : #152e4d;
    --danger-shadow: 0 0 0 .2rem rgba(255, 68, 68, .4) !important;
    --dark: #12263f;
    --placeholder: #95AAC9;
    --green: #39B449;
    --muted:#6E84A3;
    --lighter:#132A46;
    --border:#1E3A5C;
    --orange: #FA7E03;
    --info-soft: #1a415c;
    --danger-soft: #fad7dd;
    --primary-soft: #173760;
    --success-soft: #e0faf0;
    --warning-soft: #404540;
    --gray-400: #d2ddec;
    --input-border: #ced4da ;
}

.hero{
    background: url(../img/hero-bg-2.webp) top center no-repeat;
    background-size: cover;
}

.hero-services{
    background: url(../img/hero-bg-3.png) top center no-repeat;
    background-size: cover;
}

@media (min-width: 1024px){
    .hero {
        background-attachment: fixed;
    }
    .hero-services {
        background-attachment: fixed;
    }
}

.cookie-box{
    z-index: 55;
    position: fixed;
    max-width: 550px;
    bottom: 0;
    right: 0;
    margin: 15px;
}

.arrow-down-a {
    animation: bounce 2s infinite;
}

.img-container{
    border-radius: 15px;
}

.box{
    border-radius: 15px;
}

.services .service-box.blue:hover {
    background-color: rgba(45, 182, 250, 0.5);
}


.services .service-box.orange:hover {
    background-color: rgba(246,140,9,0.5);
}

.services .service-box.purple:hover {
    background-color: rgba(181,14,223,0.5);
}


.text-anim{
  color: #012970;
  font-size: 50px;
  font-weight: bold;
/*  letter-spacing: 7px;*/
  cursor: pointer
}
.text-anim span{
  transition: .5s linear
}

.text-anim span{
  color: #fff;
  text-shadow: 0 0 10px #4154F1,
               0 0 20px #4154F1, 
               0 0 40px #4154F1;
}

.text-anim span:hover{
  color: #012970;
  text-shadow: none;
}

/* Définir l'animation CSS */
@keyframes bounce {
    0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
50% {
    -webkit-transform: translate(0, 30px);
    transform: translate(0, 30px);
}
100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
}

.inflating-text {
    display: inline-block;
    transform: scale(1);
    transition: transform 0.5s;
  }

  .inflating-text.inflated {
    transform: scale(1.2);
  }

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #4154f1;
    --bs-btn-border-color: #4154f1;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #707bdb;
    --bs-btn-hover-border-color: #707bdb;
    --bs-btn-focus-shadow-rgb: 65, 84, 241;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0a58ca;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: i0px 5px 30px rgba(65, 84, 241, 0.4);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd;
}