body .site{ padding: 0; margin: 0; box-shadow: none; max-width: none; width: 100%; overflow: hidden; font-family: 'Roboto', sans-serif;}
footer#colophon{ max-width: none; margin: 0; padding: 0; border: none;}
a, a:focus{outline:none;text-decoration:none !important;transition:all 500ms ease-in-out;}


/*@font-face {
    font-family: 'mulishregular';
    src: url('fonts/mulishregular.eot');
    src: url('fonts/mulishregular.eot') format('embedded-opentype'),
         url('fonts/mulishregular.woff') format('woff'),
         url('fonts/mulishregular.ttf') format('truetype'),
         url('fonts/mulishregular.svg#mulishregular') format('svg');
    font-weight: normal;
    font-style: normal;
}*/


/*.............Custom-Style............*/

/*...............header Start............*/
.ehf-header #masthead{position: fixed; width: 100%; background: #fff;}
header#masthead { -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out; z-index: 99;}
header#masthead.scroll_top{position: fixed;left: 0;top: auto; width: 100%;animation: smoothScroll 1s forwards; background: #fff;}
@keyframes smoothScroll {
    0% {transform: translateY(0px);}
    100% {transform: translateY(-100%);}
}
header#masthead.scroll_bottom{position: fixed;left: 0;top: 0; width: 100%;animation: smoothBottom 1s forwards; background: #fff;}
@keyframes smoothBottom{
    0% {transform: translateY(-108px);}
    100% {transform: translateY(0px);}
}

header#masthead.scroll_top section.elementor-section {background: #fff;}
body:not(.elementor-editor-active) .elementor-menu-anchor::before {content: "";display:block;height: 142px;margin: -142px 0 0;visibility: hidden;pointer-events: none;}

/*...............header End............*/


