.bg-custom {
    background-color: #231F20;
}

.border-custom {
    border-top: solid 3px;
    color: #BF202F;
}

.footer_info{
    display: flex;
    flex-direction: column;
    gap: 7px;
    color: white;
    font-size: 15px;
}
footer .widget_block > h2{
    color: #fff;
}
footer .widget_block > h2:after{
    background-color: #BF202F;
}
footer .widget-title{
    color: #fff;
}
footer .widget-title:after{
    background-color: #BF202F;
}

.footer_cols{
    color: white;
    font-size: 15px;
    gap: 20px;
}
.footer_cols a:hover{
    color: #BF202F !important;
}
.footer_info a{
    color:#BF202F;
    font-weight: 600;
}

footer .widget_nav_menu ul a{
    padding: 4px 0;
}
.footer_logo_text{
    max-width: 400px;
}
.footer_logo{
    max-width: 260px;
    margin: auto;
    width: 100%;
}

.site-header{
    transition: 0.2s ease-in-out;
}

.menu li a {
    color: white;
}
.menu li a:hover {
    color:#BF202F !important;
}
.sub-menu li a{
    color: black !important;
}
.sub-menu li a:hover{
    color:#BF202F !important;
}

.btn-bg{
    background-color: #BF202F;
}
.btn-bg:hover{
    background-color: #fff;
    color:#BF202F;
}
.text-custom{
    color:#BF202F;
}

.scroll_menu{
    transition: 0.2s ease-in-out;
    background-color: #231F20;
    box-shadow: 0px 6px 18px rgba(0, 0, 0, 0.40);
}
.scroll_menu i {
    color: white;
}



@media screen and (max-width: 1024px){
    header .menu-button i{
        font-size: 1.7rem;
        color: #fff;
    }
    header .menu-button {
        background: transparent;
        border: none ;
        margin: 0 ;
        display: flex;
        justify-content: center;
    }
    header .menu-button:hover {
        background: transparent;
        border: none ;
        margin: 0 ;
    }
    header .menu li a {
        color: black;
    }
    .menu li a:hover {
        color:#BF202F !important;
    }
    .sub-menu li a{
        color: black !important;
    }
    .sub-menu li a:hover{
        color:#BF202F !important;
    }
    nav.main-navigation.active .sub-menu-toggle i{
        color: black;
    }
    nav.main-navigation.active .sub-menu {
        background: #ededed;
    }
}