@charset "utf-8";
/* CSS Document */
html, body {
	margin: 0;
	padding: 0;
	font-family: "Outfit", sans-serif;
	overflow-x: hidden;
}
body::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
 border-radius: 10px;
 background-color: #F5F5F5;
}
body::-webkit-scrollbar {
 width: 3px;
 background-color: #F5F5F5;
}
 body::-webkit-scrollbar-thumb {
 background-color: #666;
}
h1, h2, h3, h4, h5, h6, p, ul, ol {
	margin: 0;
	padding: 0
}
a, button {
	text-decoration: none;
	transition: ease-in 0.3s;
	-moz-transition: ease-in 0.3s;
	-webkit-transition: ease-in 0.3s;
	-ms-transition: ease-in 0.3s;
	-o-transition: ease-in 0.3s;
}
img {
	max-width: 100%
}
.container {
	max-width: 1450px;
}
/* CSS Document */

/* CSS header & hero */

.header-hero-main-wrap {
	background: url(../images/hero-bg.jpg) no-repeat bottom;
	background-size: cover;
	border-radius: 20px;
	margin-top: 15px;
	overflow: hidden
}
.header-wraper {
	padding: 25px;
}
.header-wraper .row {
	align-items: center;
}
.site-logo img {
	width: 160px;
}
.header-navigation ul {
	list-style: none;
	display: flex;
	gap: 30px;
	justify-content: end;
}
.header-navigation ul li a {
	color: #000;
	font-weight: 400;
	font-size: 16px
}
.header-navigation ul li a:hover {
	opacity: 0.5;
}
.button-header {
	text-align: right;
	margin-right: 10px;
}
.button-header a {
	background: #E8C43B;
	padding: 12px 30px;
	color: #000;
	font-size: 16px;
	border-radius: 30px;
	font-weight: 500;
}
.button-header a:hover {
	background: #f1dc8d
}
.middle-hero-text {
	text-align: center;
}
.middle-hero-text .small-heading-hero {
	background: #FBEFC2;
	padding: 8px 20px 8px 5px;
	border-radius: 6px;
	margin: 0 auto;
	font-size: 14px;
	display: inline-block;
}
.middle-hero-text .small-heading-hero span {
	background: #E8C43B;
	padding: 4px 15px;
	border-radius: 6px;
	margin-right: 10px;
	font-weight: 500;
	color: #000;
}
.middle-hero-text h1 {
	text-align: center;
	letter-spacing: -2px;
	color: #000;
	font-weight: 400;
	line-height: 60px;
	font-size: 60px;
	margin: 20px 0;
}
.middle-hero-text p {
	font-size: 25px;
	font-weight: 300;
	color: #000;
	line-height: 32px;
	letter-spacing: -0.5px;
	padding-bottom: 20px;
}
.mobile-image {
	width: 35%;
	margin: 0 auto;
	position: relative;
	left: -70px
}
.hero-left-image {
	position: absolute;
	left: 0;
}
.hero-right-image {
	position: absolute;
	right: 0;
	top: 14%;
}
.hero-1 {
	width: 48%;
	position: relative;
	left: 25%;
	top: 57px;
}
.hero-2 {
	width: 52%;
	position: relative;
	left: 5%;
	top: 68px;
}
.hero-3 {
	width: 48%;
	position: relative;
	right: -23%;
	top: 389px;
}
.hero-4 {
	width: 57%;
	position: relative;
	left: 24%;
	top: 418px;
}
.inner-hero-text {
	padding-bottom: 80px;
}
.hero-inner-txt {
	padding-left: 50px;
}
.hero-inner-txt h1 {
	letter-spacing: -2px;
	color: #000;
	font-weight: 400;
	line-height: 60px;
	font-size: 60px;
	margin-bottom: 25px
}
.hero-inner-txt p {
	font-size: 22px;
	font-weight: 300;
	color: #000;
	line-height: 32px;
	letter-spacing: -0.5px;
	padding-bottom: 20px;
}
.hero-inner-btn {
	margin-top: 15px;
}
.hero-inner-btn a {
	background: #E8C43B;
	padding: 14px 40px;
	color: #000;
	font-size: 16px;
	border-radius: 30px;
	font-weight: 500;
	margin-right: 15px;
}
.hero-inner-btn a:nth-child(2) {
	background: #fff;
}
.inner-hero-text .row {
	align-items: center;
}
.hero-inner-contact{
	text-align: center;
    width: 60%;
    margin: 0 auto;
}
.hero-inner-contact h1{
	text-align: center;
    font-size: 45px;
    color: #000;
    font-weight: 400;
    letter-spacing: -1px;
    margin-bottom: 10px;
}
.hero-inner-contact p{
	text-align: center;
    color: #000;
    font-size: 20px;
    font-weight: 300;
    line-height: 30px;
    letter-spacing: -0.5px;
}
.contact-info-form-wrap{
	padding:60px 0;
}
.contact-form-wraper h3 {
	font-size: 32px;
    font-weight: 500;
    color: #0a0412;
    text-align: left;
    margin-bottom: 40px;
}
.form-group {
	border: 1px solid #ccc;
    position: relative;
    border-radius: 10px;
    margin-bottom: 35px;
}
.form-group:hover {
	border: 1px solid #ffd800;
}
.form-group label {
	left: 13px;
	position: absolute;
	top: -10px;
	background: #fff;
	padding: 0 15px;
	margin: 0;
	font-weight: 500;
}
.form-group .form-control {
	height: 55px;
	box-shadow: none;
	border: none;
	outline: none;
	border-radius: 10px;
	padding-left: 26px;
	font-size: 13px;
}
.textarea-form-control {
	height: auto !important;
	padding-top: 20px
}
.contact-button {
	text-align: right
}
.contact-button button {
	height:45px;
	border: none;
	outline: none;
	background: #ffc805;
	border-radius: 50px;
	font-weight:600;
	font-size: 14px;
	color: #000;
	font-family: 'Manrope', sans-serif;
	border: 2px solid #ffc805;
	padding: 0 45px;
}
.contact-button button:hover {
	background: #e5b509;
}
.contact-info-form-wrap h3{
	text-align:center;
	font-size:40px;
	color:#000;
	letter-spacing:-1px;
	margin-bottom:60px;
}
.contact-info-form-wrap ul{
	list-style:none;
}
.contact-info-form-wrap ul li {
	padding: 22px 0 22px 39px;
    border-bottom: 1px solid #E2E2E0;
    padding-right: 20px;
    position: relative;
}
.contact-info-form-wrap ul li a {
    font-size: 18px;
    color: #646464;
}
.contact-info-form-wrap ul li span img {
	position: absolute;
    left: 8px;
    top: 25px;
}

