/*
 * Theme Name: Buildexo
 * Author: ThemeXriver
 * Author URI: http://themeforest.net/user/themexriver
 * Theme URI: https://themexriver.com/wp/buildexo
 * Description: Buildexo is a WordPress Theme especially designed for Construction Services, Building Material, House Build and All Type of Repairing and Construction Services. buildexo theme has beautiful and unique design that will be best suited for your online web presence. It has 100% responsive design and tested on all major handheld devices. buildexo comes with necessary features for your online presence like Projects and Project Detail, About Us, Services and Services Datils and Blog and Blog detail pages etc. buildexo can be a great choice for your online presence. Looking for release your company website ? This theme is best choice.
 * Version: 1.0.3
 * License: This theme or plugin is comprised of two parts. (1) the PHP code and integrated HTML are licensed under the General Public License (GPL). You will find a copy of the GPL in the same directory as this text file. (2) All other parts, but not limited to the CSS code, images, and design are licensed according to the license purchased from Envato.  Read more about licensing here: http://themeforest.net/licenses
 * License URI: license.txt
 * Tags: blog, two-columns, left-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
 * Text Domain: buildexo
 * Tested up to: 6.2
 * Requires PHP: 7.0
*/
.wp-caption {
	margin-bottom: 2px;
}
.wp-caption-text {
	margin-bottom: 5px;
}
.screen-reader-text {
	margin-bottom: 12px;
}
.gallery-caption {
	margin-bottom: 2px;
}
.bypostauthor {
	margin-bottom: 2px;
}
.alignleft {
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
	max-width: 100%;
}
.alignright {
	float: right !important;
	margin-bottom: 20px;
	margin-left: 20px;
	max-width: 100%;
}
.aligncenter {
	display: block;
	margin: 0 auto 20px;
}
.col-md-4 .funfact-meta > i {
	right: 27px;
}
.mycustom-pricing {
	background-color: #090909 !important;
}
.on-hover {
	display: none;
	animation: fadeOut 0.5s;
}
.hver:hover .on-hover {
	display: block;
	animation: fadeIn 0.5s;
}
.service-card-four:hover h3.service-card-four__title{
	color: #FFFFFF;
}
.service-card-two:hover h3.service-card-two__title{
	color: #FFFFFF;
}

@media (max-width: 1024px) {
    .about__banner-img::before {
       background-color:black !important;
        right: -0px !important;
    }
}

	.iconb .accordion_box .block .acc-btn::before {
  
    color: #000000 !important;
	}
	
	@media (max-width: 767px) {
    .elementor-2061 .elementor-element.elementor-element-f023e9a .elementor-icon-box-wrapper {
      
        display: flex !important;
    }
}
	.elementor-2061 .elementor-element.elementor-element-f023e9a .elementor-icon-box-title, .elementor-2061 .elementor-element.elementor-element-f023e9a .elementor-icon-box-title a {
    
    color: white !important;
	}

@media (max-width: 767px) {
    .elementor-2061 .elementor-element.elementor-element-2572b1d .elementor-icon-box-wrapper {

        display: flex !important;
    }
}
.elementor-2061 .elementor-element.elementor-element-2572b1d .elementor-icon-box-title, .elementor-2061 .elementor-element.elementor-element-2572b1d .elementor-icon-box-title a {
   
    color: white !important;
}
@media (max-width: 1024px) {
.elementor-widget-wrap.elementor-element-populated {
    row-gap: 10px;
}
	}
.eng	.renovation__content-wrap img {
		border-bottom: 8px solid #339933 !important;
}
.eng .renovation__content-wrap img {
    border-bottom: 8px solid #339933 !important;
}
.renovation__tabs .nav-item .nav-link.active, .renovation__tabs .nav-item .nav-link:hover {
    padding-left: 0px !important; 
	padding-bottom: 5px !important;
}
.renovation__tabs .nav-item .nav-link::before {

    top: 100% !important;
}

.renovation__tabs .nav-item .nav-link.active::before, .renovation__tabs .nav-item .nav-link:hover::before {
  
    width: stretch !important;
}

.es1 .renovation__tabs .nav-item .nav-link::before {
    background-color: #339933 !important;
}

.es1 .renovation::before {
  
    color: #339933 !important;
}

/* 1. Create space at the top of the section for the new text */
.renovation {
    padding-top: 160px !important; /* Adjust this if you need more/less space */
    position: relative;
}

/* 2. Inject the Subtitle (Orange) */
.renovation::before {
    content: "CORE CAPABILITIES"; /* Edit your subtitle text here */
    position: absolute;
    top: 60px; /* Distance from top */
    left: 0;
    right: 0;
    text-align: center;
    color: #FF6633 !important; /* Orange Color */
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    z-index: 10;
}

/* 3. Inject the Main Heading (White) */
.renovation::after {
    content: "Supporting Critical Infrastructure with Electrical Services"; /* Edit your heading here */
    position: absolute;
    top: 90px; /* Distance from top (must be lower than subtitle) */
    left: 0;
    right: 0;
    margin: 0 auto;
    max-width: 900px; /* Prevents text from hitting edges */
    text-align: center;
    color: #ffffff !important; /* White Color */
    font-size: 30px;
    font-weight: 700;
    line-height: 1.2;
    z-index: 10;
}

