.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:50px;font-family:GothamBold;position:relative;transition:all .6s ease-in-out}
.b-ins-txt{font-size:18px;line-height:30px;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}
.rkt{display:inline-block;color:#f3a801;transform:translateY(-13px) rotate(351deg);position:relative;display:inline-flex}
.rkt:after{content:'';background:url('../images/about/abt-img1.png') no-repeat;width:120px;height:120px;background-size:contain;background-position:center;display:block;position:absolute;left:100%;bottom:0}
@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}
.b-txtt{font-size:3rem;line-height:65px}
}
@media screen and (max-width:991px){
.rkt:after{display:none}
.rkt{transform:translateY(0) rotate(0)}
.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}
}
.our-approach-wrap{width:100%;min-height:300px;background:transparent linear-gradient(299deg,#fff 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%; text-align:center;}
.approach-heading{font-size:3.4rem;line-height:53px;color:#4b4b4b;font-family:GothamBlack;margin-bottom:30px}
.approach-heading span{color:#00b345}
.result-box h3.h3-title{font-size: 2.1rem;line-height: 36px;text-align: center;color: #fff;}
.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:#e5f6f8;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}
@media screen and (max-width:1024px){
.approach-heading{font-size:4rem}
}
@media screen and (max-width:767px){
.our-approach-wrap .rowc{flex-direction:column;min-height:auto;padding-bottom:140px}
.approach-col{width:100%;text-align: left;}
.approach-heading{font-size:30px;line-height:34px;margin-bottom:6px}
.result-box h3.h3-title{text-align:left}
 .inBtnb{width: 246px;height: 61px;}
}
.result-wrap{width:100%;min-height:400px;background:#e9f6f8 url('../images/about/blog-bg.jpg') no-repeat;background-size:contain}
.result-wrap .rowc{margin:0}
.result-wrap .rowc{flex-wrap:wrap;align-items:flex-start;margin:60px 0 0}
.result-img { height: auto;margin-bottom: 30px;background: #fff;border-radius: 0 50px; padding: 16px 0px;}
.result-img img{height: inherit;width:auto; border-radius: 0 60px;}
.result-box p {
    color: #fff;
}
.result-box{width:30%;margin-top:40px; text-align:center;
    background: -moz-linear-gradient(top, rgba(0,179,69,0.65) 0%, rgba(221,223,114,0.86) 99%, rgba(221,223,114,0.86) 100%, rgba(221,223,114,0.86) 101%);
    background: -webkit-linear-gradient(top, rgb(0 179 69) 0%,rgba(221,223,114,0.86) 99%,rgba(221,223,114,0.86) 100%,rgba(221,223,114,0.86) 101%);
    background: linear-gradient(to bottom, rgb(0 179 69) 0%,rgba(221,223,114,0.86) 99%,rgba(221,223,114,0.86) 100%,rgba(221,223,114,0.86) 101%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a600b345', endColorstr='#dbdddf72',GradientType=0 );
    padding: 14px;
    border-radius: 10px;
}
.happy-cust-box{display:flex;justify-content:center;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:auto;margin-bottom:26px}
.result-img img{height:inherit}
.result-box{width:48%;}
}
@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}
.result-box p{text-align:left;}
}
.abt-dig-prod-strat{width:100%;background:#fff;height:auto}
.abt-dig-prod-strat-bx{padding:60px;background:#c4e8ff;border-radius:25px 250px 25px 25px;min-height:400px;display:flex;align-items:flex-start;justify-content:space-between;position:relative}
.abt-dig-prod-lt{width:100%;max-width:400px;position:relative;right:100px;top:80px}
.abt-dig-prod-rt{width:100%;max-width:600px;padding-left:40px}
@media screen and (max-width:1024px){
.abt-dig-prod-strat-bx{align-items:flex-end}
.abt-dig-prod-lt{top:auto;right:61px}
}
@media screen and (max-width:991px){
.abt-dig-prod-strat-bx{flex-direction:column;align-items:center;padding:30px;border-radius:28px}
.abt-dig-prod-lt{right:auto;margin-bottom:30px;text-align:center}
.abt-dig-prod-rt{padding:0;max-width:100%}
}
@media screen and (max-width:767px){
.abt-dig-prod-lt img{height:260px;margin:0 auto}
.abt-dig-prod-strat-bx{padding:18px}
}
.hp-st3{background:#f3f3f3;width:100%;height:auto;min-height:300px}
.wtwbin{display:flex;align-items:center;justify-content:flex-start}
.we-c-dlt{width:100%;max-width:450px}
.we-c-drt{width:100%;display:flex;align-items:center;justify-content:center;max-width:100%;background:url(../images/white-circle.png);background-size:contain;background-repeat:no-repeat;background-position:center center}
.bnum{font-size:18rem;color:#f6e97a;font-family:GothamBlack}
.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}
@media screen and (max-width:1024px){
.wtwecanbanner .we-c-drt img{height:400px}
.bnum{font-size:10rem}
}
@media screen and (max-width:991px){
.wtwecanbanner .we-c-drt img{height:300px}
}
@media screen and (max-width:767px){
.wtwbin{flex-direction:column;margin-bottom:30px}
.we-c-dlt{max-width:100%}
.bnum{font-size:6rem;margin-bottom:26px;margin-top:14px}
.wtwecanbanner .we-c-drt img{height:200px}
}
.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}
@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}
}
.or-team{width:100%;background:#fff url('../images/pattern.png') no-repeat;background-position:right top;margin-bottom:50px}
.or-team-gride{margin:50px 0}
.or-team-col{width:22%;height:350px;position:relative}
.or-team-col img{height:inherit;object-fit:fill;width:auto}
.or-team-det{width:100%;max-width:165px;position:absolute;top:30px;left:141px;padding:6px;background:rgba(196,232,255,.8);margin:auto;border-radius:6px}
.emp-name{font-size:2.4rem;line-height:26px;font-family:inherit;color:#707070}
.emp-info{font-size:12px;line-height:16px;color:#707070;font-style:italic;font-family:GothamLight}
.or-team .drg-txt{font-size:20px}
.or-team-btmtext{font-size:3rem;line-height:33px;color:#000;font-family:GothamThin;width:100%;text-align:center;margin:36px 0 0 0}
.or-team .btnh{position:absolute;right:0;top:55px}
@media screen and (max-width:767px){
.or-team .btnh{top:auto;position:relative}
.or-team-btmtext{font-size:28px;line-height:33px}
}
.omotto{width:100%;background:#fff}
.tagline{font-size:3.5rem;line-height:38px;color:#000;font-family:GothamThin;max-width:550px;width:100%}
.abt-img-box{position:relative;background-position:bottom center!important;background-size:cover!important;min-height:570px}
.omotto-detail{width:100%;max-width:550px}
@media screen and (max-width:767px){
.abt-img-box{min-height:400px;background-size:contain!important}
.omotto-detail{max-width:100%}
.tagline{max-width:100%;font-size:28px;line-height:33px}
}
@media screen and (min-width:1025px){
.result-box p{text-align:justify}
.abt-dig-prod-rt p{text-align:justify}
.approach-col p{text-align:justify}
}