/* CSS header & hero */

/* CSS content */

.partner-logo-wrap {
	padding: 60px 0
}
.partner-logo-wrap h2 {
	font-size: 25px;
	color: #000;
	text-align: center;
	font-weight: 400;
	letter-spacing: -0.5px
}
.partner-logo-wrap ul {
	list-style: none;
	display: flex;
	width: 90%;
	margin: 0 auto;
	margin-top: 30px;
	align-items: center;
}
.partner-logo-wrap ul li {
	padding: 10px 45px;
	border-right: 1px solid #ddd
}
.partner-logo-wrap ul li:nth-last-child(1) {
	border-right: none;
}
.redeem-earn-wraper {
	padding: 60px 60px 20px 60px;
	background: #F6F6F6;
	border-radius: 30px;
	overflow: hidden;
}
.heading-redeem-wrap .row {
	align-items: center;
}
.heading-redeem-wrap h2 {
	font-size: 45px;
	color: #000;
	font-weight: 400;
	letter-spacing: -1px;
	line-height: 45px;
}
.heading-redeem-wrap p {
	font-size: 22px;
	font-weight: 300;
	color: #000;
	letter-spacing: -1px
}
.listing-redeem-wrap ul {
	list-style: none;
	margin-top: 50px
}
.listing-redeem-wrap ul li .list-main-redeem-wrap {
	background: #fff;
	padding: 25px;
	border-radius: 15px;
	margin-bottom: 30px
}
.top-list-redeem-wraper {
	display: flex;
	gap: 15px;
	align-items: center;
	margin-bottom: 15px
}
.redeem-list-heading h3 {
	font-size: 25px;
	font-weight: 500;
	color: #000;
}
.redeem-list-heading {
	line-height: 22px;
}
.top-list-redeem-wraper .redeem-list-heading p {
	font-size: 18px;
	color: #000;
	font-weight: 300;
}
.image-redeem {
	border-radius: 20px;
	overflow: hidden;
}
.image-redeem img {
	width: 100%;
}
.loylity-built-main-wraper {
	padding: 60px 0 80px 0;
}
.loylity-built-main-wraper h2 {
	text-align: center;
	font-size: 45px;
	color: #000;
	font-weight: 400;
	letter-spacing: -1px
}
.loylity-built-main-wraper p {
	padding: 18px 0;
	text-align: center;
	color: #000;
	font-size: 20px;
	font-weight: 300;
	line-height: 30px;
	letter-spacing: -0.5px
}
.accordion-item {
	border: 1px solid #ddd !important;
	margin-bottom: 18.5px;
	border-radius: 12px !important;
	overflow: hidden;
}
.accordion-button {
	position: relative;
	padding: 20px;
	padding-right: 60px;
	font-weight: 600;
	box-shadow: none !important;
}
.accordion-button::after {
	display: none;
}
.faq-icon {
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 24px;
	font-weight: 400;
	line-height: 1;
}
.accordion-body {
	padding: 0 20px 20px;
	color: #000;
	font-size: 18px;
	font-weight: 300;
	padding-right: 35px
}
.accordion-item.active {
	border-color: #FCE891 !important;
	background: #FFFBEA
}
.loyality-faq-wraper {
	margin-top: 60px;
}
.accordion-button:not(.collapsed) {
	color: #000;
}
.accordion-item.active button {
	padding-bottom: 8px;
	background: none;
}
.accordion-item button {
	font-weight: 400;
	font-size: 18px;
}
.loyality-faq-wraper .row {
	justify-content: center;
}
.powerful-main-wraper {
	border-top: 1px solid #ddd;
	padding: 60px 0;
}
.powerful-main-wraper h2 {
	text-align: center;
	font-size: 45px;
	color: #000;
	font-weight: 400;
	letter-spacing: -1px;
}
.powerful-main-wraper p {
	padding: 18px 160px;
	text-align: center;
	color: #000;
	font-size: 20px;
	font-weight: 300;
	line-height: 30px;
	letter-spacing: -0.5px;
	margin-bottom: 60px;
}
.intro-section {
	text-align: center;
	min-height: 70vh;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.content-section {
 --scroll-length: 1.8;
 height: calc( var(--scroll-length) * 32vh );
	width: 100%;
}
.content-section .content .subheading, .content-section .content .paragraph {
	opacity: 1;
	opacity: calc( 1 + var(--viewport-y) );
}
.figure {
	width: 100%;
	height: 70vh;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
}
.figure > img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: 100%;
	-o-object-fit: contain;
	object-fit: contain;
	-o-object-position: center center;
	object-position: center center;
}
/* ---------------------------------- */
.figure {
 --scale: calc(.8 + (.2 * var(--scroll-length) * var(--visible-y)) );
	position: sticky;
	top: 0;
	left: 0;
	margin: 0;
	display: block;
	overflow: hidden;
	will-change: transform;
	transform: scale(var(--scale));
	opacity: 8
}
.figure:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: calc( var(--visible-y) );
}
.figure > img {
	display: block;
	will-change: transform;
	transform: scale(calc(1 / var(--scale)));
}
/* ---------------------------------- */
.char {
	display: inline-block;
 opacity: calc( 1 + ( ( var(--viewport-y) * 1.5 ) - var(--char-percent) ) );
}
.service-powerfull-wraper {
	background: #000;
	height: 350px;
	border-radius: 30px;
	padding: 45px;
	width: 85%;
	margin: 0 auto;
}
.color1 {
	background: #BAE1E8;
}
.color2 {
	background: #FCE891;
}
.color3 {
	background: #BBCCEB;
}
.color4 {
	background: #EBBBBC
}
.service-powerfull-wraper h3 {
	font-size: 38px;
	line-height: 40px;
	font-weight: 400;
	color: #000;
	margin-bottom: 20px;
	letter-spacing: -1px
}
.service-powerfull-wraper span {
	font-size: 22px;
	color: #000;
	display: block;
	font-weight: 200;
	line-height: 30px
}
.service-image {
	text-align: center;
	margin-top: -10px;
}
.service-image img {
	width: 250px;
}
.number-service {
	text-align: center;
}
.number-service {
	line-height: 22px;
	padding-top: 120%
}
.number-service strong {
	font-size: 42px;
	font-weight: 500;
	color: #000;
}
.number-service .active-number {
	font-size: 20px;
	color: #000;
}
.customer-review-wraper {
	position: relative;
	z-index: 111;
	padding-bottom: 60px;
	margin-top: -50px;
	overflow: hidden;
}
.customer-review-wraper h2 {
	text-align: center;
	font-size: 45px;
	color: #000;
	font-weight: 400;
	letter-spacing: -1px;
	margin-bottom: 50px
}
.customer-review-wraper ul {
	list-style: none;
}
.listing-customer-review {
	border: 1px solid #e7e7e7;
	padding: 20px;
	border-radius: 15px;
	margin-bottom: 25px
}
.review-rating span {
	top: -2px;
	position: relative;
}
.listing-customer-review p {
	padding-top: 10px;
	font-size: 18px;
	color: #000;
	font-weight: 300;
	letter-spacing: -0.5px;
	padding-right: 10px;
	line-height: 25px;
}
.cleint-info {
	display: flex;
	gap: 9px;
	margin-top: 20px;
}
.client-text h5 {
	font-size: 20px;
	letter-spacing: -0.5px;
}
.client-text span {
	font-size: 16px;
	font-weight: 300;
	color: #000;
}
.client-image img {
	border-radius: 50%;
}
.listing-customer-review:hover {
	border: 1px solid #ccc;
}
.up-down {
	animation: upDown 4s ease-in-out infinite;
}
 @keyframes upDown {
 0%, 100% {
 transform: translateY(0);
}
 50% {
 transform: translateY(-15px);
}
}
.left-right {
	animation: leftRight 4s ease-in-out infinite;
}
 @keyframes leftRight {
 0%, 100% {
 transform: translateX(0);
}
 50% {
 transform: translateX(30px);
}
}
.everything-built-wraper {
	padding: 60px 0;
}
.everything-built-wraper h2 {
	text-align: center;
	font-size: 45px;
	color: #000;
	font-weight: 400;
	letter-spacing: -1px;
	margin-bottom: 10px;
}
.everything-built-wraper p {
	text-align: center;
	color: #000;
	font-size: 20px;
	font-weight: 300;
	line-height: 30px;
	letter-spacing: -0.5px;
}
.everything-built-wraper ul {
	list-style: none;
	width: 90%;
	margin: 0 auto;
	margin-top: 60px;
	position: relative;
}
.everything-built-wraper ul li:nth-child(2) h4:before {
	background: #f4cd40;
}
.everything-built-wraper ul li:nth-child(3) h4:before {
	background: #D56491;
}
.everything-built-wraper ul:before {
	content: "";
	position: absolute;
	height: 1px;
	background: #000;
	width: 63%;
	opacity: 0.1;
	right: 0;
	left: 0;
	margin: 0 auto;
	top: 52px;
	z-index: -1;
}
.everything-list-wrap {
	text-align: center;
}
.everything-list-icon img {
	width: 120px;
}
.everything-list-wrap h4 {
	font-size: 22px;
	color: #000;
	letter-spacing: -0.5px;
	margin-bottom: 30px;
	position: relative;
}
.everything-list-wrap h4:before {
	content: "";
	position: absolute;
	bottom: -18px;
	left: 0;
	right: 0;
	margin: 0 auto;
	background: #9075ff;
	height: 2px;
	border-radius: 30px;
	width: 30px;
}
.everything-list-wrap span {
	display: block;
	font-size: 16px;
	padding: 0 55px;
	font-weight: 300;
	color: #000;
}
.btn-built-wraper {
	margin-top: 50px;
	text-align: center;
}
.btn-built-wraper a {
	background: #E8C43B;
	padding: 12px 30px;
	color: #000;
	font-size: 16px;
	border-radius: 30px;
	font-weight: 500;
}
.btn-built-wraper a:hover {
	background: #f1dc8d;
}
.create-reward-wraper {
	position: relative;
	z-index: 111;
	padding-bottom: 80px;
	border-bottom: 1px solid #ddd;
}
.create-reward-wraper h2 {
	font-size: 45px;
	color: #000;
	font-weight: 400;
	letter-spacing: -1px;
	margin-bottom: 10px;
	line-height: 45px
}
.create-reward-wraper p {
	font-size: 22px;
	color: #000;
	font-weight: 300;
	padding-bottom: 15px;
}
.create-reward-wraper .btn-create-reward {
	margin-top: 20px
}
.create-reward-wraper .btn-create-reward a {
	background: #E8C43B;
	padding: 14px 30px;
	color: #000;
	font-size: 16px;
	border-radius: 30px;
	font-weight: 500;
}
.btn-create-reward a:hover {
	background: #f1dc8d;
}
.listing-reward-wraper ul {
	list-style: none;
	width: 90%;
	margin: 0 auto;
}
.listing-reward-wraper ul li .list-reward-wrp {
	border: 1px solid #D6D6D6;
	padding: 25px;
	text-align: center;
	border-radius: 15px;
	margin-bottom: 20px
}
.list-reward-wrp .list-reward-icon {
	margin-bottom: 20px;
}
.list-reward-wrp h4 {
	font-size: 18px;
	font-weight: 400;
	color: #000;
}
.create-reward-wraper .row {
	align-items: center;
}
/* CSS content */

