*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

body{
    font-family: 'Montserrat', Helvetica, sans-serif;
    overflow-x: hidden;
}

/* navbar */
.navbar-custom{
    background-color: #006491;
}

.navbar-custom .nav-link{
    color: #fff;
    font-size: 14px;
    letter-spacing: 0.21px;
    font-weight: 600;
    text-align: left;
    
}

.navbar-custom .nav-link:active, .navbar-custom .nav-link:hover{
    color: rgba(255, 255, 255, 0.7)

}

.btn-order{
    background-color: #E31837;
    border-radius: 3px;
    color: #fff;
    font-weight: 800;
    letter-spacing: 1.04px;
}

.btn-order:hover{
    background-color: rgba(227, 24, 55, 0.9);
    color:rgba(255, 255, 255, 0.7);
    
}

.border-custom{
    border-radius: 0;
}

.border-custom:hover{
    border-radius: 0;
    border: none;
}

/* end of navbar */

.mt-custom{
    margin-top: 5.25rem;
}

#carouselExample .carousel-item{
    overflow: hidden;
}

#carouselExample .carousel-item img{
    object-fit: cover;
    object-position: center;
    max-height: 700px;
    width: 100%;
}

.fs-custom{
    font-size: 4.875rem;
}

.border-custom{
    font-size: 2rem;
}


.material-symbols-outlined.md-48 {
    font-size: 48px;
}



.custom-margin{
    margin-top: 9.375rem;
}

.custom-margin2{
    margin-top: 5.625rem;
}

.custom-margin3{
    margin-top: 1.25rem;
}
.fc-red{
    color:#E31837;
    font-weight: 400;
}

.sec2-title{
    font-size: 2.1875rem;
    text-align: center;
}

.fs-custom2{
    font-size: 1.0625rem;
    font-weight: bold;
}


.card-title{
    color:#fff;
    font-size: 1rem;
    font-weight: 600;
}

.card img{
    object-fit: cover;
    object-position: center;
}


.custom-padding li{
    padding: 0.4375rem 0;
}

#left2, #right2{
    color:#283553;
}
#left2:hover,#right2:hover{
    color:rgba(40, 53, 83, 0.8)
}

#left1, #right1{
    color:#fff
}

#left1:hover, #right1:hover{
    color: rgba(255, 255, 255, 0.7);
}

.hoverable1{
    cursor: default;
    color:#fff;
}

.hoverable1:hover{
    color:rgba(255, 255, 255, 0.5) ;
}


.hoverable2{
    cursor: default;
    color: #283553;
}

.hoverable2:hover{
    color:rgba(40, 53, 83, 0.5) ;
}


.hoverable3 li:hover{
    color: rgba(255, 255, 255, 0.7)
}

@media (max-width: 768px){
    .fs-custom{
        font-size: 2rem;
    }

    .border-custom{
        font-size: 1.5rem;
    }

    .custom-margin2{
        margin-top: 3rem;
    }

    .content-margin img{
        margin: 1rem;
    }
}

@media (max-width: 1200px) {
    .custom-center{
        display: flex;
        flex-direction: column;
        align-items: center;
        
    }
     .hidden-arrow{
        display: none;
     }


 }