header ul.navbar-nav > li > a {color: var(--color-01) !important;}
header.stickyheader ul.navbar-nav > li > a,
header:hover ul.navbar-nav > li > a {color: var(--color-02) !important;}

.text-transform-inherit{text-transform:inherit}

.font-color-11 .content-services .cs-heading{color:var(--color-01);background: linear-gradient(90deg, #14897D 0%, #0B3833 189.65%);}
.font-color-11 .content-services .cs-details .csd-pointers h2{color:var(--color-11);}
.font-color-11 .content-services .cs-details .csd-pointers h2:after{background-image:url("../templates/img/title-arrow-green.png")}
.font-color-11 #serviceAccordion.accordion a[aria-expanded=true]{color:var(--color-11);} 
.font-color-11 #serviceAccordion.accordion a:hover,
.font-color-11 #serviceAccordion.accordion a:focus{color: var(--color-11);text-decoration:none;}

.font-color-13 .content-services .cs-heading{color:var(--color-01);background: linear-gradient(90deg, #F68D1E 0%, #BD6C00 189.65%);}
.font-color-13 .content-services .cs-details .csd-pointers h2{color: var(--color-13);}
.font-color-13 .content-services .cs-details .csd-pointers h2:after{background-image:url("../templates/img/title-arrow-orange.png")}
.font-color-13 #serviceAccordion.accordion a[aria-expanded=true]{color:var(--color-13);} 
.font-color-13 #serviceAccordion.accordion a:hover,
.font-color-13 #serviceAccordion.accordion a:focus{color: var(--color-13);text-decoration:none;}

.font-color-03 .content-services .cs-heading{color:var(--color-01);background: linear-gradient(90deg, #515151 0%, #000000 189.65%);}
.font-color-03 .content-services .cs-details .csd-pointers h2{color:var(--color-11);}
.font-color-03 .content-services .cs-details .csd-pointers h2:after{background-image:url("../templates/img/title-arrow-green.png")}
.font-color-03 #serviceAccordion.accordion a[aria-expanded=true]{color:var(--color-11);} 
.font-color-03 #serviceAccordion.accordion a:hover,
.font-color-03 #serviceAccordion.accordion a:focus{color: var(--color-11);text-decoration:none;}


button.slick-arrow{cursor: pointer;font-size: 0px;width: 44px;height: 44px;background: #CAE7E6;border: none;border-radius: 100px;position: absolute;top: 100%;z-index: 99;transition:all 200ms ease-in-out;}
button.slick-arrow:before{content:"";width: 12px;height: 12px;position: absolute;top: 16px;left: 18px;border-left: 2px solid var(--color-11);border-bottom: 2px solid var(--color-11);transform: rotate(45deg);transition:all 100ms ease-in-out;}
button.slick-prev.slick-arrow{right: 60px;}
button.slick-next.slick-arrow{right: 0px;transform: rotate(180deg);}

button.slick-arrow:hover, button.slick-arrow:focus, button.slick-arrow:active{background:var(--color-11);outline: none;box-shadow: none;transition:all 200ms ease-in-out;}
button.slick-arrow:hover:before, button.slick-arrow:focus:before, button.slick-arrow:active:before{filter:brightness(100);transition:all 100ms ease-in-out;}


body:before{content:"";position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(37deg, black 0%, #000000b0 30%, transparent 75%);}
body.engineering-design {background: url("bg-engineering-design.jpg") no-repeat center center;background-attachment: fixed;}
body.construction-and-installation {background: url("bg-construction-and-installation.jpg") no-repeat center center;background-attachment: fixed;}
body.manufacturing-process-equipment-and-machinery {background: url("bg-manufacturing-process-equipment-and-machinery.jpg") no-repeat center center;background-attachment: fixed;}
body.elv-bms-ems-firefighting-and-process-automation {background: url("bg-elv-bms-ems-firefighting-and-process-automation.jpg") no-repeat center center;background-attachment: fixed;}
body.modular-and-clean-rooms-and-accessories {background: url("bg-modular-and-clean-rooms-and-accessories.jpg") no-repeat center center;background-attachment: fixed;}
body.clean-and-black-utilities {background: url("bg-clean-and-black-utilities.jpg") no-repeat center center;background-attachment: fixed;}
body.cqv {background: url("bg-cqv.jpg") no-repeat center center;background-attachment: fixed;}
body.project-management {background: url("bg-project-management.jpg") no-repeat center center;background-attachment: fixed;}
body.hvac-mechanical-electrical-and-piping {background: url("bg-hvac-mechanical-electrical-and-piping.jpg") no-repeat center center;background-attachment: fixed;}


.ed-infographics{margin: 30px 0px 60px 0px;}


div#mainAccordion {background: none;width: 100%;max-width: 280px;height: calc(100vh - 100px);padding-top: 100px;padding-bottom: 100px;position:fixed;bottom: 0px;left: 80px;z-index: 12;display:flex;align-items: flex-start;flex-direction: column;justify-content: center;}
div#mainAccordion .card {background: none;border: none;border-radius: 0px;display: inline-block;max-width: 380px;width: 100%;}
div#mainAccordion .card .card-header {border: none;background: none;padding: 0px;}
div#mainAccordion .card .card-header .btn.btn-link {color: var(--color-01);font-weight: 500;line-height: 1;width: 100%;text-align: left;text-transform: uppercase;cursor: pointer;background: none !important;padding: 13px 0px;position: relative;}

div#mainAccordion .card .card-header a.btn.btn-link:after {content: "";position: absolute;top: 18px;left: -25px;width: 10px;height: 10px;background: var(--color-13);border-radius: 100px;transform: scale(0);transition: all 300ms ease-in-out;}

div#mainAccordion .card .card-header a.btn.btn-link.active:after{transform: scale(1);transition: all 300ms ease-in-out;}

div#mainAccordion .m_1 {font-size: 16px;}
div#mainAccordion .m_2 {font-size: 14px;}

div#mainAccordion .card .card-header .btn.btn-link span {display: inline-block;padding: 0px 15px;position: relative;}
div#mainAccordion .card .card-header .btn.btn-link span:after {content: "";position: absolute;top: 18px;left: 0px;width: 0%;height: 15px;background: #ececec;z-index: -1;transition: all 300ms ease-in-out;}

div#mainAccordion .card .card-header .btn.btn-link[data-toggle="collapse"]:before,
div#mainAccordion .card .card-header .btn.btn-link.collapsed:before {content: "";position: absolute;top: 22px;right: 0px;width: 14px;height: 2px;background: var(--color-01);}

div#mainAccordion .card .card-header .btn.btn-link[data-toggle="collapse"]:after,
div#mainAccordion .card .card-header .btn.btn-link.collapsed:after {content: "";position: absolute;top: 22px;right: 0px;width: 14px;height: 2px;background: var(--color-01);transform: rotate(90deg);transition: all 300ms ease-in-out;}

div#mainAccordion .card .card-header .btn.btn-link.collapse.show:before {}
div#mainAccordion .card .card-header .btn.btn-link.collapse.show:after {transform: rotate(0deg);transition: all 300ms ease-in-out;}

div#mainAccordion .card .card-header .btn.btn-link.active,
div#mainAccordion .card .card-header .btn.btn-link.active[aria-expanded="true"]{color:var(--color-13);}

div#mainAccordion .card .card-header .btn.btn-link[aria-expanded="true"] span:after {width: 100%;background: #fbdaee;transition: all 300ms ease-in-out;}
div#mainAccordion .card .card-header .btn.btn-link[aria-expanded="true"]:after {transform: rotate(0deg);transition: all 300ms ease-in-out;}

div#mainAccordion .card .collapse {/* border-left: 2px solid var(--color-13); */}
div#mainAccordion .card .collapse .card-body {}

div#mainAccordion .card-body {position: relative;top: 0px;padding-top: 0px;padding-bottom: 0px;padding-right: 0px;}
div#mainAccordion .card-body:before{content:"";position:absolute;top:0px;left:0px;width:2px;height:100%;background:var(--color-13);}
div#mainAccordion .card-body .card-body:before{display:none !important;}

div#mainAccordion .card .collapse .card-body ul {margin:0px;padding:0px;list-style-type:none;}
div#mainAccordion .card .collapse .card-body ul li {}
div#mainAccordion .card .collapse .card-body ul li a {color:var(--color-01);font-size: 14px;line-height: 1.2;padding: 9px 0px;position:relative;display: block;}
div#mainAccordion .card .collapse .card-body ul li a:after{content:"";position: absolute;top: 14px;left: -44px;width: 10px;height: 10px;background: var(--color-13);border-radius: 100px;transform:scale(0);transition:all 300ms ease-in-out;}

div#mainAccordion .card .collapse .card-body ul li a.active:after{transform:scale(1);transition:all 300ms ease-in-out;}


section.services-sec-01 {}

.content-services{margin-top: 50vh;margin-left: 420px;}
.content-services .cs-heading{padding:30px 60px;}
.content-services .cs-heading h1{font-size: 32px;);font-weight: 400;margin: 0px;}
.content-services .cs-details{padding: 60px 60px 50px 60px;background:var(--color-01);}
.content-services .cs-details .csd-para{max-width: 820px;}
.content-services .cs-details .csd-para h2{margin-bottom:20px;}
.content-services .cs-details .csd-para p{}
.content-services .cs-details .csd-pointers{/* margin-top: 70px; */}
.content-services .cs-details .csd-pointers h2{font-weight: 600;text-transform: inherit;padding-bottom: 15px;border-bottom: 1px solid #231F20;}
.content-services .cs-details .csd-pointers h2:after{content:"";width: 30px;height: 36px;background-repeat: no-repeat;background-position:center center;background-size: contain;position: absolute;margin-left: 20px;display: none;}
.content-services .cs-details .csd-pointers .csdp-list{padding-left: 30%;position: relative;}

/* Reset list styles and initialize the counter */
.content-services .cs-details .csd-pointers .csdp-list ul {margin: 0px;padding: 0px;list-style-type: none;counter-reset: item-counter;}
.content-services .cs-details .csd-pointers .csdp-list ul > li {color: var(--color-03);font-size: 16px;padding: 10px 40px 10px 0px;border-bottom: 1px solid #231F20;position: relative;}
.content-services .cs-details .csd-pointers .csdp-list ul > li::before {counter-increment: item-counter;content: counter(item-counter) /*". "*/;position: absolute;right: 10px;display: none;}
.csdp-list::before {content: attr(data-count);position: absolute;top: 10px;left: 0px;display: none;}
.content-services .cs-details .csd-pointers .csdp-list ul li:nth-last-child(1){border-bottom:none;}

.content-services .cs-details .csd-pointers .csdp-list ul ol {margin: 10px 0px 10px 0px;padding: 0px;list-style-type: none;}
.content-services .cs-details .csd-pointers .csdp-list ul ol li{padding: 3px 10px 3px 50px;position: relative;}
.content-services .cs-details .csd-pointers .csdp-list ul ol li::before {content:"";width: 15px;height: 2px;background: var(--color-11);position: absolute;top: 15px;left: 20px;}

.content-services .cs-details .csd-para-box{padding-top: 70px;padding-bottom: 70px;border-bottom:1px solid var(--color-02);}
.content-services .cs-details .csd-para-box h2{margin-bottom:20px;}
.content-services .cs-details .csd-para-box p{}

.content-services .cs-details .csd-para-box:nth-child(1){padding-top:0px;}
.content-services .cs-details .csd-para-box:nth-last-child(1){border-bottom:none;}
.content-services .cs-details .csd-para-box:nth-last-child(1){padding-bottom:40px;}


.circle-icon-list{}
.circle-icon-list ul{gap: 19px;display: flex;flex-wrap: wrap;}
.circle-icon-list ul li{text-align: center;width: 18%;padding: 20px;display: inline-flex;flex-direction: column;justify-content: flex-start;align-items: center;border-left: 1px solid var(--color-07);border-bottom: 1px solid var(--color-07);}
.circle-icon-list ul li h4{color: var(--color-01);font-size: 21px;width: 100px;height: 100px;background: var(--color-11);border-radius: 100px;display: flex;align-items: center;justify-content: center;margin-bottom: 20px;border-top: 1px solid var(--color-13);border-bottom: 1px solid var(--color-12);}
.circle-icon-list ul li p{}

.spt_box{padding: 0px 50px 50px 0px;}
.spt_box h4{font-weight: 600;text-transform: inherit;padding-bottom: 15px;margin-bottom: 20px;border-bottom:1px solid #ccc;position: relative;}
.spt_box p{}

.logo-list{margin-top: 50px;}
.logo-list ul{margin: 0px;padding: 0px;list-style-type: none;gap: 3%;display: flex;flex-direction: row;flex-wrap: wrap;}
.logo-list ul li{width: 22%;padding: 0px 20px 20px 0px;}
.logo-list ul li img{margin-bottom: 20px;}
.logo-list ul li h4{font-weight: 500;text-transform: inherit;}
.logo-list ul li p{}



.content-services .ed-content-box{padding: 60px 0px;}
.content-services .ed-content-box h2{/* font-weight: 500; */}
.content-services .ed-content-box ul.edcb-list{margin: 60px 0px 0px 0px;padding: 0px;list-style-type: none;max-width: 760px;gap: 40px;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;}
.content-services .ed-content-box ul.edcb-list li{display: flex;align-items: center;}
.content-services .ed-content-box ul.edcb-list li img{}


#serviceAccordion.accordion{text-align:left;margin-top: 40px;overflow: hidden;padding-bottom: 10px !important;}
#serviceAccordion.accordion .card{border: none;border-bottom: 1px solid var(--color-05);border-radius: 0px;margin-bottom: 10px;width: 100%;}
#serviceAccordion.accordion .card-header{position: relative;background: transparent;border-bottom: none;padding: 0px;}
#serviceAccordion.accordion a{color: var(--color-04);font-size: 21px;font-weight: 100;padding: 0.75rem 0rem 0.75rem 0rem;text-align: left;text-transform: inherit;background: transparent;border: none;display: block;}
#serviceAccordion.accordion a .acc_txt{white-space: break-spaces;} 
#serviceAccordion.accordion .card-body{color: var(--color-02);/* font-weight: 400; */padding: 30px 0px 50px 0px;border-top: 1px solid #231F20;}
 
/*#serviceAccordion.accordion a[aria-expanded=true]{color:var(--color-13);} 
#serviceAccordion.accordion a:hover,
#serviceAccordion.accordion a:focus{color: var(--color-13);text-decoration:none;}*/


#serviceAccordion.accordion .csd-pointers h2{display:none;}
#serviceAccordion.accordion a[data-toggle="collapse"]:before,
#serviceAccordion.accordion a.collapsed:before {content: "";position: absolute;top: 40px;right: 0px;width: 16px;height: 2px;background: var(--color-06);}

#serviceAccordion.accordion a[data-toggle="collapse"]:after,
#serviceAccordion.accordion a.collapsed:after {content: "";position: absolute;top: 40px;right: 0px;width: 16px;height: 2px;background: var(--color-06);transform: rotate(90deg);transition: all 300ms ease-in-out;}

#serviceAccordion.accordion a.collapse.show:before {}
#serviceAccordion.accordion a.collapse.show:after {transform: rotate(0deg);transition: all 300ms ease-in-out;}

#serviceAccordion.accordion a.active,
#serviceAccordion.accordion a.active[aria-expanded="true"]{color:var(--color-13);}

#serviceAccordion.accordion a[aria-expanded="true"] span:after {width: 100%;background: #fbdaee;transition: all 300ms ease-in-out;}
#serviceAccordion.accordion a[aria-expanded="true"]:after {transform: rotate(0deg);transition: all 300ms ease-in-out;}


#serviceAccordion.accordion .card:nth-last-child(1){border:none;}

section.ed-sec-02{}


/*** clean-and-black-utilities.php ***/
ul.compliances-list{margin-top:70px;gap: 30px;display: flex;justify-content: flex-start;flex-wrap: wrap;flex-direction: row;}
ul.compliances-list li{gap: 15px;display: inline-flex;flex-direction: column;align-items: center;justify-content: flex-start;text-align: center;}
ul.compliances-list li img{}
ul.compliances-list li span{max-width: 180px;}

.safety_design{display: block;max-width: 290px;min-width: 200px;padding-right: 30px;}
.safety_design h4{font-size: 20px;font-weight: 400;text-transform: none;padding-bottom: 10px;margin-bottom: 20px;border-bottom: 1px solid var(--color-05);}
.safety_design p{}
.slider-safety .slick-track{min-width:10350px !important;}
.slider-safety .slick-slide{/* min-width:350px !important; */}


/*** ***/
.mmm-box{margin-top: 40px;}
.mmm-box h5{color: var(--color-11);font-size: 18px;margin-bottom: 20px;}
.mmm-box h3{font-size: 20px;font-weight: 400;text-transform: inherit;margin-bottom: 15px;}
.mmm-box p{max-width: 320px;}


#tile-1 .tab_slider{display:inline-block;width:30px;height: 57px;border-radius: 0px;background: linear-gradient(87deg, #16978A 0.12%, #F68D1E 98.84%);position:absolute;bottom:0;z-index: -2;transition:all .4s linear;}
.services-tabs-wrp{margin-top: 50px;position: relative;z-index: 9;}
.services-tabs-wrp ul.nav{display: flex;align-items: center;justify-content: center;border-top: 1px solid var(--color-11);border-bottom: 1px solid var(--color-11);position: relative;flex-direction: row;flex-wrap: nowrap;}
.services-tabs-wrp ul.nav li{width: 33.33%;}
.services-tabs-wrp ul.nav li button{text-transform: uppercase;cursor:pointer;min-width: 240px;width: 100%;background: transparent;border: none;border-radius: 0px;padding: 15px;}
.services-tabs-wrp ul.nav li button.active{background: transparent;}
.services-tabs-wrp ul.nav li button:hover,
.services-tabs-wrp ul.nav li button:focus{outline:none;box-shadow:none;}


.compliances-sec{padding-top: 70px;padding-bottom: 70px;border-top:1px solid var(--color-02);}
.compliances-sec h2{font-size: 26px;margin-bottom:20px;}
.compliances-sec p{}
.compliances-sec ul.c_logo-list{margin: 50px 0px 0px 0px;padding: 0px;list-style-type: none;display: flex;flex-direction: row;flex-wrap: wrap;}
.compliances-sec ul.c_logo-list li{text-align: center;min-width: 150px;height: 100%;gap: 10px;display:flex;align-items: center;}
.compliances-sec ul.c_logo-list li div{gap: 3px;display: inline-flex;flex-direction: column;align-items: center;justify-content: space-between;}
.compliances-sec ul.c_logo-list li span{}
.compliances-sec ul.c_logo-list li span:nth-child(1){font-size: 16px;font-weight:400;line-height: 1;min-height: 30px;display: flex;flex-direction: column;justify-content: flex-end;}
.compliances-sec ul.c_logo-list li span:nth-child(3){color: #0059a2;font-size: 14px;font-weight:400;}

.compliances-sec ul.c_logo-list.Electrical{gap: 30px;}
.compliances-sec ul.c_logo-list.Electrical li img{width: 100px;border: 1px solid #e3e3e3;}

.compliances-sec ul.c_logo-list.HVAC{gap: 20px;}
.compliances-sec ul.c_logo-list.HVAC li img{border: 1px solid #e3e3e3;}


.compliances-sec:nth-child(1){padding-top:0px;}
.compliances-sec:nth-last-child(1){border-bottom:none;}
/*
	.bg-img img{position: absolute;opacity: 0.3;margin-top: -70px;width: 71%;height: 17%;}
*/
.bg-ehm{position:relative;min-height: 770px;display: flex;flex-direction: column;justify-content: center;background-position:center center;background-repeat:no-repeat;background-size: cover;}
.bg-ehm:after{content:"";position: absolute;top: 0px;left: 0px;width: 100%;h100%: ;height: 100%;background: radial-gradient(#ffffff7a, #FFFFFF 70%, #FFFFFF 100%);}
.bg-ehm h2,
.bg-ehm p,
.bg-ehm .slider-safety{position:relative;z-index:9;}
.bg-ehm.bg-elctrical {background-image: url("hvac-mechanical-electrical-and-piping/Electrical-sketch.jpg");}
.bg-ehm.bg-hvac {background-image: url("hvac-mechanical-electrical-and-piping-2/HVAC-sketch.jpg");}
.bg-ehm.bg-mechanical {background-image: url("hvac-mechanical-electrical-and-piping-3/Mechanical-sketch.jpg");}
#pills-02 .hvac-img{border: 1px solid #D3d3d3;} 


@media only screen and (min-width : 120px) and (max-width :768px) {
	div#mainAccordion .m_1 {font-size: 16px;}
	h1{font-size: 24px;}
	section.services-sec-01 h2{font-size:24px;margin-bottom:20px;}
	.d-flex{display: contents !important;}
	div#mainAccordion .card .card-header .btn.btn-link {padding: 10px 0px;}
	div#mainAccordion .card .card-header a.btn.btn-link:after {top: 14px;}
	
	div#mainAccordion .card .card-header .btn.btn-link[data-toggle="collapse"]:after, div#mainAccordion .card .card-header .btn.btn-link.collapsed:after {top : 16px;}
	div#mainAccordion .card .card-header .btn.btn-link[data-toggle="collapse"]:before, div#mainAccordion .card .card-header .btn.btn-link.collapsed:before {top : 16px;}
	
	div#mainAccordion {width: 100%;position: fixed;top: 0px;bottom: inherit !important;left: 0px;z-index: 999;max-width: 100%;height: auto;min-height: 200px;background: #000000e3;padding: 85px 30px 10px 40px;backdrop-filter: blur(11px);}
	#serviceAccordion.accordion a[data-toggle="collapse"]:before, #serviceAccordion.accordion a.collapsed:before {top: 25px}
	#serviceAccordion.accordion a[data-toggle="collapse"]:after, #serviceAccordion.accordion a.collapsed:before {top: 25px}
	section.services-sec-01 .content-services {margin-top: 75vh;margin-left: -15px;}
	section.services-sec-01 .content-services .cs-heading {text-align: center;padding: 30px 0;}
	section.services-sec-01 .content-services .cs-details {padding: 40px 20px 50px 20px;}
	/*section.services-sec-01 .ed-infographics {margin: 30px 20px;}  */
	section.services-sec-01 .content-services .cs-heading {padding: 30px 20px;text-align: left;}
	section.services-sec-01 #serviceAccordion.accordion a {font-size: 20px;}
	section.services-sec-01 .content-services .cs-details .csd-pointers .csdp-list ul > li {font-size: 16px;}
	section.services-sec-01 .content-services .ed-content-box ul.edcb-list li img {max-width: 60%;}
	.content-services .ed-content-box ul.edcb-list {display: grid;grid-template-columns: auto auto auto;margin-top: 20px;gap: 15px;}
	
	ul.compliances-list {margin-top: 70px;display: grid; grid-template-columns: auto auto auto;gap: 10px;}
	ul.compliances-list li img {width: 70%;}
	
	section.services-sec-01 .compliances-sec ul {display: grid;grid-template-columns: auto auto auto;}
	section.services-sec-01 .compliances-sec ul.c_logo-list li {min-width: 100px;gap: 10px;}
	section.services-sec-01 .compliances-sec ul.c_logo-list.Electrical li img {width: 80px;}
	
	
	.services-tabs-wrp ul.nav li button {min-width: 100%;}
	.content-services .cs-details .csd-pointers .csdp-list{padding-left:30px;}
	
    .bg-img img{margin-top: -70px;width: 100%;border: none;}

	.compliances-sec{padding-top:50px;padding-bottom:50px;}
	.ed-infographics{margin: 0px 0px 30px 0px;}
	.bg-ehm{min-height:auto;}

	.safety_design{max-width:100%;min-width:100%;margin-top:20px;}

	.mmm-box{min-width:100%;border-bottom: 1px solid #ccc;margin-top:20px;padding:10px 0px;}
	.mmm-box h3 br{display:none;}
	.mmm-box p{max-width: 100%;}

	.col-md-4:nth-last-child(2) .mmm-box{margin-bottom:50px;}

	.content-services .cs-details .csd-para-box{padding-top: 50px;padding-bottom: 50px;border-bottom: 1px solid #ccc;}
	.content-services .cs-details .csd-para-box .text-center img{
    margin-top: 30px;
    margin-bottom: 0px;
}
	
}


@media only screen and (min-width : 1024px) and  (max-width : 1280px){
	.slider-safety ul.slick-dots {display: none!important;}	
	div#mainAccordion {padding-top: 0px;padding-bottom: 0px;}
}

@media only screen and (min-width : 1440px) and (max-width : 1600px){
	div#mainAccordion {padding-top: 0px;padding-bottom: 0px;}
}