@import url('https://use.fontawesome.com/releases/v6.5.1/css/all.css');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700;900&display=swap');

:root {
    --primary: #262626;
    --sliver: #f5f9fc;
    --grey: #cecece;
    --border: #1212122b;
    --theme: #205485;
    --white: #FFFFFF;
    --action: #20b9f0;
}
*{-webkit-box-sizing:border-box;box-sizing:border-box;list-style:none;outline:none;margin:0;padding:0;-webkit-transition:none;-o-transition:none;transition:none}
html{-webkit-text-size-adjust:100%}
body{font-family:'DM Sans' ,sans-serif;font-size: 16px;font-weight: 400;position:relative;margin:0;padding:0;color:var(--primary);overflow-x: hidden;background: #fff;}

.container{width: 100%;max-width: 1450px;margin: 0 auto;padding:0 15px;position: relative;}
.container-fluid{position: relative;}
@media screen and (min-width: 1200px) and (max-width: 2000px) {.container{max-width: 91%;}}
@media (min-width: 2001px) { .container{ max-width: 1800px;}}

iframe{border:none}
h1,h2,h3,h4,h5,h6{font-weight: 700;margin:0;line-height: 1.2;}
h4{font-size: 22px;}
a,a:focus,a:hover{outline:medium none;text-decoration:none;color: var(--theme);}
ul,ol{padding:0;margin:0;list-style:none}
.cuani, a{-webkit-transition: .4s;-moz-transition: .4s;-o-transition: .4s;transition: .4s;}
b, strong{font-weight:600}
::selection {background: #dc7612;color:var(--white); }
::-moz-selection {background: #dc7612;color:var(--white);}

.mb-n40 { margin-bottom: -40px;}


.vcenter > .row{align-items: center;display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap;    flex-wrap: wrap;}
.imgdrk{filter: gray;-webkit-filter: grayscale(1);filter: grayscale(1);}
.imgdrk:hover{filter: none; -webkit-filter: grayscale(0);filter: grayscale(0);}
.h100{height:100%;}
.w100{width:100%!important;}
.radius-10{border-radius:10px;background: #eee;border-radius: 10px;clip-path: polygon(0 0,calc(100% - 40px) 0,100% 40px,100% 100%,0 100%);}
.radius-8{border-radius:10px;border: 1px solid var(--grey)}
.swbox{background:var(--white);box-shadow: rgb(0 0 0 / 6%) 0px 16px 40px 0px;border-radius: 6px;padding: 20px;}
.automrg{margin: auto;/* text-align: center; */float: none;}
.bgwhite{background:#fff!important;}
.bgblack{background:#000!important;}
.txtwhite{color:var(--white) !important}
.bgsliver {background: var(--sliver);}
.w100{width:100% !important}
.border-box {border-radius: 10px;background: var(--lightbg);transition: var(--transition);overflow: hidden;padding: 15px;box-shadow: 0 0 5px #0000000f;}
.border-box:hover{transform: translateY(-5px);/* box-shadow: var(--shadow-1) !important; */}

.box-swbox{box-shadow: #0000000f 0px 2px 12px 0px;border-radius: 10px;overflow:hidden}
.box-swbox.bg{background: #f9f6f3;box-shadow:none}
@keyframes slide-down 
{
    0% {opacity: 0;transform: translateY(-100%);-ms-transform: translateY(-100%);-webkit-transform: translateY(-100%);}
    100% {opacity: 1;transform: translateY(0);}
}

.fixmain {display: flex;}
.fixmain .fix-content{position:sticky;top:100px;}


.header-main{transition:all .5s ease;background: #fff;}
.header-main .logo img{width: 165px;padding: 15px 0;}

.getquote{font-weight: 500;font-size:16px;padding: 10px;text-transform:capitalize;border-radius: 5px;background: var(--theme);color:#fff;display:inline-block;margin-left: 25px;}
.getquote:hover{color:var(--white);background:#000}
.menugetquote{display:none!important}
@media (max-width: 992px) {
.menugetquote{display:inline-block!important}
.getquote{display:none}
.header-main .header-wrap{display:block}
}


body.fixed .header-main{position:fixed;background:var(--sliver);padding-bottom: 0;top:0;left:0;right:0;z-index: 15;-webkit-animation: slide-down 0.7s;-moz-animation: slide-down 0.7s;-o-animation: slide-down 0.7s;box-shadow: 0 9px 9px rgba(0,0,0,.1);height: auto;}
body.fixed{padding-top: 81px;}
body.fixed .logo img{/* width: 242px; *//* padding: 0; */filter: none;}

body.fixed #cssmenu > ul > li::after{top: 16px;}
body.fixed #header .main-header{background: transparent;}

.htitle{position:relative;display:block;font-size: 38px;color: var(--theme);margin: 0 0 15px 0;line-height: 1.3;letter-spacing: -0.5px;}
.htitle.small{font-size: 28px;}
.htitle.white, .htitle.white + p{color:var(--white);}
.htitle.center{text-align:center}
.htitle + p{width: 60%;margin: 0;margin-bottom: 25px;/* font-size: 18px; */position: relative;}
.htitle.center + p{text-align:center;margin-left: auto;margin-right: auto;}
@media (max-width: 992px) 
{
    .htitle{font-size: 28px;}
    .htitle + p{width: 100%;}
}

/*----------*/
.page-head{padding: 80px 0 80px 0;position:relative;background: var(--sliver); text-align: center; }
.page-head h1{margin:0;padding: 0px 0 8px 0;font-size: 42px;text-transform: capitalize;color:var(--theme)}
.page-head h1, .page-head p{max-width:600px;margin:auto}
.breadcrumb{padding: 0;margin: 0;display: inline-block;text-transform: uppercase;opacity: 0.5;}
.breadcrumb > li{display:inline-block}
.breadcrumb > li + li:before{padding:0 5px;content:"/\00a0"}
.breadcrumb > li,
.breadcrumb > li > a,
.breadcrumb > li + li:before{color: var(--primary);}

/*------------*/
.section {position: relative;padding: 80px 0;overflow:hidden}
.sectionbg{background: var(--sliver);padding:80px 0;position: relative;overflow:hidden}
.sectiontheme{background: var(--theme);padding:80px 0;position: relative;overflow:hidden}



#preloader {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #f4f4f4 !important;z-index: 9999;display: flex;justify-content: center;align-items: center;}
#loader {position: relative;display: flex;justify-content: center;align-items: center;}
#box {width: 127px;height: 98px;background: url(../images/loderlogo.png) no-repeat center center;background-size: contain;border-radius: 3px;animation: zoomInOut 2s ease-in-out infinite;}
@keyframes zoomInOut {0% {transform: scale(1);}50% {transform: scale(0.9);}100% {transform: scale(1);}}

/*   index page */

.text-scroll-in, .text-animate-in {display: block;word-wrap: break-word;white-space: normal;}
.text-scroll-in .word, .text-animate-in .word {display: inline-block;}
.text-scroll-in .char, .text-animate-in .char{display: inline-block;opacity: 0.3;transform: translateY(0px);}
.text-scroll-fade .word {white-space: nowrap;display: inline-block;}
.text-scroll-fade .char {display: inline-block;opacity: 0.5;transform: translateY(0px);
}



.fun-box{text-align: center;}
.fun-box .fun-number{font-size: 45px;font-weight:700;line-height:1;color: var(--sliver);}
.fun-box h4{color: var(--white);opacity:.85;margin-top:10px;text-transform: uppercase;font-weight: 400;}

.bolide-wrap{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:flex;justify-content:space-evenly}
.bolide-wrap .bolide-line{width:1px;height:100%;background:#666f7833;position:relative}
.bolide-wrap .bolide-line::before{content:'';position:absolute;left:-1px;top:0;width:3px;height:80px;background: linear-gradient(180deg, #fff0 0%, #f5f9fc 100%);border-radius:1px;animation:bolide 3s linear infinite}
.bolide-wrap .bolide-line:nth-child(2)::before{animation-duration:2.3s}
.bolide-wrap .bolide-line:nth-child(3)::before{animation-duration:2.6s}
@keyframes bolide {
0%{top:0;opacity:0}
10%{opacity:1}
80%{opacity:1}
100%{top:calc(100% - 80px);opacity:0}
}
@media (max-width: 767px) {.bolide-wrap{display:none}}

.our-product-slider{overflow:hidden}
.swiper-container{height:100%}
.swiper-wrapper{display:flex;align-items:stretch}
.swiper-slide{display:flex;height:auto!important}
.slider-button-prev,.slider-button-next{/* width: 45px; *//* height: 45px; */border-radius:50%;cursor:pointer;display:inline-block;position:relative;transition:all .4s ease;margin-bottom: 10px;}
.slider-button-prev i,.slider-button-next i{border-radius:50%;border: 1px dashed var(--action);padding: 10px 14px;font-size:26px;width: 45px;height: 45px;color: var(--white);}
.slider-button-prev:hover i,.slider-button-next:hover i{border-color:var(--theme);color:var(--white);background:var(--theme)}

.box6{display:flex;flex-direction:column;flex:1;width:100%;height:100%;border:1px solid var(--border);border-radius:10px;overflow:hidden;text-align: center;background: var(--white);}
.box6.white{background:#fff}
.box6 .box-img{position:relative;overflow:hidden;/* border-radius:6px; */}
.box6 .box-img img{width:100%;height:auto;display:block}
.box6 .box-text{padding:15px;}
.box6 .box-text h4{color:var(--theme);margin-bottom:10px}
.box6 .box-text p{margin:0}

@media (max-width: 767px) {
.box6 .box-text{padding:15px}
}


.box6-2{border:1px solid var(--border);border-radius:10px;overflow:hidden;}
.box6-2.white{background:#fff}
.box6-2 .box-img{position:relative;overflow:hidden;padding:10px}
.box6-2 .box-img img{width:100%;height:auto;display:block}
.box6-2 .box-text{padding:15px;}
.box6-2 .box-text h4{color:var(--theme);margin-bottom:10px}
.box6-2 .box-text p{margin:0;color: var(--primary);}

@media (max-width: 767px) {
.box6-2 .box-text{padding:15px}
}




.about-strength{background-color:var(--theme);}
.about-strength .imgbg{position:relative;height:400px;background-position:70%;background-size:cover;background-repeat:no-repeat}
.about-strength .pdbox{padding: 60px 15px;}
@media (min-width:576px) {
	.about-strength .imgbg{height:500px}
}
@media (min-width:1200px) {
    .about-strength .pdbox{padding: 80px 0px 80px 25px;}
	.about-strength .imgbg{height:100%}
	.about-strength .imgleft{position:absolute;top:0;left:0;height:100%;padding:0;width: 26%;}
}
@media (min-width:1600px) {.about-strength .imgleft{width: 30%;}
}
@media (max-width:992px) {
	.about-strength .imgbg{display:none}
}

.divider{opacity:0.2}

.core-box{border: 1px solid var(--border);position:relative;overflow:hidden;padding: 25px;border-radius: 10px;transition:all .35s ease;height: 100%;}
.core-box h4,  .core-box .text-desc{transition:color .35s ease}
.core-box:hover h4,  .core-box:hover .text-desc{color:var(--white)}
.core-box img{transition:all .35s ease;max-width: 70px;opacity:.15;margin-bottom: 40px;}
.core-box:hover{background:var(--theme);transform:translateY(-6px); color:var(--sliver)}
.core-box:hover img{filter:brightness(0) invert(1);opacity:1;transform:scale(1.05)}
.core-box:hover .stat-number { font-weight: 700; color:var(--white); margin-bottom: 0; }

.core-box .stat-number { font-size: 50px;font-weight: 700; color: #000; margin-bottom: 0;}
.core-box .core-title{gap: 30px;padding-bottom: 30px;border-bottom: 1px solid var(--border);margin-bottom: 30px;margin-left: auto;display: flex;align-items: center;justify-content: space-between;}
.core-box .core-title i{font-size: 35px;color: var(--action);}
.core-box .core-title h4{/* gap: 20px; */font-size:22px;font-weight:600;margin:0;color: var(--silver);}



/*------Industrial serve ------*/
.serve-box{position:relative;overflow:hidden;border-radius:20px;min-height:450px;transition:.3s}
.serve-box::before{content:"";position:absolute;inset:0;backdrop-filter:blur(5px);opacity:0;transition:.3s;z-index:2}
.serve-box:hover::before{opacity:1}
.serve-box .img-box{position:absolute;inset:0}
.serve-box .img-box img{width:100%;height:100%;object-fit:cover}
.serve-box .inner-box{position:absolute;bottom:0;right:50px;background:var(--sliver);clip-path:polygon(0 0,calc(100% - 50px) 0,100% 50px,100% 100%,0 100%);transform:translateY(120px);transition:.3s}
.serve-box:hover .inner-box{transform:translateY(0);z-index:3}
@media (max-width: 1280px) {
.serve-box .inner-box{right:0}
}
.serve-box .inner-box .inner-text{padding:24px 30px 30px;position:relative}
.serve-box .inner-box .inner-text .serve-body-header{display:flex;align-items:center;gap:25px;margin-bottom:10px}
.serve-box .inner-box .inner-text .serve-body-header h4{font-size:22px;color:var(--theme)}
.serve-box .inner-box .inner-text .serve-content{margin-bottom:0}


.brochure-dwl{text-align:center;padding-top: 180px;}
.dwl-title{position:relative;margin-bottom:70px}
.dwl-title h2{position:relative;font-size:48px;font-weight:500;margin-bottom:20px;letter-spacing:-3px}
.dwl-title .title-inner{position:absolute;top:0;left:50%;height:100px;width:2px;transform: translate(-50%,-120px);background-color: #026db6;}
.dwl-title .title-inner:before{position:absolute;content:'';left:-25px;top:25px;width:2px;height:50px;background-color: #026db6;}
.dwl-title .title-inner:after{position:absolute;content:'';right:-25px;top:25px;width:2px;background-color: #026db6;height:50px}


.alt-section{margin:10px 0;}
.alt-section .section-flex{display:flex;flex-wrap:wrap;height:100%;align-items:center}
.alt-section .items-box{height:100%;display:flex;flex-direction:column;justify-content:center}
.alt-section .content-box{ margin-top: 5px;}
.alt-section .items-box a{color:var(--primary)}
.alt-section .items-box a:hover{color:var(--theme)}

@media (min-width: 992px) {
    .alt-section:nth-of-type(odd) .img-box{padding-left:0}
    .alt-section:nth-of-type(even) .img-box{padding-right:0}
    .alt-section:nth-of-type(even) .section-flex{flex-direction:row-reverse}
    
}
@media (max-width: 992px) {
    .alt-section .items-box{padding-left:0 !important;padding-right:0 !important;padding-bottom: 0 !important;}
.alt-section:nth-of-type(even) .section-flex{flex-direction:row-reverse}
}





.pxl-circle-left{position:absolute;left:-180px;opacity:.2}
.pxl-circle-right{position:absolute;right:-180px;opacity:.2}
.pxl-circle{--color-border:#4F5A67;--width-1:293px;position:relative;width:var(--width-1);height:var(--width-1);display:inline-block}
.pxl-circle--1{width:var(--width-1);height:var(--width-1);border-radius:50%;border:1px solid var(--color-border);position:relative}
.pxl-circle--1::before{content:"";position:absolute;top:-4.5px;left:50%;width:9px;height:9px;border-radius:50%;background:var(--color-border);transform:translateX(-50%);transform-origin:50% calc(var(--width-1) / 2 + 4.5px);animation:rotateCircle 5s linear infinite}
.pxl-circle--2{position:absolute;top:9px;right:-52px}
.pxl-circle--2-inner{--width-2:103px;width:var(--width-2);height:var(--width-2);border-radius:50%;border:1px solid var(--color-border);position:relative}
.pxl-circle--2-inner::before{content:"";position:absolute;top:-4.5px;left:50%;width:9px;height:9px;border-radius:50%;background:var(--color-border);transform:translateX(-50%);transform-origin:50% calc(var(--width-2) / 2 + 4.5px);animation:rotateCircle 8s linear infinite}
.pxl-circle--3{position:absolute;top:-84px;left:30px}
.pxl-circle--3-inner{--width-3:217px;width:var(--width-3);height:var(--width-3);border-radius:50%;border:1px solid var(--color-border);position:relative}
.pxl-circle--3-inner::before{content:"";position:absolute;top:-4.5px;left:50%;width:9px;height:9px;border-radius:50%;background:var(--color-border);transform:translateX(-50%);transform-origin:50% calc(var(--width-3) / 2 + 4.5px);animation:rotateCircle 4s linear infinite}
@keyframes rotateCircle {
from{transform:translateX(-50%) rotate(0deg)}
to{transform:translateX(-50%) rotate(360deg)}
}
@media (max-width: 767px) {.pxl-circle-right{display:none}}


.contact-main{/* margin-top: -150px; */background: transparent;}
.contact-box{border-radius: 15px;position:relative;margin-bottom: 0;padding: 20px 20px;/* background: var(--lightbg); */overflow: hidden;}
    .contact-box img {
        width: 100%;
        filter: invert(94%) sepia(8%) saturate(300%) hue-rotate(185deg) brightness(101%) contrast(101%);
    }
.contact-box > div:first-child{display: inline-flex;align-items: center;gap: 20px;margin-bottom: 21px;}
.contact-box > div:first-child i{vertical-align: top;/* margin-bottom: 10px; */border-radius: 50px;padding-top: 12px;text-align: center;width: 45px;height: 45px;background-color: var(--theme);font-size: 20px;color: var(--sliver);}
.contact-box:hover > div:first-child i{/* color: var(--theme); */}
.contact-box h4{color: var(--theme);}
.contact-box .contact-list{align-items: center;gap: 20px;margin-bottom: 10px;display: flex;margin-left: 5px;}







.process-row{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;padding:20px 0}
.process-col + .process-col{margin-left:-40px}
.process-col .process-inner{position:relative;overflow:hidden;width:346px;height:346px;border-radius:50%;cursor:pointer;transition:transform .3s ease}
.process-col .process-inner:hover{transform:scale(1.03)}
.process-col .process-inner .process-front{width:100%;height:100%;border-radius:50%;border:1px solid var(--border);background:var(--sliver);padding:70px 55px 72px;display:flex;flex-direction:column;justify-content:space-between;text-align:center;transition:border-color .3s ease}
.process-col .process-inner:hover .process-front{border-color:var(--theme)}
.process-col .process-inner h4{color:var(--theme)}
.process-col .process-inner .process-front .process-step{position:relative;width:103px;height:103px;border-radius:50%;background:var(--action);display:inline-flex;align-items:center;justify-content:center;color:var(--sliver)}
.process-col .process-inner .process-front .process-step::before{content:'';position:absolute;top:0;left:20px;width:103px;height:103px;border-radius:50%;border:1px solid var(--border);background:transparent}
.process-col .process-inner .process-front .process-step span{position:relative;z-index:5}
.process-col .process-inner .process-back{position:absolute;inset:0;border-radius:50%;background:var(--theme);padding:0 52px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--sliver);text-align:center;z-index:0;opacity:0;visibility:hidden;transform:scale(.8) rotate(45deg);transition:all .35s ease}
.process-col .process-inner:hover .process-back{opacity:1;visibility:visible;transform:scale(1) rotate(0deg)}
@media (max-width: 1399px) {
.process-col + .process-col{margin-left:-30px}
.process-col .process-inner .process-front{padding:58px 44px}
}
@media (max-width: 991px) {
.process-row{flex-wrap:wrap;gap:0}
.process-col + .process-col{margin-left:-30px}
.process-col:nth-child(3){margin-left:-30px}
.process-col{flex:0 0 auto}
.process-col .process-inner .process-front{padding:55px 42px}
}
@media (max-width: 575px) {
.process-row{flex-direction:column;align-items:center;gap:0}
.process-col + .process-col{margin-left:0;margin-top:-30px}
.process-col:nth-child(3){margin-left:0}
.process-col .process-inner .process-front{padding:48px 36px}
.process-col .process-inner .process-back{padding:0 36px}
.process-title{font-size:16px}
}


.service-wrap{position:relative;min-height:570px}
.service-img-list{margin:0;padding:0;list-style:none}
.service-img-list li .service-img{position:absolute;inset:0;z-index:12;animation:imgOut 1s .1s cubic-bezier(0.78,0.2,0.21,0.88) forwards;border-radius: 10px;overflow: hidden;}
.service-img-list img{width:100%;height:100%;object-fit:cover}
.service-img-list li.active .service-img{z-index:13;animation:imgIn 1s cubic-bezier(0.78,0.2,0.21,0.88) forwards}
.service-list{position:absolute;bottom:-1px;left:110px;z-index:13;width:100%;max-width:450px;padding:30px 35px;margin:0;list-style:none;background:var(--sliver);box-shadow:0 8px 40px #1a1a2e14}
.service-list h4{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 0;border-bottom:1px solid #1a1a2e1a;color:var(--title-color);transition:color 0.4s,gap .3s;cursor: pointer;}
.service-list li:first-child h4{padding-top:0}
.service-list li:last-child h4{border:none;padding-bottom:0}
.service-list h4:hover{color:var(--primary-color1)}
.service-list li.active h4{color:var(--action)}
.service-list .svc-arrow{flex-shrink:0;fill:#1a1a2e26;transition:fill 0.4s,transform .4s}
.service-list li.active .svc-arrow{fill:#a6e5fc}
.fade-in-left{opacity:0;transform:translateX(-28px);animation:fadeInLeft .9s .2s cubic-bezier(0.22,1,0.36,1) forwards}

@media (max-width: 1199px) {
.service-wrap{min-height:520px}
.service-list{left:80px}
}
@media (max-width: 991px) {
.service-wrap{min-height:460px}
.service-list{left:40px;max-width:380px;padding:25px 28px}
.service-list a{font-size:17px;padding:16px 0}
}
@media (max-width: 767px) {
.service-wrap{min-height:400px}
.service-list{left:16px;max-width:320px;padding:20px 22px}
.service-list a{font-size:15px;padding:14px 0}
}
@media (max-width: 576px) {
.service-wrap{min-height:unset}
.service-img-list{display:none}
.service-list{position:relative;left:auto;max-width:100%;margin-top:16px;padding:20px;border:1.5px solid #1a1a2e1f;box-shadow:none}
}
@keyframes imgOut {
from{transform:scale(1);clip-path:inset(0)}
to{transform:scale(1);clip-path:inset(0)}
}
@keyframes imgIn {
from{transform:scale(1);clip-path:inset(0 100% 0 0)}
to{transform:scale(1);clip-path:inset(0)}
}
@keyframes fadeInLeft {
to{opacity:1;transform:translateX(0)}
}



.highlight{background-color:var(--theme);padding: 80px 45px;position:relative;z-index: 1;}
@media (max-width: 991px) {
.highlight{text-align:center;padding: 80px 20px;}
}
.highlight .cta-content p{/* max-width:435px; */color:#fffc;margin-top:20px;margin-bottom:30px}
.highlight .cta-image{margin-bottom:-75px;position:relative;z-index:9}
.highlight .cta-shape-2{position:absolute;top:50%;transform:translate(-50%,-50%);left:70%;z-index:-1}
.highlight .cta-shape{position:absolute;top:0;bottom:0;right:0}
@media (max-width: 1199px) {
.highlight .cta-shape{display:none}
}
.highlight .cta-shape img{height:100%}



/*-----------------*/
.text-desc h1:first-child,.text-desc h2:first-child,.text-desc h3:first-child,.text-desc h4:first-child,.text-desc h5:first-child{margin:0 0 5px}
.text-desc h1,.text-desc h2,.text-desc h3,.text-desc h4,.text-desc h5{margin:14px 0 5px}
.text-desc table{border-collapse:collapse;margin:0 0 20px;width:100%}
.text-desc table.center{text-align:center}
.text-desc table hr{border-color: #ebebeb;margin: 5px 0;}
.text-desc table thead,.text-desc table th{background: var(--sliver);font-weight:600;}
.text-desc table tr:hover td {background-color: #f3f3f3}
.text-desc table td,.text-desc table th{border: 1px solid #dcdcdc !important;padding: 7px;/* color:#2d2d2d; */vertical-align:middle;}
.text-desc table td{/* color: #545454; */}
.text-desc tt{font-size: 25px;font-weight: 300;line-height: 35px;padding-bottom: 0;display: block;/* color: #fff; */}
.text-desc ul,.text-desc ul ul{margin-left:17px;margin-bottom:22px}
.text-desc ul li{list-style-type: none;position: relative;margin-bottom: 5px;}
.text-desc ul.list2 li{width: 46%;display:inline-block;}
@media (max-width: 768px){.text-desc ul.list2 li{width: 100%;}}
.text-desc ul ul li{list-style-type:circle}
.text-desc ul li:before{position:absolute;font-size: 9px;top: 0px;font-family: "Font Awesome 5 Free";content: "\f061";font-weight: 900;color: var(--primary);left: -15px;line-height: 2.3;}
.text-desc h2{font-size: 34px;padding: 12px 0 6px;margin:0;position:relative;color: var(--primary);text-transform: capitalize;}
.text-desc h3, .text-desc h4, .text-desc h5{color: var(--theme);padding: 0px 0 10px 0px;display: block;position:relative;}
.text-desc h3{font-size: 28px;text-transform:uppercase;}
.text-desc h4{font-size: 24px;text-transform:capitalize;}
.text-desc h5{font-size: 20px;}
.text-desc h2 + hr,.text-desc h4 + hr{border-color:#d0d0d0;width:55%;text-align:center;display:inline-block}
.text-desc img{display:inline-block!important}
.text-desc p{}


/*get a quote*/
.cenq{display:none}
.form label{font-weight:600}
.form button{margin-top:30px}
.form textarea.text-field{height:80px}
.form .select{margin:0!important;font-size:15px!important}
.form  input[disabled],.form .text-field{/* background: #f6f6f6; */border: 0;color: #222d35;/* font-size: 16px; */margin: 0;padding: 15px;width:100%;border-radius: 5px;border-bottom: 1px solid #e4e4e4;}
.form .text-field:focus,.form .text-field:hover{/* border-color: #c3002f; */box-shadow:none;/* border-width:1px; */background: var(--white);}

.custbtn{border-radius: 0;padding: 12px 15px 11px 15px;background: var(--theme);position:relative;display:inline-block;margin-top: 0;font-weight: 600;border: 1px solid #ffff;color:#fff;/* text-transform:uppercase; */transition:400ms all;-webkit-transition:400ms all;border-radius: 5px;}
.custbtn:hover,.custbtn:focus,.custbtn:active{text-decoration:none;background: #000;color: var(--white);}



/*--------*/
.social{list-style-type:none;padding:10px 0 0;margin:0}
.social li{display:inline-block;}
.social a{margin-right:5px;cursor:pointer;display:block;width: 45px;height: 45px;text-align:center;text-decoration:none;background: transparent;border-radius: 50%;border: 1px solid #cdcdcd;line-height: 40px;font-size: 22px;color: black;}
.social a i{line-height: 40px;}
.social a:hover{background: var(--theme);color: var(--white);}



/*--------------*/
.hdwatsp {position: fixed;bottom: 10px;right: 10px;z-index: 21 }
.hdwatsp a{text-align: center;width: 50px;height: 50px;float: left;color: #FFFFFF;border-radius: 10px;background-color: #25D366;background-color: #25D366;}
.hdwatsp i{font-size: 40px;margin-top: 5px;}

.address{}
.address li {display: flex;align-items: flex-start;gap: 15px;}
.address h4{padding-bottom: 6px;margin-bottom: 13px;color: var(--theme);}
.address i{display:inline-block;vertical-align:top;margin-top: 4px;width: 20px;text-align: center;font-size: 17px;margin-right: 10px;}
.address p{display:inline-block;text-align:left!important;margin:0;}
.address a{color: #1c1c1c;}


.footer{padding-top:60px;color:var(--primary);position:relative;background: #f5f9fc;background-repeat:no-repeat}
.footer p,.footer a, .footer .address i{color:var(--primary)}




.footer .ftcontact{border-top: 1px solid var(--grey);padding-top:45px;margin-top:15px}
.footer h4{color:var(--theme);margin-bottom:30px;text-transform:uppercase}
.footer img{padding:10px 0 15px;width: 230px;display:inline-block}
.footer .social{/* text-align:right; */}
.copyrights{padding:21px 0;overflow:hidden;margin-top:45px;border-top: 1px solid var(--grey);}
.copyrights p,.copyrights a{margin:0;color:var(--primary)}
@media (max-width: 992px) {
    .footer,footer .textright, .footer .social,
    .footer .address p{text-align:left!important}
}

@media (max-width: 992px) 
{   
    .page-head{margin-top: 58px;    padding: 20px 0 20px 0;}
    .page-head h1, .page-head .breadcrumb  {float:none}
    .page-head h1{font-size:25px}
    .page-head {margin-top: 0;padding: 30px 0 30px 0;text-align:center;}
}
@media (max-width: 768px) 
{
     .vcenter > .row{ display: initial;}
}