* {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}



body{margin:0px; padding:0px; font-size:15px; color:#323232; font-family: 'Exo', sans-serif; background: #fff;}

.clear{clear:both;}

h1,h2,h3,h4,h5{font-family: 'Nunito Sans', sans-serif;}

h1,h2,h3,h4,h5,li{list-style: none;}

a,button {

  text-decoration: none;

  -webkit-transition: all 300ms ease;

  -moz-transition: all 300ms ease;

  -ms-transition: all 300ms ease;

  -o-transition: all 300ms ease;

  transition: all 300ms ease;

  cursor: pointer;

}

img{max-width:100%;}

.row-custom {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px;margin-left: -15px;}

.container {max-width:1170px; margin:0 auto; padding-left:15px; padding-right:15px;}

.col-sm-1-custom, .col-sm-2-custom, .col-sm-3-custom, .col-sm-4-custom, .col-sm-5-custom, .col-sm-6-custom, .col-sm-7-custom, .col-sm-8-custom, .col-sm-9-custom, .col-sm-10-custom, .col-sm-11-custom, .col-sm-12-custom{position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px;}



@media (min-width: 767px){

.col-sm-1-custom{-webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%;}

.col-sm-2-custom{-webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%;}

.col-sm-3-custom{-webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}

.col-sm-4-custom{-webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;}

.col-sm-5-custom{-webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%;}

.col-sm-6-custom{-webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}

.col-sm-7-custom{-webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%;}

.col-sm-8-custom{-webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%;}

.col-sm-9-custom{-webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%;}

.col-sm-10-custom{-webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%;}

.col-sm-11-custom{-webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%;}

.col-sm-12-custom{-webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%;max-width: 100%;}

}



.inner-page-bg-right{background: url(../images/inner-header-bg.png) top right no-repeat; min-height: 646px; background-size: 66%;}



.home-page-banner-bg{background: url(../images/home-page-banner-bg.png) top left no-repeat; min-height: 646px; background-size: 82%;}



.inner-header{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap-reverse;}

header{padding:27px 0px; position: relative; z-index: 99;}



/* Menu css Start */

.menus ul{margin:0px; padding:0px;}

.menus ul li{display:inline-block;}

.menus ul li a{padding:0 6px; color:#262261; font-size:19px;}

.menus ul .login .btn-cmn{padding:10px 17px; background: rgb(41,42,100); background: linear-gradient(150deg, rgba(41,42,100,1) 0%, rgba(93,177,152,1) 83%); color: #fff; border-radius: 7px; position: relative; font-size:17px; margin:0 0px 0 9px;}

.menus ul .login .btn-cmn:hover{    opacity: 0.8;}

.menus ul .login .btn-cmn:after{content: " "; background: url(../images/login-arrow.png) right no-repeat; width:18px; height:8px; display:inline-block; margin:0 0px 0 5px;}

.animenu__btn{display: none; cursor: pointer; background-color: #262262; border: 0; padding: 10px; height: 40px; width: 40px;}

.animenu__btn:hover{background-color: #262262;}

.animenu__btn__bar {display: block; width: 20px; height: 2px; background-color: #fff; transition: 0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55);}

.animenu__btn__bar + .animenu__btn__bar{margin-top: 4px;}

.animenu__btn--active .animenu__btn__bar{margin: 0; position: absolute;}

.animenu__btn--active .animenu__btn__bar:nth-child(1){transform: rotate(45deg);}

.animenu__btn--active .animenu__btn__bar:nth-child(2){opacity: 0;}

.animenu__btn--active .animenu__btn__bar:nth-child(3){transform: rotate(-45deg);}

.animenu{display: block;}

.animenu ul{padding: 0; list-style: none;}

.animenu li, .animenu a {display: inline-block; font-size: 15px;}

.animenu a{color: #aaaaaa;text-decoration: none;}

.animenu__nav > li{position: relative;}

.animenu__nav > li > a{padding: 10px 30px;}

.animenu__nav > li:hover > ul{opacity: 1; visibility: visible; margin: 0;}

.animenu__nav > li:hover > a{color: #fff;}

.animenu__nav > li:focus-within > ul{opacity: 1; visibility: visible; margin: 0;}

.animenu__nav > li:focus-within > a {color: #fff;}

.animenu__nav__dropdown {min-width:250px; position: absolute; top: 100%; left: 0; z-index: 1; opacity: 0; visibility: hidden; margin:0px 0 0 0; background-color: #fff; transition: margin 0.15s, opacity 0.15s; padding:20px 30px !important; border-radius:15px; 

    box-shadow: 10px 7px 9px #00000054;}

.animenu__nav__dropdown > li{width: 100%;}

.animenu__nav__dropdown a {padding: 10px 0 !important; width: 100%; border-color: #373737;}

.animenu__nav__dropdown a:hover{color: #5bb394;}





.home-page-banner-bg .menus ul .login .btn-cmn{    margin: 0 0px 0 38px;}

.home-page-banner-bg .container{max-width: 1200px;}

.home-page-banner-bg .banner-left-text{margin-top: -110px;}





@media screen and (max-width: 991px) {

.animenu__btn{display: inline-block;}

.animenu__nav,

.animenu__nav__dropdown {display: none;}

.animenu__nav {margin: 10px 0;}

.animenu__nav > li {width: 100%; border-right: 0;}

.animenu__nav > li > a {width: 100%; padding: 10px;  position: relative;}

.animenu__nav a:hover{background-color: #0186ba;color: #fff;}

.animenu__nav__dropdown{position: static; background-color: #373737; margin: 0; transition: none; visibility: visible; opacity: 1;}

.animenu__nav__dropdown > li:first-child > a:after{content: none;}

.animenu__nav__dropdown a{padding-left: 20px; width: 100%;}

}

.animenu__nav--active {display: block !important;}

.animenu__nav--active .animenu__nav__dropdown{display: block;}

/* Menu css Done */



.banner-inner-pages .row-custom{align-items: center;}

.banner-inner-pages .banner-left-text h3{font-size:36px; color:#262261; margin:0px;}

.banner-inner-pages .banner-left-text h1{font-size:56px; color:#262261; margin:0px; line-height:50px;}

.banner-inner-pages .banner-left-text p{font-size:20px; color:#262261;}

.who-we-are .top-text{text-align:center; margin:70px 0 0 0px;}

.who-we-are .top-text h2{font-size:36px; color:#262261; margin:0px;}

.who-we-are .top-text h2 span{color:#000;}

.who-we-are .top-text p {font-size: 15px; line-height: 21px; color: #323232; max-width: 810px; margin: 0 auto; margin-top: 10px; margin-bottom: 30px;}

.who-we-are .box-who-are-you {text-align: center; padding:20px; box-shadow: 0 0 7px #c6c6c6; border-radius:10px; margin: 20px 0 0 0; min-height: 97%;}	

.who-we-are .box-who-are-you h3{font-size: 24px; color: #323232; margin:15px 0 10px 0; padding: 0px; min-height: 45px; line-height: 23px;}

.who-we-are .box-who-are-you h3 span{color:#323232; font-size:18px;}

.who-we-are .box-who-are-you ul{margin:0px; padding:0px;}

.who-we-are .box-who-are-you ul li{position: relative; display: inline-block; width: 100%; font-size: 15px; color: #323232;

    text-align: left; padding: 0 0 0 29px; margin: 8px 0 8px 0;}

.who-we-are .box-who-are-you ul li a{color: #323232;}

.who-we-are .box-who-are-you ul li:before{    content: " "; background: url(../images/arrow-left.png) left top no-repeat; width: 16px; height: 8px; position:absolute; left:0; top:7px;}

.footer-bg-main{background: url(../images/footer-bg.png) top center no-repeat; min-height:545px;  padding-top:50px; background-size: cover;}

.footer-bg-main .footer-left p{font-size: 20px; font-weight: 600; margin: 8px 0; color: #262262;}

.footer-bg-main .footer-left ul{margin:10px 0 0 0px; padding:0px;}

.footer-bg-main .footer-left ul li{display:inline-block; margin-right:10px;}

.footer-bg-main .footer-left ul li a{width: 35px; height: 35px; border-radius: 100%; background: #b5e5d4; color: #61ba9c; display: flex; align-items: center; text-align: center; justify-content: center; font-size: 18px;}

.footer-bg-main .footer-left ul li a:hover{background: #262261; color: #fff;}

.footer-form{    background: #3a5775e8; padding:50px; border-radius:8px; min-height: 94%;}

.footer-form h2{ color: #fff !important; }

/*.footer-form h2{margin:0px; padding:0px; color:#fff; font-size:28px;}*/
.footer-form h4{margin:0px; padding:0px; color:#fff; font-size:28px;}

.footer-form form .form-control{font-size:15px; color:#fff; border:none; background:inherit; outline:none; border-bottom:solid 2px #b2bbc6; height:40px; font-family: 'Exo', sans-serif; width:100%; margin:20px 0 0 0px;}

.footer-form form .form-control::-webkit-input-placeholder {color: #b2bbc6;}

.footer-form form .form-control:-ms-input-placeholder {color: #b2bbc6;}

.footer-form form .form-control::placeholder{color: #b2bbc6;}

.footer-left{padding-top: 415px; padding-bottom: 0px;}

.checkbox {margin:14px 0 0 0; position:relative;}

.checkbox label{font-size: 15px; color: #b2bbc6; line-height: 20px; font-family: 'Exo', sans-serif; padding: 0 0 0 20px; display: inline-block;}

.checkbox input{position: absolute; left: 0; top: 3px; margin: 0; padding: 0;}

.footer-form form .btn{padding:10px 21px;background: rgb(41,42,100); background: linear-gradient(344deg, rgba(41,42,100,1) 0%, rgba(93,177,152,1) 83%); color: #fff; border-radius: 7px; position: relative; font-size:19px; margin:22px 0px 0 0px; border: none; font-family: 'Nunito Sans', sans-serif;}

.footer-form form .btn:after{content: " "; background: url(../images/login-arrow.png) right no-repeat; width: 18px; height: 8px;

    display: inline-block; margin: 0 0px 0 8px;}

.footer-form form .btn:hover{opacity: 0.8;}

.copy-right{text-align: center; margin: 0px 0 10px 0; padding: 0; color: #b5e5d4; font-size: 15px;}

.address-right{padding: 345px 0 0 0;}

.address-right p{font-size:15px; color:#dafef1; margin:9px 0px;}

.address-right p a{color:#dafef1;}

.address-right p span{width:100%; display:inline-block;}

.address-right ul{margin:20px 0 0 0; padding:0px;}

.address-right ul li{display:inline-block;}

.address-right ul li a{position:relative; color:#dbfff2; text-decoration:underline; margin-right:8px; font-size: 13px;}

.address-right ul li a:before{height: 13px; width: 1px; background: #dbfff2; left: -8px; top: 3px; position: absolute; content: " ";}

.address-right ul li:first-child a:before {display:none;}

.address-right ul li a:hover{text-decoration:none;}

@media screen and (min-width: 750px){
  .footer-left{
    position: relative;
    top: -25%;
  }

  .address-right{
    position: relative; 
    top: -21%;
  }
}

.scanfluence-inner{background: url(../images/scanfluence-bg.png) top center no-repeat; min-height:530px; margin:130px 0 110px 0px; position:relative; text-align:center;}

/*.scanfluence-inner .text-img h4{font-size:28px; color:#323232; margin:0px; padding:0px;}*/
.scanfluence-inner .text-img h3{font-size:28px; color:#323232; margin:0px; padding:0px;}

.scanfluence-inner .text-img p{font-size: 15px; color: #323232; line-height: 20px; margin: 4px 0 0 0; padding: 0px; max-width: 248px;}

.scanfluence-inner .only-text{text-align:left;}

.scanfluence-inner .one-1{position: absolute; bottom: 30px; left: 10px;}

.scanfluence-inner .one-1 .only-img{position: absolute; right: -170px; bottom: 44px;}

.scanfluence-inner .one-2 {position: absolute; top: 161px; left: -8px;}

.scanfluence-inner .one-2 .only-img{position: absolute; right: -172px; top: 41px;}

.scanfluence-inner .one-3 {position: absolute; top: -16px; left: 150px;}

.scanfluence-inner .one-3 .only-img{position: absolute; right: -236px; top: 96px;}

.scanfluence-inner .one-4 {position: absolute; top: -16px; right:125px;}

.scanfluence-inner .one-4 .only-img{position: absolute;left: -196px; top: 96px;}

.scanfluence-inner .one-5{position: absolute; top: 164px; right: 42px;}

.scanfluence-inner .one-5 .only-img{position: absolute; left: -190px; top: 30px;}

.scanfluence-inner .one-6{position: absolute; top: 419px; right: 4px;}

.scanfluence-inner .one-6 .only-img{position: absolute; left: -170px; top: -63px;}

.scanfluence-bg-about .graf-text{margin-top: -70px;}

.scanfluence-bg-about .graf-text p{color:#323232; font-size:15px; font-style:italic; margin:0px; padding:0px; text-align:center; font-weight:600;}

.scanfluence-inner .grafh-text{margin: 0 auto; width: 265px; position: absolute; left: 0; right: 0; text-align: center; top:51%;}

.scanfluence-inner .grafh-text h2{margin:0px; padding:0px; color:#262261; font-size:36px;}

.scanfluence-inner .grafh-text h2 span{color:#000; display:inline-block; width:100%;}



/* Mobile QR Codes Page CSS Start */

.nearly-billion-bg{padding:92px 0px 32px 0px; position: relative;}

.nearly-billion-bg:before {content: " "; width: 100%; height: 100%; background: url(../images/mobile-qr-codes-left-bg.png) left top no-repeat; position: absolute; top: 161px; left: -4%;}

.nearly-billion-bg .top-text{text-align:center;}

.nearly-billion-bg .top-text h2{margin:0px 0 40px 0; padding:0px; font-size:36px; color:#262261;}

.nearly-billion-bg .top-text h2 span{color:#000;}

.nearly-billion-bg .box-rt p{font-size:15px; color:#323232; margin:10px 0; padding:0px; line-height:20px;}

.nearly-billion-bg .box-rt h3{font-size:24px; color:#323232; margin:7px 0 0 0; padding:0px;}

.nearly-billion-bg .box-rt h4{font-size:24px; color:#323232; margin:13px 0 7px 0; padding:0px;}

.nearly-billion-bg .box-rt ul{margin:0px; padding:0px;}

.nearly-billion-bg .box-rt ul li{position: relative; display: inline-block; width: 100%; font-size: 15px; color: #323232; text-align: left; padding: 0 0 0 29px; margin:6px 0 6px 0;}

.nearly-billion-bg .box-rt ul li:before {content: " "; background: url(../images/arrow-left.png) left top no-repeat; width: 16px; height: 8px; position: absolute;  left: 0; top: 7px;}

.nearly-billion-bg .box-rt ul li a {color: #323232;}

.qr-code-with-landing{padding:0 0 100px 0px; text-align:center;}

.qr-code-with-landing p{font-size:24px; color:#323232; margin:0px; padding:0px; font-family: 'Nunito Sans', sans-serif; font-weight:700;}

.qr-code-with-landing ul{margin:10px 0 0px 0; padding: 0px;}

.qr-code-with-landing ul li{display: inline-block; position: relative; padding: 0 4px;}

.qr-code-with-landing ul li:before {content: " "; background: #323232; height: 23px; width: 1px; position: absolute; left: -2px; top: 9px;}

.qr-code-with-landing ul li:first-child:before {display:none;}

.qr-code-with-landing ul li a{color: #323232; font-size: 20px; font-family: 'Nunito Sans', sans-serif; position: relative; display: inline-block; margin:10px 0 0 0px; border-bottom: solid 1px #656565; line-height: 21px;}

.qr-code-with-landing ul li a img{margin:0 0 0 4px;}

.qr-code-with-landing ul li a:hover{border-color:#fff;}

.qr-code-with-landing .container{max-width:920px;}

.navication-page-body{padding: 90px 0px;}

.navication-page-body h2 { padding: 0; margin: 0 0 9px 0; color: #000; font-size: 29px;}

.navication-page-body p {padding: 0; margin: 0px;  font-size: 16px; line-height: 28px; color: #000;}

/* Mobile QR Codes Page CSS Done */





/* Product Page CSS Start */

.product-page-sec-1{padding:50px 0 50px 0px;}

.product-page-sec-1 .row-custom{align-items: center;}

.product-page-sec-1 .mobile-box{text-align: center; padding: 25px; border-bottom: 25px; width: 100%; display: inline-block; box-shadow: 7px 7px 7px #3333331c; border-radius: 25px; margin:0 0 20px 0px;}

.product-page-sec-1 .mobile-box h3{color:#323232; font-size: 24px; margin: 7px 0 0 0; padding: 0px; font-weight: 700; line-height: 25px;}

.product-page-sec-1 .mobile-box p{margin:5px 0 30px 0px;}

.product-page-sec-1 .mobile-box a{position: relative; color:#323232; font-size: 19px; font-family: 'Nunito Sans', sans-serif;}

.product-page-sec-1 .mobile-box a span{display: inline-block; border-bottom: solid 1px #787878; line-height: 19px;}

.product-page-sec-1 .mobile-box a:hover span{border-color:#fff;}

.product-page-sec-1 .mobile-box a:after{display: inline-block; content: " "; background: url(../images/arrow-left.png) left top no-repeat; width: 16px; height: 8px; margin: 0 0 0 8px;}

.product-page-sec-1 .right-mobile-body-text{padding: 0 0 0 90px;}

.product-page-sec-1 .right-mobile-body-text h2{line-height: 36px; color:#262261; margin: 0px; padding: 0px; font-size: 36px;}

.product-page-sec-1 .right-mobile-body-text h2 span{color:#000;}

.product-page-sec-1 .right-mobile-body-text p{margin:40px 0 0 0px; line-height: 20px;}

.mobile-body-footer p{font-size: 36px; color:#262261;}

.mobile-body-footer p span{color:#000;}

/* Product Page CSS Done */





/* Mobile Frequent Buyer Page CSS Start */

.mobile-frequent-buyer-sec-1{padding:70px 0 90px 0px; text-align: center;}

.mobile-frequent-buyer-sec-1 .container{max-width:840px;}

.mobile-frequent-buyer-sec-1 h2{font-size: 24px; margin: 0 0 12px 0px;}

.breadcrubh-menu ul{margin: 10px 0 0px 0; padding: 0px;}

.breadcrubh-menu ul li {display: inline-block; position: relative; padding: 0 4px;}

.breadcrubh-menu ul li a {color: #323232; font-size:19px; font-family: 'Nunito Sans', sans-serif; position: relative; display: inline-block; margin: 0px 0 0 0px; border-bottom: solid 1px #656565; line-height: 21px;}

.breadcrubh-menu ul li a:hover {border-color: #fff;}

.breadcrubh-menu ul li:before {content: " "; background: #323232; height: 20px; width: 1px; position: absolute; left: -2px; top:2px;}

.breadcrubh-menu ul li:first-child:before {display:none;}

.single-use-mobile-coupons-sec-1{padding:10px 0 0px 0px; text-align: center;}

.single-use-mobile-coupons-sec-1 .inner-services-order{position: relative;}

.single-use-mobile-coupons-sec-1 .inner-services-order .top-lunch-effect{position: absolute; left:-49px; top:177px; max-height: 300px;}

.single-use-mobile-coupons-sec-1 .inner-services-order .top-lunch-effect h2{font-size: 36px; line-height: 36px; color: #262261; margin: 0px; padding: 0px;}

.single-use-mobile-coupons-sec-1 .inner-services-order .top-lunch-effect h2 span{width:100%; display: inline-block; color: #000;}

.single-use-mobile-coupons-sec-1 .inner-services-order .top-lunch-effect p{margin:6px 0 0 0;}

.single-use-mobile-coupons-sec-1 .inner-services-order .step {position: absolute; width: 300px; text-align: center; box-shadow: 3px 5px 4px #cccccc87; min-height: 70px; padding: 17px 0 0 0; border-radius: 25px; background: #fff;}

/*.single-use-mobile-coupons-sec-1 .inner-services-order .step p{font-size:24px; color:#323232; margin: 0px; padding: 0px;     font-family: 'Nunito Sans', sans-serif; font-weight: 700;}*/
.single-use-mobile-coupons-sec-1 .inner-services-order .step h3{font-size:24px; color:#323232; margin: 0px; padding: 0px;     font-family: 'Nunito Sans', sans-serif; font-weight: 700;}

.single-use-mobile-coupons-sec-1 .inner-services-order .step-1{left:48%; top:-7%;}

.single-use-mobile-coupons-sec-1 .inner-services-order .step-2{left:68%; top:12%;}

.single-use-mobile-coupons-sec-1 .inner-services-order .step-3{left:73%; top:42%;}

.single-use-mobile-coupons-sec-1 .inner-services-order .step-4{left: 71%; top: 73%;}

.single-use-mobile-coupons-sec-1 .inner-services-order .step-5 {left: 53%; top: 94%;}

.single-use-mobile-coupons-sec-1 .inner-services-order .step-6{left:12%; top:84%;}

.single-use-mobile-coupons-sec-1 .we-provide-single-text{padding:50px 0 0 0px;}

.single-use-mobile-coupons-sec-1 .we-provide-single-text h4{margin:0 0 20px 0; padding: 0px; font-size: 24px;}

.brand-managers-and-marketeers-bg{margin: 0px; padding:90px 0 90px 0px;}

.brand-managers-and-marketeers-bg .brand-managers-and-marketeers-text-center{text-align: center;}

.brand-managers-and-marketeers-bg .brand-managers-and-marketeers-text-center h2{margin:0px; padding: 0px; color:#262261; font-size:36px;}

.brand-managers-and-marketeers-bg .brand-managers-and-marketeers-text-center h2 span{color:#000;}

.brand-managers-and-marketeers-bg .brand-managers-and-marketeers-text-center h3{font-size:24px; 

	margin:11px 0 13px 0px;}

.brand-managers-and-marketeers-bg .brand-managers-and-marketeers-text-center h4{font-size:24px; 

	margin: 0 0 0 0px;}

.list-grow ul{margin: 0px; padding: 0px;}

.list-grow ul li{position: relative; display: inline-block; width: 100%; font-size: 15px; color: #323232; text-align: left; padding: 0 0 0 29px; margin: 8px 0 8px 0;}

.list-grow ul li:before {content: " "; background: url(../images/arrow-left.png) left top no-repeat; width: 16px; height: 8px; position: absolute; left: 0; top: 7px;}

.single-store-operators-bg{padding: 0px; margin: 0px;}

.single-store-operators-bg h2{margin: 0px 0 2px 0; padding: 0px; font-size: 36px; color:#262261;}

.single-store-operators-bg h2 span{color:#000;}

.single-store-operators-bg .single-store-operators-right{padding: 15px 0 0 0px;}

.single-store-operators-bg p{font-size:15px; color:#323232; margin:24px 0 0 0px; padding: 0px; line-height: 20px;}

.how-does-it-work-mobile-frequent-bg{margin:110px 0 0 0px; position: relative; overflow: hidden;}

.how-does-it-work-mobile-frequent-bg:before {content: " "; width: 100%; height: 100%; background: url(../images/left-bg-before.png) right top no-repeat; position: absolute; top:40px; right:-4%;}

.how-does-it-work-mobile-frequent-bg h2{font-size:36px; color:#262261; margin: 0 0 20px 0; padding: 0px; text-align: center;}

.how-does-it-work-mobile-frequent-bg h2 span{color:#000;}

.how-does-it-work-mobile-frequent-bg .how-does-it-work-mobile-frequent-left h3{font-size:24px; color:#323232; margin: 50px 0 4px 0; padding:0px;}

.how-does-it-work-mobile-frequent-bg-step2{position: relative; overflow: hidden;}

.how-does-it-work-mobile-frequent-bg-step2:before {content: " "; width: 100%; height: 100%; background: url(../images/mobile-qr-codes-left-bg.png) left top no-repeat; position: absolute; top:-15px; left:-12%;}

.how-does-it-work-mobile-frequent-bg-step2 h3{font-size: 24px; color: #323232; margin: 50px 0 4px 0; padding: 0px;}

.our-customer-has-gone-bg{padding:50px 0 50px 0px; text-align: center;}

.our-customer-has-gone-bg h3{font-size: 24px; color:#323232; margin: 0px; padding: 0px;}

/* Mobile Frequent Buyer Page CSS Done */





/* Single Use Mobile Coupons Page CSS Start */

.padding-top-bottom{padding: 130px 0 0px 0px;}

.padding-top-bottom .scanfluence-is-an-all-inclusive-text {font-size: 24px; color: #323232; margin: 0 auto; padding: 0px; max-width: 720px; margin-top: 90px;}

.single-use-mobile-coupons-sec-2{padding: 0 0 0 0px;}

.nearly-billion-bg .box-rt .whether-you-are-single-store-text{font-size: 15px; margin: 25px 0px 14px 0; display: inline-block; width: 100%;}

.nearly-billion-bg .box-rt .your-customers-can-redeem-coupons-from-text{color:#323232; font-size:15px;}

.single-use-mobile-coupons-sec-2 .run-effective-campaigns-top-text{text-align:center; margin-bottom: 127px;}

.single-use-mobile-coupons-sec-2 .run-effective-campaigns-top-text h2{font-size:24px; margin:0px; padding:0px; color:#323232;}

.single-use-mobile-coupons-sec-2 .inner-cmp h4{font-size:36px; margin:0px; padding:0px; color:#262261;}

.single-use-mobile-coupons-sec-2 .inner-cmp h4 span{color:#000;}

.single-use-mobile-coupons-sec-2 .breadcrubh-menu{text-align:center; margin:40px 0 0 0px;}

.single-use-mobile-coupons-sec-3{padding:84px 0 10px 0px;}

.single-use-mobile-coupons-sec-3 .row-custom{align-items: center;}

.single-use-mobile-coupons-sec-3 .how-does-it-work-top-text h2{font-size:36px; color:#262261; text-align:center; margin:0 0 24px 0px;}

.single-use-mobile-coupons-sec-3 .how-does-it-work-top-text h2 span{color:#000;}

.single-use-mobile-coupons-sec-3 .inner-launch-campaign h4{font-size:24px; margin:0px; padding:0px;}

.single-use-mobile-coupons-sec-3 .inner-launch-campaign h5{font-size:20px; margin:10px 0 5px 0; padding:0px;}

.single-use-mobile-coupons-sec-3 .allow-us-to-show-text{font-size:20px; color:#323232; text-align:center; font-family: 'Nunito Sans', sans-serif; margin:40px 0 0 0px;}

.single-use-mobile-coupons-sec-3 .allow-us-to-show-text a{text-decoration:underline; color:#323232;}

.single-use-mobile-coupons-sec-3 .allow-us-to-show-text a:hover{text-decoration:none;}

.single-use-mobile-coupons-sec-3 .min-height-50{min-height:30px;}

/* Single Use Mobile Coupons Page CSS Done */





/* solutions Page CSS Start */

.travel-and-Leisure-bg-end{padding:94px 0 80px 0px; text-align:center;}

.travel-and-Leisure-bg-end .inner-blog h2{color:#262261; font-size:36px; margin:0px 0 25px 0; padding:0px;}

.travel-and-Leisure-bg-end .inner-blog h2 span{color:#000;}

.travel-and-Leisure-bg-end .inner-blog h5{font-size: 24px; color: #323232; padding: 0px; max-width: 920px; margin: 0 auto; margin-top: 25px; margin-bottom: 25px;}

.solution-sec-1{padding:90px 0 90px 0px; text-align:center;}

.solution-sec-1 .container{max-width:850px;}

.solution-sec-1 p{margin:0px; padding:0px; color:#323232;}

.solution-sec-1 h4{margin:13px 0 0 0px; padding:0px; font-size:24px; color:#323232;}

.solution-sec-2{padding:0 0 40px 0px;}

.solution-sec-2 h2{font-size:36px; color:#262261; margin:0px; padding:0px;}

.solution-sec-2 h2 span{color:#000;}

.solution-sec-2 h4{font-size:24px; color:#323232; margin:10px 0 15px 0px;}

.solution-sec-2 .breadcrubh-menu{text-align:center; margin:20px 0 0 0px;}

.nearly-billion-bg-solution-page .breadcrubh-menu{text-align:center;}

.franchises-and-corporates-bg{padding:80px 0 80px 0px;}

.franchises-and-corporates-bg .inner-blog h2{margin:0px 0 20px 0px; padding:0px; font-size:36px; color:#262261;}

.franchises-and-corporates-bg .inner-blog h2 span{color:#000;}

.franchises-and-corporates-bg .inner-blog p{margin:28px 0px 20px 0;}

.franchises-and-corporates-bg .full-container .inner-blog h2{margin:50px 0 5px 0px;}

.franchises-and-corporates-bg .full-container{text-align:center;}

.franchises-and-corporates-bg .inner-blog h5{font-size: 24px; color: #323232; margin: 25px 0 10px 0px; display: inline-block; width: 100%;}

.resturant-section-bg{position:relative; margin:50px 0 50px 0px; overflow:hidden;}

.resturant-section-bg:before{content: " "; width: 100%; height: 100%; background: url(../images/solutions-restaurants-right-bg.png) right top no-repeat; position: absolute;  top:-15px; right:-3%;}

.resturant-section-bg .top-text{text-align:center;}

.resturant-section-bg .top-text h2{font-size:36px; color:#262261; margin:0 0 10px 0;}

.resturant-section-bg .resturant-box-lft {text-align: right; max-width: 83%; float: right; margin: 30px 30px 0 0;}

.resturant-section-bg .resturant-box-lft h3{font-size:24px; margin:0px; padding:0px; color:#323232;}

.resturant-section-bg .resturant-box-lft p{margin:26px 0 13px 0; line-height:20px;}

.resturant-section-bg .resturant-box-lft h4{font-size: 24px; margin:12px 0 23px 0; padding: 0px; color: #323232;}

/* solutions Page CSS Done */





/* Home Page CSS Start */

.home-sec-1{padding:50px 0 50px 0px; text-align:center;}

.home-sec-1 .container{max-width:820px;}

.home-sec-1 h4{margin:0px; padding:0px; font-size:36px; color:#262261;}

.home-sec-1 h4 span{color:#000;}

.home-sec-3{margin:173px 0 260px 0px;}

.home-sec-3 .inner-lunch-bg{position:relative;}

.home-sec-3 .inner-lunch-bg .launch-impactful-title{color: #262261; font-size: 36px; margin: 0 0 0 -11px; padding: 0px; max-width: 280px; text-align: center; position: absolute; top:26%; z-index:22;}

.home-sec-3 .inner-lunch-bg .launch-impactful-title span{color:#000;}

.home-sec-3 .inner-lunch-bg .launch-impactful-large{position:relative; z-index:9;}

.home-sec-3 .inner-lunch-bg .lunch-text-icon{position:absolute; top:0;}

.home-sec-3 .inner-lunch-bg .lunch-text-icon p{font-size:23px; color:#323232; margin:0px; padding:0px; font-family: 'Nunito Sans', sans-serif; width:150px; position:absolute; font-weight:700;}

.home-sec-3 .inner-lunch-bg .lunch-1{left:26%; top:-45%;}

.home-sec-3 .inner-lunch-bg .lunch-1 p{left: 114%; top: 5%;}

.home-sec-3 .inner-lunch-bg .lunch-2{left:42%; top:-21%;}

.home-sec-3 .inner-lunch-bg .lunch-2 p{left: 114%; top: 28%;}

.home-sec-3 .inner-lunch-bg .lunch-3{left: 55%; top: 25%;}

.home-sec-3 .inner-lunch-bg .lunch-3 p{left: 114%; top: 28%;}

.home-sec-3 .inner-lunch-bg .lunch-4{left:42%; top:77%;}

.home-sec-3 .inner-lunch-bg .lunch-4 p{left: 114%; top: 28%;}

.home-sec-3 .inner-lunch-bg .lunch-5{left:26%; top:102%;}

.home-sec-3 .inner-lunch-bg .lunch-5 p{left: 114%; top:56%;}

.home-sec-4{padding:0px;}

.home-sec-4 h2{font-size:36px; color:#262261; text-align:center; margin:0 0 40px 0; padding:0px;}

.home-sec-4 h2 span{color:#000;}

.home-sec-4 h3{font-size:24px; margin:0px; padding:0px; color:#323232;}

.home-sec-4 h5{text-align:center; margin:-6px 0 0 0; padding:0px;}

.home-sec-4 h5 span{background:#e6e9e9; color:#000; font-size:28px; display:inline-block; padding:10px 30px; font-style:italic; line-height:22px;}

.home-sec-5{padding:70px 0 10px 0px;}

.home-sec-5 h2{text-align:center; margin:0px; padding:0px; color:#262261; font-size:36px;}

.home-sec-5 h2 span{color:#000;}

.home-sec-5 .inner-types-of-campaigns-bg{position:relative; min-height:423px; margin:150px 0 0 0px;}

.home-sec-5 .inner-types-of-campaigns-bg .icon-text-campaigns{position:absolute; left:0; top:0;}

.home-sec-5 .inner-types-of-campaigns-bg .icon-text-campaigns p{width:170px; font-size:24px; color:#323232; margin:0px; padding:0; text-align:center; font-family: 'Nunito Sans', sans-serif; font-weight:700; position:absolute;}

.home-sec-5 .inner-types-of-campaigns-bg .icon-text-campaigns:before{width:11px; height:47px; position:absolute; left:0; bottom:0; background: url(../images/type-icon-bt.png) left top no-repeat; content: " ";}

.home-sec-5 .inner-types-of-campaigns-bg .campaigns-1{top:0px; left:0;}

.home-sec-5 .inner-types-of-campaigns-bg .campaigns-1:before{left: 51px; top: 112px;}

.home-sec-5 .inner-types-of-campaigns-bg .campaigns-1:after {width: 24px; height: 22px; position: absolute; left: 105px; bottom: 8px; background: url(../images/type-icon-left-sp.png) left top no-repeat; content: " ";}

.home-sec-5 .inner-types-of-campaigns-bg .campaigns-1 p{top: 227px; left: -33px;}

.home-sec-5 .inner-types-of-campaigns-bg .campaigns-2 {top: 82px; left: 119px;}

.home-sec-5 .inner-types-of-campaigns-bg .campaigns-2:before{left: 51px; top:-48px; background: url(../images/type-icon-tp.png) left top no-repeat;}

.home-sec-5 .inner-types-of-campaigns-bg .campaigns-2:after {width:33px; height: 22px; position: absolute; left: 109px; bottom:88px; background: url(../images/type-icon-right-sp.png) left top no-repeat; content: " ";}

.home-sec-5 .inner-types-of-campaigns-bg .campaigns-2 p {top: -187px; left: -15px;}

.home-sec-5 .inner-types-of-campaigns-bg .campaigns-3 {top:0px; left:247px;}

.home-sec-5 .inner-types-of-campaigns-bg .campaigns-3:before {width: 11px; height: 47px; position: absolute; left: 51px; bottom: -37px; background: url(../images/type-icon-bt.png) left top no-repeat; content: " ";}

.home-sec-5 .inner-types-of-campaigns-bg .campaigns-3:after {width: 24px; height: 22px; position: absolute; left: 105px; bottom: 11px; background: url(../images/type-icon-left-sp.png) left top no-repeat; content: " ";}

.home-sec-5 .inner-types-of-campaigns-bg .campaigns-3 p {top: 227px; left: -33px;}

.home-sec-5 .inner-types-of-campaigns-bg .campaigns-4 {top: 82px; left: 366px;}

.home-sec-5 .inner-types-of-campaigns-bg .campaigns-4:before{left: 51px; top:-48px; background: url(../images/type-icon-tp.png) left top no-repeat;}

.home-sec-5 .inner-types-of-campaigns-bg .campaigns-4:after {width:33px; height: 22px; position: absolute; left: 109px; bottom:88px; background: url(../images/type-icon-right-sp.png) left top no-repeat; content: " ";}

.home-sec-5 .inner-types-of-campaigns-bg .campaigns-4 p {top: -187px; left: -20px;}

.home-sec-5 .inner-types-of-campaigns-bg .campaigns-5{top:0%; left:494px;}

.home-sec-5 .inner-types-of-campaigns-bg .campaigns-5:before{left: 51px; top: 112px;}

.home-sec-5 .inner-types-of-campaigns-bg .campaigns-5:after {width: 24px; height: 22px; position: absolute; left: 105px; bottom: 8px; background: url(../images/type-icon-left-sp.png) left top no-repeat; content: " ";}

.home-sec-5 .inner-types-of-campaigns-bg .campaigns-5 p{top: 227px; left: -33px;}

.home-sec-5 .inner-types-of-campaigns-bg .campaigns-6 {top: 82px; left:611px;}

.home-sec-5 .inner-types-of-campaigns-bg .campaigns-6:before{left: 51px; top:-48px; background: url(../images/type-icon-tp.png) left top no-repeat;}

.home-sec-5 .inner-types-of-campaigns-bg .campaigns-6:after {width:33px; height: 22px; position: absolute; left: 109px; bottom:88px; background: url(../images/type-icon-right-sp.png) left top no-repeat; content: " ";}

.home-sec-5 .inner-types-of-campaigns-bg .campaigns-6 p {top: -187px; left: -24px;}

.home-sec-5 .inner-types-of-campaigns-bg .campaigns-7 {top:0px; left:737px;}

.home-sec-5 .inner-types-of-campaigns-bg .campaigns-7:before {width: 11px; height: 47px; position: absolute; left: 51px; bottom: -37px; background: url(../images/type-icon-bt.png) left top no-repeat; content: " ";}

.home-sec-5 .inner-types-of-campaigns-bg .campaigns-7:after {width: 24px; height: 22px; position: absolute; left: 105px; bottom: 11px; background: url(../images/type-icon-left-sp.png) left top no-repeat; content: " ";}

.home-sec-5 .inner-types-of-campaigns-bg .campaigns-7 p {top: 227px; left: -33px;}

.home-sec-5 .inner-types-of-campaigns-bg .campaigns-8 {top: 82px; left: 852px;}

.home-sec-5 .inner-types-of-campaigns-bg .campaigns-8:before{left: 51px; top:-48px; background: url(../images/type-icon-tp.png) left top no-repeat;}

.home-sec-5 .inner-types-of-campaigns-bg .campaigns-8:after {width:33px; height: 22px; position: absolute; left: 109px; bottom:88px; background: url(../images/type-icon-right-sp.png) left top no-repeat; content: " ";}

.home-sec-5 .inner-types-of-campaigns-bg .campaigns-8 p {top: -187px; left: -24px;}

.home-sec-5 .inner-types-of-campaigns-bg .campaigns-9{top:0px; left:978px;}

.home-sec-5 .inner-types-of-campaigns-bg .campaigns-9:before{left: 51px; top: 112px;}

.home-sec-5 .inner-types-of-campaigns-bg .campaigns-9:after {display:none;}

.home-sec-5 .inner-types-of-campaigns-bg .campaigns-9 p{top: 227px; left: -20px;}

.home-sec-6{position: relative; min-height:439px;}

.home-sec-6:before{content: " "; width: 100%; height: 100%; background: url(../images/set-up-home-bg.png) left top no-repeat; position: absolute; top:0px; left:0%;}

.home-sec-6 .row-custom{align-items: center; min-height:470px;}

.home-sec-6 h2{color:#fff; font-size:35px; max-width:488px;}

.home-sec-6 a{padding: 10px 21px; background: rgb(41,42,100); background: linear-gradient(344deg, rgba(41,42,100,1) 0%, rgba(93,177,152,1) 83%); color: #fff; border-radius: 7px; position: relative; font-size: 19px; margin: 22px 0px 0 0px; border: none; font-family: 'Nunito Sans', sans-serif; display:inline-block;}

.home-sec-6 a:after{ content: " "; background: url(../images/login-arrow.png) right no-repeat; width: 18px; height: 8px; display: inline-block; margin: 0 0px 0 8px;}

.home-sec-7{padding:50px 0 0 0px;}

.home-sec-7 .how-it-works-top-home{text-align:center;}

.home-sec-7 .how-it-works-top-home h2{font-size:36px; color:#262261; margin:0 0 6px 0; padding:0px;}

.home-sec-7 .how-it-works-top-home h2 span{color:#000;}

.home-sec-7 .how-it-works-top-home p{color:#323232; margin:0 0 40px 0;}

.home-sec-7 .how-it-work-home-inner{position:relative; min-height:600px;}

.home-sec-7 .how-it-work-home-inner .how-it-work-text-img{max-width:370px; position:absolute;}

.home-sec-7 .how-it-work-home-inner .how-it-work-text-img .how-it-work-text h3{margin:14px 0 0 0; padding:0px; font-size:24px; color:#323232;}

.home-sec-7 .how-it-work-home-inner .how-it-work-text-img .how-it-work-text p{color:#323232; margin:0px;}

.home-sec-7 .how-it-work-home-inner .how-it-work-text-img .img-hiw {float: left;}

.home-sec-7 .how-it-work-home-inner .text-img-1{left:0; top:0px;}

.home-sec-7 .how-it-work-home-inner .text-img-2{left: 386px; top: 111px}

.home-sec-7 .how-it-work-home-inner .text-img-3 {left: 780px; top: 19px;}

.home-sec-7 .how-it-work-home-inner .text-img-4 {left: 800px; top: 258px;}

.home-sec-7 .how-it-work-home-inner .text-img-5 {left: 404px; top: 372px;}

.home-sec-7 .how-it-work-home-inner .text-img-6{left: 24px; top: 454px;}

.home-sec-7 .how-it-work-home-inner .how-it-work-text-img .how-it-work-text {position: relative; left: 30px; float: left; width: 194px;}

.home-sec-7 .how-it-work-home-inner .how-it-work-text-img  .how-it-work-text{position: relative; left: 30px;}

.home-sec-7 .how-it-work-home-inner .text-img-1 .img-hiw:before{width: 327px; height: 80px; content: " "; background: url(../images/how-it-works-ste-1-sep.png) left top no-repeat; position: absolute; left: 60px; top: 131px;}

.home-sec-7 .how-it-work-home-inner .text-img-2 .img-hiw:before {width: 326px; height: 79px; content: " "; background: url(../images/how-it-works-ste-2-sep.png) left top no-repeat; position: absolute; left: 74px; top: -78px;}

.home-sec-7 .how-it-work-home-inner .text-img-3 .img-hiw:before {width: 39px; height: 134px; content: " "; background: url(../images/how-it-works-ste-3-sep.png) left top no-repeat; position: absolute; left: 108px; top: 110px;}

.home-sec-7 .how-it-work-home-inner .text-img-4 .img-hiw:before {width: 329px; height: 68px; content: " "; background: url(../images/how-it-works-ste-4-sep.png) left top no-repeat; position: absolute; left: -328px; top: 47px;}

.home-sec-7 .how-it-work-home-inner .text-img-5 .img-hiw:before{width: 371px; height: 107px; content: " "; background: url(../images/how-it-works-ste-5-sep.png) left top no-repeat; position: absolute; left: -312px; top: 132px;}

.home-sec-8{text-align:center; padding:80px 0 80px 0px;}

.home-sec-8 .container{max-width:850px;}

.home-sec-8 h3{font-size:24px; color:#323232; margin:0px; padding:0px;}

.home-sec-8 h2{font-size:36px; color:#262261; margin:15px 0 21px 0; padding:0px;}

.home-sec-8 h2 span{color:#000;}

.home-sec-8 a{color: #323232; font-size: 19px; font-family: 'Nunito Sans', sans-serif; position: relative; display: inline-block; margin: 0px 0 0 0px; border-bottom: solid 1px #656565; line-height: 21px;}

.home-sec-8 a:hover{border-color:#fff;}

.checkbox-step-3{position: relative; margin: 17px 0 0 0;}

.checkbox-step-3 span:before{width:20px; height:20px;  left: 0; top: 1px; background: url(../images/checkbox-1.png) left top no-repeat;content: "";}

.checkbox-step-3 input{opacity: 1; position: absolute; left: 0px; margin: 0px; width:20px; height:20px;}

.checkbox-step-3 input[type=checkbox]:checked + span:before { background: url(../images/checkbox-11.png) left top no-repeat; content: "";}

.checkbox-step-3 .form-check-label{font-size: 14px; color: #b2bbc6; line-height: 20px; font-family: 'Exo', sans-serif; padding: 0 0 0 20px; cursor:pointer;}

.checkbox-step-3 b{font-weight: normal; padding: 0 0 0 8px; display: inline-block; width: 92%;}

/* Home Page CSS Done */





/* signup page */

.signup-form{   padding: 10px 50px 20px 100px; border-radius:8px; min-height: 94%; margin-left: 0px;}

.signup-form h2{margin:0px; padding:0px; color:#fff; font-size:28px;}

.signup-form form .form-control{font-size:15px; background:inherit; outline:none; border:solid 2px #b2bbc6; height:40px; font-family: 'Exo', sans-serif; width:100%; margin:20px 0 0 0px;

    border-radius: 16px;padding-left: 10px;

    /*box-shadow: 0 2pt 0 0.5pt #b2bbc6;*/

    box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.05);

    width: 75%;

    @media only screen and (max-width: 575px) {

        width: 100%

    }

}

 .form-control option {

  font-size: 14px;

  background-color: #ffffff;

  color:#b2bbc6 ;

}

.select {

   color:#b2bbc6 ; 

}



.signup-form form .form-control::-webkit-input-placeholder {color: #b2bbc6;}

.signup-form form .form-control:-ms-input-placeholder {color: #b2bbc6;}

.signup-form form .form-control::placeholder{color: #b2bbc6;}

.signup-left{padding-top: 295px; padding-bottom: 27px;}

.checkbox {margin:14px 0 0 0; position:relative;}

.checkbox label{font-size: 15px; color: #b2bbc6; line-height: 20px; font-family: 'Exo', sans-serif; padding: 0 0 0 20px; display: inline-block;}

.checkbox input{position: absolute; left: 0; top: 3px; margin: 0; padding: 0;}

.signup-form form .btn{padding:10px 21px;background: rgb(41,42,100); background: linear-gradient(344deg, rgba(41,42,100,1) 0%, rgba(93,177,152,1) 83%); color: #fff; border-radius: 7px; position: relative; font-size:19px; margin:0px 0px 0 0px; border: none; font-family: 'Nunito Sans', sans-serif;

    display: block;

}

.signup-form form .btn:after{content: " "; background: url(../images/login-arrow.png) right no-repeat; width: 18px; height: 8px;

    display: inline-block; margin: 0 0px 0 8px;}

.signup-form form .btn:hover{opacity: 0.8;}

/* signup page done */



/* Partner Page CSS Start */

.top-partner-page-banner-bottom-texts{padding:120px 0 0 0px; text-align: center;}

.top-partner-page-banner-bottom-texts h2{margin: 0 0 10px 0; padding: 0px; font-size: 36px; font-weight: 700; color:#262261;}

.top-partner-page-banner-bottom-texts h2 span{color:#000;}

.top-partner-page-banner-bottom-texts .container{max-width:855px;}

.top-partner-page-banner-bottom-texts p{font-size: 15px; line-height: 20px; color: #323232; margin: 0px; padding: 0px;}

.top-partner-page-banner-bottom-texts h4{margin: 30px 0 0 0; padding: 0px; font-size: 24px; color: #323232;}

.top-partner-page-banner-bottom-texts h5{margin: 35px 0 0 0; padding: 0px; font-size: 24px; color:#262261; font-weight: 700;}

.partner-page-banner-bottom-texts:before{top:81px; left:0px;}

.partner-page-banner-bottom-texts .box-rt {padding-left: 60px;}

.partner-page-banner-bottom-texts .box-rt h3{font-size: 36px; color:#262261; margin: 10px 0 10px 0px;}

.partner-page-banner-bottom-texts .box-rt h3 span{color:#000;}

.partner-page-banner-bottom-texts .for-more-information-btn{font-size: 20px; color:#323232; margin: 20px 0 0 0; position: relative; display: inline-block;}

.partner-page-banner-bottom-texts .for-more-information-btn span{    border-bottom: solid 1px #787878;}

.partner-page-banner-bottom-texts .for-more-information-btn img{    margin: 0 0 0 5px;}

.why-influncers{text-align: center; padding: 20px 0 20px 0px;}

.why-influncers .container{max-width:855px;}

/*.why-influncers h3{font-size: 36px; color: #262261; margin:60px 0 10px 0px;}

.why-influncers h3 span{color:#000;}*/
.why-influncers h2{font-size: 36px; color: #262261; margin:60px 0 10px 0px;}

.why-influncers h2 span{color:#000;}

/* Partner Page CSS Done */







/* Price Page CSS Start */

.pricing-top-bg{padding:92px 0 0 0px;}

.top-pricing{text-align:center; max-width:660px; margin:0 auto;}

.top-pricing h2{margin:0px; padding:0px; font-size:36px; color:#262261;}

.top-pricing h2 span{color:#000;}

.top-pricing p{font-size:15px; margin:10px 0 0 0; padding:0px; line-height:20px; color:#323232;}

.top-pricing ul{margin:26px 0 60px 0; padding:0px;}

.top-pricing ul li{margin:0px; padding:0 30px; display:inline-block; font-size:24px; color:#323232; font-weight:700;}

.inner-pricing-box{box-shadow: 10px 0px 90px #cccccc8a; border-radius: 20px; display:inline-block; width:100%; background:#fff;}

.inner-pricing-box .top-gry{background: rgb(86,157,145);

background: linear-gradient(185deg, rgba(86,157,145,1) 0%, rgba(59,88,118,1) 80%); display:inline-block; width:100%; border-radius:20px 20px 0 0px; text-align:center; color:#fff; padding:35px 20px; position:relative; min-height:361px;}

.inner-pricing-box .top-gry:before{content: ""; width:100%; height:58px; background: url(../images/spoter-price-box.png) left top no-repeat; position:absolute; bottom:0px; background-size:100% 100%; left:0;}

.inner-pricing-box .top-gry h3{margin:0 0 10px 0; padding:0px; font-size:28px; color:#262261; display:inline-block; width:100%;}

.inner-pricing-box .top-gry p{font-size:15px; margin:22px 0 0 0; padding:0px; color:#fff; font-weight:700;}

.inner-pricing-box .listing-dots-tbl{margin:0px; padding:40px 15px 10px 15px; display:inline-block; width:100%; min-height:640px;}

.inner-pricing-box .listing-dots-tbl li{position:relative; font-size:15px; color:#323232; line-height:20px; padding:0 0 0 29px; margin:10px 0 10px 0px; display:inline-block; width:100%; font-weight:500;}

.inner-pricing-box .listing-dots-tbl li:before{width:9px; height:10px; background: url(../images/border-ic.png) left top no-repeat; content: ""; position:absolute; top:4px; left:0;}

.inner-pricing-box .listing-dots-tbl .top-another-ul{font-weight:700;}

.inner-pricing-box .listing-dots-tbl .top-another-ul:before{background: url(../images/arrow-price-ic.png) left top no-repeat; width:16px;}

.inner-pricing-box .start-now-btn{padding:10px 21px; background: rgb(41,42,100); background: linear-gradient(344deg, rgba(41,42,100,1) 0%, rgba(93,177,152,1) 83%); color: #fff; border-radius: 7px; position: relative; font-size: 19px; margin: 10px 0px 0 0px; border: none; font-family: 'Nunito Sans', sans-serif; display:inline-block;}

.inner-pricing-box .start-now-btn:hover{opacity: 0.8;}

.inner-pricing-box .bottom-prices{text-align: center; padding: 15px 15px 10px 15px; min-height: 240px; display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-end;}

.inner-pricing-box .start-now-btn img{margin:0 0 0 5px;}

.inner-pricing-box .bottom-prices h3{font-size:15px; color:#323232; margin:0px; padding:0px; font-family: 'Exo', sans-serif; font-weight:400; min-width:100%;}

.inner-pricing-box .bottom-prices h3 strong{font-size:56px; color:#61bb9c; font-weight:900;}

.inner-pricing-box .bottom-prices h4{margin:8px 0 0 0; padding:0px; color:#323232; font-weight:400; font-size:15px; font-family: 'Exo', sans-serif;}

.inner-pricing-box .bottom-prices p{margin:10px 0 12px 0; padding:0px; font-size:15px; color:#323232;}

.inner-pricing-box .bottom-prices p img {margin: 0 0 0 0px; position: relative; left: 2px; top: 5px;}

/* Price Page CSS Done */











/* Demo Page CSS Start */

.demo-banner-bottom-sec{padding:80px 0px; text-align: center;}

.demo-banner-bottom-sec .container{max-width:660px;}

.demo-banner-bottom-sec p{font-size: 15px; color:#323232; line-height: 20px;}

.demopage-slider-top-bg{padding: 0 0 60px 0px;}

.demopage-slider-top-bg .video-main-title-text{margin: 0px 0 35px 0; padding: 0px; font-size: 36px; color: #262261;}

.demopage-slider-top-bg .video-main-title-text span{color:#000;}

.demopage-slider-top-bg .box-slider{padding: 0 15px;}

.demopage-slider-top-bg .box-slider img{width:100%; height: auto; border-radius:15px; outline:none; border: none;     min-height: 240px;}

.demopage-slider-top-bg .box-slider iframe{width:100%; height: auto; border-radius:15px; outline:none; border: none; min-height: 240px;}

.demopage-slider-top-bg .slick-prev{width:52px; height:36px; background: url(../images/arrow-slider-left.png) left top no-repeat; border:none; outline: none; font-size: 0px; padding: 0px; position: absolute;

    bottom:-50px; left:45%; z-index: 2;     background-size: 50px;}

.demopage-slider-top-bg .slick-prev:hover{opacity: 0.8;}

.demopage-slider-top-bg .slick-next{width:67px; height:36px; background: url(../images/arrow-slider-right.png) right top no-repeat; border:none; outline: none; font-size: 0px; padding: 0px; position: absolute;

    bottom:-50px; right:45%; z-index: 2; background-size: 50px;}

.demopage-slider-top-bg .slick-next:hover{opacity: 0.8;}

.demo-start-demo-sec{padding:80px 0 70px 0px; margin: 0px;}

.demo-start-demo-sec .Request-demo-title{margin:0 0 60px 0; padding: 0px; color:#262261; font-size: 36px; text-align: center;}

.demo-start-demo-sec .Request-demo-title span{color:#000;}

.demo-start-demo-sec .box-rt .form-control{width: 100%; margin: 0 0 36px 0px; padding: 0 20px; color: #323232; font-size: 14px; height: 46px; border-radius: 40px; font-family: 'Exo', sans-serif; border: solid 2px transparent;

    box-shadow: 0px 5px 6px #cccccc4a;}

.demo-start-demo-sec .box-rt .form-control:focus{outline: none; border: solid 2px #3d5d78;}



.demo-start-demo-sec .checkbox-step-3{text-align: left; margin: 0px 0 31px 0;}

.demo-start-demo-sec .checkbox-step-3 .form-check-label{color:#323232; font-size: 15px;}

.demo-start-demo-sec .checkbox-step-3 .form-check-label a{color:#323232; text-decoration: underline;}

.demo-start-demo-sec .checkbox-step-3 .form-check-label a:hover{text-decoration: none;}

.demo-start-demo-sec form .btn{padding: 10px 21px; background: rgb(41,42,100); background: linear-gradient(344deg, rgba(41,42,100,1) 0%, rgba(93,177,152,1) 83%); color: #fff; border-radius: 7px; position: relative; font-size: 19px; margin:0px 0px 0 0px; border: none; font-family: 'Nunito Sans', sans-serif;}

.demo-start-demo-sec form .btn:after {content: " "; background: url(../images/login-arrow.png) right no-repeat; width: 18px; height: 8px; display: inline-block; margin: 0 0px 0 8px;}

.demo-start-demo-sec form .btn:hover{opacity: 0.8;}

.demo-start-demo-sec .checkbox-step-3 input[type=checkbox]:checked + span:before {background: url(../images/demo-check-box.png) left top no-repeat;}

/* Demo Page CSS Done */





/*login hide*/





.menus ul .login {

    display:none;

}





/* captcha */

/* Import Google font - Poppins & Noto */

/*@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital@1&family=Poppins:wght@400;500;600&display=swap');*/



.wrapper{

  max-width: 370px;

  width: 100%;

  background: #fff;

  padding: 22px 30px 40px;

  border-radius: 16px;

  box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.05);

  margin-top:15px;

}



.wrapper header{

  color: #4db2ec;

  font-size: 33px;

  font-weight: 500;

  text-align: center;

}

.wrapper .captcha-area{

  display: flex;

  height: 65px;

  align-items: center;

  justify-content: space-between;

}

.captcha-area .captcha-img{

  height: 100%;

  width: 265px;

  user-select: none;

  background: #000;

  border-radius: 5px;

  position: relative;

}

.captcha-img img{

  width: 100%;

  height: 100%;

  object-fit: cover;

  border-radius: 5px;

  opacity: 0.95;

}

.captcha-img .captcha{

  position: absolute;

  left: 50%;

  top: 50%;

  width: 100%;

  color: #000;

  font-size: 25px;

  text-align: center;

  letter-spacing: 5px;

  transform: translate(-50%, -50%);

  text-shadow: 0px 0px 2px #b1b1b1;

  font-family: 'Noto Serif', serif;

}

.wrapper button{

  outline: none;

  border: none;

  color: #fff;

  cursor: pointer;

  background: #4db2ec;

  border-radius: 5px;

  transition: all 0.3s ease;

}

.wrapper button:hover{

  background: #2fa5e9;

}

.captcha-area .reload-btn{

  width: 75px;

  height: 100%;

  font-size: 25px;

}

.captcha-area .reload-btn i{

  transition: transform 0.3s ease;

}

.captcha-area .reload-btn:hover i{

  transform: rotate(15deg);

}

.wrapper .input-area{

  height: 60px;

  width: 100%;

  position: relative;

  margin-top: 5px;

}

.wrapper .input-area input{

  width: 100%;

  height: 100%;

  outline: none;

  padding-left: 20px;

  font-size: 20px;

  border-radius: 5px;

  border: 1px solid #bfbfbf;

}

.wrapper .input-area input:is(:focus, :valid){

  padding-left: 19px;

  border: 2px solid #4db2ec;

}

.wrapper .input-area input::placeholder{

  color: #bfbfbf;

}

.wrapper .input-area .check-btn{

  position: absolute;

  right: 7px;

  top: 50%;

  font-size: 17px;

  height: 45px;

  padding: 0 20px;

  opacity: 0;

  pointer-events: none;

  transform: translateY(-50%);

}

.wrapper .input-area input:valid + .check-btn{

  opacity: 1;

  pointer-events: auto;

}

.wrapper .status-text{

  display: none;

  font-size: 18px;

  text-align: center;

  margin: 20px 0 -5px;

}



@media (max-width: 506px){



  .wrapper{

    padding: 22px 25px 35px;

  }

  .wrapper header{

    font-size: 25px;

  }

  .wrapper .captcha-area{

    height: 60px;

  }

  .captcha-area .captcha{

    font-size: 28px;

    letter-spacing: 5px;

  }

  .captcha-area .reload-btn{

    width: 60px;

    margin-left: 5px;

    font-size: 20px;

  }

  .wrapper .input-area{

    height: 55px;

  }

  .input-area .check-btn{

    height: 40px;

  }

  .wrapper .status-text{

    font-size: 15px;

  }

  .captcha-area .captcha-img{

    width: 250px;

  }

}





/* Gamification Page CSS Start */

.did_you_know_gamification{margin:100px 0 80px 0px; text-align:center;}

.did_you_know_gamification h3{font-size:36px; color:#262261; margin:0px; padding:0px;}

.did_you_know_gamification h3 span{color:#000;}

.did_you_know_gamification p{font-size:15px; line-height:20px; margin:13px 0 0 0; padding:0px; color:#323232;}



.gamification_bg .gamification_significance_title{font-size:36px; text-align:center; margin:0px 0 70px 0; padding:0px; font-weight:700; color:#262261;}

.gamification_bg .gamification_significance_title span{color:#000000;}

.gamification_bg .grup_grafh{margin:0 auto; max-width:737px; text-align:center; padding:180px 0 0 0px; position:relative;}

.gamification_bg .grup_grafh .gr_1{position: absolute; left: 0; top: -2px;}

.gamification_bg .grup_grafh .gr_1 p{font-size:19px; color:#302d59; font-weight:700; margin:0px; padding:0px;}

.gamification_bg .grup_grafh .gr_2{position: absolute; top: 50px; left: 250px;}

.gamification_bg .grup_grafh .gr_3{position: absolute; left: 550px; top: 36px;}

.gamification_bg .grup_grafh .gr_3 p{font-size: 19px; color: #302d59; font-weight: 700; margin: 6px 0 0 0; padding: 0px; text-align: left;}

.gamification_bg .grup_grafh .gr_4{position: absolute; left: 0; top: 280px;}

.gamification_bg .grup_grafh .gr_5 {position: absolute; left: -18px; top: 301px; margin: 0 auto; right: 0;}

.gamification_bg .grup_grafh .gr_5 p {font-size: 33px; color: #302d59; font-weight: 700; margin: 0px 0 3px 0; padding: 0px;text-transform: uppercase;}

.gamification_bg .grup_grafh .gr_6{position: absolute; left: 543px; top: 286px;}

.gamification_bg .grup_grafh .gr_6 p {font-size: 19px; color: #302d59; font-weight: 700; margin: 6px 0 0 0; padding: 0px; text-align: left;}

.gamification_bg .grup_grafh .gr_7 {position: absolute; left: -7px; bottom: 0;}

.gamification_bg .grup_grafh .gr_7 p {font-size: 19px; color: #302d59; font-weight: 700; margin: 0px 0 10px 0; padding: 0px;text-align: left;}

.gamification_bg .grup_grafh .gr_8{position: absolute; left: 293px; bottom: 30px;}

.gamification_bg .grup_grafh .gr_9{position: absolute; right: 60px; bottom: -40px;}

.gamification_bg .grup_grafh .gr_9 p{font-size: 19px; color: #302d59; font-weight: 700; margin: 8px 0 0px 0; padding: 0px;text-align: left;}

.grup_grafh_2{text-align:center; display:none; width:100%;}





.easy_and_affordable_title{display: inline-block; width: 100%; font-size: 24px; font-weight: 600; margin: 13px 0 0 0;}

.want_to_learn_more_link{font-size: 20px; color: #323232; border-bottom: solid 1px; display: inline-block; margin: 12px 0 0 0;}

.want_to_learn_more_link:hover{border-color:#fff;}

.gamification_bg{margin:63px 0 0 0px;}

.gamification_is_a_dynamic_tool_bg{text-align:center;}

.gamification_is_a_dynamic_tool_bg h3{margin:0px; padding:0px; font-weight:700; color:#262261; line-height:35px; font-size:36px;}

.gamification_is_a_dynamic_tool_bg h3 span{color:#000;}

.gamification_is_a_dynamic_tool_bg h4{margin:12px 0 10px 0; padding:0px; color:#323232; font-size:24px; font-weight:700;}

.gamification_is_a_dynamic_tool_bg .talk_to_us_btn{font-size: 20px; color: #323232; margin: 20px 0 0 0; position: relative; display: inline-block;}

.gamification_is_a_dynamic_tool_bg .talk_to_us_btn span {border-bottom: solid 1px #787878;}

.gamification_is_a_dynamic_tool_bg p{margin:20px 0 0 0; padding:0px; font-size:15px; color:#323232;}



@media only screen and (max-width:768px) {

.gamification_bg .grup_grafh{display:none;}

.gamification_bg .grup_grafh_2{display:inline-block;}

.gamification_bg .gamification_significance_title {font-size: 26px; margin: 0px 0 30px 0;}

.easy_and_affordable_title{font-size:20px;}

.want_to_learn_more_link{font-size:15px;}

.gamification_bg {margin: 20px 0 0 0px;}

.did_you_know_gamification {margin: 40px 0 40px 0px;}

.did_you_know_gamification h3 {font-size: 26px;}

.gamification_is_a_dynamic_tool_bg h3{font-size:26px; line-height:29px;}

.gamification_is_a_dynamic_tool_bg h3 br{display:none;}

.gamification_is_a_dynamic_tool_bg h4{font-size:19px;}

.gamification_is_a_dynamic_tool_bg .talk_to_us_btn{margin:5px 0 0 0px;}

.nearly-billion-bg .box-rt h4{font-size:22px;}

.nearly-billion-bg .box-rt h4 br{display:none;}

}

/* Gamification Page CSS Done */