/* 4. Make it look good on Mobile */
@media (max-width: 767px) {
    .renovation {
        padding-top: 210px !important;
    }
    .renovation::after {
        font-size: 24px;
        top: 100px;
        padding: 0 20px;
    }
    .renovation::before {
        top: 70px;
    }
}
@media (max-width: 1024px) {
.renovation__tabs .nav-item .nav-link {
  
    font-size: 26px !important;
}
}
@media (max-width: 1024px) {
    .renovation::after {
        font-size: 18px !important;
	}
	}
@media (max-width: 1024px) {
.renovation__img {
    padding-top: 10px !important;
	}
}
.elementor-4727 .elementor-element.elementor-element-e69e1b9 .turner-thm-btn {
	display: none !important;
}
@media (max-width: 1024px) {
.renovation__content-wrap {
    margin-left: 0px !important;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
    .hm .cta-img2 {
        width: 400px;
       left: 302px;
        top: -95px;
    }
}
@media (max-width: 767px) {
.hm .cta-img2 {
padding-top: 80px !important;
        bottom: 267px !important;
}
.hm	.pb-100 {
    padding-bottom: 0px !important;
	}
.hm	.cta-content2.bg_img {
    margin-top: 20px !important;
}
@media (max-width: 767px) {
.hm .cta-content2 {
  padding: 10px !important;
		}
@media (max-width: 767px) {
.hm .cta__wrap {
        margin-bottom: -250px;
    }
}
@media (max-width: 767px) {
 .pb .mb-50 {
	margin-bottom: 0px !important;
	}
		}

	@media (max-width: 1199px) {
.hm	.cta-img2 {
    padding-top: 155px !important;
		}
		 }
		@media (max-width: 1199px) {
  .hm  .cta__wrap {
        margin-bottom: -220px !important;
   
}
}
.header-mobile-search {
    display: none !important;
}
	@media (max-width: 767px) {
    .header-style-two .header-btn, .header-style-two .header__action {
      display: block !important;
    }
}
	.header-style-two .header__logo {
     margin-right: 0px !important; 
}
		@media (max-width: 450px) {
	a.thm-btn.thm-btn--2 {
/*     padding: 10px 10px !important; */
			}
	.thm-btn {
    font-size: 11px !important;
	}
			.section-heading h2 {
        font-size: 40px;
        line-height: 1;
    }
	}
@media (max-width: 767px) {
    .header__right {
         padding-right: 0px !important; 
    }
}
.header__right.ul_li {
    align-content: center;
}
	
	
	
	
	/* 1. Puray Header Container ko Sticky banana */
.ekit-template-content-header {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 9999 !important;
    width: 100%;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

/* 2. Announcement Bar (Top Bar) height and alignment fix */
.top-bar {
    background-color: #333399;
    height: 45px;
    display: flex;
    align-items: center;
    width: 100%;
}

/* 3. Mobile Responsive Adjustments (Phones) */
@media (max-width: 767px) {
    .content-wrapper {
        padding: 0 10px !important;
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
    }

    .slide-box {
        flex: 1;
        max-width: 65%; /* Phone number ke liye jagah chodi hai */
    }

    .msg-row {
        font-size: 11px !important; /* Text size chota kiya taaki wrap na ho */
        white-space: nowrap;
    }

    .phone-section {
        flex: 0 0 auto;
    }

    .phone-link {
        font-size: 11px !important;
    }
    
    /* Logo size control for mobile header */
    .elementor-element-2f4c7d1 img {
        max-width: 140px !important;
        height: auto !important;
    }
    
    /* Request Service Button on mobile */
    .elementor-element-8049d36 .turner-thm-btn {
        padding: 8px 12px !important;
        font-size: 10px !important;
    }
}

/* 4. Animation smooth transition */
.inner-slider {
    animation: verticalSlide 7s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
}
.top_bar{
    display: none !important;
}
.elementor-element.elementor-element-2a7bc29.e-con-full.top_bar.e-flex.e-con.e-parent.e-lazyloaded {
    display: none;
}
	@media (max-width: 767px) {
		h2.counter__number {
    display: none !important;
}
	.counter__icon img{
		max-width: 50% !important;
	}
	.counter__content {
    width: none;
}
	.counter__wrap.ul_li {
    justify-content: flex-start;
    margin-bottom: 0px !important;
    line-height: 25px;
		align-items: flex-start;
}
	.counter__item.mt-30 {
    margin-top: 7px;
}
	}
	
	
element.style {
    font-family: Teko;
    font-size: 12px;
    font-weight: 600;
    color: rgb(169, 168, 173);
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 0px;
    line-height: 21px;
    text-align: center;
    white-space: normal;
    overflow: visible;
    margin: 39px 0px 0px;
    padding: 6px 23px 5px;
    width: 138px;
    height: 32.8125px;
    float: none;
    clear: none;
    z-index: 7;
    border-radius: 30px;
    position: relative;
    vertical-align: inherit;
    transform-origin: 50% 50%;
    display: inline-block;
    translate: none;
    rotate: none;
    scale: none;
    visibility: inherit;
    opacity: 1;
    transform: translate(0px, 0px);
    pointer-events: auto;
    background: rgb(51, 51, 153);
}
/* a.thm-btn.thm-btn--2 {
    border-radius: 30px;
    background-color: #333399;
} */
@media (max-width: 767px) {
            a.thm-btn.thm-btn--2 {
            }
	.tx-item--video {
    display: none;
}
	
	.wp-singular{
		padding: 0px !important;
	}
	
        }