@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); /* font-family: "Montserrat", sans-serif; */
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css'); /* font-awesome icons*/

:root {
/*Colors*/
--clr-dark:#000000;
--clr-base:var(--clr-dark);
--clr-gray:rgba(0,0,0,0.7);
--clr-white:#ffffff;
--clr-yellow:#FACC15;
--clr-theme:#cc6734;
--clr-theme-alt:#193463;
--clr-action:var(--clr-theme);

/*Background Colors*/
--bg-body:var(--clr-white);
--bg-base:var(--clr-theme);
--bg-dark:var(--clr-dark);
--bg-gray:#eaeaea;
--bg-gray-light:#f0f0f1;
--bg-white:var(--clr-white);
--bg-action:var(--clr-action);

/*Border Colors*/
--bdr-base:var(--clr-dark);
--bdr-gray:#d6d6d6;
--bdr-light:rgba(0,0,0,0.1);
	
/*Fonts*/
--font-base:"Montserrat", sans-serif;
--font-head:var(--font-base);	
}


*{margin:0; padding:0; box-sizing:border-box; -webkit-box-sizing:border-box; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-touch-callout:none;}
:focus{outline:none;}
html{height:100%; -webkit-text-size-adjust:none;}
body{height:100%; font-size:12px; font-family:var(--font-base); color:var(--clr-base); background:var(--bg-body); font-weight:normal; line-height:1.2; font-weight:normal; -webkit-font-smoothing:antialiased;}
a{text-decoration:none; outline:none; color:var(--clr-action); outline:none; cursor:pointer;}
a:hover, a:focus{text-decoration:none; outline:none;}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus, .btn:hover, .btn:focus, .btn.focus{outline:none; box-shadow:none;}
:where(figure), figure{padding:0;margin:0;}
img{margin:0; padding:0; max-width:100%; border:none; height:auto;}
p{font-size:14px; line-height:1.5em; color:var(--clr-base); font-weight:normal;}

/*HEADING CSS*/
h1, h2, h3, h4, h5, h6{margin:0; padding:0; display:block; color:var(--clr-dark);}

/*LIST CSS*/
ul, ul li, ol, ol li{margin:0; padding:0; list-style:none;}

/*NORMAL CSS*/
::selection{background:var(--bg-base); color:var(--clr-white);}
::-moz-selection{background:var(--bg-base); color:var(--clr-white);}
.container, .container-fulid{margin:0 auto; width:100%; --container-width:1630px; max-width:var(--container-width); padding:0 16px;}
.container-fulid{max-width:100% !important;}
.pull-left{float:left;}
.pull-right{float:right;}
.block{float:left; width:100%;}
.event-none{pointer-events:none;}
.disabled{pointer-events:none; opacity:0.5;}
.icon{display:inline-block; font-size:20px; vertical-align:middle;}
.hidden{display:none !important;}
.word-label{display:inline-block;}
.higlight-text, .highlight-text{color:var(--clr-theme);}
.section-title-light.highlight-text, .info-title .section-title-light.highlight-text{color:var(--clr-theme);}
.form-control, input{float:left; width:100%; background:#fff; border:2px solid rgb(0, 0, 0, 0.16); border-radius:0; height:64px; font-size:20px; font-weight:500; font-family:var(--font-base); color:var(--clr-dark); padding:4px 20px;}
.form-control::placeholder{color:#aeaeae;}
button{box-shadow:none; outline:none; cursor:pointer;}
.row-column{flex-direction:column;}
.justify-left{justify-content:flex-start;}
.row-column.justify-left{align-items:flex-start;}

/*BUTTON CSS*/
.button-bar{float:left;width:100%;display:flex; gap:10px 20px;}
.button-bar-center{justify-content:center;}
.button-col{float:left; display:flex; align-items:center; flex-direction:column; position:relative;}
.btn{padding:10px 16px; font-size:18px; font-weight:700; text-transform:uppercase; text-align:center;display:inline-flex; align-items:center; justify-content:center; background:#f8f8f8; color:var(--clr-white); border:none; border-radius:0px; transition:all 0.5s ease 0s; grid-gap:6px; position:relative;}
.btn-base{background:var(--bg-action); color:var(--clr-white); font-size:16px; text-transform:uppercase; min-height:60px;}
.btn-base:before{content:""; position:absolute; bottom:0; left:0; right:0; height:0%; width:100%; background:var(--bg-base); transition:0.3s ease-out;}
.btn-base:hover:before{height:100%;}
.btn-base .btn-label{white-space:nowrap; position:relative; z-index:1;}
.btn-icon{font-size:20px; position:relative;}


/*Loading CSS Start*/
.loading-block{position:fixed;float:left;width:100%;top:0;left:0;right:0;bottom:0;z-index:1;z-index:3;text-align:center;background:var(--bg-body);height:100dvh!important;}
.loading-block.content-loader{position:absolute;height:100%;} 
.loading-block.content-relative{position:relative;height:160px;background:none;z-index:1;}
.spinner-block{float:left; width:100%; height:100%; display:flex; justify-content:center; align-items:center;}
.spinner-border{display:inline-block; position:relative; width:30px; height:30px; border:3px solid var(--clr-theme); border-color:var(--clr-theme) transparent var(--clr-theme) var(--clr-theme); animation: spinner-ring 650ms linear infinite; border-radius:50%;}
@keyframes spinner-ring{
  0% {
    transform: rotate(0deg);
  }
100% {
    transform: rotate(360deg);
  }
}
/*Loading CSS END*/

/* Scroll Top */
.scrollToTop{position:fixed;bottom:-30%;right:3%;z-index:9;width:40px;height:40px;line-height:40px;background:var(--clr-theme);text-align:center;border-radius:50%;font-size:24px;animation:5s linear infinite lab_top_up;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;display:flex;justify-content:center;align-items:center;}
.scrollToTop i{color:#fff;z-index:1;position:relative}
@keyframes lab_top_up{0%,100%{transform:translateY(-15px)}50%{transform:translateY(0);}}
.pluse_1,.pluse_1::after,.pluse_1::before,.pluse_2,.pluse_2::after,.pluse_2::before{position:absolute;content:'';left:0px;right:0px;}
.pluse_1,.pluse_2{width:100%;height:100%;border-radius:50%;background:rgba(0,82,215,0.1);}
.pluse_1::after,.pluse_1::before,
.pluse_2::after,.pluse_2::before{background:rgba(238, 116, 55, 0.8);border-radius:50%;}
.pluse_1::after,.pluse_2::after{width:30px;height:30px;background:0 0;}
.pluse_1:before,.pluse_2:before{width:40px;height:40px;}
.pluse_1{-webkit-animation:3s linear infinite pluse_animate;animation:3s linear infinite pluse_animate;}
.pluse_2::before{-webkit-animation:3s linear 1s infinite pluse_animate;animation:3s linear 1s infinite pluse_animate;margin-left:0;margin-top:0}
@keyframes pluse_animate{0%{opacity:1;-webkit-transform:scale(.3);transform:scale(.3);}100%{opacity:0;-webkit-transform:scale(2);transform:scale(2);}}


/*ScrollBar*/
*::-webkit-scrollbar{width:5px; border-radius:20px; height:5px;}
*::-webkit-scrollbar-track{background:transparent;}
*::-webkit-scrollbar-thumb{background-color:var(--bg-dark); border-radius:20px; width:5px; height:5px;}
/*ScrollBar*/


/* Grid CSS Start */
.flex-row{--column-count:2;--column-gap: 12px;display: flex;flex-wrap: wrap;gap: var(--column-gap);justify-content: space-between;float: left;width:100%;}
.flex-col{float:left;min-width:calc((100% - (var(--column-gap) * (var(--column-count) - 1))) / var(--column-count));width:calc((100% - (var(--column-gap) * (var(--column-count) - 1))) / var(--column-count));}
.flex-col-1{--column-count:1;}
.flex-col-2{--column-count:2;}
.flex-col-3{--column-count:3;}
.flex-col-4{--column-count:4;}
/* Grid CSS End */


/* Owl Carousel Start */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative;}
.owl-carousel{display:none;width:100%;z-index:1;}
.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden;}
.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0);}
.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);}
.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none;}
.owl-carousel .owl-item img{display:block;width:100%;}
.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none;}
.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block;}
.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit;}
.owl-carousel.owl-loading{opacity:0;display:block;}
.owl-carousel.owl-hidden{opacity:0;}
.owl-carousel.owl-refresh .owl-item{visibility:hidden;}
.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.owl-carousel.owl-grab{cursor:move;cursor:grab;}
.owl-carousel.owl-rtl{direction:rtl;}
.owl-carousel.owl-rtl .owl-item{float:right;}
.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both;}
.owl-carousel .owl-animated-in{z-index:0;}
.owl-carousel .owl-animated-out{z-index:1;}
.owl-carousel .fadeOut{animation-name:fadeOut;}
@keyframes fadeOut{0%{opacity:1}100%{opacity:0};}
.owl-height{transition:height .5s ease-in-out;}
.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease;}
.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0;}
.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d;}
.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000;}
.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease;}
.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3);}
.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none;}
.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease;}
.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%;}
/* Owl Carousel End */