/* CSS footer */

.cta-footer-wraper {
	background: url(../images/bg-cta.jpg) no-repeat top;
	background-size: cover;
	padding: 60px 60px 0 60px;
	border-radius: 25px;
	overflow: hidden;
}
.cta-footer-wraper h2 {
	font-size: 45px;
	color: #000;
	font-weight: 400;
	letter-spacing: -1px;
	margin-bottom: 50px;
	line-height: 47px;
}
.cta-footer-wraper .btn-footer-cta a {
	background: #E8C43B;
	padding: 13px 50px;
	color: #000;
	font-size: 16px;
	border-radius: 30px;
	font-weight: 500;
}
.cta-footer-wraper .btn-footer-cta a:hover {
	background: #f1dc8d;
}
.cta-footer-wraper .row {
	align-items: center;
}
.footer-whyus-wraper {
	padding: 50px 0 20px 0;
	border-right: 1px solid #ddd;
}
.footer-whyus-wraper h4 {
	font-size: 22px;
	position: relative;
	color: #000;
	font-weight: 400;
	margin-bottom: 35px;
	letter-spacing: -0.8px
}
.footer-whyus-wraper h4:before {
	content: "";
	position: absolute;
	width: 30px;
	height: 2.5px;
	border-radius: 20px;
	background: #E8C43B;
	bottom: -15px;
}
.footer-whyus-wraper p {
	font-size: 18px;
	color: #000;
	line-height: 26px;
	font-weight: 300;
	margin-bottom: 15px;
	padding-right: 66px;
}
.footer-links-wrp {
	padding: 50px 0 20px 0;
}
.footer-links-wrp h4 {
	font-size: 22px;
	position: relative;
	color: #000;
	font-weight: 400;
	margin-bottom: 35px;
	letter-spacing: -0.8px
}
.footer-links-wrp h4:before {
	content: "";
	position: absolute;
	width: 30px;
	height: 2.5px;
	border-radius: 20px;
	background: #E8C43B;
	bottom: -15px;
}
.footer-links-wrp ul {
	list-style: none;
}
.footer-links-wrp ul li {
	padding-bottom: 12px;
}
.footer-links-wrp ul li a {
	color: #000;
	font-weight: 300;
	font-size: 18px;
	border-bottom: 1px solid #D8D8D8;
	letter-spacing: -0.5px
}
.footer-links-wrp ul li a:hover {
	opacity: 0.5;
}
.footer-links-wrap {
	padding: 0 30px 10px 0;
	border-right: 1px solid #D8D8D8;
}
.footer-stap-loop {
	padding: 50px 0 20px 0;
	padding-left: 40px;
}
.footer-stap-loop h4 {
	font-size: 22px;
	position: relative;
	color: #000;
	font-weight: 400;
	margin-bottom: 35px;
	letter-spacing: -0.8px
}
.footer-stap-loop h4:before {
	content: "";
	position: absolute;
	width: 30px;
	height: 2.5px;
	border-radius: 20px;
	background: #E8C43B;
	bottom: -15px;
}
.footer-stap-loop .form-group .form-control {
	height: 45px;
	border-radius: 30px;
	text-align: center;
	margin-bottom: 15px;
	box-shadow: none;
}
.footer-stap-loop .form-group button {
	border-radius: 30px;
	background: #E8C43B;
	width: 100%;
	height: 45px;
	border: none;
	color: #000;
}
.footer-stap-loop .form-group button:hover {
	background: #f1dc8d;
}
.copyright-wraper {
	padding: 25px 0;
	border-top: 1px solid #D8D8D8;
	font-size: 14px;
	font-weight: 300;
}
.copyright-wraper .btn-terms {
	text-align: right;
}
.copyright-wraper .btn-terms a {
	margin-left: 15px;
	color: #000;
	font-weight: 300;
}
.copyright-wraper .btn-terms a:hover {
	opacity: 0.5;
}
.mobile-menu-btn a {
	background: #e8c43b;
	padding: 9px 18px;
	color: #000;
	font-weight: 600;
	border-radius: 10px;
	font-size: 16px;
}
/* Overlay */
.overlay {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.5);
	opacity: 0;
	visibility: hidden;
	transition: 0.3s;
}
/* Sidebar */
.sidebar {
	position: fixed;
	top: 0;
	right: -340px;
	width: 340px;
	height: 100%;
	background: #fff;
	transition: right 0.3s ease;
	padding: 20px;
	z-index: 22222222222;
}
.mobile-menu {
	position: relative;
	z-index: 1111111111;
}
.close-btn {
	width: 35px;
	height: 35px;
	border: 1px solid #ccc !important;
	border-radius: 50%;
	float: none !important;
	padding: 0;
	margin: 0;
	position: absolute;
	right: 15px;
	font-size: 23px !important;
}
.sidebar ul {
	list-style: none;
	margin-top: 55px;
	margin-left: 15px;
}
.sidebar li {
	margin: 20px 0;
	border-bottom: 1px solid #ddd;
	padding-bottom: 20px !important;
}
.sidebar a {
	text-decoration: none;
	color: #000;
	font-size: 20px;
	font-weight: 400;
}
.close-btn {
	float: right;
	border: none;
	background: none;
	font-size: 28px;
	cursor: pointer;
}
/* Active State */
.sidebar.active {
	right: 0;
}
.overlay.active {
	opacity: 1;
	visibility: visible;
	z-index: 1000;
}
.sidebar .signin-btn {
	display: block;
	text-align: center;
}
.sidebar li:nth-last-child(1) {
	border: none;
	margin-top: 30px;
}
.mobile-menu-btn {
	position: absolute;
	right: 35px;
	top: 35px;
}
#openSidebar img {
	width: 15px;
}
.mobile-menu-btn{
	display:none;
}
/* CSS footer */

