.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;}
.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;}
.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;}
.under-roof-wrap .s-heading.uppercase, .quality-work .s-heading.uppercase {width: 70%;}
@keyframes slideRight {0% {letter-spacing: 3px;}50% {letter-spacing: 7.92px;}100% {letter-spacing: 3px;}}
@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){ 
    .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;}
    .under-roof-wrap .s-heading.uppercase, .quality-work .s-heading.uppercase{width:100%;}
}

/* Section 2 */
.lwu-see{width: 100%;min-height:300px;height: auto; background: #FEFEFE;position: relative;}
.bigheading{color: #4B4B4B; font-size:6rem; line-height: 80px;font-family: 'GothamBlack';margin-bottom: 20px;}
.lwu-see .rowc{align-items: end;justify-content: space-between;}
.digital-cont{width: 70%;}
.digital-img1{width: 30%;position: absolute;right: 0;bottom: 58px;}
@media screen and (max-width:1024px){
}
@media screen and (max-width:991px){
}
@media screen and (max-width:767px){
    .lwu-see .rowc{flex-direction: column;align-items: flex-start;}
    .bigheading{font-size: 3rem;line-height: 40px}
    .digital-cont{width: 100%;}
    .digital-img1{width:100%;position: relative;bottom: auto;right: inherit;min-height: 229px;}
    .digital-img1 img{position: absolute; right: -17px;bottom: 0px;width: 300px;}
}

/* Section 3 */
.abt-dig-prod-strat{width: 100%;background:#fff;height: auto;}
.abt-dig-prod-strat-bx{padding: 30px;background: #C4E8FF;border-radius: 25px;min-height:400px; display: flex;align-items: flex-start;justify-content: space-between;position: relative;}
.abt-dig-prod-lt{width:47%;position: relative;padding-left:2%;text-align: center;}
.abt-dig-prod-lt img {height: 400px;}
.abt-dig-prod-rt{width:53%;}
.abt-dig-prod-rt h2{font-size: 4rem;line-height: 60px;}
@media screen and (max-width:1024px){
    .abt-dig-prod-strat-bx{align-items:flex-start;min-height: auto;}
    .abt-dig-prod-lt{width: 37%;}
    .abt-dig-prod-rt h2{font-size: 4.4rem;line-height: 68px;}
}
@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;}
    .abt-dig-prod-rt{padding: 0px;width: 100%;}
    .order2{order: 2;}
    .abt-dig-prod-lt{width: 100%;padding: 0px;}
    .abt-dig-prod-lt img{height:400px; margin: 0 auto;display: block;}    
}
@media screen and (max-width:767px){
   .abt-dig-prod-lt img{height:300px;margin:0 auto;}
   .abt-dig-prod-strat-bx{padding: 18px;}
   .abt-dig-prod-rt h2{font-size: 34px;line-height: 43px;}
}
.our-diff-faces{width: 100%;height: auto;background: #FEFEFE;min-height:300px;position: relative;}
.our-diff-con {width:80%;position: relative;}
.our-diff-con .h2-title{color: #2AAB32;font-family: 'GothamBold';}
.our-diff-img{width: 20%;}
.our-diff-img img{position: absolute;left: -30%;}
.innn-cont .our-diff-img img{position: relative;left:auto;}
.innn-cont .our-diff-img{width: 30%;}
.innn-cont .our-diff-con{width: 70%;padding-left: 6%;}
.our-diff-faces .rowc{align-items: flex-start;}
.our-diff-faces .rowc.innn-cont{align-items: flex-end;}
@media screen and (max-width:1024px){
    .our-diff-con{width: 71%;}    
}
@media screen and (max-width:991px){
    .our-diff-img img{opacity: 0.5;}  
    .our-diff-img{position: absolute;width: 100%;left: 0px;bottom: 0;} 
    .our-diff-con{width: 100%;}
    .innn-cont .our-diff-con{width:100%;padding-left: 0;}
}
@media screen and (max-width:767px){
    .our-diff-faces .rowc{flex-direction: column;}
    .our-diff-faces .rowc:first-child{margin-bottom: 35px;}
}
.under-roof-wrap{background: transparent linear-gradient(180deg, #F3F3F3 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;width: 100%;height: auto;}
.serviceslider{display: flex;justify-content: space-between;flex-direction: column;}
.under-roof-box{width: 33.33%;}
.under-roof-slider{display: flex;flex-direction: row;width: 100%;margin-top: 34px;}
.under-roof-slider .slide{padding: 0 24px;text-align: center;}
.roof-box-container {display: flex;align-items: center;justify-content: flex-start;flex-direction: column;margin-bottom: 40px;}
.roof-box-container .h3-title{font-size: 3.5rem;line-height: 42px;color: #000;font-family: 'GothamMedium';}
.roof-box-img{margin-bottom:20px;background-image:linear-gradient(135deg,#00ae3f 30%,rgb(221 223 114 / 74%) 30%);padding: 14px;border:8px solid #fff;height:250px;display:flex;align-items:center;justify-content:center;}
.roof-box-img img{height: auto;}
.under-roof-slier-wrapper .drg-txt {font-size: 20px;color: #37B03E;font-family: 'GothamBlack';}
@media screen and (max-width:1024px){
    
}
@media screen and (max-width:767px){
    .under-roof-wrap .rowc{flex-direction: column;align-items:flex-start}
    .under-roof-wrap .rowc .s-heading {margin-bottom: 35px;}
    .roof-box-container .h3-title{font-size: 30px; line-height: 36px;}
    .roof-box-img{height: 250px;}
}

.our-digital-plateform{width: 100%;height: auto;background: #fff;}
.our-digital-plateform .icon-slide img{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);}
.our-digital-plateform .icon-slide img:hover{
    filter: none;
    -webkit-filter: grayscale(0%);
    transform: scale(1.04);
}
.rating-box{width:45%;}
.rating-box li{color: #4B4B4B;font-size: 3rem;line-height:60px;font-family:'GothamMedium';position: relative;display: flex;align-items: center;justify-content: space-between;}
.work-showcase-slider{width: 40%;padding-left:3%;margin: 35px 0;}
.rating-box ul{margin: 40px 0;}
.project-slide .slick-dots{top: 22px;position: absolute;width: 100%;height: 77px;display: flex;align-items: center;justify-content: flex-start;}
.hp-det{width: 100%; display: flex;align-items: flex-start; justify-content: space-between;}
.hp-det-nme{font-family: inherit;font-size: 15px; line-height: 20px; color: #2AAB32;}
.hp-det-add{color:#4B4B4B;font-size:15px;line-height:20px;}
.project-slide {margin-bottom: 34px;padding-top: 83px;padding-left:8px;padding-right: 8px;}
.project-slide .slick-dots li{position: relative;width: 100%;max-width:160px;}
.project-slide .slick-dots li:after {content: '';width: 70px;height: 1px;background: #dadada;position: absolute;left: auto;right: 100%;bottom: 0;top: 0;margin: auto;}
.project-slide .slick-dots li:first-child:after{display: none;}
.project-slide .slick-dots button{color:#37B03E;font-size: 30px;font-family: 'GothamMedium';background: transparent;outline: 0px;border:0px;cursor: pointer;}
.project-slide .slick-dots li.slick-active button{color: transparent;-webkit-text-fill-color: transparent;-webkit-text-stroke-width: 1px;-webkit-text-stroke-color: #F6E97A;font-size:13rem;font-family: "GothamBlack"; line-height:74px;}
.project-slide:hover .layout-images {background-position: center 100%!important;-webkit-transition: 10s;transition: 10s}
.project-slide .layout-images{background-size: cover !important;background-repeat: no-repeat;height: 100%;width: 100%;-webkit-transition: 10s;transition: 10s;height:300px;width: 100%;}
.starratingbox{display: flex;}
.project-slide .layout-images a {display: block;height: 100%; width: 100%;}
.staricon{width:21px;height: 21px;margin:0 2px;}
.blankstar{background: url('../images/digital-marketing/blank-star.png') no-repeat;background-position:center;background-size: contain;}
.fillstar{background: url('../images/digital-marketing/star-fill.png') no-repeat;background-position:center;background-size: contain;}
@media screen and (max-width:1024px){
    .our-digital-plateform-slider .icon-slide img{width: 140px;margin: 0 auto;}
    .work-showcase-slider{width:51%;}
    .project-slide .slick-dots li:after{width:46px;}
}
@media screen and (max-width:767px){
    .our-digital-plateform-slider .icon-slide img{width: 140px}
    .icon-slide{border: 6px solid #dadada;padding: 32px 20px;height: 114px;margin: 0 12px;}
    .quality-work.sect-c .rowc{flex-direction: column;align-items: flex-start;}
    .quality-work.sect-c .rowc.alignitems .s-heading{margin-bottom: 30px;}
    .rating-box{width: 100%;}
    .rating-box li{font-size: 22px;line-height: 22px;width: 100%;margin-bottom: 22px;}
    .work-showcase-slider{width: 100%;padding: 0px;}
    .hp-det{flex-direction: column;}
    .hp-det-add{margin-bottom: 20px;}
}

/*Price Section*/
.basic-plans-box{display:flex;flex-direction:column}
.basic-plans-row{display:flex;flex-direction:row;box-shadow:0 3px 16px #00000017;background-image:linear-gradient(135deg,#00b345 30%,rgb(217 218 89) 30%);padding:6px;border-radius:10px;margin:8px 0;flex-wrap:wrap}
.panel-grid-cell{width:33.3%;background:#fff;padding:17px;display:flex;align-items:flex-start;flex-direction:column;justify-content:center;border-radius:0 30px 30px 0}
.basic-plan-name-widget{font-size:22px;font-weight:600;line-height:27px;border-radius:12px 0 0 12px;position:relative;color: #4B4B4B;text-transform: uppercase;}
.basic-plan-name-widget:after{content:'';position:absolute;right:0;background:linear-gradient(135deg,#00b345 30%,rgb(217 218 89) 30%);z-index:1;width:4px;height:80%}
.widget-title{font-size:20px;line-height:25px;margin-bottom:4px;position:relative;z-index:2;color:#2aab32;font-weight:500}
.panel-grid-cell p{margin:0;font-size:16px;line-height:26px;color:#000;font-weight:500;position:relative;z-index:2}
.basic-plan-prce{text-align:center;align-items:center;background:#d9d85f}
.plan-price{font-size:36px;font-weight:800;line-height:40px;color: #4B4B4B;}
@media screen and (max-width:767px){
    .basic-plans-row{flex-direction: column;}
    .panel-grid-cell{width:100%;}
    .basic-plan-name-widget:after{display:none;}
    .basic-plan-name-widget{border-radius:12px;align-items: center; margin-bottom: 8px;text-align: center;align-items: center;}
    .panel-grid-cell{border-radius:12px;align-items: center;text-align: center;}
    .plan-price{font-size:30px;}
}

.our-price-table.our-cl{
    background:transparent linear-gradient(180deg, #F3F3F3 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
}
.our-price-table{background: #F3F3F3;}
.price-panel-row-style{display:flex;-ms-flex-wrap:wrap;flex-wrap:nowrap;-ms-justify-content:space-between;justify-content:space-between}
.table-td{border:1px solid #e5e5e5;text-align:center;padding:10px;border-bottom:0;}
.price-panel-grid-cell:first-child{width:49%}
.price-panel-grid-cell{width:51%}
.price-panel-grid-cell .panel-cell-style{height:100%;}
.checksign{display: flex;align-items: center;justify-content: center;}
.price-panel-grid-cell .widget-title{margin-bottom: 0;color: #4B4B4B;font-size: 16px;font-weight: 400;text-align: left;}
.green-bg{background:#29a630;color:#fff}
.panel-cell-w-100{width:100%;background:#d8d85c}
.panel-cell-w-100 .widget-title{color:#4B4B4B;margin:0;font-size: 16px;text-transform: uppercase;}
.price-panel-grid-cell.white-bg {background: #fff;}
#tablehead-1.price-panel-row-style h3.widget-title {color: #fff; text-align:center;text-transform: uppercase;}
.table-td.panel-cell-style.checksign {display: flex;align-items: center;justify-content: center;font-size: 13px;}
.btnbgback.white-bg .table-td.panel-cell-style.checksign {padding: 20px 16px;}
.btnbgback.white-bg .inBtn{background: #00ab3e;color: #fff;font-size: 16px;height: 36px;font-weight: 300;padding:10px 12px;width: auto;border: 0; cursor:pointer;font-family:'GothamMedium';}
.priceouterbox {background: linear-gradient(135deg,#00b345 30%,rgb(217 218 89) 30%);padding: 8px;}
.our-price-table .s-heading {text-align: center;color: #fff;padding-top: 20px;margin-bottom: 18px;}
.our-price-table .s-heading:before {background: #fff;margin: auto;right: 0;}
.our-price-table p{color:#fff; text-align:center;}
div#tablehead-1 {margin-top: 40px;}
.mobileview{display:none}
.desktiopview{display:block;}
.mboplan .price-panel-grid-cell.green-bg .widget-title {color: #fff;text-align: center;text-transform: uppercase;}
.mboplan .price-panel-grid-cell .widget-title{text-align: center;}
.mboplan {border-bottom: 3px solid #eaeaea;margin-bottom: 30px;border-radius: 19px;overflow: hidden;}
@media screen and (max-width:991px){
    .price-panel-row-style{flex-direction: column;}
    .price-panel-grid-cell:first-child {width: 100%;}
    .price-panel-grid-cell {width: 100%;}
    .table-td.panel-cell-style.checksign{display:none; width:100%;}
    div#tablehead-1{display:none;}
    .mobileview{display: block;background: #fff;padding: 4px;border-radius: 21px;overflow: hidden;}
    .mobilebox .checksign{display:flex !important;}
    .desktiopview{display:none;}
    .mobileview .btnbgback.white-bg a.inBtn{padding:10px 26px;}
    .mobileview .btnbgback.white-bg .table-td.panel-cell-style.checksign{min-height:94px;}
}

/* Section 4 */
.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: 0px 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;}
}
/* Section  5 */
.our-reco-wrap{background:#fff url('../images/pattern.png') repeat-x; background-position: center bottom;min-height:auto;}
.ourreco-gride{display: flex;align-items: center;justify-content: space-between; flex-wrap: wrap;margin: 70px 0;}
.ourreco-col{width:23%;padding: 0px;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;color: #37B03E;font-family:'GothamBlack';}
.drg-txt span {width: 120px;height: 1px;background: #919191;display: inline-block;margin: 0 22px;vertical-align: middle;}
@media screen and (max-width:1024px){
    
}
@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, .project-slide .slick-dots li.slick-active button{
    font-family:auto;
    display:inline-flex;
}
::-webkit-full-page-media, _:future, .project-slide .slick-dots button{
    font-family:auto;
    display:inline-flex;
}
@media screen and (max-width:767px){
    ::-webkit-full-page-media, _:future, .h2-title{line-height:54px;}
}
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) { 
 .mac .btnh:before{bottom:11px;} 
}