.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;}
@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}
}

/* Section 2 */
.ser-intro-sec{width: 100%;min-height:300px;height: auto; background: #fff;position: relative;}
.bigheading{color: #4B4B4B; font-size:6rem; line-height: 80px;font-family: 'GothamBlack';margin-bottom: 20px;}
.ser-intro-sec .rowc{align-items: end;justify-content: space-between;align-items: flex-start;}
.digital-cont{width: 65%;}
.digital-img1{width: 35%;text-align: center;padding-right:0;}

@media screen and (max-width:767px){
    .ser-intro-sec .rowc{flex-direction:column;align-items:flex-start}.bigheading{font-size:38px;line-height:40px}.digital-cont{width:100%;margin-bottom:35px}.digital-img1{width:100%;padding:0}.digital-img1 img{height:320px}
}
/*Section 3*/
.diff-bwn-ser{width: 100%;height: auto;}
.diff-blue-box{background: #D6EDFF 0% 0% no-repeat padding-box;border-radius: 50px;min-height:auto;margin: 0 auto;padding:60px 50px;}
.diff-blue-box .typehead{margin-bottom:40px;font-family: 'GothamBold';padding-left: 40px;text-align: right;}
.diff-blue-box .typehead span{color: #2AAB32;text-transform: uppercase;}
.diff-bluebox-cont {width: 61%;padding-left: 2%;}
.diff-bluebox-cont p{font-size:2.6rem;}
.diff-bluebox-img{width: 39%;position: relative;}
.diff-bluebox-img img{position: absolute;left:-80px;bottom:-60px;height: 500px;}
@media screen and (max-width:1024px){
    .diff-bluebox-img img{left: 0;height: auto;}
    .diff-bluebox-cont p{font-size: 2rem;}    
}
@media screen and (max-width:991px){
    .diff-blue-box{padding: 20px;}.diff-bluebox-img img{bottom: -20px;}
}
@media screen and (max-width:767px){
   .diff-blue-box .typehead{padding:0;margin-bottom:0;text-align:left}.diff-blue-box{padding:16px;border-radius:16px}.diff-bwn-ser .rowc{flex-direction:column-reverse}.diff-bluebox-cont{width:100%;padding:0;margin-top:0}.diff-bluebox-img img{position:relative;bottom:-18px}.diff-bluebox-img{width:300px;margin:0 auto}
}


/* POP Modal */
.modal{display:none;position:fixed;z-index:99;padding:0 15px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.61);align-items:center}
.modal-content{border-radius:0px;position:relative;background-color:#fefefe;margin:auto;border:0;max-width:650px;min-height:auto;padding:0;box-shadow:0 4px 8px 0 rgb(0 0 0 / 20%),0 6px 20px 0 rgb(0 0 0 / 19%);-webkit-animation-name:animatetop;-webkit-animation-duration:.5s;animation-name:animatetop;animation-duration:.5s;width:100%; overflow: hidden;}
.close{color: #4b4b4b;font-size: 34px;font-weight: 700;position: absolute;top: 12px;right: 12px;bottom: 0;height: 28px;line-height: 20px;z-index: 2;cursor: pointer;background: #fff;
    padding: 4px;border-radius: 16px;}
.hidden {overflow: hidden;}
.modal-content-inner-body {display: flex;justify-content: space-between;align-items: flex-start;background-image: linear-gradient(135deg,#00b345 30%,rgb(217 218 89 / 64%) 30%);}
@media screen and (max-width:767px){
    .modal-content-inner-body .videoplayer{height:330 !important;}
    .video-textimonial-cont p{    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-pack: end;}
}


/*Section 4*/
.our-complimentry{width:100%;background:#fff;counter-reset: section;}
.typehead{font-size: 4.5rem;line-height: 50px;font-family: 'GothamBlack';margin-bottom: 16px;color: #4B4B4B;}
.our-complimentry .typehead{margin-bottom: 50px;}
.result-box{width:46%;counter-increment: section;position: relative; text-align:center;}
.result-box h3, .result-box p{position: relative;z-index: 1;}
.result-box h3:before {letter-spacing: 11.2px;content: counter(section);color: #F6E97A;font-size: 13rem;font-family: "GothamBlack";line-height: 115px;width: auto;
    height: auto;text-align: right;position: absolute;left:0;top: 0; z-index: -1;opacity: 0.25;}
@media screen and (max-width:1024px){
    .result-img{height: 194px;}
    .typehead{font-size: 4.1rem} 
}
@media screen and (max-width:991px){
   .our-complimentry .rowc{flex-direction:column}.result-box{width:100%;display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:30px}.btmcbox{width:100%}
}
@media screen and (max-width:767px){
   .our-complimentry{padding-top:0}.result-box{flex-direction:column; text-align:left;}.btmcbox{width:100%;padding:0}.typehead{font-size:30px;line-height:44px}
   
}

/*Section 5*/
.video-testimonial{width: 100%;background: #F3F3F3 0% 0% no-repeat padding-box;height: 100%;box-shadow:10px 38px 56px rgb(158 158 158 / 49%) inset;}
.video-testimonial-row{display: flex;justify-content: space-between;align-items: flex-start;transition:.5s ease-in-out}
.video-testimonial-col{width: 46%;background: #eddc50;border-radius: 25px;position: relative;display: flex;align-items: flex-end;padding: 0 24px;overflow: hidden;height:500px;}
.video-testimonial-col img {position: absolute;height: 100%;left: 0;width: 100%;top: 0;}
.video-hover-cont{position: absolute;opacity: 1;bottom: 0px;left: 0px; width: 100%;top:0px;height: 100%;padding: 60px;display: flex;align-items: flex-start;
    flex-direction: column;justify-content: space-between;background: rgba(255, 255, 255, 0.92);transition:.5s ease-in-out}
.video-headbox {display: flex;align-items: center;justify-content: flex-start;}
.test-video-time{color: #FFFFFF;position: absolute;left: 0;width: 100%;font-size: 2.2rem;line-height: 24px;font-family: 'GothamBook';bottom: 188px;text-align: center;opacity: 0;transition:.5s ease-in-out;padding: 0 16px;}
.video-textimonial-cont p{color: #707070;font-size: 1.9rem;line-height: 34px;font-family: 'GothamBook';transition:.5s ease-in-out}
.playbtn{width: 58px;height: 40px;background: url('../images/re-targeting-audience/play-btn.png') no-repeat;background-position: center;background-size: contain;margin-right:30px;transition:.5s ease-in-out;display: block;}
.videotime{color: #707070;font-size: 2.2rem;line-height: 24px;font-family: 'GothamLight';position: relative;transition:.5s ease-in-out}
.videotime:after{width: 200px;height: 1px;background: #000;content: '';position: absolute;left: 130px;bottom: 0px;top:0px;margin: auto;}
.vi-cl-name{font-size: 2.2rem;line-height: 30px;color: #707070;font-family: 'GothamBold';margin-top: 12px;}
.vi-cl-pro{color: #707070;font-family: 'GothamThin';font-style: italic;font-size: 2.2rem;line-height: 30px;}
.divider{width: 100%;height:18px;background: url('../images/re-targeting-audience/black-bd.png') no-repeat;background-position:left center;background-size: contain;margin-bottom: 0px;transition:.5s ease-in-out}
.test-btm-cont{width: 100%;}
.video-testimonial-col:hover .video-textimonial-cont{opacity:0;}
.video-testimonial-col:hover .video-hover-cont{background: transparent;}
.video-testimonial-col:hover .videotime{opacity:0;}
.video-testimonial-col:hover .test-video-time{opacity: 1;}
.video-testimonial-col:hover .vi-cl-pro{color: #fff;}
.video-testimonial-col:hover .vi-cl-name{color: #fff;}
.video-testimonial-col:hover .divider{background: url('../images/re-targeting-audience/white-bd.png') no-repeat;background-position:left center;background-size: contain;}
@media screen and (max-width:1024px){
    .video-hover-cont{padding: 20px 30px;}
    .video-textimonial-cont p{font-size: 2rem;line-height: 30px;}
}
@media screen and (max-width:991px){
   .video-testimonial-row{flex-direction:column}.video-testimonial-col{width:100%;margin-bottom:30px}.video-testimonial-col:last-child{margin-bottom:0}.video-textimonial-cont p{font-size:16px;line-height:30px}
}
@media screen and (max-width:767px){
   .video-testimonial-col{height:380px}.video-hover-cont{height:100%}.test-video-time{font-size:18px}
}

/*Section 6*/
.con-section{width: 100%;background: transparent linear-gradient(180deg, #F9F9F9 0%, #FFFFFF00 100%) 0% 0% no-repeat padding-box;height: auto;}
.con-sec-left{width: 50%;padding-right:2%;}
.con-sec-right{width:50%;padding-left: 2%;}
.con-sec-right p{font-size: 3rem;line-height: 50px;color: #4B4B4B;font-family: 'GothamBook';}
.con-sec-right p span{color:#2AAB32;text-transform: uppercase;font-weight: 700;font-family: 'GothamBold';}
.con-sec-right .typehead span{color:#2AAB32;}
.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: 0px;margin:40px 0 0 0;cursor: pointer;}
.inBtn{width:100%; height: 100%;background:#fff;outline: 0px;border: 0px; border-radius:0px;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){
    .con-sec-right p{font-size: 2.8rem;line-height: 42px;}
}
@media screen and (max-width:767px){
   .con-section .rowc{flex-direction:column}.con-sec-left{width:100%;padding:0;margin-bottom:35px}.con-sec-right{width:100%;padding:0}.con-sec-right p{font-size:21px;line-height:36px}.inBtnb{width:246px;height:61px}
}
        /* Section 7 */
.our-cl{background:#fff;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;}
}

/*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;}
.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{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:28%}
.price-panel-grid-cell{width:18%}
.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 9px;width: auto;}
.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;}
.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  8*/
.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: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}
}
@media screen and (min-width: 1025px) {
 .result-box p {
    text-align: justify;
}
}

::-webkit-full-page-media, _:future, .inBtn{
    line-height: 60px;
    font-family:sans-serif;
}
::-webkit-full-page-media, _:future, .b-ins-txt{
    line-height:35px;
}
::-webkit-full-page-media, _:future, .f-top-text{
    line-height:25px;
}
::-webkit-full-page-media, _:future, .digital-cont p{
    line-height:35px;
}
::-webkit-full-page-media, _:future, .diff-bluebox-cont p{
    line-height:38px;
}
::-webkit-full-page-media, _:future, .video-textimonial-cont p{
   line-height:31px; 
}
::-webkit-full-page-media, _:future, .con-sec-right p{
     line-height:42px;
}
@media screen and (max-width:767px){
    ::-webkit-full-page-media, _:future, .f-top-text{
        line-height:35px;
        font-size:4.4rem;
    }
}
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) { 
 .mac .inBtn{padding-top:14px;} 
}