/* global */
:root {
    --color_1: #ffc300;
    --color_2: #000000;
    --color_3: #99a4ab;
}
.border_1 {
    border-color: var(--color_1) !important;
}
.border_2 {
    border-color: var(--color_2) !important;
}
.text_1 {
    color: var(--color_1) !important;
}
.text_2 {
    color: var(--color_2) !important;
}
.btn_primary_1 {
    color: var(--color_2) !important;
    background-color: var(--color_1) !important;
    border-color: var(--color_1) !important;
}
.bg_primary_1 {
    background-color: var(--color_1) !important;
}

/* top */
#top {
    background-color: var(--color_1) !important;
}
#top.rounded-circle {
    border-color: var(--color_2) !important;
}

.icon1 {
    height: 60px;
}
/* navbar */
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link.active {
    color: var(--color_1) !important;
}

.navbar-dark .navbar-brand h1 {
    color: var(--color_3)!important;
}

.carousel-caption {
    background: rgb(8 8 8 / 70%)!important;
}
@media (min-width: 992px) {
    .navbar-dark .navbar-nav .nav-link::before {
        background: var(--color_1);
    }

    .sticky-top.navbar-dark .navbar-brand h1 {
        color: var(--color_3)!important;
    }
}

/* facts_start */
.facts_start i{
    font-size: 75px;
}
.section-title::before {
    background: var(--color_1);
}

/* solution */
#solutions .service-item .service-icon {
    background: transparent!important;
}
#solutions .service-item .service-icon img{
    width: 100px;
    height: 100px;
}
.bg_solutions{
    background-color: #f3f3f369 !important;
}
.service-item a.btn {
    max-width: 200px;
    width: unset;
}
/* evenement */
#evenements .team-img{
    max-height: 275px;;
}
#evenements h4{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

/* services  */
#services .bi{
    font-size: 30px;
}


/* footer */
.bg_footer{
    background-color: #464b4e;
}
.bg_footer_2{
    background-color: #666c70;
}


/* global */
.bg-primary {
    background-color: var(--color_1) !important;
}
.text-primary {
    color:  var(--color_1) !important;
}
.btn-primary {
    color: rgb(255, 255, 255);
    background-color:  var(--color_1) !important;
    border-color:  var(--color_1) !important;
}
.btn-primary:hover {
    color: var(--color_1) ;
    background-color:  white !important;
    border-color:  var(--color_1) !important;
    box-shadow: inset 0 0 0 0 white;
}