/*........Footer Start.......*/
.footer-menu ul li::before{content: "\f101"; font-size: 16px;   font-family: FontAwesome; color: #fff; position: absolute; line-height: 30px;}
.footer-menu ul li ul.sub-menu {visibility: visible !important; opacity: 1 !important; height: auto !important; position: unset !important;}
.footer-menu ul li ul.sub-menu li::before {left: 15px; top: 6px;}

/*........Footer End.........*/


/*.........faq-cls start.........*/
.faq-ul li {margin-bottom: 6px;}

.faq-ul-icon li{margin-bottom:6px;position:relative;padding-left:20px;}
.faq-ul-icon li::after{content:'\f138';font: normal normal normal 16px/1 FontAwesome;color:#60b246;position:absolute;top:3px;left:0;}

.faq_list.ui-accordion h3.ui-accordion-header,
.faq_list.ui-accordion h3.ui-accordion-header.ui-state-hover,
.faq_list.ui-accordion h3.ui-accordion-header.ui-state-active{font:400 18px/36px "Poppins",Sans-serif;color: #252525; border:none; border-radius:10px;background-color: #c0e2f3; padding: 12px 16px; margin-top: 14px; text-transform: normal;}
.faq_list.ui-accordion h3.ui-accordion-header > span::after{content: '\f067'; display: inline-block; font:400 21px 'FontAwesome' !important; color: #4daa21; vertical-align: 40%;width: 18px;}
.faq_list.ui-accordion h3.ui-accordion-header > span{float: right; background: none; text-indent: unset;text-align: center;width: 25px;height:25px;margin-top:3px;}
.faq_list.ui-accordion h3.ui-accordion-header.ui-state-active > span::after{content: '\f068'; color: #4daa21;}
.faq_list.ui-accordion h3.ui-accordion-header.ui-state-active > span{transform: none;}
.faq_list.ui-accordion .ui-accordion-content{ margin-top: -10px; background-color: #def4fd; padding: 20px 130px 5px 14px; border:none; border-radius: 0; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px;-moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; border: solid 1px #fff;}
.faq_list.ui-accordion .ui-accordion-content p{font:400 16px/28px "Poppins", sans-serif;color: #444343; padding: 0;margin: 0 0 15px;}
.faq_list.ui-accordion .ui-accordion-content h4{font:700 16px/25px 'Roboto';color:#8c8a8a;}
.faq_list.ui-accordion .ui-accordion-content ul{position:relative;list-style-type:none;display:list-item;}
.faq_list.ui-accordion .ui-accordion-content ul li{margin-bottom: 8px;font: 400 16px/25px "Roboto",sans-serif;color: #8c8a8a;}
/*.........faq-cls end.........*/


/*..............Contact Page Start..........*/
.contactForm form > .row {margin: 0 -4px;}
.contactForm form > .row > .col-lg-6,
.contactForm form > .row > .col-lg-12 {padding: 0 4px;}
.contactForm form input {height: 49px; border: 1px solid #dad8d8; border-radius: 0px; }
.contactForm form textarea {border: 1px solid #dad8d8; border-radius: 0px; height: 99px;}
.contactForm form input:focus,
.contactForm form textarea:focus {border: 1px solid #dad8d8; box-shadow: none;}
.contactForm form > .row .box {margin-bottom: 11px;}
.contactForm form > .row .box label {margin-bottom: 8px; font: normal 15px 'Poppins';}
.contactForm form > .row .submit input[type="submit"] {background: #4daa1f; border: none; font: normal 20px/20px 'Poppins'; color: #fff; text-transform: uppercase; margin-top: 12px;}
.contactForm form > .row .submit input[type="submit"]:hover{background: #4693d5; transition: .5s;}
/*..............Contact Page End..........*/





/*........Key Application Start.......*/
.home-tab{display: flex; justify-content: center;}
.key_app_home h2{font:600 30px/35px 'Poppins'; color:#1a5078; text-align: center; padding: 35px 0;}
.graph-tab .nav-tabs{display: flex; justify-content: center;}
.graph-tab .nav-tabs{border-bottom: none;}
.graph-tab .nav-link.active{background: #2b8fdb;}
.graph-tab .nav-link, .graph-tab .nav-link.active{font: normal 17px/26px 'Poppins'; color: #000; padding: 13px 25px; border-radius: 50px;width: 164px; text-align: center; border: solid 2px #fff; margin: 5px; }
.graph-tab .nav-link{ border: solid 2px #2b8fdb;}
.graph-tab .nav-link.active{  box-shadow: 6px 6px 7px #2b8fdb3b;}
.graph-tab .nav-tabs .nav-link:hover{border-color: #2b8fdb;}
.graph-head h3{color: #494848; text-align: center; font: 600 20px/36px 'Poppins'; padding-bottom: 50px;}
.graph-head h4{color: #1A5078; text-align: center; font: bold 40px/60px 'Poppins'; padding-bottom: 10px;}
.graph-head h4 span{color: #4daa21; font-weight: 600;}
.graph-head p{text-align: center; font:300 21px/30px 'Poppins'; color: #343434; }
.graph-head p span{color: #4daa21; font-weight: bold;}


.simple-bar-chart{
  --line-count: 10;
  --line-color: currentcolor;
  --line-opacity: 0.25;
  --item-gap: 2%;
  --item-default-color: #060606;
  
  height: 10rem;
  display: grid;
  grid-auto-flow: column;
  gap: var(--item-gap);
  align-items: end;
  padding-inline: var(--item-gap);
  --padding-block: 1.5rem; /*space for labels*/
  padding-block: var(--padding-block);
  position: relative;
  isolation: isolate;
}

.simple-bar-chart::after{
  content: "";
  position: absolute;
  inset: var(--padding-block) 0;
  z-index: -1;
  --line-width: 1px;
  --line-spacing: calc(100% / var(--line-count));
  background-image: repeating-linear-gradient(to top, transparent 0 calc(var(--line-spacing) - var(--line-width)), var(--line-color) 0 var(--line-spacing));
  box-shadow: 0 var(--line-width) 0 var(--line-color);
  opacity: var(--line-opacity);
}
.simple-bar-chart > .item{
  height: calc(1% * var(--val));
  background-color: var(--clr, var(--item-default-color));
  position: relative;
  animation: item-height 1s ease forwards
}
@keyframes item-height { from { height: 0 } }

.simple-bar-chart > .item > * { position: absolute; text-align: center }
.simple-bar-chart > .item > .label { inset: 100% 0 auto 0 }
.simple-bar-chart > .item > .value { inset: auto 0 100% 0 }
/*........Key Application End.........*/


/* ------- Team ------- */
.gallery-list .team-box {padding: 10px 10px 0; background: #d7d4d4; border-radius: 10px;}
.gallery-list .team-box .teamimg {border-radius: 7px; overflow: hidden;}
.gallery-list .team-box .teamContent {background: #4693d5; padding: 30px 20px 30px; border-radius: 7px 7px 0 0; text-align: center; margin-top: 10px;}
.gallery-list .team-box .teamContent h3.teamTitle {color: #fff; font: 600 19px/19px "Poppins"; text-transform: uppercase; margin-bottom: 8px;}
.gallery-list .team-box .teamContent h4.designation {color: #fff; font: 400 15px/18px "Poppins";}
.gallery-list .team-box .teamContent .bioBtn,
.gallery-list .team-box .teamContent .bioBtn:focus {transition: all .5s ease-in-out; padding: 16px 30px; color: #fff; font: 600 19px/19px "Poppins"; border-radius: 9px; border: 1px solid #fff; display: inline-block; margin-top: 24px; background: transparent;}
.gallery-list .team-box .teamContent .bioBtn:hover, .gallery-list .team-box .teamContent .bioBtn.active {background: #fff; color: #4693d5;}

.bio_details {padding-top: 85px;}
.bio_details h3 {color: #545253; font-family: "Poppins", Sans-serif; font-size: 52px; font-weight: 600; text-transform: uppercase; line-height: 52px; margin-bottom: 15px;}
.bio_details h4 {color: #545253; font-family: "Poppins", Sans-serif; font-size: 22px; font-weight: 400; line-height: 25px; margin-bottom: 20px;}
.bio_details p {color: #1F1F1F; font-family: "Poppins", Sans-serif; font-size: 18px; font-weight: 400; line-height: 27px;}
.bio_details img {border-radius: 5px;}

/* ---------- Flame Retardant page  ----------- */
.benefits-check .elementor-widget-container ul.elementor-icon-list-items li.elementor-icon-list-item .elementor-icon-list-icon i {width: 26px; height: 21px;}
.benefits-check .elementor-widget-container ul.elementor-icon-list-items li.elementor-icon-list-item .elementor-icon-list-icon i::before {content: ""; background: url(images/check-icon.png) no-repeat center center; background-size: cover; width: 26px; height: 21px; display: block;}
.benefits-check .elementor-widget-container ul.elementor-icon-list-items li.elementor-icon-list-item .elementor-icon-list-text {padding-left: 12px;}

.greenColor .elementor-widget-container span {color: #4daa1f;}


/* ------- Key tab ------ */
.barSectionWrapper {max-width: 883px; margin: 0 auto; padding: 40px 0; position: relative;}
.barChartWrapper-2 {max-width: 545px;}
.barSectionWrapper .simple-bar-chart { --line-count: 10; --line-color: currentcolor; --line-opacity: 0.25; --item-gap: 265px; --item-default-color: #060606; height: 432px; display: grid; grid-auto-flow: column; gap: var(--item-gap); align-items: end; position: relative; isolation: isolate;}

@keyframes item-height {
    from {
        height: 0
    }
}
.barSectionWrapper .simple-bar-chart > .item {height: calc(1% * var(--val)); background-color: var(--clr, var(--item-default-color)); position: relative; animation: item-height 1s ease forwards; width: 73px;}
.barSectionWrapper .barChartWrapper {display: flex; column-gap: 64px;}
.barSectionWrapper h2.chartTitle {color: #494848; font: 400 20px/25px 'Poppins'; text-align: center; margin-bottom: 60px;}
.barSectionWrapper .simple-bar-chart {padding: 12px 0 15px; }
.barSectionWrapper .simple-bar-chart > .item > .label {inset: 100% 0 auto 0;}
.barSectionWrapper .simple-bar-chart > .item > .value {inset: auto 0 100% 0;}
.barSectionWrapper .percent {display: flex; flex-direction: column; justify-content: space-between;}
.barSectionWrapper .percent h3,
.barChartWrapper-2 .percent h3 {color: #494848; font: 400 30px/26px 'Poppins'; position: relative;}
.barSectionWrapper .percent h3::before {content: ''; display: inline-block; width: 780px; height: 7px; background-color: transparent; position: absolute; bottom: 8px; left: 104px; background: url(images/before-dash.png) repeat-x left top; z-index: 9;}
.barChartWrapper-2 .percent h3::before {width: 450px;}
.barSectionWrapper .chartBottomText {display: flex; justify-content: space-between; margin-top: 30px;}
.barSectionWrapper .chartBottomText h3{display: flex; justify-content: space-between; color: #494848; font: 400 17px/26px 'Poppins';  padding-left: 105px;}
.barSectionWrapper .sideText h3 {color: #494848; font: 400 20px/26px 'Poppins'; position: absolute; left: -230px; rotate: -90deg; top: 53%;}
.bio_details img{box-shadow: 0px 0px 8px 1px #0000004a;}




/* responsive */

@media screen and (max-width: 1366px){

.gallery-list .team-box .teamContent .bioBtn, .gallery-list .team-box .teamContent .bioBtn:focus{    padding: 10px 24px;font: 600 16px / 19px "Poppins";margin-top: 18px;}
	.gallery-list .team-box .teamContent {padding: 25px 15px 25px;}
	.gallery-list .team-box .teamContent h3.teamTitle {min-height: 38px;}
	
	.bio_details h3{font-size: 40px;line-height: 42px;margin-bottom: 10px;}
	.bio_details h4{font-size: 20px;    line-height: 23px; margin-bottom: 10px;}
	.bio_details p{    font-size: 16px;    line-height: 25px;}

}

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

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

@media screen and (max-width: 1024px){

	.key_app_home h2{    font: 600 24px / 26px 'Poppins';padding: 20px 0;}
	
	.d-con-center .elementor-image-box-wrapper,.d-con-center-icon .elementor-image-box-wrapper{display: unset !important;}
	.d-con-center .elementor-image-box-img{width: 100% !important;text-align: center;margin-right: 0 !important;}
	.d-con-center .elementor-image-box-content,.d-con-center-icon .elementor-image-box-content{text-align: center;}
	.d-con-center-icon .elementor-image-box-img{width: 100% !important;text-align: center;margin-right: 0 !important;margin-bottom:15px !important;}
	
	.graph-head h4 {    font: bold 34px / 40px 'Poppins';}
	.graph-head p {font: 300 18px / 26px 'Poppins';}
	.home-proven-results .graph-tab{    margin-top: 20px !important;}
	
	.bio_details h3{font-size: 32px;line-height: 34px;margin-bottom: 10px;}
	.bio_details h4{font-size: 18px;}
	.bio_details p{font-size: 15px;line-height: 24px;}
	.bio_details {    padding-top: 50px;}
	
	.gallery-list .team-box .teamContent h3.teamTitle{font: 600 16px / 18px "Poppins";min-height: 54px;}
	.gallery-list .team-box .teamContent h4.designation{font: 400 13px / 18px "Poppins";min-height: 54px;}
	.gallery-list .team-box .teamContent{padding: 20px 10px 20px;}
	.gallery-list .team-box .teamContent .bioBtn, .gallery-list .team-box .teamContent .bioBtn:focus{font: 600 14px / 17px "Poppins";}
	.gallery-list .team-box{padding: 7px 7px 0;}
	.gallery-list .team-box .teamContent{    margin-top: 7px;}
    
}

@media screen and (max-width: 991px){
	
.home-proven-results .tab-content .tab-pane{overflow-x: auto;}
.barSectionWrapper .sideText h3 {    font: 400 17px / 20px 'Poppins';left: 0;rotate: unset;top: 11%;text-align: center;width: 100%;}

}

@media screen and (max-width: 767px){
	
.faq_list.ui-accordion h3.ui-accordion-header, .faq_list.ui-accordion h3.ui-accordion-header.ui-state-hover, .faq_list.ui-accordion h3.ui-accordion-header.ui-state-active{font: 400 17px / 24px "Poppins", Sans-serif;}
.faq_list.ui-accordion h3.ui-accordion-header > span::after{font: 400 17px 'FontAwesome' !important;}
	.faq_list.ui-accordion .ui-accordion-content{padding: 20px 14px 5px 14px;width: 100%;}
	
	
.key_app_home h2{font: 600 22px / 24px 'Poppins';padding: 16px 0;}
	
	
.barSectionWrapper .percent h3, .barChartWrapper-2 .percent h3{font: 400 18px / 20px 'Poppins';}
	.barSectionWrapper .barChartWrapper{column-gap: 16px;}
    .home-proven-results .tab-content .tab-pane{overflow-x: auto;}
	.graph-head h4{font: bold 28px / 30px 'Poppins';}
	.graph-head p {    font: 300 15px / 25px 'Poppins';}
	.graph-tab{margin-top: 10px !important;}
	.graph-tab .nav-link, .graph-tab .nav-link.active{font: normal 15px / 22px 'Poppins';    padding: 9px 18px;width: 132px;}
	.barSectionWrapper h2.chartTitle {    font: 400 17px / 19px 'Poppins';    margin-bottom: 80px;}
	.barSectionWrapper .sideText h3 {    font: 400 17px / 19px 'Poppins';left: 0;rotate: unset;top: 7%;text-align: center;width: 100%;}
	.barSectionWrapper {padding: 10px 0;}
	.barSectionWrapper .chartBottomText{margin-top: 10px;width: 883px;}
	.barSectionWrapper .chartBottomText h3{font: 400 15px / 24px 'Poppins';
    padding-left: 60px;}
	.barSectionWrapper .percent h3::before{left: 55px;}
	
.benefits-check .elementor-widget-container ul.elementor-icon-list-items li.elementor-icon-list-item .elementor-icon-list-icon i::before{width: 20px;
    height: 16px;}
.benefits-check .elementor-widget-container ul.elementor-icon-list-items li.elementor-icon-list-item .elementor-icon-list-text{    padding-left: 5px;}
	
.d-con-center .elementor-image-box-img img{max-width: 45px;}
	.d-con-center-icon .elementor-image-box-img img{    max-width: 64px;}
	
	.bio_details {    padding-top: 25px;}
	.bio_details h3{font-size: 24px;line-height: 26px;margin-bottom: 5px;}
	.bio_details h4{font-size: 16px;line-height: 18px;margin-bottom: 10px;}
	.bio_details p{font-size: 14px;line-height: 22px;}
	
	

}

@media screen and (max-width: 575px){
	

}

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