/* Navbar */

a.nav-item.nav-link {
    color: #000000!important;
    font-family: sans-serif;
    font-weight: 700;
}



/* Section Hero*/

.section-hero {
    height: 90vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.hero-title {
    font-size: 40px!important;
    font-weight: 700;
}

.brand-name {
    color: yellow;
    background-color: black;
    border-radius: 10px;
    padding: 2px 4px;
    text-transform: uppercase;
}


/* Testimonials*/

@media(min-width: 1200px) {
    
    .t-img {
        height: 175px;
    }
}


@media(max-width: 768px) {
    
    .col-4 {
        width: 66.66666666666667%!important;
    }

    .t-img {
        height: 175px;
    }
}
}




/**/


@media(max-width: 768px) {
    
    .section-hero {
        height: 100%;
    }
    
    .custom-flex {
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;
        gap: 12px;
    }
    
    .h-img-box {
        text-align: center;
    }
    
    .h-img {
        margin: 16px 0px;
    }
    
}





@media(min-width: 1200px) {
    
    .img-fluid.img-res.pc {
        height: 100vh;
        width: 100vw;
        object-fit: fill;
        object-position: center;
    }
    
    .mobile {
        display:none;
    }
}


@media(max-width: 768px) {
    
    .pc {
        display: none;
    }
    
    .img-fluid.img-res {
        max-width: auto;
    }
    
    .img-res {
        height: 100vh!important;
        object-fit: cover;
        object-position: center;
    }
    
    #carouselId .carousel-indicators {
        padding-bottom: 100px;
    }
}

.about-container {
    display: flex;

}

.about-container-t {
    display:flex;
}

.about-description {
    
}

@media(max-width: 768px) {
    
    .about-container {
    flex-direction: column-reverse;
    align-items: center;
    }
    
    .about-container-t {
    flex-direction: column;
    align-items: center;
}
    
    .about-description {
    
    }
}

/*@media(min-width: 1200px) {*/
    
/*    .s-flex {*/
/*        display: flex;*/
/*    }*/
/*}*/

@media(max-width: 768px) {
    
    .s-flex {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
    }
    
    .service-center {
        text-align: center!important;
    }
    
    .col-8 {
        width: 100%!important;
    }
}