/* CSS media */


@media (max-width:2600px) and (min-width:1169px) {
.header-navigation ul {
	right: -27%;
	top: -1px;
	position: relative;
}
}
 @media (max-width:2077px) and (min-width:1169px) {
.header-navigation ul {
	right: -22%;
	top: -1px;
	position: relative;
}
}
@media (max-width:1615px) and (min-width:1169px) {
.header-navigation ul {
	right:-18%;
	top: -1px;
	position: relative;
}
}
 @media (max-width:1253px) and (min-width:1169px) {
.header-navigation ul {
	right: -12%;
}
}
@media screen and (max-width:1169px) {
.button-header {
	display: none;
}
.header-navigation {
	display: none;
}
.hero-left-image {
	display: none;
}
.hero-right-image {
	display: none;
}
.mobile-image {
	width: 62%;
}
.mobile-menu-btn{
	display:block;
}
}
@media screen and (max-width:768px) {
.site-logo img {
	width: 180px;
}
.middle-hero-text h1 {
	font-size: 41px;
	line-height: 45px;
	padding: 0 55px;
	letter-spacing: -0.5px;
}
.middle-hero-text p {
	font-size: 22px;
	padding: 0 25px;
	padding-bottom: 30px
}
br {
	display: none;
}
.mobile-image {
	width: 100%;
}
.middle-hero-text .small-heading-hero {
	font-size: 16px;
}
.partner-logo-wrap ul li {
	padding: 0 5px;
	border-right: none;
}
.partner-logo-wrap ul {
	display: block;
}
.partner-logo-wrap ul li {
	width: 48%;
	display: inline-block;
	margin-bottom: 10px;
	border: 1px solid #ddd;
	padding: 12px 0;
	text-align: center;
	border-radius: 10px
}
.partner-logo-wrap ul li img {
	width: 80px;
}
.partner-logo-wrap {
	padding: 50px 0;
}
.middle-hero-text {
	margin-top: 15px;
}
.redeem-earn-wraper {
	padding: 30px 30px 0 30px;
}
.heading-redeem-wrap h2 {
	margin-bottom: 10px;
}
.listing-redeem-wrap ul {
	margin-top: 30px;
}
.powerful-main-wraper p {
	padding: 18px 0;
}
.service-powerfull-wraper {
	height: auto;
}
.customer-review-wraper {
	margin-top: 0px;
}
.number-service {
	padding-top: 0%;
	padding-bottom: 40px
}
.figure {
	height: auto;
	position: relative;
	z-index: 1111
}
.service-powerfull-wraper {
	width: 90%;
	margin-bottom: 30px;
}
.content-section {
 --scroll-length: none;
}
.service-image {
	margin: 10px 0;
}
.admin-cta-image {
	margin-top: 40px;
}
.cta-footer-wraper h2 {
	text-align: center;
	font-size: 33px;
	line-height: 39px;
}
.btn-footer-cta {
	text-align: center;
}
.footer-whyus-wraper {
	padding-top: 20px;
}
.footer-links-wrp {
	padding-top: 0;
}
.footer-stap-loop {
	padding: 0;
}
.copyright-wraper {
	text-align: center;
}
.copyright-wraper .btn-terms {
	text-align: center;
}
}
@media screen and (max-width:550px) {
.site-logo img {
	width: 140px;
}
.middle-hero-text h1 {
	padding: 0 10px;
}
.loyality-faq-wraper {
    margin-top: 30px;
}
.hero-inner-txt h1{
	font-size:40px;
	line-height:40px;
}
.hero-inner-txt{
	padding:0 20px;
}
.hero-inner-btn a{
	display:block;
	margin-right:0;
	text-align:center;
	margin-bottom:10px;
}
.everything-list-wrap span {
    padding: 0;
}
.everything-built-wraper ul{
	margin-top:10px;
}
.everything-built-wraper ul:before{
	display:none;
}
.everything-list-wrap{
	margin-bottom:30px
}
.create-reward-wraper h2{
	text-align:center;
}
.create-reward-wraper p{
	text-align:center;
}
.create-reward-wraper .btn-create-reward{
	text-align:center;
	margin-bottom:60px;
}
.listing-reward-wraper ul{
	width:100%;
}
}

/* CSS media */