/* 
CSS
white: #ffffff
danger: #d22027
*/

:root{
    --white: #ffffff;
    --black: #000000;
    --maroon: #d22027;
}

body{
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}

a{
    text-decoration: none;
}

.text-maroon{
    color: var(--maroon);
}

.text-sm{
    font-size: 13px;
}

.bg-white{
    background-color: var(--white);
}

.bg-maroon{
    background-color: var(--maroon);
}

.bg-black{
    background-color: var(--black);
}

.btn-maroon{
    background-color: var(--maroon);
    color: var(--white);
}

.btn-maroon:hover{
    background-color: var(--white);
    color: var(--maroon);
    border: 1px solid var(--maroon);
}

.btn-whatsapp{
    background-color: #25d366;
}

.btn-whatsapp:hover{
    background-color: #25d366;
}

.truncate{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
}

.clamp3{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.navbar{
    border-top: 3px solid var(--maroon);
}

.navbar .navbar-nav .nav-item{
    padding: 0 8px 0 8px;
}

.navbar .navbar-nav .nav-item.active .nav-link {
    color: var(--maroon);
}

.navbar .navbar-nav .nav-item .nav-link {
    color: var(--black);
    font-weight: 500;
}

.carousel{
    position: relative;
}

.carousel .carousel-caption{
    position: absolute;
    top: 20%;
}

.carousel .carousel-caption .title{
    font-size: 80px;
    font-weight: 900;
}

.home-about-images{
    position: relative;
    width: 100%;
    height: auto;
}

.home-about-images .img-1{
    position: absolute;
    width: 60%;
}


.home-about-images .img-2 {
    position: absolute;
    width: 60%;
    top: 140px;
    left: 40%;
    border: 15px solid var(--white);
}


@media screen and (max-width: 768px) {
    .carousel .carousel-caption .title{
        font-size: 32px;
        font-weight: 700;
    }
    
    .home-about-images .img-1{
        position: relative;
        width: 100%;
    }
    
    
    .home-about-images .img-2 {
        display: none;
    }
}


.hm-testimonials{
    background-image: linear-gradient(to top, rgba(0,0,0,0.8), rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.9)), url('../images/bg/1.jpeg');
    background-size: cover;
    background-repeat: no-repeat;
}


.breadcrumb{
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.9)), url('../images/bg/1.jpeg');
    background-size: cover;
    background-repeat: no-repeat;
}


.category-card{
    position: relative;
}

.category-card .category-badge{
    position: absolute;
    background-color: var(--maroon);
    color: var(--white);
    top: 0;
    right: 0;
    border-radius: 5px;
    padding: 2px 10px 2px 10px;
    font-size: 14px;
}





.contacts-images{
    position: relative;
}

.contacts-images .img-1{
    position: absolute;
    width: 55%;
    top: 25%;
    z-index: 9;
    border: 15px solid var(--white);
}

.contacts-images .img-2 {
    position: absolute;
    width: 55%;
    right: 0;
    z-index: 5;
}


.equipment-img-wrapper{
    height: 200px;
    overflow: hidden;
}


.portfolio-img-wrapper{
    height: 200px;
    overflow: hidden;
}


footer{
    background-color: var(--black);
}


footer .copyright{
    border-top: 1px solid var(--maroon);
}