/*======CAROUSEL CSS======*/
.owl-stage-outer{position:relative;overflow:hidden;float:left;width:100%;}
.owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden;}
.owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none;position:relative;}
.owl-nav.disabled, .owl-dots.disabled{display:none;}
.owl-dots{float:left;width:100%;text-align:center; display:flex; align-items:center; justify-content:center;}
.owl-dots .owl-dot{float:left; width:12px; height:12px; background:#b0b0b0; border:none; outline:none; margin:0 6px;}
.owl-dots .owl-dot.active{background:var(--clr-action);}
.owl-nav{height:100%;display:flex;align-items:center;}
.owl-nav .owl-next, .owl-nav .owl-prev, .owl-dot{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.owl-nav button.owl-next, .owl-nav button.owl-prev{position:absolute;top:0px;bottom:0px;border:none;padding:0!important;background:none;justify-content: center;}
.owl-nav button.owl-next span,
.owl-nav button.owl-prev span{color:#ffffff;background: var(--clr-theme);height: 154px;width:46px;display: inline-flex;align-items: center;justify-content:center;}
.owl-nav .owl-prev{left:-46px;}
.owl-nav .owl-next{right:-46px;}


.main-section{float:left; width:100%; position:relative;}
.mid-wrapper{float:left; width:100%;}

.vertical-lines-wrap{position:absolute; top:0; left:0; width:100%;  z-index:-1; height:100%; display:flex; justify-content:center;}
.vertical-lines-wrap .vertical-lines{float:left; width:100%; background:url("../images/vertical-lines.webp") repeat-y 0 0; height:100%; background-size:100%; max-width:1598px;}

/* ========================= Header CSS Start ========================= */
.main-header{float:left; width:100%; position:fixed; top:30px; z-index:2; transition:all 0.3s ease 0s}
.main-header.sticky{box-shadow:0 2px 10px rgba(0, 0, 0, 0.16); top:0; background:#fff;}
.header-outer{float:left; width:100%; padding:0px; display:flex; align-items:center;}
.header-inner{float:left; width:100%; display:flex; justify-content:space-between; align-items:center; --clip-path-value:40px; position:relative; transition:all 0.3s ease 0s;}
.header-block{float:left; width:100%;}
.brand-logo{float:left; width:100%; max-width:294px;}
.brand-figure, .brand-figure img{float:left; width:100%;}
.sticky .header-inner{padding-left:0px; clip-path:inherit;}
.sticky .header-inner:before{display:none;}

.nav-bar{float:left; flex:1;}
.nav-bar-inner{float:right; width:100%; display:flex; height:100%;}
.nav-listing{float:right; display:flex; align-items:center; gap:0px 50px; justify-content:flex-end; margin-left:auto;} 
.nav-listing:not(.nav-button-bar){padding-right:80px;}
.nav-list-item{float:left; position:relative; height:100%;}
.nav-item{float:left; width:100%; color:var(--clr-gray); position:relative; transition:all 0.3s ease 0s; cursor:pointer; padding:0px 16px; height:100%; display:flex; align-items:center; justify-content:center;}
.nav-item:hover:after, .active .nav-item:after{right:0;}
.active .nav-item{color:var(--clr-white);}
.active .nav-item .nav-label{color:var(--clr-theme-alt);}
.nav-label{float:left; width:100%; font-size:16px; font-weight:700; text-transform:uppercase; color:var(--clr-base);}
.nav-button-bar{width:auto; margin-left:0;}
.nav-button-bar .btn-base:before{background:var(--clr-theme-alt); height:100%; opacity:0;}
.nav-button-bar .btn-base:hover:before{opacity:1;}
.nav-button-bar .btn-base:after{content:""; position:absolute; right:calc(100% - 1px); top:0; --clip-path-size:40px; width:var(--clip-path-size); height:var(--clip-path-size); clip-path:polygon(100% 0, 0 0, 100% 100%); background:var(--bg-base); transition:0.3s ease-out;}
.nav-button-bar .btn-base:hover:after{background:var(--clr-theme-alt);}

.main-header .nav-close{float:left; width:100%; height:50px; border-bottom:1px solid #d9d9d9; background:#fff; display:none; position:static; cursor:pointer;}
.close-btn{float:left; width:44px; height:100%; display:flex; align-items:center; font-size:20px; color:#000; margin-right:0; padding-left:10px;}
.nav-title{float:left; flex:1; font-size:16px; color:#000; align-self:center; font-weight:700;}
.mobile-navbar{float:right; display:none;}
.mobile-navbar .icon{color:var(--clr-dark); font-size:24px; cursor:pointer; float:left;}
.nav-overlay{float:left; width:100%; position:fixed; background-color:rgba(0, 0, 0, 0.75); height:100%; max-height:100%; top:0; left:0; z-index:2; transition:all 0.4s ease 0s; visibility:hidden; opacity:0; display:none;}

.sub-nav-bar{float:left; width:100%;}
.sub-nav-list{float:left; width:100%; border-radius:4px; background:#fff; position:relative;}
.sub-nav-li, .sub-nav-list > .nav-list-item{float:left; width:100%; border-bottom:1px solid #d9d9d9;}
.sub-nav-li:last-child, .sub-nav-list > .nav-list-item:last-child{border-bottom:none;}
.sub-nav-item{float:left; width:100%; padding:14px 10px;}
.sub-item-label{float:left; width:100%; font-size:14px; color:#000; font-family:var(--font-head); font-weight:600; text-transform:uppercase;}
.sub-nav-li:hover .sub-item-label, .sub-nav-list > .nav-list-item:hover .sub-item-label{color:var(--clr-theme);}
.add-dropdown .nav-item .icon{position:absolute; top:0; bottom:0; right:0; margin:auto; color:#121212; font-size:12px; display:flex; height:100%; align-items:center; justify-content:center; transition:all 0.3s ease 0s;}

@media(max-width:1359px){
  .nav-label{font-size:14px;}
  .nav-listing:not(.nav-button-bar){padding-right:10px;}
}

@media(min-width:992px){
  .header-inner{padding-left:var(--clip-path-value); padding-right:var(--clip-path-value);}
  .header-block{display:flex; justify-content:space-between; align-items:center; background:var(--bg-white);}
  .header-inner:before{content:""; position:absolute; left:0; top:0; height:100%; width:var(--clip-path-value); clip-path: polygon(0 0, 100% 0, 100% 100%, var(--clip-path-value) 100%, 0 calc(100% - var(--clip-path-value))); background:var(--bg-white);}

  .nav-item:hover .nav-label{color:var(--clr-theme-alt);}
  .nav-item:after{position:absolute; bottom:0; left:0; right:100%; height:6px; content:''; float:left; transition:all 0.3s ease 0s;  background:var(--bg-action);}
  .sub-nav-bar{min-width:180px; position:absolute; top:calc(100% - 2px); left:0; z-index:1; display:none;}   
  .add-dropdown:hover > .sub-nav-bar{display:block;}
  .sub-nav-list:before{content:""; position:absolute; bottom:100%; left:5px; border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:10px solid #fff;}
  .sub-nav-list{margin-top:14px; filter:drop-shadow(0px 3px 3px rgba(0,0,0,0.3));}
  .add-dropdown .nav-item{padding-right:18px;} 
  .active.add-dropdown .nav-item:before{color:var(--clr-theme);}

  .contact-btn{background:var(--bg-action); color:var(--clr-white); min-height:90px; padding:0px; padding-left:var(--clip-path-value); text-align:right; position:relative; transition:0.3s ease-out;}
  .contact-btn:hover{color:var(--clr-white); background:var(--clr-theme-alt);}
  .contact-btn:before, .nav-button-bar .btn-base.contact-btn:before{content:""; position:absolute; left:100%; opacity:1; top:0; height:100%; width:var(--clip-path-value); clip-path: polygon(calc(100% - var(--clip-path-value)) 0, 100% var(--clip-path-value), 100% 100%, 0 100%, 0 0); background:var(--bg-action);}
  .contact-btn:hover:before, .nav-button-bar .btn-base.contact-btn:hover:before{background:var(--clr-theme-alt);}


  .active .contact-btn{background:var(--clr-theme-alt);}
  .nav-button-bar .active .btn-base:after{background:var(--clr-theme-alt);}
  .active .contact-btn:before, .nav-button-bar .active .btn-base.contact-btn:before{background:var(--clr-theme-alt);}
 
}

@media(max-width:991px){
  .header-outer{padding:10px 0px;}
  .nav-bar{float:left;width:100%;display:flex;flex-direction:column;width:calc(100% - 50px);background:#ffffff;position:fixed;top:0;left:-100vw;height:100%;z-index:3; transition:left 0.5s ease 0s; margin:0;align-items:flex-start;align-content:start;padding:0px;max-width:320px;}
  .nav-bar.show{left:0px;}
  .nav-bar-inner{flex-direction:column; overflow:hidden;}
  .main-header .nav-close{display:flex; padding:0;  position:relative;}
  .nav-listing{margin-bottom:50px; overflow:hidden; overflow-y:auto; flex-direction:column; gap:inherit; padding:0 10px; justify-content:flex-start; margin-left:0;}
  .nav-list-item{float:left; width:100%; transition:all 0.3s ease-out 0s; position:relative; left:-100%;}
  .show .nav-list-item{left:0px; --anim-delay:0.2s;}
  .show .nav-list-item:nth-of-type(1){transition-delay:0.1s;}
  .show .nav-list-item:nth-of-type(3){transition-delay:calc(var(--anim-delay) * 2);}
  .show .nav-list-item:nth-of-type(4){transition-delay:calc(var(--anim-delay) * 3);}
  .show .nav-list-item:nth-of-type(5), .show .nav-button-bar .nav-list-item{transition-delay:calc(var(--anim-delay) * 4);}
  .show .nav-list-item:nth-of-type(6){transition-delay:calc(var(--anim-delay) * 5);}
  .nav-item{color:var(--clr-dark); padding:10px 0px; border:none;}
  .active .nav-item .nav-label{color:var(--clr-dark);}
  .nav-button-bar .nav-list-item:last-child{border-bottom:none;}
  .btn.get-in-touch-btn{font-size:15px;min-height:36px;margin:10px 0;}
  .show-nav .nav-overlay{visibility:visible; opacity:1; display:block;}
  .mobile-navbar{display:block;}
  .nav-list-item, .nav-item{height:inherit;}
  .sub-nav-list{background:#f7f7f7; border-radius:0;} 
  .sub-nav-bar{display:none; padding-top:10px;}
  .open-dropdown .nav-item:before{transform:rotate(180deg);}
  .add-dropdown .nav-item:before{color:#008de1; right:10px; display:flex;}
  .hide-overflow{overflow:hidden;}
        
}
/* ========================= Header CSS End ========================= */


/* ========================= Banner CSS Start ========================= */
.hero-banner{float:left; width:100%; overflow:hidden;}
.hero-banner-inner{float:left; width:100%; padding:230px 0px 324px; position:relative; background:var(--bg) no-repeat center bottom; background-size:cover;}
.banner-block{display:flex; align-items:center; float:left; width:100%; gap:20px 30px;}
.banner-content{float:left; width:100%; flex:1; color:var(--clr-white);}

.badge-label-bar{float:left; width:100%; margin-bottom:30px;}
.badge-label-inner{float:left; position:relative; background:var(--bg-base); --clip-path-value:10px; clip-path: polygon(0 0, 100% 0%, calc(100% - var(--clip-path-value)) 100%, 0% 100%);}
.badge-label{float:left; min-width:256px; min-height:54px; padding:4px 34px 4px 30px; display:flex; align-items:center; justify-content:center; text-transform:uppercase; font-size:30px; font-weight:700; color:var(--clr-theme); background:var(--bg-white); --clip-path-value:10px; clip-path:polygon(var(--clip-path-value) 0%, 100% 0%, calc(100% - var(--clip-path-value) - 10px) 100%, 0% 100%);}

.banner-title-bar{float:left; width:100%;}
.banner-title{font-size:52px; color:var(--clr-white); font-weight:700; text-transform:uppercase; float:left; width:100%; max-width:860px; margin-bottom:30px;}
.banner-cnt{float:left; width:100%;}
.banner-pre{float:left; width:100%; max-width:820px; font-size:22px; color:var(--clr-white); margin-bottom:20px;}

.banner-button-bar{margin-top:40px; gap:10px 36px;}
.btn-pre-label{float:left; width:100%; text-align:right; font-size:18px; font-weight:500; text-transform:uppercase; color:rgba(255, 255, 255, 0.5); margin-top:6px;}
.btn-group{float:left; display:flex; flex-direction:column;}

.btn-theme, .btn-theme-inner{--clip-path-value:20px; clip-path:polygon(0 0, calc(100% - var(--clip-path-value)) 0%, 100% var(--clip-path-value), 100% 100%, var(--clip-path-value) 100%, 0% calc(100% - var(--clip-path-value))); background:var(--bg-white); padding:2px;}
.btn-theme-inner{min-width:276px; min-height:56px; --btn-icon-size:66px; padding-right:calc(var(--btn-icon-size) - 14px); background:var(--bg-base); display:flex; align-items:center; justify-content:center; transition:all 0.3s ease 0s;}
.btn-icon-col{position:absolute; top:0; right:0; display:flex; align-items:center; justify-content:center; width:var(--btn-icon-size); height:100%; --clip-path-value:14px; clip-path:polygon(100% 0, 100% 100%, var(--clip-path-value) 100%, var(--clip-path-value) var(--clip-path-value), 0 0); background:var(--bg-white); z-index:1;}
.primary-btn-outline .btn-theme-inner:before{content:""; position:absolute; right:2px; top:0; width:var(--btn-icon-size); height:100%; background:var(--bg-white); --clip-path-value:14px; clip-path:polygon(100% 0, 100% 100%, var(--clip-path-value) 100%, var(--clip-path-value) var(--clip-path-value), 0 0); z-index:-1;}
.btn-icon-col .btn-icon{color:var(--clr-action); padding-left:calc((var(--clip-path-value) / 2) + 2px); transition:all 0.3s ease 0s;}

.primary-btn-outline .btn-theme-inner{background:var(--clr-theme-alt);}
.primary-btn-outline .btn-icon-col{background:var(--clr-theme);}
.primary-btn-outline .btn-icon-col .btn-icon{color:var(--clr-white);}

.secondary-btn.btn-theme{background:var(--clr-theme-alt);}
.secondary-btn .btn-icon-col{background:var(--clr-theme-alt);}
.secondary-btn .btn-icon-col .btn-icon{color:var(--clr-white);}

.btn-theme:hover .btn-icon{transform:translate(20%, 0) scale(1, 1);}
.btn-theme:hover .btn-theme-inner{background:var(--bg-white); color:var(--clr-theme);}

.primary-btn-outline:hover .btn-theme-inner{background:var(--clr-theme); color:var(--clr-white);}
.secondary-btn:hover .btn-theme-inner{background:var(--clr-theme-alt); color:var(--clr-white);}

.btn-loading .btn-icon-col .btn-icon{opacity:0; visibility:hidden;}
.btn-loading .btn-icon-col:after{content:""; position:absolute; width:18px; height:18px; top:0; right:15px; bottom:0; margin:auto; border:3px solid transparent; border-top-color:#ffffff; border-radius:100%; animation:button-loading-spinner 1s ease infinite;}
@keyframes button-loading-spinner {
  from{transform: rotate(0turn);}
  to{transform: rotate(1turn);}
}
/* ========================= Banner CSS End ========================= */


/* ========================= Company CSS Start ========================= */
.section-block{float:left;width:100%;}
.section-inner{float:left;width:100%;}
.section-info{float:left; width:100%; padding:80px 0px;}

.about-outer{float:left;width:100%;}
.about-inner{float:left;width:100%;}
.about-row{float:left;width:100%;display:flex;align-items:flex-end;flex-wrap:wrap;}

.reverse-column{flex-direction:row-reverse;}
.reverse-column .about-left{padding-right:0px; padding-left:100px;}

.about-left{float:left;width:59.4%; padding-right:100px;}
.about-right{float:left;width:40.6%;}
.about-content{float:left;width:100%;}
.about-image{float:left;width:100%;position:relative;display:flex; align-items:center; justify-content:center;}
.about-image figure{float:left;width:100%;}
.about-image figure img{float:left;width:100%;}
.video-play-icon{position:absolute; max-width:141px;}

.section-content-block{float:left;width:100%;}
.section-title{float:left; width:100%; font-size:62px; color:var(--clr-theme-alt); font-weight:600; margin-bottom:40px;}
.section-text{float:left;width:100%; margin-bottom:16px;}
.section-pre{float:left;width:100%; margin-bottom:30px; font-size:20px; line-height:1.85em; color:var(--clr-gray); max-width:690px;}

.section-btn{float:left;width:100%;}
.more-btn{float:left; font-size:18px; font-weight:600; text-transform:uppercase; color:var(--clr-dark); display:flex; align-items:center; gap:20px; position:relative;}
.more-btn-icon{--icon-size:36px; width:var(--icon-size); height:var(--icon-size); background:var(--bg-action); color:var(--clr-white); display:inline-flex; align-items:center; justify-content:center; position:relative; top:-1px;}
.more-btn:before{content:""; position:absolute; right:20px; top:0; bottom:0; width:58px; height:25px; margin:auto; background:rgba(204, 103, 52, 0.1);}
.more-btn:hover .btn-label{color:var(--clr-theme-alt); text-decoration:underline;}

.about-content .badge-label-bar{margin-bottom:50px;}
.badge-gray .badge-label{background:var(--bg-gray);}

.quote-block{float:left;width:100%;background:var(--bg-gray);--clip-path-value:80px; clip-path:polygon(0 0, calc(100% - var(--clip-path-value)) 0%, 100% var(--clip-path-value), 100% 100%, 0 100%); padding:40px 30px 30px; margin-top:56px; position:relative;}
.quote-block:before{content:""; position:absolute; right:0; top:0; width:var(--clip-path-value); height:var(--clip-path-value); background:var(--bg-action); clip-path: polygon(0 0, 0% 100%, 100% 100%);}
.quote-block-title{float:left; width:100%; font-size:42px; font-weight:600; color:var(--clr-theme-alt); margin-bottom:18px;}
.quote-block-pre{float:left; width:100%; font-size:20px; color:var(--clr-dark); margin-bottom:28px;}
/* ========================= Company CSS End ========================= */


/*=====Testimonials CSS Start=====*/
.section-testimonials{background:url("../images/testimonials-bg.webp") no-repeat center 80px;}
.testimonial-info{padding-bottom:160px;}
.section-title-light{color:var(--clr-theme); font-weight:bold;}
.testimonial-block{float:left; width:100%;}
.testimonial-slide{float:left; width:100%;}
.slide-item{float:left; width:100%; height:100%;}
.testi-quote{float:left; width:100%; display:flex; justify-content:flex-end; align-items:flex-start; max-height:82px; overflow:hidden;}
.testi-quote-icon{float:left; width:100%; max-width:119px;}
.testi-quote-icon img{float:left; width:100%;}
.testimonial-card{float:left; width:100%; padding-bottom:22px; flex:1; clip-path:polygon(100% 0, 100% calc(100% - 122px), calc(100% - 118px) 100%, 0 calc(100% - 22px), 0 0); position:relative;}
.testimonial-card:before{position:absolute; z-index:0; content:''; top:0; left:1px; right:1px; height:100%; background:var(--clr-theme);}
.testimonial-card-inner{float:left; width:100%; background:#fafafa; padding:48px 38px 18px; height:100%; display:flex; flex-direction:column; clip-path: polygon(100% 0, 100% calc(100% - 100px), calc(100% - 120px) 100%, 0 100%, 0 0); position:relative; z-index:1;}
.rating{float:left; width:100%; display:flex; align-items:center; gap:3px; margin-bottom:20px;}
.rating .icon{float:left; font-size:20px; color:var(--clr-yellow);}
.item-prea{float:left; width:100%; border-bottom:1px solid var(--bdr-gray); padding-bottom:10px; flex:1; min-height:180px;}
.testi-info{float:left;width:100%; margin-bottom:30px; font-size:20px; line-height:1.85em; color:var(--clr-gray); max-width:690px; margin:0;}
.item-bottom{float:left; width:100%; padding:20px 0;}
.item-author{float:left; width:100%; display:flex;align-items:center; gap:14px;}
.author-figure{float:left; width:100%; max-width:58px; background:var(--clr-gray); border-radius:50%;}
.author-figure img{float:left; width:100%; border-radius:50%;}
.author-info{float:left; flex:1;}
.author-name{float:left; width:100%; font-size:20px; font-weight:bold; color:var(--clr-base);}
.testimonial-item{display:flex; flex-direction:column;}
.testimonial-slide .owl-dots{margin-top:40px;}
.testimonial-info .section-title{margin-bottom:70px;}
/*=====Testimonials CSS End=====*/


/*=====Common questions about our services CSS Start=====*/
.faq-info{float:left; width:100%; padding:80px 60px 112px; background:var(--bg-white); border:2px solid var(--bdr-gray);}
.faq-info .section-title{text-align:center; color:var(--clr-theme-alt); margin-bottom:70px;}
.faq-block{float:left; width:100%; display:flex; gap:78px;}
.faq-col{float:left; flex:1;}
.faq-col.faq-col-left{float:left; flex:inherit; width:490px; min-width:490px;}
.faq-figure-post{float:left; width:100%;}
.faq-figure{float:left; width:100%;}
.faq-figure img{float:left; width:100%;}
.accordion-outer{display:flex; justify-content:center; float:left; width:100%; margin-top:30px;}
.accordion{float:left; width:100%;}
.acc-item{float:left; width:100%; border:2px solid var(--bdr-gray); margin-bottom:10px;}
.acc-item:last-child{margin-bottom:0px;}
.acc-cont{display:none; float:left; width:100%; padding:0 20px 20px 100px;}
.acc-cont p{font-size:20px; color:var(--clr-gray);}
.acc-title{cursor:pointer;position:relative;padding:18px;padding-right:50px !important; display:flex; align-items:center; gap:16px;}
.acc-title-label{font-size:26px;font-weight:600;}
.acc-title .icon{position:absolute; right:0; top:0; bottom:0; margin:auto; width:50px; display:flex; align-items:center; justify-content:center; transition:all 0.3s ease 0s;}
.acc-title.active .icon{transform:rotate(-180deg);}
.acc-item:has(.acc-title.active){background:#eee; border-color:#eee;}
.acc-title-num{float:left; width:58px; min-width:58px; height:58px; display:flex;align-items:center; justify-content:center; text-align:center; background:var(--clr-theme); color:#fff; font-size:30px; font-weight:bold;}
/*=====Common questions about our services CSS End=====*/


/* ========================= Get Started CSS Start ========================= */
.section-get-started .section-inner{background:var(--clr-theme-alt); --spacing-Y:60px; margin:var(--spacing-Y) 0px;}
.section-get-started{background:var(--bg-white);}
.contact-outer{float:left; width:100%; margin-bottom:100px;}
.get-started-outer{float:left; width:100%;}
.get-started-inner{float:left; width:100%;}
.get-started-row{display:flex; flex-wrap:wrap; align-items:center; float:left; width:100%;}
.get-started-col{float:left; width:100%; flex:1;}
.get-started-left{padding:100px 110px 100px 0px; flex:0 0 43%;}

.get-started-content{float:left; width:100%;}
.get-started-content .section-title{color:var(--clr-white);}
.get-started-content .section-pre{color:rgba(255, 255, 255, 0.8);;}

.form-head{float:left; width:100%; margin-bottom:30px; text-align:center;}
.form-title{float:left; width:100%; font-size:30px; font-weight:600; margin-bottom:10px;}
.form-title-pre{float:left; width:100%; font-size:20px; color:var(--clr-gray); margin-bottom:10px;}
.contact-form-block{position:relative; float:left; width:100%; padding:100px 70px; background:var(--bg-white); border:2px solid rgba(0, 0, 0, 0.16); margin:calc(var(--spacing-Y) * -1) 0px;}
.contact-form-block .flex-row{--column-gap:16px; gap:18px var(--column-gap); position:relative;}

.floating-label{position:relative;}
.floating-label .form-label{color:rgba(0, 0, 0, 0.8); font-size:20px; font-weight:500; position:absolute; pointer-events:none; left:15px; top:22px; width:auto; padding:0 5px; background:#fff; transition:0.2s ease all; -moz-transition:0.2s ease all; -webkit-transition:0.2s ease all;}
.floating-label .form-control:focus ~ .form-label, .floating-label .form-control.has-value ~ .form-label, .floating-label.has-value .form-label{top:-8px; font-size:14px;}


.contact-form-block .button-bar{margin-top:10px; display:flex; justify-content:center;}
.input-field{position:relative;}
.form-msg-block{position:absolute; float:left; width:100%; bottom:-30px; font-size:14px; font-weight:400; color:var(--clr-theme); pointer-events:none;}
.form-msg{position:absolute; top:calc(100% + 2px); left:0; font-size:12px; font-weight:400; color:var(--clr-theme); float:left; width:100%; pointer-events:none;}
.error-msg{color:red;}
.success-msg{color:#00b500;}
.form-label{float:left; width:100%; font-size:24px; color:var(--clr-dark); margin-bottom:6px;}
.contact-form-block textarea.form-control{height:220px; resize:none; padding-top:14px;}
.contact-form-block .error-msg{float:left; width:100%; position:absolute; top:20px;} 
.error-msg .alert{font-size:14px;}
.alert-danger{color:#f00;}
.alert-success{color:#00b500;}


.wpcf7-form{float:left; width:100%; position:relative; padding-top:14px;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output, .wpcf7 form.wpcf7-form .wpcf7-response-output{float:left; min-width:60%; color:#fff; position:absolute; margin:0px; top:-20px;width:100%;text-align:left; background:#000; padding:6px 10px; border-radius:0px; font-size:12px; border-width:1px;}
.wpcf7-form .wpcf7-not-valid-tip{float:left; width:100%; position:absolute; left:0; top:calc(100% - 1px); color:#ff0000;}
.wpcf7-form .input-field p{float:left; width:100%;}
.wpcf7-form-control-wrap{float:left; width:100%; position:relative;}
.wpcf7-form .button-bar p{position:relative;}
.wpcf7-form .wpcf7-spinner{padding:0; margin:auto; position:absolute; right:10px; width:28px; height:28px; background:var(--clr-theme); top:0; bottom:0; z-index:1;}
.wpcf7-form.submitting .btn .btn-icon-col .btn-icon{opacity:0; visibility:hidden;}
/* ========================= Get Started CSS Start ========================= */




/* ========================= Article Section CSS Start ========================= */
.section-article{background:var(--bg-white);}
.article-outer{float:left;width:100%;}
.article-inner{float:left;width:100%;}
.article-info .section-title{text-align:center;}

.article-carousel{float:left;width:100%;position:relative;}
.article-carousel .owl-stage{display:flex;}
.article-item{float:left;width:100%; height:100%;}
.article-item-inner{float:left;width:100%; height:100%;}
.article-wcard{float:left;width:100%;padding:30px;border-radius:0px; background:#fafafa; height:100%;}
.article-card{float:left;width:100%;display: flex;height:100%;flex-direction: column;}
.article-head{float:left;width:100%;position:relative;overflow:hidden;}
.article-figure{float:left;width:100%;}
.article-image{float:left;width:100%;}
.article-category { position: absolute; left: 0px; bottom: 0px;color:#ffffff; background: #1a3564; font-size: 20px; font-weight: 600; min-height: 42px; display: inline-flex; align-items: center; padding: 0px 16px; text-transform: uppercase; }
.article-date{position:absolute;right:0px;top:0px;color:#ffffff;background:var(--clr-theme);width:140px;height:140px;padding:6px 0px 0px 60px;clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 100%);}
.article-date-inner {display: flex;justify-content: center;     flex-direction: column;     align-items: center; }
.article-date-day{ font-size:40px; font-weight: 600;line-height:1em;}
.article-date-info{ font-size:14px;line-height:1.5em;font-weight: 600;border-top:1px solid #ffffff;}
.article-body{float:left;width:100%;flex:1;}
.article-detail{float:left;width:100%;     padding: 32px 0px 0px;     display: flex;     flex-direction: column;     height: 100%;}
.article-title{float:left;width:100%;font-size:30px;font-weight:bold;margin-bottom:12px;line-height:1.2em;flex:1;}
.article-link-block{float:left;width:100%;margin-top:20px;padding-top:30px;border-top:1px solid #cdd3dc;}
.article-link{float:left;color:#38cdb9;font-size:16px;text-decoration:underline;}
/* ========================= Article Section CSS End ========================= */

/* ========================= Footer CSS Start ========================= */
.footer{float:left;width:100%;}
.footer-warp{float:left;width:100%;background:#ffffff;}
.footer-warp-inner{float:left;width:100%;padding:80px 0px 50px;}

/* Footer Contact Block*/
.footer-contact-outer{float:left;width:100%;padding-bottom:55px;margin-bottom:65px;border-bottom:1px solid rgba(26, 53, 100, 0.1);}
.footer-contact-inner{float:left;width:100%;}
.footer-contact-wrap{--column-count:4;--column-gap:34px;float:left;width:100%;display:flex;justify-content:space-between;align-items:center;gap: var(--column-gap);flex-wrap:wrap;}
.footer-contact-col{float:left;min-width:calc((100% - (var(--column-gap) * (var(--column-count) - 1))) / var(--column-count));width:calc((100% - (var(--column-gap) * (var(--column-count) - 1))) / var(--column-count));}
.footer-contact-block{float:left;width:100%;}

.footer-contact-title{float:left;width:100%;display:flex;align-items:center;gap:12px;margin-bottom:16px;}
.footer-title-icon{float:left;}
.footer-title-icon .icon{float:left;width:100%;font-size:24px;color:var(--clr-theme);}
.footer-contact-label{float:left;font-size:18px;color:#000000;font-weight:700;text-transform:uppercase;}

.footer-contact-wcard{float:left;width:100%;}
.footer-contact-flex{float:left;width:100%;display:flex;background:#eeeeee;align-items:center;--clip-path-value:34px;clip-path: polygon(100% 0, 100% calc(100% - var(--clip-path-value)), calc(100% - var(--clip-path-value)) 100%, 0 100%, 0 0);}
.footer-contact-icon{float:left;display:inline-flex;align-items:center;--iconSize:88px;width:var(--iconSize);height:var(--iconSize);background:var(--clr-theme);}
.footer-contact-icon .icon{float:left;width:100%;font-size:28px;color:#ffffff;}
.footer-contact-bar{flex:1;float:left;padding-left:16px;}
.toolfree-text{width:100%;float:left;font-size:18px;color:#000000;font-weight:600;}
.phone-text{width:100%;float:left;font-size:18px;color:#000000;font-weight:600;margin-top:6px;}

/* Footer Contact Block*/
.footer-card-warp{float:left;width:100%;}
.footer-inner-row{float:left;width:100%;display:flex;gap:40px;}
.footer-inner-col{float:left;width:30%;}
.footer-logo-col{width:40%;}
.footer-widget{float:left;width:100%;}
.footer-widget-title{float:left;width:100%;font-size:18px;font-weight:800;margin-bottom:18px;text-transform:uppercase;color:var(--clr-action);}

/* Logo */
.footer-widget-logo{float:left;width:100%;display:flex;align-items:center;margin-bottom:36px;}
.footer-logo-link{float:left; --logo-size:312px; width:var(--logo-size); max-width:var(--logo-size); min-width:var(--logo-size);}
.footer-logo-figure{float:left;width:100%;}
.footer-logo-figure img{float:left;width:100%;}

.footer-social-block{float:left; width:100%;margin:0px;}
.social-list{float:left; width:100%;display:flex;align-items:center;gap:14px;}
.social-list-item{float:left;}
.social-link{float:left;width:100%;transition:all 0.5s ease 0s;background:#eeeeee;--iconSize:54px;height:var(--iconSize);width:var(--iconSize);display:inline-flex;align-items:center;justify-content:center;}
.social-link .icon{float:left;color:#000000;font-size:28px;transition:all 0.5s ease 0s;}
.social-link:hover{background:var(--clr-theme);}
.social-link:hover .icon{color:#ffffff;}

/* Quick Links */
.footer-widget-listing{float:left;width:100%;}
.footer-widget-list {float:left;width:100%;display:flex;flex-wrap:wrap;grid-gap:18px 0px;}
.footer-list-item{float:left;width:100%;}
.footer-list-link{float:left;color:#000000;font-size:18px; transition:all 0.3s ease 0s;font-weight: 500;}
.footer-list-link:hover{color:var(--clr-theme);text-decoration:underline;}

/* SignUp */
.signup-form-block{float:left;width:100%;}
.signup-field-label{float:left;width:100%;color:#000000;font-size:18px;font-weight: 500;margin-bottom:24px;}
.signup-field{float:left;width:100%;}
.signup-button-bar{float:left;width:100%;margin-top:20px;}

/* Copyright Block*/ 
.copyright-warp{float:left;width:100%;background:#ffffff;}
.copyright-warp-inner{display:flex;float:left;align-items:center;width:100%;justify-content:center;padding:36px 0px; border-top:1px solid rgba(26, 53, 100, 0.1);position:relative;}
.copyright-text{font-size:20px; color:rgba(0, 0, 0, 0.6);}
.copyright-text span{float:left;width:100%;}

.footer-page-links{float:left;position:absolute;right:0px;}
.footer-page-listing{float:left;width:100%;display:flex;align-items:center; justify-content:center; gap:36px;}
.footer-page-list-item{display:inline-block;list-style:none;}
.footer-page-link{float:left;width:100%;color:#000000;display:flex;align-items:center;justify-content:center;}
.footer-page-text{float:left;width:100%;font-size:18px;color:rgb(0, 0, 0);line-height:1.3em;font-weight:500;position:relative;transition:0.3s ease all;text-decoration: underline;}
.footer-page-list-item:hover .footer-page-text{color:var(--clr-theme);transition:0.3s ease all;}
/* ========================= Footer CSS End ========================= */


/*============ABOUT US Page CSS STRAT=================*/

/*=====Inner Page Banner CSS Start======*/
.section-title-light{font-style:italic;}
.inner-page-banner .banner-title{max-width:940px; margin-bottom:10px; margin-top:16px;}
.dash-art{float:left; width:100%;}
.dash-art-figure{float:left; width:100%; max-width:149px;}
.dash-art-figure img{float:left; width:100%;}
/*=====Inner Page Banner CSS End======*/


/*===== Company Info CSS Start =====*/
.section-company-info{background:var(--bg-white);}
.section-vision{padding-top:120px;}
.company-bio-info{padding-bottom:0px !important; padding-top:160px;}
.section-mission .section-info{padding-top:0px;}
.section-vision .company-info{padding-bottom:20px;}
.section-vision .company-info-left{margin-top:200px;}
.section-mission .company-info-right{margin-top:160px;}

.company-bio-outer{float:left; width:100%;}
.company-bio-inner{float:left; width:100%;}
.company-bio-row{float:left; width:100%; position:relative;}
.company-bio-image, .company-bio-image figure, .company-bio-image img{float:left; width:100%;}
.company-bio-content{float:left; width:100%; position:absolute; --clip-path-size:94px; clip-path:polygon(0 0, 100% 0, 100% calc(100% - var(--clip-path-size)), calc(100% - var(--clip-path-size)) 100%, 0 100%); --col-inner-spacing:60px; padding:var(--col-inner-spacing); --col-outer-spacing:30px; right:var(--col-outer-spacing); bottom:var(--col-outer-spacing); background:var(--bg-white); max-width:910px; min-height:476px;}
.company-bio-content .section-title{font-size:28px; font-weight:700; color:var(--clr-dark); font-style:italic; line-height:1.5em;}
.company-bio-content .section-pre{max-width:100%; margin:0px;}

.section-bottom-text{float:left; width:100%; display:flex; flex-direction:column; justify-content:center;}
.section-bottom-text .quote-text{max-width:1000px; margin-left:auto; margin-right:auto;}
/*===== Company Info CSS End =====*/

/*===== Vision & Mission Info CSS Start =====*/
.company-info-outer{float:left; width:100%;}
.company-info-inner{float:left; width:100%;}
.company-info-row{float:left; width:100%; display:flex;}
.company-info-col{float:left; width:100%; max-width:50%;}
.company-info-left{padding-right:46px;}
.company-info-right{padding-left:46px;}
.reverse-column .company-info-left{padding-right:0; padding-left:46px;}
.reverse-column .company-info-right{padding-left:0; padding-right:46px;}
.quote-company-block{float:left;width:100%;clip-path:polygon(100% 0, 100% 60%, 90% 100%, 0 100%, 0 0); padding:0; background:var(--clr-theme);}
.quote-company-inner-block{float:left;width:100%;clip-path:polygon(100% 0, 97% 53%, 88% 90%, 0 100%, 0 0); background:var(--bg-gray); min-height:256px; padding:44px 100px 60px 44px; display:flex; align-items:center;}
.quote-company-block-content{float:left; width:100%;}
.quote-company-block-content .quote-block-pre{line-height:1.85em;}
.company-info-image{position:relative;}
.company-info-image, .company-info-image figure, .company-info-image img{float:left; width:100%;}
.image-bg-alt{position:absolute;}
.italic-text{font-style:italic; font-weight:600;}

.section-mission .badge-label-bar{display:flex; justify-content:flex-end;}
.section-mission .badge-label-inner{background:var(--clr-theme-alt);}
.section-mission .badge-label{color:var(--clr-theme-alt);}
.section-mission .quote-company-block{background:var(--clr-theme-alt); clip-path:polygon(100% 0, 100% 100%, 0 100%, 0 30%, 14% 0);}
.section-mission .quote-company-inner-block{clip-path:polygon(100% 0, 100% 100%, 0 100%, 4% 33%, 17% 6%); padding:80px 44px 20px 100px;}
/*===== Vision & Mission Info CSS End =====*/


/*====Our Core Values CSS Start====*/
.section-core-values{background:#fff; overflow:hidden;}
.core-values-info .section-title{text-align:center; margin-bottom:80px;}
.core-item{float:left; width:100%; height:100%; display:flex; flex-direction:column; transition:all 0.3s ease 0s; cursor:pointer;}
.item-letter{float:left; width:100%; position:relative; font-size:140px; font-weight:bold; color:#bac2d0; height:134px; transition:all 0.3s ease 0s;}
.item-letter:before{float:left; width:24px; height:24px; border-radius:50%; background:#e8eaef; content:''; position:absolute; top:-13px; left:8px; transition:all 0.3s ease 0s;}
.items-row.core-values-block{--column-count:5; align-items:stretch; position:relative;}

.bdr-line{float:left; width:100%; position:relative; z-index:0; display:flex; justify-content:center; align-items:center; height:1px;}
.line{float:left; min-width:99.5vw; height:1px; background:#cdd0d8;}

.core-value-card{float:left; width:100%; flex:1;}
.core-value-card-inner{--clip-path-value:64px; float:left; width:100%; background:#e8eaef; clip-path:polygon(calc(100% - var(--clip-path-value)) 0, 100% var(--clip-path-value), 100% 100%, 0 100%, 0 0); height:100%; padding:40px 24px; transition:all 0.3s ease 0s;}
.core-item:hover .core-value-card-inner{background:#1a3564;}
.core-item:hover .item-letter{color:var(--clr-theme);}
.core-item:hover .item-letter:before{background:var(--clr-theme);}
.core-item:hover .core-value-card-inner .item-title{color:#fff;}
.core-item:hover .core-value-card-inner .item-info-pre{color:#fff;}
/*====Our Core ValuesCSS End====*/

/*====Who we Serve CSS Start====*/
.section-serve{background:#fff;}
.items-row{--column-count:4;--column-gap:34px;float:left;width:100%;display:flex;justify-content:space-between;align-items:center;gap: var(--column-gap);flex-wrap:wrap;}
.item-col{float:left;min-width:calc((100% - (var(--column-gap) * (var(--column-count) - 1))) / var(--column-count));width:calc((100% - (var(--column-gap) * (var(--column-count) - 1))) / var(--column-count));}
.info-title{float:left; width:100%; text-align:center; margin-bottom:40px;}
.info-title .section-title{margin-bottom:0;}
.info-title .section-title-light{color:var(--clr-theme-alt); font-weight:800;}
.info-title-pre{float:left;width:100%; margin-bottom:30px; font-size:20px; line-height:1.85em; color:var(--clr-gray); font-weight:500; margin-top:16px;}

.serve-item{float:left; width:100%;}
.serve-block{align-items:flex-start;}
.serve-block .item-col:nth-child(2){margin-top:100px;}
.serve-block .item-col:nth-child(3){margin-top:150px;}
.serve-block .item-col:nth-child(4){margin-top:200px;}
.item-figure-block{float:left; width:100%;}
.item-num-label{float:left; font-size:150px; writing-mode:vertical-rl; transform:rotate(180deg); line-height:0.7em; font-weight:600; color:var(--clr-base); opacity:0.1;}
.item-title{float:left; width:100%; font-size:30px; font-weight:600; color:var(--clr-base); line-height:1.3em; margin-top:5px;}
/*====Who we Serve CSS End====*/

/*====What You Can Expect CSS Start====*/
.section-what-expect{background:#fff;}
.expect-item{float:left; width:100%;}
.expect-item-info{float:left; width:100%;}
.item-figure{float:left; width:100%; max-width:101px;}
.item-figure img{float:left; width:100%;}
.expect-item .item-title{font-size:26px; margin-top:20px;}
.item-info-pre{float:left;width:100%; margin-top:10px; font-size:20px; line-height:1.85em; color:var(--clr-gray); font-weight:500;}
.what-expect-info .info-title{margin-bottom:80px;}
/*====What You Can Expect CSS End====*/

/*====What Makes Us Different? CSS Start====*/
.section-what-different{background:#fff;}
.what-different-info{float:left; width:100%; border:2px solid #d6d6d6; background:url("../images/make-us-different-texture.webp") no-repeat center bottom #fafafa; padding:80px 60px;}
.make-us-different-info{float:left; width:100%; display:flex; align-items:center; gap:80px;}
.what-different-left{float:left; flex:1;}
.what-different-left{float:left; width:687px; min-width:687px;}
.what-different-post{float:left; width:100%;}
.multi-post-figure{float:left; width:100%;}
.multi-post-figure img{float:left; width:100%;}
.what-different-detail{float:left; width:100%;}
.what-different-detail .section-pre{font-weight:500;}
.post-pre{float:left;width:100%; font-size:20px; line-height:1.85em; color:var(--clr-base); font-weight:600;}
/*====What Makes Us Different? CSS Start====*/

/*====Product & Service CSS Start====*/
.product-service-info{float:left; width:100%; margin-top:100px;}
.product-service-content{float:left; width:100%;}
.product-service-content .tabs-container{padding:80px 0 30px;}
.product-service-block{float:left; width:100%; display:flex; align-items:center; gap:80px;}
.product-service-left{float:left; flex:1;}
.product-service-right{float:left; width:591px; min-width:591px;}
.product-service-detail{float:left; width:100%;}
.section-sm-title{float:left; width:100%; font-size:34px; color:var(--clr-base); font-weight:600; margin-bottom:40px;}
.product-service-detail .section-pre{font-weight:500; max-width:100%;}
/*====Product & Service CSS End====*/

/* Tabing CSS */
.content-tabs{float:left; width:100%;}
.tabs-wrap{float:left; margin-bottom:10px; width:100%; overflow:hidden; height:70px; position:relative; border-bottom:2px solid #eeeeee;}
.tabs-outer{float:left; width:100%; height:100px; overflow:hidden; overflow-x:auto;}
.tabs-bar{float:left; min-width:100%; display:flex; align-items:center; height:70px; position:relative; gap:4px;}
.tab-item{float:left; text-align:center; position:relative; z-index:1; flex:1;}
.tab-label{display:flex;justify-content:center;align-items:center;font-size:20px;position:relative;height:70px;font-weight:normal;padding:0 10px;font-family:var(--font-base); color:rgba(0,0,0,0.7); line-height:40px; min-width:50px; background:#eeeeee;}
.tab-label span, .tab-label-span{line-height:1.1em;}
.tab-item.active .tab-label{color:#fff; font-weight:600; background:var(--clr-theme);}
.tab-content{display:none;float:left;width:100%;}
.tabs-container{float:left; width:100%;}


/* ===== CEO CSS Start ===== */
.section-ceo .section-inner{background:#ffffff;padding:270px 0px 180px;position:relative;}
.ceo-outer{float:left;width:100%;}
.ceo-inner{float:left;width:100%;}
.ceo-row{float:left;width:100%;display:flex;background:#1a3564;padding:0 0 65px 65px;position:relative;}
.ceo-row:after {position: absolute;width: 140px;aspect-ratio: 1;content: '';clip-path: polygon(100% 0%, 100% 100%, 0% 100%);background: #ffffff;right: -1px;bottom: -1px; }
.ceo-col{float:left;}
.ceo-right{flex:1;}
.ceo-left{min-width:526px; margin-top:108px;}
.ceo-image-block{float:left;width:100%;position:relative;}
.ceo-frame-image{float:left;width:100%;}
.ceo-frame-image img{float:left;width:100%;}
.ceo-image{float:left;width:100%;position:absolute;left:30px;bottom:50px;}
.ceo-image img{float:left;width:100%;}
.ceo-content-block{float:left;width:100%;}
.ceo-header{float:left; width:100%; background:#fff; padding:0px 50px 30px 116px; margin-top:-180px;}
.ceo-title{float:left;width:100%;font-size:62px;color:#1a3564;font-weight:600;}
.ceo-name{float:left;width:100%;font-size:62px;color:#cc6734;font-weight:800;}
.ceo-content{float:left;width:100%; padding:80px 115px 0px 116px;}
.ceo-description{float:left;width:100%;}
.ceo-description p{float:left;width:100%;font-size:20px;color:#ffffff;line-height:1.7em;margin-bottom:20px;}
/* ====== CEO CSS End ===== */

/* =====Quote CSS Start ===== */
.section-quote .section-inner{background:#e8eaef;padding:130px 0px 150px;position:relative;}
.quote-outer{float:left;width:100%;}
.quote-inner{float:left;width:100%;}
.quote-top-text{float:left;width:100%;text-align:center;font-size:32px;font-weight:500;text-wrap:balance;}
.quote-text{float:left;width:100%;text-align:center;font-size:32px;font-style:italic;margin-top:60px;}

.quote-bg-block{position:absolute;background:rgba(92, 115, 155, 1);
  --leftBlock1:100px;--leftBlock2:245px;--leftBlock3:169px;
  --rightBlock1:var(--leftBlock1);--rightBlock2:calc(var(--leftBlock1) + 10px);--rightBlock3:var(--leftBlock2);
}
.quote-block1{width:var(--leftBlock1);height:var(--leftBlock1);bottom:calc(var(--leftBlock2) + var(--leftBlock3));left:var(--leftBlock2);opacity:0.1;}
.quote-block2{width:var(--leftBlock2);height:var(--leftBlock2);bottom:var(--leftBlock3);left:0px;opacity:0.12;}
.quote-block3{width:var(--leftBlock3);height:var(--leftBlock3);bottom:0px;left:var(--leftBlock2);opacity:0.1;}
.quote-block4{width:var(--rightBlock1);height:var(--rightBlock1);bottom:calc(var(--rightBlock2) + var(--rightBlock3));right:var(--rightBlock2);opacity:0.12;}
.quote-block5{width:var(--rightBlock2);height:var(--rightBlock2);bottom:var(--rightBlock3);right:0px;opacity:0.1;}
.quote-block6{width:var(--rightBlock3);height:var(--rightBlock3);bottom:0px;right:var(--rightBlock2);opacity:0.1;}
/* ===== Quote CSS End ===== */

/*============ABOUT US Page CSS END=================*/



/*============News Page CSS Start=================*/
.inner-common-banner .banner-cnt, .inner-common-banner .banner-button-bar{margin-top:60px;}
.inner-common-banner .banner-pre{margin:0px;}

.base-news-wrap .section-article{background:none;padding:80px 0px;}
.items-row.article-grid{--column-count:3;--column-gap:24px;row-gap: calc(var(--column-gap) * 2);align-items:stretch;position:relative;}
.article-button-bar{margin:60px 0px 0px;}
.center-button-bar{justify-content:center;}
@media (max-width:1024px) {
  .items-row.article-grid{--column-count:2;--column-gap:12px;}
}
@media (max-width:640px) {
  .items-row.article-grid{--column-count:1;--column-gap:8px;}
}
/*============News Page CSS END=================*/




/*================= Contact Us Page Start =================*/
.base-contact-wrap .footer-warp-inner{margin-top:80px;}
.section-common-get-started{background:transparent;}
.section-common-get-started .section-inner{background:transparent; --spacing-Y:0; padding:160px 0px 0px;}
.section-common-get-started .section-title{text-align:center;}
.section-sub-title{float:left; width:100%; text-align:center; font-weight:600; font-size:42px; line-height:1.3em; color:var(--clr-dark); max-width:1040px; margin:0 auto 68px;}
.section-common-get-started .section-content-block{display:flex; flex-wrap:wrap; flex-direction:column; justify-content:center;}
.section-common-get-started .get-started-row{background:var(--bg-gray); align-items:inherit;}

.get-in-touch-img, .get-in-touch-img img{float:left; width:100%; height:100%;}
.section-common-get-started .get-started-left{padding:0px; flex:0 0 46.8%;}
.section-common-get-started .get-started-right{padding:60px; display:flex; align-items:center;}
.section-common-get-started .contact-form-block{border:none; background:transparent; margin:0px; padding:0px;}
.section-common-get-started .contact-form-block .button-bar{justify-content:flex-start; margin-top:0px;}
.custom-select{float:left; width:100%; position:relative;}
.custom-select:after{content:""; position:absolute; right:10px; top:0; bottom:0; margin:auto; width:0; height:0; border-top:8px solid #000; border-left:7px solid transparent; border-right:7px solid transparent; pointer-events:none;}
.custom-select .form-control{-webkit-appearance:none; -moz-appearance:none; appearance:none; padding-right:30px;}
/*================= Contact Us Page End =================*/


/*============Company Page CSS Start=================*/
.service-info .section-title{text-align:center;margin-bottom:80px;}
.items-row.service-grid{--column-count:3;--column-gap:20px;row-gap: calc(var(--column-gap) * 2);align-items:stretch;position:relative;}

.service-outer{float:left;width:100%;}
.service-inner{float:left;width:100%;}
.service-card{float:left;width:100%;background:#e8eaef;position:relative;padding:30px 40px 40px;--clip-path-value:80px;clip-path:polygon(0 0, calc(100% - var(--clip-path-value)) 0%, 100% var(--clip-path-value), 100% 100%, 0 100%);height:100%;}
.service-card:after {position:absolute;width:40px;aspect-ratio:1;content: '';clip-path:polygon(100% 0%, 100% 100%, 0% 100%);background:var(--clr-theme);right:-1px;bottom:-1px; }
.service-card-inner{float:left;width:100%;height:100%;display:flex;flex-direction:column;}
.service-figure-block{float:left;width:100%;}
.service-figure-block .item-figure-block img{max-width:112px;}
.service-item-title{float:left;width:100%;font-size:30px;color:rgb(0, 0, 0);font-weight:bold;line-height:1.2em;text-align:left;margin-top:24px;margin-bottom:24px;}
.service-item-description{float:left;width:100%;padding:30px;background:#ffffff;flex:1;}
.service-info-pre{float:left;width:100%;font-size:20px;color: rgb(0, 0, 0);line-height:1.9em;text-align:left;}

.base-company-wrap .section-faq{padding:0px 0px 160px;}


@media (max-width:1024px) {
  .items-row.service-grid{--column-count:2;--column-gap:12px;}
}
@media (max-width:640px) {
  .items-row.service-grid{--column-count:1;--column-gap:8px;}
}
/*============Company Page CSS END=================*/


/* ************************* Technician Page CSS Start ************************* */
.base-technician-wrap .section-faq .section-inner{padding:130px 0;}
.base-technician-wrap .section-block.section-faq{display:none !important;}

.base-technician-wrap .section-our-process .section-inner,
.base-technician-wrap .section-testimonials .section-inner,
.base-technician-wrap .section-open-jobs .section-inner,
.base-technician-wrap .section-faq .section-inner{background:var(--bg-white);}

/* Connecting Texas CSS Start */
.section-connecting-texas .section-info{padding-top:160px; padding-bottom:0;}
.section-connecting-texas .about-left{width:100%; flex:1; padding-right:140px;}
.section-connecting-texas .about-right{width:50%;}
.section-connecting-texas .about-row{align-items:center;}
.section-connecting-texas .about-image{position:relative; --clip-path-value:204px;}
.section-connecting-texas .about-image::before{content:""; position:absolute; z-index:-1; pointer-events:none; left:-40px; bottom:-40px; width:var(--clip-path-value); height:var(--clip-path-value); background:var(--bg-action); clip-path:polygon(0 0, 0% 100%, 100% 100%);}
.connecting-bottom-row{float:left; width:100%; display:flex; justify-content:space-between; gap:60px; margin-top:96px;}
.quote-col .quote-block{margin-top:0; padding:40px 50px 40px 30px;}
.quote-col{float:left; width:45%; background:var(--bg-white);}
.quote-list-col{float:left; width:55%;}
.quote-list{float:left; width:100%;}
.quote-col.quote-col-left{float:left; flex:inherit; width:490px; min-width:490px;}
.quote-inner{float:left; width:100%;}
.quote-item{float:left; width:100%; border:2px solid var(--bdr-gray); background:var(--bg-white); margin-bottom:10px;}
.quote-item:last-child{margin-bottom:0px;}
.quote-title{cursor:pointer;position:relative;padding:12px;padding-right:50px !important; display:flex; align-items:center; gap:16px;}
.quote-title-label{font-size:26px;font-weight:600;}
.quote-title .icon{position:absolute; right:0; top:0; bottom:0; margin:auto; width:50px; display:flex; align-items:center; justify-content:center; transition:all 0.3s ease 0s;}
.quote-title.active .icon{transform:rotate(-180deg);}
.quote-item:has(.quote-title.active){background:#eee; border-color:#eee;}
.quote-icon{float:left; display:flex;align-items:center; justify-content:center; text-align:center; background:var(--clr-theme); padding:15px; --icon-size:52px; width:var(--icon-size); height:var(--icon-size); min-width:var(--icon-size);}
.quote-check-icon{float:left; width:100%;}
.quote-check-icon img{float:left; width:100%;}
/* Connecting Texas CSS End */

/* Our Process CSS Start */
.section-our-process .badge-label{min-width:200px;}
.section-our-process .section-inner{padding-top:100px;}
.our-process-info .section-title{text-align:center;}
.our-process-outer{float:left; width:100%;}
.our-process-inner{float:left; width:100%; margin-top:26px;}
.our-process-row{float:left; width:100%; display:flex; align-items:center; gap:60px; position:relative; --top-space:196px; --icon-size:200px;}
.our-process-left{float:left; width:auto;}
.our-process-icon-block{float:left; width:var(--icon-size); height:var(--icon-size); background:var(--clr-theme); --line-space:calc(var(--icon-size) / 2); padding:42px; position:relative;}
.our-process-icon{float:left; width:100%;}
.our-process-icon img{float:left; width:100%;}
.our-process-right{float:left; width:auto; display:flex; flex-direction:column;}
.our-process-col-title{float:left; width:auto; font-size:30px; color:var(--clr-dark); font-weight:700; margin-top:26px;}
.our-process-col .badge-label-bar{margin-bottom:0;}
.our-process-col-text{float:left; width:auto; font-size:20px; color:var(--clr-dark); line-height:1.8em; margin-top:24px;}
.row-rev{flex-direction:row-reverse;}
.row-rev .badge-label-inner{float:right;}
.row-rev .our-process-right{text-align:right;}
.our-process-row + .our-process-row{margin-top:var(--top-space);}
.our-process-row::before{position:absolute; content:''; top:calc(var(--top-space) * -0.5); right:0; bottom:auto; left:0; width:calc(100% - var(--icon-size)); margin:auto; border-top:2px dashed #e8eaef;}
.our-process-icon-block::before, .our-process-icon-block::after{position:absolute; content:''; bottom:calc(var(--top-space) * -0.5); right:0; top:auto; left:var(--line-space); height:calc(var(--top-space) / 2.8); margin:auto; border-left:2px dashed #e8eaef;}
.our-process-icon-block::after{bottom:auto; top:calc(var(--top-space) * -0.5);;}
.row-rev .our-process-icon-block::before{left:auto; right:var(--line-space);}
.row-rev .our-process-icon-block::after{left:auto; right:var(--line-space);}
.our-process-row:first-child::before{display:none;}
.our-process-row:first-child .our-process-icon-block::after{display:none;}
.our-process-row:last-child .our-process-icon-block::before, .our-process-row:nth-child(4) .our-process-icon-block::before{display:none;}
.technician-button-bar{margin-top:100px; text-align:center; display:flex; justify-content:center; align-items:center;}
/* Our Process CSS End */

/* Open Jobs CSS Start */
.section-open-jobs{margin-bottom:160px;}
.open-jobs-info{background:var(--clr-theme-alt)}
.open-jobs-info .section-title{text-align:center; margin-bottom:10px; color:var(--clr-white);}
.open-jobs-info .info-title-pre{text-align:center; color:var(--clr-white);}
.open-jobs-outer{float:left; width:100%;}
.open-jobs-inner{float:left; width:100%; padding:0 60px;}
.open-jobs-row{float:left; width:100%; display:flex; flex-wrap:wrap; gap:28px;}
.open-jobs-card{float:left; width:calc(33.33% - 19px); background:var(--bg-white); display:flex; align-items:center; gap:16px; padding:10px; position:relative;}
.open-jobs-card::after{position:absolute; content:''; right:0; bottom:-1px; --clip-path-size:40px; height:var(--clip-path-size); width:var(--clip-path-size); background:var(--clr-theme); clip-path:polygon(100% 0, 0% 100%, 100% 100%);}
.open-jobs-left{float:left; width:auto;}
.open-jobs-icon-block{float:left; --icon-size:64px; width:var(--icon-size); height:var(--icon-size);}
.open-jobs-icon{float:left; width:100%;}
.open-jobs-icon img{float:left; width:100%;}
.open-jobs-right{float:left; width:auto;}
.open-jobs-col-text{float:left; width:auto; font-size:30px; color:var(--clr-dark); font-weight:700; padding-top:3px;}
.open-jobs-button-bar{margin-top:70px; text-align:center; display:flex; justify-content:center; align-items:center;}
.open-jobs-button-bar .btn-theme-inner{min-width:415px;}
/* Open Jobs CSS End */
/* ************************* Technician Page CSS End ************************* */


/* ************************* Open Jobs Page CSS Start ************************* */
.search-info{padding:160px 0px 220px;}
.base-open-jobs-wrap .section-get-started .section-inner{margin-top:0px;}
.search-outer{float:left; width:100%;}
.search-inner{float:left; width:100%;}
.search-top-row{float:left; width:100%;}
.search-top-inner{float:right; width:auto}
.search-row{float:left; width:100%;}
.search-card{float:left; width:100%; background:#eaeaea; padding:58px;}
.search-form-block{float:left; width:100%;}
.search-form .form-label{font-size:18px; font-weight:700; text-transform:uppercase;}
.search-form .form-group{float:left;width:100%;margin-bottom:16px; display:flex; position:relative; --input-height:60px;}
.search-form .input-group{float:left; width:100%;}
.search-form .input-group-prepend{float:left; width:60px; height:var(--input-height); display:flex; justify-content:center; align-items:center; background:#f0f0f0; border:2px solid rgba(0,0,0,0.16); border-right:none;}
.search-form .form-control{height:var(--input-height); border:2px solid rgba(0,0,0,0.16);}
.search-form .form-control::placeholder{color:var(--clr-dark); opacity:0.4;}
.search-form .input-icon .icon{float:left; font-size:24px;}
.search-form .flex-row{--column-gap:28px;}
.search-bottom-row{float:left; width:100%;}
.search-bottom-inner{float:left; width:100%;}
.search-button-bar{display:flex; justify-content:center; gap:25px; align-items:center; margin-top:20px;}
.search-button-bar .btn-theme:hover .btn-icon{transform:scale(1.1);}

.sm-btn{display:inline-block;}
.sm-btn .btn{background:transparent; padding:10px; margin-bottom:10px;}
.sm-btn-icon .icon{color:var(--clr-theme);}
.sm-btn .btn-text{color:var(--clr-dark); text-transform:none;}

.lg-btn{display:inline-block;}
.lg-btn .btn{background:transparent; padding:10px; margin-bottom:10px;}
.lg-btn-icon .icon{color:var(--clr-theme);}
.lg-btn .btn-text{color:var(--clr-dark); text-transform:none; text-decoration:underline;}
.lg-btn a:hover .btn-text{color:var(--clr-theme);}

.underline-btn{background:transparent; padding:10px;}
.underline-btn .btn-label{color:var(--clr-theme); text-transform:none; text-decoration:underline;}
.underline-btn .btn-label:hover{text-decoration:none;}

.search-bottom-inner .lg-btn .btn{padding-left:0;}
.search-info .quote-block-pre a{font-weight:700; text-decoration:underline;}
.search-info .quote-block-pre a:hover{text-decoration:none;}
.quote-title-icon .icon{font-size:38px;}

.search-info .connecting-bottom-row{gap:80px; margin-top:70px;}
.search-info .connecting-col{float:left; width:50%;}
.search-info .col-left .btn-theme-inner{min-width:200px;}
.search-info .col-right .btn-theme-inner{min-width:314px;}


/* Search Jobs */
.job-search-listing-wrap{float:left; width:100%; display:flex; gap:80px;}
.job-listing-row{float:left; width:100%; flex:1;}
.job-search-listing-wrap .connecting-bottom-row{flex-direction:column; flex-wrap:wrap; justify-content:flex-start; gap:40px; margin-top:0px !important; max-width:476px;}
.search-info .job-search-listing-wrap .connecting-col{width:100%;}

.job_listings{float:left; width:100%;}
.job_listings .search_categories{float:left; width:100%; padding:0px !important; position:relative;}
.job_listings .search_categories > .select2-container{top:100% !important; left:0px !important;}
.job_listings .job_filters .search_jobs{float:left; width:100%; background:var(--bg-gray); padding:30px;}
.search_categories .select2-container--default .select2-selection--single{float:left; width:100%; background:#fff; border:2px solid rgb(0, 0, 0, 0.16); border-radius:0; height:64px; display:flex; align-items:center; font-size:20px; font-weight:500; font-family:var(--font-base); color:var(--clr-dark); padding:4px 20px; padding-right:30px;}
.search_categories .select2-selection__rendered{padding:0px !important; font-family:var(--font-base); color:var(--clr-dark) !important;}
.search_categories .select2-container--default .select2-selection--single .select2-selection__arrow{height:24px; position:absolute; top:0; right:0; width:24px; bottom:0; margin:auto 0; padding-right:44px;}
.search_categories .select2-container--default .select2-selection--single .select2-selection__arrow b{border-top:8px solid #000; border-left:7px solid transparent; border-right:7px solid transparent; pointer-events:none;}
.search_categories .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #000 transparent; border-width:0 7px 8px 7px;}
.select2-dropdown{border:1px solid rgb(0, 0, 0, 0.16) !important; border-radius:0px !important;}
.select2-container--default .select2-results__option[aria-selected="true"]{background:var(--clr-theme-alt) !important; color:var(--clr-white);}
.select2-container--default .select2-results__option--highlighted[aria-selected]{background:var(--clr-theme) !important; color:var(--clr-white);}
.select2-results__option{font-size:16px; color:var(--clr-dark); padding:10px;}
.select2-container .select2-selection--single .select2-selection__clear{margin-left:6px;}


.job_listings{float:left; width:100%;}
.job-list{float:left; width:100%; margin-top:40px;}
.card-inner-section{float:left; width:100%;}
.jobs-list-card{float:left; width:100%;background:var(--bg-gray); padding:30px; --clip-path-value:50px; clip-path:polygon(0 0, calc(100% - var(--clip-path-value)) 0%, 100% var(--clip-path-value), 100% 100%, 0 100%); position:relative;}
.jobs-list-card:before{content:""; position:absolute; right:0; top:0; width:var(--clip-path-value); height:var(--clip-path-value); background:var(--bg-action); clip-path: polygon(0 0, 0% 100%, 100% 100%);}
.jobs-list-detail{float:left; width:100%;}
.jobs-list-detail > div{float:left; width:100%;}
.job-info-bar{display:flex; flex-wrap:wrap; align-items:center; margin-bottom:18px; gap:20px;}
.jobs-type{float:left; background:var(--clr-theme-alt);font-size:16px; font-weight:500; color:var(--clr-white); padding:7px 22px;}
.job-location, .job-post-date{float:left;}
.location-tag, .post-date{display:flex; align-items:center; gap:2px;}
.location-tag i, .post-date i{font-size:24px;}
.google_map_link, .post-date .date{font-size:16px; font-weight:500; color:var(--clr-theme);}
.job-description{background:var(--bg-white); padding:20px;}
.job-title{font-size:30px; color:var(--clr-theme-alt); font-weight:600; margin-bottom:18px; padding-right:30px;}
.job-tagline{font-size:16px; line-height:1.8em; color:var(--clr-dark); margin-bottom:18px;}

.job-search-listing-wrap .quote-block{margin-top:0px; padding:30px 30px 30px; --clip-path-value:50px;}
.job-search-listing-wrap .quote-block-title{font-size:26px;}
.job-search-listing-wrap .quote-block-pre{font-size:16px;}
.job-search-listing-wrap .btn-theme-inner{min-width:180px; min-height:44px; font-size:16px; padding-right:calc(var(--btn-icon-size) + 6px); padding-left:22px;}

.jobs-listing-detail-banner.inner-page-banner .banner-title{max-width:1100px;}
.banner-cnt .google_map_link{font-size:22px; color:var(--clr-white);}
.banner-cnt .location-tag i{font-size:28px; color:var(--clr-theme);}
.banner-block .video-card{background:#fff; padding:10px; max-width:740px;}

.job-listing-content-block{display:flex; gap:30px 60px; --sidebar-size:560px;}
.side-bar{float:left; width:100%; max-width:var(--sidebar-size); min-width:var(--sidebar-size);}
.side-bar-outer{float:left; width:100%; left:0; top:100px; position:-webkit-sticky; position:sticky;}
.contact-form-block.job-apply-form-block{padding:30px; background:var(--bg-gray); border:none; --clip-path-value:50px; clip-path:polygon(0 0, calc(100% - var(--clip-path-value)) 0%, 100% var(--clip-path-value), 100% 100%, 0 100%); position:relative;}
.job-apply-form-block:before{content:""; position:absolute; right:0; top:0; width:var(--clip-path-value); height:var(--clip-path-value); background:var(--bg-action); clip-path: polygon(0 0, 0% 100%, 100% 100%);}
.job-apply-form-block .file-upload-button{background:var(--bg-white);}
.job-apply-form-block .file-upload-button:hover{background:var(--bg-gray-light);}
.information-content-block:not(.job-listing-content-block) .apply-call-btn{text-align:left;}

.apply-call-btn{float:left; width:100%; text-align:center; margin-top:20px;}
.apply-call-btn a{font-size:22px; font-weight:600; color:var(--clr-theme); transition:0.3s ease all;}
.apply-call-btn a:hover{color:var(--clr-theme-alt);}
/* ************************* Open Jobs Page CSS End ************************* */

/*================= Information Section CSS Start =================*/
.base-informative-wrap .banner-title{text-transform:inherit;}
.base-informative-wrap .vertical-lines-wrap{display:none;}
.section-information .section-inner{padding:100px 0px 60px;}
.job-listing-content-block .container{--container-width:100%; max-width:100%; padding:0px;}
.job-wcard, .job-col{float:left; width:100%;}
.information-content, .job-innercard{float:left; width:100%; margin-bottom:14px;}
.information-content:last-child{margin-bottom:0;}
.information-content p:empty{display:none;}
.information-content h1{float:left; width:100%; font-size:32px; font-weight:700; line-height:1.2em; margin-bottom:10px;}
.information-content h2, .information-content h3, .job-innercard h4{float:left; width:100%; font-size:24px; font-weight:700; line-height:1.2em; margin-bottom:10px;}
.information-content p{float:left; width:100%; font-size:16px; font-weight:500; line-height:1.8em; margin-bottom:18px; color:var(--clr-theme-alt);}
.font-italic{font-style:italic;}
.information-content ul li p{margin-bottom:0px;}
.information-content p + ul{margin-top:-8px;}
.information-content ul{float:left; width:100%; padding-left:40px; margin-bottom:10px;}
.information-content ul li{float:left; width:100%; font-size:16px; line-height:1.8em; margin-bottom:6px; list-style-type:disc; font-weight:500; color:var(--clr-theme-alt);}
.information-content ul li a{transition:0.3s ease all;}
.information-content ul li a:hover{color:var(--clr-theme-alt);}
.information-content h1 strong, .information-content h2 strong, .information-content h3 strong, .information-content h4 strong, .job-innercard h4 strong{font-weight:700;}
.job-col.col-apply, .apply-block, .apply-block-inner, .apply-text-btn{float:left; width:100%;}
/*================= Information Section CSS End =================*/


/*================= Popup CSS Start =================*/
.show-modal{overflow:hidden;}
.show{display:block!important;}
.modal{float:left;width:100%;height:100%;position:fixed;top:0;left:0;z-index:13;background:rgba(0, 0, 0, 0.8);display:none;overflow-y:auto;padding:0 16px;}
.modal-contenier{float:left;width:100%;position:relative;min-height:100%;display:flex;align-items:center;justify-content:center;padding:14px 0;}
.modal-outer{float:left;width:100%;max-width:720px;position:relative;z-index:2;}
.modal-sm{max-width:480px;}
.modal-md{max-width:540px;}

.modal-overlay{position:fixed;top:0;left:0;z-index:1;float:left;height:100dvh;width:100%;cursor:pointer;}
.modal-body{float:left;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;}
.modal-info{z-index:1;position:relative;display:block;width:100%;float:left;overflow:hidden;background:#fafafa;box-shadow:7px 14px 90px 0px rgba(0, 0, 0, 0.73);}

.modal-header{float:left;width:100%;padding:10px 0px 30px;}
.modal-title{ float:left;width:100%;text-align:center;font-size:21px;color:var(--clr-base);line-height:1.2em;font-weight:700; position:relative;}
.modal-content{float:left;width:100%;padding:20px;}
.modal-block{float:left;width:100%;}
.modal-info .button-bar{padding:10px 0px 20px;}
.modal-info .btn-theme-inner{padding-right:calc(var(--btn-icon-size) + 16px); padding-left:34px;}
.subscribe-modal .modal-title{color:var(--clr-white);font-weight:600;}

.modal-bottom-bg{float:left;width:100%;}
.modal-bottom-fig, .modal-bottom-fig img{float:left;width:100%;}

.modal-close-btn{width:28px;height:28px;margin:0 auto;border:3px solid var(--clr-white); color:var(--clr-white); border-radius:50%;display:flex;justify-content:center;align-items:center;transition:0.3s ease all;}
.modal-close-btn:hover{transform:scale(0.98); color:var(--clr-theme);}
.modal-close-btn .icon{color:var(--clr-base);font-size:14px; color:var(--clr-white);}
.modal-close-btn-right{position:absolute; right:22px; top:24px; z-index:1; padding:0px;}

.video-card{float:left; width:100%;}
.full-video{float:left; width:100%;}
.video-modal .modal-close-btn-right, .modal-lg .modal-close-btn-right{top:-26px; right:-26px; border-width:2px;}

.modal-right .modal-contenier{justify-content:flex-end;}
.modal-right .modal-outer{transform:translateX(100%); transition:transform 0.3s ease-in-out;}
.modal-right.show .modal-outer{transform:translateX(0);}
.subscribe-modal{padding:0px;}
.modal-info.subscribe-modal{background:transparent; border:5px solid rgba(255, 255, 255, 0.22); border-right:0;}
.modal-left .modal-contenier{justify-content:flex-end;}
.subscribe-modal .modal-content{background:url('../images/popup-bg.webp') no-repeat center center; background-size:cover; position:relative;padding:30px;}
.subscribe-modal .modal-content:before{content:""; position:absolute; left:0; bottom:0; --clip-path-size:76px; height:var(--clip-path-size); width:var(--clip-path-size); background:var(--clr-white); clip-path:polygon(0 0, 0% 100%, 100% 100%);}

.subscribe-modal .modal-title{font-size:52px; text-shadow:9px 2px 5px rgba(0, 0, 0, 0.42);}
.subscribe-modal .modal-title-bold{font-weight:800; font-style:italic; color:var(--clr-theme); display:flex; justify-content:center; align-items:center; flex-direction:column;}
.modal-title-inner{float:left; width:min-content; display:inline-block; white-space:nowrap; padding-bottom:20px;}
.modal-title-pra{float:left; width:auto; display:inline-block; position:relative;}
.subscribe-modal .modal-title-bold span{font-weight:600; font-style:normal; color:var(--clr-white);}
.line-fig{position:absolute; right:0; bottom:-30px; width:154px; float:right;}
.line-fig img{float:left; width:100%;}
.hr-line{display:block; width:100%; max-width:350px; margin:20px auto; border:none; border-top:1px solid rgba(255, 255, 255, 0.2);}
.modal-pre{float:left; width:100%; font-size:28px; color:var(--clr-white); text-align:center; line-height:1.2em; margin-bottom:16px;}
.modal-pre .text-blod{font-weight:600;}

.link-btn-bar{float:left; width:100%;}
.link-btn-bar-outer{float:left; width:100%; display:flex; justify-content:center; font-size:20px; color:var(--clr-white); gap:6px;}
.link-btn{float:left; font-weight:600; text-decoration:underline; color:var(--clr-white); transition:all 0.3s ease 0s;}
.label-pre{float:left;}
.link-btn:hover{color:var(--clr-theme);}



.popup-form-block, .contact-form-block.popup-form-block{padding:0px 60px; border:none; margin:0px; background:transparent;}
.contact-form-block.popup-form-block .button-bar{margin-top:0px; padding-top:0px;}
.modal-info.find-talent-modal{--clip-path-value:80px; clip-path:polygon(0 0, calc(100% - var(--clip-path-value)) 0%, 100% var(--clip-path-value), 100% 100%, 0 100%);}
.modal-info.find-talent-modal:before{content:""; position:absolute; right:0; top:0; width:var(--clip-path-value); height:var(--clip-path-value); background:var(--bg-action); clip-path: polygon(0 0, 0% 100%, 100% 100%);}
.find-talent-modal .contact-form-block.popup-form-block .button-bar{justify-content:flex-start;}
.find-talent-modal .modal-close-btn-right{top:10px; right:4px;}
.modal-lg .modal-title{font-size:30px;}
.find-talent-modal .modal-title{font-size:50px; color:var(--clr-theme-alt); font-weight:600;}
.find-talent-modal .modal-title .highlight-text{font-weight:700;}

.file-upload-button{float:left; width:100%; border:2px solid rgba(0, 0, 0, 0.16); background:var(--bg-gray-light);}
.file-upload-button:hover{background:var(--bg-gray);}
.file-upload-button-pre{position:absolute; left:0; top:0; width:100%; height:100%; font-size:20px; font-weight:500; color:var(--clr-base); display:flex; align-items:center; justify-content:center; user-select:none; pointer-events:none;}
.file-upload-button .input-info-highlight{margin-right:4px; color:var(--clr-theme);}
.file-upload-button .form-control{opacity:0; height:106px; cursor:pointer;}
.file-upload{float:left; width:100%; margin-top:2px; color:var(--clr-gray); font-weight:600; position:absolute; top:100%; left:0;}
/*================= Popup CSS End =================*/



/* ************************* RESPONSIVE CSS START ************************* */
@media(min-width:1921px) {
  .hero-banner-inner{min-height:70dvh;}    
  .inner-page-banner .hero-banner-inner{min-height:57dvh;}    
}
@media(max-width:1680px) {
  .container{--container-width:1340px;}

  .nav-listing:not(.nav-button-bar){padding-right:40px;}
  .nav-listing{gap:0px 20px;}

  .footer-contact-icon{--iconSize:68px;}
  .toolfree-text, .phone-text{font-size:15px;}
  .footer-contact-bar{padding-left:10px;}
  .footer-title-icon .icon{font-size:20px;}
  .footer-contact-label{font-size:16px;}

  .copyright-text{font-size:18px;}
  .footer-page-text{font-size:16px;}
}
@media(min-width:1561px) {
  .contact-form-block.popup-form-block textarea.form-control{height:180px;}
}
@media(max-width:1560px) {
  .container{--container-width:1200px;}
  .btn, .btn-base{font-size:16px;}
  .btn-theme-inner{min-width:246px; min-height:50px;}
  
  .brand-logo{max-width:224px;}
  .btn-base{min-height:72px;}
  .main-header{top:20px;}
  .header-inner{--clip-path-value:30px;}
  .nav-button-bar .btn-base:after{--clip-path-size:30px;}

  .nav-listing:not(.nav-button-bar){padding-right:20px;}
  .nav-listing{gap:0px 10px;}
  .nav-label{font-size:15px;}
  .btn-base.contact-btn{font-size:15px;}
  .contact-btn .btn-icon{font-size:16px;}


  .hero-banner-inner, .inner-common-banner .hero-banner-inner{padding:150px 0px 224px;}
  .inner-common-banner .banner-cnt, .inner-common-banner .banner-button-bar{margin-top:40px;}
  .banner-title{font-size:52px;}
  .banner-pre{font-size:20px; max-width:750px;}
  .btn-pre-label{font-size:16px;}
  .badge-label{min-width:226px; min-height:50px; font-size:26px;}


  .section-title{font-size:48px; margin-bottom:30px;}
  .section-pre{font-size:18px; max-width:610px; margin-bottom:20px;}
  .about-left{padding-right:60px;}
  .reverse-column .about-left{padding-left:60px;}
  .about-content .badge-label-bar{margin-bottom:36px;}
  .video-play-icon{max-width:100px;}


  .quote-block{padding:30px 24px 24px; margin-top:40px;}
  .quote-block-pre{font-size:18px;}
  .quote-block-title{font-size:32px;}


  .testi-info{font-size:18px;}

  .acc-title-num{font-size:24px; width:40px; min-width:40px; height:40px;}
  .acc-title-label{font-size:22px;}
  .acc-cont{padding:0 20px 20px 76px;}
  .acc-cont p{font-size:18px;}


  .contact-form-block{padding:70px 60px;}
  .form-title{font-size:26px;}
  .form-title-pre{font-size:18px;}

  .form-control, input{height:58px; font-size:18px;}
  .floating-label .form-label{font-size:18px; top:18px;}
  .contact-form-block textarea.form-control{height:180px;}
  .file-upload-button-pre{font-size:18px;}
  .modal-info.find-talent-modal{--clip-path-value:70px;}
  .find-talent-modal .modal-close-btn-right{top:7px; right:1px;}
  .find-talent-modal .modal-title{font-size:44px;}


  .article-title{font-size:24px;}
  .article-link-block{margin-top:10px; padding-top:20px;}
  .article-category{font-size:17px; min-height:34px; line-height:normal;}

  .article-date{width:120px; height:120px;}
  .article-date-day{font-size:30px;}
  .article-date-info{font-size:12px;}

  /*============ ABOUT US Page CSS Start ============*/
  .what-different-info{padding:60px 40px;}

  .company-bio-content{--col-inner-spacing:50px; --clip-path-size:76px; max-width:860px; min-height:426px;}
  .company-bio-content .section-title{font-size:26px;}

  .company-info-left{padding-right:30px;}
  .company-info-right{padding-left:30px;}
  .reverse-column .company-info-left{padding-left:30px;}
  .reverse-column .company-info-right{padding-right:30px;}
  .quote-company-inner-block{min-height:inherit; padding:44px 60px 60px 44px;}


  .core-values-info .section-title{margin-bottom:70px;}
  .item-letter{font-size:110px; height:104px;}
  .items-row{--column-gap:24px;}
  .core-value-card-inner{padding:40px 20px 20px;}
  .item-title{font-size:24px;}
  .item-info-pre{font-size:17px;}

  .info-title-pre{font-size:18px;}
  .item-num-label{font-size:124px;}

  .ceo-header{padding:0px 0px 30px 86px; margin-top:-170px;}
  .ceo-title{font-size:46px;}
  .ceo-name{font-size:52px;}
  .ceo-content{padding:70px 60px 0px 86px;}
  .ceo-description p{font-size:18px;}
  /*============ ABOUT US Page CSS End ============*/



  /*================= Contact Us Page Start =================*/
  .section-sub-title{font-size:34px; max-width:840px; margin:0 auto 54px;}
  .section-common-get-started .get-started-right{padding:30px 40px;}
  /*================= Contact Us Page End =================*/


  /*================= Technician Page Start =================*/
  .section-connecting-texas .about-right{width:44%;}
  .section-connecting-texas .about-image{--clip-path-value:174px;}
  .quote-title-label{font-size:22px;}
  .quote-icon{--icon-size:42px; padding:13px;}

  .our-process-row{--icon-size:180px;}
  .our-process-col-title{font-size:26px;}
  .our-process-col-text{font-size:18px;}

  .open-jobs-col-text{font-size:26px;}
  .open-jobs-icon-block{--icon-size:54px;}
  /*================= Technician Page End =================*/

  /*================= Open Jobs Page CSS Start =================*/
  .job-search-listing-wrap{gap:40px;}
  .job-title{font-size:24px;}
  .job-search-listing-wrap .quote-block-title{font-size:20px;}
  .quote-title-icon .icon{font-size:24px;}
  .search_categories .select2-container--default .select2-selection--single{font-size:18px; height:58px;}
  .job-search-listing-wrap .connecting-bottom-row{max-width:406px;}
  .job-search-listing-wrap .btn-theme-inner{min-width:inherit;}

  .jobs-listing-detail-banner.inner-page-banner .banner-title{font-size:42px;}
  .banner-block .video-card{max-width:540px;}
  .job-listing-content-block{gap:20px 40px; --sidebar-size:400px;}
  .contact-form-block.job-apply-form-block{padding:20px 20px;}
  .contact-form-block.job-apply-form-block .form-head{margin-bottom:10px;}
  .side-bar-outer{top:80px;}
  /*================= Open Jobs Page CSS End =================*/


  /*================= Information Section CSS Start =================*/
  .information-content h2, .information-content h3, .job-innercard h4{font-size:22px;}
  /*================= Information Section CSS End =================*/

}

@media(max-width:1359px) {
  .container{--container-width:100%; padding:0px 60px;}

  .btn, .btn-base{font-size:15px;}
  .btn-theme-inner{min-width:224px; min-height:48px;}
    
  .brand-logo{max-width:186px;}
  .btn-base{min-height:68px;}
  .main-header{top:14px;}
  .nav-listing{gap:0 20px;}
  .nav-label{font-size:15px;}
  .header-inner{--clip-path-value:24px;}
  .nav-button-bar .btn-base:after{--clip-path-size:24px;}
  .nav-item{padding:0px 10px;}
  .nav-label{font-size:14px;}
  .btn-base.contact-btn{font-size:14px;}


  .hero-banner-inner, .inner-common-banner .hero-banner-inner{padding:140px 0px 210px;}
  .banner-title{font-size:48px;}
  .banner-pre{font-size:18px; max-width:680px;}
  .btn-pre-label{font-size:15px;}
  .badge-label{min-width:210px; min-height:48px; padding:4px 24px 4px 20px; font-size:24px;}


  .section-info{padding:60px 0px;}
  .testimonial-info{padding-bottom:120px;}
  .section-title{font-size:44px; margin-bottom:24px;}
  .section-pre{font-size:17px; max-width:520px; margin-bottom:15px;}
  .about-row{align-items:center;}
  .about-left{padding-right:50px;}
  .reverse-column .about-left{padding-left:50px;}
  .about-content .badge-label-bar{margin-bottom:36px;}

  .article-outer .owl-dots{margin-top:20px;}


  .quote-block-pre{font-size:17px;}
  .quote-block-title{font-size:28px;}


  .testi-info{font-size:17px;}

  .faq-block{gap:48px;}
  .faq-info{padding:50px 50px 80px;}
  .faq-info .section-title{margin-bottom:50px;}
  .accordion-outer{margin-top:10px;}
  .acc-title-num{font-size:18px; width:40px; min-width:40px; height:40px;}
  .acc-title-label{font-size:20px;}
  .acc-cont p{font-size:17px;}


  .contact-form-block{padding:60px 50px;}
  .form-title{font-size:24px;}
  .form-title-pre{font-size:17px;}
  .form-head{margin-bottom:20px;}

  .footer-contact-wrap{--column-gap:20px;}
  .toolfree-text, .phone-text{font-size:14px;}



  /*============ ABOUT US Page CSS Start ============*/
  .section-vision{padding-top:100px;}
  .company-bio-info{padding-top:140px;}
  .section-vision .company-info-left{margin-top:100px;}
  .section-mission .company-info-right{margin-top:140px;}
  .section-bottom-text .quote-text{max-width:860px;}

  .what-different-info{padding:40px 30px;}

  .company-bio-content{--col-inner-spacing:40px; --clip-path-size:64px; max-width:800px; min-height:inherit;}
  .company-bio-content .section-title{font-size:24px;}

  .company-info-left{padding-right:20px;}
  .company-info-right{padding-left:20px;}
  .reverse-column .company-info-left{padding-left:20px;}
  .reverse-column .company-info-right{padding-right:20px;}
  .quote-company-inner-block{padding:30px 60px 30px 30px;}
  .section-mission .quote-company-inner-block{padding:50px 30px 20px 80px;}


  .core-values-info .section-title{margin-bottom:50px;}
  .item-letter{font-size:86px; height:82px;}
  .items-row{--column-gap:14px;}
  .core-value-card-inner{padding:40px 14px 20px; --clip-path-value:48px;}
  .item-title{font-size:22px;}
  .item-info-pre{font-size:17px;}

  .info-title-pre{font-size:17px;}
  .item-num-label{font-size:104px;}

  .expect-item .item-title{font-size:22px;}

  .what-different-left{min-width:556px; width:556px;}
  .product-service-info{margin-top:70px;}
  .product-service-content .tabs-container{padding:50px 0 20px;}
  
  .ceo-row{padding:0 0 45px 45px;}
  .ceo-left{min-width:406px; width:406px; margin-top:78px;}
  .ceo-header{padding:0px 0px 20px 66px; margin-top:-150px;}
  .ceo-title{font-size:44px;}
  .ceo-name{font-size:48px;}
  .ceo-content{padding:40px 40px 0px 66px;}
  .ceo-description p{font-size:17px;}
  .ceo-row:after{width:90px;}
  .section-ceo .section-inner{padding:240px 0px 100px;}

  .section-quote .section-inner{padding:90px 0px 100px;}
  .quote-bg-block{--leftBlock1:75px;--leftBlock2:180px;--leftBlock3:136px;}
  .quote-top-text, .quote-text{font-size:28px;}
  /*============ ABOUT US Page CSS END ============*/


  /*================= Contact Us Page Start =================*/
  .section-common-get-started .section-inner{padding:120px 0px 0px;}
  .base-contact-wrap .footer-warp-inner{margin-top:60px;}
  .section-common-get-started .get-started-left{flex:0 0 52%;}
  .inner-common-banner .banner-cnt, .inner-common-banner .banner-button-bar{margin-top:30px;}
  .section-sub-title{font-size:30px; max-width:740px; margin:0 auto 44px;}
  .section-common-get-started .get-started-right{padding:20px 40px;}
  /*================= Contact Us Page End =================*/


  /*================= Technician Page Start =================*/
  .section-open-jobs{margin-bottom:120px;}
  .section-connecting-texas .section-info{padding-top:120px;}
  .section-our-process .section-inner{padding-top:60px;}
  .section-connecting-texas .about-image{--clip-path-value:154px;}
  .quote-title-label{font-size:20px;}
  .quote-icon{--icon-size:40px; padding:12px;}

  .our-process-row{--icon-size:160px; --top-space:128px;}
  .our-process-col-title{font-size:24px;}
  .our-process-col-text{font-size:17px;}

  .open-jobs-col-text{font-size:22px;}
  .open-jobs-icon-block{--icon-size:48px;}
  .open-jobs-card:after{--clip-path-size:32px;}


  .service-info .section-title{margin-bottom:40px;}
  .service-card{padding:24px 30px 30px; --clip-path-value:50px;}
  .service-card:after{width:34px;}
  .service-figure-block .item-figure-block img{max-width:90px;}
  .service-item-title{font-size:24px; margin:16px 0px;}
  .service-item-description{padding:24px;}
  .service-info-pre{font-size:18px;}
  /*================= Technician Page End =================*/


  /*================= Open Jobs Page CSS Start =================*/
  .search-info{padding:120px 0px 180px;}
  .search-card{padding:40px;}
  .search-info .connecting-bottom-row{gap:40px; margin-top:60px;}
  .job-search-listing-wrap .btn-theme-inner{font-size:15px;}

  .jobs-listing-detail-banner.inner-page-banner .banner-title{font-size:36px;}
  .banner-cnt .location-tag i{font-size:24px;}
  .banner-cnt .google_map_link{font-size:18px;}
  .banner-block .video-card{max-width:440px;}
  .job-listing-content-block{--sidebar-size:360px;}
  .contact-form-block.job-apply-form-block{padding:22px;}
  .apply-call-btn{margin-top:10px;}
  .apply-call-btn a, .apply-call-btn .btn-icon{font-size:18px;}
  /*================= Open Jobs Page CSS End =================*/
}

@media(max-width:1199px) {
  .container{--container-width:100%; padding:0px 40px;}
  .btn, .btn-base{font-size:14px;}
  .btn-theme-inner{min-width:224px; min-height:48px; padding-left:20px; padding-right:calc(var(--btn-icon-size) + 6px);}
  .btn-icon{font-size:18px;}
    
  .brand-logo{max-width:186px;}
  .btn-base{min-height:68px;}
  .main-header{top:14px;}
  .nav-listing{gap:0 20px;}
  .nav-label{font-size:15px;}
  .header-inner{--clip-path-value:20px; padding-left:20px;}
  .nav-button-bar .btn-base:after{--clip-path-size:20px;}
  .nav-item{padding:0px 8px;}
  .nav-label{font-size:12px;}
  .btn-base.contact-btn{font-size:12px;}
  .contact-btn .btn-icon{font-size:14px;}
  .sub-item-label{font-size:12px;}


  .hero-banner-inner, .inner-common-banner .hero-banner-inner{padding:130px 0px 220px;}
  .banner-title{font-size:38px; max-width:600px;}
  .banner-pre{font-size:17px; max-width:640px;}
  .btn-pre-label{font-size:15px;}
  .badge-label{min-width:210px; min-height:48px; padding:4px 24px 4px 20px; font-size:24px;}


  .section-info{padding:50px 0px;}
  .testimonial-info{padding-bottom:100px;}
  .section-title{font-size:34px;}
  .about-row{align-items:center;}
  .about-left{padding-right:50px;}

  .quote-block{--clip-path-value:60px;}
  .quote-block-pre{font-size:17px;}
  .quote-block-title{font-size:28px;}


  .testi-info{font-size:16px;}

  .faq-block{gap:48px;}
  .faq-col.faq-col-left{width:360px; min-width:360px;}
  .faq-info{padding:40px 40px 50px;}
  .faq-info .section-title{margin-bottom:50px;}
  .accordion-outer{margin-top:10px;}
  .acc-title-num{font-size:18px; width:40px; min-width:40px; height:40px;}
  .acc-title-label{font-size:18px;}
  .acc-cont p{font-size:17px;}


  .contact-form-block{padding:30px 26px 40px;}
  .form-title{font-size:22px;}
  .form-title-pre{font-size:16px;}
  .form-head{margin-bottom:10px;}


  .article-wcard{padding:20px;}
  .article-detail{padding:20px 0px 0px;}
  .article-title{font-size:18px;}
  .more-btn{font-size:16px;}
  .more-btn-icon{--icon-size:30px; font-size:16px;}

  .owl-nav .owl-prev{left:-40px;}
  .owl-nav .owl-next{right:-40px;}


  .footer-warp-inner{padding:48px 0px 30px;}
  .footer-contact-outer{padding-bottom:30px;margin-bottom:40px;}

  .footer-contact-wrap{--column-count:2;--column-gap:12px;}
  .footer-contact-title{margin-bottom:10px;}
  .footer-title-icon .icon{font-size:20px;}
  .footer-contact-label{font-size:16px;}
  .footer-contact-flex{--clip-path-value:20px;}
  .footer-contact-icon{--iconSize:54px;}
  .footer-contact-icon .icon{font-size:20px;}
  .footer-contact-bar{padding-left:12px;}
  .toolfree-text,
  .phone-text{font-size:14px;}
  .phone-text{margin-top:2px;}

  .footer-logo-link{--logo-size:262px;}
  .social-list{gap:8px;}
  .social-link{--iconSize:46px;}
  .social-link .icon {font-size: 22px;}

  .footer-page-listing{gap:20px;}
  .footer-page-text{font-size:14px;}

  .copyright-warp-inner{padding:14px 0px;}
  .copyright-text{font-size:14px;}

  .footer-list-link, .signup-field-label{font-size:16px;}


  /*============ ABOUT US Page CSS Start ============*/
  .inner-page-banner .badge-label-bar{margin-bottom:10px;}
  .section-vision{padding-top:60px;}
  .company-bio-info{padding-top:120px;}

  .company-bio-content{--col-inner-spacing:20px; --clip-path-size:54px; max-width:640px;}
  .company-bio-content .section-title{font-size:20px;}

  .core-values-info .section-title{margin-bottom:40px;}
  .item-letter{font-size:76px; height:72px;}
  .core-value-card-inner{padding:30px 14px 20px; --clip-path-value:40px;}
  .item-title{font-size:20px;}
  .item-info-pre{font-size:16px; line-height:1.5em;}

  .serve-block .item-col:nth-child(2){margin-top:30px;}
  .serve-block .item-col:nth-child(3){margin-top:60px;}
  .serve-block .item-col:nth-child(4){margin-top:90px;}
  .item-num-label{font-size:84px;}

  .expect-item .item-title{font-size:20px;}
  .item-figure{max-width:80px;}

  .what-different-info{padding:40px 30px;}
  .make-us-different-info{gap:40px;}
  .what-different-left{min-width:496px; width:496px;}
  .post-pre{font-size:17px;}
  .section-sm-title{font-size:28px; margin-bottom:10px;}
  .product-service-info{margin-top:50px;}
  .product-service-content .tabs-container{padding:30px 0 10px;}
  .product-service-block{gap:30px; align-items:flex-start;}
  .product-service-right{min-width:360px; width:360px;}
  .tab-label{font-size:18px;}
  
  .ceo-left{min-width:360px; width:360px; margin-top:100px;}
  .ceo-header{padding:0px 0px 20px 66px; margin-top:-100px;}
  .ceo-title{font-size:38px;}
  .ceo-name{font-size:40px;}
  .ceo-row:after{width:80px;}
  .section-ceo .section-inner{padding:220px 0px 80px;}

  .section-quote .section-inner{padding:70px 0px 80px;}
  .quote-bg-block{--leftBlock1:60px;--leftBlock2:144px;--leftBlock3:108px;}
  .quote-top-text, .quote-text{font-size:26px;}
  /*============ ABOUT US Page CSS END ============*/
    
  .items-row.core-values-block{--column-count:3; justify-content:flex-start;}   
  .bdr-line{display:none;}    
  .item-letter:before{display:none;}


  /* Subscribe Modal Start */
  .subscribe-modal .modal-outer{max-width:430px;}
  .subscribe-modal .modal-title{font-size:36px;}
  .subscribe-modal .modal-content:before{--clip-path-size:56px;}
  .line-fig{width:110px; bottom:-14px;}
  .hr-line{max-width:240px;}
  .modal-pre{font-size:22px; margin-bottom:10px;}
  .modal-info .button-bar{padding:10px 0px;}
  /* Subscribe Modal End */

  /*================= Contact Us Page Start =================*/
  .section-common-get-started .section-inner{padding:100px 0px 0px;}
  .base-contact-wrap .footer-warp-inner{margin-top:50px;}
  .section-sub-title{font-size:24px; max-width:620px; margin:0 auto 34px;}
  .section-common-get-started .get-started-right{padding:20px 20px;}

  .contact-outer{margin-bottom:60px;}
  /*================= Contact Us Page End =================*/


  /*================= Technician Page Start =================*/
  .section-open-jobs{margin-bottom:100px;}
  .section-connecting-texas .section-info{padding-top:100px;}
  .section-our-process .section-inner{padding-top:40px;}
  .section-connecting-texas .about-left{padding-right:60px;}
  .section-connecting-texas .about-image{--clip-path-value:134px;}
  .section-connecting-texas .about-image:before{left:-30px; bottom:-30px;}
  .video-play-icon{max-width:84px;}
  .connecting-bottom-row{gap:40px;}
  .quote-col .quote-block{padding:40px 40px 40px 30px;}
  .quote-block-title{font-size:26px;}
  .quote-block-pre{font-size:16px;}
  .quote-title-label{font-size:18px;}
  .quote-icon{--icon-size:34px; padding:10px;}

  .our-process-row{--icon-size:140px; --top-space:110px;}
  .our-process-icon-block{padding:32px;}
  .our-process-col-title{font-size:22px; margin-top:16px;}
  .our-process-col-text{font-size:16px; margin-top:10px;}
  .technician-button-bar{margin-top:70px;}

  .open-jobs-row{gap:18px;}
  .open-jobs-card{width:calc((100% / 3) - 12px);}
  .open-jobs-col-text{font-size:20px;}
  .open-jobs-icon-block{--icon-size:40px;}
  .open-jobs-card:after{--clip-path-size:26px;}
  .open-jobs-button-bar{margin-top:50px;}
  .open-jobs-button-bar .btn-theme-inner{min-width:inherit;}
  .open-jobs-info .info-title-pre{margin-top:0px;}
  /*================= Technician Page End =================*/

  /*================= Open Jobs Page CSS Start =================*/
  .search-info{padding:100px 0px 140px;}
  .search-card{padding:30px;}
  .search-info .connecting-bottom-row{gap:30px;}
  .search-info .col-left .btn-theme-inner{min-width:160px;}
  .quote-title-icon .icon{font-size:30px;}
  .section-search .quote-block{height:100%; margin-top:0px;}

  .job-search-listing-wrap{gap:30px;}
  .job_listings .job_filters .search_jobs{padding:20px;}
  .job-title{font-size:20px; margin-bottom:12px;}
  .job-info-bar{margin-bottom:12px; gap:12px;}
  .job-description{padding:10px 16px;}
  .jobs-type{padding:7px 16px; font-size:14px;}
  .job-tagline{font-size:14px; line-height:1.6em; margin-bottom:12px;}
  .google_map_link, .post-date .date{font-size:14px;}
  .location-tag i, .post-date i{font-size:18px;}
  .job-search-listing-wrap .quote-block, .jobs-list-card{padding:20px; --clip-path-value:40px;}
  .job-search-listing-wrap .quote-block-title{font-size:18px; margin-bottom:12px;}
  .quote-title-icon .icon{font-size:20px;}
  .search_categories .select2-container--default .select2-selection--single{font-size:16px; height:48px;}
  .job-search-listing-wrap .connecting-bottom-row{max-width:366px;}
  .job-search-listing-wrap .btn-theme-inner{font-size:14px;}
  .job-search-listing-wrap .quote-block-pre{font-size:14px; margin-bottom:12px;}

  .jobs-listing-detail-banner.inner-page-banner .banner-title{font-size:28px;}
  .banner-block .video-card{max-width:400px;}
  .job-listing-content-block{--sidebar-size:300px;}
  .contact-form-block.job-apply-form-block{padding:20px; --clip-path-value:40px;}
  .contact-form-block.job-apply-form-block .button-bar{margin-top:10px;}
  .apply-call-btn{margin-top:0px;}
  .apply-call-btn a, .apply-call-btn .btn-icon{font-size:16px;}
  /*================= Open Jobs Page CSS End =================*/

  /*================= Information Section CSS Start =================*/
  .section-information .section-inner{padding:60px 0px 40px;}
  .information-content h2, .information-content h3, .job-innercard h4{font-size:22px;}
  .information-content p, .information-content ul li{font-size:15px;}
  /*================= Information Section CSS End =================*/
}

@media (max-width:991px) {
  .container{--container-width:100%; padding:0px 40px;}
  .btn, .btn-base{font-size:14px;}
  .btn-theme-inner{min-width:204px; min-height:44px; padding-left:20px; padding-right:calc(var(--btn-icon-size) + 6px);}
  .btn-icon{font-size:16px;}
  .btn-pre-label{font-size:14px;}
    
  .brand-logo{max-width:178px;}
  .btn-base{min-height:44px;}
  .main-header{top:6px;}
  .nav-listing{gap:20px 0px; margin-bottom:20px;}
  .contact-btn{min-width:166px; min-height:44px;}
  .nav-button-bar .btn-base:after{display:none;}
  .sticky .header-outer{padding:0px 0px;}
  .sticky .header-inner{padding-right:0px;}
  .header-inner{--clip-path-value:14px; padding-left:20px; padding:10px 20px;}
  .nav-button-bar .btn-base:after{--clip-path-size:14px;}
  .nav-listing:not(.nav-button-bar){padding:20px 0px;}
  .header-inner{clip-path:inherit; background:var(--bg-white); padding:10px;}
  .nav-label{font-size:14px;}
  .btn-base.contact-btn{font-size:14px;}
  .contact-btn .btn-icon{font-size:16px;}
  .sub-item-label{font-size:14px;}
  .add-dropdown .nav-item{padding-right:24px;}
  .add-dropdown .nav-item .icon{right:6px;}


  .hero-banner-inner, .inner-common-banner .hero-banner-inner{padding:110px 0px 220px;}
  .badge-label{min-width: 200px;min-height:44px;padding:4px 22px 4px 16px;font-size:20px;}
  .banner-title{font-size:34px;}
  .banner-pre{font-size:16px; max-width:610px;}
  .btn-pre-label{font-size:13px;}
  .banner-button-bar{margin-top:20px;}

  .section-info{padding:40px 0px;}
  .testimonial-info{padding-bottom:80px;}
  .video-play-icon{max-width:80px;}
  .section-title{font-size:30px;}
  .section-pre{font-size:16px; max-width:100%;}
  .about-row{flex-direction:column; flex-wrap:wrap; gap:40px 0px;}
  .about-row .about-col{padding:0px !important; width:100%; max-width:100%;}


  .faq-block{gap:40px; flex-wrap:wrap; flex-direction:column;}
  .faq-col.faq-col-left{width:100%; min-width:100%;}
  .faq-info{padding:30px 30px 30px;}
  .faq-info .section-title{margin-bottom:30px;}
  .acc-title-num{font-size:17px;}
  .acc-title-label{font-size:17px;}
  .acc-cont p{font-size:16px;}


  .contact-form-block{padding:24px 24px 30px;}
  .get-started-left{padding:40px 40px 40px 0px; flex:0 0 48%;}
  .form-control, input{height:48px; font-size:16px;}
  .floating-label .form-label{font-size:16px; top:14px;}
  .contact-form-block textarea.form-control{height:140px;}
  .contact-form-block .button-bar{margin-top:0px;}
  .file-upload-button-pre{font-size:16px;}

  .modal-info.find-talent-modal{--clip-path-value:60px;}
  .find-talent-modal .modal-close-btn-right{top:4px; right:-2px;}
  .find-talent-modal .modal-title{font-size:36px;}

  .footer-warp-inner{padding:48px 0px 30px;}
  .footer-contact-outer{padding-bottom:30px;margin-bottom:40px;}

  .footer-contact-wrap{--column-count:2;--column-gap:12px;}
  .footer-contact-title{margin-bottom:10px;}
  .footer-title-icon .icon{font-size:20px;}
  .footer-contact-label{font-size:16px;}
  .footer-contact-flex{--clip-path-value:20px;}
  .footer-contact-icon{--iconSize:54px;}
  .footer-contact-icon .icon{font-size:20px;}
  .footer-contact-bar{padding-left:12px;}
  .toolfree-text,
  .phone-text{font-size:14px;}
  .phone-text{margin-top:2px;}

  .footer-logo-link{--logo-size:228px;}
  .social-list{gap:8px;}
  .social-link{--iconSize:46px;}
  .social-link .icon {font-size: 22px;}

  .footer-page-listing{gap:20px;}

  .copyright-warp-inner{padding:14px 0px; flex-direction:column; flex-wrap:wrap;}
  .footer-widget-title{font-size:16px;}
  .footer-list-link, .signup-field-label{font-size:14px;}
  .footer-page-links{position:inherit; width:100%; margin-top:10px;}

  .footer-contact-wrap{--column-count:2;--column-gap:18px;}


  /*============ ABOUT US Page CSS Start ============*/
  .inner-page-banner .badge-label-bar{margin-bottom:10px;}
  .section-vision{padding-top:60px;}
  .company-bio-info{padding-top:120px;}
  .section-vision .company-info-left{margin-top:100px;}
  .section-mission .company-info-right{margin-top:160px;}

  .what-different-info{padding:40px 30px;}

  .company-bio-content{--col-inner-spacing:20px; --clip-path-size:54px; max-width:640px;}
  .company-bio-content .section-title{font-size:20px;}

  .core-values-info .section-title{margin-bottom:40px;}
  .item-letter{font-size:76px; height:72px;}
  .items-row{--column-gap:14px;}
  .core-value-card-inner{padding:30px 14px 20px; --clip-path-value:40px;}
  .item-title{font-size:20px;}
  .item-info-pre{font-size:16px; line-height:1.5em;}

  .serve-block .item-col:nth-child(2){margin-top:30px;}
  .serve-block .item-col:nth-child(3){margin-top:60px;}
  .serve-block .item-col:nth-child(4){margin-top:90px;}
  .item-num-label{font-size:84px;}

  .expect-item .item-title{font-size:20px;}
  .item-figure{max-width:80px;}

  .make-us-different-info{gap:40px;}
  .what-different-left{min-width:496px; width:496px;}
  .post-pre{font-size:17px;}
  .section-sm-title{font-size:28px; margin-bottom:10px;}
  .product-service-info{margin-top:50px;}
  .product-service-content .tabs-container{padding:30px 0 10px;}
  .product-service-block{gap:30px; align-items:flex-start;}
  .product-service-right{min-width:360px; width:360px;}
  .tab-label{font-size:18px;}
  
  .ceo-row{padding:0 0 45px 45px;}
  .ceo-left{min-width:360px; width:360px; margin-top:100px;}
  .ceo-header{padding:0px 0px 20px 66px; margin-top:-100px;}
  .ceo-title{font-size:38px;}
  .ceo-name{font-size:40px;}
  .ceo-content{padding:40px 40px 0px 66px;}
  .ceo-description p{font-size:17px;}
  .ceo-row:after{width:80px;}
  .section-ceo .section-inner{padding:220px 0px 80px;}

  .section-quote .section-inner{padding:70px 0px 80px;}
  .quote-bg-block{--leftBlock1:60px;--leftBlock2:144px;--leftBlock3:108px;}
  .quote-top-text, .quote-text{font-size:26px;}
  /*============ ABOUT US Page CSS END ============*/
    
  .company-bio-content{position:static;}
  .company-bio-content{float:left; width:100%; padding:20px 0 0; max-width:100%;}
  .company-bio-info{padding-top:70px;}
  
  .section-vision .company-info-left{margin:0;}
  .company-info-row{flex-direction:column;}
  .company-info-col{min-width:100%; width:100%; padding:0;}
  .company-info-right{margin-top:24px;}
  .section-mission .company-info-right{margin-top:24px;}
  .section-vision{padding-top:0;}
  .section-mission .badge-label-bar{justify-content:flex-start;}
  .inner-page-banner .hero-banner-inner{min-height:320px; display:flex; align-items:center;}
  .section-mission{margin-top:20px;}
  .quote-company-inner-block{clip-path:polygon(100% 0, 98% 76%, 90% 100%, 0 100%, 0 0); padding:20px 30px 20px 14px;}
  .quote-company-block{clip-path:polygon(100% 0, 100% 76%, 94% 100%, 0 100%, 0 0);}
  
  .section-mission .quote-company-block{clip-path:polygon(100% 0, 100% 100%, 0 100%, 0 15%, 10% 0);}
  .section-mission .quote-company-inner-block{clip-path:polygon(100% 0, 100% 100%, 0 100%, 2% 23%, 12% 6%); padding:26px 14px 0px 30px;}
  
  .product-service-block{flex-direction:column;}
  .product-service-right{min-width:100%; width:100%;}
  .product-service-figure img{float:left; width:100%;}
  
  .ceo-row{flex-wrap:wrap; padding:10px;}
  .ceo-col{min-width:100%; width:100%;}
  .ceo-header{background:none; padding:20px 0; margin:0; text-align:center;}
  .ceo-frame-image{max-width:370px;}
  .ceo-image-block{max-width:370px;}
  .ceo-image{left:10px; bottom:10px;}
  .ceo-left{display:flex; justify-content:center; align-items:center;}
  .ceo-title{color:#fff; font-size:24px;}
  .ceo-name{font-size:24px;}
  .ceo-content{padding:0; text-align:center;}
  .ceo-description p{font-size:14px;}
  .ceo-row:after{clip-path: polygon(100% 50%, 100% 100%, 40% 100%);}
  .section-ceo .section-inner{padding-top:120px; padding-bottom:40px;}
  .product-service-content .tab-label{font-size:14px;}

  /*================= Contact Us Page Start =================*/
  .base-news-wrap .section-article{padding:40px 0px;}

  .section-common-get-started .section-inner{padding:80px 0px 0px;}
  .base-contact-wrap .footer-warp-inner{margin-top:40px;}
  .section-common-get-started .get-started-row{flex-direction:column-reverse;}
  .section-common-get-started .get-started-left{flex:1;}
  .inner-common-banner .banner-cnt, .inner-common-banner .banner-button-bar{margin-top:20px;}
  .section-sub-title{font-size:22px; max-width:540px; margin:0 auto 24px;}
  .section-common-get-started .get-started-right{padding:40px 20px;}
  /*================= Contact Us Page End =================*/
  

  /*================= Technician Page Start =================*/
  .section-open-jobs{margin-bottom:80px;}
  .section-connecting-texas .section-info{padding-top:80px;}
  .section-our-process .section-inner{padding-top:20px;}
  .section-connecting-texas .about-left{padding:0px;}
  .section-connecting-texas .about-image{--clip-path-value:114px;}
  .section-connecting-texas .about-image:before{left:-15px; bottom:-15px;}
  .about-content .badge-label-bar{margin-bottom:26px;}
  .connecting-bottom-row{gap:30px; flex-direction:column; margin-top:70px;}
  .quote-col .quote-block{padding:30px 30px 30px 30px;}
  .quote-col, .quote-list-col{width:100%;}
  .quote-block-title{font-size:24px;}
  .quote-icon{--icon-size:30px; padding:8px;}

  .our-process-row{--icon-size:120px; --top-space:100px; gap:40px;}
  .our-process-icon-block{padding:24px;}
  .our-process-col-title{font-size:20px;}
  .our-process-col-text br{display:none;}
  .technician-button-bar{margin-top:50px;}
  .our-process-icon-block:before{bottom:calc(var(--top-space) * -0.6); height:calc(var(--top-space) / 1.8);}
  .our-process-icon-block:after{top:calc(var(--top-space) * -0.8); height:calc(var(--top-space) / 1.3);}

  .open-jobs-inner{padding:0 40px;}
  .open-jobs-card{width:calc((100% / 2) - 9px);}
  .open-jobs-col-text{font-size:18px;}
  .open-jobs-button-bar{margin-top:40px;}
  .base-technician-wrap .section-faq .section-inner{padding:80px 0px;}

  .service-info .section-title{margin-bottom:20px;}
  .service-card{padding:20px 20px 20px; --clip-path-value:40px;}
  .service-card:after{width:30px;}
  .service-figure-block .item-figure-block img{max-width:84px;}
  .service-item-title{font-size:22px; margin:14px 0px;}
  .service-item-description{padding:20px;}
  .service-info-pre{font-size:16px;}
  /*================= Technician Page End =================*/


  /*================= Open Jobs Page CSS Start =================*/
  .search-info{padding:80px 0px 120px;}
  .search-form .form-label{font-size:16px;}
  .search-info .connecting-col{width:100%;}
  .search-info .col-right .btn-theme-inner{min-width:inherit;}
  .search-info .connecting-bottom-row{gap:20px; margin-top:40px;}
  .search-button-bar .btn-theme:hover .btn-icon{transform:inherit;}

  .job-search-listing-wrap{flex-wrap:wrap; flex-direction:column-reverse;}
  .job-search-listing-wrap .connecting-bottom-row{max-width:100%;}
  .job-list{margin-top:24px;}
  .job-title{font-size:18px;}

  .jobs-listing-detail-banner.inner-page-banner .banner-title{font-size:26px;}
  .jobs-listing-detail-banner .banner-block{flex-direction:column;}
  .banner-block .video-card{max-width:360px; margin-left:auto; padding:8px;}
  .job-listing-content-block{--sidebar-size:100%; flex-direction:column;}
  /*================= Open Jobs Page CSS End =================*/
}

@media(max-width:767px) {
  .container{padding:0px 10px;}

  .brand-logo{max-width:156px;}

  .hero-banner-inner, .inner-common-banner .hero-banner-inner{padding:70px 0px 60px; min-height:inherit; background-position:right bottom;}
  .badge-label-bar{margin-bottom:10px;}
  .badge-label{min-width:146px;min-height:34px;padding:4px 20px 4px 14px;font-size:16px;}
  .banner-content{text-align:center;}
  .banner-title{font-size:24px; max-width:100%; margin-bottom:10px;}
  .banner-pre{font-size:14px; max-width:100%; margin-bottom:10px;}
  .banner-button-bar{flex-wrap:wrap; margin-top:10px;}
  .btn-pre-label{margin-top:2px;}

  .section-info{padding:30px 0px;}
  .testimonial-info{padding:30px 0px 60px;}
  .about-row{gap:20px 0px;}
  .about-content .badge-label-bar{margin-bottom:14px;}
  .video-play-icon{max-width:60px;}
  .section-title{font-size:24px; margin-bottom:10px;}
  .section-text{margin-bottom:10px;}
  .section-pre{font-size:14px; margin-bottom:10px;}
  .more-btn{font-size:14px; gap:10px;}
  .more-btn-icon{--icon-size:26px; font-size:14px;}
  .more-btn:before{width:40px; height:23px;}

  .quote-block{--clip-path-value:40px; margin-top:24px; padding:24px 20px 20px;}
  .quote-block-title{font-size:20px; margin-bottom:10px;}
  .quote-block-pre{font-size:14px; margin-bottom:16px;}


  .testimonial-info .section-title{margin-bottom:30px;}
  .testi-quote{max-height:54px;}
  .testi-quote-icon{max-width:80px;}
  .testimonial-card-inner{padding:20px 20px 10px;}
  .testi-info{font-size:14px;}
  .item-prea{min-height:140px;}
  .author-figure{max-width:40px;}
  .author-name{font-size:16px;}
  .item-bottom{padding:20px 0px 10px;}

  .faq-info{padding:20px 16px 16px; border-width:1px;}
  .faq-block{gap:20px;}
  .faq-info .section-title{margin-bottom:20px;}
  .acc-item{border-width:1px;}
  .acc-title{padding:10px; gap:10px; padding-right:30px !important;}
  .acc-title .icon{width:30px; font-size:16px;}
  .acc-title-num{font-size:16px; width:32px; min-width:32px; height:32px;}
  .acc-title-label{font-size:14px;}
  .acc-cont {padding:0 10px 10px 54px;}
  .acc-cont p{font-size:14px;}


  .article-title{font-size:16px;}
  .article-date{width:106px; height:106px; padding:6px 0px 0px 46px;}
  .article-date-day{font-size:24px;}
  .article-category{font-size:14px; min-height:28px;}

  .section-get-started .section-inner{--spacing-Y:30px;}
  .get-started-content{text-align:center;}
  .get-started-button-bar{justify-content:center;}
  .contact-form-block{padding:24px 24px 30px;}
  .get-started-row{flex-direction:column;}
  .get-started-left{padding:30px 0px; flex:0 0 100%;}
  .contact-form-block{margin:0px 0px 40px; padding:20px 16px 20px; border:none;}
  .form-title{font-size:20px; margin-bottom:4px;}
  .form-title-pre{font-size:16px;}
  .form-control, input{height:44px; font-size:14px;}
  .file-upload-button-pre{font-size:14px;}
  .floating-label .form-label{font-size:14px; top:12px;}
  .contact-form-block textarea.form-control{height:116px;}
  .floating-label .form-control:focus ~ .form-label, .floating-label .form-control.has-value ~ .form-label, .floating-label.has-value .form-label{top:-8px; font-size:12px;}
  .wpcf7-form{padding-top:18px;}
  .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output, .wpcf7 form.wpcf7-form .wpcf7-response-output{padding:4px 10px; font-size:11px;}
  .wpcf7-form .wpcf7-spinner{right:14px; width:24px; height:24px;}

  .footer-warp-inner{padding:20px 0px 20px;}
  .footer-inner-row{flex-wrap:wrap; flex-direction:column;}
  .footer-inner-col{width:100%;}
  .footer-contact-outer{padding-bottom:30px; margin-bottom:20px;}
  .footer-widget-logo{margin-bottom:22px;}
  .footer-page-text{font-size:14px;}
  .footer-contact-wrap{--column-count:1;--column-gap:18px;}
  .footer-widget-title{margin-bottom:10px;}
  .footer-widget-list{grid-gap:12px 0px;}
  .signup-field-label{margin-bottom:14px;}
    
    
  .banner-content .badge-label-bar{display:flex; justify-content:center; align-items:center; margin-bottom:20px;} 
  .banner-button-bar{justify-content:center;}
  .dash-art-figure{max-width:110px;}
  
  .quote-top-text, .quote-text{font-size:16px; text-wrap:auto;}
  .quote-text br{display:none;}
  .section-quote .section-inner{padding:30px 0;}
  .section-quote .quote-bg-block{--leftBlock1: 30px; --leftBlock2: 94px; --leftBlock3: 38px; opacity:0.06;}  
  .quote-text{margin-top:20px;}
      
  .make-us-different-info{flex-direction:column;}
  .what-different-left{min-width:100%; width:100%;}
  .what-different-right{min-width:100%; width:100%;}
  .section-info.what-different-info{padding:20px 10px;}
  .post-pre{line-height:1.3em; font-size:14px;}
  .make-us-different-info{gap:15px;}
  
  
  .product-service-block{flex-direction:column; gap:15px;}
  .product-service-left{min-width:100%; width:100%;}
  .product-service-right{min-width:100%; width:100%;}
  .product-service-content .tab-label{white-space:nowrap; font-size:14px;}
  .product-service-content .tab-label{height:48px; line-height:48px;}
  .product-service-content .tabs-bar{height:48px;}
  .product-service-content .tabs-wrap{height:50px;}
  .product-service-content .tabs-container{padding-top:10px;}
  .section-sm-title{font-size:20px;}
  
  .items-row.what-expect-block{--column-count:1; --column-gap:30px; text-align:center;}
  .expect-item .item-figure-block{display:flex; justify-content:center; align-items:center; width:52px; min-width:52px;}
  .what-expect-info .info-title{margin-bottom:40px;}
  .expect-item{display:flex; align-items:center; gap:14px;}
  .expect-item-info{text-align:left;}
  .expect-item .item-title{margin:0; font-size:16px;}
  .expect-item .item-info-pre{font-size:14px; line-height:1.3em; margin-top:3px;}
  .expect-item .item-info-pre br{display:none;}

  .items-row.serve-block{--column-count:1; --column-gap:30px;}
  .serve-info .info-title{margin-bottom:0;}
  .serve-item{display:flex; gap:10px; align-items:center;}
  .serve-item .item-title{width:auto; flex:1; margin:0; font-size:16px;}
  .serve-item .item-title br{display:none;}
  .item-num-label{writing-mode:unset; transform:none; font-size:34px;}
  .serve-info .item-figure-block{width:50px;}
  .serve-info .serve-block .item-col{margin:0;}
  .info-title-pre{font-size:14px;}
  .info-title-pre br{display:none;}
  
  
  .core-values-info .section-title{margin-bottom:30px;}
  .items-row.core-values-block{--column-count:1; --column-gap:18px;}
  .item-letter:before{display:none;}
  .bdr-line{display:none;}
  .core-item{flex-direction:row;}
  .core-item .item-letter{width:40px; min-width:40px; height:auto; font-size:40px; line-height:30px;}
  .core-value-card-inner{--clip-path-value:20px; padding:10px 32px 10px 10px;}
  .core-value-card-inner .item-info-pre{font-size:14px;}
  .core-value-card-inner .item-title{font-size:16px; margin-top:0;}
  .core-value-card-inner

  .company-info-row{flex-direction:column;}
  .company-info-col{min-width:100%; width:100%;}
  .reverse-column .company-info-left{padding:0;}
  .section-vision .company-info-left{margin:0;}
  
  .company-bio-content .section-title{font-size:16px;}
  .banner-content .dash-art{display:flex; justify-content:center; align-items:center;}
  
  .ceo-frame-image{max-width:calc(100% - 20px);}
  .ceo-image-block{max-width:calc(100% - 20px);}


  /* Subscribe Modal Start */
  .modal-right .modal-contenier{transform:none !important; justify-content:center;}
  .modal-info.subscribe-modal{border-right:5px solid rgba(255, 255, 255, 0.22);}
  .modal-content{padding:12px 12px;}
  .video-modal .modal-close-btn-right, .modal-lg .modal-close-btn-right{top:-14px; right:-14px; background:var(--clr-white); border:1px solid var(--bdr-gray);}
  .video-modal .modal-close-btn .icon, .modal-lg .modal-close-btn .icon{color:var(--clr-dark);}
  .subscribe-modal .modal-outer{max-width:300px;}
  .subscribe-modal .modal-content{padding:20px 10px;}
  .subscribe-modal .modal-content:before{--clip-path-size:36px;}
  .subscribe-modal .modal-title{font-size:26px;}
  .modal-title-inner{padding-bottom:10px;}
  .modal-close-btn-right{top:14px; right:8px; border-width:2px;}
  .line-fig{width:86px; bottom:-10px;}
  .hr-line{max-width:200px;}
  .modal-pre{font-size:16px; margin-bottom:6px;}
  .link-btn-bar-outer{font-size:16px;}
  .modal-info .btn-theme-inner{padding-right:var(--btn-icon-size); padding-left:18px;}
  /* Subscribe Modal End */

  /* Submit Resume Modal Start */
  .modal-header{padding:10px 0px 20px;}
  .popup-form-block, .contact-form-block.popup-form-block{padding:0px 10px;}
  .modal-lg .modal-title{font-size:20px;}
  .file-upload-button .form-control{height:86px;}

  .modal-info.find-talent-modal{--clip-path-value:50px;}
  .find-talent-modal .modal-close-btn-right{top:1px; right:-5px; background:transparent; border-width:2px;}
  .find-talent-modal .modal-close-btn .icon{color:var(--clr-white);}
  .find-talent-modal .modal-title{font-size:28px;}
  /* Submit Resume Modal End */


  /*================= Contact Us Page Start =================*/
  .base-news-wrap .section-article{padding:30px 0px;}

  .section-common-get-started .section-inner{padding:60px 0px 0px; --spacing-Y:0;}
  .base-contact-wrap .footer-warp-inner{margin-top:30px;}
  .inner-common-banner .banner-cnt, .inner-common-banner .banner-button-bar{margin-top:16px;}
  .section-sub-title{font-size:18px; max-width:100%; margin:0 auto 20px;}
  .section-common-get-started .get-started-right{padding:30px 16px;}
  .section-common-get-started .contact-form-block .button-bar{justify-content:center;}
  .contact-form-block .flex-row .flex-col-2{--column-count:1;}

  .contact-outer{margin-bottom:40px;}
  /*================= Contact Us Page End =================*/

  /*================= Technician Page Start =================*/
  .section-open-jobs{margin-bottom:60px;}
  .base-technician-wrap .section-get-started .section-inner{margin-top:0px;}
  .section-connecting-texas .section-info{padding-top:60px;}
  .section-our-process .section-inner{padding-top:0px;}
  .section-connecting-texas .about-image{--clip-path-value:114px;}
  .section-connecting-texas .about-image:before{left:-6px; bottom:-6px;}
  .connecting-bottom-row{margin-top:40px;}
  .quote-title-label{font-size:16px;}
  .quote-title{padding:10px !important; gap:10px;}

  .our-process-row{--icon-size: 80px;--top-space: 40px;gap:20px;flex-direction: row;align-items: flex-start;}
  .our-process-inner{margin-top:10px;}
  .our-process-icon-block{padding:13px;}
  .our-process-icon-block:before, .our-process-icon-block:after, .our-process-row:before{display:none;}
  .section-our-process .badge-label{min-width:146px;}
  .our-process-col-title{font-size:17px; margin-top:10px;}
  .our-process-col-text{font-size:14px; line-height:1.5em; margin-top:6px;}
  .row-rev .our-process-right{text-align:left;}
  .row-rev .badge-label-inner{float:left;}
  .technician-button-bar{margin-top:30px;}

  .open-jobs-inner{padding:0 20px;}
  .open-jobs-row{gap:10px;}
  .open-jobs-card{width:100%;}
  .open-jobs-col-text{font-size:16px;}
  .open-jobs-info .info-title-pre{margin-bottom:15px;}
  .open-jobs-button-bar{margin-top:20px;}
  .base-technician-wrap .section-faq .section-inner{padding:60px 0px 30px;}

  .service-info .section-title{margin-bottom:15px;}
  .service-card{padding:16px 16px 16px; --clip-path-value:34px;}
  .service-card:after{width:24px;}
  .service-figure-block .item-figure-block img{max-width:64px;}
  .service-item-title{font-size:20px; margin:10px 0px;}
  .service-item-description{padding:16px;}
  .service-info-pre{font-size:14px; line-height:1.5em;}
  /*================= Technician Page End =================*/

  /*================= Open Jobs Page CSS Start =================*/
  .search-info{padding:60px 0px 60px;}
  .search-form .form-label{font-size:14px;}
  .search-form .flex-row{--column-gap:0px;}
  .search-form .form-group{--input-height:48px;}
  .search-form .input-group-prepend{width:48px;}
  .lg-btn .btn{padding:0px;}
  .search-button-bar{flex-direction:column; gap:10px; margin-top:10px;}
  .underline-btn{padding:2px;}
  .search-form .input-icon .icon{font-size:18px;}
  .search-form .flex-col-2{--column-count:1;}
  .search-card{padding:20px;}
  .search-info .connecting-bottom-row{gap:20px; margin-top:30px;}
  .search-info .col-left .btn-theme-inner{min-width:128px; padding-left:10px; padding-right:calc(var(--btn-icon-size) - 6px);}
  .quote-title-icon .icon{font-size:24px;}
  .sm-btn .btn{margin-bottom:0px;}

  .job-search-listing-wrap .quote-block, .jobs-list-card{padding:20px 16px;}
  .job-search-listing-wrap .button-bar{padding:10px 16px;}
  .job-search-listing-wrap .btn-theme-inner{padding-right:calc(var(--btn-icon-size) + 2px); padding-left:18px;}

  .jobs-listing-detail-banner.inner-page-banner .banner-title{font-size:20px;}
  .jobs-listing-detail-banner .banner-cnt{display:flex; justify-content:center;}
  .banner-cnt .location-tag i{font-size:16px;}
  .banner-cnt .google_map_link{font-size:14px;}
  .banner-block .video-card{max-width:360px; margin:0 auto;}
  /*================= Open Jobs Page CSS End =================*/

  /*================= Information Section CSS Start =================*/
  .section-information .section-inner{padding:40px 0px 20px;}
  .information-content h2, .information-content h3, .job-innercard h4{font-size:20px;}
  .information-content p, .information-content ul li{font-size:14px; line-height:1.5em;}
  /*================= Information Section CSS End =================*/
}
/* ************************* RESPONSIVE CSS END ************************* */