.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: 0px;width: 100%; height: 100%;transition:.5s ease-in-out;transform: scale(1) translate(50px, 0px);}
.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: 24px;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: 0px;padding: 0px;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:18px}.b-bubble{bottom:0;margin:auto;width:105px;height:120px}.b-bubble li{width:30px!important;height:30px!important}.bnum{width:70px;height:58px}
}
/*Section 2 */
.our-approach-wrap{width:100%; min-height: 300px;background: transparent linear-gradient(299deg, #FFFFFF 0%, #FFFFFF00 100%) 0% 0% no-repeat padding-box;}
.our-approach-wrap .rowc{background-position: bottom !important; background-size: contain !important;min-height:800px;}
.approach-col {width: 32%;}
.approach-heading{font-size:6rem;line-height: 74px;color: #4B4B4B;font-family: 'GothamBlack';margin-bottom: 30px;}
@media screen and (max-width:1024px){
    .approach-heading{font-size: 4rem;line-height: 40px;}
}
@media screen and (max-width:767px){
    .our-approach-wrap .rowc{flex-direction: column;min-height: auto;padding-bottom: 140px;}
    .approach-col{width: 100%;}
    .approach-heading{font-size: 30px;line-height: 34px;margin-bottom: 6px;}
}
/*Section 3 */
.result-wrap{width: 100%;min-height:400px;background: #FEFEFE 0% 0% no-repeat padding-box;}
.result-wrap .rowc{flex-wrap: wrap;align-items: flex-start;margin: 60px 0;}
.result-img{height:300px;}
.result-img img{height: 250px;}
.result-box{width:30%;margin-bottom:40px;}
.happy-cust-box{display:flex;justify-content: space-between;flex-wrap: wrap;}
.happy-cust-text small{color:#707070;font-size:2.2rem; line-height:50px;font-family: inherit;display: block;}
.happy-cust-text{color:#4B4B4B;font-size:4rem;line-height:52px;font-family: 'GothamBlack'}
.happy-cust-box .inBtnb{width: 320px;}
@media screen and (max-width:991px){
    .result-img{height: 198px;margin-bottom: 26px;}
    .result-img img{height: inherit;}     
}
@media screen and (max-width:767px){
    .result-wrap .rowc{flex-direction: column;}
    .result-box{width: 100%;}
    .happy-cust-text{font-size: 3rem;line-height: 36px;}
}
/* Sections 4 */
.hire-us-wrap{width: 100%; min-height:auto; background:#fff;}
.label-txt{font-size: 3rem;line-height: 81px;color:#000;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: 0px;border-bottom:1px solid #707070;padding:0 12px;font-size: 3rem; line-height: 54px;letter-spacing: 1.5px;
    color: #000;text-align: center;font-family:'GothamBook';outline: 0px; width: 100%;}
.inputbox{width: 100%;max-width: 277px;margin: 0 12px;text-align: center;}
.ckbx-design {text-align: center;}
.inBtnb{position: relative; width: 269px; height:69px;border: 0;outline: 0;background: rgb(246,233,122);
    background: -moz-linear-gradient(left, rgba(246,233,122,1) 0%, rgba(42,171,50,1) 63%);
    background: -webkit-linear-gradient(left, rgba(246,233,122,1) 0%,rgba(42,171,50,1) 63%);
    background: linear-gradient(to right, rgba(246,233,122,1) 0%,rgba(42,171,50,1) 63%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6e97a', endColorstr='#2aab32',GradientType=1 );padding: 3px;border-radius: 40px;margin: 50px 0 0 0;cursor: pointer;}
.inBtn{width:100%; height: 100%;background:#fff;outline: 0px;border: 0px; border-radius: 40px;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;flex-wrap: wrap;}
.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: #4B4B4B;opacity: 0.5;font-family: 'GothamLight';font-size:2.3rem;}  
.hire-frmbox :-ms-input-placeholder {color: #4B4B4B;opacity: 0.5; font-family: 'GothamLight';font-size:2.3rem;}  
.hire-frmbox ::placeholder {color: #4B4B4B;opacity: 0.5; font-family: 'GothamLight';font-size:2.3rem;}
.sr-cl{font-size: 2.5rem;line-height: 30px;color: #707070;font-family: 'GothamLight';margin: 40px 0 0 0;}
.wpcf7-checkbox,.radio{display:block;margin:10px 0 0}
.wpcf7-checkbox .wpcf7-list-item,.radio .wpcf7-list-item{width:auto;height:auto;background:#fff;display:flex;justify-content:center;align-items:center;position:relative;z-index:2;margin:0 4px 15px}
.wpcf7-checkbox .wpcf7-list-item input[type=checkbox],.wpcf7-checkbox .wpcf7-list-item input[type=radio],.radio .wpcf7-list-item input[type=checkbox],.radio .wpcf7-list-item input[type=radio]{display:none}
.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,.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{background:#f6e97a;border:1px solid #000;content:"";height:100%;left:0;position:absolute;width:100%;top:0;border-radius:40px;z-index:-1}
.wpcf7-checkbox .wpcf7-list-item-label,.radio .wpcf7-list-item-label{display:inline-block;margin:0;font-size:2.4rem;line-height:30px;color:#000;font-family:'GothamBook';border-radius:40px;padding:6px 22px;border:0 solid #000}
.wpcf7-checkbox .wpcf7-list-item-label::before,.radio .wpcf7-list-item-label::before{background:transparent;border:1px solid #000;content:"";height:100%;left:0;position:absolute;width:100%;top:0;border-radius:40px}
.wpcf7-checkbox .wpcf7-list-item-label:hover,.radio .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:35px}.ckl{margin:0}.ckl .icon-box .inrtxt{font-size:22px}.inputbox input{font-size:22px;line-height:35px}.inputbox{margin-bottom:8px}.radio .wpcf7-list-item-label,.wpcf7-checkbox .wpcf7-list-item-label{font-size:1.8rem;padding:4px 20px}
}
/* Section  4 */
.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 0 0px 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}
}
/* Section 5 */
.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: 12px solid transparent;background: #FFFFFF 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:hover{border:12px solid #e7e7e7;}*/
.cl-col img{width: auto;height: 132px;transition: all 0.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;}
}