/* Bwlow code in style.css */
/* Common CSS for All components : Start */
:root {
	 
	--dark:#343842;
	--white:#fff;
	--darkred:#E53947;
	--gary:#56676D;
	scroll-behavior: auto;
	--garylight:#9AA1A4;
   
   }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html { margin: 0; padding: 0; }
body { margin: 0; padding: 0;  font-size: 14px;  
   letter-spacing: 0; line-height: normal;
	 color: var(--dark);
   font-weight: normal;
   font-family: 'Jost';
   scroll-behavior: auto;
   }


input, select, textarea, button { outline: none; box-shadow: none; font-family: inherit;}
input[type=text]::-moz-placeholder,
input[type=search]::-moz-placeholder,
.input-text::-moz-placeholder,
.input_text::-moz-placeholder {
   color: inherit;
   opacity: 1;
   font-family: inherit;
}

input[type=text]::-webkit-input-placeholder,
input[type=search]::-webkit-input-p,
.input-text::-webkit-input-placeholder,
.input_text::-webkit-input-placeholder {
   color: inherit;
   opacity: 1;
   font-family: inherit;
}

input[type=text]::-ms-placeholder,
input[type=search]::-ms-placeholder,
.input-text::-ms-placeholder,
.input_text::-ms-placeholder {
   color: inherit;
   opacity: 1;
   font-family: inherit;
}

input[type=email]::-moz-placeholder {
   color: inherit;
   opacity: 1;
   font-family: inherit;
}

input[type=email]::-webkit-input-placeholder {
   color: inherit;
   opacity: 1;
   font-family: inherit;
}

input[type=email]::-ms-placeholder {
   color: inherit;
   opacity: 1;
   font-family: inherit;
}

textarea::-moz-placeholder {
   color: inherit;
   opacity: 1;
   font-family: inherit;
}

textarea::-webkit-input-placeholder {
   color: inherit;
   opacity: 1;
   font-family: inherit;
}

textarea::-ms-input-placeholder {
   color: inherit;
   opacity: 1;
   font-family: inherit;
}

a { text-decoration: none;
   -webkit-transition: all ease-in-out 0.3s;
   -moz-transition: all ease-in-out 0.3s;
   transition: all ease-in-out 0.3s;
}
a:hover { text-decoration: none;}

.flxrow {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
}
.flxcol {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-flex-direction: column; 
   flex-direction: column;
}
.flxfix {
   -ms-flex-positive: 0;
   flex-grow: 0;
   -ms-flex-negative: 0;
   flex-shrink: 0;
   -ms-flex-preferred-size: auto;
   flex-basis: auto;
}
.flxflexi {
   -ms-flex-positive: 1;
   flex-grow: 1;
   -ms-flex-negative: 1;
   flex-shrink: 1;
   -ms-flex-preferred-size: auto;
   flex-basis: auto;
   position: relative;
}
/* Common CSS for All components : End */

@media (min-width:576px){
.container {
width:100%;
max-width:100%;
}


}
@media (min-width: 768px) {
.container {
width:750px;
padding: 0 15px;;
}

}
@media (min-width: 992px) {
.container {
width:970px;
}
}
@media (min-width: 1240px) {
.container {
width:1170px;
max-width:1170px;
}
}
@media (min-width: 1500px) {
   .container {
   width:1300px;
   max-width:1300px;
   }
   }
@media (min-width: 1650px) {
.container {
width:1606px;
max-width:1606px;
}
}
.container { padding: 0 15px; }

h1, h2, h3, h4, h5, h6 {
   margin: 0;
   padding: 0;
   color: var(--dark);
   font-family: 'Outfit';
   font-weight: 800;

	
}

h1 {
   font-size: 78px;
   line-height: normal;
	
}
h2 {
   font-size: 36px;
	
}
h3 {
   font-size: 32px;
	
}
h4 {
   font-size: 28px;

}
h5 {
   font-size: 24px;

}
h6 {
   font-size: 20px;
	
}
p{margin: 0; padding: 0; color: var(--gary); font-weight: 400;font-size: 20px;line-height: 180%;}
p + p{ padding-top: 24px;; }
ul{ margin: 0px; padding: 0px; }
ul li{ list-style: none; }
.row { margin-left: -15px !important; margin-right: -15px !important;}
.row>* { padding-left: 15px !important; padding-right: 15px !important;}

.main_wapper{ overflow:hidden; }

