@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@300;400;500;700;800&display=swap');

html, body {
	position: relative;
	height: 100%;
}

body{ font-family: 'Assistant', sans-serif; background:#fff;  font-weight:400; }


.form-control::-moz-placeholder {color: #818181 !important; opacity: 1;}
.form-control:-ms-input-placeholder {color: #818181 !important;}
.form-control::-webkit-input-placeholder {color: #818181 !important;}

#loader-wrapper img {height: 100px; left: 50%; margin: -50px 0 0 -50px; position: absolute; top: 50%; width: 100px; }
#loader-wrapper {background: rgba(0,0,0, 0.5); height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 999999999999 !important;}
#loader { display: block; }
#toTop { border-radius:0; bottom:50px; cursor: pointer; display: none; position: fixed; right: 40px; z-index: 999999;}
/*.container{max-width: 1500px; min-width: 1300px; margin: auto; }*/

.padding_0{padding:0px;}
.margin_0{margin:0px;}
.margin_10{margin:0 -10px !important}
.padding_10{padding:0 10px !important}
.md_bottom_30{margin-bottom:30px}

.gray-btn{background:#5d6470; border:none; font-size:24px; font-weight:700; padding:10px 30px; color:#fff; text-transform:uppercase}
.gray-btn:hover{background:#4b535f; color:#fff}
.yellow-btn{background:#ff9e01; border:none; font-size:24px; font-weight:700; padding:10px 30px; color:#fff; text-transform:uppercase}
.yellow-btn:hover{background:#df8900; color:#fff}

ul.download-icon{margin:50px 0px 0px 0px; padding:0px; list-style:none; display:inline-block}
ul.download-icon li{float:left; margin-right:30px}
ul.download-icon li a{position:relative; padding:8px 25px 15px 70px; border:#fff 2px solid; border-radius:5px; display:block; font-size:24px; font-weight:700; color:#fff; line-height:20px; text-transform:uppercase; text-decoration:none; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
ul.download-icon li a span{font-size:16px; font-weight:400; text-transform:capitalize}
ul.download-icon li a i{position:absolute; left:20px; font-size:46px; }
ul.download-icon li a:hover{background:#fff; color:#000; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}

header .nav_sec{width:100%; float:left; padding:20px 0; margin:0; position:absolute; z-index:2; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition:all .3s ease-in-out;}
header .nav_sec .coin-img{width: 65px;position: absolute;left: 0px;background: #fff;padding: 9px;border-radius: 0 0 30px 0;top: 0px;}
header .nav_sec .coin-img img{width: 100%;}
header .nav_sec .logo{ width:46px; float:left; margin:0px}
header .nav_sec .logo img{width:100%}
header .nav_sec .merchant_logo{ width:46px; float:left; margin:0px}
header .nav_sec .merchant_logo img{width:100%}
header .nav_sec ul.social{padding:0; margin:0px; list-style:none; float:right}
header .nav_sec ul.social li{ padding:0; margin:0px; display:inline-block; text-decoration:none;}
header .nav_sec ul.social li a i{ width:46px; height:46px; padding:0; margin:0; font-size:20px; color:#fff; text-align:center; line-height:46px; display:block;  text-decoration:none;}
header .nav_sec ul.social li a:hover i{color:#ff9e01; text-decoration:none}
header .nav_sec ul.social li a .tiktok{width:46px; height:46px; background:url(../images/tiktok-white-icon.png) left center no-repeat}
header .nav_sec ul.social li a:hover .tiktok{width:46px; height:46px; background:url(../images/tiktok-white-icon.png) right center no-repeat}
header .nav_sec ul.social li:last-child {float: right;}

header .nav_sec ul.menu-link{margin:0px; padding:0px; list-style:none; float:right;}
header .nav_sec ul.menu-link li{float:left}
header .nav_sec ul.menu-link li a.active{color: #37c3f9; font-weight: 700;}
header .nav_sec ul.menu-link li a{color:#fff; line-height:46px; padding:0 15px; font-size:22px; font-weight:300; text-decoration:none;  }
header .nav_sec .menu_btn{width:46px; height:46px; background:url(../images/menu-icon.png) left center no-repeat; border:none; background-color:transparent; float:right; cursor:pointer}
header .nav_sec .menu_btn:focus{outline:none}
header .nav_sec.merchant_header ul.social li a i{color:#5d6570}
header .nav_sec.merchant_header ul.social li a:hover i{color:#ff9e01; text-decoration:none}
header .nav_sec.merchant_header ul.social li a .tiktok{width:46px; height:46px; background:url(../images/tiktok-icon.png) left center no-repeat}
header .nav_sec.merchant_header ul.social li a:hover .tiktok{width:46px; height:46px; background:url(../images/tiktok-icon.png) right center no-repeat}
header .nav_sec.merchant_header ul.social li:last-child {float: right;}
header .nav_sec.merchant_header ul.menu-link li a{color:#5d6570; }
header .nav_sec.merchant_header ul.menu-link li a.active{color: #37c3f9; font-weight: 700;}
header .nav_sec.merchant_header .menu_btn{background:url(../images/menu-icon.png) right center no-repeat;}

.sticky-wrapper {position: absolute; width: 100%; z-index: 4;}
.sticky-wrapper.is-sticky .nav_sec{padding:10px 0; background:#fff; -webkit-box-shadow: 0px 5px 15px 0px rgba(204,231,240,0.7); -moz-box-shadow: 0px 5px 15px 0px rgba(204,231,240,0.7); box-shadow: 0px 5px 15px 0px rgba(204,231,240,0.7);}
.sticky-wrapper.is-sticky .nav_sec ul.social li a i{color:#5d6570}
.sticky-wrapper.is-sticky .nav_sec ul.social li a:hover i{color:#ff9e01; text-decoration:none}
.sticky-wrapper.is-sticky .nav_sec ul.menu-link li a{color:#5d6570; }
.sticky-wrapper.is-sticky .nav_sec ul.menu-link li a.active{color: #37c3f9; font-weight: 700}
.sticky-wrapper.is-sticky .nav_sec .menu_btn{background:url(../images/menu-icon.png) right center no-repeat;}
.sticky-wrapper.is-sticky .nav_sec ul.social li a .tiktok{width:46px; height:46px; background:url(../images/tiktok-icon.png) left center no-repeat}
.sticky-wrapper.is-sticky .nav_sec ul.social li a:hover .tiktok{width:46px; height:46px; background:url(../images/tiktok-icon.png) right center no-repeat}
.sticky-wrapper.is-sticky .nav_sec ul.social li:last-child {float: right;}

.menu_full_area {height: 100%; width: 100%; position: fixed; z-index: 50; top: 0; right: -100%; background: rgb(18,101,197,1); background: linear-gradient(45deg, rgba(18,101,197,1) 0%, rgba(5,200,197,1) 100%); overflow-x: hidden; transition: 0.5s ease;}
.menu_full_area.active{right:0px; transition: 0.5s ease; overflow:hidden}
.menu_full_area .content_area{position:absolute; top:0px; width:100%; height:100%; left:0px; display: flex; justify-content: flex-start; align-items: center; z-index:222}
.menu_full_area .content_area .menu-logo{width:160px; border-radius:15px; padding:30px; margin-bottom:50px; background:#fff}
.menu_full_area .content_area .menu-logo img{width:100%;}
.menu_full_area .content_area h3{font-size:24px; line-height:24px; font-weight:800; color:#fff; margin:0px 0 20px 0; letter-spacing:1px; text-transform:uppercase}
.menu_full_area .content_area ul.download-icon{margin:0px 0px 20px 0px}
.menu_full_area .content_area ul.download-icon li {    float: left; margin-right: 15px;}


.menu_full_area .content_area ul.social{padding:0; margin:0px; list-style:none; float:left}
.menu_full_area .content_area ul.social li{ padding:0; margin:0 10px 0 0px; display:inline-block; float: left; text-decoration:none;}
.menu_full_area .content_area ul.social li a{width:70px; height:70px; padding:0; margin:0; font-size:28px; color:#fff; text-align:center; line-height:66px; display:block; border-radius:50%; text-decoration:none;  border:#fff 2px solid}
.menu_full_area .content_area ul.social li a:hover{color:#139bce; background:#fff; text-decoration:none}
.menu_full_area .content_area ul.social li a .tiktok{border-radius:50%; width:66px; height:66px; background:url(../images/menu-tiktok.png) left center no-repeat; background-size: 132px 66px }
.menu_full_area .content_area ul.social li a:hover .tiktok{width:66px; height:66px;   background:url(../images/menu-tiktok.png) right center no-repeat; background-size: 132px 66px}

.menu_full_area .content_area ul.menu{margin:0px; padding:0px; list-style:none}
.menu_full_area .content_area ul.menu li.mobile{display:none}
.menu_full_area .content_area ul.menu li{font-size:24px; line-height:32px; font-weight:300; margin-bottom:15px; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; position:relative; }
.menu_full_area .content_area ul.menu li:before{content:''; position:absolute; left:0px; top:12px; width:8px; height:8px; background:#fff; border-radius:50%; opacity:0; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.menu_full_area .content_area ul.menu li a{color:#fff; text-decoration:none;}
.menu_full_area .content_area ul.menu li:hover{font-weight:700; letter-spacing:1px; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; padding-left:20px}
.menu_full_area .content_area ul.menu li:hover:before{opacity:1; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.menu_full_area .menu-bg{background:url(../images/menu-bg.png) center bottom repeat-x; position:absolute; bottom:-15px; left:-5%; width:110%; height:100%; z-index:1}
.menu_full_area .menu_btn{position:absolute; top:0px; right:0px; background:#fff; width:100px; height:100px; border-radius:0 0 0 100px; padding:28px 28px 48px 48px; cursor:pointer }


.video_sec{width: 100%; margin:0px; height:100vh; position:relative}
.video_sec #myVideo{  width: 100%; height:100vh; background-size: 100% 100%; background-color: black; /* background-image: our video */; background-position: center center; background-size: contain; object-fit: cover; /*cover video background */ }
.video_sec .caption{position:absolute; top:0%; width:100%; display: flex; justify-content: flex-start; align-items: center;  height:100%; background:rgba(0,0,0,0.5)}
.video_sec .caption h2{font-size:40px; font-weight:300; color:#fff; line-height:40px; margin:0px}
.video_sec .caption h2 strong{font-weight:700; font-size:80px; color:#37c3f9; line-height:110px}
.video_sec a.icon-scroll{outline:none}
.video_sec .icon-scroll, .video_sec .icon-scroll:before{position: absolute; left: 50%}
.video_sec .icon-scroll{width: 40px; height: 70px; margin-left: -20px; bottom: 30px;  box-shadow: inset 0 0 0 1px #fff;border-radius: 25px; z-index:11}
.video_sec .icon-scroll:before{content: ''; width: 8px; height: 8px; background: #fff; margin-left: -4px;top: 8px; border-radius: 4px; animation-duration: 1.5s; animation-iteration-count: infinite; animation-name: scroll}
@keyframes scroll
{
  0%{opacity: 1}
  100%{opacity: 0;transform: translateY(46px)}
}

/**merchant-area**/
.merchant-area{width: 100%; margin:0px; padding:100px 0; background:url(../images/graphic-bg.png) center center/cover no-repeat fixed;text-align:center}
.merchant-area .logo{width:232px; margin:0 auto;}
.merchant-area .logo img{width: 100%}
.merchant-area h2{font-size:50px; color:#ff9e01; margin:40px 0px 15px 0px; padding-top:20px; font-weight:700; position:relative}
.merchant-area h2:before{content:''; top:0px; width:320px; height:1px; background:#d1d1d1; left:50%; margin-left:-160px; position:absolute}
.merchant-area p{ font-size:38px; font-weight:400; line-height:38px; color:#232323; margin:0px 0 30px 0; }
.merchant-area .btn-link{position:relative; padding:15px 35px; border:#37c3f9 2px solid; border-radius:5px; font-size:20px; font-weight:400; color:#37c3f9; line-height:20px; text-transform:uppercase; text-decoration:none}
.merchant-area .btn-link:hover{background:#37c3f9; color:#fff}


/**merchant-area**/
.featured-deals-area{width: 100%; margin:0px; padding:0px; background:url(../images/featured-deal-bg.jpg) center center/cover no-repeat fixed; position:relative}
.featured-deals-area .bg-color{background:rgba(0,0,0,0.5); display:flex; padding:150px 0;}
.featured-deals-area .leftside{width:25%; padding:0 0 0 80px}
.featured-deals-area .leftside h2{font-size:46px; color:#fff; font-weight:700; position:relative; padding-bottom:30px; margin:0px 0px 20px 0px}
.featured-deals-area .leftside h2 span{display:block; font-size:18px; color:#fff; font-weight:400; text-transform:uppercase}
.featured-deals-area .leftside h2:before{content:''; position:absolute; width:79px; height:11px; background:url(../images/title-line.png) left center no-repeat; left:0px; bottom:0px}
.featured-deals-area .leftside p{font-size:20px; font-weight:500; color:#fff; line-height:34px; letter-spacing:2px; font-style:italic}
.featured-deals-area ul.download{margin:0px 0px 0px 0px; padding:0px; list-style:none; display:inline-block}
.featured-deals-area ul.download li{float:left; margin-right:15px}
.featured-deals-area ul.download li a{position:relative; width:70px; height:70px; border:#fff 2px solid; border-radius:8px; display:block; font-size:40px; color:#fff; line-height:66px; text-decoration:none; text-align:center}
.featured-deals-area ul.download li a:hover{background:#fff; color:#000}
.featured-deals-area .rightside{width:75%;}
.featured-deals-area .featured-deal-slider .owl-stage{ padding-left:0px !important}
.featured-deals-area .featured-deal-slider .item{padding:10px; background:#fff; border-radius:10px;}
.featured-deals-area .featured-deal-slider .deal-box{background:#fff; border-radius:10px; position:relative; overflow:hidden}
.featured-deals-area .featured-deal-slider .deal-box img{width:100%;  border-radius:10px; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; width: 100%;}
.featured-deals-area .featured-deal-slider .deal-box .bg{position:absolute; width:100%; height:100%; top:0px; left:0px; border-radius:10px; background: rgba(0,0,0,0); background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.5) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(255,255,255,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.8) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.8) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.8) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(0,0,0,0.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0 ); }
.featured-deals-area .featured-deal-slider .deal-box .offer-business{position:absolute; left:15px; bottom:15px; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.featured-deals-area .featured-deal-slider .deal-box .offer-business h2{color:#fff; font-size:26px; font-weight:400; margin:0 0 5px 0; line-height:30px}
.featured-deals-area .featured-deal-slider .deal-box .offer-business p{margin:0px; font-size:18px; color:#ff9e01; font-weight:400}
.featured-deals-area .featured-deal-slider .deal-box .offer-business p i{margin-right:10px; color:#fff}
.featured-deals-area .featured-deal-slider .deal-box ul.option{margin:0px; padding:0px; list-style:none; position:absolute; top:15px; right:15px; width:50px}
.featured-deals-area .featured-deal-slider .deal-box ul.option li{margin-bottom:5px; cursor:pointer}
.featured-deals-area .featured-deal-slider .deal-box ul.option li img{-webkit-transform: scale(1); transform: scale(1);}
.featured-deals-area .featured-deal-slider .deal-box:hover img{width:100%;  -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.featured-deals-area .featured-deal-slider .deal-box:hover .offer-business{bottom:25px; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.featured-deals-area .owl-nav{position:absolute; left:-27.5%; width:120px; bottom:15px}
.featured-deals-area .owl-nav .owl-prev{float:left; margin-right:20px; background:#37c3f9; border-radius:50%}
.featured-deals-area .owl-nav .owl-next{float:left;  background:#37c3f9; border-radius:50%}
.tooltip {position: relative; display: inline-block; opacity:1}
.tooltip .tooltiptext {visibility: hidden; width: 120px; background-color: #e5ab10; color: #fff; text-align: center;border-radius: 6px; padding: 5px 0; position: absolute; z-index: 1; top: 9px; right: 110%; }
.tooltip .tooltiptext::after {content: ""; position: absolute; top: 50%; left: 100%; margin-top: -5px; border-width: 5px; border-style: solid; border-color: transparent transparent transparent #e5ab10;}
.tooltip:hover .tooltiptext {visibility: visible;}


.app-download-area{width: 100%; margin:0px; padding:0px;display:flex; overflow:hidden}
.app-download-area .content-area{width: 50%; background-color:#ecfaff; padding:0 100px; border-radius:0 0 100px 0; display: flex; justify-content: flex-start; align-items: center;}
.app-download-area .content-area h2{font-size:110px; color:#00acee; font-weight:800; line-height:80px; text-transform:uppercase; margin:0 0 30px 0}
.app-download-area .content-area h2 span{font-size:50px; color:#ff9e01; font-weight:800; display:block}
.app-download-area .content-area h3{font-size:36px; color:#020202; font-weight:700; line-height:36px;  margin:0 0 20px 0}
.app-download-area .content-area p{font-size:18px; color:#8e8e8e; font-weight:400; line-height:28px;  margin:0 0 20px 0; font-style:italic}
.app-download-area .content-area ul.download-icon{margin:20px 0px 0px 0px}
.app-download-area .content-area ul.download-icon li a{border:#000000 2px solid; color:#000}
.app-download-area .content-area ul.download-icon li a:hover{background:#000000; color:#fff}
.app-download-area .graphic-area{width: 50%;display: flex; justify-content: flex-start; align-items: center; overflow:hidden}
.app-download-area .graphic-area img{width:100%}

.deals-and-lotalty-area{width: 100%; margin:0px; padding:0px;display:flex; overflow:hidden}
.deals-and-lotalty-area .content-area{width: 50%; background-color:#ecfaff; padding:0 100px; border-radius:100px 0 0 100px; display: flex; justify-content: flex-start; align-items: center;}
.deals-and-lotalty-area .content-area h2{font-size:46px; color:#e98541; font-weight:700; position:relative; padding-bottom:30px; margin:0px 0px 20px 0px}
.deals-and-lotalty-area .content-area h2 span{display:block; font-size:18px; color:#129bd0; font-weight:400; text-transform:uppercase}
.deals-and-lotalty-area .content-area h2:before{content:''; position:absolute; width:79px; height:11px; background:url(../images/title-line.png) right center no-repeat; left:0px; bottom:0px}
.deals-and-lotalty-area .content-area p{font-size:20px; color:#383838; font-weight:500; line-height:34px;  margin:0 0 20px 0; font-style:italic; width:70%}
.deals-and-lotalty-area .content-area .btn-link{position:relative; padding:15px 35px; border:#000000 2px solid; border-radius:5px; font-size:20px; font-weight:400; color:#000000; line-height:20px; text-transform:uppercase; text-decoration:none; margin-top:15px}
.deals-and-lotalty-area .content-area .btn-link:hover{background:#000000; color:#fff}
.deals-and-lotalty-area .graphic-area{width: 50%;display: flex; justify-content: flex-start; align-items: center; overflow:hidden}
.deals-and-lotalty-area .graphic-area img{width:100%}

.loyalty-card-area{width: 100%; margin:0px; padding:0px;display:flex; overflow:hidden}
.loyalty-card-area .content-area{width: 50%; background-color:#ecfaff; padding:0 100px; border-radius:0 100px 100px 0; display: flex; justify-content: flex-start; align-items: center; position:relative; overflow:hidden}
.loyalty-card-area .content-area div{position:relative; z-index:1}
.loyalty-card-area .content-area h2{font-size:46px; color:#e98541; font-weight:700; position:relative; padding-bottom:30px; margin:0px 0px 20px 0px}
.loyalty-card-area .content-area h2 span{display:block; font-size:18px; color:#129bd0; font-weight:400; text-transform:uppercase}
.loyalty-card-area .content-area h2:before{content:''; position:absolute; width:79px; height:11px; background:url(../images/title-line.png) right center no-repeat; left:0px; bottom:0px}
.loyalty-card-area .content-area p{font-size:18px; color:#383838; font-weight:500; line-height:34px;  margin:0 0 20px 0; font-style:italic; width:80%}
.loyalty-card-area .content-area h3{font-size:24px; color:#383838; font-weight:700; line-height:34px;  margin:0 0 20px 0; font-style:italic; }
.loyalty-card-area .content-area ul.list{margin:30px 0 0 0px; padding:0px; list-style:none; display:inline-block}
.loyalty-card-area .content-area ul.list li{float:left; width:75px; text-align:center; margin-right:70px}
.loyalty-card-area .content-area ul.list li .icon{width:75px; height:75px; margin:0 auto}
.loyalty-card-area .content-area ul.list li h4{display:block; font-size:22px; font-weight:400; margin:15px 0 0 0}
.loyalty-card-area .content-area ul{margin:0px; padding:0px 0px 0px 15px}
.loyalty-card-area .content-area ul li{font-size:18px; font-weight:500; color:#383838; margin-bottom:5px}
.loyalty-card-area .content-area .man-img{position:absolute; right:0px; bottom:0px; z-index:0}
.loyalty-card-area .content-area .card-img{position:absolute; right:0px; bottom:0px; z-index:0; width:100%; opacity:0.1}
.loyalty-card-area .content-area .main-card-img{width:50%; margin-top:20px}
.loyalty-card-area .graphic-area{width: 50%;display: flex; justify-content: flex-start; align-items: center; overflow:hidden}
.loyalty-card-area .graphic-area img{width:100%}
.loyalty-card-area .yellow-btn{margin-top: 15px; font-size: 18px}

.insta-area{width: 100%; margin:0px; padding:80px 0px;}
.insta-area h2{font-size:32px; font-weight:600; color:#000000; margin:0 0 30px 0; letter-spacing:1.5px; text-align:center}
.insta-area h2 i{font-size:40px; font-weight:normal}
.insta-area ul.insta-post{width: 100%; margin: 0px; padding: 0px; list-style: none; display: flex;justify-content: space-between;  align-items: center; z-index: 1; flex-wrap: wrap;}
.insta-area ul.insta-post li{width:calc(25% - 15px); margin-bottom:15px}
.insta-area ul.insta-post li .insta-pic{width:100%; overflow:hidden}
.insta-area ul.insta-post li .insta-pic img{width:100%;  -webkit-transform: scale(1.0); transform: scale(1.0); -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.insta-area ul.insta-post li:hover .insta-pic img{width:100%; filter: grayscale(0%); -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; cursor:pointer}

.deal-map-area{width: 100%; margin:0px; padding:0px; height:700px; position:relative}
.deal-map-area iframe{width:100%; height:100%; filter: grayscale(100%);}
.deal-map-area .caption{position:absolute; left:0px; top:40px; z-index:1; width:100%}
.deal-map-area .caption .form-control{border-radius:0px; height:60px !important; border:none; -webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.3);}
.deal-map-area .caption select{ -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; background:#fff url(../images/dropdown_arrow1.png) center right no-repeat; }



footer .newsletter-area{background:#00acee; padding: 15px 0}
footer .newsletter-area h3{font-size:24px; line-height:30px; color:#fff; margin:15px 0; letter-spacing:1px; text-transform:uppercase}
footer .newsletter-area .newsletter-box{position:relative}
footer .newsletter-area .newsletter-box .form-control{background:#fff; border-radius:0px; border:none; height:60px; border-radius:0px}
footer .newsletter-area .newsletter-box .btn-submit{background:#00acee; border-radius:0px; font-size:18px; font-weight:500; text-transform:uppercase; position:absolute; top: 8px; right: 8px; padding:7.5px 15px; color: #fff;}

footer .footer_bg{width: 100%; margin:0px; padding:50px 0 35px 0; background:#fff}
footer .footer_bg .footer-logo{width:60px; margin-bottom:15px}
footer .footer_bg .footer-logo img{width:100%;}
footer .footer_bg h3{font-size:20px; line-height:20px; color:#00acee; margin:0px 0 20px 0; letter-spacing:1px; text-transform:uppercase}
footer .footer_bg h3.md-right{margin-left: 30px}
footer .footer_bg p{font-size: 15px; line-height: 22px; color: #000}
footer .footer_bg ul.download-icon{margin:0px}
footer .footer_bg  ul.download-icon li {float: left; margin-right: 0px; width: 100%; margin-bottom: 10px; color: #000}
footer .footer_bg  ul.download-icon li a{color: #000; border: #000 1px solid}
footer .footer_bg  ul.download-icon li a:hover{background: #00acee; color: #fff; border:#00acee 1px solid}
footer .footer_bg ul.link-menu{margin: 0px 0px 0px 30px; padding: 0px; list-style: none;}
footer .footer_bg ul.link-menu li{margin-bottom: 5px}
footer .footer_bg ul.link-menu li a{font-size: 16px; line-height: 24px; color: #000; text-decoration: none; }
footer .footer_bg ul.link-menu li a:hover{font-weight: 700}
footer .footer_bg ul.social{padding:0; margin:0px; list-style:none; float:left}
footer .footer_bg ul.social li{ padding:0; margin:0 10px 0 0px; display:inline-block; float: left; text-decoration:none;}
footer .footer_bg ul.social li a{width:48px; height:48px; padding:0; margin:0; font-size:20px; color:#00acee; text-align:center; line-height:46px; display:block; border-radius:50%; text-decoration:none;  border:#00acee 1px solid}
footer .footer_bg ul.social li a:hover{color:#fff; background:#00acee; text-decoration:none}
footer .footer_bg ul.social li a .tiktok{border-radius:50%; width:46px; height:46px; background:url(../images/tiktok-footer.png) left center no-repeat}
footer .footer_bg ul.social li a:hover .tiktok{width:46px; height:46px;   background:#00acee url(../images/tiktok-footer.png) right center no-repeat}
footer .copyright{background:#eee; padding:12px 0; color:#000; }
footer .copyright.new {position: fixed; width: 100%; bottom:0;}
footer .copyright p{ line-height:26px;font-size:15px; float: left; margin: 0px; color: #000}
footer .copyright .link{float: right; margin: 0px}
footer .copyright .link a{ line-height:26px;font-size:15px; color: #000}
footer .copyright .link span{margin: 0 10px}


/*footer .newsletter-area{background:#014a65; padding: 15px 0}
footer .newsletter-area h3{font-size:24px; line-height:30px; color:#fff; margin:15px 0; letter-spacing:1px; text-transform:uppercase}
footer .newsletter-area .newsletter-box{position:relative}
footer .newsletter-area .newsletter-box .form-control{background:#fff; border-radius:0px; border:none; height:60px; border-radius:0px}
footer .newsletter-area .newsletter-box .btn-submit{background:#00acee; border-radius:0px; font-size:18px; font-weight:500; text-transform:uppercase; position:absolute; top: 8px; right: 8px; padding:7.5px 15px; color: #fff;}

footer .footer_bg{width: 100%; margin:0px; padding:50px 0 35px 0; background:#005e81}
footer .footer_bg .footer-logo{width:60px; margin-bottom:15px}
footer .footer_bg .footer-logo img{width:100%;}
footer .footer_bg h3{font-size:20px; line-height:20px; color:#fff; margin:0px 0 20px 0; letter-spacing:1px; text-transform:uppercase}
footer .footer_bg h3.md-right{margin-left: 30px}
footer .footer_bg p{font-size: 15px; line-height: 22px; color: #fff}
footer .footer_bg ul.download-icon{margin:0px}
footer .footer_bg  ul.download-icon li {float: left; margin-right: 0px; width: 100%; margin-bottom: 10px; color: #000}
footer .footer_bg  ul.download-icon li a{color: #fff; border: #fff 1px solid}
footer .footer_bg  ul.download-icon li a:hover{background: #fff; color: #00acee; border:#fff 1px solid}
footer .footer_bg ul.link-menu{margin: 0px 0px 0px 30px; padding: 0px; list-style: none;}
footer .footer_bg ul.link-menu li{margin-bottom: 5px}
footer .footer_bg ul.link-menu li a{font-size: 16px; line-height: 24px; color: #fff; text-decoration: none; }
footer .footer_bg ul.link-menu li a:hover{font-weight: 700}
footer .footer_bg ul.social{padding:0; margin:0px; list-style:none; float:left}
footer .footer_bg ul.social li{ padding:0; margin:0 10px 0 0px; display:inline-block; float: left; text-decoration:none;}
footer .footer_bg ul.social li a{width:48px; height:48px; padding:0; margin:0; font-size:20px; color:#fff; text-align:center; line-height:46px; display:block; border-radius:50%; text-decoration:none;  border:#fff 1px solid}
footer .footer_bg ul.social li a:hover{color:#139bce; background:#fff; text-decoration:none}
footer .footer_bg ul.social li a .tiktok{border-radius:50%; width:46px; height:46px; background:url(../images/menu-tiktok.png) left center no-repeat; background-size: 92px 46px }
footer .footer_bg ul.social li a:hover .tiktok{width:46px; height:46px;   background:url(../images/menu-tiktok.png) right center no-repeat; background-size: 92px 46px}
footer .copyright{background:#014a65; padding:12px 0; color:#fff; }
footer .copyright p{ line-height:26px;font-size:15px; float: left; margin: 0px; color: #fff}
footer .copyright .link{float: right; margin: 0px}
footer .copyright .link a{ line-height:26px;font-size:15px; color: #fff}
footer .copyright .link span{margin: 0 10px}*/


/* footer .fa-tiktok{width:46px; height:46px; background:url(../images/tiktok-white-icon.png) left center no-repeat;} */



.merchant_top_area{width: 100%; margin:0px; position:relative; overflow:hidden ; }
.merchant_top_area .shape-1{position:absolute; background:#ecfaff; right: -220px; top: -132px; height: 91%; width: 65%; border-radius: 0 0 0 146px; transform: rotate(22deg); z-index: -1;}
.merchant_top_area .shape-2{position:absolute; background:#ecfaff; left: -178px; top: -78px; height: 50%; width: 40%; border-radius: 0 100px 100px 0; transform: rotate(22deg); z-index: -1;}
.merchant_top_area .contant-area{ display: flex; justify-content: flex-start; align-items: center;  height:100%; padding:250px 0}
.merchant_top_area .contant-area .left{width: 40%;display: flex; justify-content: flex-start; align-items: center;}
.merchant_top_area .contant-area .right{width: 60%;display: flex; justify-content: flex-start; align-items: center;}
.merchant_top_area .logo{width:140px; margin-bottom:30px}
.merchant_top_area .logo img{width:100%;}
.merchant_top_area h2{font-size:40px; font-weight:300; color:#5d6470; line-height:50px; margin:0px 0px 20px 0px}
.merchant_top_area h2 strong{font-weight:700; font-size:80px; color:#37c3f9; line-height:80px}
.merchant_top_area .mobile-area{width: 430px; height: 727px;position:relative; margin:0 auto}
.merchant_top_area .mobile-area:before{content:''; position:absolute; top:-40px; right:0px; background:url(../images/dot-icon.png)  center center no-repeat; width:134px; height:134px; background-size:cover}
.merchant_top_area .mobile-area:after{content:''; position:absolute; bottom: 150px; left: -28px; background:url(../images/dot-icon.png)  center center no-repeat; width:134px; height:134px; background-size:cover}
.merchant_top_area .mobile-area img {width:100%; position: relative; z-index: 2;}
.merchant_top_area .mobile-area video {width: 309px; height: 100%; max-height: 678px; min-height: 678px; position: absolute; visibility: initial; object-fit: cover; top: 13px; left: 61px; z-index:1}
.merchant_top_area .mac-video{width:666px; height:382px; position:relative; margin:0 auto}
.merchant_top_area .mac-video img{width:100%; position: relative; z-index: 2;}
.merchant_top_area .mac-video video {width: 501px; height: 100%; max-height: 312px; min-height: 312px; position: absolute; visibility: initial; object-fit: cover; top: 28px; left: 82px; z-index:1}
.merchant_top_area ul.download{margin:30px 0px 0px 0px; padding:0px; list-style:none; display:inline-block; text-align:center; width:100%}
.merchant_top_area ul.download li{display:inline-block; margin:0 10px}
.merchant_top_area ul.download li a{position:relative; width:70px; height:70px; border:#5d6470 2px solid; border-radius:8px; display:block; font-size:40px; color:#5d6470; line-height:66px; text-decoration:none; text-align:center}
.merchant_top_area ul.download li a:hover{background:#5d6470; color:#fff}

.get-started-area{width: 100%; margin:0px; position:relative; overflow:hidden ;  padding:100px 0}
.get-started-area .shape-2{position: absolute; background: #ecfaff; left: -280px; top: -250px; height: 1080px; width: 530px; border-radius: 0 0 100px 100px; transform: rotate(-63deg) !important; z-index: -1;}
.get-started-area .shape-1{position: absolute; background: #ecfaff; right: -280px; bottom: -250px; height: 1080px; width: 530px; border-radius: 100px 100px 0 0px; transform: rotate(-63deg) !important; z-index: -1;}
.get-started-area .title{position:absolute; font-size:120px; font-weight:800; color:#d9e6ec; line-height:100px; transform: rotate(90deg); top: 350px; left: -350px;}
.get-started-area h2{font-size:46px; color:#e98541; font-weight:700; position:relative; padding-bottom:30px; margin:0px 0px 30px 0px; text-align:center}
.get-started-area h2 span{display:block; font-size:18px; color:#129bd0; font-weight:400; text-transform:uppercase}
.get-started-area h2:before{content:''; position:absolute; width:79px; height:11px; background:url(../images/title-line.png) right center no-repeat; left:50%; bottom:0px; margin-left:-40px}
.get-started-area ul.nav{margin:0; padding:60px 0; border-left:#808690 2px dashed; width:50px; position:absolute; left:0px}
.get-started-area ul.nav:before{content: ''; position: absolute; top: 0px; background: #139bce; width: 18px; height: 18px; left: -10px; border-radius: 50%;}
.get-started-area ul.nav:after{content: ''; position: absolute; bottom: 0px; background: #139bce; width: 18px; height: 18px; left: -10px; border-radius: 50%;}
.get-started-area ul.nav li{width:50px; position:relative; left:-26px;line-height:50px; text-align:center; margin:50px 0; font-size:30px; color:#fff}
.get-started-area ul.nav li a{display:block; padding:0px; border-radius:50%;  background:#808690;  color:#fff}
.get-started-area ul.nav li a.active{background:#ff9e01; border-radius:50%;  }
.get-started-area .tab-content{padding:0 0 0 75px; position:relative; min-height:550px}
.get-started-area .tab-content .content-box{display: flex; justify-content: flex-start; align-items: center;  height:100%; padding:0; }
.get-started-area .tab-content .content-box .left-content{width: 50%;display: flex; justify-content: flex-start; align-items: center;}
.get-started-area .tab-content .content-box .left-content .number{width:100px; height:100px; background:url(../images/merchant-logo-icon.png) center center no-repeat; background-size:cover; font-size:40px; line-height:100px; text-align:center; position:relative; margin-bottom:20px}
.get-started-area .tab-content .content-box .left-content .number:before{content: ''; background: #fff; top: 33px; left: 33px; width: 34px; height: 34px; position: absolute; z-index: 0;}
.get-started-area .tab-content .content-box .left-content .number span{position:relative; z-index:1; font-weight:700; color:#139bce}
/*.get-started-area .tab-content .content-box .left-content h3{font-size:28px; font-weight:600; font-style:italic; color:#383838; line-height:36px; padding-right:80px}*/
.get-started-area .tab-content .content-box .left-content h3{font-size:20px; font-weight:500; font-style:italic; color:#383838; line-height:30px; padding-right:80px; margin: 0 0 20px 0 }
.get-started-area .tab-content .content-box .left-content p{font-size:16px; font-weight:400;  color:#7b7b7b; line-height:20px; margin-bottom:10px}
.get-started-area .tab-content .content-box .right-photo{width: 50%;display: flex; justify-content: flex-start; align-items: center;}
.get-started-area .tab-content .content-box .right-photo img{width:100%}
.get-started-area .tab-content .gray-btn{margin-top:10px}
.get-started-area ul.nav.small{margin:0; padding:0; width:auto; position:relative}
.get-started-area ul.nav.small:before{content:none}
.get-started-area ul.nav.small:after{content:none}
.get-started-area ul.nav.small li{width:50px; margin:0px;}
.get-started-area ul.nav.small li a{display:block; padding:0px; border-radius:50%;  background:#808690;  color:#fff}
.get-started-area ul.nav.small li a.active{background:#ff9e01; border-radius:50%;  }
.get-started-area h4{text-align:center; font-size:24px; margin-top:15px; color:#e98541; font-weight:700; }

.qr-codes-area{width: 100%; margin:0px; padding:0px;display:flex; overflow:hidden}
.qr-codes-area .content-area{width: 50%; background-color:#ecfaff; padding:0 100px; border-radius:100px 0 0 0px; display: flex; justify-content: flex-start; align-items: center;}
.qr-codes-area .content-area h2{font-size:46px; color:#e98541; font-weight:700; position:relative; padding-bottom:30px; margin:0px 0px 20px 0px}
.qr-codes-area .content-area h2 span{display:block; font-size:18px; color:#129bd0; font-weight:400; text-transform:uppercase}
.qr-codes-area .content-area h2:before{content:''; position:absolute; width:79px; height:11px; background:url(../images/title-line.png) right center no-repeat; left:0px; bottom:0px}
.qr-codes-area .content-area p{font-size:20px; color:#383838; font-weight:500; line-height:34px;  margin:0 0 20px 0; font-style:italic; width:70%}
.qr-codes-area .content-area .btn-link{position:relative; padding:15px 35px; border:#000000 2px solid; border-radius:5px; font-size:20px; font-weight:400; color:#000000; line-height:20px; text-transform:uppercase; text-decoration:none; margin-top:15px}
.qr-codes-area .content-area .btn-link:hover{background:#000000; color:#fff}
.qr-codes-area .graphic-area{width: 50%;display: flex; justify-content: flex-start; align-items: center; overflow:hidden}
.qr-codes-area .graphic-area img{width:100%}

.client-say-area{width: 100%; margin:0px; padding:0px;display:flex; overflow:hidden; background:url(../images/client-say-img.jpg) center center repeat; position:relative}
.client-say-area .title{position:absolute; font-size:160px; font-weight:800; color:#d9e6ec; line-height:100px; transform: rotate(-90deg); top: 280px; right: -203px;}
.client-say-area .content-area{width: 50%; background-color:#fff; padding:0px;  display: flex; justify-content: flex-start; }
.client-say-area .content-area .client-box{padding:100px 200px 0 50px; position:relative; min-height: 550px;}
.client-say-area .content-area .client-box:before{content:''; position:absolute; left:50px; top:30px; width:182px; height:162px; background:url(../images/dot.png) center center no-repeat;}
.client-say-area .content-area .client-box .user-info{position:relative; padding:20px 0 20px 115px; margin-top:30px; font-size:24px; font-weight:700; text-transform:uppercase}
.client-say-area .content-area .client-box .user-info span{ font-size:16px; font-weight:400; color:#139bce; text-transform:uppercase; display:block}
.client-say-area .content-area .client-box .user-info .user-photo{position:absolute; left:0px; top:0px; height:100px; width:100px}
.client-say-area .content-area .client-box .user-info .user-photo img{width:100%; border-radius:50%}
.client-say-area .content-area p{font-size:20px; line-height:34px; color:#434343; font-weight:400; letter-spacing:1px; font-style:italic}
.client-say-area .graphic-area{width: 50%;display: flex; justify-content: flex-start; align-items: center; overflow:hidden}
.client-say-area .graphic-area img{width:100%}
.client-slider .owl-nav {width: 100%; padding: 0 50px; position:relative; z-index:2}
.client-slider .owl-nav .owl-prev{float: left;}
.client-slider .owl-nav .owl-next{float: right;}
.client-slider .owl-dots {position: absolute; width: 100%; text-align: center; bottom:68px; z-index:1}
.client-slider .owl-dots .owl-dot{width: 20px; background: #eaeaea; height: 10px; display: inline-block; margin: 0 8px; border-radius:5px}
.client-slider .owl-dots .owl-dot.active{background:#139bce}


.map-popup {
  position: relative;
  padding-left: 80px;
  padding-right: 10px;
}

.map-popup-thumbnail {
  position: absolute;
  width: 70px !important;
  margin-right: 0px;
  left: 0px
}

.map-popup-thumbnail img {
  width: 100% !important
}

.map-popup-rent {
  font-size: 18px !important;
  margin: 0 0 5px 0
}

.map-popup-info p {
  font-size: 12px !important;
  line-height: 16px !important;
  margin-bottom: 5px !important;
}

.map-popup-info p i {
  margin-right: 5px;
  color: #00ADEF
}

.map-popup-info a {
  background: #00ADEF !important;
  color: #fff !important;
  padding: 3px 8px !important;
  text-decoration: none !important;
  font-size: 12px !important;
}

.main-01-image {
  background: url(../images/NewConsumerPagePic.jpg) no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;
  height: 600px;
}

.crowdfunding .btn-link{ margin: 10px auto;text-align: center; padding:15px 35px; border:#37c3f9 2px solid; border-radius:5px; font-size:20px; font-weight:400; color:#37c3f9; line-height:20px; text-transform:uppercase; text-decoration:none}
.crowdfunding .btn-link:hover{background:#37c3f9; color:#fff}
.crowdfunding .modal-dialog{max-width: 550px;}
.crowdfunding .modal-body{text-align: center;padding: 10px 20px;}
.crowdfunding  .close_modal{padding: 0;background:none;float:right}



.page_title_sec .page_title_area{padding: 280px 0 225PX 0;background:rgba(0,0,0,0.5);}
.page_title_sec .page_title_area h2{font-size: 60px;font-weight: 700;color: #fff;text-align: center;margin-bottom: 25px;}
.page_title_sec .breadcrumbs_sec ul{list-style: none;padding: 0; margin: 0;text-align: center;}
.page_title_sec .breadcrumbs_sec ul li{list-style: none;margin: 0;padding: 0 22px;display: inline-block;position: relative;}
.page_title_sec .breadcrumbs_sec ul li::after{content: '/';color: #fff;font-size: 18px;position: absolute;top: 0;right: -5px;}
.page_title_sec .breadcrumbs_sec ul li:last-child::after{content: none;}
.page_title_sec .breadcrumbs_sec ul li a{text-decoration: none;font-size: 18px;color: #fff;}

.contact-content-area{padding: 100px 0;position: relative;}
.contact-content-area::after{content: '';width: 560px;height: 820px;position: absolute; background: url(../images/left-side_shape.png) no-repeat;background-size: 100%;top: 0;left: 0;z-index: -1;}
.contact-content-area::before{content: '';width: 560px;height: 820px;position: absolute; background: url(../images/right-side_shape.png) no-repeat;background-size: 100%;bottom: 0;right: 0;z-index: -1;}
.contact-content-area .left-side img{width: 100%;}
.contact-content-area .right-side h1{font-size: 36px;font-weight: 700;color: #e98541;margin-bottom: 55px;position: relative;}
.contact-content-area .right-side h1:before{content: ''; width: 80px;height: 11px;position: absolute;left: 0;bottom: -36px;background: url(../images/title-line.png) center right no-repeat;}
.contact-content-area .right-side h5{font-size: 18px;color: #383838;margin-bottom: 35px;}
.contact-content-area .right-side .form-group{margin-bottom: 25px !important;position: relative !important;}
.contact-content-area .right-side .form-group label{position: absolute;background-color: #fff;color: #02adee;padding: 0 10px;top: -13px;left: 15px;font-size: 18px;font-weight: 700;}
.contact-content-area .right-side .form-group .form-control{font-size: 16px;padding: 18px 25px 14px 25px;border: 1px solid #dcdcdc;border-radius: 6px;background-color: transparent;}
.contact-content-area .right-side .btn_submit{ padding:15px 35px; border:#37c3f9 2px solid; border-radius:5px; font-size:20px; font-weight:400; color:#37c3f9; line-height:20px; text-transform:uppercase; text-decoration:none;background-color: #fff;}
.contact-content-area .right-side .btn_submit:hover{background:#37c3f9; color:#fff}

.sign-in-fullscreen-area{background: url(../images/sign-in-page.jpg) no-repeat;background-size: 100%;width: 100%;height: 100vh;position: relative;display: flex;justify-content: center;align-items: center;}
.sign-in-fullscreen-area::before{content: '';width: 100%;height: 100%;background-color: rgba(0,0,0, 0.5);position: absolute;}
.sign-in-fullscreen-area .sign-in-box{background-color: #fff;border-radius: 14px;position: relative;z-index: 1;max-width: 570px; width: 100%;}
.sign-in-fullscreen-area .sign-in-box .logo{width: 170px;margin:0 auto;}
.sign-in-fullscreen-area .sign-in-box .logo img{width: 100%;margin: 20px 0;}
.sign-in-fullscreen-area .sign-in-box .title-area{background-color: #ecfaff;}
.sign-in-fullscreen-area .sign-in-box .title-area h2{color: #008ec5;text-transform: uppercase;text-align: center;font-size: 20px;padding: 18px;margin: 0;line-height: 14px;}
.sign-in-fullscreen-area .sign-in-box .title-area h2 a{text-decoration: none;color: #008ec5;}
.sign-in-fullscreen-area .sign-in-box .sing-in-form {padding:0 30px;margin: 30px 0 20px 0;}
.sign-in-fullscreen-area .sign-in-box .sing-in-form .form-group{margin-bottom: 25px !important;position: relative !important;}
.sign-in-fullscreen-area .sign-in-box .sing-in-form .form-group label{position: absolute;background-color: #fff;color: #02adee;padding: 0 10px;top: -13px;left: 15px;font-size: 18px;font-weight: 700;}
.sign-in-fullscreen-area .sign-in-box .sing-in-form .form-group .form-control{font-size: 16px;padding: 18px 25px 14px 25px;border: 1px solid #dcdcdc;border-radius: 6px;}

.sign-in-fullscreen-area .sign-in-box .sing-in-form .form-group input[type=checkbox].css-checkbox {position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;}
.sign-in-fullscreen-area .sign-in-box .sing-in-form .form-group input[type=checkbox].css-checkbox + label.css-label2 {padding-left:35px; height:25px; display:inline-block; line-height:25px; background-repeat:no-repeat; background-position: 0 0; font-size:16px; vertical-align:middle; cursor:pointer; font-weight:normal;  color:#424242;margin-bottom: 0px;}
.sign-in-fullscreen-area .sign-in-box .sing-in-form .form-group input[type=checkbox].css-checkbox:checked + label.css-label2 {background-position: 0 -25px;}
.sign-in-fullscreen-area .sign-in-box .sing-in-form .form-group .checkbox label.css-label2 {background-image:url(../images/checkbox.png); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;position: relative;color: #3c3c3c;padding: 0 ;font-size: 16px;font-weight: 400;top: 0;left: 15px;}

.sign-in-fullscreen-area .sign-in-box .sing-in-form .btn-login{width: 100%;background-color: #00acee;text-transform: uppercase;text-align: center;padding: 18px 0;font-size: 20px;font-weight: 700;color: #fff;border-radius: 6px;margin-top: 20px;line-height: 22px;}
.sign-in-fullscreen-area .sign-in-box .sing-in-form .forgate_password{font-size: 16px;color: #3c3c3c;text-align: center;margin-bottom: 20px;}
.sign-in-fullscreen-area .sign-in-box .sing-in-form .forgate_password a{text-decoration: none;color: #3c3c3c;}
.sign-in-fullscreen-area .sign-in-box .title-area.sing_up_line{border-radius:0 0 6px 6px !important;font-size: 18px;}
.sign-in-fullscreen-area .sign-in-box .title-area.sing_up_line h2{line-height: 24px;}
.sign-in-fullscreen-area .sign-in-box .title-area.sing_up_line span{color: #3c3c3c;}

.sign_up_sec{padding: 100px 0;position: relative;}
.sign_up_sec::after{content: '';width: 560px;height: 820px;position: absolute; background: url(../images/left-side_shape.png) no-repeat;background-size: 100%;top: 0;left: 0;z-index: -1;}
.sign_up_sec::before{content: '';width: 560px;height: 820px;position: absolute; background: url(../images/right-side_shape.png) no-repeat;background-size: 100%;bottom: 0;right: 0;z-index: -1;}
.sign_up_sec .sec_title{font-size: 36px;font-weight: 700;color: #e98541;margin-bottom: 65px;position: relative;text-align: center;}
.sign_up_sec .sec_title::after{content: ''; width: 80px;height: 11px;position: absolute;left: 47%;bottom: -36px;background: url(../images/title-line.png) center right no-repeat;}
.sign_up_sec .step_sec ul{margin: 0;padding: 0;list-style: none;text-align: center;}
.sign_up_sec .step_sec ul li.step_number{width: 44px;height: 44px;border-radius: 50%;border: 2px solid #00acee;font-size: 20px;line-height: 40px;display: inline-block;padding: 0 15px;color: #00acee;margin: 0 75px;position: relative;font-weight: 700;background-color: #fff;}
.sign_up_sec .step_sec ul li.step_number.fill{background-color: #00acee;color: #fff;}
.sign_up_sec .step_sec ul li.step_number::after{position: absolute;border-top:2px dashed #00acee;content: '';width: 150px;top: 50%;left: 44px;}
.sign_up_sec .step_sec ul li.step_number:last-child::after{border: none;}

.sign_up_sec .box_area{background-color: #fff;border-radius: 12px;-webkit-box-shadow: 0 0 50px 0 #bed7e0;box-shadow: 0 0 50px 0 #bed7e0;max-width: 770px;margin: 40px auto;}
.sign_up_sec .box_area .box_header{padding: 30px;border-bottom: 1px solid #e8e8e8;margin-bottom: 35px;}
.sign_up_sec .box_area .box_header h4{color: #008ec5;font-size: 24px;text-align: center;margin:0;line-height: 24px;}
.sign_up_sec .box_area .box_header p{color: #383838;font-size: 15px;text-align: center;margin: 0;line-height: 17px;}
.sign_up_sec .box_area .box_header h4 img { height: 32px; display: inline-block; margin-top: -10px;}
.sign_up_sec .box_area .box_form{padding: 0 30px;}
.sign_up_sec .box_area .box_form .form-group{margin-bottom: 25px !important;position: relative !important;}
.sign_up_sec .box_area .box_form .form-group.text-field label{position: absolute;background-color: #fff;color: #02adee;padding: 0 10px;top: -13px;left: 15px;font-size: 18px;font-weight: 700;}
.sign_up_sec .box_area .box_form .form-group select{height: auto;background: url(../images/select-arrow.png) no-repeat center right;appearance: none;}
.sign_up_sec .box_area .box_form .form-group select.form-control, .sign_up_sec .box_area .box_form .form-group .form-control{font-size: 16px;padding: 18px 25px 14px 25px;border: 1px solid #dcdcdc;border-radius: 6px;}
.sign_up_sec .box_area .box_form .btn-login{width: 100%;background-color: #00acee;text-transform: uppercase;text-align: center;padding: 18px 0;font-size: 20px;font-weight: 700;color: #fff;border-radius: 6px;margin-bottom: 30px;line-height: 22px;}
.sign_up_sec .box_area .sing_in_line{border-radius:0 0 12px 12px !important;font-size: 18px;background-color: #ecfaff;color: #008ec5;text-transform: uppercase;text-align: center;font-size: 20px;padding: 21px;margin: 0;line-height: 22px;}
.sign_up_sec .box_area .sing_in_line span{color: #3c3c3c;}

.sign_up_sec .box_area .custom-radio{margin-bottom: 15px;padding-left: 40px;}
.sign_up_sec .box_area .custom-radio:last-of-type{margin-bottom: 30px;}
.sign_up_sec .box_area .custom-control-label::before{background-color: transparent;border: 1px solid #ddd;}
.sign_up_sec .box_area .custom-control-label::after, .sign_up_sec .box_area .custom-control-label::before{top: 0;width: 24px;height: 24px;}
.sign_up_sec h3{font-size: 16px;color: #00acee;text-align: center;margin-top: -6px;margin-bottom: 24px;}
.sign_up_sec h3 span{color: #000;}
.sign_up_sec h3 a{text-decoration: none;}

.sign_up_sec .bussiness-img{border: 1px solid #e8e8e8;padding: 10px;border-radius: 10px;max-width: 271px;margin: 0 auto;}
.sign_up_sec .bussiness-img img{width: 100%;}
.sign_up_sec .bussiness-img-text{text-align: center;color: #484848;text-transform: uppercase;font-size: 16px;margin: 15px 0 12px 0;line-height: 18px;}
.sign_up_sec .bussiness-img-from{margin: 0 auto 15px auto;max-width: 100px;}
.sign_up_sec .bussiness-img-from img{width: 100%;}
.sign_up_sec .company-information .info-icon{line-height:26px; font-size:16px; margin:0px 0px 20px 0; position:relative; padding-left:50px; }
.sign_up_sec .company-information .info-icon span{line-height: 30px;font-size: 13px;font-weight: 600;color: #00acee;text-transform: uppercase;}
.sign_up_sec .company-information .info-icon p{margin: 0;font-size: 16px;line-height: 9px;color: #000;}
.sign_up_sec .company-information .info-icon i{position: absolute;left: 0;top: 7px;width: 40px;height: 40px;border-radius: 4px;background-color: #00acee;color: #ffff;font-size: 20px;line-height: 40px;text-align: center;}

.sign_up_sec .custom-control.custom-checkbox{margin-bottom: 20px;}
.sign_up_sec .custom-control.custom-checkbox .custom-control-label{margin-left: 15px;font-size: 16px;text-transform: uppercase;}
.sign_up_sec .custom-control.custom-checkbox .custom-control-label::before, .sign_up_sec .custom-control.custom-checkbox .custom-control-label::after{border-radius: 6px !important;}

.faq_sec {margin: 95px 0;position: relative;}
.faq_sec::after{content: '';width: 560px;height: 820px;position: absolute; background: url(../images/left-side_shape.png) no-repeat;background-size: 100%;top: 0;left: 0;z-index: -1;}
.faq_sec::before{content: '';width: 560px;height: 820px;position: absolute; background: url(../images/right-side_shape.png) no-repeat;background-size: 100%;bottom: 0;right: 0;z-index: -1;}
.faq_sec .faq_right .sec_title{font-size: 36px;font-weight: 700;color: #e98541;margin-bottom: 58px;position: relative;text-align: center;}
.faq_sec .faq_right .sec_title::after{content: ''; width: 80px;height: 11px;position: absolute;left: 45%;bottom: -25px;background: url(../images/title-line.png) center right no-repeat;}

.faq_sec .faq_right .accordion{margin-top: 50px;}

.faq_sec .faq_right .collapsible-link::after {content: '';width: 5px;height: 20px;background: #00acee;position: absolute;top: calc(50% - 9px);right: calc(1rem + 0px);display: block;transition: all 0.3s;}
.faq_sec .faq_right .collapsible-link::before {content: '';width: 20px;height: 5px;background: #00acee;position: absolute;top: calc(50% - 1px);right: calc(1rem + -7px);display: block;transition: all 0.3s;}
.faq_sec .faq_right .collapsible-link[aria-expanded='true']::after {transform: rotate(90deg) translateX(-1px);}
.faq_sec .faq_right .collapsible-link[aria-expanded='true']::before {transform: rotate(180deg);}

.faq_sec .faq_right .shadow {box-shadow: 0 .5rem 1rem rgba(0,0,0,.0) !important;}
.faq_sec .faq_right .collapsible-link:hover{text-decoration:  none;}
.faq_sec .faq_right .collapsible-link:focus{outline: none}
.faq_sec .faq_right .text-dark {color: #658b99 !important;font-weight: 600;}
/* .faq_sec .faq_right .accordion > .card:not(:last-of-type) , .accordion > .card:not(:first-of-type) {border-radius: 12px !important;} */
.faq_sec .faq_right .card{margin: 15px 0;border: 4px solid #e0f1f7;border-radius: 12px!important}
.faq_sec .faq_right .card-body{border-top: 1px solid #e6e6e6;padding: 20px !important;}
.faq_sec .faq_right .card-header{background-color: transparent !important;}


.faq_sec .faq_left img{opacity: .1;}

.faq_sec .faq_right .sec_subtitle{text-align: center;}

.terms-and-conditions{padding: 100px 0;position: relative;}
.terms-and-conditions::after{content: '';width: 560px;height: 820px;position: absolute; background: url(../images/left-side_shape.png) no-repeat;background-size: 100%;top: 0;left: 0;z-index: -1;}
.terms-and-conditions::before{content: '';width: 560px;height: 820px;position: absolute; background: url(../images/right-side_shape.png) no-repeat;background-size: 100%;bottom: 0;right: 0;z-index: -1;}
.terms-and-conditions h2.main_title{font-size: 36px;color: #e98541;font-weight: 700;position: relative;padding-bottom: 30px;margin: 0px 0px 20px 0px;}
.terms-and-conditions h2.main_title:before{content:''; position:absolute; width:79px; height:11px; background:url(../images/title-line.png) right center no-repeat; left:0px; bottom:0px}
.terms-and-conditions .sub_title{font-weight: 700;font-size: 16px;line-height: 26px;margin-bottom: 25px;}
.terms-and-conditions  a{text-decoration: none;color: #00acee;}
.terms-and-conditions p{font-size: 16px;line-height: 24px;}
.terms-and-conditions .sec_title{color:#00acee;padding-left: 15px;position: relative;font-size: 20px;line-height: 24px;}
.terms-and-conditions .sec_title::after{content: ''; width: 8px;height: 8px;border-radius: 50%;background-color: #e98541;position: absolute;top: 8px;left: 0;}

.left-side-area{width: 100%; margin:0px; padding:0px;display:flex; overflow:hidden}
.left-side-area .content-area{width: 50%; padding:0 100px; border-radius:100px 0 0 100px; display: flex; justify-content: flex-start; align-items: center;}
.left-side-area .content-area h2{font-size: 36px;color: #e98541;font-weight: 700;position: relative;padding-bottom: 0px;margin: 0px 0px 20px 0px;}
.left-side-area .content-area h2 span{display:block; font-size:18px; color:#129bd0; font-weight:400; text-transform:uppercase}
.left-side-area .content-area h6{position: relative;padding-bottom: 30px;margin-bottom: 30px;font-size: 20px;}
.left-side-area .content-area h6:before{content:''; position:absolute; width:79px; height:11px; background:url(../images/title-line.png) right center no-repeat; left:0px; bottom:0px}
.left-side-area .content-area h6 i{color: #00acee;}
.left-side-area  .content-area p{font-size: 16px;color: #383838;font-weight: 500;line-height: 24px;margin: 0 0 10px 0;font-style: italic;width: 100%;}
.left-side-area  .content-area .btn-link{position:relative; padding:15px 35px; border:#000000 2px solid; border-radius:5px; font-size:20px; font-weight:400; color:#000000; line-height:20px; text-transform:uppercase; text-decoration:none; margin-top:15px}
.left-side-area  .content-area .btn-link:hover{background:#000000; color:#fff}
.left-side-area  .content-area .read_more_btn{padding:14px 30px; border:#37c3f9 2px solid; border-radius:5px; font-size:20px; font-weight:400; color:#fff; line-height:20px; text-transform:uppercase; text-decoration:none;background-color: #37c3f9;margin-top: 15px;}
.left-side-area  .graphic-area{width: 50%;display: flex; justify-content: center; align-items: center; overflow:hidden;position: relative;border-radius: 0 100px 100px 0;background-color: #00acee;}
.left-side-area  .graphic-area img{filter: grayscale(1);opacity: .9;}

.right-side-area{width: 100%; margin:0px; padding:0px;display:flex; overflow:hidden}
.right-side-area .content-area{width: 50%; padding:0 100px; border-radius:100px 0 0 100px; display: flex; justify-content: flex-start; align-items: center;}
.right-side-area .content-area h2{font-size: 36px;color: #e98541;font-weight: 700;position: relative;padding-bottom: 0px;margin: 0px 0px 20px 0px;}
.right-side-area .content-area h2 span{display:block; font-size:18px; color:#129bd0; font-weight:400; text-transform:uppercase}
.right-side-area .content-area h6{position: relative;padding-bottom: 30px;margin-bottom: 30px;font-size: 20px;}
.right-side-area .content-area h6:before{content:''; position:absolute; width:79px; height:11px; background:url(../images/title-line.png) right center no-repeat; left:0px; bottom:0px}
.right-side-area .content-area h6 i{color: #00acee;}
.right-side-area .content-area p{font-size: 16px;color: #383838;font-weight: 500;line-height: 24px;margin: 0 0 10px 0;font-style: italic;width: 100%;}
.right-side-area .content-area .btn-link{position:relative; padding:15px 35px; border:#000000 2px solid; border-radius:5px; font-size:20px; font-weight:400; color:#000000; line-height:20px; text-transform:uppercase; text-decoration:none; margin-top:15px}
.right-side-area .content-area .btn-link:hover{background:#000000; color:#fff}
.right-side-area .content-area .read_more_btn{padding:14px 30px; border:#37c3f9 2px solid; border-radius:5px; font-size:20px; font-weight:400; color:#fff; line-height:20px; text-transform:uppercase; text-decoration:none;background-color: #37c3f9;margin-top: 15px;}
.right-side-area .graphic-area{width: 50%;display: flex; justify-content: center; align-items: center; overflow:hidden;position: relative;border-radius: 100px 0 0 100px;background-color: #00acee;}
.right-side-area .graphic-area img{filter: grayscale(1);opacity: .9;}


/******************** New style ******************/
.main-top-area{width: 100%; margin:0px;position:relative}
.main-top-area img{width:100%}
.main-top-area .bg{position:absolute; top:0%; width:100%; display: flex; justify-content: flex-start; align-items: center;  height:100%; background:rgba(0,0,0,0.6)}
.main-top-area .bg h1{font-size:40px; font-weight:300; color:#fff; line-height:60px; margin:0px 0px 30px 0px}
.main-top-area .bg .icon{width:140px; margin-bottom:30px}
.main-top-area .bg .icon img{width:100%;}
.main-top-area .bg .btn-link{position:relative; padding:15px 35px; border:#fff 2px solid; border-radius:5px; font-size:20px; font-weight:400; color:#fff; line-height:20px; text-transform:uppercase; text-decoration:none}
.main-top-area .bg .btn-link:hover{background:#fff; color:#37c3f9}


.step-box-area{width: 100%; margin:0px; padding:60px 0px;display:flex; overflow:hidden;}
.step-box-area h1{font-size:46px; text-align:center; color:#e98541; line-height:46px; font-weight:700; position:relative; padding:0 0 30px 0; margin:0 0 30px 0}
.step-box-area h1:before{content:''; position:absolute; width:79px; height:11px; background:url(../images/title-line.png) right center no-repeat; left:50%; bottom:0px; margin-left:-40px}
.step-box-area .btn-start{background:#e98541; color:#fff; padding:12px 60px; font-size:20px; margin-top:-20px}
.step-box-area .main-box{display:flex; margin-bottom:80px}
.step-box-area .content-area{width:60%; background-color:#ecfaff; padding:60px; border-radius:50px; display: flex; justify-content: flex-start; align-items: center; position:relative; overflow:hidden}
.step-box-area .content-area div{position:relative; z-index:1}
.step-box-area .content-area h2{font-size:30px; color:#e98541; font-weight:700; position:relative; padding-bottom:30px; margin:0px 0px 20px 0px}
.step-box-area .content-area h2 span{display:block; font-size:18px; color:#129bd0; font-weight:400; text-transform:uppercase}
.step-box-area .content-area h2:before{content:''; position:absolute; width:79px; height:11px; background:url(../images/title-line.png) right center no-repeat; left:0px; bottom:0px}
.step-box-area .content-area p{font-size:20px; color:#383838; font-weight:500; line-height:34px;  margin:0 0 20px 0; font-style:italic; width:80%}
.step-box-area .content-area ul{margin:0px; padding:0px 0px 0px 15px}
.step-box-area .content-area ul li{font-size:18px; font-weight:500; color:#383838; margin-bottom:5px}
.step-box-area .graphic-area{width: 40%;display: flex; justify-content: flex-start; align-items: center; position:relative}
.step-box-area .graphic-area .number{width:60px; height:60px; background:#e98541; font-size:30px; position:absolute; top:50%; left:0%;  color:#fff; margin-top:-30px; text-align:center; border-radius:50%; line-height:60px; font-weight:700  }
.step-box-area .graphic-area .number.right{width:60px; height:60px; background:#e98541; font-size:30px; position:absolute; top:50%; left:auto; right:0%;  color:#fff; margin-top:-30px; text-align:center; border-radius:50%; line-height:60px; font-weight:700 }
.step-box-area .graphic-area .number:before{content:''; position:absolute; left:-254px; background:url(../images/line-dot.png) center center no-repeat; width:286px; height:411px; top: 64px;}
.step-box-area .graphic-area .number.right:before{content:''; position:absolute; right:-254px; background:url(../images/line-dot.png) center center no-repeat; width:286px; height:411px; top: 64px; -webkit-transform: scaleX(-1);   transform: scaleX(-1); left:auto}
.step-box-area .graphic-area .number.last:before{content:none}
.step-box-area .graphic-area img{width:100%}
.step-box-area .graphic-area img.card_img{width: 70%;margin: 0 auto;}

.step-box-area .graphic-area .mobile-area{width: 231px; height: 390px;position:relative; margin:0 auto}
.step-box-area .graphic-area .mobile-area:before{content:''; position:absolute; top:-40px; right:0px; background:url(../images/dot-icon.png)  center center no-repeat; width:100px; height:100px; background-size:cover}
.step-box-area .graphic-area .mobile-area:after{content:''; position:absolute; bottom: 50px; left: -28px; background:url(../images/dot-icon.png)  center center no-repeat; width:100px; height:100px; background-size:cover}
.step-box-area .graphic-area .mobile-area img {width:100%; position: relative; z-index: 2;overflow: hidden;}
.step-box-area .graphic-area .mobile-area video {width: 167px; height: 100%; max-height: 358px; min-height: 358px; position: absolute; visibility: initial; object-fit: cover; top: 11px; left: 33px; z-index: 1; }
.step-box-area .graphic-area .mobile-area img.screen{position: absolute;top: 0;z-index: 1;width: 169px;max-height:358;height: 100%;left: 33px;visibility: inherit;border-radius: 25px;}


.dashible-deals-area{width: 100%; margin:0px; padding:60px 0px;overflow:hidden; position:relative}
.dashible-deals-area.bg{width: 100%; margin:0px; padding:60px 0px;overflow:hidden; position:relative; background:#ecfaff}
.dashible-deals-area .shape-2{position: absolute; background: #ecfaff; left: -280px; top: -250px; height: 1080px; width: 530px; border-radius: 0 0 100px 100px; transform: rotate(-63deg) !important; z-index: -1;}
.dashible-deals-area .shape-1{position: absolute; background: #ecfaff; right: -280px; bottom: -250px; height: 1080px; width: 530px; border-radius: 100px 100px 0 0px; transform: rotate(-63deg) !important; z-index: -1;}
.dashible-deals-area h1{font-size:46px; text-align:center; color:#e98541; line-height:46px; font-weight:700; position:relative; padding:0 0 30px 0; margin:0 0 30px 0}
.dashible-deals-area h1:before{content:''; position:absolute; width:79px; height:11px; background:url(../images/title-line.png) right center no-repeat; left:50%; bottom:0px; margin-left:-40px}
.dashible-deals-area .table-center{width:70%; margin:0 auto}
.dashible-deals-area .dashible-deal-table{text-align:center}
.dashible-deals-area .dashible-deal-table .logo{width:150px; margin:0 auto}
.dashible-deals-area .dashible-deal-table .logo img{width:100%;}
.dashible-deals-area .dashible-deal-table thead th{border:none; vertical-align:middle}
.dashible-deals-area .dashible-deal-table .vs{width:60px; height:60px; background:#2e4966; margin:0 auto; font-weight:700; color:#fff; font-size:30px; line-height:60px; border-radius:50%}
.dashible-deals-area .dashible-deal-table td{font-size:18px; color:#2e4966; font-weight:700}
.dashible-deals-area .dashible-deal-table .fa-check-circle{color:#417505; font-size:30px}
.dashible-deals-area .dashible-deal-table .fa-times-circle{color:#cf011a; font-size:30px}
.loyalty-area .dashible-deal-table .logo{width:100px; margin:0 auto 20px auto}
.loyalty-area .dashible-deal-table h3{font-weight:700; color:#2e4966}


.synergy-area{width: 100%; margin:0px; padding:60px 0px;overflow:hidden; background:#ecfaff}
.synergy-area h1{font-size:46px; text-align:center; color:#e98541; line-height:46px; font-weight:700; position:relative; padding:0 0 30px 0; margin:0 0 30px 0}
.synergy-area h1:before{content:''; position:absolute; width:79px; height:11px; background:url(../images/title-line.png) right center no-repeat; left:50%; bottom:0px; margin-left:-40px}
.synergy-area .content-area{display:flex; }
.synergy-area .leftside{width: 40%; background-color:#2e4966; padding:30px; border-radius:100px 0; display: flex; justify-content: flex-start; }
.synergy-area .center{width: 20%; display: flex; justify-content: flex-start; align-items: center;}
.synergy-area .rightside{width: 40%; background-color:#e98541; padding:30px; border-radius:0 100px; display: flex; justify-content: flex-start; text-align:center}
.synergy-area .title{font-size:40px; color:#fff; font-weight:700; text-align:center;  margin:0 0 20px 0; position:relative; padding-bottom:10px}
.synergy-area .title:before{content:''; position:absolute; width:79px; height:11px; background:url(../images/title-line.png) left center no-repeat; left:50%; bottom:0px; margin-left:-40px}
.synergy-area .full{width:100%}
.synergy-area h2{color:#fff; font-size:24px;  margin:0 0 10px 0}
.synergy-area ul{margin:0px ;padding:0px; list-style:none}
.synergy-area ul li{font-size:16px; color:#fff; position:relative; padding-left:20px; line-height:24px;}
.synergy-area ul li:before{content:''; background:#e98541; width:8px; height:8px; border-radius:50%; position:absolute; left:0px; top:8px}
.synergy-area hr{border-top: 1px solid rgba(255,255,255,.2);}
.synergy-area p{font-size:18px; color:#fff; font-weight:700}
.synergy-area .logo-center{width:125px; background:#fff; border-radius:15px; padding:20px; margin:0 auto 15px auto}
.synergy-area .logo-center img{width:100%;}
.synergy-area .vs{width:100px; height:100px; background:#04adee; margin:0 auto; font-weight:700; color:#fff; font-size:50px; line-height:100px; border-radius:50%; text-align:center; position:relative}
/*****************************/
.modal-body{padding: 0px;}
.modal-body .close{position:absolute; top:15px; right:15px; color:#000;}
.modal-body .close i{color:#000}
.popup-area{padding: 30px; background-color: #d4edda;}
.popup-area .icon{width: 100px; height: 100%; margin: 0 auto;}
.popup-area .icon img{width: 100%;}
.popup-area h4{font-size:30px; text-align: center; color:#155724; margin:20px 0}
.popup-area p{font-size: 18px; text-align: center; color:#155724;}
.popup-area .btn-primary{background-color: #155724; border:#155724 1px solid; text-transform: uppercase; text-align: center; padding: 10px 20px; font-size: 18px; font-weight: 700; color: #fff; border-radius: 6px;  }

.modal-header .close i{color:#000}
.terms-area{padding: 30px 30px 15px 30px;}
.terms-area .yellow-btn, .terms-area .gray-btn{font-size: 16px; padding: 8px 22px; margin: 0 5px;}



/****************/
.about-info-area{width: 100%; margin:0px; padding:60px 0px;overflow:hidden; position: relative; }
.about-info-area .shape-2{position: absolute; background: #ecfaff; left: -280px; top: -250px; height: 1080px; width: 530px; border-radius: 0 0 100px 100px; transform: rotate(-63deg) !important; z-index: -1;}
.about-info-area .shape-1{position: absolute; background: #ecfaff; right: -280px; bottom: -250px; height: 1080px; width: 530px; border-radius: 100px 100px 0 0px; transform: rotate(-63deg) !important; z-index: -1;}
.about-info-area .step-main-box{position: relative; padding: 0 0 0 130px;}
.about-info-area .step-main-box .number{width: 100px; height:100px; background: url(../images/number-icon.png) center center no-repeat; color:#e98541; font-size: 48px; line-height: 100px; text-align: center; position: absolute; left: 0px; top:0px}
.about-info-area .step-main-box:before{content:''; position:absolute; left:100px;border-right:#cecece 2px dashed; height:100%; top:0px}
.about-info-area .step-main-box .title{font-size:32px; color:#e98541; font-weight:700; position:relative; padding-bottom:20px; margin:0px 0px 20px 0px; padding-top: 30px}
.about-info-area .step-main-box .title::before {content: ''; position: absolute; width: 79px; height: 11px; background: url(../images/title-line.png) right center no-repeat; left: 0px; bottom: 0px; }
.about-info-area .step-main-box p{font-size: 18px; font-weight: 400; color: #383838; line-height: 30px; margin-bottom:0px}
.about-info-area .step-main-box .line{border-bottom:#cecece 2px dashed; margin: 50px 100px 0px -30px}
.about-info-area .step-main-box.right{padding: 0 130px 0 0; text-align: right;}
.about-info-area .step-main-box.right .number{right: 0px; left: auto; background: url(../images/number-icon-right.png) center center no-repeat; }
.about-info-area .step-main-box.right .title::before{right: 0px; left: auto;}
.about-info-area .step-main-box.right .line{border-bottom:#cecece 2px dashed; margin: 50px -30px 0px 100px}
.about-info-area .step-main-box.right:before{right: 100px; left: auto; top:0px}

.team-area{width: 100%; margin:0px; padding:60px 0px;overflow:hidden; background: #ecfaff}
.team-area h2{font-size:46px; color:#e98541; font-weight:700; position:relative; padding-bottom:30px; margin:0px 0px 100px 0px; text-align:center}
.team-area h2 span{display:block; font-size:18px; color:#129bd0; font-weight:400; text-transform:uppercase}
.team-area h2:before{content:''; position:absolute; width:79px; height:11px; background:url(../images/title-line.png) right center no-repeat; left:50%; bottom:0px; margin-left:-40px}
.team-area .team-box{background: #fff; position: relative; padding: 30px 30px 10px 30px;  border-radius: 20px;-webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.1); min-height:540px}
.team-area .team-box .photo{background:#ecfaff; width:180px; height: 180px; padding: 10px; border-radius: 50%; top:-80px; position: absolute; left: 30px}
.team-area .team-box .photo img{width: 100%; border-radius: 50%}
/* .team-area .team-box .title{padding-left: 200px; font-size:24px; line-height: 30px; color: #e98541; font-weight: 700; margin-bottom: 20px} */
.team-area .team-box .title{ font-size:24px; line-height: 30px; color: #e98541; font-weight: 700; margin-bottom: 20px}

.team-area .team-box .title span{display: block; font-weight: 400; font-size:18px; color: #00acee}
.team-area .team-box p{font-size: 16px; font-weight: 400; color: #535353; line-height:24px; margin-bottom:20px}

.why-box-area{width: 100%; margin:0px; padding:60px 0px;overflow:hidden; }
.why-box-area h2{font-size:46px; color:#e98541; font-weight:700; position:relative; padding-bottom:30px; margin:0px 0px 40px 0px; text-align:center}
.why-box-area h2 span{display:block; font-size:18px; color:#129bd0; font-weight:400; text-transform:uppercase}
.why-box-area h2:before{content:''; position:absolute; width:79px; height:11px; background:url(../images/title-line.png) right center no-repeat; left:50%; bottom:0px; margin-left:-40px}
.why-box-area .why-box{background:#ecfaff; padding: 15px; text-align: center; border-radius: 15px}
.why-box-area .why-box .icon{width: 70px; height: 70px; background:#129bd0; margin: 0 auto; border-radius: 50%; color: #fff; line-height: 70px; font-size: 30px;}
.why-box-area .why-box h3{margin:15px 0 0 0; font-size: 18px}

.pricing-area{width: 100%; margin:0px; padding:60px 0px;overflow:hidden; background: #ecfaff}
.pricing-area h2{font-size:46px; color:#e98541; font-weight:700; position:relative; padding-bottom:30px; margin:0px 0px 40px 0px; text-align:center}
.pricing-area h2 span{display:block; font-size:18px; color:#129bd0; font-weight:400; text-transform:uppercase}
.pricing-area h2:before{content:''; position:absolute; width:79px; height:11px; background:url(../images/title-line.png) right center no-repeat; left:50%; bottom:0px; margin-left:-40px}
.pricing-area .package-box{background: #fff; text-align: center; position: relative; padding:0px;  border-radius: 20px;-webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.1);}
.pricing-area .package-box .package-title{text-align: center; background:#000; border-radius: 20px 20px 0px 50px; font-size: 30px; color: #fff; padding: 20px 0 25px 0; text-transform: uppercase; letter-spacing: 2px}
.pricing-area .package-box .price{text-align: center; margin: 25px 0 15px 0; font-size:40px; font-weight: 700; line-height: 40px}
.pricing-area .package-box .price sup{color:#000; margin-right: 5px}
.pricing-area .package-box .price sub{color:#000; font-size: 20px}
.pricing-area .package-box .price span{display: block; font-size: 18px; font-weight: 400; color:#828282; text-transform: uppercase;}
.pricing-area .package-box ul{margin:0px 25px; padding:0px; list-style: none; border-top:#bfbebe 1px dashed}
.pricing-area .package-box ul li{text-align: center; border-bottom:#bfbebe 1px dashed; line-height: 46px; font-size: 18px}
.pricing-area .package-box .btn-started{background: #000; color:#fff; padding: 8px 18px; font-size: 16px; letter-spacing: 1px; text-transform: uppercase; margin: 25px 0}

.pricing-area .package-box.starter .package-title{background: #6ba432}
.pricing-area .package-box.starter .price{color: #6ba432}
.pricing-area .package-box.starter .btn-started{background: #6ba432}

.pricing-area .package-box.silver .package-title{background: #145fa5}
.pricing-area .package-box.silver .price{color: #145fa5}
.pricing-area .package-box.silver .btn-started{background: #145fa5}

.pricing-area .package-box.gold .package-title{background: #d15330}
.pricing-area .package-box.gold .price{color: #d15330}
.pricing-area .package-box.gold .btn-started{background: #d15330}

.pricing-area .package-box.platinum .package-title{background: #653983}
.pricing-area .package-box.platinum .price{color: #653983}
.pricing-area .package-box.platinum .btn-started{background: #653983}

.career_area{width: 100%; margin:0px; padding:140px 0 60px 0; position:relative; overflow:hidden ; }
.career_area .shape-1{position:absolute; background:#ecfaff; right: -220px; top: -132px; height: 91%; width: 65%; border-radius: 0 0 0 146px; transform: rotate(22deg); z-index: -1;}
.career_area .shape-2{position:absolute; background:#ecfaff; left: -178px; top: -78px; height: 50%; width: 40%; border-radius: 0 100px 100px 0; transform: rotate(22deg); z-index: -1;}
.career_area img{width: 100%}
.career_area .logo{width: 100px; margin: 50px 0 30px 0}
.career_area h1{font-size: 50px; font-weight: 300; line-height: 66px; margin-right: 50px}
.career_area h1 span{font-weight: 700; font-size: 80px; color: #37c3f9; line-height: 80px;}
.hiring-area{width: 100%; margin:0px; padding:60px 0px;display:flex; overflow:hidden;}
.hiring-area h1{font-size:46px; color:#e98541; font-weight:700; position:relative; padding-bottom:30px; margin:0px 0px 40px 0px; text-align:center}
.hiring-area h1 span{display:block; font-size:18px; color:#129bd0; font-weight:400; text-transform:uppercase}
.hiring-area h1:before{content:''; position:absolute; width:79px; height:11px; background:url(../images/title-line.png) right center no-repeat; left:50%; bottom:0px; margin-left:-40px}
.hiring-area .btn-start{background:#e98541; color:#fff; padding:12px 60px; font-size:20px; margin-top:-20px}
.hiring-area .main-box{display:flex; margin-bottom:0px}
.hiring-area .main-box.second{display: flex; flex-direction: row-reverse;}
.hiring-area .content-area{width:50%; background-color:#ecfaff; padding:40px; border-radius:50px; display: flex; justify-content: flex-start; align-items: center; position:relative; overflow:hidden}
.hiring-area .content-area div{position:relative; z-index:1}
.hiring-area .content-area h2{font-size:30px; color:#e98541; font-weight:700; position:relative; padding-bottom:30px; margin:0px 0px 20px 0px}
.hiring-area .content-area h2 span{display:block; font-size:18px; color:#129bd0; font-weight:400; text-transform:uppercase}
.hiring-area .content-area h2:before{content:''; position:absolute; width:79px; height:11px; background:url(../images/title-line.png) right center no-repeat; left:0px; bottom:0px}
.hiring-area .content-area p{font-size:18px; color:#383838; font-weight:500; line-height:28px;  margin:0 0 20px 0; font-style:italic;}
.hiring-area .content-area .apply_btn{padding:12px 30px; background:transparent; border:#000 2px solid; border-radius:5px; font-size:18px; font-weight:400; color:#000; line-height:20px; text-transform:uppercase; text-decoration:none;}
.hiring-area .graphic-area{width: 50%;display: flex; justify-content: flex-start; align-items: center; position:relative}
.hiring-area .graphic-area img{width:100%}
.hiring-area .graphic-area img.card_img{width: 70%;margin: 0 auto;}

.modal-title span{color:#ff9e01}
.modal-body .form-area{padding: 30px;}
.modal-body .form-area .yellow-btn{font-size: 16px; padding: 8px 22px; margin: 0px}
.modal-body .form-area .form-group{margin-bottom: 25px !important;position: relative !important;}
.modal-body .form-area .form-group label{position: absolute;background-color: #fff;color: #02adee;padding: 0 10px;top: -13px;left: 15px;font-size: 16px;font-weight: 400;}
.modal-body .form-area .form-group .form-control{font-size: 16px;padding: 18px 25px 14px 25px;border: 1px solid #dcdcdc;border-radius: 6px;}


.press-release-area{width: 100%; margin:60px 0px; padding:0px 0px 60px 0px;display:flex; overflow:hidden; border-bottom:#d0d0d0 2px dashed}
.press-release-area .content-area{width: 60%; padding:0 0px 0 30px; border-radius:100px 0 0 100px; display: flex;}
.press-release-area .content-area h2{font-size: 28px;color: #e98541;font-weight: 700;position: relative;padding-bottom: 0px;margin: 0px 0px 15px 0px;}

.press-release-area .content-area p{font-size: 16px;color: #000;font-weight: 500;line-height: 24px;margin: 0 0 10px 0;font-style: italic;width: 100%;}
.press-release-area .content-area .btn-link{position:relative; padding:10px 20px; border:#000000 2px solid; border-radius:5px; font-size:16px; font-weight:400; color:#000000; line-height:20px; text-transform:uppercase; text-decoration:none; }
.press-release-area .content-area .btn-link:hover{background:#000000; color:#fff}
.press-release-area .graphic-area{width: 40%;overflow:hidden;position: relative; height: auto;}
.press-release-area .graphic-area img{ width: 100%; border-radius: 15px}
.press-release-area .graphic-area .date{position: absolute; top:10px; left: 10px; font-size: 16px; background: #00acee; color:#fff; padding: 5px 15px; border-radius:20px;}
.press-release-area .graphic-area .date i{margin-right:10px }


.merchant-detail{background:#ecfaff}

.main_area{margin:0px; padding:0px}
.profile_cover{max-width:1500px; margin: 0 auto; height:500px; border-radius:0 0 20px 20px; overflow:hidden; -webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.1); position: relative;}
.profile_cover::before{position: absolute; top:0px; left: 0px; content: ''; width: 100%; height: 100%;
  background: rgba(19,19,19,0.8);
  background: -moz-linear-gradient(top, rgba(19,19,19,0.8) 0%, rgba(133,34,133,0) 68%, rgba(186,41,186,0) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(19,19,19,0.8)), color-stop(68%, rgba(133,34,133,0)), color-stop(100%, rgba(186,41,186,0)));
  background: -webkit-linear-gradient(top, rgba(19,19,19,0.8) 0%, rgba(133,34,133,0) 68%, rgba(186,41,186,0) 100%);
  background: -o-linear-gradient(top, rgba(19,19,19,0.8) 0%, rgba(133,34,133,0) 68%, rgba(186,41,186,0) 100%);
  background: -ms-linear-gradient(top, rgba(19,19,19,0.8) 0%, rgba(133,34,133,0) 68%, rgba(186,41,186,0) 100%);
  background: linear-gradient(to bottom, rgba(19,19,19,0.8) 0%, rgba(133,34,133,0) 68%, rgba(186,41,186,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#131313', endColorstr='#ba29ba', GradientType=0 );
  }

.profile_cover img{width:100%;}
.profile_cover.desktop{display: block;}
.profile_cover.mobile{display: none;}

.profile_area{width:100%; margin:-60px auto 30px auto; border-radius:10px; background:#fff;  z-index:1; position:relative; -webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.1);}
.profile_area .profile-photo{width:160px; height:160px; border-radius:10px; border:#e3e6ed 4px solid; background:#fff; position: absolute; top: -90px; left: 30px; padding: 10px}
.profile_area .profile-photo img{width:90%; height: 90%; position: absolute; top: 5%; bottom: 5%; left: 5%; right: 5%; object-fit: cover;border-radius:10px}
.profile_area h1{font-size:24px; line-height:70px; padding-left:210px; color:#000; font-weight:700}
.profile_area h2{margin: 0px; font-size: 16px; color:#050505; padding: 0 30px 30px 30px; line-height: 24px;}
.profile_area ul.btn-list{margin:0px; padding:20px 30px; list-style:none; display: flex; justify-content: space-between; align-items: center; width:100%;  z-index:1; flex-wrap: wrap; }
.profile_area ul.btn-list li{width:calc(17% - 5px); position:relative; overflow:hidden;  transition:all .5s ease; }
.profile_area ul.btn-list li a{color:#050505; text-decoration:none; line-height:40px; font-weight:400}
.profile_area ul.btn-list li a.btn-start{background: #FF8C21; color:#fff; text-transform: uppercase; line-height: 40px; width:100%; display: block; border-radius: 20px; text-align: center;}
.profile_area ul.btn-list li .icon{width:40px; height:40px; margin-right:15px; float:left}
.profile_area ul.btn-list li i{width:40px; height:40px; background-color:#e3e6ed; color:#050505;  line-height:40px; text-align:center; border-radius:50%; font-size:18px}

.address-map{width:100%; padding:20px; margin-bottom: 20px; border-radius:10px; background:#fff;  z-index:1; position:relative; -webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.1);}
.address-map p{font-size:16px; font-weight:300; color:#050505; line-height:20px; position:relative; padding-left: 50px}
.address-map p a{text-decoration: none; color: #050505}
.address-map p strong{font-size:16px; font-weight:700; display: block;}
.address-map p i{width:40px; height:40px; background-color:#e3e6ed; color:#050505;  line-height:40px; text-align:center; border-radius:50%; font-size:18px; position: absolute; left: 0px; top: 0px}
.address-map .map{width:100%; height:250px; border-radius: 10px; overflow: hidden;}
.content-area{width:100%; padding:0px;}
.content-area ul.tab-area{margin:0px 0px 20px 0px; padding: 0px; list-style:none;}
.content-area ul.tab-area li a{padding:10px 18px; font-size: 16px; color: #000; background: #fff; display: block; margin-right:15px; text-decoration: none; border-radius:25px;  -webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.1);  }
.content-area ul.tab-area li a i{margin-right: 10px;}
.content-area ul.tab-area li a:hover, .content-area ul.tab-area li a.active{background:#05afef; color: #fff}

.content-area .deal-box{width:100%; padding:10px 20px; margin-bottom: 20px; border-radius:10px; background:#fff;  z-index:1; position:relative; -webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.1);}
.content-area .deal-box .offer{font-size: 24px; color: #000; line-height: 30px; margin:0 0 5px 0;}
.content-area .deal-box p{font-size: 16px; color: #777; line-height: 20px; margin:0 0 15px 0;}
.content-area .deal-box p i{font-size: 16px; color: #05afef; margin-right: 10px}
.content-area .deal-box ul.option{margin:15px 0px 0px 0px; padding: 0px; list-style: none;}
.content-area .deal-box ul.option li{font-size: 18px; line-height: 30px; float:left;margin-right: 25px}
.content-area .deal-box ul.option li:last-child{float: right; margin-right: 15px}
.content-area .deal-box ul.option li img{width:36px; margin-right: 5px}
.content-area .deal-box .deal-photo{width: 100%;position: relative;}
.content-area .deal-box .deal-photo .share_btn {position: absolute;top: 10px;width: 46px;background: #fff;height: 46px;text-align: center;line-height: 46px;font-size: 24px;color: #00b2f0;border-radius: 50%;right: 10px;}
.content-area .deal-box .deal-photo img{width: 100%;}

.content-area .review-box{width:100%; position: relative; margin-bottom: 20px; padding-left:140px}
.content-area .review-box .review-photo{width: 125px; height: 125px; position: absolute; left: 0px; top:0px; border-radius: 50%; background: #fff; overflow: hidden; border:#fff 4px solid; left: 0px}
.content-area .review-box .review-photo img{width:100%; height: 100%; position: absolute; top: 0%; bottom: 0%; left: 0%; right: 0%; object-fit: cover;}
.content-area .review-box .contant{border-radius:10px; padding:10px 15px; position: relative; background:#fff;  z-index:1; position:relative; -webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.1);}
.content-area .review-box .contant .name{font-size:20px; font-weight: 700; color: #000; margin:0 0 5px 0;}
.content-area .review-box .contant .name span{font-size:16px; font-weight: 400;display:block; color: #05afef}
.content-area .review-box .contant .yelp-logo{position: absolute; right: 15px; top: 15px}
.content-area .review-box .contant .star{color: #03af60; font-size: 15px; margin-bottom: 15px;}
.content-area .review-box .contant .star i{margin-right: 3px;}
.content-area .review-box .contant .star span{background: #03af60; color: #ffffff; font-size: 14px; font-weight: 700; padding: 3px 10px; margin-right: 10px; border-radius: 4px;}
.content-area .review-box .contant p{font-size: 16px; color: #757575; line-height: 25px; margin: 0px}
.content-area .about-info{width:100%; padding:20px; margin-bottom: 20px; border-radius:10px; background:#fff;  z-index:1; position:relative; -webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.1);}
.content-area .about-info h2{font-size:24px; line-height:36px; margin:0px 0 10px 0; color:#000; font-weight:700}


.error_top_area{width: 100%; margin:0px; position:relative; overflow:hidden ; }
.error_top_area .shape-1{position:absolute; background:#ecfaff; right: -220px; top: -132px; height: 91%; width: 65%; border-radius: 0 0 0 146px; transform: rotate(22deg); z-index: -1;}
.error_top_area .shape-2{position:absolute; background:#ecfaff; left: -178px; top: -78px; height: 50%; width: 40%; border-radius: 0 100px 100px 0; transform: rotate(22deg); z-index: -1;}
.error_top_area .contant-area{ display: flex; max-width:1300px; margin: 0 auto; justify-content: flex-start; align-items: center;  height:100%; padding:250px 0}
.error_top_area .contant-area .left{width: 50%;display: flex; justify-content: flex-start; align-items: center;}
.error_top_area .contant-area .right{width: 50%;display: flex; justify-content: flex-start; align-items: center;}
.error_top_area h2{font-size:40px; font-weight:300; color:#5d6470; line-height:60px; margin:0px 0px 20px 0px}
.error_top_area h2 strong{font-weight:700; font-size:80px; color:#37c3f9; line-height:80px}
.error_top_area p{font-size: 30px; margin-bottom: 20px;}
.error_top_area .mac-video{width:666px; height:382px; position:relative; margin:0 auto}
.error_top_area .mac-video img{width:100%; position: relative; z-index: 2;}

.atlantic-ave-dash-popup{margin:0px; padding: 50px 50px 30px 160px; background: url(../images/popup-bg.png) top left no-repeat; background-size: auto 240%; position: relative; text-align: center;}
.atlantic-ave-dash-popup .logo{width: 160px; height: 160px; border-radius: 50%; background: #fff; border:#00acee 10px solid; overflow: hidden; padding: 15px; position: absolute; top: 20px; left: 30px}
.atlantic-ave-dash-popup .logo img{width: 100%}
.atlantic-ave-dash-popup h1{margin: 0 0 20px 0; font-size: 60px; color:#00acee; font-weight: 700; line-height: 54px;}
.atlantic-ave-dash-popup h1 span{font-size:48px; font-weight: 700; color:#000}
.atlantic-ave-dash-popup h1 span sup{color:#ff9e01}
.atlantic-ave-dash-popup h3{font-size:32px; font-weight:500; color:#ff9e01; margin:0 0 20px 0}
.atlantic-ave-dash-popup p{font-size:20px; font-weight:500; color:#000; margin:0 0 20px 0}
.atlantic-ave-dash-popup .yellow-btn{border-radius: 25px; font-size: 20px; font-weight: 400}

.form-group .toggle-password{position: absolute; bottom: 18px; right: 15px; width: 20px; height: 20px; line-height: 20px; color: #02adee;}

.partner-logo-area{width: 100%; margin:0px; padding:60px 0px 30px 0px;}
.partner-logo-area .partner-logo{margin-bottom: 30px;}
.partner-logo-area .partner-logo .name{font-size: 24px; margin-top: 10px; color: #000; font-weight: 700; text-align: center;}
.partner-logo-area .partner-logo-box{border:#e6e6e6 1px solid; position: relative; overflow: hidden; border-radius: 10px}
.partner-logo-area .partner-logo-box img{width: 100%}
.partner-logo-area .partner-logo-box .content{position: absolute; width: 100%; height: 100%; left: 0px; bottom:-100%; background: rgb(18,101,197,1);background: linear-gradient(45deg, rgba(18,101,197,1) 0%, rgba(5,200,197,1) 100%);-webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; padding:15px}
.partner-logo-area .partner-logo-box .content h2{font-size: 24px; color: #fff; line-height: 30px; margin-bottom: 15px}
.partner-logo-area .partner-logo-box .content p{font-size: 16px; line-height: 24px; color: #fff; margin-bottom: 15px}
.partner-logo-area .partner-logo-box .content a.link{background: #fff; color: #139bce; font-size: 16px; padding: 8px 26px; display: inline-block; text-decoration: none; border-radius: 30px; text-transform: uppercase; position: absolute; bottom: 15px; left: 15px}
.partner-logo-area .partner-logo-box:hover .content{bottom: 0px; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}

.app_download .close_btn{text-align: center;width: 30px;float: left;text-align: center;}
.app_download .close_btn {margin-top: 27px;display: block;text-decoration: none;}
.app_download .app_logo{width: 80px;float: left;padding: 11px;}
.app_download .app_logo img{width: 100%;}
.app_download .app_detail{width: 50%;float: left;padding: 10px 0;}
.app_download .app_detail p{margin-bottom: 0;line-height: 15px;}
.app_download .app_detail ul{margin: 0;padding: 0;list-style: none;}
.app_download .app_detail ul li{display: inline-block;}
.app_download .app_detail ul li i{color: #ff9e01;}
.app_download .app_btn{width: 15%;float: right;text-align: center;}
.app_download .app_btn a{margin-top: 27px;display: block;text-decoration: none;}

.bitcoin-content{margin:0px; padding: 20px;position: relative; text-align: center;}
.bitcoin-content h1{margin: 0 0 20px 0; font-size: 40px; color:#00acee; font-weight: 700; line-height: 54px;}
.bitcoin-content img{width: 60%; border-radius: 50%}
.bitcoin-content h3{font-size:32px; font-weight:500; color:#ff9e01; margin:20px 0}
.bitcoin-content ul.bitcoin-point{text-align: center; margin: 0px; padding: 0px; list-style: none;}
.bitcoin-content ul.bitcoin-point li{display: inline-block;background: #00acee; color: #fff; border-radius: 20px; line-height: 38px; padding: 0 15px; margin: 0 3px 10px 3px; width: 47%; text-transform: uppercase;}
.bitcoin-content ul.bitcoin-point li:hover{background:#ff9e01 }

.modern-customer-loyalty-page .press-release-area:last-child{border: none;}
.modern-customer-loyalty-page .press-release-area .content-area{padding: 0 50px;}
.modern-customer-loyalty-page .press-release-area .content-area a{text-decoration: none;}
.modern-customer-loyalty-page .press-release-area .content-area h1{font-size:40px; color:#37c3f9; font-weight:700;margin:0 0 20px 0;}
.modern-customer-loyalty-page .press-release-area .content-area p{font-size: 18px;}
.modern-customer-loyalty-page .press-release-area .graphic-area{display: flex;justify-content: flex-start;align-items: center;text-align: center;padding: 0 50px;}
.modern-customer-loyalty-page .press-release-area .graphic-area h1{font-size:50px; color:#e98541; font-weight:700;margin:0 0 40px 0;text-align: left;position: relative;}
.modern-customer-loyalty-page .press-release-area .graphic-area h1::before{content: ''; width: 80px;height: 11px;position: absolute;left: 0;bottom: -36px;background: url(../images/title-line.png) center right no-repeat;}
.modern-customer-loyalty-page .press-release-area .graphic-area h1:nth-child(2){margin-top: 70px;}
.modern-customer-loyalty-page .press-release-area .graphic-area:nth-child(even) h1::before{left: auto;right: 0;}
.modern-customer-loyalty-page .press-release-area .graphic-area:nth-child(even) h1{text-align: right;}
.modern-customer-loyalty-page .press-release-area .graphic-area img{width: 60%;}



.loyalty-info-page{width: 100%; margin:0px; padding:100px 0px;overflow:hidden; position: relative; }
.loyalty-info-page .consumer-heading {margin-bottom: 30px}
.loyalty-info-page .consumer-heading .consumer-logo {width :160px; height: 160px;border-radius: 10px; border: #e3e6ed 4px solid; background: #fff; position: relative ; padding: 10px; margin: auto;}
.loyalty-info-page .consumer-heading .consumer-logo img{width: 90%; height: 90%; position: absolute; top: 5%; bottom: 5%; left: 5%; right: 5%; object-fit: cover; border-radius: 10px;}
.loyalty-info-page .consumer-heading .consumer-title {font-size: 42px;line-height: 45px; color: #00aaed;; font-weight: 700; text-align: center; margin: 10px 0 0 0}
.loyalty-info-page .shape-2{position: absolute; background: #ecfaff; left: -280px; top: -250px; height: 1080px; width: 530px; border-radius: 0 0 100px 100px; transform: rotate(-63deg) !important; z-index: -1;}
.loyalty-info-page .shape-1{position: absolute; background: #ecfaff; right: -280px; bottom: -250px; height: 1080px; width: 530px; border-radius: 100px 100px 0 0px; transform: rotate(-63deg) !important; z-index: -1;}
.loyalty-info-page h1{font-size: 36px;font-weight: 700;color: #e98541;margin-bottom: 65px;position: relative; text-align: center;}
.loyalty-info-page h1:before{content: ''; width: 80px;height: 11px;position: absolute;left: 50%; margin-left: -40px; bottom: -36px;background: url(../images/title-line.png) center right no-repeat;}
.loyalty-info-page .icon-area{width: 700px; margin: 0 auto;}
.loyalty-info-page .icon-area .loyalty-box{background: #ecfaff; border-radius: 20px; padding: 30px 0 0 0}
.loyalty-info-page .icon-area .loyalty-box .icon{width: 250px; margin: 0 auto;}
.loyalty-info-page .icon-area .loyalty-box img{width: 100%}
.loyalty-info-page .icon-area .loyalty-box h2{background: #06aff0; color: #fff; text-align: center; padding: 20px 15px; font-size: 30px; margin: 30px 0px 0px 0px; border-radius: 0 0 20px 20px}
.loyalty-info-page .icon-area a{text-decoration: none;}
.loyalty-info-page .icon-area .loyalty-box:hover h2{background: #ff9e01}
.loyalty-info-page .form-area{width: 700px; margin: 0 auto; background: #ecfaff; border-radius: 20px; padding: 40px 30px 30px 30px}
.loyalty-info-page .form-area .form-group{margin-bottom: 25px !important;position: relative !important;}
.loyalty-info-page .form-area .form-group label{position: absolute;background-color: #ecfaff;color: #02adee;padding: 0 10px;top: -13px;left: 15px;font-size: 18px;font-weight: 700;}
.loyalty-info-page .form-area .form-group .form-control{font-size: 16px;padding: 18px 25px 14px 25px;border: 1px solid #b7c7cc;border-radius: 6px;background-color: transparent;}
.loyalty-info-page .form-area .btn_submit{ padding:15px 35px;  width: 100%; border-radius:5px; font-size:20px; font-weight:400; color:#fff; line-height:20px; text-transform:uppercase; text-decoration:none;background-color: #37c3f9;}
.loyalty-info-page .form-area .btn_submit:hover{background:#37c3f9; color:#fff}
.loyalty-info-page .form-area .btn_back{ padding:15px 35px;  width: 100%; border-radius:5px; font-size:20px; font-weight:400; color:#fff; line-height:20px; text-transform:uppercase; text-decoration:none;background-color: #ff9e01;}
.loyalty-info-page .form-area .btn_back:hover{background:#ff9e01; color:#fff}
.loyalty-info-page .loyalty-content-area{width: 700px; margin: 0 auto;}
.loyalty-info-page .loyalty-content-area .redeem-text{text-align: center;margin-top: 30px;font-size: 32px;font-weight: 600;color: #06aff0;}
.loyalty-info-page .loyalty-content-area ul.nav{margin: 0px auto; padding: 14px 7px; background: #e0f1f7; width: 408px; border-radius: 8px;}
.loyalty-info-page .loyalty-content-area ul.nav li{padding: 0 7px}
.loyalty-info-page .loyalty-content-area ul.nav li a{ border-radius: 5px; font-size: 18px;color: #06aff0; font-weight: 700; padding: 12px 50px}
.loyalty-info-page .loyalty-content-area ul.nav li a.active, .loyalty-info-page .loyalty-content-area ul.nav li a:hover{background: #06aff0; color: #fff}
.loyalty-info-page .loyalty-content-area .level_text{display: flex; justify-content: space-between; margin-top: 30px}
.loyalty-info-page .loyalty-content-area .level_text .left{font-size: 18px; line-height: 24px; margin-bottom: 5px;padding-left: 70px;}
.loyalty-info-page .loyalty-content-area .level_text .left span{color: #06aff0; font-weight: 700}
.loyalty-info-page .loyalty-content-area .level_text .right{font-size: 18px; line-height: 24px; margin-bottom: 5px;padding-right: 70px;}
.loyalty-info-page .loyalty-content-area .level_text .right span{color: #ff9e01; font-weight: 700}
.loyalty-info-page .loyalty-content-area .progress-bar{width: 80%; margin: 0 auto; background: #e0f1f7; height: 30px; border-radius: 15px; padding: 3px}
.loyalty-info-page .loyalty-content-area .progress-bar .progressbar{background: #06aff0; height: 24px; border-radius: 15px; padding-right: 15px; text-align: right;}
.loyalty-info-page .loyalty-content-area .total-level{color: #212529; text-align: center; font-size: 18px; text-align: center; margin-top: 10px; font-weight: 700}

.card-box{border-radius:15px; width: 400px !important; height: 250px !important; padding: 15px;opacity: 0.7; position: relative; margin:50px auto 0px auto !important;  }
.card-box:before{content: ''; /*! background:url(../images/card-shadow.png) center left no-repeat; */ position:absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.card-blue{background: rgba(0,171,239,1); background: -moz-linear-gradient(top, rgba(0,171,239,1) 0%, rgba(68,115,196,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,171,239,1)), color-stop(100%, rgba(68,115,196,1))); background: -webkit-linear-gradient(top, rgba(0,171,239,1) 0%, rgba(68,115,196,1) 100%); background: -o-linear-gradient(top, rgba(0,171,239,1) 0%, rgba(68,115,196,1) 100%); background: -ms-linear-gradient(top, rgba(0,171,239,1) 0%, rgba(68,115,196,1) 100%); background: linear-gradient(to bottom, rgba(0,171,239,1) 0%, rgba(68,115,196,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00abef', endColorstr='#4473c4', GradientType=0 ); }
.card-orange{background: rgba(247,154,96,1); background: -moz-linear-gradient(top, rgba(247,154,96,1) 0%, rgba(217,106,37,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(247,154,96,1)), color-stop(100%, rgba(217,106,37,1))); background: -webkit-linear-gradient(top, rgba(247,154,96,1) 0%, rgba(217,106,37,1) 100%); background: -o-linear-gradient(top, rgba(247,154,96,1) 0%, rgba(217,106,37,1) 100%); background: -ms-linear-gradient(top, rgba(247,154,96,1) 0%, rgba(217,106,37,1) 100%); background: linear-gradient(to bottom, rgba(247,154,96,1) 0%, rgba(217,106,37,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f79a60', endColorstr='#d96a25', GradientType=0 ); }
.card-black{background: rgba(51,51,51,1); background: -moz-linear-gradient(top, rgba(51,51,51,1) 0%, rgba(0,0,0,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(51,51,51,1)), color-stop(100%, rgba(0,0,0,1))); background: -webkit-linear-gradient(top, rgba(51,51,51,1) 0%, rgba(0,0,0,1) 100%); background: -o-linear-gradient(top, rgba(51,51,51,1) 0%, rgba(0,0,0,1) 100%); background: -ms-linear-gradient(top, rgba(51,51,51,1) 0%, rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(51,51,51,1) 0%, rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000', GradientType=0 ); }
.card-box .card-logo{width: 60px; float: left; background:#fff; padding:8px 5px; border-radius: 5px; height: 60px;}
.card-box .card-logo img{width: 100%;}
.card-box .merchant-name{font-size:22px; font-weight: 700; color:#fff; float: right; line-height: 50px;}
.card-box .customer-name{font-size:18px; color:#fff; margin-top: 53px; font-weight: 700;}
.card-box .card-number{font-size:20px; color:#fff;  font-weight: 700; letter-spacing: 1px; margin-bottom: 0px; line-height: 16px; margin-top: 5px;}
.card-box .stamps{font-size:20px; color:#fff; line-height: 20px; margin-top: 8px; margin-bottom: 0px;}
.card-box .loyalty-text {float: left; color: #fff; font-size: 14px; margin-top: 10px; }
.card-box .number{position: absolute; bottom: 8px; right: 10px; font-size: 16px; text-align: center; color: #fff;}
.card-box .number span{background: #fff; color:#000; width: 34px; height: 34px; text-align: center; line-height: 34px; font-size:16px; font-weight: 700; border-radius:4px 4px 12px 4px; display: block;}
.swiper.card_slid{width: 50% !important;}
.card-box.swiper-slide-active{opacity: 1;}
.rewards {margin-top: 30px; }
.rewards:last-child{border-bottom: none;}
.rewards h2 {font-size:32px; font-weight: 500;}
.rewards p {font-size: 18px; line-height: 1.1; margin-bottom: 30px;}
.rewards .reward_main {display: flex; width: 100%; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.14); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.14); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.14); border-radius: 15px;}
.rewards .reward_main .detail_img{width: 40%;  display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; height: 295px; border-radius: 15px 0 0 15px}
.rewards .reward_main .detail_img .business_nm {position: absolute;font-size: 16px; background: #06aff0; padding: 8px 14px; font-weight: 500; left: 0px; bottom: 15px; margin: 0; color: #fff; border-top-right-radius: 25px; border-bottom-right-radius: 25px;}
.rewards .reward_main .detail_img .business_nm i{width: 25px;}
.rewards .reward_main .detail_img .miles i{width: 20px;}
.rewards .reward_main .detail_img .miles {position: absolute;   top:20px; right: 0px; background: #FF8C21; padding: 8px 8px 8px 14px;font-size: 14px; line-height: 14px; color: #fff; border-top-left-radius: 25px; border-bottom-left-radius: 25px;}
.rewards .reward_main .detail_img img{width: 100%; height: 100%; position: absolute; top:0px; bottom: 0px; left: 0px; right: 0px; margin: auto; object-fit: cover; filter: brightness(60%);}
.rewards .reward_main .reward_detail {width: 60%; background: #fff; border-radius: 15px; padding: 25px;  display: flex; }
.rewards .reward_main .reward_detail h2 {font-size:24px; font-weight: 500; margin-bottom: 15px;}
.rewards .reward_main .reward_detail p {font-size: 16px; line-height: 1; margin-bottom: 30px; }
.rewards .reward_main  .reward_detail ul{padding: 0; list-style: none; margin: 0px}
.rewards .reward_main  .reward_detail ul li{display:flex;margin-bottom: 15px; align-items: baseline; justify-content: flex-start; }
.rewards .reward_main  .reward_detail ul li p, a {margin: 0px;line-height: 1.1; font-size: 18px; color: #06aff0; }
.rewards .reward_main  .reward_detail ul li:last-child {margin: 0px;}
.rewards .reward_main  .reward_detail ul li span {color: #000; font-size: 14px; }
.rewards .reward_main  .reward_detail ul li i{margin: 0 10px 0 0; width: 20px; text-align: center;}


.thank-you-page {height: 100%; width: 100%; display: flex; align-items: center; align-content: center; justify-content: center; position: fixed; z-index: 50; top: 0; right: 0%; background: rgb(18,101,197,1); background: linear-gradient(45deg, rgba(18,101,197,1) 0%, rgba(5,200,197,1) 100%); overflow-x: hidden;}
.thank-you-page.active{right: -100%}
.thank-you-page .bg-bottom{background:url(../images/menu-bg.png) center bottom repeat-x; position:absolute; bottom:0px; left:0%; width:100%; height:100%; z-index:1}
.thank-you-page .close_btn{position:absolute; top:0px; right:0px; background:#fff; width:100px; height:100px; border-radius:0 0 0 100px; padding:28px 28px 48px 48px; cursor:pointer; z-index: 22}
.thank-you-page .content_area{width: 460px; text-align: center;}
.thank-you-page .content_area h1{font-size: 50px; color: #fff; font-weight: 700; margin: 0 0 30px 0}
.thank-you-page .content_area .icon{width: 400px; margin: 0 auto; overflow: hidden; border-radius: 15px}
.thank-you-page .content_area .icon img{width: 100%; }
.thank-you-page .content_area p{font-size: 30px; line-height: 30px; color: #fff; font-weight: 400; margin: 30px 0 0px 0; text-align: center;}

.congratulations-page {height: 100%; width: 100%; display: flex; align-items: center; align-content: center; justify-content: center; position: fixed; z-index: 51; top: 0; right: 0%; background:#edeef3; overflow-x: hidden;}
.congratulations-page.active{right: -100%}
.congratulations-page .close_congratulations{position:absolute; top:0px; right:0px; background:#fff; width:100px; height:100px; border-radius:0 0 0 100px; padding:28px 28px 48px 48px; cursor:pointer; z-index: 22}
.congratulations-page .content_area{width: 460px; text-align: center;}
.congratulations-page .content_area h1{font-size: 50px; color: #313538; font-weight: 700; margin: 0 0 30px 0}
.congratulations-page .content_area .icon{width: 400px; margin: 0 auto; overflow: hidden; border-radius: 15px}
.congratulations-page .content_area .icon img{width: 100%; }
.congratulations-page .content_area p{font-size: 30px; line-height: 30px; color: #313538; font-weight: 400; margin:0; text-align: center;}



@media (max-width: 767px) {

.loyalty-info-page {padding: 70px 0;}
.loyalty-info-page .shape-1, .loyalty-info-page .shape-2{display: none}
.loyalty-info-page h1 {font-size: 32px;}
.loyalty-info-page .icon-area{width: 100%}
.loyalty-info-page .icon-area .md_5{margin: 0 -5px}
.loyalty-info-page .icon-area .pd_5{padding: 0 5px}
.loyalty-info-page .icon-area .loyalty-box .icon{width: 80%}
.loyalty-info-page .icon-area .loyalty-box{margin-bottom: 25px; padding: 15px 0 0 0}
.loyalty-info-page .icon-area .loyalty-box h2{margin: 15px 0px 0px 0px; font-size: 20px; padding: 10px 0}
.loyalty-info-page .form-area {width: 100%; padding: 30px 20px 20px 20px;}
.loyalty-info-page .form-area .form-group{margin-bottom: 15px !important}
.loyalty-info-page .form-area .md_5{margin: 0 -5px}
.loyalty-info-page .form-area .pd_5{padding: 0 5px}

.loyalty-info-page .loyalty-content-area{width: 100%;}
.loyalty-info-page .loyalty-content-area .redeem-text {font-size: 28px;line-height: 30px;}
.loyalty-info-page .loyalty-content-area ul.nav{padding: 10px 5px; width: 270px}
.loyalty-info-page .loyalty-content-area ul.nav li{padding: 0 5px}
.loyalty-info-page .loyalty-content-area ul.nav li a { padding: 10px 23px; font-size: 16px;}
.loyalty-info-page .loyalty-content-area .level_text {margin-top: 30px;}
.loyalty-info-page .loyalty-content-area .level_text .left {padding-left: 0;}
.loyalty-info-page .loyalty-content-area .level_text .right {padding-right: 0;}
.loyalty-info-page .loyalty-content-area .progress-bar {width: 100%;}
.swiper.card_slid {width: 280px !important;}
.card-box {width: 280px !important; margin: 40px auto 0px auto !important; height: 200px !important}
.card-box .customer-name{margin-top: 0px}

.rewards .reward_main {display: block; width: 100%;}
.rewards .reward_main .detail_img {width: 100%; display: block; border-radius: 15px 15px 0 0}
.rewards .reward_main .reward_detail {width: 100%; display: block; margin-left: 0;}

.content_area{padding: 25px}
.thank-you-page .content_area .icon{width: 100%}
.thank-you-page .content_area h1{font-size: 30px; margin: 0 0 15px 0}
.thank-you-page .content_area p{font-size: 18px; line-height: 18px; margin: 15px 0 0px 0}
.thank-you-page .close_btn{top: 10px; right: 10px; width: 50px; height: 50px; padding: 16px; border-radius: 50%}
.thank-you-page .close_btn img {width: 100%; vertical-align: top;}

.congratulations-page .close_congratulations{top: 10px; right: 10px; width: 50px; height: 50px; padding: 16px; border-radius: 50%}
.congratulations-page .close_congratulations img {width: 100%; vertical-align: top;}
.congratulations-page .content_area{width:100%;padding: 25px}
.congratulations-page .content_area h1{font-size: 30px;  margin: 0 0 15px 0}
.congratulations-page .content_area .icon{width: 100%;}
.congratulations-page .content_area .icon img{width: 100%; }
.congratulations-page .content_area p{font-size: 18px; line-height: 18px;}

footer .copyright.new {position: relative; width: 100%; bottom:0;}
.app_download {display: inline-block; background-color: #e0f1f7;}

}
