.footer-1 {
    background-color: #000;
    margin: 0; 
    color: #fff;
    padding: 90px 0 25px
}

.footer .menu-footer li a:hover {
    color: #f15106;
}
footer h5.color-brand-1 {
    color: #f15106 !important;
}


.footer {
    background-color:  #000;
    color: #fff;
    
}
.color-grey-300 {
    color: #f15106;
  text-align: center;
}

.btn.btn-brand-lg {
    background: #e9ecef;
    border: 2px solid #000;
    border-radius: 8px;
    color: #000;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    padding: 20px 24px;
    transition: border-color 0.3s, color 0.3s; /* Ajout d'une transition pour une animation fluide */
}

.btn.btn-brand-lg:hover,
.btn.btn-brand-lg:focus {
    border-color: #f15106; /* Changement de couleur de la bordure au survol */
    color: #f15106; /* Changement de couleur du texte au survol */
    outline: none; /* Supprimer le contour au focus */
}

.btn.btn-brand-1 {
    background: #ff4700d9;
    border: 2px solid transparent; /* Ajout d'une bordure transparente */
    border-radius: 4px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    padding: 15px 24px;
    transition: border-color 0.3s, color 0.3s; /* Ajout d'une transition pour une animation fluide */
}

.btn.btn-brand-1:hover,
.btn.btn-brand-1:focus,
.btn.btn-brand-1:active {
    border-color: #000; /* Changement de couleur de la bordure au survol, focus et click */
    outline: none; /* Supprimer le contour au focus */
}

.header {
    border-bottom: 1px solid #071920;
    float: left;
    color: #fff;
    background: #000;
    padding: 0;
    position: relative;
    width: 100%;
}



.header .main-header .header-left .header-right .icon-list {
    color: #afeae4;
}

.header .main-header .header-left .header-right .icon-list:hover {
    color: var(--primary-color);
}

.header .main-header .header-left .header-right .icon-list .arrow-down {
    background: url(../imgs/template/icons/angle-down.svg) no-repeat right top 3px;
    padding-right: 22px;
}

.header .main-header .header-left .header-right .icon-list .arrow-down:hover {
    color: var(--primary-color);
}

.header .nav-main-menu {
    float: none;
    padding: 0;
    width: auto;
}


.header .main-menu li.has-children>a:after {
    background: url(../imgs/template/icons/angle-down.svg) no-repeat 50%;
    content: "";
    height: 8px;
    margin-top: -4px;
    position: absolute;
    right: 0;
    top: 50%;
    width: 12px;
}

.header .main-menu li.hr {
    padding: 0 22px;
}

.header .main-menu li.hr span {
    background-color: #b9cad0;
    display: block;
    height: 1px;
    margin: 5px 0;
    width: 100%;
}

.header .main-menu li a {
    color: #ededed;
    display: block;
    font-family: var(--primary-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 23px;
    padding: 28px 18px 28px 15px;
    position: relative;
    text-decoration: none;
    transition: color 0.2s ease; /* Ajout d'une transition pour une animation fluide */
}

.header .main-menu li div.sub-menu {
    background-color: #fff;
    border: 1px solid #cde2e7;
    border-bottom: 8px solid #afeae4;
}

.header .main-menu li div.sub-menu .menu-inner li a svg {
    color: #8ea4ac;
    margin-right: 5px;
}

.header .main-menu li div.sub-menu .menu-inner li a:hover,
.header .main-menu li div.sub-menu .menu-inner li a:hover * {
    color: #071920;
}

.header .main-menu li ul {
    background-color: #fff;
    border: 1px solid #cde2e7;
    border-radius: 8px;
    box-shadow: 0 0 20px 0 rgba(14, 41, 50, .17);
    left: 0;
    min-width: 220px;
    opacity: 0;
    padding: 8px 0;
    position: absolute;
    top: 100%;
    transition-duration: .2s;
    visibility: hidden;
    z-index: 999999;
}


.header .main-menu li ul li a {
    color: #071920;
    font-size: 14px;
    padding: 6px 22px;
    position: relative;
    transition: .2s;
}

.header .main-menu li ul li a:hover {
    padding-left: 25px;
    transition: .2s;
}

.list-partners li img {
    display: inline-block;
    vertical-align: middle;
    max-width: 120px; /* Augmenter la largeur maximale */
    max-height: 50px; /* Augmenter la hauteur maximale */
}

.bg-plan {
    background-image: none; /* Supprime l'image de fond */
    background-position: 0 0; /* Position de l'arrière-plan, si nécessaire */
}

.box-cover-video {
    background-image: none; /* Supprime l'image de fond */
    background-position: 100% 100%;
    background-repeat: no-repeat;
    border-radius: 8px;
    overflow: hidden;
}

.sticky-bar.stick {
    animation: fadeInDown .7s ease-in-out 0s 1 normal none running;
    background: #000;
    border-bottom: 1px solid #b9cad0;
    box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .05);
    left: 0;
    position: fixed;
    top: 0;
    transition: all .3s ease 0s;
    width: 100%;
    z-index: 1000;
}