#header { position: fixed; left: 0px; top: 0px; width: 100%; z-index: 5; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: 99; }
.banner-wapper{ position: relative; z-index: 2; }
.home-banner{ width: 100%; display: block; position: relative;  }
.home-banner .banner-img  {width: 100%; z-index: 2; display: block; position: relative;}
.home-banner .banner-img span{ position: relative; display: block; width: 100%; min-height: 980px; background-repeat: no-repeat; background-size: cover; background-position: center center; }
.banner-caption{ position: absolute; left: 0px; top: 50%; width: 100%; transform: translateY(-50%); z-index: 5;    }
.banner-text-home{ max-width: 813px; }
.banner-text-home h1{ color: var(--white); line-height: normal;   }
.banner-text-home p{ font-size: 24px; line-height: 1.5; color: var(--white); padding: 32px 0 0 0; }
.headert-top{ min-height: 110px; display: flex; align-items: center; justify-content: space-between;   border-bottom: rgba(255,255,255,0.16) solid 1px;  }
.headert-top .header-right{ width: calc(100% - 466px); display: flex; align-items: center; justify-content: space-between; }
.main-nav ul{ gap: 32px; display: flex; align-items: center;  }
.main-nav ul li a{ color: var(--white); font-size: 14px; font-weight: 600;}
.main-nav ul li a:hover{ color:var(--darkred); }
.talk-btn a{ font-size: 20px; font-weight: 500; color: var(--white);  border-radius: 16px; border: var(--white) solid 1px; display: flex; align-items: center;  height: 53px; padding: 0 24px;}
.talk-btn a i { transition: all 0.3s ease-in-out ; display: flex; align-items: center; margin: 0 0 0 12px; position: relative; }
.talk-btn a i img { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.talk-btn a i img.active_arrow { position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; }
.talk-btn a:hover{ background: var(--darkred); border-color: var(--darkred); }
.talk-btn a:hover i{ transform: rotate(45deg); }

.py-128{ padding: 128px 0; }
.section-title-block {display: block; width: 100%;}
.section-title{ padding: 0 0 32px; display: flex; align-items: flex-end; justify-content: space-between;}
.section-title h2{ max-height: 85%; color: var(--dark); font-size: 96px; font-weight: 800;}
.section-title .get-links{ padding: 0 0 57px; }
.get-links{ display: flex;}
.get-links a{ color: var(--dark); font-size: 20px; font-weight: 500; display: flex; align-items: center; gap: 12px;}
.get-links a i{ transition: all 0.3s ease-in-out; display: flex; align-items: center; }
.get-links a span{ transition: all 0.3s ease-in-out; border-bottom: #343842 solid 1px; display: block; padding: 0 0 4px;  }
.get-links a:hover{  opacity: 0.5;  }
.get-links a:hover span{  }
.get-links a:hover i{ transform: rotate(45deg); } 
.section-title-block .text{ padding: 32px 0 0 0; display: block; width: 100%; border-top: #DEDFE1 solid 1px;   }
.section-title-block .text p{ color: var(--dark); font-size: 32px; font-weight: 300; } 

.services-box{ width: 100%; display: block;}
.services-box a{ position: relative; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; width: 100%; min-height: 347px; position: relative; }
.services-listing{ padding: 128px 51px 0; }
.services-listing ul{ gap: 134px; row-gap: 96px; display: flex; align-items: flex-start; width: 100%; flex-wrap: wrap;    }
.services-listing ul li{width: 402px; }
.services-box .icon{ position: relative; z-index: 4; padding: 0 0 48px; }
.services-box .icon span{ transition: all 0.3s ease-in-out; width: 96px; border: 1px solid  #DEDFE1; height: 96px; display: flex; align-items: center; justify-content: center; border-radius: 100px;}
.services-box .icon span img{transition: all 0.3s ease-in-out; max-width: 90px; max-height: 90px; }
.services-box h4{ position: relative; z-index: 4; transition: all 0.3s ease-in-out; font-size: 28px; padding: 0 0 24px;  font-weight: 600; line-height: 1.28;}
.services-box p{  position: relative; z-index: 4; transition: all 0.3s ease-in-out; line-height: 1.6; color:var(--gary);}
.services-box  .link-text{  position: relative; z-index: 4;  margin-top: auto; padding: 48px 0 0 0; display: flex; align-items: center; }
.services-box  .link-text .span-main{   gap: 12px; display: flex ;align-items: center; justify-content: center;}
.services-box  .link-text .span-main span{ transition: all 0.3s ease-in-out; color: #9AA1A4; font-weight: 500; font-size: 18px;  line-height: normal; border-bottom: #9AA1A4 solid 1px; padding: 0 0 4px; }
.services-box  .link-text .span-main i{ transition: all 0.3s ease-in-out; display: flex; background: url(../images/Arrow_Up-dark-2.svg) no-repeat center center; width: 24px; height: 25px; }
.services-box a::after{ position: absolute; left: -64px; top: -48px; right: -64px; bottom: -48px; content: ''; border-radius: 24px;
   background: #FFF; z-index: 1; pointer-events: none;
	transition: all 0.3s ease-in-out;
   box-shadow: 6px 6px 32px 0px rgba(0, 0, 0, 0.08);  
   opacity: 0;
}

.services-box a:hover::after{ opacity: 1; }
.services-box a:hover  .icon span{ background: var(--dark); border-color: var(--dark); }
.services-box a:hover  .icon span img{  filter: brightness(0) invert(1);}
.services-box a:hover h4{ color: var(--darkred); }
.services-box a:hover p{ color: var(--dark); }
.services-box  a:hover .link-text .span-main span{ color: var(--dark); border-color: var(--dark); }
.services-box  a:hover .link-text .span-main i { background: url(../images/Arrow_Up-dark.svg) no-repeat center center; }


.accomplishment-outer{ background: url(../images/map-bg.png) no-repeat center center #1B1D22; background-size: cover; position: relative; }
.section-title-block.white .section-title h2{ color: var(--white); }
.section-title-block.white .get-links a { color: var(--white);}
.section-title-block.white .get-links a span  { border-color: var(--white); }
.section-title-block.white   .text{ border-color: #404146; }
.section-title-block.white   .text p{color: #AEAFB3;}
.accomplishment-listing  ul{ padding: 128px 0 0 102px; gap: 134px; row-gap: 96px; display: flex; align-items: center; flex-wrap: wrap;  }
.accomplishment-listing ul li{ width: 402px; }
.counter-box .count-text{font-size: 96px; color: var(--darkred); font-weight: 600; text-transform: uppercase; display: block; border-bottom: #404146 solid 1px; width: 100%; position: relative; padding: 0 0 32px; font-family: 'Outfit'; }
.counter-box .count-text  sup{ display: inline-flex; position: relative; top: -20px;  line-height: 1;  padding-top: 0px; }
.counter-box .count-text::after{ transition: all 0.5s ease-in-out; position: absolute; left: 0px; bottom: -1px; width: 48px; height: 1px; content: ''; background: var(--darkred); }
.counter-box:hover  .count-text::after{ width: 100%; }
.counter-box p{ padding: 32px 0 0 0; font-size: 32px; color: var(--white); }

.prodcuts-listing{ padding: 64px 0 0 0; }
.prodcuts-listing ul{ flex-wrap: wrap; display: flex;  border: #DEDFE1 solid 1px; }
.prodcuts-listing ul li{ transition: all 0.3s ease-in-out; width: 25%; display: block; }
.prodcuts-listing ul li + li{  border-left: #DEDFE1 solid 1px; }
.products-box{ position: relative; display: block; width: 100%; }
.products-box a{ position: relative; display: block; width: 100%; }
.products-box a > div{ position: relative; z-index: 3; }
.products-box a .pro-img{ border-bottom:#DEDFE1 solid 1px ; display: flex; align-items: center; justify-content: center; width: 100%; min-height: 394px;  }
.products-box a .pro-img img{ max-width: 90%; max-height: 380px; }
.products-box .products-box-sub{ padding: 32px ; display: block; width: 100%; }
.products-box .products-box-sub h4{ padding: 0 0 24px; font-size: 24px; font-weight: 600; line-height: 1.5; }
.products-box .products-box-sub .text{ min-height: 100px; padding: 0 0 32px; }
.products-box .products-box-sub .text p{  font-size: 16px; line-height: 1.62; }
.products-box .products-box-sub .link-text{  position: relative; z-index: 4;  margin-top: auto;  display: flex; align-items: center; }
.products-box .products-box-sub  .link-text .span-main{   gap: 12px; display: flex ;align-items: center; justify-content: center;}
.products-box .products-box-sub  .link-text .span-main span{ transition: all 0.3s ease-in-out; color: #9AA1A4; font-weight: 500; font-size: 18px;  line-height: normal; border-bottom: #9AA1A4 solid 1px; padding: 0 0 4px; }
.products-box .products-box-sub  .link-text .span-main i{ transition: all 0.3s ease-in-out; display: flex; background: url(../images/Arrow_Up-dark-2.svg) no-repeat center center; width: 24px; height: 25px; }
.products-box  a:hover .products-box-sub  .link-text .span-main span{ color: var(--dark); border-color: var(--dark); }
.products-box  a:hover .products-box-sub    .link-text .span-main i { background: url(../images/Arrow_Up-dark.svg) no-repeat center center; }
.prodcuts-listing ul li:hover,
.prodcuts-listing ul li:hover + li{ border-color: transparent; }
.products-box  a:hover{ background: var(--white); box-shadow: 0px 0px 64px 0px rgba(0, 0, 0, 0.12); }
.home-client-outer{background: #FAFAFA;}

.client-logos-listing{ padding: 128px 0 0 102px; }
.client-logos-listing ul {display: flex; flex-wrap: wrap; border: #DEDFE1 solid 1px; border-left: 0px; border-bottom: 0px;  }
.client-logos-listing ul li{ border-left:#DEDFE1 solid 1px ; border-bottom: #DEDFE1 solid 1px; width: 20%; }
.client-logo-box{ display: flex; align-items: center; justify-content: center ;width: 100%; }
.client-logo-box a{ width: 100%; display: block; }
.client-logo-box  .logo-img span{ position: relative; z-index: 5; width: 100%; min-height: 172px; display: flex ;align-items: center; justify-content: center; }
.client-logo-box  .logo-img{ position: relative; display: block; width: 100%; }
.client-logo-box  .logo-img  span img{ max-height: 150px; max-width: 100%; width: auto; height: auto; }  
.client-logo-box  .logo-img::after{ box-shadow: 0px 0px 64px 0px rgba(0, 0, 0, 0.12); border-radius: 16px; position: absolute; left: -12px; top: -12px; right: -12px; bottom: -12px;  opacity: 0; transition: all 0.3s ease-in-out;  content: ''; pointer-events: none; background: var(--white);  }
.client-logo-box:hover  .logo-img::after{ opacity: 1; }


.testimonials-block{ border-top: #DEDFE1 solid 1px;  padding: 96px  0 0 134px; }

.testimonials-block-main{ background: url(../images/Quotemarks-left.svg) no-repeat 445px  33px; }
.testimonials-block .testi-box .text{ padding: 0 0 55px; }
.testimonials-block .testi-box .text p{color: var(--dark); font-size: 32px; font-weight: 300; line-height: 1.81; }
.testimonials-block .testi-box  .name{ color: #56676D; font-size: 20px; font-weight: 400; gap: 8px; align-items: center; display: flex; position: relative; padding: 0 0 0 72px;   }
.testimonials-block .testi-box  .name span{ font-size: 24px; font-weight: 600; color: var(--dark); }
.testimonials-block .testi-box  .name::after{ position: absolute; left: 0px; top: 50%; background: var(--darkred); content: ''; height: 1px;  background: var(--darkred); width: 48px;  }
.slick-slider .slick-arrow{ transition: all 0.3s ease-in-out; position: absolute; right: 72px; bottom: 0px; width: 48px; height: 48px; background: url(../images/slick-arrow-left.svg) no-repeat center center #fff; z-index: 10; font-size: 0px; border:#DEDFE1 solid 1px ; border-radius: 100px;  }
.slick-slider .slick-arrow.slick-next{   right: 0px;  background: url(../images/slick-arrow-right.svg) no-repeat center center #fff; font-size: 0px;}
.slick-slider .slick-arrow:hover{ border-color: var(--darkred); background: url(../images/slick-arrow-left-white.svg) no-repeat center center var(--darkred);    }
.slick-slider .slick-arrow.slick-next:hover{  right: 0px;  background: url(../images/slick-arrow-right-white.svg) no-repeat center center var(--darkred);  }

.blog-block { padding: 64px 0 0 0; border-top: #DEDFE1 solid 1px; }
.blog-block .slick-slide {
   margin: 0 16px;
}

/* the parent */
.blog-block .slick-list {
   margin: 0 -16px;
}
.blog-box{ padding: 0 0 100px; }
.blog-box a{ display: block; width: 100%;}
.blog-box a .img { overflow: hidden; border-radius: 24px; display: block; width: 100%;}
.blog-box a .img span{ transition: all 0.3s ease-in-out; background-position: center center; background-repeat: no-repeat; background-size: cover; min-height: 270px; border-radius: 24px; display: block; width: 100%;}
.blog-box a .date{ padding: 32px 0 0 0; font-size: 16px;  color: #56676D ; font-weight: 400; line-height: 1.62;  display: block; width: 100%;}
.blog-box a h5{ padding: 16px 0 0 0; font-size: 24px; color: var(--dark) ; font-weight: 600; line-height: 1.5;  display: block; width: 100%;}
.blog-box a:hover  .img span{ transform: scale(1.1); }




.footer-section-1{ background: #1B1D22; }
.footer-block-1{ display: flex; align-items: flex-start; justify-content: space-between; }
.footer-left-1{ position: relative; display: block; width: 666px; }
.f-text-top h3{ padding: 0 0 32px; font-size: 48px; font-weight: 800; line-height: normal; color: var(--white);}
.f-text-1{ max-width: 520px; }
.f-text-1 p{ font-size: 20px; color: #AEAFB3; font-weight: 300; line-height: normal;}


.footer-row-main{ padding: 16px 0 0 0; }
.footer-row-main .footer-row{ padding: 48px 0 0 0; }
.footer-row-main .footer-row h6{font-size: 16px; color: #AEAFB3;  font-weight: 400;line-height: normal;text-transform: uppercase;}
.footer-row-main .footer-row p { font-size: 20px; font-weight: 400; color: var(--white); }
.footer-row-main .footer-row p a { color: var(--white); }
.footer-row-main .footer-row p a:hover{ color: var(--darkred); }
.map-links{ padding: 48px 0 0 0; }
.map-links a{ gap: 16px;font-size: 20px; font-weight: 400; display: flex; align-items: center;}
.map-links a span{ display: block; padding: 0 0 4px; color: var(--darkred); border-bottom: var(--darkred) solid 1px; }
.map-links a:hover{ filter: brightness(0) invert(1); }
.globe-bg{ position: absolute; left: 24px; pointer-events: none; top: -72px; width: 641px; height: 611px; background: url(../images/globe-map.svg) no-repeat center center; background-size: cover; opacity: 0.5; mix-blend-mode: overlay; }
.footer-right-1{ max-width: 772px; }
.ct-form-main{ padding: 32px 0 0 0; }
.ct-form-main .input-box-main{ margin: 32px 0 0px;  position: relative; display: block; width: 100%;  }
.ct-form-main .input-box-main .input-title{ position: absolute; left: 0px; top: 0px; width: auto; }
.ct-form-main .input-box-main .input-box-inner { width: 100%; display: block; position: relative; }
.ct-form-main .input-box-main .input-box-inner .input-text{ resize: none; width: 100%; border: 1px solid #404146;background: #1B1D22; display: block; height: 64px; padding: 0 24px; font-size: 20px; font-weight: 400; color: var(--white); }
.ct-form-main .input-box-main::after{ position: absolute; left: 0px; top: 0px; width: 100%; height: 1px; background:  #1B1D22; content: '';  }
.ct-form-main .input-box-main .input-box-inner::after,
.ct-form-main .input-box-main .input-box-inner::before{ position: absolute; left: 0px; top: 0px; width: 1px; height: 48px; background:  #1B1D22; content: '';  }
.ct-form-main .input-box-main .input-box-inner::before{ left: auto; right: 0px; }

.ct-form-main .input-box-main .input-box-inner textarea.input-text{ height: 128px; padding-top: 18px;}
.ct-form-main .input-box-main .input-title span{background: #1B1D22; padding: 0 10px;}
.ct-form-main .input-box-main .input-title	{    
   font-weight: normal;
   position: absolute;
   top: 0;
   width: 100%;
   margin-top: 11px;
   margin-left: 1px;
   padding: 0 14px;
   z-index: 1;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   -webkit-transform: translateY(6px);
   transform: translateY(6px);
   pointer-events: none;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   opacity:1; line-height: 1;
   letter-spacing: 0.4px;
   color: #707070;
   font-size: 12px;  pointer-events: none;
   color: #56575B; font-size: 20px; font-weight: 400; line-height: normal;

}
.ct-form-main .input-box-main.activelabel .input-title{  
   
   -webkit-transform: translateY(-22px);
   transform: translateY(-22px);
   opacity: 1;
   
   -webkit-transition: all 0.2s ease-out;
   transition: all 0.2s ease-out; line-height: normal;
   font-size: 16px;  font-family: Jost;
   color: var(--white);
   }
   .ct-form-main .input-box-main.activelabel::after{ display: none;}
   .ct-form-main .input-box-main.activelabel .input-box-inner::after,
   .ct-form-main .input-box-main.activelabel .input-box-inner::before{ display: none; }
   .ct-form-main .input-box-main.submit-btn{ margin: 48px 0 0 0; }
   .ct-form-main .input-box-main.submit-btn button   { font-size: 20px; font-weight: 500;   border-radius: 16px;  display: flex; align-items: center; transition: all 0.3s ease-in-out;  height: 54px; padding: 0 24px; margin: 1px 0 0 0;  color: var(--white); background: var(--darkred); border: solid 1px var(--darkred);  }
   .ct-form-main .input-box-main.submit-btn button  i { transition: all 0.3s ease-in-out ; display: flex; align-items: center; margin: 0 0 0 12px;}
   .ct-form-main .input-box-main.submit-btn button:hover{ color: var(--white); background: none; border-color: var(--white) ;}
   .ct-form-main .input-box-main.submit-btn button:hover i{ transform: rotate(45deg); }
   .ct-form-main .input-box-main.submit-btn::after{ display: none;}


   .footer-section-2{ padding: 96px 0 0 0; }
   .footer-block-2{ display: flex; align-items: flex-start; width: 100%; justify-content: space-between;}
   .footer-block-2 .footer-left-2 { max-width: 404px; }
   .footer-block-2 .footer-left-2 .f-logo{ padding: 0 0 48px; }
   .footer-block-2 .footer-left-2 .f-logo img{ max-width: 230px;  }
   .footer-block-2   .f-logo-text p{ font-size: 20px; color: var(--gary); font-weight: 300; line-height: normal;}
   .footer-right-2{ gap: 128px; padding: 0 128px 0 0; display: flex; align-items: flex-start;} 
   .footer-right-2  .f-links-box h5{ padding: 0 0 24px; font-size: 20px; color: var(--dark ); font-weight: 600; line-height: 1.4;  position: relative; display: block; width: 100%;   }
   .footer-right-2  .f-links-box h5::after,
   .footer-right-2  .f-links-box h5::before{ width: 64px; height: 1px; position: absolute; left: 0px; bottom: 0px; content: ''; background: #DEDFE1;}

   .footer-right-2  .f-links-box h5::before{ z-index: 5; width: 24px; background: var(--darkred);}
   .footer-right-2  .f-links-box .f-links{ padding: 24px 0 0 0; }
   .footer-right-2  .f-links-box .f-links ul { display: flex ;flex-direction: column; gap: 24px;}
   .footer-right-2  .f-links-box .f-links ul li a{ color: var(--gary); font-size: 16px; font-weight: 400; font-weight: normal; }
   .footer-right-2  .f-links-box .f-links ul li a:hover{ color: var(--darkred); }
   .footer-block-2{ padding: 0 0 48px; border-bottom: #DEDFE1 solid 1px; }
   .footer-block-3{ padding: 32px 0; display: flex ;align-items: center; justify-content: space-between;}
   .copyright{  font-size: 16px; font-weight: 400; line-height: normal; color: var(--dark); }
   .copyright span {font-weight: 500; color: var(--darkred);}
   .f-bot-links{ display: flex; align-items: center; }
   .f-bot-links ul{ display: flex; align-items: center; }
   .f-bot-links ul li{ display: flex ;align-items: center;}
   .f-bot-links ul li a{ font-size: 16px; font-weight: 400; line-height: normal; color: var(--dark);  text-decoration: underline; }
   .f-bot-links ul li a:hover{ color: var(--darkred);    }
   .f-bot-links ul li + li::before{ width: 1px; display: flex; margin: 0 10px;  height: 16px; content: ''; background: var(--dark);}



   .inner-banner{ width: 100%; display: block; position: relative;  }
.inner-banner .banner-img  { background: #000; width: 100%; z-index: 2; display: block; position: relative;}
.inner-banner .banner-img span{ position: relative; opacity: 0.4; display: block; width: 100%; min-height: 620px; background-repeat: no-repeat; background-size: cover; background-position: center center; }
.banner-caption-inner{ position: absolute; left: 0px; top: 50%; width: 100%; transform: translateY(-50%); z-index: 5;    }
.banner-caption-inner .banner-text-inner{ padding: 110px 0 0 0;   }
.banner-caption-inner .banner-text-inner h1{ color: var(--white); text-transform: uppercase; line-height: normal;   }
.banner-caption-inner .banner-text-inner p{ font-size: 24px; line-height: 1.5; color: var(--white); padding: 32px 0 0 0; }

.services-details-block{ display: flex; align-items: flex-start; width: 100%; justify-content: space-between;}
.services-details-block .left-col{ width: 370px;}
.services-side-link{ width: 100%; display: block; }
.services-side-link ul{  gap: 8px;   flex-direction: column; width: 100%; display: flex; }
.services-side-link ul li{ width: 100%; display: flex; } 
.services-side-link ul li a {font-size: 20px; font-weight: 400; line-height: 1.8; color: var(--dark); width: 100%; border-radius: 12px; position: relative; padding: 10px 56px 10px 32px ;background: #F9F9F9; min-height: 72px; display: flex; align-items: center; }
.services-side-link ul li a i{ transition:  all 0.3s ease-in-out; display: flex; align-items: center; position: absolute; right: 32px; top: 50%; margin: -12px 0 0 0; }
.services-side-link ul li a:hover{ background: var(--darkred); color: var(--white); }
.services-side-link ul li a:hover i{ filter: brightness(0) invert(1); }
.side-cta-block{ background-color: var(--darkred); border-radius: 24px; overflow: hidden; margin: 32px 0 0 0; }
.side-cta-block a{ width: 100%; display: block; }
.side-cta-block a .img{ width: 100%; height: 380px; background-position: center center ;  background-repeat: no-repeat;  background-size: cover;}
.side-cta-block .box-sub { position: relative; display: flex; flex-direction: column; width: 100%; text-align: center; }
.side-cta-block .box-sub  .sub-text{  font-family: 'Outfit'; font-size: 32px; font-weight: bold; padding: 64px 0 32px 0; display: flex ;align-items: center; justify-content: center; flex-direction: column; color: var(--white);  }
.side-cta-block .box-sub  .sub-text span{ padding: 0 0 8px ; font-size: 20px; font-family: 'Jost'; font-weight: normal; line-height: 1.8; }
.side-cta-block .box-sub  .icon{ width: 100%; margin: -48px 0 0 0; position: absolute; left: 0px; top: 0px; display: flex; align-items: center; justify-content: center; }


.services-col-right{ max-width: 1142px; }
.services-flexicol + .services-flexicol{ margin-top: 64px; }
.services-data-text h3{ text-transform: capitalize; padding: 0 0 32px;  font-size: 40px;font-weight: bold ; line-height: normal;  }
.services-data-text p { text-align: justify; font-size: 20px; color: var(--gary) ; font-weight: 400; line-height: 1.8;}
.services-data-text p + p{ padding-top: 24px; }
.services-data-text ul{ padding: 32px 0 0 0; }
.services-data-text ul li{ background: url(../images/yellow-icon.svg) no-repeat left top; padding: 0 0 0 48px; font-size: 20px ; line-height: 1.6; font-weight: 400; color: var(--dark); position: relative;  }
.services-data-text ul li + li{ margin-top: 24px; }
.services-data-text ol{ padding: 32px 0 0 0; }
.services-data-text ol li{ list-style: none; background: url(../images/green-icon.svg) no-repeat left top; padding: 0 0 0 48px; font-size: 20px ; line-height: 1.6; font-weight: 400; color: var(--dark); position: relative;  }
.services-data-text ol li + li{ margin-top: 24px; }

.avoid-two-img{display: flex; align-items: center; justify-content: space-between; }
.avoid-two-img .img{ width: calc(50% - 16px); }
.avoid-two-img .img span { min-height: 560px; background-position: center center ; background-repeat: no-repeat; background-size: cover; border-radius: 24px;  width: 100%; display: block; }
.avoid-two-img .img span img{ display: none; width: 100%; border-radius: 24px; }
/*.work-full-img{ margin: 48px 0 32px 0; }*/
.work-full-img .img{ width: 100%; display: block;}
.work-full-img .img img{ border-radius: 24px; width: 100%; display: block;}
.choose-blk{ margin: 48px 0 0 0; flex-wrap: wrap; display: flex; align-items: flex-start; width: 100%;  gap: 22px; }
.choose-box{border-radius: 16px; padding: 64px 24px 32px;background: var(--White, #FFF); text-align: center; display: block;box-shadow: 0px 0px 64px 0px rgba(0, 0, 0, 0.06); width: calc(33.333% - 22px); min-height: 388px;   }
.choose-box .icon{ margin: 0 0 48px; } 
.choose-box .icon img{ width: 96px;}
.choose-box h5{ padding: 0 0 24px; font-size: 24px; font-weight: 600; line-height: 1.5; color: var(--dark); }
.choose-box p{ font-size: 20px; font-weight: 400; line-height: 1.4 ; color: var(--gary);}
.side-cta-block a:hover   .box-sub .icon {-webkit-animation-name: tada;
animation-name: tada;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-iteration-count: infinite;}

@-webkit-keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}

10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}

30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}

40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}

to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}

10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}

30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}

40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}

to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}

.Harmonics-products{ padding: 32px 0 16px 0; }
.Harmonics-products .row{ margin: 0 -11px;   }
.Harmonics-products .row .col-md-3{ padding:16px 11px; }
.Harmonics-box{ width: 100%; display: block;}
.Harmonics-box .img{ width: 100%; display: block; min-height: 220px; border-radius: 12px;border: 1px solid #DEDFE1; display: flex; align-items: center; justify-content: center; }
.Harmonics-box .img img{ max-width: 100%; max-height: 200px; }
.Harmonics-box h6{ padding: 16px 0 0 0; font-family: 'Jost'; font-size: 20px; font-weight: 400; line-height: 1.8; color: var(--dark); }

.Effects-block { padding: 32px 0 16px 0; }
.Effects-block .row{ margin: 0 -11px;   }
.Effects-block .row .col-md-3{ padding:16px 11px; }
.effect-box{ width: 100%; display: block;}
.effect-box .img{ width: 100%; display: block; min-height: 220px; border-radius: 12px;border: 1px solid #DEDFE1; display: flex; align-items: center; justify-content: center;  background-position: center center; background-repeat: no-repeat; background-size: cover;}
.effect-box .img img{ max-width: 100%; display: none; max-height: 200px; }
.effect-box h6{ padding: 16px 0 0 0; font-family: 'Jost'; font-size: 20px; font-weight: 400; line-height: 1.8; color: var(--dark); }


.thermography-block{ padding: 32px 0 16px; }
.thermography-block .row{ margin: 0 -16px; }
.thermography-block .col-md-6{ padding:  16px; }
.thermography-box{ display: block; width: 100%;}
.thermography-box .img-main{ display: flex; align-items: center; justify-content: space-between; border-radius: 24px; overflow: hidden;  }
.thermography-box .img-main div{ width: calc(50% - 3px); display: flex; min-height:212px; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.thermography-box  h6{ padding: 16px 0 0 0; font-family: 'Jost'; font-size: 20px; font-weight: 400; line-height: 1.8; color: var(--dark); }


.img-text-block{ padding: 48px 0 32px 0; display: block; width: 100%;}
.img-text-block .img-text-row{ display: flex; align-items: center; justify-content: space-between;}
.img-text-block .img-text-row .img{ width: 504px; min-height: 420px; background-repeat: no-repeat; background-size: cover; background-position: center center;  border-radius: 24px;  }
.img-text-block .img-text-row .img img{ width: 100%; height: auto; display: none;}
.img-text-block .img-text-row  .img-text { max-width: 590px; }
.img-text-block .img-text-row  .img-text p { text-align: justify; font-size: 20px; color: var(--gary) ; font-weight: 400; line-height: 1.8;}
.img-text-block .img-text-row  .img-text p + p{ padding-top: 24px; }
.img-text-block .img-text-row  + .img-text-row{ margin-top: 64px; }
.img-text-block .img-text-row:nth-child(2n+0){ flex-direction: row-reverse; }


.solar-images-listing-main{ padding: 32px   0; width: 100%; display: block; }
.solar-images-row .img-main-solar{ display: flex; align-items: center; justify-content: space-between; border-radius: 24px; overflow: hidden;  }
.solar-images-row .img-main-solar > div{ width: calc(50% - 4px); display: flex; min-height:560px; background-position: center center; background-repeat: no-repeat; background-size: cover;  position: relative; }
.solar-images-row .img-main-solar > div::after{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; content: ''; background: #000; opacity: 0.5; }
.solar-images-row { margin: 32px 0 0 0; }
.solar-images-row .img-text-over{ color: var(--white) ; text-transform: uppercase; position: absolute; left: 0px; bottom: 0px; width: 100%; z-index: 5; padding:   24px  24px;font-size: 20px; font-family: 'Outfit';  font-weight: bold    ; text-transform: uppercase; text-shadow: 0px 0px 12px rgba(0, 0, 0, 0.36);
}
.solar-images-row .img-2 .img-text-over{  text-align: right;}



.blog-box-2{ overflow: hidden; border-radius:16px; display: block; box-shadow: 0px 0px 64px 0px rgba(0, 0, 0, 0.06); width: 100%; }
.blog-listing .row { margin: 0 -16px; gap: 0; row-gap: 32px; }
.blog-listing .row .col-md-6{ padding: 0 16px; }
 
.blog-box-2 { display: block; width: 100%;}
.blog-box-2  .img { overflow: hidden; border-radius: 0px; display: block; width: 100%;}
.blog-box-2  .img span{ transition: all 0.4s ease-in-out; background-position: center center; background-repeat: no-repeat; background-size: cover; min-height: 420px; border-radius: 0px; display: block; width: 100%;}
.blog-box-2  .img span img{ display: none; width: 100%;}
.blog-box-2  .date{  font-size: 20px;  color: #56676D ; font-weight: 400; line-height: 1.6;  display: block; width: 100%;}
.blog-box-2  h5{ padding: 24px 0 0 0; font-size: 28px; color: var(--dark) ; font-weight: 600; line-height: 1.5;  display: block; width: 100%;}
.blog-box-2:hover  .img span{ transform: scale(1.1); }
.blog-box-sub {  padding: 48px; display: block; width: 100%;}

.read-more-link{  position: relative; z-index: 4;  margin-top: auto; padding: 48px 0 0 0; display: flex; align-items: center; }
.read-more-link a{   gap: 12px; display: flex ;align-items: center; justify-content: center;}
.read-more-link a span{ transition: all 0.3s ease-in-out; color: #9AA1A4; font-weight: 500; font-size: 18px;  line-height: normal; border-bottom: #9AA1A4 solid 1px; padding: 0 0 4px; }
.read-more-link a i{ transition: all 0.3s ease-in-out; display: flex; background: url(../images/Arrow_Up-dark-2.svg) no-repeat center center; width: 24px; height: 25px; }

.read-more-link a:hover   span{ color: var(--dark); border-color: var(--dark); }
.read-more-link a:hover   i { transform: rotate(45deg); background: url(../images/Arrow_Up-dark.svg) no-repeat center center; }



.blog-details-banner .banner-caption-inner .banner-text-inner h1{ font-size: 64px; text-transform: none;}


.blog-details-block{ justify-content: space-between; display: flex; align-items: flex-start; }
.blog-col-left{ width: 976px; }
.blog-right-col{ max-width: 504px; }

.cms-data{ }
.cms-data h1{ padding: 48px 0 32px 0;  line-height: 1.2; color:var(--dark); font-size: 78px;font-weight: 400; }
.cms-data h2{ padding: 48px 0 32px 0;  line-height: 1.2; color:var(--dark); font-size: 64px;font-weight: 400; } 
.cms-data h3{ padding: 48px 0 32px 0;  line-height: 1.2; color:var(--dark); font-size: 36px;font-weight: 400; }
.cms-data h4{ padding: 48px 0 32px 0;  line-height: 1.2; color:var(--dark); font-size: 32px;font-weight: 400; }
.cms-data h5{ padding: 48px 0 32px 0;  line-height: 1.2; color:var(--dark); font-size: 28px;font-weight: 400; }
.cms-data h6{ padding: 48px 0 32px 0;  line-height: 1.2; color:var(--dark); font-size: 24px;font-weight: 400; }
 
.heading-tag + .heading-tag{ padding-top: 40px; }
.cms-data>*:first-child{ padding-top: 0px; }
.cms-data  p{margin: 0;text-align: justify; padding: 0;     color: var(--gary);font-weight: 400;font-size: 20px;line-height: 180%; }
.cms-data  ul li strong,
.cms-data  ol li strong,
.cms-data  p strong{ font-weight: bold; }
.cms-data  p img{ max-width: 100%; display: block; margin: 12px  auto 0; }
.cms-data  p + p{ padding-top: 36px; }
.cms-data  ul li a,
.cms-data  ol li a,
.cms-data  p a{ color: var(--dark);    text-decoration: underline; }
.cms-data  ol li a:hover,
.cms-data  ul li a:hover,
.cms-data  p a:hover{ text-decoration: none; }
.cms-data  ul{ margin: 0px; padding: 24px 0 0px  18px;  }
.cms-data  ul li{margin: 0; padding: 0; color: var(--gary);font-weight: 400;font-size: 20px;line-height: 180%;display: list-item; list-style-type: disc; list-style-position: outside; text-align: justify; } 
.cms-data  ul li + li{ margin-top:12px; }
.cms-data  ol{ margin: 0px; 	  padding: 24px 0 0px  18px;  }
.cms-data  ol li{text-align: justify; margin: 0; padding: 0; color: var(--gary);font-weight: 400;font-size: 20px;line-height: 180%;display: list-item; list-style-type: decimal; list-style-position: outside; } 
.cms-data  ol li + li{ margin-top: 12px; }
.cms-data blockquote{	  margin: 24px 0; padding: 0 0 0 24px; margin: 0; padding: 0; color: var(--gary);font-weight: 400;font-size: 20px;line-height: 180%;line-height: 150%;    border: 0px; border-left: var(--dark) solid 6px;font-style: italic; }
.cms-data blockquote p{margin: 0; padding: 0; color: var(--dark); font-style: italic; color: var(--gary);font-weight: 400;font-size: 20px;line-height: 180%; }
.cms-data .heading-tag:first-child{ padding-top: 0px;; }
.cms-data  ol + p,
.cms-data  ul + p,
.cms-data   p + ul,
.cms-data   p + ol,
.cms-data   ol + ul,
.cms-data   ul + ol{ padding-top: 24px; }

.share-blk-main{ padding: 32px 0;  margin: 64px 0 0 0; border-top: #DEDFE1 solid 1px; border-bottom: #DEDFE1 solid 1px; display: flex; align-items: flex-start; justify-content: space-between;}
.tags{ padding: 3px 0 0 0; align-items: center; display: flex; flex-wrap: wrap; gap: 12px; max-width: calc(100% - 350px); }
.tags  span{ font-family: 'Outfit'; font-size: 24px; color: var(--dark); font-weight: 500; line-height: normal; padding: 0 12px 0 0; }
.tags a{ border-radius: 8px; display: flex ;align-items: center;  font-size: 20px; color: var(--dark);  padding: 0 26px; height: 42px; line-height: 1.5;
   border: 1px solid  #DEDFE1 ;
   background: #FAFAFA;}
   .tags a:hover{ background: var(--darkred); border-color: var(--darkred); color: var(--white); }
.share-blk{ gap: 16px;display: flex ;align-items: center;}
.share-blk span{ font-family: 'Outfit'; font-size: 24px; color: var(--dark); font-weight: 500; line-height: normal; padding: 0 8px 0 0; }
.share-blk a{ display: flex; align-items: center; justify-content: center ; min-width: 48px; min-height: 48px; background: var(--dark);  border-radius: 100px; }
.share-blk a:hover{ background: var(--darkred); }

.two-col-im-details{ justify-content: space-between; padding: 48px 0 0 0; display: flex ;align-items: center;}
.two-col-im-details div{ width: calc(50% - 16px); }
.two-col-im-details div img{ width: 100%;}

.recent-post{ padding: 48px 48px 16px; display: block; width: 100%; border-radius: 12px; border: #DEDFE1 solid 1px;} 
.sidebar-title h4{ padding: 0 0 16px;font-size: 20px; font-weight: bold; color: var(--dark); display: block;}
.post-row{ display: block; width: 100%; padding: 32px 0; }
.post-row a{ display: flex; align-items: center; width: 100%;}
.post-row + .post-row{ border-top: #DEDFE1 dashed 1px  }
.post-row a .img{ margin: 0 24px 0 0; min-width: 106px; height: 106px ; display: flex; border-radius: 12px; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.post-row a .post-box-sub{ width: calc(100% - 130px);}
.post-row a .post-box-sub .date{ display: block; font-size: 20px; color: var(--gary); font-weight: 400; line-height: normal; padding: 12px 0 0 0; }
.post-row a .post-box-sub h6{ transition: all 0.3s ease-in-out; font-size: 20px;  font-family: 'Jost'; color: var(--dark); line-height: normal; font-weight: 600; }
.post-row a:hover h6{ color: var(--darkred);}


.logo{ display: flex ; align-items: center;}
.logo a{ display: flex ; align-items: center; position: relative; }
.logo a img{ max-width: none; max-height: 60px; display: flex ; align-items: center; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.logo a img.active_logo { position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; }

header.fixed .main-nav ul li a:not(:hover) { color: #000; }
header.fixed .logo a img.active_logo { opacity: 1; visibility: visible; }
header.fixed .logo a img.defult_logo { opacity: 0; visibility: hidden; }
header.fixed { background-color: #fff; -webkit-box-shadow: 0 0px 6px 0px #0000002e; -moz-box-shadow: 0 0px 6px 0px #0000002e; -ms-box-shadow: 0 0px 6px 0px #0000002e; box-shadow: 0 0px 6px 0px #0000002e; }
header.fixed .talk-btn a:not(:hover) i img.active_arrow{ opacity: 1; visibility: visible; }
header.fixed .talk-btn a:not(:hover) i img.defult_arrow{ opacity: 0; visibility: hidden; }
header.fixed .menu-icon a:not(.active) span { background-color: #000; }
header.fixed .talk-btn a:not(:hover) { color: #000; border-color: #000; }


.main-wapper{ overflow: hidden; }

.menu-icon{ display: none;}
.menu-icon a{ position: relative; width: 32px; height: 24px; display: flex; flex-direction: column;}
.menu-icon a span{ left: 0px; top: 0px; transition: all 0.3s ease-in-out; width: 100%; height: 3px; position: absolute; border-radius: 10px; background: var(--white); display: flex; }
.menu-icon a span.line-2{ top: 9px; }
.menu-icon a span.line-3{ top: 18px; }
.menu-icon a.active span.line-1{ top: 9px; transform: rotate(45deg);  } 
.menu-icon a.active span.line-2{ opacity: 0; transform: rotate(45deg);  } 
.menu-icon a.active span.line-3{ top: 9px; transform: rotate(-45deg);  } 
.side-cta-block .box-sub .icon img{ width: 96px; }
.solar-images-row .img-main-solar > div > img{ width: 100%; display: none; }


.ct-form-main .input-box-main .input-box-inner .input-text{ transition: 0.3s ease-in-out; }
.ct-form-main .input-box-main.activelabel .input-box-inner .input-text{ border-color: var(--darkred); }


.sitemap-links{ padding:120px 48px;    }
.sitemap-links ul{ display: flex; flex-direction: column ; gap: 15px;}
.sitemap-links ul li a{ text-transform: capitalize; color: #000; font-size: 18px; font-weight: 500;  }
.sitemap-links ul li a:hover{ color: var(--darkred); }




.Industries-block{ display: block; width: 100%; padding: 0 0 0px; position: relative;  }
.Industries-block + .Industries-block{ margin-top: 96px; }
.Industries-block .ind-img{ width: 100%; display: block; position: relative; z-index: 2;}
.Industries-block .ind-img span img{ width: 100%; display: none;}
.Industries-block .ind-img span{ border-radius: 40px; display: block; width: 100%; min-height: 580px; background-position: center center; background-repeat: no-repeat; background-size: cover;}
.Industries-block-sub{ position: relative; z-index: 5; padding: 0 102px; display: block ; width: 100%; }
.Industries-block-sub .Industries-title-top{ margin: -97px 0 0 0; border-radius: 24px; background: #fff; box-shadow: rgba(0,0,0,0.06) 0 0 10px; display: block; width: 100%; min-height: 193px; padding: 24px 48px; display: flex; align-items: flex-start; justify-content: center; flex-direction: column;  }
.Industries-block-sub .Industries-title-top h6{ font-weight: bold; text-transform: uppercase; color: #9AA1A4; font-size: 20px; }
.Industries-block-sub .Industries-title-top h3{ font-weight: bold; font-size: 48px; padding: 12px 0 0 0; color: var(--darkred); text-transform: uppercase; }
.Industries-bottom{ padding: 64px 48px 0; display: flex; align-items: flex-start; width: 100%; justify-content: space-between; }
.Industries-bottom .ind-text-main{ width: calc(50% - 48px); }
.Industries-bottom .ind-text-main .ind-text-title{ display: block; padding: 0 0 32px; }
.Industries-bottom .ind-text-main .ind-text-title h4{ display: block; padding: 0px; position: relative; padding: 0 0 32px; text-transform: uppercase; color: var(--dark) ; font-size: 32px; } 
.Industries-bottom .ind-text-main .ind-text-title h4::after,
.Industries-bottom .ind-text-main .ind-text-title h4::before{ width: 96px; height: 1px; position: absolute; left: 0px; bottom: 0px; content: ''; background: #DEDFE1;}

.Industries-bottom .ind-text-main .ind-text-title h4::before{ z-index: 5; width: 32px; background: var(--darkred);}


.Industries-bottom .ind-text-main .cms-data p + p{ padding-top: 24px; }
.Industries-bottom .ind-text-main .cms-data p a{ color: var(--gary); }
.Industries-bottom .ind-text-main .talk-btn-black{ padding: 48px 0 0 0; }
.talk-btn-black{ display: flex;}
.talk-btn-black a{ font-size: 20px; font-weight: 500; color: var(--dark);  border-radius: 16px; border: var(--dark) solid 1px; display: flex; align-items: center;  height: 53px; padding: 0 24px;}
.talk-btn-black a i { transition: all 0.3s ease-in-out ; display: flex; align-items: center; margin: 0 0 0 12px;}
.talk-btn-black a:hover{ color: var(--white); background: var(--darkred); border-color: var(--darkred); }
.talk-btn-black a:hover i{ filter: brightness(0) invert(1); transform: rotate(45deg); }


.about-revenus-block{ display: flex; align-items: flex-start; flex-direction: column; }
.about-revenus-block .about-revenus-text{ position: relative; border-radius:  0 0 24px; z-index: 5; width: 932px; padding: 0 64px 64px 0; background: var(--white);}
.about-revenus-block .about-revenus-text h2{ padding: 0 0 64px; font-size: 96px; color: var(--dark); }
.about-revenus-block .about-revenus-text h4{font-size: 32px; padding: 0 0 48px; color: var(--dark); }
.about-revenus-block .about-revenus-text  p{color: var(--gary); }
.about-revenus-block .about-img {width: 1040px; margin-left: auto; position: relative; z-index: 2; margin-top: -300px; }
.about-revenus-block .about-img span{ border-radius: 24px; width: 100%; min-height: 560px;  display: block; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.about-revenus-block .about-img span img {display: none; border-radius: 24px; width: 100%;}

.about-exprinces-block{ justify-content: space-between; padding:128px 0  0 140px; display: flex; align-items: center;}
.about-exprinces-block .img{ display: block; position: relative; min-width: 664px; width: 664px; }
.about-exprinces-block .img span{ border-radius: 24px; width: 100%; min-height: 460px;  display: block; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.about-exprinces-block .img span  img {display: none; border-radius: 24px; width: 100%;}
.about-exprinces-block .exp-text { max-width: 670px; }
.linke-box{ position: absolute;box-shadow: rgba(0,0,0,0.06) 0 0 10px; padding: 32px; border-radius: 16px; background: var(--white); left: -140px; top:64px; display: flex; align-items: center;    }
.linke-box .icon{ display: flex; align-items: center; min-width: 76px; width: 76px; margin: 0 32px 0 0; }
.linke-box .icon img{ width: 100%;}
.linke-box  .like-text h4{ font-size: 64px; color: var(--dark); display: block; padding: 0 0 0px;  }
.linke-box  .like-text .line-text{ padding: 0 0 0 44px; font-size: 20px; color: var(--gary); display:block ; position: relative; }
.linke-box  .like-text .line-text::after{ position: absolute; left: 0px; width: 32px; top: 50%; height: 1px; background: var(--darkred); content: '';  }

.about-section-2  { background: #f4f4f4; display: block; width: 100%; }
.about-mission-bg{ position: relative; z-index: 2; display: block; width: 100%; }
.about-mission-bg span { align-items: center; background-position: center center; background-repeat: no-repeat; background-size: cover;  display: flex; width: 100%; }
.about-mission-bg span img{ display: flex; width: 100%; }
 
.about-mission-block{ margin: -354px 0 0 0; display: flex; justify-content: space-between; width: 100%; position: relative; z-index: 10;  }
.about-mission-block .about-mission-box{box-shadow: rgba(0,0,0,0.06) 0 0 10px; background: var(--white);padding: 48px 64px 64px; border-radius: 16px;;   width: calc(50% - 32px);}
.about-mission-box .icon{ display: flex; align-items: center; margin: 0 0 48px; min-height: 64px; }
.about-mission-box .icon img{ max-height: 64px; }
.about-mission-box h3{ padding: 0 0 32px; font-size: 40px; color: var(--dark); }

.about-section-3  { background: #f4f4f4; display: block; width: 100%; }
.about-profi-listing{ padding: 96px 0 0 0; }
.about-profi-listing .row{ row-gap: 32px; margin: 0 -16px;}
.about-profi-box .row .col-md-4{ padding: 0 16px;  }
.about-profi-box{ min-height: 296px; padding: 64px 48px; background: var(--white); border-radius: 24px; position: relative; display: block;  width: 100%;  }
.about-profi-box .icon-bg{ z-index: 1; position: absolute; right: 10px ; top: 10px; pointer-events: none;  }
.about-profi-box .icon-bg img{ max-width: 210px; max-height: 210px; }

.about-profi-box .profi-title{ position: relative; z-index: 3; }
.about-profi-box .profi-title h5{ line-height: 1.4; padding: 0 0 32px; font-size: 24px; font-weight: 600; color: var(--dark); display: block; width: 100%; position: relative;}
.about-profi-box .profi-title h5::after,
.about-profi-box .profi-title h5::before{ border-radius: 10px; width:16px; height: 1px; content: ''; background: var(--darkred); position: absolute; left: 0px; bottom: 0px;   }  
.about-profi-box .profi-title h5::before{ left: 28px; width: 64px; }
.about-profi-box .text{ display: block; padding: 32px 0 0 0;}

.defult-page {padding: 110px 0;}

.cms-block {
   max-width: 970px;
   margin: 0 auto;
   display: block;
   width: 100%;
}
.error404 .home-banner .banner-img {background: #000;}
.error404 .home-banner .banner-img span {opacity: 0.4;}

.wpcf7 form .wpcf7-response-output 
{
   margin: 31px 0 0 0;
   padding: 12px 16px 12px 44px;
   border: 0px;
   display: block;
   width: 100%;
   font-weight: 600;
   border-radius: 4px;
   border: solid 2px #fff !important;
   line-height: 1.4;
   letter-spacing: 1px;
   text-align: left;
   color: #fff;
   font-size: 15px;
}
.wpcf7-not-valid-tip {padding-top: 10px;}



.about-revenus-block .about-revenus-text p,
.about-mission-block .about-mission-box p{ text-align: justify; }

.col-md-6.ct-center{ padding-bottom: 0px; }
.ct-center .col-6{ text-align: center; font-weight: bold; padding-bottom: 0px;   }
.ct-center .col-6 p{ line-height: 1.2;font-weight: 500; }
.col-md-6.ct-center .row{ margin: 0px !important; }
.col-md-6.ct-center .row .col-6{ padding: 0px !important; }


.case-study-list{ padding: 120px 0; max-width: 800px; margin: 0 auto; display: block; width: 100%;  }
.case-study-list ul li { border-bottom: #DEDFE1 solid 1px; display: block; padding: 16px 0; }
.case-study-list ul li + li{   width: 100%; }
.case-study-list ul li .text{ display: flex; align-items: center; justify-content: space-between;}
.case-study-list ul li h6{ font-weight: normal; text-transform: capitalize;  font-size: 18px; max-width: calc(100% - 200px);  }
.case-study-list ul li h6 a { color: var(--dark);}
.case-study-list ul li .dl-btn  a{ font-size: 18px; font-weight: 500;   border-radius:4px;  display: flex; align-items: center; transition: all 0.3s ease-in-out;  height: 44px; padding: 0 20px; margin: 1px 0 0 0;  color: var(--white); background: var(--darkred); border: solid 1px var(--darkred);  }
.case-study-list ul li .dl-btn  i { background: url(../images/down_icon.svg) no-repeat center center; width: 26px; height: 30px; background-size: 100% auto; transition: all 0.3s ease-in-out ; display: flex; align-items: center; margin: 0 0 0 12px;}
.case-study-list ul li .dl-btn:hover{ color: var(--white); background: none; border-color: var(--white) ;}