:root {
    --mainColor: #c92f2f;

}
html {
    overflow-x: hidden;
}
body {
    overflow: hidden;
}
#home {
    height: 60vh !important;
    position: relative;
    margin-bottom: 12em;
}
.bg-img {
    background-image: url(../img/heroBg.webp) !important ;
}
.customContainer {
    position: absolute;
    bottom: -45vh;
    left: 50%;
    transform: translateX(-50%);
    max-width: 1000px;
    width: 100%;
    margin: auto;
    padding: 0 1em;
}
.card .cardBody {
    border-radius: 0.3em;
    background-color: #fefefe;
    box-shadow: 0 0px 29px -15px var(--mainColor);
    color: #000000;
    padding: 2em;
    width: 100%;
}
.cardHeading {
    font-size: 2.5em !important ;
}
.overlay {
    background-color: #c92f2f30 !important;
}
.white-btn {
    border: 1px solid var(--mainColor);
    color: var(--mainColor) !important;
}
#footer {
    position: relative;
    background-color: var(--mainColor);
}
.customOverlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #00000090;
}
.footerBottom {
    margin-top: 4em;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}
.service:after {
    opacity: 0.85;
    
}
/* MEDIA QUIRIES */
/* LARGE */
@media only screen and (max-width: 992px){

}

/* MEDIUM */
@media only screen and (max-width: 768px){
    .footerBottom {
        justify-content: center;
    }
    .customContainer {
        font-size: 0.9em;
    } 
}

/* SMALL */
@media  only screen and (max-width: 576px) {

}