/* prettier-ignore */
/*# sourceMappingURL=user.css.map */


#contact label,
#connexion label,
#gestion label {
  font-weight: 300 !important;
}


.accordion-button::before {
  background-color: transparent !important;
  margin-right: .5rem;
}

.accordion-button:not(.collapsed){
    background-color: #e2e2e2 !important;
}

.accordion-button:not(.collapsed) + .bg-icon{
    background-color: #e2e2e2 !important;
}

.accordion-button:not(.collapsed) + .bg-icon + .bg-icon2{
    background-color: #e2e2e2 !important;
}

.accordion-button:not(.collapsed) + .bg-icon + .bg-icon2 + .bg-icon3{
    background-color: #e2e2e2 !important;
}

.invalid-feedback,
.form-floating .invalid-feedback{
  font-weight: 700 !important;
  font-size: 0.75rem;
  letter-spacing: 0.01rem;
}
.form-check-input[type=checkbox]:checked{
    background-color: var(--reign-body-color) !important;
    border-color: var(--reign-body-color) !important;
}

.form-check-input[type=checkbox]{
    background-color: transparent !important;
    border-color: var(--reign-body-color) !important;
}

.btn-video-right{
    position: absolute; 
    right: 30px;  
    top: 50%; 
    transform: translateY(-50%);
}

.btn-video-white-right{
    display: block;
    width: 100px;
    height: 100px;
    background-color: white !important;
    border-radius: 50%;
    position: absolute; 
    right: 10px;  
    top: 50%; 
    transform: translateY(-50%);
}

.btn-video-white-right:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 50px;
    height: 50px;
    background: var(--reign-700) !important;
    border-radius: 100%;
    animation: pulse-border 1500ms ease-out infinite;
}

.btn-video-left{
    position: absolute; 
    left: 30px;  
    top: 50%; 
    transform: translateY(-50%);
}

.btn-video-white-left{
    display: block;
    width: 100px;
    height: 100px;
    background-color: var(--reign-light) !important;
    border-radius: 50%;
    position: absolute; 
    left: 10px;  
    top: 50%; 
    transform: translateY(-50%);
}

.btn-video-white-left:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 50px;
    height: 50px;
    background: var(--reign-700) !important;
    border-radius: 100%;
    animation: pulse-border 1500ms ease-out infinite;
}

@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }

    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(2);
        opacity: 0;
    }
}

a.hover-color-black:hover { 
    transition: all 0.2s ease; 
    color: var(--reign-black)  !important;
}

.hoverdir-item .hoverdir-text{
    border-radius: 0 !important;
}

.swiper img{
    transition: all 0.2s ease; 
    opacity: 1;
}

.swiper img:hover{
    opacity: .5;
}

.navbar-dark .navbar-nav .nav-link {
    text-align: center;
    line-height: 2.5 !important;
}

.testimonial-avatar {
    width: 17rem !important;
    height: 17rem !important;
    -webkit-transform: translate(-50%, -114%);
    -ms-transform: translate(-50%, -114%);
    transform: translate(-50%, -114%);
}

.testimonial .rounded {
    padding-top: 170px !important;
    margin-top: 150px !important;
    border-radius: 0 !important;

}

.btn-video-white-left {
    background-color: #dddddd !important;
}

.progress-bar {
    background-color: #777e87 !important;
}

.video-buttons {
  display: flex;
  flex-direction: column;
  gap: 120px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.video-block {
  position: relative;
  display: block;  /* ou block selon ton layout */
}

@media (max-width: 992px) {
    .navbar-brand .img-fluid{
        max-width: 90px !important;
    }
}