@charset "UTF-8";
:root{
    --ct-menu-condensed-link-bg:#051040;
    --ct-logo-lg-height:32px;
    --ct-logo-sm-height:32px;
    --af-primary:#051040;
    --af-accent:#FF0000;
}
html[data-menu-color=light]{
    --ct-menu-bg:#ffffff;
    --ct-menu-item-color:#6c757d;
    --ct-menu-item-hover-color: var(--af-primary);
    --ct-menu-item-active-color: var(--af-primary);
    --ct-help-box-bg: var(--af-primary);
    
}
html[data-menu-color=dark]{
    --ct-menu-bg:#313a46;
    --ct-menu-item-color:#8391a2;
    --ct-menu-item-hover-color:#bccee4;
    --ct-menu-item-active-color:#ffffff;
    --ct-help-box-bg:rgba(255, 255, 255, 0.07);
}

html[data-bs-theme=dark][data-menu-color=dark],html[data-bs-theme=dark][data-menu-color=light]{
    --ct-menu-bg:#3a444e;
    --ct-menu-item-color:#8391a2;
    --ct-menu-item-hover-color:#bccee4;
    --ct-menu-item-active-color:#ffffff;
    --ct-help-box-bg:rgba(255, 255, 255, 0.07);
}
html[data-topbar-color=light]{
    --ct-topbar-bg:#ffffff;
    --ct-topbar-item-color:#6c757d;
    --ct-topbar-item-hover-color:var(--af-primary);
    --ct-topbar-search-bg:#f0f3f8;
    --ct-topbar-user-bg:#fafafd;
    --ct-topbar-user-border:#eef2f7;
}
html[data-topbar-color=dark]{
    --ct-topbar-bg:#313a46;
    --ct-topbar-item-color:#8391a2;
    --ct-topbar-item-hover-color:#bccee4;
    --ct-topbar-search-bg:#464f5b;
    --ct-topbar-user-bg:#3c4655;
    --ct-topbar-user-border:#414d5d
}

html[data-bs-theme=dark][data-topbar-color=dark],html[data-bs-theme=dark][data-topbar-color=light]{
    --ct-topbar-bg:#3a444e;
    --ct-topbar-item-color:#8391a2;
    --ct-topbar-item-hover-color:#bccee4;
    --ct-topbar-search-bg:#464f5b;
    --ct-topbar-user-bg:#3c4655;
    --ct-topbar-user-border:#414d5d
}
html[data-bs-theme=light]{
    --ct-primary:#051040;
    --ct-primary-rgb:5,16,64;
    --ct-link-color:#051040;
    --ct-link-color-rgb:5,16,64;
    --ct-link-hover-color: var(--af-accent);
    --ct-link-hover-color-rgb:255,0,0;
    --ct-nav-pills-link-active-bg:var(--af-primary);
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: var(--af-primary);
  }

.btn-primary {
    --ct-btn-color: #fff;
    --ct-btn-bg: var(--af-primary);
    --ct-btn-border-color: var(--af-primary);
    --ct-btn-hover-color: #fff;
    --ct-btn-hover-bg: var(--af-accent);
    --ct-btn-hover-border-color: var(--af-accent);
    --ct-btn-focus-shadow-rgb: 109, 131, 234;
    --ct-btn-active-color: #fff;
    --ct-btn-active-bg: var(--af-accent);
    --ct-btn-active-border-color: var(--af-accent);
    --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --ct-btn-disabled-color: #fff;
    --ct-btn-disabled-bg: var(--af-primary);
    --ct-btn-disabled-border-color: var(--af-primary);
}

.btn-outline-primary {
    --ct-btn-color: var(--af-primary);
    --ct-btn-border-color: var(--af-primary);
    --ct-btn-hover-color: #fff;
    --ct-btn-hover-bg: var(--af-primary);
    --ct-btn-hover-border-color: var(--af-primary);
    --ct-btn-focus-shadow-rgb: 83,109,230;
    --ct-btn-active-color: #fff;
    --ct-btn-active-bg: var(--af-primary);
    --ct-btn-active-border-color: var(--af-primary);
    --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --ct-btn-disabled-color: var(--af-primary);
    --ct-btn-disabled-bg: transparent;
    --ct-btn-disabled-border-color: var(--af-primary);
    --ct-gradient: none;
  }

.pagination {
    --ct-pagination-active-bg:var(--af-primary);
    --ct-pagination-active-border-color: var(--af-primary);
    --ct-pagination-hover-color: var(--af-primary);
}

.progress-bar {
    background-color: var(--af-primary);
}

.btn-xs {
    padding: 0.25rem 0.5rem; /* Ajuste le padding pour un bouton plus petit */
    font-size: 0.75rem; /* Réduit la taille de la police */
    line-height: 1; /* Ajuste la hauteur de ligne */
}

.auth-fluid {
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    min-height:100vh;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-align:stretch;
    -ms-flex-align:stretch;
    align-items:stretch;
    background: "" !important;
    background-size:cover
}

.auth-right-testimonial {
    margin: 0 auto;
    padding: 0 1.75rem;
    bottom: 3rem;
    left: 0;
    right: 0;
}

.auth-fluid-right {
    position: relative;
    height: 100vh; /* Prend toute la hauteur de la vue */
}

.banner-video-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.banner-video {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Assure que la vidéo couvre tout l'espace */
}

.testimonial-text {
    position: absolute;
    bottom: 20px; /* Positionne le texte en bas de la page */
    left: 50%;
    transform: translateX(-50%); /* Centre le texte horizontalement */
    z-index: 1; /* Assure que le texte est au-dessus de la vidéo */
    color: white; /* Couleur du texte pour qu'il soit visible sur la vidéo */
    text-align: center;
    padding: 20px;
    background: rgba(0, 0, 0, 0.5); /* Fond semi-transparent pour améliorer la lisibilité */
    border-radius: 10px; /* Coins arrondis pour un meilleur effet visuel */
    width: 90%; /* Limite la largeur du texte */
}

.form-check-input:checked {
    background-color: var(--af-primary);
    border-color: var(--af-primary);
  }