/*
Theme Name: Foundation Child
Description: Business Name
Template: foundation-parent
Version: 1.0.0
*/
.primary-header .logo-col{ background-color: #000;}
.feature-section-inner {width:100%;}
.feature .heading {font-weight: bold; font-size: 45px;}
.features .feature {display:flex; justify-content: center; align-items: center;}

.home .owl-stage {display: flex; align-items: center;}

.content-col h3 {margin: 30px 0 5px 0;}

.banner-section .content .btn,
.btn{
    background-color: var(--color-3);
    color: var(--color-1);
}
.btn:hover{
	background-color: #D80621;
	color: #000!important; 
}
#feature-section{
	background-color:var(--color-3);
}



/* = Feature = */
#industries-feature,#feature {border-bottom:3px solid #222;font-family: 'Montserrat', sans-serif; }
#feature .services{
    display: flex;
    flex-wrap: wrap;
}
.feature-box {
    color:#fff; 
    background:#000;
    text-align:center;
    padding:0;
    overflow:hidden;
    flex: 1 1 calc(33.33%);
  }
.p-image, .feature-box a{  display: flex;  align-items: center;  justify-content: center;  position:relative;}
.p-heading span{display: block; font-size:36px; color:#fff;text-shadow:2px 2px 0px #000;margin:10px 40px;font-weight:700;}
.feature-box span.feat-head{
    display: block; 
    font-size:36px; 
    color:#fff;
    text-shadow:2px 2px 0px #000;
    margin:10px 40px;
    font-weight:700;
}
.feature-box p {font-size:18px; text-shadow:1px 1px 0px #000;font-weight:700;}
.feature-box .btn {padding:10px;font-size:16px;}
.p-image img, .feature-box img {opacity:.4;transition: all .3s ease-in-out;width:100%;}
.feature-box:hover img {transform: scale(1.1);opacity:.2;}
.image-col .p-image .p-heading, .feature-box div {position:absolute;z-index:8;width:100%;text-align:center;}
.p-image img{ opacity: 1; }
.service-section .faq-section{
    padding-top:0px;
}
.service-section .faq-section .faq{ padding:10px 0px;}
.service-section .faq-section h3{ margin-top:0px;}
.gallery-section .projects{
    flex-wrap: wrap;
    gap: 35px;
}
.service-section .content-row .image-col .inner .carousel, .service-section .content-row .image-col .inner .carousel .item{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.service-section .content-row .image-col .inner .carousel img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position:top;
}
.project-description a.btn{ margin:40px auto; display:block; text-align:center; width:50%; }
.hero{ position:relative; }

.hero h1{ 
    bottom: 0;
    font-size: 26px;
    font-weight: 700;
    width: 75%;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    
    color: #000000;
    margin-bottom: 0px;
    background: #ffffff;
    padding: 10px 0px;
    padding: 10px 0px 10px 20px;
}
.project-description{ margin:40px 0px;}

.project-left{ border-right: 1px solid #ddd;}

.project-sidebar{
    padding:0px 20px;
}
.project-sidebar ul{
    list-style-type:none;
    padding-left:0px;
}
.project-sidebar ul li:after{
content: '\f105';
font-family: "Font Awesome 5 Free";
padding-left:10px;
font-weight: 900;
}

.project-description .gallery-section{
    padding:80px 40px;
}
.project-description h2{ text-align:center;}
.project-description .faqs h3.heading{
    margin-bottom:0px;
}
.project-description .faqs .toggle-item{
    border:1px solid #ccc; 
}
.project-description .toggle-item>.toggle-content{
    border-top: 1px solid #ccc; 
}


.vid { position: relative;  max-width: none; margin: 15px auto; padding-top: 56.3%; }
.vid iframe, .vid object, .vid embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;  }


@media screen and (max-width: 991px) {
   #brands-section h2{
    padding-top:40px;
   }
    .industries,
    #feature .services,
    .feature-box,
    .gallery-section .image-col,
    #gallery-section .projects{
        display:block;
        width:100%;
        height:auto;
    }
.project-left{ border-right:none; border-bottom: 2px solid #ddd; margin-bottom:30px;}
body.page-template-page-projects .gallery-section .image-col{ flex: 1 1 calc(50%); }
}