.h-banner{position:relative;height:100vh;width:100%;background:#f3f3f3 url('../images/pattern.png') no-repeat;background-position:right top;background-size:660px;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden}
.h-banner-cen{max-width:56vw;width:100%;height:70vh;position:relative;display:flex;align-items:center;flex-direction:column;justify-content:center;transition:.5s ease-in-out;margin:0 auto}
.h-b-pattern{background:url('../images/banner-comp.svg') no-repeat;background-position:center center;background-size:contain;position:absolute;left:0;width:100%;height:100%;transition:.5s ease-in-out;transform:scale(1) translate(50px,0)}
.w-box-pattern{background:url('../images/white-circle.png') no-repeat;background-position:center center;background-size:contain;position:absolute;left:-80px;width:412px;height:412px;border-radius:100%;top:54px;opacity:1}
.b-txtf{color:#707070;font-size:5rem;line-height:73px;font-family:GothamBold;position:relative;transition:.5s ease-in-out;letter-spacing:3px;margin-bottom:12px}
.b-txts{color:#707070;font-size:4.5rem;line-height:58px;font-family:GothamLight;position:relative;margin-bottom:6px}
.b-txtt{color:#000;font-size:4rem;line-height:42px;font-family:GothamBold;position:relative;transition:all .6s ease-in-out}
.b-ins-txt{font-size:18px;line-height:36px;font-family:GothamLight;letter-spacing:7.7px;transition:.5s ease-in-out;position:relative;color:#707070;width:fit-content;margin:0 auto;text-align:center}
.b-bubble{position:absolute;margin:0;padding:0;display:flex;flex-direction:column;left:calc(100vw - 96vw);top:65px;opacity:1}
.b-bubble li{background:#bff6c2;border-radius:100%;position:relative}
.b-bubble .fbubble{width:57px;height:57px;left:24px}
.b-bubble .sbubble{width:45px;height:45px;right:24px}
.b-bubble .tbubble{width:70px;height:70px;left:8px;top:14px}
.b-bubble .furbubble{width:57px;height:57px;top:38px}
.v-scroll-line{height:10vh;background:#707070;width:1px;margin:auto;position:absolute;bottom:5vh}
.b-ins-txt:hover{letter-spacing:1px;cursor:pointer}
@media only screen and (min-width:1024px){
.h-banner-cen:hover .h-b-pattern{transform:scale(1) translate(-2vw ,-3vh)}
}
@media screen and (max-width:1024px){
.h-banner-cen{max-width:100%;height:58vh}
}
@media screen and (max-width:991px){
.h-b-pattern{transform:none;right:0;margin:auto}
}
@media (max-height:500px){
.h-banner{height:auto;min-height:550px;padding-bottom:16px}
.h-banner-cen{height:auto;min-height:300px}
.v-scroll-line{display:none}
.h-banner-cen{justify-content:unset}
}
@media screen and (max-width:767px){
.b-txtf{font-size:3rem;line-height:37px}
.b-txts{font-size:3rem}
.b-txtt{font-size:3rem;line-height:37px}
.h-banner-cen{height:auto;margin:50px 0}
.h-banner{height:auto;min-height:550px;padding-top:86px}
.v-scroll-line{display:none}
.b-ins-txt{font-size:14px}
.b-bubble{bottom:0;margin:auto;width:105px;height:120px}
.b-bubble li{width:30px!important;height:30px!important}
.bnum{width:70px;height:58px}
}
.hp-st3{background:transparent linear-gradient(180deg,#fff 0,#f3f3F380 100%) 0 0 no-repeat padding-box;width:100%;height:auto;min-height:300px}
.wtwbin{display:flex;align-items:flex-start;justify-content:flex-start;position:relative;height:inherit;width: 100%;}
.we-c-dlt{width:100%;max-width:100%;position:relative;z-index:1;padding:14px}
.we-c-drt{width:100%;background:url(../images/white-circle.png);background-repeat:no-repeat;background-position:center center;position:absolute;background-position:center;background-size:100% 100%;opacity:0.08;height:100%;top:0}
.servicesbox-new .h2-title{color:#fff;margin:0;font-family:GothamBlack}
.we-c-dlt p{color:#fff;font-family:GothamMedium}
.tphead{display:flex;align-items:flex-start;justify-content:flex-start;margin-bottom:20px;border-bottom:4px solid #fff;padding-bottom:17px}
.we-c-drt img{object-fit:cover;object-position:center;height:100%;width:100%}
.bnum{font-size:10rem;color:#fff;font-family:GothamBlack;padding-right:18px}
.wtwecanbanner .we-c-drt img{height:500px;width:auto}
.drg-txt{font-size:14px;color:#37b03e;line-height:22px;font-family:GothamBlack;position:relative}
.drg-txt span{width:120px;height:1px;background:#919191;display:inline-block;margin:0 22px;vertical-align:middle}
.servicesbox-new .container{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}
.servicesbox-new .rowc{overflow: hidden;transition: all 1s;width:48%;display:flex;flex-direction:row;justify-content:space-between;background:-moz-linear-gradient(left,rgba(203,221,111,0) 0,rgba(0,181,71,.65) 100%);background:-webkit-linear-gradient(left,rgba(203,221,111,0) 0,rgba(0,181,71,.65) 100%);background:linear-gradient(to right,rgb(203 221 111) 0,rgb(0 181 71) 100%);border:7px solid #c1dd72;margin:12px 0;border-radius:12px;padding:0;min-height:330px;position:relative}
.servicesbox-new .rowc:hover{border-color: #00ae3f;transform: scale(1.02);}
.container.btnserv{text-align:right;margin-top:25px}
.we-c-drt img{transition: all 1s;}
.servicesbox-new .rowc:hover .we-c-drt img {
    transform: scale(1.07);
}
@media screen and (max-width:1024px){
.wtwecanbanner .we-c-drt img{height:400px}
.bnum{font-size:10rem}
.servicesbox-new .h2-title{font-size:3.5rem;}
}
@media screen and (max-width:991px){
.wtwecanbanner .we-c-drt img{height:300px}
.servicesbox-new .rowc{width:100%;min-height:auto;}
}
@media screen and (max-width:767px){
.wtwbin{flex-direction:column;margin-bottom:0px}
.we-c-dlt{max-width:100%}
.bnum{font-size:3.6rem;}
.wtwecanbanner .we-c-drt img{height:200px}
.servicesbox-new .h2-title {font-size: 2.8rem;line-height: 33px;}
}
.ser-our-wroks{width:100%;min-height:600px;background:#fff url('../images/services/ser-img3.png') no-repeat;background-position:right bottom;background-size:contain}
.ser-work-gride{display:flex;align-items:center;justify-content:space-between}
.ser-work-cont{width:100%;max-width:500px;padding-right:30px}
.ser-work-img{width:100%}
.ser-prj-logo{height:97px;margin:0 0 12px 0}
.ser-prj-logo img{height:inherit}
.ser-prj-loc{color:#7f8c8d;font-size:2rem;line-height:27px;font-family:GothamMedium;margin:0 0 30px 0}
.ser-prj-plat{font-size:2rem;line-height:27px;color:#010101;font-family:GothamMedium;margin:0 0 12px 0}
.serviceslider .slick-dots{display:flex;align-items:center;justify-content:flex-start;width:100%}
.serviceslider .slick-dots li{position:relative;transition:.5s ease-in-out;width:100%;max-width:38px;margin-right:14px;margin-left:14px}
.serviceslider .slick-dots button{color:#37b03e;font-size:24px;font-family:GothamMedium;background:0 0;outline:0;border:0;cursor:pointer}
.serviceslider .slick-dots li:after{content:'';width:100%;height:1px;background:#dadada;position:absolute;left:auto;right:100%;bottom:0;top:0;margin:auto;transition:.5s ease-in-out}
.serviceslider .slick-dots li.slick-active button{color:#f6e97a}
.serviceslider .slick-dots li.slick-active:after{background:#f6e97a}
@media screen and (max-width:767px){
.ser-work-gride{flex-direction:column}
.ser-prj-logo{height:60px}
.ser-work-cont{max-width:100%;padding-right:0}
}

.hire-us-wrap{width:100%;min-height:auto;background-position:center!important;background-size:cover!important;height:auto;background-attachment:fixed!important;position:relative}
.hire-us-wrap:after{content:'';position:absolute;bottom:0;left:0;width:100%;background:rgba(42,171,50,.65);height:100%;z-index:0}
.hire-us-wrap .sr-cl{color:#fff}
.hire-us-wrap .container{position:relative;z-index:1}
.hire-us-wrap .s-heading{color:#fff}
.label-txt{font-size:3rem;line-height:81px;color:#fff;font-family:GothamBook}
.hire-frm form{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;flex-direction:column}
.hire-frmbox{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;flex-direction:row}
.inputbox input{border:0;border-bottom:1px solid #fff;padding:0 12px;font-size:3rem;line-height:54px;letter-spacing:1.5px;color:#fff;text-align:center;font-family:GothamBook;outline:0;width:100%;background:0 0}
.inputbox{width:100%;max-width:277px;margin:0 12px;text-align:center}
.ckbx-design{text-align:center;margin:0 4px}
.inBtnb{position:relative;width:269px;height:69px;border:0;outline:0;background:#f6e97a;background:-moz-linear-gradient(left,#f6e97a 0,#2aab32 63%);background:-webkit-linear-gradient(left,#f6e97a 0,#2aab32 63%);background:linear-gradient(to right,#f6e97a 0,#2aab32 63%);padding:3px;border-radius:0;margin:50px 0 0 0;cursor:pointer}
.inBtn{width:100%;height:100%;background:#fff;outline:0;border:0;border-radius:0;color:#4b4b4b;font-size:2.5rem;font-family:GothamMedium;cursor:pointer;transition:.5s ease-in-out;display:flex;align-items:center;justify-content:center}
.inBtnb:hover .inBtn{letter-spacing:3.4px}
.ckbx-design .ckl{position:relative;cursor:pointer;display:flex;vertical-align:middle}
.ckl input[type=checkbox]{position:absolute;opacity:0;width:100%;height:60px;border-radius:40px;left:0;cursor:pointer}
.icon-box{width:auto;height:auto;background:#fff;display:flex;justify-content:center;align-items:center;border:1px solid #000;border-radius:40px;padding:6px 22px;position:relative;z-index:2}
.ckl :checked~.icon-box{background:#f6e97a}
.ckl .icon-box .inrtxt{font-size:2.4rem;line-height:30px;color:#000;font-family:GothamBook}
.hire-frmbox ::-webkit-input-placeholder{color:#fff;opacity:.6;font-family:GothamLight;font-size:2.3rem}
.hire-frmbox :-ms-input-placeholder{color:#fff;opacity:.6;font-family:GothamLight;font-size:2.3rem}
.hire-frmbox ::placeholder{color:#fff;opacity:.6;font-family:GothamLight;font-size:2.3rem}
.sr-cl{font-size:2.5rem;line-height:60px;color:#707070;font-family:GothamLight;margin:40px 0 0 0}
.radio,.wpcf7-checkbox{display:block;margin:10px 0 0}
.radio .wpcf7-list-item,.wpcf7-checkbox .wpcf7-list-item{width:auto;height:auto;background:0 0;display:flex;justify-content:center;align-items:center;position:relative;z-index:2;margin:0 4px 15px}
.radio .wpcf7-list-item input[type=checkbox],.radio .wpcf7-list-item input[type=radio],.wpcf7-checkbox .wpcf7-list-item input[type=checkbox],.wpcf7-checkbox .wpcf7-list-item input[type=radio]{display:none}
.radio .wpcf7-list-item input[type=checkbox]:checked+.wpcf7-list-item-label::before,.radio .wpcf7-list-item input[type=radio]:checked+.wpcf7-list-item-label::before,.wpcf7-checkbox .wpcf7-list-item input[type=checkbox]:checked+.wpcf7-list-item-label::before,.wpcf7-checkbox .wpcf7-list-item input[type=radio]:checked+.wpcf7-list-item-label::before{background:#00ae3f;border:1px solid #fff;content:"";height:100%;left:0;position:absolute;width:100%;top:0;border-radius:40px;z-index:-1}
.radio .wpcf7-list-item-label,.wpcf7-checkbox .wpcf7-list-item-label{display:inline-block;margin:0;font-size:2.4rem;line-height:30px;color:#fff;font-family:GothamBook;border-radius:40px;padding:6px 22px;border:0 solid #000}
.radio .wpcf7-list-item-label::before,.wpcf7-checkbox .wpcf7-list-item-label::before{background:#f6e97a;border:1px solid #fff;content:"";height:100%;left:0;position:absolute;width:100%;top:0;border-radius:40px;z-index:-1}
.radio .wpcf7-list-item-label:hover,.wpcf7-checkbox .wpcf7-list-item-label:hover{cursor:pointer}
@media screen and (max-width:1024px){
.inputbox{max-width:300px}
}
@media screen and (max-width:991px){
.inputbox{margin-bottom:18px}
.inBtnb{width:252px;height:56px}
}
@media screen and (max-width:767px){
.label-txt{font-size:22px;line-height:46px}
.ckl{margin:6px}
.ckl .icon-box .inrtxt{font-size:22px}
.inputbox input{font-size:22px;line-height:35px}
.inputbox{margin-bottom:8px}
.ckbx-design .ckl{flex-wrap:wrap}

.hire-frmbox{flex-direction:column;flex-wrap:wrap;align-items:flex-start}
 .radio .wpcf7-list-item, .wpcf7-checkbox .wpcf7-list-item{width: 100%;}
 .radio .wpcf7-list-item-label, .wpcf7-checkbox .wpcf7-list-item-label{font-size: 1.9rem;}
}

.our-cl{background:#f9f9f9;min-height:400px}
.cl-gride{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;margin:0 -16px}
.cl-col{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;border:0 solid transparent;background:#fff 0 0 no-repeat padding-box;box-shadow:0 0 44px #00000017;width:100%;max-width:22%;height:184px;margin:16px;display:flex;align-items:center;justify-content:center;padding:14px}
.cl-col img{width:auto;height:132px;transition:all .3s ease;filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");filter:gray;-webkit-filter:grayscale(100%);-webkit-transition:all .3s ease-in-out;-webkit-backface-visibility:hidden;margin:0 auto;transform:scale(1)}
.cl-col:hover img{filter:none;-webkit-filter:grayscale(0%);transform:scale(1.04)}
.our-cl .btnh{margin-top:30px}
@media screen and (max-width:1024px){
.cl-col{max-width:224px}
.cl-col:hover img{transform:scale(1)}
}
@media screen and (max-width:767px){
.cl-gride{align-items:center}
.cl-col{max-width:40%;height:auto;box-shadow:none;border:6px solid #dadada}
.hire-us-wrap .sr-cl{line-height: 40px;}
}

.arrow-link {
    background: url(../images/services/arrow-right.svg) no-repeat;
    background-size: contain;
    width: 38px;
    height: 34px;
    font-size: 0;
    position: relative;
    float: right;
}
.our-reco-wrap{background:#fff url('../images/pattern.png') no-repeat;background-position:left bottom;min-height:400px}
.ourreco-gride{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:70px 0}
.ourreco-col{width:23%;padding:0;margin:14px}
.or-logot{font-size:22px;color:#fff;font-family:GothamBold;margin:0 0 24px 0}
.or-headf{font-size:24px;color:#379b9e;font-family:GothamMedium;margin:0;line-height:32px}
.or-heads{font-size:24px;color:#fff;font-family:GothamMedium;margin:0;line-height:32px}
.ourreco-col small{font-size:10px;font-family:GothamLight;color:#fff}
.ourreco-col:nth-child(2n) .or-headf{color:#ca2c13}
.our-reco-wrap .drg-txt{font-size:20px}
.drg-txt{font-size:14px;color:#37b03e;line-height:22px;font-family:GothamBlack;position:relative}
.drg-txt span{width:120px;height:1px;background:#919191;display:inline-block;margin:0 22px;vertical-align:middle}
@media screen and (max-width:767px){
.ourreco-gride{margin:30px 0}
.ourreco-col{margin:6px}
.our-reco-wrap .drg-txt{font-size:16px}
.drg-txt span{width:48px;margin:0 6px}
}
::-webkit-full-page-media, _:future, .inBtn{
    line-height: 60px;
    font-family:sans-serif;
}
::-webkit-full-page-media, _:future, .wpcf7-checkbox .wpcf7-list-item-label,.radio .wpcf7-list-item-label{
    height:43px;
    line-height:46px;
    display: inline-flex;
}




::-webkit-full-page-media, _:future, .hire-frmbox ::-webkit-input-placeholder{font-family:sans-serif;}
::-webkit-full-page-media, _:future, .hire-frmbox :-ms-input-placeholder{font-family:sans-serif;}
::-webkit-full-page-media, _:future, .hire-frmbox ::placeholder{font-family:sans-serif;}

::-webkit-full-page-media, _:future, .servicesbox-new .h2-title{
    line-height:52px;
}

@media screen and (max-width:767px){
::-webkit-full-page-media, _:future, .radio .wpcf7-list-item, .wpcf7-checkbox .wpcf7-list-item{width: auto;}
::-webkit-full-page-media, _:future, .servicesbox-new .h2-title{
    line-height:34px;
}
}
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) { 
 .mac .radio .wpcf7-list-item-label::before, .mac .wpcf7-checkbox .wpcf7-list-item-label::before{top:-7px;} 
 .mac .inBtn{padding-top:14px;} 
}