@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&display=swap');

:root{
    --red:#009895;
    --yellow:#ffcc31;
}

html{-webkit-text-size-adjust:100%;}
body{font-family:'Roboto' ,sans-serif;font-size: 14px;font-weight: 400;line-height:26px;position:relative;margin:0;padding:0;color: #1f1f1f;overflow-x:hidden;background-color: #fff;}
*{-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}

tt{font-family:'Roboto' ,sans-serif;}
h1,h2,h3,h4,h5,h6{font-weight:600;margin:0;}
a,a:focus,a:hover{outline:medium none;text-decoration:none;color:#1d9795;}
ul,ol{padding:0;margin:0;list-style:none}
.no-padding{padding:0}
.cuani, a{-webkit-transition: .4s;-moz-transition: .4s;-o-transition: .4s;transition: .4s;}
b, strong{font-weight:600}
::selection {background:#00a379;color:#fff;}
::-moz-selection {background: #00a379;color:#fff}
.vcenter .row{align-items: center;display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap;    flex-wrap: wrap;}
.p0{padding:0 !important}
.p5{padding:5px !important}
.p10{padding:10px !important}
.p15{padding:15px !important}
.p20{padding: 20px !important;}
.pb0{padding-bottom: 10px !important;}
.pb25{padding-bottom: 30px !important;}
.pt0{padding-top:0 !important}
.pt10{padding-top:10px !important}
.pt20{padding-top:20px !important}
.pt30{padding-top:30px !important}


@keyframes slide-down 
{
    0% {opacity: 0;transform: translateY(-100%);-ms-transform: translateY(-100%);-webkit-transform: translateY(-100%);}
    100% {opacity: 1;transform: translateY(0);}
}



/*---------------*/
.tophead{position:relative;/* background:#141311; */border-bottom: 1px solid #dcdcdc;}
.tophead ul{list-style:none;margin:0;padding:0;float: left;}
.tophead li{}
.tophead  li {display: inline-block;color: #000;padding: 0px 12px;border-left: 1px solid #dcdcdc;line-height: 38px;}
.tophead li a{display:block;color: #fff;text-transform: uppercase;font-size: 19px;font-weight: 500;position: relative;}
.tophead ul.contact li:first-child{border-left: 0;padding-left: 0;}
.tophead ul.social-top li:last-child{border-right: 1px solid #dcdcdc;}

.tophead ul.social-top{float: right;}
.tophead ul.social-top li{}
.tophead ul.social-top li a{list-style: none;text-align: center;}
.tophead ul.social-top li a i{color: #000000;line-height: 38px;}
.tophead ul.social-top li a:hover i{color:#009895;}
.tophead .contact li a{font-weight: 400;color: #000;text-transform:lowercase;font-size:14px;display: inline-block;margin-left: 0;padding: 0;}
.tophead .contact li i{color:#009895;padding-right:4px;font-size:18px;position: relative;top: 2px;display: inline-block;}
.tophead .contact li a:after{content:none}
@media (max-width: 992px)
{
    .tophead{/* position:relative; *//* z-index:2; *//* background: #bc0208; */}
    .tophead ul{display:block;float: none !important;text-align: center;}
    .tophead li,.tophead ul.social-top li:last-child{border:none}
    ul.social-top {border-top:1px solid #eee}

    .tophead .contact li{margin-left:0;display:block}
}

/*-----------*/
.header-main{background:#fff;box-shadow: 0 9px 9px rgba(0,0,0,.1);transition:all .5s ease;padding: 0;}
.logo{float:left;margin-right:0;}
.logo img{width:150px;padding:10px;}
body.fixed .header-main{position:fixed;background: #fff;padding-bottom: 0;top:0;left:0;right:0;z-index:99;-webkit-animation: slide-down 0.7s;-moz-animation: slide-down 0.7s;-o-animation: slide-down 0.7s;}
body.fixed{padding-top: 110px;}
body.fixed .tophead{display:none}
body.fixed .logo{position: inherit;}
body.fixed .logo img{width: 150px;margin-top: 5px;}
body.fixed #cssmenu > ul > li > a{padding: 40px 0 40px;}
body.fixed #cssmenu > ul > li > a:before,body.fixed #cssmenu > ul > li.active > a:before{bottom: 14px;}
body.fixed #cssmenu > ul > li::after{top: 16px;}




/*--------------*/
/*.flex-control-paging li a.flex-active{background: #ed2e34 !important;}
.flex-control-paging li a{border-color: #ed2e34 !important;}*/
.htitle{font-size: 38px;line-height: 36px;padding: 0 0 15px;margin:0;position:relative;color: #009895;margin-bottom: 15px;text-transform: capitalize;font-weight: 900;}
.htitle:after{background-color: #000000;bottom:0;content:"";height: 2px;left:0;margin:0;position:absolute;right:0;width: 110px;}
.htitle.center{text-align:center}
.htitle.center:after{margin:0 auto;}
.htitle + p{width: 60%;text-align: center;margin: 0 auto;margin-bottom: 25px;font-size: 21px;position: relative;font-weight: 300;}
.htitle.noline:after{content:none}
.htitle.hsmall{font-size: 28px;text-transform: capitalize;line-height: 33px;padding-bottom: 5px;}
@media (max-width: 778px) 
{
    .htitle{font-size: 32px;}
    .htitle + p{width: 100%;}
}

.htitle.white, .htitle.white + p{color:#fff}
.htitle.white:after{background-color: #ffffff;}

/*-----------*/
.htitle2{font-size: 30px;font-weight: 800;line-height: 35px;padding: 0 0 12px;margin:0;position:relative;letter-spacing:.5px;color:#20a780;margin-bottom: 20px;}
.htitle2:before{background-color: #000000;bottom:6px;content:"";height: 2px;left:0;margin:0;position:absolute;right:0;width: 74px;}
.htitle2 span{color:#ed2e34;font-weight: bold;font-size: 40px;}
.htitle2.noline:before{content:none}
.htitle2.center{text-align:center}
.htitle2.center:before{margin:0 auto}
.htitle2.hsmall{font-size: 25px;font-weight: 800;line-height: 33px;padding: 0 0 12px;margin:0;position:relative;letter-spacing:.5px;color:#20a780;margin-bottom: 10px;}
.htitle2.hsmall:before{background-color: #000000;bottom:6px;content:"";height: 2px;left:0;margin:0;position:absolute;right:0;width: 74px;}


/*----------*/
.page-head{padding: 40px 0 40px 0;color: #2d2d2d;text-align:center;position:relative;background: #009895;}
/*.page-head:before{position:absolute;content:'';left:0;top:0;width:100%;height:100%;display:block;background-color: #b54a02d9;}*/
.page-head h1{margin:0;padding:0;font-size:25px;text-transform:capitalize;color:#fff;font-weight: 600;float:left;}
.breadcrumb{text-align:center;background:transparent;margin: 0px 0 0 0;padding:0;float: right;}
.breadcrumb > li{font-size:13px;color:#fff;}
.breadcrumb > li > a{color:#fff;}
.breadcrumb > li + li:before{color:#fff;}

/*------------*/
.section{position:relative;padding:60px 0}
.section2{padding:30px 0;position: relative;}
.sectionbg{background: #f7f7f7;padding:60px 0;position: relative;}
.bgbox{background: #f5f5f5;padding: 20px 20px;}





/*---------about-----------*/
.hmabout{}
.hmabout h1{font-size:40px;font-weight:800;margin-bottom:15px;color:#34ab7a;text-transform:uppercase;line-height:46px;letter-spacing:0;padding-bottom:5px;}
.hmabout h1:before{background-color:#34ab7a;bottom: 0;content:"";height: 2px;left:0;margin:0;position:absolute;right:0;width: 101px;}
.hmabout h1 span{text-transform:uppercase;font-weight: 900;}
.about-max-one{position:relative;z-index:1;padding-right:50px;}
.about-max-one:after{background-color:#ed2e34;content:'';position:absolute;z-index:-1;left:0px;top:0px;bottom:0px;width:45%;}
.about-max-one .about-max-one-media{padding:40px 0px 40px 40px;}
.about-max-one .about-max-one-media img{width:100%;}
.about-max-one:after{background-color:#1d9795;}
@media (max-width: 991px){.about-max-one{padding-right:0px;display: none;}}


/*------*/
.hmcontact{position: relative;padding: 60px 0 60px 0;background: #1D9795 url(../images/about/whyus.jpg) center center no-repeat fixed;background-size: cover;}
.hmcontact:before{position:absolute;content: '';left:0;top:0;width:100%;height:100%;display:block;background-color: rgb(29 151 149 / 80%);}
.hmcontact .hmcontact-inner{position:relative}
.hmcontact h3{font-size: 34px;font-weight: 700;text-transform: capitalize;padding-bottom: 8px;color: #fff;}
.hmcontact p{font-size: 15px;color: #ffffff;margin: 0;}
.hmcontact a{float: right;}
.hmcontact a:active,.hmcontact a:focus{color:#fff}
 @media (max-width: 992px) 
{.hmcontact{padding:60px 0;text-align:center}
    .hmcontact a{float: none;margin-top: 14px;line-height: 30px;}}




/*---------------*/
.why-us{position: relative;text-align: center;padding: 70px 0 150px 0;background: #e8e8e8 url(../images/whyusbg.html) center center no-repeat fixed;background-size: cover;}
.why-us:before{position:absolute;content:'';left:0;top:0;width:100%;height:100%;display:block;background-color: rgb(0 107 60 / 79%);}
.why-us p{color:#fff}

/*---------------*/
.fact-counter{position: relative;text-align: center;padding: 0px 0 60px 0;background-size: cover;}
.fact-counter .count-box{position:relative;font-size:48px;line-height:1em;color: #ed2e33;font-weight:700;padding:20px 0;padding-left:20px;}
.fact-counter .count-box:before{position:absolute;left:0;top:0;height:90px;width:45px;border: 2px solid #fbdfdf;content:"";-webkit-transition:all 200ms linear;-moz-transition:all 200ms linear;-ms-transition:all 200ms linear;-o-transition:all 200ms linear;transition:all 200ms linear;}
.fact-counter .count-box:hover:before{-webkit-box-shadow: #d51b21 0 0 0 40px inset;-moz-box-shadow:#e8c741 0 0 0 40px inset;-ms-box-shadow:#e8c741 0 0 0 40px inset;-o-box-shadow:#e8c741 0 0 0 40px inset;box-shadow: #ec878a 0 0 0 40px inset;}
.fact-counter .count-box .count{position:relative;float:left;margin-right:15px}
.fact-counter .count-box .count-text{position:relative;display:inline-block;font-size:60px;line-height:1em;color:#fff;font-weight:700}
.fact-counter .count-box .counter-title{position:relative;display:block;font-size:18px;line-height:1.2em;font-weight:400;color: #2a2a2a;padding:0;text-align: left;}



/*-----------------*/
.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 thead,.text-desc table th{background: #f5e9e9;font-weight:700;font-size:15px;}
.text-desc table td,.text-desc table th{border: 1px solid #ededed;padding:2px 3px 2px 8px;/* color:#2d2d2d; */vertical-align:middle;/* text-align:center; */}
.text-desc table td{font-size:15px;/* color: #545454; */}
.text-desc table tr td:hover {background-color: #d5d7e1;}
.text-desc table tr:hover, .text-desc table td:hover {background-color: #e6e7ec;}
.text-desc tt{font-size:28px;font-weight:500;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;}
.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:#20a780;left: -15px;}
.text-desc h2{color:#ed2e34}
.text-desc h3{color: #ed2e34;font-size: 28px;font-weight:600;line-height: 38px;padding: 0px 0 2px;margin:0;letter-spacing:.5px;margin-bottom:8px;position:relative;}
.text-desc h3:after{background: #ed2e34;bottom: 0;content: "";height: 2px;position: absolute;width: 45px;left: 0;}
.text-desc h4{color: #3eae77;font-size: 19px;font-weight: 600;line-height: 25px;padding: 0px 0 1px 25px;margin: 16px 0 3px 0;display: block;letter-spacing:.5px;position:relative;text-transform:capitalize;}
.text-desc h4:before{position:absolute;font-size: 18px;top: 0px;left: -3px;font-family: "Font Awesome 5 Free";content: "\f0a4";font-weight: 900;}
.text-desc h5{color: #ed2e34;font-size: 18px;font-weight: 500;line-height: 26px;padding: 6px 0 2px 20px;margin: 3px 0 !important;letter-spacing:.5px;text-transform:capitalize;position: relative;}
.text-desc h5:before{content:'*';position:absolute;font-size: 30px;top: 11px;left: 0;}
.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}



.readmore{color:#34ab7a;text-transform:uppercase;font-weight:600;font-size: 16px;padding-top: 10px;display: inline-block;}
.readmore i{font-size:16px;padding-left:6px}
.readmore:hover{color: #000000;}
.readmore:hover i{padding-left:9px}
/*-----------------*/   
@media screen and (max-width: 1060px){
    .owl-theme .owl-controls .owl-prev{left:0 !important;    }
    .owl-theme .owl-controls .owl-next{right:0 !important}
}
/*-----*/
.videos{padding:10px}
.videos h3{text-align: center;font-size: 20px;font-weight: 600;padding: 7px 0;}


/*---------*/
.box1{padding: 22px 8px;}
.box1 .box1-inner{/* padding: 22px 15px; */box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.12);}
.box1 img{/* padding:4px; */text-align:center;width:100%;margin-bottom: 20px;}
.box1 .text-inner{background-color: #fff;padding: 5px;border-bottom: 3px solid transparent;/* -webkit-box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.04); */-moz-box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.04);/* box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.04); */-webkit-transition: 0.3s ease-in;-moz-transition: 0.3s ease-in;-ms-transition: 0.3s ease-in;-o-transition: 0.3s ease-in;transition: 0.3s ease-in;}
.box1 h4{text-transform:none;font-weight:400;padding: 12px 0;font-size: 20px;color:#2d2d2d;margin:0;letter-spacing:.5px;text-align:center;}
.box1:hover .text-inner{border-radius: 2px;background-color: #f2703d;-webkit-box-shadow: 0 0 0 0;-moz-box-shadow: 0 0 0 0;box-shadow: 0 0 0 0;}
.box1:hover h4{color:#fff}
 
  /*-----------*/
.box2{padding-top:0;background:#fff;text-align: center;}
.box2 img{padding:4px;border:1px solid #d8d6d6;text-align:center;width:100%}
.box2:hover img{border-color:#ed2e34}
.box2 h4{text-transform:none;padding: 5px 0 5px 0;font-size: 16px;color: #2d2d2d;margin:0;letter-spacing:.5px;text-align: center;font-weight: 700;text-transform: capitalize;}
.box2 h4 a{color:#2d2d2d}
.box2:hover a, .box2:hover h4{color:#ed2e34}
.box2 p{color:#4c4c4c;line-height:24px;margin: 0;}

/*----------*/
.box3{padding-top:0;text-align:center}
.box3 img{border:1px solid #EEE;padding:4px;margin-bottom:7px;text-align:center;width:100%;transition:all .7s ease 0;-webkit-box-shadow:5px 5px 0 0 #f1f1f1;-moz-box-shadow:5px 5px 0 0 #f1f1f1}
.box3:hover img{border: 1px solid #1d9795;-webkit-box-shadow: 5px 5px 0 0 #ade4de;-moz-box-shadow:5px 5px 0 0 #ade4de;}
.box3 h4{font-size: 16px;color: #2d2d2d;margin:0;font-weight: 700;text-transform: capitalize;letter-spacing:.5px;display:inline-block;padding:7px 13px;}


/*---------*/
.box4{position:relative;display:block;overflow:hidden}
.box4 .box-inner .box-img{position:relative;display:block;/* background: #ed2e34; */overflow:hidden;/* transition:all 500ms ease; */border: 1px solid #00000045;}
.box4 .box-inner .box-img img{width:100%;opacity:1;transition:all 500ms ease;}
.box4:hover .box-img img{/* opacity: .5; */transform:scale(1.05);}
.box4 .box-inner .box-text h4{font-size: 17px;line-height: 30px;font-weight: 600;color:#fff;padding: 5px 10px;}
.box4 .box-text{left:0;bottom:0;overflow: hidden;width:100%;height: 40px;content:'';position: absolute;background: #000000de;}
.box4:hover .box-text{background: #d61c22d6;}


.box6{padding:0 5px 25px 5px}
.box6 .box-inner{position:relative;z-index:1}
.box6 .box-inner .img-box {position: relative;overflow: hidden;}
.box6 .box-inner .img-box img{width:100%;-webkit-transition:1s;-o-transition:1s;transition:1s}
.box6 .box-inner:hover .img-box img{opacity: 1;-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);}
.box6 .box-inner .content{position:relative;margin: -20px 10px 0;background:#fff;text-align:center;padding: 15px 15px;-webkit-box-shadow:0 20px 20px 0 rgba(0,0,0,0.05);box-shadow: 0 7px 12px 0 rgba(0, 0, 0, 0.16);}
.box6 .box-inner .content h4{font-size: 21px;text-transform: capitalize;color: #ed2e34;}
.box6 .box-inner:hover .content h4{color:#fff}
.box6 .box-inner:hover .content{background:#ed2e34;color:#fff}


.box7{position:relative;overflow:hidden;transition:all 300ms ease;-webkit-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;-moz-transition:all 300ms ease;}
.box7 img{position:relative;width:100%;display:block;transition:all 600ms ease;-webkit-transition:all 600ms ease;-ms-transition:all 600ms ease;-o-transition:all 600ms ease;-moz-transition:all 600ms ease}
.box7:hover img{-webkit-transform:scale(1.2,1.3);-ms-transform:scale(1.2,1.3);-moz-transform:scale(1.2,1.3);transform:scale(1.2,1.3)}
.box7 .overlay-box{position:absolute;left:0;top:0;right:0;bottom:0}
.box7 .overlay-box:before{position:absolute;content:'';left:0;top:0;right:0;bottom:-1px;-webkit-transition:all 1000ms ease;-moz-transition:all 1000ms ease;-ms-transition:all 1000ms ease;-o-transition:all 1000ms ease;transition:all 1000ms ease;background: -webkit-linear-gradient(top,rgba(55,53,66,0) 24%,rgba(55,53,66,0) 50%,rgba(55,53,66,0.01) 43%,rgba(0,0,0,0.08) 57%,rgb(0 0 0 / 32%) 75%,rgb(0 0 0 / 73%) 92%,rgb(0 0 0 / 98%) 100%);}
.box7 .overlay-box:after{position:absolute;content:'';left:0;top:-100%;width:100%;height:100%;opacity:0;-webkit-transition:all 700ms ease;-moz-transition:all 700ms ease;-ms-transition:all 700ms ease;-o-transition:all 700ms ease;transition:all 700ms ease;background:rgba(0,0,0,0.70)}
.box7:hover .overlay-box:before{top:100%;opacity:0}
.box7:hover .overlay-box:after{opacity:1;top:0}
.box7 .overlay-box h3{position:absolute;right: 0;left: 0;bottom: 15px;text-align: center;line-height:1.3em;padding-bottom:10px;font-size: 20px;font-weight: 500;display:inline-block;-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;transition:all 500ms ease;z-index:1;color: #fff;}
.box7:hover .overlay-box h3{opacity:0;-webkit-transform:translateX(110%);-ms-transform:translateX(110%);-moz-transform:translateX(110%);transform:translateX(110%)}
.box7 .overlay-box h3:before{position: absolute;content:'';bottom:0;height:2px;width:50px;background-color:#e9c37a;text-align: center;left: 42%;right: 0;}
.box7 .overlay-box .overinner{position:absolute;left:0;top:50%;margin-top:-22px;width:100%;text-align:center;opacity:0;-webkit-transform:translateY(-70px);-ms-transform:translateY(-70px);-moz-transform:translateY(-70px);transform:translateY(-70px);-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;transition:all 500ms ease;z-index:1}
.box7:hover .overlay-box .overinner{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px)}
.box7 .overlay-box .overinner h4{position:relative;display:inline-block;line-height:44px;color: #ffffff;font-size: 20px;font-weight: 500;-webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease;}


/*-------------*/
.box8{background:#fff;position:relative;margin-bottom: 10px;overflow:hidden;box-shadow: 0 2px 4px 1px rgb(0 0 0 / 10%);}
.box8:hover{box-shadow: 0px 8px 11px 2px rgb(0 0 0 / 14%);}
.box8 .img img{width:100%}
.box8 .inner{padding: 12px 12px 10px;}
.box8 .inner h4{font-size: 17px;color: #ed2e34;font-weight: 700;display: inline-block;padding: 0px 0 8px 0;}
.box8 .inner p{font-size: 14px;/* color: #000; */line-height: 20px;margin: 0;/* min-height: 120px; */text-align: justify;}

/*-----------*/
.boxdesc{text-align:center;color:#555;padding-bottom: 15px;}
.boxdesc strong{display:block;text-decoration:underline;font-weight:500;line-height:10px}
.boxdesc p{margin:5px 0}

.boxdesc img{border:1px solid #eee;padding:5px;}
.gallery .box2_img{border:1px solid #eee;}
.gallery .col-sm-3{padding:15px}
.pdfbox{text-align:center}
.pdfbox img{display:inline-block}



/*-----------*/
ul.boxlist2 {padding:0px}
ul.boxlist2 li{width: 49%;display: inline-block;vertical-align: top;padding: 7px;transition: all 0.7s ease 0s;}
ul.boxlist2 li img{/* padding:4px; */border:1px solid #d8d6d6;text-align:center;width:100%;}
ul.boxlist2 li h4{font-size: 22px !important;padding: 12px;}

ul.boxlist3 {padding:0px;}
ul.boxlist3 li{width: 33%;display: inline-block;vertical-align: top;padding: 10px;transition: all 0.7s ease 0s;}
@media screen and (max-width: 1200px) {ul.boxlist3 li{}}
@media screen and (max-width: 990px) {ul.boxlist3 li{width: 49.5%;}}
@media screen and (max-width: 680px) {ul.boxlist3 li{}}
@media screen and (max-width: 580px) {ul.boxlist3{text-align: center;}ul.boxlist3 li {width: 96%; margin: 0px;margin-bottom: 15px;}}

ul.boxlist4{padding:0}
ul.boxlist4 li{width:24.5%;display:inline-block;vertical-align:top;padding:10px;transition:all .7s ease 0;}
@media screen and (max-width: 1200px) {ul.boxlist4 li{width:24.5%}}
@media screen and (max-width: 990px) {ul.boxlist4 li{width:32.9%}}
@media screen and (max-width: 749px) {ul.boxlist4 li{width:49.5%}}
@media screen and (max-width: 565px){ul.boxlist4{text-align:center}ul.boxlist4 li{width:96%;}}

ul.boxlist5{padding:0}
ul.boxlist5 li{width: 19.5%;display:inline-block;vertical-align:top;padding:10px;transition:all .7s ease 0;}
@media screen and (max-width: 992px) {ul.boxlist5 li{width:32.9%;}}
@media screen and (max-width: 768px) {ul.boxlist5 li{width:49.5%}}
@media screen and (max-width: 470px){ul.boxlist5{text-align:center}ul.boxlist5 li{width:96%;}}


.box-auto3{display:flex;flex-wrap:wrap}
.box-auto3 .box-auto-item{width: calc(33.33333333% - 0px);display:flex;padding: 15px;}
.box-auto3 .box-auto-item > div{display:flex;width:100%;flex-shrink:0}

@media (max-width:767px) and (min-width:480px) {.box-auto3 .box-auto-item{width: calc(50% - 0px);}}
@media (max-width:479px) {.box-auto3 .box-auto-item{width:100%;}}




/*--------------*/
.cenq{display:none}
.cont-title{text-transform: inherit;font-weight: 700;}
.form .form-group{position:relative;margin-bottom:15px;}
.form .form-group1{position:relative;height:120px;margin-bottom:15px;}
.form label{margin-bottom:0}
.form button{margin-top:20px}
.form textarea.text-field{height:80px}
.form .select{margin:0!important;font-size:15px!important}
.form .text-field{background: #fbfbfb;border: 0;color: #2d2d2d;font-size:14px;margin: 0;padding: 8px 18px;width:100%;border-radius: 0;border: 1px solid #ababab;}
.form .text-field:focus,.form .text-field:hover{border-color:#009895;box-shadow:none;border-width:1px;}
.errorbox,.errorbox span,.errorbox li{color:#D90000}
.errorbox .sucmsg{color:#046310}
.custbtn{border-radius: 0;margin-top:10px;padding: 10px 35px;background:#009895;position:relative;display:inline-block;border:none;line-height: 24px;font-size:16px;font-weight:500;border: 1px solid #ffff;color:#fff;text-transform:uppercase;transition:400ms all;-webkit-transition:400ms all;}
.custbtn:hover{text-decoration:none;background:#009895;color: #fff;}
.custbtn:focus{text-decoration:none;background:#009895;color: #fff;}


.submitbtn{border-radius: 0;margin:20px 0px;padding: 10px 25px;background: #ed2e34;display:block;border:none;font-size:16px;font-weight:500;margin-top: 0;border: 1px solid #ffff;color:#fff;text-transform:uppercase;transition:400ms all;-webkit-transition:400ms all;}
.submitbtn:hover{text-decoration:none;background: #da353a;color: #fff;}

.capcha{background:transparent !important}
.capcha + input{width:200px !important;margin-top:5px !important}

/*-------------*/
#download{position:fixed;top:50%;right:0;font-size: 26px;color: #ffffff;background-color: #ed2e34;padding: 10px 18px;border-radius:30px 3px 3px 30px;z-index: 1;}
#download:hover{cursor:pointer;-webkit-box-shadow:0 8px 6px -6px #999;-moz-box-shadow:0 8px 6px -6px #999;box-shadow:0 8px 6px -6px #999}
#download > a{color:#0E0E0E}

/*-----------*/
.contact-item{padding:20px;display:inline-block;width:100%;margin-bottom:20px;-webkit-box-shadow:0 0 8px 0 rgba(240,240,240,1);-moz-box-shadow:0 0 8px 0 rgba(240,240,240,1);box-shadow:0 0 8px 0 rgba(240,240,240,1);position:relative}
.contact-item h4{font-size: 24px;text-transform:uppercase;margin-bottom:10px;color: #ed2e34;}
.contact-item h5{font-size: 16px;text-transform:uppercase;margin-bottom:10px;}
.contact-item p{margin-bottom:0}
.contact-item .content{float:left}
.contact-item > span{font-size: 59px;color:#f0f0f0;margin-top:25px;position:absolute;right:19px;bottom:13px;}
/*------*/

/*------*/
.contact-box{position:relative;margin-bottom:40px}
.contact-box .contact-box-inner{position:relative;padding: 30px 35px 30px;background-color: #f5e9e96e;-webkit-box-shadow: 0 0 18px rgba(0, 0, 0, 0.13);-ms-box-shadow: 0 0 18px rgba(0, 0, 0, 0.13);box-shadow: 0 0 6px rgb(0 0 0 / 13%);}
.address{
    /* font-weight: 500; */
}
.address li{margin: 20px 0;}
.address li:first-child{margin-top:0}
.address h4{font-size: 24px;font-weight: 700;letter-spacing: .5px;padding-bottom: 6px;margin-bottom: 13px;display: inherit;color: #e31822;}
.address > li > 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;font-size: 15px;line-height: 25px;}


/*--------------*/
.dealer-float{position: fixed;right:0;bottom:30%;z-index:21;}
.dealer-float a{animation: glowing 1300ms infinite;display: inline-block;text-align: center;width: 40px;height: auto;float: left;color: #FFFFFF;background: #ed1c24;padding:10px 0px;font-size:18px;font-weight:800;line-height: 20px;}

@keyframes glowing {
0%{
     background-color: #ed1c24;
     box-shadow: 0 0 5px #ed1c24;
    }
50%{
     background-color: #ff0000;
     box-shadow: 0 0 20px #ff0000;
    }
100%{
     background-color: #ed1c24;
     box-shadow: 0 0 5px #ed1c24;
    }
}

     
    



/*--------------*/
.hdwatsp{position: fixed;bottom: 10px;right: 10px;z-index:21/*top: 2px!important;position: absolute !important;left: 0;right: 0;margin: 0 auto;width: 100%;text-align: center;*/}
.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;}


/*---------------*/
.footer{font-size:13px;padding-top: 50px;position:relative;background: #e4e4e4 url(../images/bgmap.png) center top no-repeat;}
.footer .f-col{padding: 30px 15px;}
.footer img{display: inline-block;}
.footer p, .footer a{color: #000000;font-size: 13px;line-height: 22px;}
.footer ul.list li{list-style: none;margin: 0px 0 0px 16px;position:relative;}
.footer ul.list li:before{position:absolute;font-size: 7px;top: 1px;left: -15px;font-family: "Font Awesome 5 Free";content: "\f061";font-weight: 900;color:#1d9795;}
.footer ul.list li a:hover{opacity: 0.7;}
.footer ul.list li i{padding: 0 8px 0 0;}
.footer h3{color: #000000;font-size: 18px;letter-spacing: 0;margin-top: 0;margin-bottom: 27px;padding-bottom: 12px;position: relative;text-transform: capitalize;font-weight: 700;}
.footer h3:not(.no-underline):before {background:#1d9795;bottom: -4px;content: "";height: 1px;position: absolute;width: 47px;}
.footer img{padding: 5px 10px;width: 200px;}
.footer .address h4{font-size: 16px;font-weight: 500 !important;color: #ececec;margin: 0;padding-bottom: 0;}
.footer .address h4 i{margin: 0;margin-right: 9px;}
.footer .address i{display:inline-block;margin:6px 8px 0 0;vertical-align:top;color:#1d9795;font-size: 13px;width: 20px;text-align: center;}
.footer .address li{margin: 10px 0 10px 0;}
.copyrights{padding: 21px 0;overflow: hidden;margin-top: 40px;border-top: 1px solid #c7c7c7;}
.copyrights p, .copyrights a{margin: 0;/* font-size: 12px; */color: #1d1d1d;}


@media (max-width: 992px) 
{
    .header-main{position:inherit;padding:0;height: auto;/* background: #000; */}
    .header-main .container{width:100%}
    .logo{margin-right:0;text-align:center;float:none!important;position: inherit;padding: 5px 0;}
    .logo img{margin-bottom:10px}
    .page-head{margin-top:55px;padding:25px 0px;text-align:center;}
    .page-head h1, .page-head .breadcrumb  {float:none}
    .page-head h1{font-size:25px}
    .footer{padding-top: 15px;text-align:center}
    .footer h3 {margin-bottom: 7px;margin-top: 20px;    padding-bottom: 4px;text-align: center;}
    .footer h3:not(.no-underline):before {bottom: 0;content: "";height: 2px;position: absolute;width: 33px;left: 0;right: 0;margin: 0 auto;}
    .footer .address p{text-align:center !important}
    .footer ul.list li {list-style-type: circle;margin: 0px 10px 0px 16px;position: relative;display: inline-block;margin-right: 0;}
}
@media (max-width: 768px) 
{
    .tophead .list-inline{float:none !important;text-align:center;display:block}
}


.pbspace{padding-bottom:40px;}
@media (max-width:480px){
        .pbspace{padding-bottom:40px;}
}
.hpr1 .imgzoom img{
    height:auto;
}
.cbtn{padding:12px 36px;display:inline-flex;text-transform:uppercase;transition:all 0.3s linear;font-size:16px;position:relative;z-index:9;}
.cbtn::after{content:'';position:absolute;left: 0;top:0;width:0;height:100%;background:var(--red);transition:all 0.5s ease;z-index:-1;}
.cbtn{letter-spacing:1px;font-size:14px;font-weight: 600;}
.bbg::after{background:#1d9795;}
.bbg{background:#000;color:#fff;}
@media (max-width:767px){
        .cbtn{padding: 10px 24px;}
}
@media (max-width:480px){
        .cbtn{padding:6px 18px;}
}
.hpr1{display:grid;grid-template-columns:49% 49%;justify-content:space-between;}.hpr1 > div{margin: 0px 0px 15px;border:1px solid #e7e7e7;position:relative;}
.hpr1 h3{font-size:34px;padding:30px 20px 20px;line-height: 32px;}
.hpr1 h4 a::after,.indarrow::after{content:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="40" height="40" viewBox="0 0 24 24"%3E%3Cg transform="rotate(180 12 12)"%3E%3Cpath fill="currentColor" d="m4 12l-.354-.354l-.353.354l.353.354zm15 .5a.5.5 0 0 0 0-1zM9.646 5.646l-6 6l.708.708l6-6zm-6 6.708l6 6l.708-.708l-6-6zM4 12.5h15v-1H4z"%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');right:0;transition:all 0.3s ease;position:absolute;top:2px;}
.hpr1 h4 a{padding:15px 40px;background:#000;color:#fff;position:relative;display:flex;align-items:center;z-index:9;}
.hpr1 h4 a::after{filter:invert(1);top:5px;right:30px;}
.hpr1 h4 a::before{content:'';position:absolute;width:100%;height:0%;top:0; background:var(--red);left:0;z-index:-1;transition:all 0.3s ease;}
.hpr1 > div:hover h4 a::before{height:100%;}.hpr1 > div:hover .imgzoom img, .hoist-col > div:hover .imgzoom img, .ser-col:hover .imgzoom img {transform:scale(1.1);}
.titled,.pt-80{padding-top:60px;}
p.tr{text-align:right;}
.acenter{align-items:center;gap:0px;}
.hprow{display:flex;flex-wrap: wrap;gap:20px;}
.hprow.pt-0{padding-top:0px;}
.hprow img{width:100%;transition:all 0.3s ease;}
.ch3{font-size:30px;line-height:32px;letter-spacing: -1px;}
.hbor1 {
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.hbor1 {
    position: relative;
}
.hbor1::after{content:'';position:absolute;width:100%;height:1px;background:rgb(0 0 0 / 20%);bottom:0;transition:all 0.3s ease;}
.hbor1::after{left:0;}.hbor1{padding-bottom:20px;margin-bottom:20px;}
.hprow{position:relative;}
.grey-dv .hbtn svg, .hbtn svg{transition:0.2s linear ;transform:translateX(-47px)}
.grey-dv .hbtn:hover  svg{transform:translateX(-37px)}
.hbtn{background:transparent;color:#000;font-weight:500;overflow:hidden;display: inline-flex;align-items: center;padding:0px;height:46px;}.hbtn span{position:relative;transition:all 0.6s ease;
padding-right:55px;}
@media (max-width:767px){
.grey-dv .hbtn:hover svg {
    transform: translateX(-2px);
  }
.grey-dv .hbtn svg {
    transition: 0.2s linear;
    transform: translateX(-15px);
  }
}
.f22{font-size:22px;}
.f600{font-weight:600;}
.hprow .hbtn{bottom:0;}
.hbtn span{position:relative;transition:all 0.6s ease;padding-right:55px;}
.titled,.hprow{display:grid;grid-template-columns:30% 65%;justify-content:space-between;align-items:center;}
.hprow{align-items:flex-start;padding:80px 0px 70px;}
@media (max-width:1199px){
        .hpr1 h4 a{padding: 15px 20px;}.hpr1 h4::after{right:10px;}.ch1{font-size:40px;line-height:42px;}
}
@media (max-width:991px){
  .hprow{grid-template-columns:100%;}.hprow .hbtn{position:absolute;bottom:-10px;right:0;}
  .titled{grid-template-columns:100%;gap:40px 0px;}
  .hbtn span{margin-left:0px;}.hprow{padding-top:20px;}.titled{gap:20px;}
  .hprow.pt-0 .mt2{margin-top:0px;}
  .csc{order:2;}
  .csc{gap:30px;}
}
@media (max-width:575px){
  .hprow .ch6{font-size:18px;}
  .hpr1 h4 a{padding: 12px 15px;}
  .hpr1 h4::after{top:4px;right:5px;}
}
.hbor{position:relative;}
.hbor .container{overflow:hidden;position:relative;}
.hbor .container::after{top:0;}
.hbor ul{padding-left:25px;}
.hbor ul li{padding-left:7px;}
@media (max-width:767px){
  .hproducts .hbtn span{padding-right:20px;}
}
@media (max-width:480px){
  .hproducts .imgpt .imgzoom img{object-fit:cover;}
  .ch3.hbor1{padding-bottom:8px;margin-bottom: 15px;}
  .ch3{font-size:24px;line-height:26px;}
  .hprow.pt-0{padding-top:30px;}
}
@media (max-width:460px){
  .hproducts .hprow .hpr1 > div{background:linear-gradient(to bottom, transparent 85%, #000 15%);}
}
@media (max-width:480px){
  .mob-dnone{display:none !important;}
}
.imgzoom{position:relative;overflow:hidden;}
.imgzoom img{transition: all 0.6s ease;display:flex;margin: 0px auto;position:relative;width:100%;}.pr1:hover .imgzoom img{transform:scale(1);}




.craf-grid {display: grid;grid-template-columns: repeat(2, 1fr);}
.carlstahllogo{padding:60px;background: #F4F4F4;text-align: center;}
.craftsmanlogo {padding:60px;background: #ffffff;text-align: center;}
.carlstahllogo img {margin-bottom:40px;}
.craftsmanlogo img {margin-bottom:40px;}
.carlstahllogo p, .craftsmanlogo p {text-align: center;font-size: 18px;line-height: 26px;}
.carlstahllogo a, .craftsmanlogo a {margin: 40px 0 0;}
.statone {
    background: #F4F4F4;
    padding: 60px;
}
.stat-grid .stattwo {background:#ffffff;padding: 60px;}
.facts {display: grid;grid-template-columns: repeat(2,1fr); gap:0px 100px;justify-content:space-between;margin:70px 0px 0px;align-items: flex-start;}
.count {
    font-size:60px;
    color: var(--red);
    margin-bottom:5px;
    font-weight:400;line-height:70px;border-bottom:1px solid #3a3a3a;
}
.fdata p{text-align:left;padding:10px 0px 20px;margin-bottom:10px;}
.fdata,.fcont{width:100%;}
.facts .fdata{display: flex;align-items: center;}
.fdata:hover{background: rgb(6 108 181 / 20%);}
@media (max-width:1500px){
   .fdata p {padding: 10px 0px 20px;}
}
@media (max-width:1300px){
     .facts{gap:0px 50px;}
}
@media (max-width:1200px){
    .facts {grid-template-columns: repeat(2, 1fr);}
}
@media (max-width:1199px){
    .fdata p br{display:none;}
}
@media (max-width:1100px){
    .craf-grid {grid-template-columns: repeat(1, 1fr);}.cr::after {font-size:25px;}
}
@media (max-width:991px){
      .facts{display:grid;grid-template-columns:45% 45%;gap:0px;}
}
@media (max-width:767px){
   .fdata p{padding: 10px 0px 10px;}
}
@media (max-width:700px){
      .facts {margin: 30px 0px 0px;}     
}
@media (max-width:575px){
   .carlstahllogo {padding: 35px;}
   .carlstahllogo img{margin-bottom: 25px;}
   .carlstahllogo p{font-size:15px;}
   .fcont .f18 {font-size:16px;}
}
@media (max-width:480px){
   .carlstahllogo img{width: 200px;}
   .carlstahllogo a{margin: 30px 0 0;}
   .statone {padding:25px;}
   .facts {margin-top:20px;}
}


.plus::after {
    content: "+";
    display: inline-block;
}
.cr::after {
    content: "K";
    display: inline-block;font-size:30px;margin:0px 0px 10px 10px;line-height:1;
}



.fenq {
    background-color: #5c6078;
}
.f-enq {
    padding: 40px 0px;
    align-items: center;
    justify-content: center;
}
.f-enq .ep1 {
    font-size: 34px;
    color: #fff;
    margin: 0px 0px;
}
.f-enq .ep2 {
    font-size: 28px;
    color: #fff;
}
@media (max-width:967px){
  .f-enq .ep1 {
      font-size: 28px;
      color: #fff;
      margin: 0px 0px 20px;
  }
  .f-enq .ep2 {
     font-size: 24px;
     color: #fff;
  }
}
.f-enq p {
    line-height: 38px;
}
.f-enq a {
    padding: 10px 20px;
    color: var(--blue);
    background-color: #eff1f2;
}
.ebtn {
    background: #ccc;
    position: relative;
    z-index: 1;
}


We pledge to provide products and services of unparalleled quality, maintaining stringent standards across all facets of our operations to guarantee customer satisfaction and confidence. We foster innovation and creativity, consistently exploring new and improved methods to address the changing demands of our customers. We operate with honesty, integrity, and transparency in all dealings, building trust and respect among our customers and communities.