.clearfix:after {
	content: "";
	display: table;
	clear: both;
}


/*************************************************** HOME **********************************************/
.home-contact{
	background-color:#ffffff;	
}
.home-contact .wpcf7-form-control-wrap input[type=text],
.home-contact .wpcf7-form-control-wrap input[type=email],
.home-contact .wpcf7 input[type="tel"]{ 
	width:100%; 
	border:none; 
	border-radius:0;  
	border-bottom: solid 2px #898989;  
}
.home-contact textarea{
	width:100%; 
	border:none; 
	border-radius:0;  
	border-bottom: solid 2px #898989;
} 
.home-contact input[type="submit"]{
	width: 38%;
    background-color: #000000;
    border-radius: 8px;
    padding: 10px 15px;
}
.banner-font strong{
	color: #ef861d; 
}
.footer-icons i{
	margin-right: 5px;
    margin-bottom: 10px;
    padding: 12px;
    border-radius: 20px;
	color:#ef861d; 
    background-color: #564130;
}
.rotate-icon {
    transform: rotate(90deg);    
}
/* Contact Page*/
.contact-form .wpcf7-form-control-wrap input[type=text], 
.contact-form .wpcf7-form-control-wrap input[type=email],
.contact-form .wpcf7 input[type="tel"] {
	width:100%; 
}
/* Contact Form  */
.wpcf7-form label{ width:100%; }

/* ACF Sectors Begin*/
.single-banner-acf{
    background-size:cover; 
    background-position:center center; 
    background-repeat:no-repeat;
}
.single-banner-mask{
    background-color: rgba(0, 0, 0, 0.6);    
}
.single-banner-container{
    height:60vh;
}
.single-banner-container .text-white h1{
    color:#ffffff !important; 
    font-size: 46px;
    line-height: 52px;
}
.single-sector-content h2{
    font-size:34px; 
    line-height:38px; 
}

