:root{
    --primary-color : #121212;
    --secondary-color: #9B2915 ;
    --other-color : #E9B44C;
    --font-color : #FFFFFF;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show{color: var(--secondary-color) !important;}
.nav-link:focus, .nav-link:hover{color: var(--secondary-color) !important;}
.nav-link{color: var(--primary-color) !important; font-weight: 600 !important;}
ol,ul{padding-left: 5px !important;}
h1{font-size: 50px !important;  font-weight: 900 !important; line-height: 1.4 !important; word-spacing: 8px;}
h2{font-size: 40px !important; font-weight: 800 !important;}
h6{line-height: 1.6 !important; font-weight: 600 !important;  transition: all 0.3s linear}
.primary-text{color: var(--primary-color);}
.primary-bg{background-color: var(--primary-color);}
.secondary-text{color: var(--secondary-color);}
.secondary-bg{background-color: var(--secondary-color);}
.other-text{color: var(--other-color);}
.text-color{color: var(--font-color);}
.bg-color{background-color: var(--font-color);}
.other-bg{background-color: var(--secondary-color);}
.cta-btn{background-color: var(--secondary-color); color: var(--font-color); font-weight: 800; padding: 18px 20px; border: none; letter-spacing: 0.5px;  transition: all 0.3s linear}
.read-btn{background-color: var(--other-color); color: var(--primary-color); font-weight: 800; padding: 15px 18px; border: none; letter-spacing: 0.5px; font-size: 16px !important; white-space: nowrap;}
.read-btn > a, .cta-btn > a{color: var(--primary-color);text-decoration:none;}
.read-btn:hover{background-color: var(--secondary-color); color: var(--font-color);  transition: all 0.3s linear}
.cta-btn:hover{background-color: var(--other-color); color: var(--primary-color);}
.top-header-text{font-size: 14px !important;}
p{line-height: 30px;}

body{ font-family: "Poppins", sans-serif !important;  font-size: 16px; font-weight: 400;}
.container-fluid{ padding-left: 0 !important; padding-right: 0 !important;}
.nav-item:not(.nav-item:last-child){margin-right: 26px !important;}
.carousel-caption {position: absolute; left: 0 !important;  right: 0; bottom: 0 !important; padding-top: 1.25rem; padding-bottom: 1.25rem; color: #fff; width: 100%; background: linear-gradient(90deg, #ffffffcc, #ffffff00); height: 100%; text-align: start !important;}
.services-box{min-height: 360px; position: relative; padding-bottom: 50px; position: relative; transition: all 0.1s linear; border: 5px solid transparent;}
.services-box button {  position: absolute; bottom: 20px; left:50%; transform: translatex(-50%);}
.services-box:hover{border: 5px solid var(--other-color);}
.services-box:hover h6{color: var(--primary-color) !important;}
#carouselExampleDark-1 .carousel-indicators, #carouselExampleDark-2 .carousel-indicators {bottom: -60px !important;}
.slider-mob{min-height: 280px;}
.form-control, .form-select{line-height: 2.5 !important; border-radius: 0 !important;}
input[type=submit]:hover{background-color: var(--primary-color) !important; color: var(--font-color) !important;}
footer ul li{list-style: none; padding-bottom: 10px; list-style-position: outside;}
footer ul li:last-child{padding-bottom: 0px;}
footer ul li a{text-decoration: none; color: var(--primary-color);}
#contact{ white-space: nowrap;}
.vertical-align{vertical-align: top;}
.footer-items{border-right: 1px solid #121212; }
.form-control:focus { border-color: #dc3545 !important; outline: 0; box-shadow: 0 0 0 0.25rem #ffc10730 !important;}
.servicelist h2{ font-size: 25px !important;}
#industries .services-box{box-shadow:1px 1px 5px 0px #3333332b; min-height:500px;}

@media (max-width: 767px){
     .footer-items{ min-height: auto !important; border-right: none; text-align: center;}
     .services-box{min-height: 350px !important ;}
     }

@media (width <= 1399px) {
    .services-box{min-height: 450px ;}
    #contact{white-space: wrap; }
    #contact span{padding-left: 0 !important;}
    footer, .subscribe{text-align: center;}
    .subscribe{margin: auto !important;}
    #industries .services-box{min-height:650px;}
    }

@media (width <= 991px) {
    .services-box{min-height: 500px ;}
    #contact{white-space: wrap; text-align: center;}
    #contact span{padding-left: 0 !important;}
    footer, .subscribe{text-align: center;}
    .subscribe{margin: auto !important;}
     #industries .services-box{min-height:100%;}
}