/*
Theme Name: Uncode Child
Description: Child theme for Uncode theme
Author: Undsgn™
Author URI: http://www.undsgn.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/
html:not(.no-cssanimations) body:not(.fp-waiting) .animate_when_almost_visible.start_animation:not(.zoom-reverse):not(.srcset-lazy-animations).top-t-bottom{animation-name:unset!important;opacity:1;}
.sticky{position:fixed!important;width:100%;z-index:999!important;top:0;animation-duration:0.5s;transition:0.5s;animation-name:stickySlideDown;background-color:#0054a4;}
@keyframes stickySlideDown{
  0%{opacity:0.7;transform:translateY(-100%);}
  100%{opacity:1;transform:translateY(0);}
}

.row-breadcrumb {
    display: none;
}
span.childlink i{margin:0 0 0 10px!important;color:#fff;line-height:30px;}
.menu-no-arrows .menu-smart > li > a i.fa-dropdown{display:block;}
.dropdown > .un-submenu li{position:relative!important;}
.dropdown > .un-submenu .drop-menu{margin-left:210px!important;top:0!important;padding-top:0!important;}
.Image_top{margin-top:-100px;}
.uxs-wrap{display:flex;width:100%;}
.reverse-scroll .uxs-wrap{flex-direction:row-reverse;}
.uxs-media{flex:0 0 60%;}
.uxs-media img{width:100%;height:100%;object-fit:cover;display:block;}
.uxs-content{flex:0 0 40%;padding:60px;position:relative;background:#0054a4;margin-bottom:100px;  /* FIX: Added Flexbox so the container can grow natively */display:flex;flex-direction:column;}
.market-page .uxs-content{background:#beb8b8;}
.dark-grey .uxs-content{background:#585858;}
.dark-red .uxs-content{background:#e31e3a;}
.uxs-zone{position:relative;min-height:40vh;flex:1;display:flex;flex-direction:column;width:100%;}
.uxs-zone::before{content:"";display:block;height:200px;flex-shrink:0;width:100%;}
.uxs-top{position:absolute;left:0;right:0;will-change:transform;transform:translateZ(0);}
.havc-first .uxs-content{background:#fff;border:2px solid #ffcd05;}
.havc-first.sticky-section .uxs-title{color:#dddddd!important;}
.havc-first.sticky-section .uxs-eyebrow{color:#000!important;}
.havc-first .uxs-desc{color:#000!important;}
.sticky-section .uxs-eyebrow{margin-bottom:16px;margin-top:0;}
.sticky-section .uxs-eyebrow{color:#fff!important;font-size:21px!important;}
.uxs-title{font-size:42px;margin:0;}
.sticky-section .uxs-title{color:#fff!important;}
.uxs-bottom{position:relative!important;bottom:auto!important;margin-top:auto!important;z-index:1;}
.uxs-text{font-size:18px;line-height:1.6;margin-bottom:20px;}
.uxs-btn{text-decoration:none;font-weight:600;padding-bottom:4px;color:#fff!important;position:relative;}
.uxs-btn::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#fff;transform:scaleX(1);transform-origin:left;transition:transform 0.3s ease;}
.uxs-btn:hover::after{animation:lineOutIn 0.5s forwards;}
.uxs-desc{margin-bottom:0px;color:#fff!important;margin-top:50px!important;}
.piivacy-policy .privacy-policy-row ul li{list-style:disc!important;}
ul li{list-style:none!important;}
.menu-wrapper.menu-sticky .menu-container{z-index:1;}
.menu-primary-inner li a{transition:all 0.3s ease;}
.menu-primary-inner > li > a:hover{transform:scale(1.08);}
.openbtn{display:none!important;}
.is_stuck .menu-container{background-color:#0054a4!important;}
.is_stuck .drop-menu{display:flex;gap:0;background-color:transparent!important;padding:20px 0px 0px 0px!important;flex-direction:column;z-index:999!important;}
.is_stuck .drop-menu li{background-color:#fff!important;}
.is_stuck
.menu-horizontal
ul.menu-smart
> li
> ul:not(.mega-menu-inner):not(.unmenu-inner-ul){width:210px!important;}
.is_stuck .drop-menu li{border-bottom:1px solid #000;padding-bottom:10px;padding:10px 10px;}
.is_stuck .drop-menu li a{color:#000!important;}
#masthead .menu-horizontal-inner{display:flex!important;justify-content:flex-end;align-items:center;}
#masthead .menu-container .main-menu-container #menu-header-menu{display:flex;justify-content:flex-end;gap:50px;height:auto!important;align-items:center;}
#masthead .menu-container .navbar-nav{display:flex;align-items:center;justify-content:flex-end;}
#masthead .menu-container .main-menu-container ul a{padding:0!important;}
.drop-menu{display:flex;gap:10px;background-color:transparent!important;padding:20px 0px 0px 0px!important;}
.drop-menu li{background-color:#fff!important;}
.menu-horizontal
ul.menu-smart
> li
> ul:not(.mega-menu-inner):not(.unmenu-inner-ul){width:210px!important;}
.drop-menu li{border-bottom:1px solid #000;padding-bottom:10px;padding:10px 10px;}
.drop-menu li a{color:#000!important;}
.submenu-dark
.menu-horizontal:not(.menu-sub-enhanced)
.menu-smart
ul
a:not(.block-wrapper-parent *):hover,.submenu-dark
.menu-horizontal:not(.menu-sub-enhanced)
.menu-smart
ul
a:not(.block-wrapper-parent *):focus{color:#e31e3a!important;background-color:rgba(255,255,255,0.03)!important;}

/*.dropdown-toggle::after {
  content: "";
  display: inline-block;
  width: 16px; 
  height: 16px;
  background-image: url("https://waldropmechani.wpenginepowered.com/wp-content/uploads/2026/02/dropdown.svg");
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 8px;
  vertical-align: middle;
  margin-top: 7px;
}*/
.btn-container a{font-family:Inter;font-weight:600!important;font-size:18px!important;line-height:1;letter-spacing:0!important;padding:20px 30px!important;min-width:200px!important;}
.request-btn{color:#000!important;}
.plumbing-section.plumbing-page .row-parent{padding-bottom:clamp(50px,10vw,90px)!important;}
.hero-section .row-parent .uncont{padding-top:0!important;}
.hero-section .row-parent{max-height:673px!important;}
.hero-section .row-parent{padding:clamp(100px,14vw,250px) /* Top: Scales from 100px to 250px */
  clamp(20px,6.5vw,91px) /* Left/Right: Scales from 20px to 91px */
clamp(100px,11.3vw,197px) /* Bottom: Scales from 80px to 200px */!important;}
.hero-section .btn-container{margin-top:54px!important;}
.hero-text h1 span:nth-of-type(2),.hero-text h2 span:nth-of-type(2){opacity:0.6;}
.hero-text2{opacity:0.6;}
.hero-text.hvac-hero h2 span:nth-of-type(2){opacity:0.6;}
.hero-text.plumbing-hero h2 span:nth-of-type(2){opacity:0.6;}
.hero-text.design-build h2 span:nth-of-type(2){opacity:0.6;}
.hero-text.replacement h2 span:nth-of-type(2){opacity:0.6;}
.hero-text.renovation h2 span:nth-of-type(2){opacity:0.6;}
.hero-text.plan-hero h2 span:nth-of-type(2){opacity:0.6;}
.service-section{position:relative!important;z-index:0!important;overflow:hidden!important;  /*padding-top: 100px !important;
      padding-bottom: 100px !important;*/  /* Top/Bottom: Scales from 50px to 100px */

  /* Left/Right: Scales from 20px to 91px */

padding-top:clamp(50px,7vw,96px)!important;padding-bottom:clamp(50px,7vw,110px)!important;  /*padding-inline:  clamp(20px, 6.5vw, 91px) !important;*/}
.service-section
.row-parent
.row-inner
.single-internal-gutter
.uncoltable
.uncell
.uncont{display:flex!important;flex-direction:column;align-items:center;}
.service-section .single-internal-gutter{padding:0!important;}
.big-heading-text.x-top{top:-35px;}
.service-section .big-heading-text{position:absolute!important;top:-115px!important;left:12px!important;}
.service-section .uncont .vc_custom_heading_wrap{margin-top:0!important;}
.service-tab{margin-top:43px!important;width:100%;}
.service-tab .vc_tta-tabs-container ul li a{padding:0 15px 20px 15px!important;}
.service-tab .vc_tta-tabs-container ul li a span{color:#000000!important;}
.service-tab .nav-tabs > li.active > a{border-bottom-width:5px!important;border-color:#e31e3a!important;}
.service-tab .tab-container{display:flex;justify-content:center;flex-direction:column;  /* align-items: center; */width:100%;}
.service-tab .tab-content{margin-top:clamp(30px,5vw,69px)!important;max-width:1169px!important;align-self:center;}
.service-tab .tab-content .tab-pane{padding:67px 130px 56px 130px!important;background:#0054a4;}
.service-tab .tab-content .btn-container{margin-top:40px!important;}
.btn-container .tab-btn{padding-left:39px!important;padding-right:39px!important;border-color:white!important;background-color:transparent!important;font-weight:600;font-size:16px!important;line-height:1.3!important;text-align:center;vertical-align:middle;min-width:0!important;}

/*.btn-color-xsdn:not(.btn-flat):not(.btn-hover-nobg):not(.icon-animated):not(.btn-text-skin):hover{
  color: darkred;
}
*/
.btn-container
.tab-btn.btn-color-xsdn.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):not(.icon-animated):hover{background-color:#ffffff!important;color:#0054a4!important;}
.testimionial-row{margin-top:clamp(30px,6vw,77px)!important;max-width:1200px!important;}
.testimionial-row .wpb_row{display:flex!important;gap:50px!important;justify-content:center;}
.client-message{width:70%!important;max-width:730px!important;height:fit-content!important;}
.client-info{padding:0!important;width:21%;}
.client-info .uncoltable .uncont{display:flex!important;gap:18px;align-items:center;margin:0!important;flex-direction:row!important;}
.client-info .uncode-single-media{height:71px;width:71px;border-radius:50%;overflow:hidden!important;}
.client-info .uncode-single-media img{height:71px!important;width:100%!important;object-fit:cover;object-position:center;}
.client-info .uncode_text_column{margin-top:0!important;}
.client-info .uncode_text_column p{color:#000!important;}
.client-info .uncode_text_column p strong{font-weight:700!important;color:#000000!important;}
.cunstruction-section .row-parent{padding-top:clamp(80px,18vw,265px)!important;padding-bottom:clamp(70px,16vw,236px)!important;padding-inline:clamp(20px,7vw,100px)!important;}
.cunstruction-section .btn-container{margin-top:30px!important;}
.abouit-us-section{position:relative;z-index:1;overflow:hidden;}
.abouit-us-section .row-parent{  /*    padding-top: clamp(50px, 7vw, 80px) !important;
  padding-bottom: clamp(50px, 6vw, 90px) !important;*/
padding-inline:20px!important;padding-top:0!important;padding-bottom:0!important;}
.about-heading{margin-top:0!important;}
.big-heading-text h2 span{letter-spacing:0.5vw;}
.abouit-us-section .big-heading-text{position:absolute;top:-36px;left:-15px;}
.abouit-us-section .inner-block{padding-top:clamp(50px,7vw,80px)!important;padding-bottom:clamp(50px,6vw,90px)!important;}
.inner-block{max-width:1200px!important;margin:0 auto!important;}
.about-para{margin-top:5px!important;margin-bottom:0px;max-width:1090px;}
.center-about{margin-inline:auto;}
.about-para p{line-height:30px!important;font-weight:400;}
.about-para p strong{font-weight:700;}
.logo-section .row-parent{padding-block:clamp(60px,10vw,156px)!important;padding-inline:20px!important;}
.blue-box-para{margin:25px 0!important;}
.explore-section .row-parent{padding-bottom:98px!important;padding-top:98px!important;}
.explore-section .explore-left{width:45%;}
.explore-section .explore-left .uncont{padding:74px 85px 54px 76px!important;}

.explore-section .explore-left p{font-weight:400;font-size:20px;line-height:30px;}
.explore-right div{height:100%!important;}
.explore-right div img{object-fit:cover;object-position:center;height:100%!important;min-height:550px;}
.explore-section .explore-right .uncol{height:100%!important;}
.site-footer .custom-site-footer .row-container .row-parent{padding:59px 64px 43px 64px!important;}
.contact-first .big-heading-text{position:absolute;top:-135px!important;left:-25px;}
.contact-first .row-parent{padding-top:clamp(50px,7vw,100px)!important;padding-bottom:clamp(50px,10vw,60px)!important;padding-inline:20px!important;}
.contact-us-section{position:relative;overflow:hidden;z-index:1;}
.contact-us-section .row-parent{padding:0 20px!important;}
.contact-us-section .inner-block{padding-top:clamp(50px,8vw,80px)!important;padding-bottom:clamp(50px,8vw,80px)!important;}
.contact-us-section .big-heading-text{position:absolute!important;left:-20px!important;}
.contact-text{margin-top:0!important;}
.contact-text h3 span:nth-of-type(2){color:#959ba3!important;}

.engineering-sec .contact-para {
margin-top: 32px !important;
margin-bottom: 32px !important;
}
.hvac-service.contact-para{margin-top:5px!important;margin-bottom:32px!important;}
.contact-para{margin-top:5px!important;margin-bottom:32px!important;}
.plumbing-section .row-parent{padding-top:clamp(50px,7vw,100px)!important;padding-bottom:clamp(50px,15vw,170px)!important;padding-inline:20px!important;}
.plumbing-dark-section > .row{position:relative;padding-left:180px!important;padding-right:180px!important;  /*padding-bottom: clamp(100px, 12vw, 200px) !important;*/}
.max-1080{max-width: 1080px;margin: 0 auto;}
/*.plumbing-dark-section .no-block-padding .uncont{
  max-height: 709px !important;
}

*/
.plumbing-section .big-heading-text{position:absolute;top:-135px!important;left:-25px;}
.plumbing-section .big-heading-text.exp{position:absolute;top:-120px!important;left:-25px;}
.plumbing-inner{max-width:1000px!important;margin:0 auto!important;}
.plumbing-inner .uncell{padding:50px 82px 43px 82px!important;background-color:#fff!important;}
.plumbing-inner{transition:all 0.35s ease;}
.plumbing-inner:hover{transform:scale(1.03);box-shadow:0 25px 50px rgba(0,0,0,0.18);}
.plumbing-upper-img{width:100%;margin:0 auto!important;max-width:1200px;  /*top: -161px !important;*/}

/*.plumbing-upper-img body:not(.vc-safe-mode) .shift_y_neg_quad{
  margin-top: -200px  !important;
}*/

/*.plumbing-upper-img .uncode-single-media-wrapper img{
   width: 100%;
  height: 100%;
    max-height: 597px !important;
  object-fit: cover;

}*/

.white-box-para{margin:20px 0 0 0!important;}
.maintenance-sec .row-parent{padding-top:clamp(50px,7vw,120px)!important;padding-bottom:clamp(50px,15vw,120px)!important;padding-inline:20px!important;}
.maintenance-sec .big-heading-text{position:absolute!important;top:-150px;left:-20px;}
.maintenance-sec .big-heading-text.protactive{position:absolute!important;top:-130px;left:-20px;}
.construction-sec-one .row-parent{padding-top:clamp(50px,7vw,120px)!important;padding-bottom:clamp(50px,15vw,120px)!important;padding-inline:20px!important;}
.construction-sec-one .big-heading-text{position:absolute;top:-120px!important;left:-30px;}
.hvac-sec .row-parent{padding-top:clamp(50px,7vw,120px)!important;padding-bottom:clamp(50px,15vw,120px)!important;padding-inline:20px!important;}
.hvac-sec .big-heading-text{position:absolute;top:-135px!important;left:-30px;}
.service-img-bg .service-tile{padding:300px 35px 200px 35px!important;border-right:1px solid #ffffff;}
.service-img-bg .service-tile:last-child{border-right:none;}
.service-img-bg .service-tile .arrow-btn{display:inline-flex;align-items:center;gap:8px;color:#ffffff!important;font-size:20px;font-weight:600;padding:0;border:none;cursor:pointer;transition:all 0.3s ease-in-out;}
.service-img-bg .service-tile .arrow-btn::after{content:"";display:inline-block;height:16px;width:16px;background-image:url("https://waldropmechani.wpenginepowered.com/wp-content/uploads/2026/03/white-arrow.svg");background-size:contain;background-repeat:no-repeat;background-position:center;transition:all 0.3s ease-in-out;}
.service-img-bg .service-tile{transition:background-color 0.3s ease-in-out;}
.service-img-bg .service-tile:hover{background-color:rgba(0,0,0,0.6);}
.service-img-bg .service-tile:hover .arrow-btn{color:#e31e3a!important;}
.service-img-bg .service-tile:hover .arrow-btn::after{background-image:url("https://waldropmechani.wpenginepowered.com/wp-content/uploads/2026/02/red-arrow.svg");}
.plumbing-explore-left .uncont{padding:69px 100px 69px 69px!important;}
.explore-section .plumbing-explore-left{width:45%;}
.man-img .background-inner{background-position:center 30%!important;}
.site-footer .custom-site-footer{padding-top:50px!important;padding-bottom:70px!important;}
.footer-menu{max-width:250px!important;}
#menu-footer-menu li a span{line-height:25px!important;}
.address-area{margin-top:15px!important;}
.address-area p{font-weight:400!important;font-size:17px!important;line-height:1.3;}
.address-area p b{font-weight:600;color:#ffffff!important;}
.contact-num P{font-size:18px!important;}
.copyright-div{padding:0px 20px 30px 20px!important;}
.site-footer a{transition:all ease 0.3s;}
.site-footer a:hover{color:#e31e3a!important;}
.copyright p,.copyright a{font-weight:300!important;font-size:15px!important;color:#ffffff!important;}
.outline-btn{  /* Color & Background */
  background-color:#ffffff!important; /* White background */color:#e31e3a!important; /* Red Text */  /* Border - Override 'border-width-0' */
border:1px solid #e31e3a!important;}
.cunstruction-menu-section .row-parent{padding:clamp(60px,8vw,120px) 20px clamp(60px,9vw,130px)!important;}
.cunstruction-menu-section .tab-container .vertical-tab-contents .tab-content{padding:0!important;}

/* Force Flexbox layout to put Menu left and Content right */
.cunstruction-services .vertical-tab-wrapper{display:flex;flex-wrap:wrap;align-items:center; /* Center content vertically */gap:5%; /* Space between columns */position:relative;margin-top:60px!important;}

/* 2. Left Column (Navigation) */
.cunstruction-services .vertical-tab-menu{width:35%;min-width:250px;}

/* Reset default list styles */
.cunstruction-services .nav-tabs{border:none;display:flex;flex-direction:column;}
.cunstruction-services .nav-tabs > li{margin-bottom:0;width:100%;}
.cunstruction-services .nav-tabs > li{border-bottom:1px solid #959ba3!important;}

/* Tab Links Styling */
.cunstruction-services .nav-tabs > li > a{background:transparent!important;color:#ffffff!important;font-size:18px;font-weight:600;padding:30px 0!important;margin:0;position:relative;transition:all 0.3s ease;display:block;}

/* Hover State */
.cunstruction-services .nav-tabs > li > a:hover{color:#ff3333!important; /* Slight red on hover */}

/* Active State (Red Text) */
.cunstruction-services .nav-tabs > li.active > a{color:#e62429!important; /* Bright Red */}

/* 3. The Plus (+) and Minus (-) Icons */
.cunstruction-services .nav-tabs > li > a::after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:24px;font-weight:400;color:#fff;}

/* Change to Minus when active */
.cunstruction-services .nav-tabs > li.active > a::after{content:"–"; /* En dash */color:#e62429;}

/* 4. Right Column (Content Area) */
.cunstruction-services .vertical-tab-contents{width:60%; /* Remaining width */background-color:#272727; /* Darker card background */padding:60px 40px 34px 58px;display:flex;align-items:center;position:absolute;right:0;top:-33%;}
.cunstruction-services .tab-content{width:100%;}

/* Title Styling */
.cunstruction-services .tab-pane h4{color:#fff;font-size:24px;margin-bottom:20px;font-weight:700;}

/* Paragraph Styling */
.cunstruction-services .tab-pane p{color:#aaa; /* Muted grey text */font-size:20px;line-height:1.6;margin-top:30px;margin-bottom:105px;}

/* 5. "Learn More" Button Styling */
.cunstruction-services .btn-container{display:block;text-align:right; /* Align to bottom right */margin-top:20px;}
.cunstruction-services .btn-container .custom-link{color:#e62429!important;background:transparent!important;font-weight:700;font-size:20px;letter-spacing:1px;padding:0;}

/* Add arrow icon to button */
.cunstruction-services .btn-container .custom-link::after{content:url("https://waldropmechani.wpenginepowered.com/wp-content/uploads/2026/02/red-arrow.svg"); /* North East Arrow */display:inline-block;margin-left:20px;transition:transform 0.2s ease;}
.cunstruction-services .btn-container .custom-link:hover::after{transform:translate(3px,-3px);}

/* 6. Sliding Animation Effect */

/* 
 WPBakery uses 'opacity' for fade. 
 We add 'transform' to make it look like it slides in from right. 
*/
.cunstruction-services .tab-content > .tab-pane{display:none; /* Default hidden */opacity:0;transform:translateX(30px); /* Start slightly to the right */transition:opacity 0.4s ease,transform 0.4s ease;}
.cunstruction-services .tab-content > .tab-pane.active{display:block; /* WPBakery JS sets this, but we reinforce */  /* Note: WPBakery adds .active class via JS. 
       We need a small delay or CSS keyframe if we want a pure slide, 
       but strictly using transitions: */
animation:slideInFade 0.5s forwards;}
@keyframes slideInFade{
  0%{opacity:0;transform:translateX(30px);}
  100%{opacity:1;transform:translateX(0);}
}

/* Image hover  */
.service-content.hidden{display:none;}
.service-item{cursor:pointer;}
.services-switch-block{display:flex;gap:112px;align-items:center;}
.services-switch-block .left-list{width:40%;max-width:461px;}
.services-switch-block .right-content{width:60%;padding-top:40px;}

/* LEFT */
.left-list .block-title{color:#ffffff;margin-bottom:30px;}
.service-item{display:flex;align-items:center;justify-content:space-between;padding:30px 0;border-bottom:1px solid #959ba3;cursor:pointer;transition:all 0.3s ease;}
.service-item .title{color:#fff;font-weight:600!important;font-size:21px;line-height:24px;}
.service-item .toggle{font-size:22px;color:#fff;}
.service-item.active .title{color:#e31e3a;}
.service-item.active .toggle{color:#ff2b2b;}

/* RIGHT */
.right-content{position:relative;}
.service-content{background:#272727;padding:60px 40px 34px 58px;height:100%!important;min-height:360px;transition:all 0.3s ease;display:flex;flex-direction:column;justify-content:space-between;}
.service-content.hidden{display:none;}
.service-content h4{font-weight:700;font-size:21px;line-height:24px;margin:0!important;color:#ffffff;}
.service-content p{color:rgba(255,255,255,0.6);line-height:1.6;margin-top:20px;margin-bottom:60px;}
.service-content .btn{border:none;color:#e62429!important;background:transparent!important;font-weight:700!important;font-size:20px;letter-spacing:1px;padding:0!important;white-space:nowrap!important;}
.btn-wrapper{text-align:end;max-width:530px;}
.btn-wrapper svg{height:28px;width:28px;margin-bottom:-8px;}

/* PAGINATION DOTS */
.services-pagination{display:flex;gap:10px;margin-top:30px;justify-content:center;}
.services-pagination .dot{width:30px;height:3px;background:#555;cursor:pointer;transition:all 0.3s ease;}
.services-pagination .dot.active{background:#fff;}
.service-section .wpb_row.row-inner{margin-left:0!important;}
.switcher-section .post-titles-inner{display:flex;counter-reset:myCounter;}
.switcher-section .post-titles-inner .tmb{height:680px;display:flex;justify-content:center;align-items:center;border-right:1px solid #fff;position:relative;}
.switcher-section .post-titles-inner .tmb:last-child{border:none;}
.switcher-section-row .t-entry-drop::after{position:absolute;content:" ";background:#000000a3;width:100%;height:100%;top:0;left:0;}
.switcher-section-row .t-entry-title{font-family:Instrument Sans;font-weight:700;font-size:30px;line-height:30px;margin-bottom:15px!important;}
.drop-hover-link:hover{background-color:rgba(0,0,0,0.6);}
.switcher-section-row
.drop-hover.drop-hover-opacity.uncode-post-titles
.tmb.drop-active
.t-entry-text{opacity:1!important;}
.switcher-section-row .t-entry{padding-inline:40px!important;}
.switcher-section-row .service-box-para{font-weight:400;font-size:17px;line-height:1.5;}
.read-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#ffffff;font-size:20px;font-weight:600;padding:0;margin-top:25px!important;border:none;cursor:pointer;transition:all 0.3s ease-in-out;}
.drop-active .read-btn{color:#e31e3a!important;}
.switcher-section-row .read-btn::after{content:"";display:inline-block;height:16px;width:16px;background-image:url(https://waldropmechani.wpenginepowered.com/wp-content/uploads/2026/03/white-arrow.svg);background-size:contain;background-repeat:no-repeat;background-position:center;transition:all 0.3s ease-in-out;}
.drop-active .read-btn::after{background-image:url("https://waldropmechani.wpenginepowered.com/wp-content/uploads/2026/02/red-arrow.svg");}
.explore-list li{display:flex;align-items:center;flex-direction:row-reverse;justify-content:space-between;max-width:300px;}

/* Remove default list styling */
.explore-list .icons{list-style:none;padding:0!important;margin:25px 0 0 0!important;}

/* YOUR EXISTING STYLES + Transitions */
.explore-list li{display:flex;align-items:center;flex-direction:row-reverse; /* Puts Text on Left, Icon on Right */justify-content:space-between;max-width:300px;padding:10px 0; /* Added spacing for better hover area */cursor:pointer;transition:opacity 0.3s ease; /* Smooth transition for the dimming effect */padding-left:0!important;}

/* 1. LINK STYLING (Optional cleanup) */
.explore-list li a{text-decoration:none;color:#000;flex-grow:1; /* Ensures text takes up space */}

/* 2. ICON ANIMATION (Hidden by default, slides in) */
.explore-list li i{opacity:0; /* Simulates display: none */transform:translateX(-20px); /* Starts 20px to the left */transition:all 0.3s ease-in-out; /* Smooth slide animation */}
.explore-list li:hover i{opacity:1; /* Fully visible */transform:translateX(0); /* Slides to original position */}

/* 3. DIM OTHERS LOGIC */

/* Step A: When the UL is hovered, make ALL items opacity 0.6 */
.explore-list .icons:hover li{opacity:0.6;}

/* Step B: But make the SPECIFIC item being hovered opacity 1 */
.explore-list .icons:hover li:hover{opacity:1;}
.explore-list .icons:hover li:hover a{color:#e31e3a;}
.about-third-sec .row-parent{padding-top:75px!important;padding-bottom:75px!important;padding-left:clamp(20px,13vw,300px)!important;padding-right:clamp(20px,7vw,180px)!important;}
.about-third-para{display:flex;width:100%;align-items:flex-end;justify-content:flex-end;}
.about-third-para p{line-height:1.4!important;max-width:450px!important;}
.about-header .uncont{padding-top:50px!important;}

/*.about-forth-left .uncont{
  display: flex;
  align-items: flex-end;
}
*/

/*construction page*/

.Construction-header .row-parent{padding-top:100px!important;padding-inline:95px!important;padding-bottom:200px!important;position:relative!important;z-index:0!important;}
.Image_top .row-background .background-wrapper .background-inner{border-radius:inherit;position:absolute;top:-100px!important;bottom:0;left:0;right:0;background-attachment:scroll;z-index:25;}
.header-wrapper{overflow:visible!important;}
.header-wrapper .big-image{position:absolute;top:100%;margin-top:100px!important;}
.about-sec .row-parent{padding-top:clamp(50px,7vw,120px)!important;padding-bottom:clamp(50px,15vw,120px)!important;padding-inline:20px!important;}
.about-sec .big-heading-text{position:absolute;top:-135px!important;left:-30px;}
.about-sec .row-parent .uncont{display:flex;flex-direction:column;align-items:center;}
.About_hero .background-inner {    background-position: top 40% center !important;}
.construction-sec-one .row-parent{padding-top:100px!important;padding-bottom:100px!important;}
.construction-sec-one .row-parent .uncont{display:flex;flex-direction:column;align-items:center;}
.construction-sec-one .construction-sec-one-para,.about-sec .about-sec-para{max-width:620px;}
.construction-sec-two .row-parent{padding:85px 20px 60px 20px!important;}
.construction-sec-two-content > .uncol > .uncoltable > .uncell > .uncont{display:flex;flex-direction:column;justify-content:space-between;height:90%;padding:40px 75px 0;background-color:#fff;}
#construction-top > .row{padding-bottom:0!important;}
.construction-sec-two-below{display:contents!important;}
.construction-sec-two-below .uncont{display:flex;flex-direction:column;justify-content:flex-end;}
.construction-sec-two-below .uncont .construction-sec-two-btn{padding-left:0!important;padding-right:0!important;}
.construction-sec-two-btn{position:relative;}
.construction-sec-two-btn::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#e31e3a;  /* Initial State */transform:scaleX(1);transform-origin:left;transition:transform 0.3s ease;}
.construction-sec-two-btn:hover::after{animation:lineOutIn 0.5s forwards;}
.img-para-sec .uncode-single-media-wrapper{border:2px solid #e31e3a!important;}

/*.animated-img {
  margin-bottom: -230px;
  z-index: 9;
}*/
.paddingTop-350 .row{padding-top:350px!important;}

/* 
.data-sticky{
      margin-top: clamp(100px, 20vh, 200px) !important;
}
 */
.fabrication-img img{max-width:1000px!important;margin:0 auto;}
.service-tile-btn{color:#000!important;}
.overlay-image .uncont div{height:100%!important;}
.overlay-image .uncont div img{height:100%!important;object-fit:cover;object-position:center;}
.overlay-box .uncol{margin-left:-300px!important;height:90%!important;}
.overlay-section-right .overlay-box .uncol{margin-right:-300px!important;margin-left:0px!important;}
.project-filter .menu-smart li a{padding:7px 20px;background-color:#0054a4;}
.project-filter .menu-smart li a:hover{color:rgba(255,255,255,0.8)!important;}
.abouit-us-page-section .big-heading-text{position:absolute;top:-120px;left:-30px;}
.abouit-us-page-section .row-parent{padding:100px 36px 200px 36px!important;}
.culture-sec .row-parent{padding-bottom:100px!important;}

/*html */

/* 1. Main Container styling */
.portfolio-filter-bar{background-color:#0054a4!important; /* The Deep Purple color */padding:20px;width:100%;box-sizing:border-box;margin-bottom:30px;}

/* 2. Flexbox Layout: Pushes filters left, button right */
.portfolio-filter-wrapper{display:flex;justify-content:space-between;align-items:center;}
.filter-left{display:flex;gap:15px; /* Space between multiple dropdowns */}

/* 3. Dropdown (Select) Design */
.select-wrapper{position:relative;min-width:250px;}
.custom-select{width:100%;appearance:none; /* Removes default browser arrow */-webkit-appearance:none;-moz-appearance:none;background-color:#ffffff;border:none;border-radius:2px; /* Slight rounding or 0 for sharp edges */padding:12px 15px;padding-right:40px; /* Space for arrow */font-size:15px;color:#333;cursor:pointer;outline:none;margin-top:0!important;  /* Custom Arrow Icon (SVG) */background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23333333%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:right 15px top 50%;background-size:40px auto;}
.custom-select:hover{background-color:#f9f9f9;}

/* 4. 'SHOW ALL' Button Design */
.btn-show-all{background-color:#ffffff;color:#0054a4; /* The Teal color from the image */border:none;border-radius:2px;padding:12px 25px;font-size:14px;font-weight:700; /* Bold text */text-transform:uppercase;cursor:pointer;transition:all 0.3s ease;letter-spacing:0.5px;}
.filter-loader{text-align:center;}

/* Container Layout */
.portfolio-filter-item-list{display:grid;grid-template-columns:repeat(5,1fr); /* 5 Columns like the image */gap:30px;margin-bottom:40px;}

/* Item Wrapper */
.portfolio-item{position:relative; /* Essential for positioning the overlay */height:250px;overflow:hidden;border-radius:2px;}
.portfolio-item a{display:block;width:100%;height:100%;}
.portfolio-item img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease;}
.portfolio-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;z-index:1;opacity:0.5;transition:background 0.3s ease;}
.portfolio-item h5{position:absolute;bottom:15px;left:15px;right:15px;margin:0;z-index:2;color:#fff;font-weight:700;text-transform:uppercase;line-height:1.5;}
.portfolio-item:hover img{transform:scale(1.1);}
.single-portfolio .header-content{padding:0!important;}
.project-type div{color:#0964bb!important;}
.single-project .uncont{display:flex!important;justify-content:center;flex-direction:column;}
.single-project .owl-carousel-wrapper-nav{max-width:900px!important;width:100%;align-self:center;}
.single-portfolio .sections-container{border:100px solid #fff!important;border-top-width:150px!important;}
.single-portfolio .header-title{color:#e31e3a!important;}
.single-portfolio .header-wrapper .header-content-inner{padding-bottom:0!important;padding-top:30px!important;}
.single-portfolio #masthead .menu-container .main-menu-container ul a{color:#000!important;}
.single-portfolio #masthead.sticky .menu-container .main-menu-container ul a {
    color: #fff !important;
}
.single-portfolio .is_stuck#masthead .menu-container .main-menu-container ul a{color:#fff!important;}
.single-portfolio .dropdown-toggle::after{background-image:url("https://waldropmechani.wpenginepowered.com/wp-content/uploads/2026/02/black-dropdown.svg");}
.single-portfolio .is_stuck .dropdown-toggle::after{background-image:url("https://waldropmechani.wpenginepowered.com/wp-content/uploads/2026/02/dropdown.svg");}
.why-join .row-parent{padding:100px 36px 200px 36px!important;}
.why-join .big-heading-text{position:absolute!important;top:-120px!important;left:-20px!important;}
.contact-page-left .icon-box{display:flex!important;gap:10px;align-items:center;}
.contact-page-left .icon-box .icon-box-content p{margin:0!important;color:#0964bb!important;}
.contact-page-left .icon-box .icon-box-content p a{color:#0964bb!important;}
.contact-page-left .icon-box{margin-top:10px!important;}
.custom-form-list input{box-shadow:none;}
.phone-icon .icon-box-content,.addressbox .icon-box-content{padding-left:0px!important;}
.contact-page-left .icon-box-left .icon-box-content{align-items:center!important;transition:all 0.3s ease;display:flex!important;}
.contact-page-left .icon-box .icon-box-content:hover{transform:translateX(5px);}
.contact-page-left .icon-box .icon-box-content:hover a{color:#e31e3a!important;}
.custom-form-list{list-style:none;padding:0!important;margin:0!important;}
.contact-page-left .icon-box .icon-box-icon{display:block!important;width:50px;margin:0;}
.contact-page-left .icon-box .icon-box-icon span{width:50px;display:block;}
.contact-page-left .icon-box .icon-box-icon span i{font-size:30px;}
div.wpcf7 span.ajax-loader{left:0;right:0;margin:auto;bottom:0;}
.wpcf7-form .wpcf7-form-control-wrap{margin-bottom:23px;display:block;}
.wpcf7-form .wpcf7-form-control-wrap .wpcf7-form-control,.fileUpload{background-color:#f1f1f1;color:rgba(60,60,60,0.5);border:none;width:100%;padding:15px 20px;margin:0;border-radius:0;font-size:20px;font-weight:300;display:block;line-height:normal;}
.wpcf7-form .wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-textarea{height:120px;}
.wpcf7-form .wpcf7-submit{padding:20px 40px!important;font-size:20px;font-weight:700!important;width:100%;}
input.wpcf7-form-control.wpcf7-submit.has-spinner.custom-link.btn.border-width-0.btn-accent.btn-flat.btn-icon-left.cursor-init:hover{background:#e31e3a!important;}
.wpcf7-form
.wpcf7-form-control-wrap
.wpcf7-form-control::-webkit-input-placeholder{color:rgba(60,60,60,0.5);opacity:1;}
.wpcf7-form .wpcf7-form-control-wrap .wpcf7-form-control:-ms-input-placeholder{color:rgba(60,60,60,0.5);opacity:1;}
.wpcf7-form .wpcf7-form-control-wrap .wpcf7-form-control::placeholder{color:rgba(60,60,60,0.5);opacity:1;}
.wpcf7 .wpcf7-mail-sent-ok,.wpcf7 .wpcf7-validation-errors,.wpcf7 span.wpcf7-not-valid-tip{margin:0;padding:0;}
.wpcf7 form .wpcf7-response-output{text-align:center;font-size:14px;border-width:1px;}

/*.fileUpload:before{width:22px;height:22px;background:url(images/upload.png) no-repeat;content:'';display:inline-block;background-size:22px;opacity:0.5;top:6px;position:relative;margin-right:15px;}*/
.fileUploadDiv label .uploadLbl{background-color:#f1f1f1;color:rgba(60,60,60,0.5);border:none;width:100%;padding:15px 30px;margin:0;border-radius:0;font-size:25px;font-weight:300;display:block;line-height:normal;}
.fileUploadDiv label .uploadLbl::before{width:22px;height:22px;background:url(images/upload.png) no-repeat;content:"";display:inline-block;background-size:22px;opacity:0.5;top:6px;position:relative;margin-right:15px;}
.fileUploadDiv .codedropz-upload-handler{display:none;}
.fileUploadDiv .dnd-upload-status .dnd-upload-details{line-height:1.3;font-size:14px;color:#fff!important;width:calc(100% - 70px);}
.fileUploadDiv .dnd-upload-status{background:rgba(255,255,255,0.8);padding:6px 20px;margin-top:2px;}
.fileUploadDiv .dnd-upload-status .dnd-upload-details .remove-file{right:10px;top:17px;}
.fileUploadDiv .dnd-upload-status .dnd-upload-details .remove-file span::after{width:20px;height:20px;}
div.wpcf7 form.invalid .wpcf7-response-output,div.wpcf7 form.unaccepted .wpcf7-response-output,div.wpcf7 form.payment-required .wpcf7-response-output{padding:10px;background:orangered;color:#fff;border:none;}
div.wpcf7 form.sent .wpcf7-response-output{background:green;color:#fff;padding:10px;border:none;}
.input-background
.style-dark
.wpcf7-form
.wpcf7-form-control-wrap
.wpcf7-form-control,.input-background .style-dark .wpcf7-form .fileUpload{background-color:#fff!important;}
.input-background
.style-light
.wpcf7-form
.wpcf7-form-control-wrap
.wpcf7-form-control,.input-background .style-light .wpcf7-form .fileUpload{background-color:#f1f1f1!important;}

/*career Form*/
.contact-form,.career-form{display:flex;flex-wrap:wrap;gap:20px;}
.contact-form p,.contact-form span,.career-form p,.career-form span{margin:0!important;}

/* 50% fields */
.contact-form .form-group.half,.career-form .form-group.half{width:calc(50% - 10px);}

/* 100% fields */
.contact-form .form-group.full,.career-form .form-group.full{width:100%;}
.career-form .form-group.full .file-input{display:flex!important;align-items:center;}

/*.career-dark-section > .row  {
  padding-bottom: clamp(120px, 15vw, 300px) !important;;
}*/
.career-bottom .uncont{display:flex!important;flex-wrap:wrap;}
.career-bottom .uncont .vc_custom_heading_wrap{width:100%!important;text-align:center;}
.career-bottom .uncont .white-box-para{width:50%!important;display:none;}
.career-bottom .uncont .uncode-list{width:50%!important;}
.career-bottom .uncont ul.icons li .fa{font-size:12px!important;top:-1px;}
.man_img .dummy{padding-top:47%!important;}
.request-btn .uncont{display:flex!important;gap:30px;margin-top:54px!important;}
.request-btn .uncont .btn-container{margin:0!important;}
.plumbing-section > div{overflow:hidden!important;}
.big-heading-text{top:-20px;}
.big-heading-text h2,.big-heading-text p,.big-heading-text h3{width:100%;text-align:left;}
.about-sec-para{max-width:620px;margin:0 auto;}

.timeline-section .layout352_layout{
    position: relative;
    max-width: 1400px;
    margin: 0 auto;
    padding: 50px 0;
}

/* CENTER LINE */
.timeline-section .layout352_progress{
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 3px;
    background: #4f6fff;
    transform: translateX(-50%);
}

/* HIDE UNUSED */
.timeline-section .layout352_centre,
.timeline-section .layout352_fade-overlay-top,
.timeline-section .layout352_fade-overlay-bottom,
.timeline-section .heading-style-h2{
    display: none !important;
}

/* ITEM */
.timeline-section .layout352_item{
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-bottom: 80px;
}

/* BOTH SIDES */
.timeline-section .timeline-col{
    width: calc(50% - 70px);
    max-width: 500px ;
}

/* IMAGE */
.timeline-section .timeline-image img{
    width: 100%;
    max-width: 520px;
    height: 300px;
    object-fit: cover;
    display: block;
}

/* CONTENT */
.timeline-section .timeline-content-col{
    padding-top: 40px;
}

/* YEAR */
.timeline-section .layout352_date-text.heading-style-h3{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 100px;
    min-height: 50px;
    background: #003cff;
    color: #fff !important;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 20px;
    position: relative;
}

/* CONNECTOR */
.timeline-section .layout352_date-text.heading-style-h3::before{
    content: "";
    position: absolute;
    top: 50%;
    width: 70px;
    height: 3px;
    background: #4f6fff;
    transform: translateY(-50%);
}

/* TEXT */


.timeline-section .timeline-description p{
    margin: 0;
      font-size: 18px;
    line-height: 1.8;
    color: #222;

}

/* =====================================
   LEFT IMAGE / RIGHT TEXT
===================================== */

.timeline-section .item-left .timeline-image-col{
    order: 1;
    text-align: right;
    padding-right: 70px;
}

.timeline-section .item-left .timeline-content-col{
    order: 2;
    text-align: left;
    padding-left: 70px;
}

.timeline-section .item-left .layout352_date-text.heading-style-h3::before{
    right: 100%;
}

/* =====================================
   LEFT TEXT / RIGHT IMAGE
===================================== */

.timeline-section .item-right .timeline-content-col{
    order: 1;
    text-align: right;
    padding-right: 70px;
}

.timeline-section .item-right .timeline-image-col{
    order: 2;
    text-align: left;
    padding-left: 70px;
}

.timeline-section .item-right .layout352_date-text.heading-style-h3::before{
    left: 100%;
}

/* BUTTON */
.timeline-section .timeline_btn{
    display: inline-block;
    margin-top: 25px;
}

.timeline-section .timeline-image{
    position: relative;
    overflow: hidden;
}

.timeline-section .timeline-image::after{
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.7); /* 70% white overlay */
    pointer-events: none;
}


.history-section{
  padding-top: 50px !important;
}


span.childlink {
    display: none;
}



@media only screen and (max-width:1800px){
  .maintenance-sec .big-heading-text{position:absolute!important;top:-140px;left:-20px;}
}
@media only screen and (max-width:1600px){
  .uxs-content{padding:50px;margin-bottom:80px;}
}
@media only screen and (max-width:1500px){
  header .menu-container .row-menu > .row-menu-inner{padding:0 20px!important;}
  #masthead .menu-container .main-menu-container #menu-header-menu{gap:30px;}
  .maintenance-sec .big-heading-text{position:absolute!important;top:-125px;left:-20px;}
  .plumbing-section .big-heading-text{position:absolute;top:-125px!important;left:-25px;}
  .plumbing-inner .uncell{padding:50px 60px 43px 60px!important;background-color:#fff!important;}
  .plumbing-inner{transition:all 0.35s ease;}
  .plumbing-inner:hover{transform:scale(1.03);box-shadow:0 25px 50px rgba(0,0,0,0.18);}
  .hvac-sec .big-heading-text{top:-120px!important;}
  .about-sec .big-heading-text{top:-120px!important;}
  .maintenance-sec .big-heading-text.protactive{top:-110px;}
  .switcher-section div .t-entry h2{font-size:clamp(28px,2vw,44px)!important;}
  .switcher-section-row .t-entry{padding-inline:20px!important;}
}
@media only screen and (max-width:1400px){
  #menu-header-menu .menu-item > a{font-size:15px!important;}
  .hero-section > .row{padding-left:30px!important;padding-right:30px!important;}

  /*   .hero-section > .row h1,.hero-section > .row h2{
         font-size:    clamp(30px, 3vw, 50px) !important ;
   
   }*/
  .service-section .big-heading-text{top:-100px!important;}
  /*.service-section .big-heading-text p{font-size:clamp(50px,10vw,160px);}*/
  /*.big-heading-text.home-about{top:-12px!important;}*/
  /*.big-heading-text.home-about p{font-size:clamp(50px,10vw,160px);}*/
  .home-contact.big-heading-text{top:-10px!important;}
  /*.home-contact.big-heading-text p,.home-contact.big-heading-text h2{font-size:clamp(50px,10vw,160px);}*/
  .plumbing-inner{max-width:900px!important;}
  .about-sec .big-heading-text,.hvac-sec .big-heading-text{top:-110px!important;}
  .career-bottom .uncont ul.icons li .fa{font-size:8px!important;top:-3px;}
.hero-text h2:not([class*="fontsize-"]),.h2:not([class*="fontsize-"]){font-size:clamp(28px,4vw,44px);}
}
@media only screen and (max-width:1200px){
  #main-logo .navbar-brand img{width:180px!important;}
  #masthead .menu-container .main-menu-container #menu-header-menu{gap:15px!important;}
  .service-tab{padding:0 20px!important;}
  .service-tab .tab-content .tab-pane{padding:60px!important;}
  .cunstruction-section .row-parent{padding-top:clamp(80px,10vw,265px)!important;padding-bottom:clamp(70px,10vw,236px)!important;padding-inline:clamp(20px,5vw,100px)!important;}
  .cunstruction-section .row-parent h2{font-size:clamp(32px,8vw,70px)!important;}
  .services-switch-block{gap:30px!important;justify-content:space-between;}
  .services-switch-block .left-list{width:35%;}
  .service-content{padding:40px 30px;}
  .plumbing-dark-section > .row{padding-left:80px!important;padding-right:80px!important;}
  .plumbing-inner{max-width:800px!important;}
  .plumbing-inner .uncell{padding:30px 20px!important;}
  footer .row-parent{padding-left:30px!important;padding-right:30px!important;}
  .uxs-media{flex:0 0 50%;}
  .uxs-content{flex:0 0 50%;padding:40px;margin-bottom:60px;}
  .uxs-title{font-size:34px!important;}
  .uxs-zone{min-height:60vh;}
  .portfolio-filter-item-list{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:30px;}
  .big-heading-text h2{font-size:110px;}
  .big-heading-text{top:-15px;}
  .big-heading-text.x-top {    top: -20px;}
  .big-heading-text h3{font-size:clamp(35px,15vw,90px);}
.hero-text h2 span{display:initial!important;}
.hero-text h2 span:last-child{padding-left:5px;}
  .p-20 {
  padding: 0 20px;
}
}
@media only screen and (max-width:1191px){
.big-heading-text h3{font-size:clamp(35px,15vw,80px);}

}
@media only screen and (max-width:1024px){
  .drop-menu li{padding:10px 10px!important;}
  #masthead ul.menu-primary-inner > li{margin:0 0 10px 0!important;position:relative;}
  #masthead .row-menu-inner{padding:10px  20px!important;display:flex;/*background:rgba(235,234,232,.5)!important;*/align-items:center;}
  #masthead .menu-horizontal-inner{padding-top:25px!important;padding-bottom:25px!important;}
  .menu-wrapper .menu-container{position:relative;}
  #masthead ul .drop-menu li a{font-size:16px!important;padding:0 5px;}
  body.menu-custom-padding .menu-container .logo-container{padding-top:0!important;padding-bottom:0!important;}
  .responsive-h2 h2{font-size:clamp(28px,5vw,40px)!important;}
  .responsive-h3 h3{font-size:clamp(26px,3vw,35px)!important;}
  .service-section .big-heading-text {        top: -85px !important;  }
  .service-section.section-row,.inner-block.section-row,.explore-section.section-row>div,.contact-us-section.section-row .inner-block,.about-sec.section-row>div,.plumbing-section.section-row>div,.fabrication>div{padding-top:clamp(50px,8vw,100px)!important;padding-bottom:clamp(50px,8vw,100px)!important;}
  .fabrication .row-inner .column_parent{padding-top:0px!important}
  .plumbing-section.section-row>div .uncont >:nth-child(2),.plumbing-section.section-row>div .uncont >:nth-child(4),.dark-upper .inner-block .uncont  >:nth-child(2){margin-top:20px!important;}
  .explore-section>div{padding-left:20px!important;padding-right:20px!important;}
  .maintenance-col .uncont  .responsive-h3,.maintenance-col .uncont .about-sec-para,.contact-us-section .btn-container,.trust .uncont .about-sec-para,.trust .uncont .about-sec-para >:nth-child(2),.trust .uncont >:nth-child(2){margin-top:20px!important;}
  .blue-box-para{margin-bottom:0px!important;}
  .switcher-section-row .t-entry{padding-inline:20px!important;}
  .switcher-section-row .t-entry-title{font-size:28px;}
  .switcher-section .post-titles-inner .tmb{height:500px!important;}
  .cunstruction-service .switcher-section .post-titles-inner >:nth-child(1),.cunstruction-service .switcher-section .post-titles-inner >:nth-child(2){border-bottom:1px solid #fff;}
  .cunstruction-service .switcher-section .post-titles-inner >:nth-child(2){border-right:none;}
  .cunstruction-service .switcher-section .post-titles-inner .tmb{width:50%!important;}
  .cunstruction-service .switcher-section> div{flex-wrap:wrap!important;}
  .services-switch-block .right-content{padding-top:0px!important;}
  .service-tab{margin-top:25px!important;}
  .explore-section .explore-left .uncont,.explore-section .plumbing-explore-left .uncont{padding:30px 20px!important;}
  .explore-section .explore-left,.explore-right,.explore-section .plumbing-explore-left{width:100%!important;}

  /*    .explore-section.plumbing-explore.row-inner{flex-direction:column !important;}
   .explore-section.section-row .row-inner{display:flex!important;flex-direction:column-reverse;}*/
  .blue-heading-h3 h3,.blue-heading-h3 h4,.blue-heading-h2 h2{font-size:clamp(28px,3vw,33px)!important;}
  .explore-right div{height:100%!important;max-height:600px!important;overflow:hidden!important;}
  .explore-right div img{min-height:350px!important;max-height:600px!important;}
  .btn-container a{padding:15px 15px!important;transform-origin:center!important;transform:none!important;min-width:265px!important}
  .plumbing-dark-section > .row{padding-left:20px!important;padding-right:20px!important;}
  .maintenance-sec.dark-upper .row-parent,.dark-upper .row-parent{padding-bottom:clamp(50px,8vw,120px)!important;}
  .plumbing-inner{max-width:700px!important;}
  span.childlink{position:absolute;right:0;background:#fff;width:30px;height:30px; display: block ; top: 10px ;}
  #masthead span.childlink i{display:block;color:#000;}
  /*.team-build .row-inner{display:flex!important;flex-direction:column-reverse;}*/
  #menu-header-menu .menu-item > a{font-size:18px!important;}
  .slider #masthead .menu-primary-inner{left:0!important;transform:translateX(0px)!important;transition:0.5s all ease!important;z-index:999;}
  #masthead .menu-container .main-menu-container #menu-header-menu{height:100vh!important;flex-direction:row!important;align-items:flex-start!important;align-content:flex-start!important;}
  #masthead .menu-primary-inner{display:block;position:fixed!important;width:320px!important;left:-300px!important;top:0!important;height:100%!important;transform:translateX(-300px)!important;transition:0.5s all ease!important;background:#e31e3a!important;flex-wrap:wrap;padding:50px 20px;align-items:start!important;}
  #masthead ul .drop-menu{display:none;visibility:visible!important;background:transparent!important;width:90%!important;margin-left:15px!important;pointer-events:inherit; position: static !important;}
  #masthead .menu-primary-inner i{display:none;}
  #masthead ul .menu-item-has-children > a{width:fit-content;display:inline-block!important;}
  #masthead ul .menu-item-has-children a i{display:none;}
  #masthead li a,#masthead ul .drop-menu li:hover a{color:#fff!important;display:block;}
  .menu-smart i.fa-dropdown{display:flex;position:absolute;right:0;top:0;bottom:0;margin:auto 0;align-items:center;color:#4a3160;}
  .drop-menu i.fa.fa-angle-right.fa-dropdown{display:none!important;}
  #masthead ul .drop-menu li a{font-size:14px!important;padding:0 5px;}
  #masthead .menu-primary-inner ul.menu-primary-inner{flex-wrap:wrap;gap:20px;}
  #masthead ul.menu-primary-inner li{display:block!important;width:100%;margin:0!important;padding:10px 0!important; height: auto ;}
  #masthead ul.menu-primary-inner li a.hfe-menu-item{display:inline-block;}
  #masthead .menu-container::after,#masthead .menu-container::before{display:none;}
  .openbtn{display:block!important;bottom:0;position:absolute;top:0;right:0;width:45px;height:45px;cursor:pointer;margin:auto;background:#e31e3a!important;padding:20px;border-radius:11px;}
  .openbtn li{list-style:none;position:absolute;background:#fff;width:58%;height:3px!important;transform:translateY(-50%);transition:0.9s;}
  .openbtn li:nth-of-type(1){top:30%;}
  .openbtn li:nth-of-type(2){top:50%;}
  .openbtn li:nth-of-type(3),.openbtn li:nth-of-type(4){width:37%;top:70%;}
  .openbtn li:nth-of-type(1),.openbtn li:nth-of-type(2),.openbtn li:nth-of-type(3){left:10px;}
  .openbtn li:nth-of-type(4){right:10px;}
  .openbtn.active li:nth-of-type(1){top:50%;transform:translateY(-50%) rotate(45deg);}
  .openbtn.active li:nth-of-type(2){top:50%;transform:translateY(-50%) rotate(-45deg);}
  .openbtn.active li:nth-of-type(3){left:-50%;opacity:0;}
  .openbtn.active li:nth-of-type(4){right:-50%;opacity:0;}
  #logo-container-mobile .mmb-container,.desktop-hidden.menu-accordion-secondary{display:none;}
  .main-menu-container{height:auto!important;width:100%;background:transparent!important;}
  .menu-container .logo-container{position:relative;padding:0!important;width:90%;height:100%!important;}

  /*  #masthead .row-menu-inner{padding:10px 20px!important;display:flex;background:rgba(235,234,232,0.5)!important;}
   #masthead{background:rgba(235,234,232,0.5)!important;padding:0;}*/
  .menu-horizontal{position:unset;}
  .menu-primary-inner li a:hover{transform:unset;}
  .dropdown-toggle::after{display:none;}
  .drop-menu li{background-color:transparent!important;box-shadow:none!important;border:none!important;border-bottom:1px solid #fff!important;padding:5px 10px!important;padding-left:0!important;}
  .logo-container-mobile{height:50px}
  .hero-section > .row{padding-top:150px!important;padding-left:20px!important;padding-right:20px!important;}
  /*.service-section .big-heading-text{top:-80px!important;}*/
  .fabrication .uncont >:nth-child(2),.fabrication .uncont >:nth-child(3),.fabrication .uncont >:nth-child(4){margin-top:20px!important;}
  footer .tmb .t-entry-visual img{width:180px!important;}
  .double-block-padding{padding:30px 20px 30px 20px;}
  .abouit-us-page-section .row-parent{padding:100px 20px 100px 20px!important;}
  .explore-left.home .btn-container{margin-top:25px!important;}
  .portfolio-filter-item-list{grid-template-columns:repeat(3,1fr);}
  .single-portfolio .sections-container{border:40px solid #fff!important;border-top-width:120px!important;}
  .single-portfolio #masthead .menu-container .main-menu-container ul a{color: #fff !important;}
  .timeline-section>div{padding: 50px 20px 0px !important;}
}
@media only screen and (max-width:991px){
  /*.service-section .big-heading-text{top:-70px!important;}*/
  .contact-para{margin-bottom:0px!important;}
  /*footer .custom-site-footer  .row-inner{display:flex!important;gap:30px; padding-inline: 30px !important;}
  footer .row-parent{padding-left:0px!important;padding-right:0px!important;}
  footer .custom-site-footer .row-inner>div{width:46%;}*/
  footer .custom-site-footer .row-inner>div{padding:0!important;}
  footer .custom-site-footer .row-inner{flex-wrap:wrap;margin: 0}
  
  .single-block-padding{padding:0px!important;}
  .service-tab .nav-tabs > li.active > a{border-style:solid!important;}
  .sticky-section >div{padding-inline:20px!important;padding-bottom:50px!important;}
  .uxs-wrap,.reverse-scroll .uxs-wrap{flex-direction:column;}
  .uxs-media{flex:0 0 100%;height:450px;}
  .uxs-content{flex:0 0 100%;padding:30px 20px;margin-bottom:0px;}
  .uxs-title{font-size:30px!important;}
  .uxs-zone{min-height:auto;}

  /* --- TURN OFF ANIMATION & FIX SPACING --- */

  /* 1. Stop JS movement and put top block natively in the flow */
  .uxs-top{position:relative!important;transform:none!important; /* Kills the JS translate effect visually */margin-bottom:20px;}

  /* 2. Hide the invisible spacer used for the desktop animation */
  .uxs-zone::before{display:none!important;}

  /* 3. Reset the description margin since elements stack naturally now */
.uxs-desc{font-size:18px!important;margin-top:0!important;}
.big-heading-text h2,.big-heading-text h3,.big-heading-text p,.contact-us-section .big-heading-text{font-size:60px;}
.big-heading-text{top:-5px!important;}
.big-heading-text.x-top{top:-10px;}
.fontsize-195132-custom{font-size:clamp(35px,15vw,55px);}
.uncode-owl-nav.outer-width{width:88vw!important;}
footer .custom-site-footer .row-inner{display:inline-block;height: 335px;}
footer .custom-site-footer .row-inner > div{width:25%;display:inline-block;}
footer .tmb .t-entry-visual img { width: 150px !important; }
footer a,footer p,.address-area p{font-size: 16px !important}
.timeline-section .layout352_layout { padding: 40px 10px; }

/* CENTER LINE */
.timeline-section .layout352_progress { left: 50%; }

/* ITEM */
.timeline-section .layout352_item { margin-bottom: 40px; align-items: center; }

/* BOTH SIDES */
.timeline-section .timeline-col { width: calc(50% - 10px); }

/* IMAGE */
.timeline-section .timeline-image img { width: 100%; max-width: 100%; height: 220px; object-fit: cover; }

/* LEFT ITEMS */
.timeline-section .item-left .timeline-image-col { padding-right: 30px; }
.timeline-section .item-left .timeline-content-col { padding-left: 30px; padding-top: 20px; }

/* RIGHT ITEMS */
.timeline-section .item-right .timeline-image-col { padding-left: 30px; }
.timeline-section .item-right .timeline-content-col { padding-right: 30px; padding-top: 20px; }

/* YEAR */
.timeline-section .layout352_date-text.heading-style-h3 { min-width: 80px; min-height: 42px; font-size: 18px; margin-bottom: 15px; }

/* CONNECTOR */
.timeline-section .layout352_date-text.heading-style-h3::before { width: 30px; }

/* TEXT */
.timeline-section .timeline-description p { font-size: 15px; line-height: 1.6; }

/* BUTTON */
.timeline-section .timeline_btn { margin-top: 15px; }

.site-footer .custom-site-footer {
   
    padding-bottom: 30px !important;
}

}
@media only screen and (max-width:850px){

  /* .services-switch-block .left-list{width:100%;max-width:none;}
   .services-switch-block .right-content{width:100%;max-width:none;}*/
  .contact-para.hvac-service{margin-bottom:0!important;}
  .btn-container a,.read-btn{font-size:16px;}
  .portfolio-filter-wrapper{flex-direction:column;gap:20px;}
  .service-section .big-heading-text {        top: -73px !important;    }
}
@media only screen and (max-width:767px){
  
  body.menu-custom-padding .menu-container .logo-container{padding-top:0px!important;padding-bottom:0px!important;}
  .openbtn{width:40px;height:40px;border-radius:5px;}
  .openbtn li:nth-of-type(4){right:7px;}
  .openbtn li:nth-of-type(3),.openbtn li:nth-of-type(4){width:30%;top:70%;}
  #menu-header-menu .menu-item>a{font-size:16px!important;}
  #masthead .row-menu-inner{align-items:center;}
  .openbtn li:nth-of-type(1),.openbtn li:nth-of-type(2),.openbtn li:nth-of-type(3){left:9px;}
  #main-logo .navbar-brand img{width:130px!important;}
  #masthead ul .drop-menu li a{font-size:16px!important;padding:0 5px;margin:9px 0 9px 0!important;display:inline-block;width:100%;cursor:pointer;}
  .drop-menu li{padding:5px 10px!important;}
  .hero-section.home .uncont,.hero-section .uncont,.abouit-us-section.home .uncont,.explore-left .uncont,.hero-section.about-page .uncont,.hvac-hero .uncont{text-align:center!important;}
  .hero-section .btn-container,.hero-section.service-page .request-btn{margin-top:30px!important;}
  .btn-container .tab-btn{line-height:1.3!important;}
  .switcher-section-row .single-gutter.post-titles-inner{display:flex;flex-direction:column;}
  .switcher-section .post-titles-inner .tmb{height: 100%px!important;border-right:none;border-bottom:1px solid #fff;}
  .request-btn .uncont{gap:20px;margin-top:0px!important;flex-wrap:wrap;justify-content:center;}
  .service-tab .tab-content .tab-pane,.explore-section .explore-left.home .uncont{padding:30px 20px!important;}
      .service-section .big-heading-text { top: -55px !important;  }
  .service-tab .tab-content p{font-size:15px!important;}
  .btn-wrapper a{transform-origin:center!important;}
  .btn-container .tab-btn{padding-left:15px!important;padding-right:15px!important;}
  .service-content{align-items:center!important;gap:20px!important;justify-content:center;min-height:250px!important;text-align:center;}
  .plumbing-dark-section > .row{padding-top:50px!important;padding-bottom:50px!important;}
  body:not(.vc-safe-mode) .shift_y_neg_triple:not(.shift_y_fixed){margin-top:0px!important;}
  footer .custom-site-footer .row-inner{flex-direction:column!important;align-items:center;}
  footer .tmb .t-entry-visual img{width:100%!important;}
  footer a{transform-origin:center!important;}
  #menu-footer-menu{display:flex!important;flex-direction:column;align-items:center; row-gap: 5px !important;}
  footer  .menu-smart{display:flex!important;justify-content:center;}
  footer  .menu-smart ul li{width:100%!important;}
  footer .custom-site-footer .row-inner>div{width:100%;}
  footer .custom-site-footer .row-inner .uncont{text-align:center!important;}
  footer .icon-media{margin:auto!important;}
  footer  .menu-smart ul li a{width:100%!important;}
  .site-footer .custom-site-footer {  padding-bottom: 30px !important;}
      footer .custom-site-footer .row-inner {
        display: inline-block;
        height: auto ;
    }
  .footer-menu{max-width: none !important; margin-block: 25px !important;}
  .emergency{margin-top: 25px !important;}
  .emergency .empty-space{padding-top: 1px !important;}
  .address-area,.address-area p:nth-child(2){margin-top: 10px !important;}
  .align_left.column_parent .unmenu-block li a{justify-content:center!important;transform-origin:center!important;}
  .copyright-div div{padding:0!important;}
  .explore-section .row-parent{padding-bottom:50px!important;padding-top:50px!important;padding-left:20px!important;padding-right:20px!important;}
  .logo-image .fluid-svg span{width:40%!important;}
  .block-title{text-align:center;}
  .cunstruction-service .switcher-section .post-titles-inner .tmb{width:100%!important;}
  .abouit-us-page-section .row-parent{padding:50px 20px 50px 20px!important;}
  .contact-form .form-group.half,.career-form .form-group.half{width:100%;}
  .explore-section .explore-left p{font-size:18px!important}
  .services-switch-block .left-list{width:100%;max-width:none;}
  .services-switch-block .right-content{width:100%;max-width:none;}
  .service-tab .vc_tta-tabs-container ul li a{padding:0 10px 10px 10px!important;}
  .service-tab ul {    display: flex;justify-content: center;}
.service-tab .vc_tta-tabs-container ul li a span {
    font-size: 15px;
    white-space: inherit !important;
            max-width: 130px;
        margin: 0 auto;

}
.service-tab ul li {
    width: 50%;
}

.service-tab ul li span {
    word-break: break-all;
    width: 100%;
    display: block;

}
  .services-switch-block{flex-direction:column;}
  .service-list{display:flex;gap:10px;flex-wrap:wrap; justify-content: center;}
  .service-item{padding:10px 20px; width: 47%; text-align: center;}
  .service-item .title{font-size:18px;}
  .service-item .toggle{display:none;}
  .service-item{flex:0 0 auto; /* prevents shrinking */display:inline-block;}

  /* Optional: hide scrollbar (works in most browsers) */
  .service-list::-webkit-scrollbar{display:none;}
  .service-list{-ms-overflow-style:none;scrollbar-width:none;}
  .uxs-media{height:300px;}
  .portfolio-filter-item-list{grid-template-columns:repeat(1,1fr);}
  .filter-left{flex-wrap:wrap;align-items:center;justify-content:center;}
  .single-portfolio .sections-container .header-content-inner h1{font-size: 30px !important;}
  .uncode-owl-nav.outer-width {        width: 81vw !important;    }
  .contact-us-section .inner-block {    padding-top: 110px !important;}

.career-bottom .uncont .uncode-list{width:100%!important; margin-top:0px !important;}
.career-bottom .uncont .uncode-list .icons{margin-top: 10px !important;}

.timeline-section .layout352_layout { padding: 30px 0px; }



/* IMAGE */
.timeline-section .timeline-image img { height: 160px; }

/* SPACING */
.timeline-section .item-left .timeline-image-col { padding-right: 20px; }
.timeline-section .item-left .timeline-content-col { padding-left: 20px; }
.timeline-section .item-right .timeline-image-col { padding-left: 20px; }
.timeline-section .item-right .timeline-content-col { padding-right: 20px; }

/* YEAR */
.timeline-section .layout352_date-text.heading-style-h3 { min-width: 70px; min-height: 38px; font-size: 16px; }

/* CONNECTOR */
.timeline-section .layout352_date-text.heading-style-h3::before { width: 20px; }

/* TEXT */
.timeline-section .timeline-description p { font-size: 14px; line-height: 1.5; }


}
@media only screen and (max-width:569px){
  .explore-section .explore-left > .uncol{padding-left:20px!important;padding-right:20px!important;}
  .uxs-media{height:250px;}
   .uncode-owl-nav.outer-width {        width: 78vw !important;    }
   .big-heading-text h2,.big-heading-text h3,.big-heading-text p,.contact-us-section .big-heading-text{font-size:40px;}
}











@keyframes lineOutIn{
  0%{transform-origin:right;transform:scaleX(1);}
  49%{transform-origin:right;transform:scaleX(0);}
  51%{transform-origin:left;transform:scaleX(0);}
  100%{transform-origin:left;transform:scaleX(1);}
}