/* ACF Sectors End */
/******************************************* PROJECTS PAGE BEGIN ********************************/
.projects-banner {
    position: relative;
    min-height: 45vh;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 10%;
    padding-bottom: 0%;   
    overflow: hidden;
}
.projects-banner::before {
    content: "";
    position: absolute; 
    inset: 0;
    background: rgba(237, 143, 12, 0.5);
    z-index: 0;
    
}
.projects-banner > * {
    position: relative;
    z-index: 1;
}
.projects-banner .banner-content { position: relative; z-index: 99;}
.projects-banner h1{ color:#ffffff; }

.stats-container{
    background: #2d3436;
    color: #fff;
    border-top: 4px solid #ff7a00;
}
.stats {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    padding: 20px 4%;
    text-align: center;    
}
.before-listing { background-color: #F7F7F5; }
.before-listing .featured-title { font-weight: 600; font-size:30px; line-height: 34px;  }
.before-listing .featured-detail { background-color: #ddd;}


/* ************************************************* Project Tabs ********************************************** */
.projects-section { background-color: #F7F7F5; }
.project-filters{ margin-bottom:1%; }
.project-filters .nav {
    gap: 10px;
    margin-left:0; 
}

.project-filters .nav-link {
    border: 1px solid #ddd;
    border-radius: 24px !important; 
    background: #fff;
    color: #222;
    padding: 9px 16px;
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
    transition: all 0.3s ease;
}

.project-filters .nav-link:hover,
.project-filters .nav-link.active {
    background-color: #f58220 !important;
    border-color: #f58220;
    color: #fff;
}

.project-card {
    background: #fff;
    border: 1px solid #eee;
    overflow: hidden;
    transition: all 0.3s ease;
    border-radius:18px; 
}

.project-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.10);
}

.project-image {
    overflow: hidden;
}

.project-image img {
    height: 260px;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.project-card:hover .project-image img {
    transform: scale(1.05);
}

.project-status {
    display: inline-block;
    margin-bottom: 10px;
    padding: 5px 12px;
    background: #f58220;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
}

.project-title {
    margin-bottom: 0px;
    font-size: 21px;
    line-height: 1.2em !important;
    margin-top: 6px;
}

.project-title a {
    color: #222;
    text-decoration: none;
}

.project-location {
    margin-bottom: 15px;
    color: #777;
    font-size: 14px;
}

.project-excerpt {
    color: #666;
    font-size: 14px;
    line-height: 1.7;
}

.project-link {
    display: inline-block;
    margin-top: 15px;
    color: #f58220;
    font-weight: 600;
    text-decoration: none;
}
.project-progress {
    margin-top: 0px;
    margin-bottom:10px; 
}

.project-progress .progress-label {
    font-size: 13px;
    font-weight: 600;
    color: #555;
}

.project-progress .progress-percentage {
    font-size: 13px;
    font-weight: 700;
}

.project-progress .progress {
    background-color: #e9ecef;
    border-radius: 10px;
    overflow: hidden;
}

.project-progress .progress-bar {
    border-radius: 10px;
    transition: width 0.6s ease;
}

/******************************** Projects Page  *********************************/
/* *************************************************** Projects Page *************************************************** */
/* .post-featured-banner{ width:80%; max-width:1280px; } */
/* .project-listing-card {
    background-color:#e7e7e7; 
    border: 1px solid #eee;
    overflow: hidden;
    transition: all 0.3s ease;
} */
/*
.project-listing {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    padding: 40px 20px; 
}
*/
 
/* .project-listing .card{
    background-color: #eeeeee;
    max-height:800px; 
    min-height:650px;  
}  */

/* .project-listing .card-img-top{  max-height:300px; height:300px;  } */

/* .project-container{
    background-color: grey;
    width: min(1200px, 90%);
    margin: 0 auto;
} */

/* ***************************************************** Project Single ********************************************************************* */

.single-banner-project{
    background-size:cover; 
    background-position:center center; 
    background-repeat:no-repeat;
    padding-top:25vh; 
    padding-bottom:2vh; 
}
.single-banner-mask{
    background-color: rgba(0, 0, 0, 0.6);    
}
.single-banner-container{
    height:60vh;
}
.single-banner-container .text-white h1{
    color:#ffffff !important; 
    font-size: 46px;
    line-height: 52px;
}

.single-title-lh{
    color:#ffffff;
    background-color: rgba(0, 0, 0, 0.6);
    border-radius:18px; 
}
.single-title-lh h1{
    color:#fff; 
}
.single-title-lh h2, .single-title-lh h4{ color:#f58220; }

.single-title-rh {
 background-color:#ddd; 
 border-radius:18px;

}
.single-title-rh h2{
    border-bottom: solid 1px #f58220; 
    margin-bottom: 10px; 
}
.single-project-content h2{
    font-size:34px; 
    line-height:38px; 
}
.single-project-content .list-group{
    margin:0; 
}

/* **************************************************** End Project Single ************************************************************************************ */
/* =========================================
   PAGINATION
========================================= */

.post-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 50px;
}

.post-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 40px;
    height: 40px;
    padding: 0 12px;

    border: 1px solid #ddd;
    border-radius: 5px;

    color: #333;
    background: #fff;

    font-size: 14px;
    text-decoration: none;

    transition: all 0.2s ease;
}

.post-pagination .page-numbers:hover {
    color: #fff;
    background: #222;
    border-color: #222;
}

.post-pagination .page-numbers.current {
    color: #fff;
    background: #222;
    border-color: #222;
    font-weight: 600;
}

.post-pagination .prev,
.post-pagination .next {
    font-size: 22px;
}

.post-pagination .page-dots {
    padding: 0 4px;
    color: #777;
}
/* END PAGINATION */

/* Mobile */

@media (max-width: 768px) {

    .projects-page {
        padding: 40px 0;
    }

    .project {
        grid-template-columns: 1fr;
        gap: 30px;
        margin-bottom: 50px;
    }

    .project-detail {
        flex-direction: column;
        gap: 5px;
    }

    .project-detail-value {
        text-align: left;
    }

}
/* ********************************************* END PROJECTS PAGE ***************************************************** */

/**---------------- Media query ----------------**/
@media only screen and (min-width: 48em) { 

}
@media only screen and (min-width:764px) and (max-width:1024px){

}
@media only screen and (min-width:640px) and (max-width:763px){
		
}
@media only screen and (min-width:480px) and (max-width:640px){
	
}
@media only screen and (min-width:319px) and (max-width:480px){
	
}