/*Font Size*/
.fs-8 {font-size: 8px !important;}
.fs-9 {font-size: 9px !important;}
.fs-10 {font-size: 10px !important;}
.fs-11 {font-size: 11px !important;}
.fs-12 {font-size: 12px !important;}
.fs-13 {font-size: 13px !important;}
.fs-14 {font-size: 14px !important;}
.fs-15 {font-size: 15px !important;}
.fs-16 {font-size: 16px !important;}
.fs-17 {font-size: 17px !important;}
.fs-18 {font-size: 18px !important;}
.fs-19 {font-size: 19px !important;}
.fs-20 {font-size: 20px !important;}
.fs-21 {font-size: 21px !important;}
.fs-22 {font-size: 22px !important;}
.fs-23 {font-size: 23px !important;}
.fs-24 {font-size: 24px !important;}
.fs-25 {font-size: 25px !important;}
.fs-26 {font-size: 26px !important;}
.fs-27 {font-size: 27px !important;}
.fs-28 {font-size: 28px !important;}

/*Color change on hover*/
.hvr-color {color: #4a4a4a;}
.hvr-color:hover {  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  --webkit-transition: all 0.5s ease-in-out;}
.hvr-color.hvr-gray:hover {color: #757575 !important;}
.hvr-color.hvr-primary:hover {color: #5856d6 !important;}
.hvr-color.hvr-secondary:hover {color: #6b7785 !important;}
.hvr-color.hvr-success:hover {color: #1b9e3e !important;}
.hvr-color.hvr-danger:hover {color: #e55353 !important;}
.hvr-color.hvr-warning:hover {color: #f9b115 !important;}
.hvr-color.hvr-info:hover {color: #3399ff !important;}
.hvr-color.hvr-light:hover {color: #f3f4f7 !important;}
.hvr-color.hvr-dark:hover {color: #212631 !important;}

/* Border radius */
.b-rad-5{border-radius: 5px !important;}
.b-rad-10{border-radius: 10px !important;}
.b-rad-25{border-radius: 25px !important;}
.b-rad-50{border-radius: 50px !important;}

a {text-decoration: unset;}
.wow {visibility: hidden;}
.headline {font-size: 3rem;color: #333;display: block;align-items: center;flex-wrap: wrap;line-height: 65px;}  .headline-dynamic-wrapper {position: relative;display: inline-block;bottom: 2px;}  .headline-dynamic-text {font-weight: bold;color: #5856d6;}  .headline-dynamic-wrapper svg {position: absolute;bottom: -20px;left: 0;width: 100%;height: 80px;fill: none;stroke: #5856d6;stroke-width: 7px;stroke-linecap: round;stroke-linejoin: round;visibility: hidden;}  @keyframes draw { 0% {stroke-dasharray: 1000;stroke-dashoffset: 1000;visibility: visible;} 100% {stroke-dashoffset: 0;visibility: visible;} }  .headline-dynamic-wrapper svg path {stroke-dasharray: 2000;stroke-dashoffset: -1000;animation: draw 2s ease-out forwards;}  .headline-plain-text {margin-left: 10px;}
.accordion-button {background-color: #ffffff !important;color: #333 !important;}  .accordion-button:not(.collapsed) {background-color: #f0f0f0 !important;color: #333 !important;}  .accordion-button:focus {box-shadow: none !important;}  .accordion-button:hover {background-color: #c0c0c0 !important;}  .accordion-button::after {filter: brightness(0.2);}
section {
  scroll-margin-top: 65px; /* Hauteur approximative de ta navbar sticky */
}
#about_us,
#faq,
#contact {
  scroll-margin-top: 65px;
}
.navbar-brand img {
  height: 100px;
  transition: height 0.3s ease;
}
.navbar {background-color: #f3f4f7;  transition: height 0.3s ease;}
.navbar.shrink {
  background-color: #ffffff;
  -webkit-box-shadow: rgba(8, 10, 12, 0.15) 0px 8px 16px 0px;
  -moz-box-shadow: rgba(8, 10, 12, 0.15) 0px 8px 16px 0px;
  box-shadow: rgba(8, 10, 12, 0.15) 0px 8px 16px 0px;
}
.navbar.shrink .navbar-brand img {
  height: 40px;
}