:root {
	--black: #000;
	--white: #fff;
	--headerBg: #00002a;
	--grey: #596065;
	--grey1:#e3e4e4;
	--grey2:#f8f8f8;
	--blueText: #00002a;
	--lightBlue: #7CB9E8;
	--black1:#181818;
	--black2:#1e1f20;
	--white1:#e4ecf2;
	--primaryFont: "Open Sans", sans-serif;
	--secondaryFont: "Montserrat", sans-serif;
	--maroon: #d00c27;
	--maroon-rgb: 223, 35, 57;
	/*--maroon:#F15A29;
	--maroon-rgb: 241, 90, 41;*/
}

*, *:after, *::before { margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box }

a, .site-header, .custom-btn, .winngoo-slide-inner .winngoo-slider-footer-btns .bookmark-icon-wrapper img, .site-header .bottom-header nav, .hamburger span, .site-header .site-logo img { -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s }

html { font-size: 62.5%; min-height: 100% }
body { min-height: 100%; color: #646464; font-size: 1.6rem; line-height: 2rem; font-family: var(--primaryFont); font-optical-sizing: auto; margin: 0; -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: antialiased; overflow-x: hidden }

h1, h2, h3, h4, h5, h6 { margin-bottom: 2rem; padding: 0; font-weight: normal; font-weight: 700 }
img { max-width: 100% }
a { text-decoration: none; display: inline-block; color: var(--grey) }
a:hover { text-decoration: none; opacity: 0.8 }
em { font-style: normal }

::selection { color: var(--white); background-color: var(--headerBg) }
::-moz-selection { color: var(--white); background-color: var(--headerBg) }

h1, .h1 { font-size: 2.6rem; line-height: 4.2rem; color: var(--blueText); font-weight: 400; margin-bottom: 1.8rem }
h2, .h2 { font-size: 3.5rem; line-height: 5.4rem; font-weight: 700; }
h3, .h3 { font-size: 3.4rem; line-height: 3.8rem; font-weight: 400; letter-spacing: 0.036rem; color: var(--blueText); }
h4, .h4 { font-size: 2.4rem; line-height: 2.8rem; font-weight: 700 }
h5, .h5 { }
h6, .h6 { font-size: 1.7rem; line-height: 2.1rem; font-weight: 700; }
p { margin-bottom: 1.7rem }
p:last-child { margin-bottom: 0 }

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0 }
input[type=number] { -moz-appearance: textfield }
:focus { outline: 0 }
ol, ul { list-style: none; margin: 0; padding: 0 }
button:focus { outline: 0; }
/* extend bootstrap style - start */
.input-box-shadow { box-shadow: rgba(50, 80, 97, 0.5) 0px 1px 3px, rgba(50, 80, 97, 0.5) 0px 1px 2px; border-radius: 5px; }
.form-control { background: #fff; font-size: 14px; padding: 10px 10px; border: 1px solid var(--grey2); }
div.form-control { padding: 12px 10px; }
.form-control:focus { background: #fff !important; }

.wrapper { min-height: 100vh }
.container { padding: 0 2rem; width: 100%; max-width: 135.2rem; margin: 0 auto }
/* extend bootstrap style - end */

/* extend multiselect style - start */
.select2-selection--multiple { background-color: var(--headerBg); color: rgb(255, 255, 255);min-height: 44px !important; text-align: left; }
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected, .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[aria-selected=true]:not(.select2-results__option--highlighted) { background-color: #f3f3f3; color: #35495e; font-weight: bold;}
.select2-container--bootstrap-5 .select2-selection { display: flex; }
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option { padding:12px;line-height: 16px;font-size: 16px; }
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--highlighted { background-color: var(--lightBlue); color: var(--white);}
.select2-selection__choice { background-color: var(--lightBlue); color: var(--white) !important; border-radius: 5px !important; padding: 4px 4px 4px 10px !important; line-height: 1;}
.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {order: 12; font-weight: bold; font-size: 12px;background-size: 75% !important;}
.select2-selection__choice__display {order: 1; margin-right: 5px; font-size: 14px;}
.select2-container--bootstrap-5 .select2-selection--multiple .select2-search { font-size:16px;width: auto !important; height: 2.5rem !important; margin-bottom:10px; visibility: hidden; }
.select2-container--bootstrap-5 .select2-selection--multiple .select2-search .select2-search__field { height: unset !important; line-height: 2.2 !important; display: }
.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__clear { top: unset; left:unset; top: 2.5rem; right: 2.25rem;}
.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered { /*padding-right: 2.75rem !important;*/ display: inline-flex !important;}
/* extend multiselect style - end */

.main-content { padding-top: 13.5rem; min-height: 100vh }

.custom-btn { height: 3.9rem; border-radius: 3rem; border: 0; padding: 0 2.2rem; background: var(--maroon); color: var(--white); font-size: 1.8rem; line-height: 2.3rem; display: inline-flex; align-items: center; justify-content: center }
.custom-btn:hover { opacity: 0.8 }
.custom-btn.lg { height: 5.8rem; font-size: 2.4rem; line-height: 2.8rem; font-weight: 600; letter-spacing: 0.024rem; }
.custom-btn.sm { height: 3.4rem; font-size: 1.4rem; line-height: 1.8rem; font-weight: 400; letter-spacing: 0.014rem; padding: 0 0.8rem; }
.custom-btn.is-white { background-color: var(--maroon); color: var(--white) }
.custom-btn.is-blue { background-color: var(--blueText); color: var(--white); }
.custom-btn.is-secodary { background-color: var(--headerBg); border-radius: 0.4rem; font-size: 1.6rem; height: 4rem; padding: 0 1.2rem; letter-spacing: 0.016rem; }
.custom-btn.is-flip { position: relative; overflow: hidden; opacity: 1; text-transform: uppercase; border-bottom-right-radius: 0; }
.custom-btn.is-flip:after { content: ''; position: absolute; right: -0.1rem; bottom: -0.2rem; width: 2.5rem; height: 2.2rem; background-image: url(../images/btn-border.svg); background-size: 2.5rem; background-position: right bottom; background-repeat: no-repeat; border-radius: 0.4rem; transition: all 0.5s; transform-origin: top right; }
.custom-btn.is-flip:hover:after { transform: rotate(10deg) scale(1.3); background-size: 3rem; bottom: -0.3rem; }
.custom-btn.is-flip:before { content: ''; position: absolute; right: 0; bottom: 0; border-radius: 0.5rem 0 0 0; background: #fff; width: 1.6rem; height: 1.4rem; transition: all 0.5s;}
.custom-btn.is-flip:hover:before { width: 2.8rem; height: 1.7rem; }

.menu-open { overflow: hidden; }
.hamburger-menu { display: none; cursor: pointer; }
.hamburger-menu span { width: 2.6rem; height: 0.3rem; background-color: var(--headerBg); display: block; margin-bottom: 0.4rem; border-radius: 0.4rem; }
.hamburger-menu span:last-child { margin-bottom: 0; }

.site-header { position: fixed; left: 0; right: 0; top: 0; z-index: 15; border-bottom: 0.3rem solid var(--headerBg); background-color: var(--white); }
.site-header .site-logo { width: 225px; }
.site-header .site-logo img { width: 100%; }
.page-scrolled .site-header .site-logo img { width: 80%; }
.site-header .top-header { background-color: var(--headerBg); display: flex; align-items: center; height: 4rem }
.site-header .top-header ul { display: flex; justify-content: flex-end; align-items: center }
.site-header .top-header ul li { position: relative; padding-right: 2.2rem; margin-right: 2.1rem; }
.site-header .top-header ul li:after { content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); height: 1.4rem; width: 0.1rem; background-color: var(--white) }
.site-header .top-header ul li:last-child { padding-right: 0; margin-right: 0 }
.site-header .top-header ul li:last-child::after { display: none }
.site-header .top-header ul li a { font-size: 1.6rem; line-height: 1.8rem; color: var(--white); text-transform: uppercase }
.site-header .bottom-header { padding: 1rem 0 }
.site-header .bottom-header .container { display: flex; justify-content: space-between; align-items: center }
.site-header .bottom-header nav ul { display: flex; align-items: center; }
.site-header .bottom-header .nav-backdrop { position: fixed; left: 0; right: 0; top: 0; bottom: 0; height: 100%; width: 100%; background-color: var(--blueText); opacity: 0.5; display: none; }
.site-header .bottom-header nav .close-nav { position: absolute; right: 2rem; top: 2rem; cursor: pointer; display: none; }
.site-header .bottom-header nav ul li { margin-right: 5rem }
.site-header .bottom-header nav ul li:last-child { margin: 0 }
.site-header .bottom-header nav ul li a { text-transform: uppercase }
.site-header .bottom-header nav ul li a.active { font-weight: 600 }

.hero-section { padding: 0 0 2.4rem }
.hero-section .top-hero-section { padding: 2.3rem 0; background-color: var(--grey2); }

.hero-section .carousel-item { position: relative; width: 100%; overflow: hidden; }
.hero-section .carousel-caption {position: absolute; z-index: 2; top: 50%; transform: translateY(-50%); bottom: unset;}
.hero-section .carousel-caption.position-left { right: unset; left: 10%; text-align: left; }
.hero-section .carousel-caption.position-right { left: unset; right: 10%; text-align: right; }
.hero-section .carousel-caption h2, 
.hero-section .carousel-caption p { font-weight: bold; }
.hero-section .carousel-caption p { font-size: 1.8rem; }

.hero-section .hero-search { text-align: center; background-color:var(--grey2); }
.hero-section .get-started-block .hero-search { padding: 10rem 0 2rem; }
.hero-section .hero-search .search-wrapper { max-width: 80rem; margin: 0 auto; padding: 2rem; }
.hero-section .hero-search .search-block { display: flex; justify-content: center; align-items: center; width: 100rem; max-width: 100%; margin: 0 auto; position: relative; border-radius:3rem; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; }
.hero-section .hero-search .search-block .search-input { height: 4.9rem; background: var(--white); border-radius: 3rem; border: 0; padding: 0 11rem 0 2.2rem; width: 100%; outline: 0; font-size: 1.4rem; line-height: 1.8rem; color: var(--grey); text-overflow: ellipsis; }
.hero-section .hero-search .search-block .search-input::-webkit-input-placeholder { color: var(--grey) !important; opacity: 1 !important; font-size: 1.4rem !important; line-height: 1.8rem !important }
.hero-section .hero-search .search-block .search-input::-moz-placeholder { color: var(--grey) !important; opacity: 1 !important; font-size: 1.4rem !important; line-height: 1.8rem !important }
.hero-section .hero-search .search-block .search-input:-ms-input-placeholder { color: var(--grey) !important; opacity: 1 !important; font-size: 1.4rem !important; line-height: 1.8rem !important }
.hero-section .hero-search .search-block .search-input:-moz-placeholder { color: var(--grey) !important; opacity: 1 !important; font-size: 1.4rem !important; line-height: 1.8rem !important }
.hero-section .hero-search .search-block .custom-btn { height: 100%; position: absolute; right: 0; top: 0; line-height: 2.1rem; background: var(--maroon); }

.hero-section .hero-content-wrap { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; margin-bottom: -16rem }
.hero-section .hero-content-wrap .hero-img { width: 44.8rem }
.hero-section .hero-content-wrap .hero-content { width: calc(100% - 44.8rem); text-align: right; padding-left: 2rem; font-family: var(--secondaryFont) }
.hero-section .hero-content-wrap .hero-content h2 { font-size: 3.7rem; line-height: 5.4rem; font-weight: 700; color: var(--black1); margin: 0 }
.hero-section .hero-content-wrap .hero-content .sub-title { font-size: 2.7rem; line-height: 4.4rem; color: var(--grey) }
.hero-section .hero-content-wrap .hero-content .content-heading { margin-bottom: 4.4rem }
.hero-section .hero-content-wrap .hero-content .hero-desc { font-size: 1.8rem; line-height: 3rem; color: #596065; width: 57rem; margin-left: auto; max-width: 100%; }
.hero-section .get-started-block { background-color: var(--blueText); padding: 2rem 0 0 }
.hero-section .get-started-block .gs-btn-block { display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 3.2rem }
.hero-section .get-started-block .gs-btn-block .custom-btn { width: 23.2rem }
.hero-section .get-started-block .gs-row { display: flex; flex-wrap: wrap; margin: 0 -2.5rem }
.hero-section .get-started-block .gs-col { padding: 0 2.5rem; width: 33.33%; margin-bottom: -8.4rem }
.hero-section .get-started-block .gs-card { border-radius: 0.6rem; box-shadow: inset 0 -0.1rem 0.3rem 0 var(--blueText); background-color: #fff; padding: 1.6rem 3.2rem 1.8rem 1.9rem; cursor: pointer; position: relative; height: 100%; }
.hero-section .get-started-block .gs-card .gs-content { display: flex; align-items: center; justify-content: space-between }
.hero-section .get-started-block .gs-card .gs-content p { width: calc(100% - 8rem); padding-right: 2.4rem; font-size: 1.4rem; line-height: 1.8rem; margin: 0 }
.hero-section .get-started-block .gs-card .gs-content .gs-icon { display: inline-flex; justify-content: flex-end; max-width: 8rem; align-self: flex-start; }
.hero-section .get-started-block .gs-card h4 { color: var(--blueText); margin-bottom: 1.6rem }

.section-title-wrapper { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; margin-bottom: 3.5rem; }
.section-title { position: relative; padding-bottom: 2rem; color: var(--blueText); margin-bottom: 0; }
.section-title:after { content: ''; position: absolute; left: 0; bottom: 5px; height: 0.3rem; background-color: var(--blueText); width: 7.9rem; }
.section-title-wrapper .title-link { margin-bottom: 2rem; }
.title-link { color: var(--blueText); font-size: 2.4rem; line-height: 3rem; }
.section-title-wrapper.is-white .section-title, .section-title-wrapper.is-white .title-link { color: var(--white); }
.section-title-wrapper.is-white .section-title:after { background-color: var(--white); }

.welcome-section { color: var(--headerBg); text-align: center; padding: 2rem 0;}
.welcome-section h1 { font-size: 2.5rem; margin-bottom: 0.5rem; }
.welcome-section h2 { font-size: 1.6rem; line-height: 1.5; font-weight: normal;}
/*.popular-store-section { padding: 6.2rem 0 0; }*/
.popular-store-section .swiper-pagination { margin-top: 8.5rem; }

.swiper-slide { height: unset; }
.merchant-card { position: relative; }
.login-button-overlay { display:none; position:absolute; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.5);  align-items: center; justify-content: center;}
.merchant-card:hover .login-button-overlay { display: flex; z-index: 99; }
.winngoo-slide-inner { border: 0.3rem solid var(--headerBg); background-color: var(--white); height: 100%; display: flex; flex-direction: column;}
.winngoo-slide-inner .image-block { border-bottom: 0.3rem solid var(--headerBg); position: relative; padding-bottom: 75%; }
.winngoo-slide-inner .image-block.has-border { position: static; padding-bottom: 0; border-bottom: 0.1rem solid var(--grey1); width: 20.8rem; max-width: 100%; height: 8.2rem; display: flex; align-items: flex-end; justify-content: center; margin: 0 auto 1.2rem; padding-bottom: 1.7rem; }
.winngoo-slide-inner .image-block.has-border .bg-img { position: static; width: auto; height: auto; }
.winngoo-slide-inner .image-block .bg-img { position: absolute; left: 5px; right: 5px; top: 0; bottom: 0; height: 100%; width: 96%; object-fit: contain; }
.winngoo-slide-inner .image-block .logo-block { position: absolute; left: 0; bottom: 0; z-index: 1; background: #fff; width: 12.7rem; height: 7.6rem; display: inline-flex; align-items: center; justify-content: center; }
.winngoo-slide-inner .image-block .logo-block img { max-width: 12rem; max-height: 7rem; }
.winngoo-slide-inner .content-block { padding: 2.3rem 1.9rem 1.2rem; display: flex; flex-direction: column; flex: 1; }
.winngoo-slide-inner .content-block .content-sub-text { display: flex; align-items: center; margin-bottom: 1.7rem; }
.winngoo-slide-inner .content-block .content-sub-text .cst-title { font-size: 1.2rem; line-height: 1.6rem; width: 4.8rem; text-align: right; letter-spacing: 0.012rem; margin-right: 0.8rem; color: var(--blueText); }
.winngoo-slide-inner .content-block .content-sub-text .off-percent { font-size: 3.9rem; line-height: 4.4rem; font-weight: 600; color: var(--blueText); text-transform: uppercase; letter-spacing: 0.039rem; }
.winngoo-slide-inner .content-block p { color: #596065; font-size: 1.4rem; line-height: 1.6rem; letter-spacing: 0.014rem; }
.winngoo-slide-inner .content-block .info-label { display: block; text-transform: uppercase; letter-spacing: 0.014rem; color: var(--blueText); font-size: 1.4rem; line-height: 1.8rem; margin-bottom: 0.2rem; }
.winngoo-slide-inner .content-block .valid-date { display: block; letter-spacing: 0.012rem; color: #929393; font-size: 1.2rem; line-height: 1.6rem; margin-bottom: 1rem; }
.winngoo-slide-inner .content-block h3 { margin-bottom: 0.4rem; }
h3.marchant-card-title { margin-bottom:unset; font-size: 2rem; line-height: 1.5; }
.winngoo-slide-inner .winngoo-slider-footer-btns { display: flex; align-items: center; }
.winngoo-slide-inner .winngoo-slider-footer-btns .custom-btn { margin-right: 0.8rem; }
.winngoo-slide-inner .winngoo-slider-footer-btns .custom-btn:last-child { margin-right: 0; }
.winngoo-slide-inner .winngoo-slider-footer-btns .custom-btn.is-flip { flex: 1; }
.winngoo-slide-inner .winngoo-slider-footer-btns .bookmark-icon-wrapper { position: relative; height: 4rem; width: 4rem; opacity: 1; }
.winngoo-slide-inner .winngoo-slider-footer-btns .bookmark-icon-wrapper .custom-input { position: absolute; left: 0; right: 0; top: 0; bottom: 0; height: 100%; width: 100%; z-index: 1; opacity: 0; cursor: pointer; border-radius: 0.4rem; }
.winngoo-slide-inner .winngoo-slider-footer-btns .bookmark-icon-wrapper img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 1.5rem; }
.winngoo-slide-inner .winngoo-slider-footer-btns .bookmark-icon-wrapper img.checked-img { opacity: 0; }
.winngoo-slide-inner .winngoo-slider-footer-btns .bookmark-icon-wrapper .custom-input:checked ~ label img.default-img, .winngoo-slide-inner .winngoo-slider-footer-btns .bookmark-icon-wrapper:hover .custom-input ~ label img.default-img { opacity: 0; }
.winngoo-slide-inner .winngoo-slider-footer-btns .bookmark-icon-wrapper .custom-input:checked ~ label img.checked-img, .winngoo-slide-inner .winngoo-slider-footer-btns .bookmark-icon-wrapper:hover .custom-input ~ label img.checked-img { opacity: 1; }
.winngoo-slide-inner.is-secondary { padding: 2rem 2rem 1.2rem; }
.winngoo-slide-inner.is-secondary .image-block { position: static; padding-bottom: 0; border-bottom: 0.1rem solid var(--grey1); height: 12.3rem; display: flex; align-items: center; justify-content: center; margin-bottom: 2.1rem; }
.winngoo-slide-inner.is-secondary .image-block .bg-img { position: static; /*width: auto; height: auto;*/ }
.discount-desc { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; line-clamp: 3; -webkit-line-clamp: 3; max-height: calc(3 * 1.2em); line-height: 1.2; }

.winngoo-slider-wrapper { position: relative; }
.swiper-pagination { position: static; }
.swiper-pagination.is-blue .swiper-pagination-bullet { background: var(--blueText); }
.swiper-pagination-bullet { opacity: 0.17; background: var(--blueText); height: 1.5rem; width: 1.5rem; }
.swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1; }
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0; margin-right: 1.1rem; }
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:last-child, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet:last-child { margin-right: 0; }
.swiper-button-next, .swiper-button-prev { height: 3rem; width: 3rem; border-radius: 50%; background: #fff; box-shadow: 0 0.5rem 0.5rem 0 rgba(0, 0, 0, 0.2); color: var(--blueText); top: 50%; transform: translateY(-50%);  margin: 0; }
.swiper-button-next:after, .swiper-button-prev:after { font-size: 1.5rem; }
.swiper-button-next, .swiper-rtl .swiper-button-prev { right: -1.5rem; }
.swiper-button-prev, .swiper-rtl .swiper-button-next { left: -1.5rem; }

.popular-deals { padding: 6.2rem 0 6.6rem; background-color: var(--blueText); }

.popular-deals .winngoo-slide-inner .content-block p { margin-bottom: 1rem; }

.top-cashback-section { padding: 6.2rem 0 5.8rem; }

.estore-section { background-color: var(--grey2); padding: 5.5rem 0 3.5rem; }
.estore-content-wrap { display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 124rem; margin-bottom: 3rem; }
.estore-content-wrap .estore-content { width: 50%; padding-top: 2.2rem; }
.estore-content-wrap .estore-content .section-title { margin-bottom: 6.6rem; }
.estore-content-wrap .estore-content h3 { font-size: 2.7rem; line-height: 4.2rem; color: var(--black1); font-weight: 700; margin-bottom: 4.5rem; }
.estore-content-wrap .estore-content h3 span { display: block; font-weight: 400; font-size: 2.5rem; color: var(--grey); }
.estore-content-wrap .estore-content p { font-size: 2rem; line-height: 2.8rem; color: var(--grey); max-width: 90%; }
.estore-content-wrap .estore-thumb { width: 50%; text-align: right; }
.estore-section .winngoo-slider-wrapper { margin: 0 -0.8rem; }
.estore-slider .swiper-slide { padding: 0.8rem; }
.estore-slider .estore-slider-inner { border-radius: 2.5rem; box-shadow: 0.4rem 0.3rem 0.5rem 0 rgba(0, 0, 0, 0.35), inset 0 -0.1rem 0.3rem 0 var(--blueText); padding: 2rem 2rem 1.7rem; background: var(--white); }
.estore-slider .estore-slider-inner .estore-logo { height: 10.7rem; display: flex; align-items: center; justify-content: center; margin-bottom: 1rem; }
.estore-slider .estore-slider-inner .estore-logo img { max-height: 100%; }
.estore-slider .estore-slider-inner .estore-slide-content { display: flex; align-items: flex-end; flex-wrap: wrap; }
.estore-slider .estore-slider-inner .estore-slide-content p { margin: 0; font-size: 1.4rem; line-height: 1.6rem; letter-spacing: 0.014rem; /*width: calc(100% - 7rem); padding-right: 1.2rem;*/ color: var(--blueText); }
.estore-section .swiper-pagination { margin-top: 2.2rem; }

.mobile-app-section { padding: 5.4rem 0 0; background-size: cover; background-position: center right; background-repeat: no-repeat; min-height: 50rem; display: flex; align-items: center;}
/*.mobile-app-section .mobile-content-wrap { display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 117.2rem; align-items: center; }
.mobile-app-section .left-content { width: 50%; }*/
.mobile-app-section .left-content h2 { color: var(--black1); font-size: 5.2rem; line-height: 5.8rem; font-weight: 700; margin-bottom: 4.9rem; }
.mobile-app-section .app-btns-wrap { display: flex; flex-wrap: wrap; align-items: center; }
.mobile-app-section .app-btns-wrap .app-btn { margin-right: 4rem; display: inline-flex; max-width: 20rem; }
.mobile-app-section .app-btns-wrap .app-btn:last-child { margin-right: 0; }
.mobile-app-section .right-img { width: 50%; text-align: right; }
.earn-spend-section {/* background-color: var(--headerBg); */}
.earn-spend-section .container{ background-color: var(--maroon); padding: 1rem 0; display: flex; align-items: center; justify-content: center; text-align: center; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px;}

.earn-spend-section p { font-size: 3rem; font-weight: 300; line-height: 1; color: var(--white); text-transform: uppercase;}

.site-footer { color: var(--white); background: url(../images/footer-bg.jpg); background-size: cover; background-position: bottom center;}
.site-footer .footer-top-wrapper { /*padding: 4rem 0 3rem; background-color: var(--blueText); box-shadow: inset 0 -0.1rem 0 0 rgba(255, 255, 255, 0.49);*/}
.site-footer .footer-top-wrapper .container {padding: 4rem 2rem 3rem; box-shadow: inset 0 -0.1rem 0 0 rgba(255, 255, 255, 0.49);}
.site-footer .footer-top { display: flex; flex-wrap: wrap; justify-content: space-between; }
.site-footer .footer-top .logo-block { display: inline-flex; margin-bottom: 2rem; width: 225px;}
.site-footer .footer-top p { font-size: 1.6rem; line-height: 1.5; font-family: var(--secondaryFont); }
.site-footer .footer-top .footer-top-left { width: 47%; }
.site-footer .footer-top .footer-top-right { display: flex; padding-top: 2.8rem; }
.site-footer .footer-top .footer-top-right .footer-nav { margin-right: 16rem; }
.site-footer .footer-top .footer-top-right .footer-nav:last-child { margin-right: 0; }
.site-footer .footer-top .footer-top-right .footer-nav h6 { margin-bottom: 1.5rem;position:relative; }
.site-footer .footer-top .footer-top-right .footer-nav h6::after { position: absolute; left: 0; bottom: -6px; width: 70px; height: 1px; content: " "; background: linear-gradient(90deg, rgba(var(--maroon-rgb), 1) 0%, rgba(var(--maroon-rgb), 0) 100%);}

.site-footer .footer-top .footer-top-right .footer-nav ul li { margin-bottom: 1.5rem; }
.site-footer .footer-top .footer-top-right .footer-nav ul li:last-child { margin-bottom: 0; }
.site-footer .footer-top .footer-top-right .footer-nav ul li a { color: var(--white); font-size: 1.6rem; line-height: 2rem; }
.site-footer .footer-middle-wrapper { /*background-color: #00002a;*/ padding: 2rem 0; color: var(--white1); }
.site-footer .footer-middle-wrapper .footer-middle { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.site-footer .footer-middle-wrapper .footer-middle-title .ofc-hours { display: block; font-size: 2rem; line-height: 2; }
.site-footer .footer-middle-wrapper .footer-middle-title .ofc-time { display: block; font-size: 1.5rem; line-height: 1; }
.site-footer .social-media-link ul { display: flex; align-items: center; }
.site-footer .social-media-link li { margin-right: 1.4rem; }
.site-footer .social-media-link li:last-child { margin-right: 0; }
.site-footer .social-media-link li a { display: inline-flex; }
.site-footer .social-media-link li a img { width: 3.5rem; display: block; }
.site-footer .footer-bottom-wrapper { background: #000; text-align: center; height: 4.3rem; display: flex; align-items: center; }
.site-footer .footer-bottom-wrapper p { color: var(--white1); font-size: 1.4rem; }

.more-data-modal .more-data { padding: 2rem; color: var(--blueText); font-size: 1.4rem; line-height: 1.8rem; }
.more-data-modal .more-data-title { padding-right: 3rem; }
.more-data-modal .close-modal { display: inline-flex; cursor: pointer; position: absolute; right: 2.5rem; top: 2.5rem; }

.hero-section .hero-content-wrap .hero-img.inner-hero-img { width: 40%; height: 450px; display: flex; align-items: flex-end; padding-bottom: 20px; padding-top: 50px;}
.hero-section .hero-content-wrap .hero-img.inner-hero-img img { height: 100%; object-fit: contain;}
.hero-section .hero-content-wrap .hero-content.inner-hero-content { width: 60%; margin-bottom: 15rem;}
.hero-section .hero-content-wrap .hero-content.inner-hero-content h2 { font-size: 3rem; line-height: 4.2rem; }
.hero-section .hero-content-wrap .hero-content.inner-hero-content .sub-title { font-size: 4rem; line-height: 5.4rem; color: var(--black1); font-weight: 700;}
.hero-section .inner-get-started-block { background-color: var(--blueText); height: 170px; }
.content-banner-image { width: 100%;max-width: 60rem; }

.about-bottom-wrapper { padding: 10rem 0 2rem; background-color: var(--blueText);  }
.about-bottom-wrapper .about-list-item { display: flex;  margin-bottom: 6.5rem;}
.about-bottom-wrapper .about-list-item-image { width:5rem; padding: 0.5rem 2rem 0 0; flex: 0 0 auto; }
.about-bottom-wrapper .about-list-item-content { color: var(--white); }
.about-bottom-wrapper .about-list-item-content h4{ margin-bottom: 1rem; font-weight: 600; }

.partnerwithus-bottom-wrapper { padding: 5rem 0; background-color: var(--grey2);  }
.partnerwithus-bottom-wrapper .box { width: 100%; padding: 1.5rem; background: var(--white); box-shadow: rgba(50, 80, 97, 0.12) 0px 1px 3px, rgba(50, 80, 97, 0.24) 0px 1px 2px; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; border-radius: 5px; }
.partnerwithus-bottom-wrapper .box .box-title {font-size: 2rem; color: var(--blueText); padding: 2rem 0; text-align: center; line-height: 1.5;}

.faq-bottom-wrapper { padding: 5rem 0; background-color: var(--grey2); }
.faq-top-wrapper .faq-intro-content p { font-size: 2rem; color: var(--blueText); }

.faq-category-container { margin-bottom: 5rem; }
.faq-category-container h2 { font-size: 2.4rem; line-height: 2.8rem; font-weight: 700; }
.accordion-item { margin-bottom: 1rem; border-radius: 0.8rem !important; border: 1px solid var(--grey2); box-shadow: rgba(50, 80, 97, 0.12) 0px 1px 3px, rgba(50, 80, 97, 0.24) 0px 1px 2px; color: #646464; }
.accordion-button { color: var(--headerBg); font-size: 1.5rem; line-height: 1; border-radius: 0.8rem; padding:1.5rem;}
.accordion-button::after { background-image: url("../images/faqs_downarrow.png"); }
.accordion-button:not(.collapsed) { color: var(--headerBg); background-color: var(--white); box-shadow: unset; }
.accordion-button:not(.collapsed)::after { background-image: url("../images/faqs_uparrow.png"); transform: unset; }

.contact-list-item { display: flex; align-items: flex-start; gap: 20px; padding: 0 2rem 2.5rem;  }
.contact-list-item .icon { width: 40px; }
.contact-list-item .content { flex: 1; }
.contact-list-item .content label { color: var(--headerBg); font-size: 1.75rem; font-weight: 600; padding-top: 0.75rem; padding-bottom: 2rem; }
.contact-list-item .content p { font-size: 1.6rem; font-weight: 500; line-height: 1.5; }
.contact-list-item .blank-icon { width: 34px; }
.form-container { background: var(--grey2); padding: 2rem;}
.form-control.error { border-color: var(--bs-form-invalid-border-color)  !important; padding-right: calc(1.5em + .75rem) !important; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") !important; background-repeat: no-repeat !important; background-position: right calc(.375em + .1875rem) center !important; background-size: calc(.75em + .375rem) calc(.75em + .375rem) !important; }
.form-container .error { width: 100%; margin-top: .25rem; font-size: .875em; color: var(--bs-form-invalid-color);}
.contact-bottom-wrapper { padding: 5rem 0; background-color: var(--grey2);  }
.contact-bottom-wrapper .box { width: 100%; padding: 1.5rem; background: var(--white); box-shadow: rgba(50, 80, 97, 0.12) 0px 1px 3px, rgba(50, 80, 97, 0.24) 0px 1px 2px; height: 100%; border-radius: 5px; display: flex; flex-direction: column; align-items: center;}
.contact-bottom-wrapper .box img { height: 141px; width: auto; }
.contact-bottom-wrapper .box .box-content{ padding: 1rem 0; margin-top: 1.5rem; flex: 0;}
.contact-bottom-wrapper .box .box-content label{ position: relative; padding-bottom: 1.2rem; color: var(--blueText); font-size: 2rem; font-weight: bold; margin-bottom: 1.2rem;}
.contact-bottom-wrapper .box .box-content label::after{ content: ''; position: absolute; left: 0; bottom: 0; height: 0.3rem; background-color: var(--blueText); width: 7.9rem; }
.contact-bottom-wrapper .box .box-bottom-content { margin-top: auto; width: 100%; }

.cateogry-card { border-radius: 8px; overflow: hidden; box-shadow: rgba(50, 80, 97, 0.12) 0px 1px 3px, rgba(50, 80, 97, 0.24) 0px 1px 2px; height: 100%; }
.cateogry-card .card-img-wrapper { position: relative; overflow: hidden; }
.cateogry-card .card-img-top { width: 100%; height: auto; clip-path: polygon(0 0, 100% 0, 100% 100%, 0 80%); background: rgba(0, 0, 0, 0.5);}
.cateogry-card .card-title-wrapper { position: absolute; bottom: -5px; left: 20px; color: white; display: flex; align-items: center; }
/*.cateogry-card .card-img-wrapper::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); z-index: 1; clip-path: polygon(0 0, 100% 0, 100% 100%, 0 85%); }*/
.cateogry-card .icon-wrapper {  /*background-color: white; border-radius: 50%;*/ display: flex; align-items: center; justify-content: center; margin-right: 10px; /*box-shadow: 0px 4px 6px rgba(50, 80, 97, 0.4);*/ z-index: 2; }
.cateogry-card .icon-img { width: 100%; height: auto; }
.cateogry-card .card-title { font-size: 2.25rem; font-weight: bold; margin: 0; z-index: 2; flex:1 ;}
.cateogry-card .card-body { padding: 15px; color: #646464; display: flex; flex-direction: column; justify-content: space-between; align-items: center;}
.cateogry-card .card-text { font-size: 1.5rem; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; line-clamp: 3; -webkit-line-clamp: 3; max-height: calc(3 * 1.5em); line-height: 1.5; }
.category-card .card-link { display: block; text-align: center;  }

.custom-tabs { border-bottom: none; margin-bottom: 2rem; }
.custom-tabs .nav-link { position: relative; background-color: transparent; color: var(--headerBg); border: none; margin: 0 4rem; padding: 1.5rem 4rem; font-size: 2rem;}
.custom-tabs .nav-link.active { background-color: var(--headerBg); color: var(--white); border-radius: unset; }
.custom-tabs .nav-link.active::after { content: ''; position: absolute; bottom: -9px; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 10px solid var(--headerBg); }


.category-bottom-wrapper { padding: 5rem 0; background-color: var(--grey2);  }
.category-bottom-wrapper .box { width: 100%; padding: 1.5rem; background: var(--white); box-shadow: rgba(50, 80, 97, 0.12) 0px 1px 3px, rgba(50, 80, 97, 0.24) 0px 1px 2px; height: 100%; border-radius: 5px; display: flex; flex-direction: column; align-items: center;}
.category-bottom-wrapper .box img { height: 141px; width: auto; }
.category-bottom-wrapper .box .box-content{ padding: 1rem 0; margin-top: 1.5rem; flex: 0;}
.category-bottom-wrapper .box .box-content label{ position: relative; padding-bottom: 1.2rem; color: var(--blueText); font-size: 2rem; font-weight: bold; margin-bottom: 1.2rem;}
.category-bottom-wrapper .box .box-content ul { margin: 0; padding: 0; list-style-image: url('../images/bullet.png');}
.category-bottom-wrapper .box .box-content li { color: var(--blueText); font-size: 1.5rem; font-weight: 500; line-height: 1.5; margin-bottom: 1rem;  margin: 0 0 0 1.5rem;}

.instore-bottom-wrapper { padding: 5rem 0; background-color: var(--grey2);  }
.instore-bottom-wrapper .box { width: 100%; padding: 1.5rem; background: var(--white); box-shadow: rgba(50, 80, 97, 0.12) 0px 1px 3px, rgba(50, 80, 97, 0.24) 0px 1px 2px; height: 100%; border-radius: 5px; display: flex; flex-direction: column; align-items: center;}
.instore-bottom-wrapper .box img { height: 141px; width: auto; }
.instore-bottom-wrapper .box .box-content{ padding: 1rem 0; margin-top: 1.5rem; flex: 0;}
.instore-bottom-wrapper .box .box-content label{ position: relative; color: var(--blueText); font-size: 2rem; font-weight: bold; margin-bottom: 1.2rem;}

.instore-detail-wrapper { background-color: var(--white); padding: 5rem 0; }
.instore-image img { border: 1px solid var(--white); width: 100%; }
.instore-terms { background: var(--grey2); padding: 1rem; border-radius: 0.7rem; font-size: 1.4rem; } 
.instore-terms h4 { text-transform: uppercase; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; }
.instore-content-wrapper { background: var(--white); border-radius: 2rem; width: 100%; padding: 2rem 0; }
.instore-content-header { display: flex; align-items: flex-start; padding-bottom: 2rem; border-bottom: 1px solid var(--headerBg); }
.instore-content-header .instore-title {display: flex; flex-direction: column;}
.instore-content-header .instore-title h4 { text-transform: uppercase; color: var(--grey); margin-bottom: 1rem; }
.instore-content-header .instore-title label { color: var(--headerBg); font-size: 2.5rem; margin-bottom: 0.5rem; }
.instore-content-header .instore-btns { display: flex; align-items: center;}
.instore-content-header .instore-btns .custom-btn { margin-right: 0.8rem; }
.instore-content-header .instore-btns .custom-btn:last-child { margin-right: 0; }
.instore-content-header .instore-btns .custom-btn.is-flip { flex: 1; }
.instore-content-header .instore-btns .bookmark-icon-wrapper { position: relative; height: 4rem; width: 4rem; opacity: 1; }
.instore-content-header .instore-btns .bookmark-icon-wrapper .custom-input { position: absolute; left: 0; right: 0; top: 0; bottom: 0; height: 100%; width: 100%; z-index: 1; opacity: 0; cursor: pointer; border-radius: 0.4rem; }
.instore-content-header .instore-btns .bookmark-icon-wrapper img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 1.5rem; }
.instore-content-header .instore-btns .bookmark-icon-wrapper img.checked-img { opacity: 0; }
.instore-content-header .instore-btns .bookmark-icon-wrapper .custom-input:checked ~ label img.default-img, .instore-content-header .instore-btns .bookmark-icon-wrapper:hover .custom-input ~ label img.default-img { opacity: 0; }
.instore-content-header .instore-btns .bookmark-icon-wrapper .custom-input:checked ~ label img.checked-img, .instore-content-header .instore-btns .bookmark-icon-wrapper:hover .custom-input ~ label img.checked-img { opacity: 1; }
.instore-content-body { padding-top: 2rem; }
.instore-right-wrapper { background: var(--white); border-radius: 2rem; width: 100%; }
.instore-header h4 { text-transform: uppercase; color: var(--grey); margin-bottom: 1rem; }
.instore-contact { display: flex; align-items: center; justify-content: space-between; }
.instore-contact a {color: var(--headerBg); margin-left: 2rem;}
.instore-time-header { padding-bottom: 1rem; border-bottom: 1px solid var(--headerBg); }
.instore-time-header span { color: var(--grey); font-size: 1.6rem; font-weight: 600;}
.instore-time-content > div { display: flex; align-items: center; font-size: 1.4rem; color: var(--grey);  padding-top: 2rem;}
.instore-time-content > div label { width: 40%; }
.instore-time-content > div span { width: 60%; }

.instore-rating-header { font-size: 22px; color: var(grey); line-height: 1.5;}
.instore-rating-header label { display: block; font-weight: bold; text-transform: uppercase; }

.instore-rating { display: flex; justify-content: center; margin: 20px 0 50px;}
.instore-rating-footer { display: flex; justify-content: space-between; }

.instore-rating-container { background-color: var(--grey2); padding: 2rem; border-radius: 2rem; }
.rating-container { display: flex; align-items: center; background-color: var(--grey1); padding: 0px 20px 0 0; border-radius: 30px; width: fit-content; max-height: 50px;}
.rating-circle { background-color: var(--maroon); color: white; font-weight: bold; display: flex; align-items: center; justify-content: center; width: 70px; height: 70px; border-radius: 50%; margin-right: 15px; font-size: 20px; }
.rating-stars i { margin-right: 3px; color: var(--grey); }
.rating-stars i.full { color: #ffc107; }
.rating-stars i.half { position: relative; }
.rating-stars i.half::before { content: "\f005"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; left: 0; width: 50%; overflow: hidden; color: #ffc107; }
.rating-stars i.half::after { content: "\f005"; font-family: "Font Awesome 5 Free"; font-weight: 900; color: var(--grey); }

.reviews-container { background: var(--white); border-radius: 2rem; padding: 2rem 0; }
.review-title { font-size: 18px; color: var(--grey); font-weight: bold; margin-bottom:10px; }
.star-rating { display:flex; text-align:center; width:auto; flex-direction: row-reverse; justify-content: start; }
.star-rating input { display:none; }
.star-rating label { color:#ccc; cursor:pointer; font-size:26px; padding-right: 5px; margin-bottom: 0; }
.star-rating :checked ~ label { color:#e6b322; }
.star-rating label:hover, .star-rating label:hover ~ label { color:#e6b322; }

.review-card { border-bottom: 1px solid #e9ecef; padding: 20px 0; }
.review-header { display: flex; margin-bottom: 15px; }
.review-avatar { width: 50px; height: 50px; border-radius: 50%; margin-right: 15px; object-fit: cover; }
.review-name { font-weight: bold; font-size: 1.1rem; margin-bottom: 0; }
.review-date { font-size: 0.9rem; color: #6c757d; }
.review-rating-stars i { margin-right: 3px; }
.review-content { margin-top: 10px; }

hr.divider { border-bottom: 1px solid var(--headerBg); margin: 20px 0; opacity:1; }
#btn-back-to-top { position: fixed; bottom: 40px; right: 40px; display: none; z-index: 999; border-radius: 50%; width: 40px; height: 40px; padding: 0; font-size: 16px; }

.error-page .main-content { padding-top: 15.2rem; }
.error-page { background: url('../images/bg-login-img.jpg'); background-repeat: no-repeat; background-position: center;  background-size: cover;}
.error-code { font-size: 10rem; color: var(--grey); }

.page-link { padding: 0.60rem 1.15rem; font-size: 14px; color: var(--headerBg);}
.active>.page-link { background-color: var(--headerBg); color: var(--white); border-color: var(--headerBg);}

.page-content-wrapper ul { list-style: disc; margin-left: 1.5em; }

@media (min-width: 768px) {
  	.carousel-item {
    	background-position: top center;
  	}
}
/* ─── Google Translate in Top Bar ─── */
.goog-te-banner-frame,
#goog-gt-tt,
.goog-te-balloon-frame,
.skiptranslate {
    display: none !important;
}
.goog-logo-link,
.goog-te-gadget > span {
    display: none !important;
}
.translate-topbar {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-right: auto;
}
.translate-topbar .globe-icon {
    width: 16px;
    height: 16px;
    color: #e53e3e;
}
.translate-topbar select {
    background: transparent;
    border: 1px solid #334155;
    color: #cbd5e1;
    font-size: 12px;
    font-family: 'Plus Jakarta Sans', sans-serif;
    padding: 4px 24px 4px 8px;
    border-radius: 4px;
    cursor: pointer;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23cbd5e1' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 6px center;
    transition: border-color 0.2s;
}
.translate-topbar select:hover {
    border-color: #e53e3e;
}
.translate-topbar select option {
    background: #1a1a2e;
    color: #fff;
}
 /* ── Full-width map ── */
.map-wrapper {
	position: relative;
	width: 100%;
}

.map-directions-btn {
	position: absolute;
	bottom: 14px;
	right: 14px;
	background: #0d6efd;
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	padding: 7px 14px;
	border-radius: 8px;
	text-decoration: none;
	box-shadow: 0 2px 10px rgba(0,0,0,0.18);
	display: inline-flex;
	align-items: center;
	gap: 5px;
	transition: background 0.2s, color 0.2s;
}

.map-directions-btn:hover {
	background: #fff;
	color: #0d6efd;
}

.cupon-modal .modal-dialog {
  max-width: 770px;
}

@media (max-width: 768px) {
  .cupon-modal .modal-dialog {
    max-width: 570px;
  }
}

.cupon-modal .modal-dialog .modal-content .modal-header {
  padding: 20px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.cupon-modal .modal-dialog .modal-content .modal-header img {
  margin-right: 20px;
  border-radius: 3px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  border: 1px solid #ebeaea;
  padding: 20px;
}

@media (max-width: 400px) {
  .cupon-modal .modal-dialog .modal-content .modal-header img {
    padding: 0;
    width: 100px;
  }
}

.cupon-modal .modal-dialog .modal-content .modal-header .merchant-info {
  display: flex;
  flex-direction: column;
}

.cupon-modal .modal-dialog .modal-content .modal-header h2 {
  font-size: 24px;
}

@media (max-width: 480px) {
  .cupon-modal .modal-dialog .modal-content .modal-header h2 {
    font-size: 20px;
  }
}

.cupon-modal .modal-dialog .modal-content .modal-header .close {
  position: absolute;
  top: 15px;
  right: 15px;
}



.cupon-modal .modal-dialog .modal-content .modal-body {
  padding: 40px 0px 0px;
}

@media (max-width: 768px) {
  .cupon-modal .modal-dialog .modal-content .modal-body {
    padding: 20px 0px 0px;
  }
}

@media (max-width: 480px) {
  .cupon-modal .modal-dialog .modal-content .modal-body {
    padding: 10px 0px 0px;
  }
}

.cupon-modal .modal-dialog .modal-content .modal-body h6 {
  font-size: 16px;
  margin-bottom: 20px;
}

.cupon-modal .modal-dialog .modal-content .modal-body .coupon-code {
  width: 100%;
  text-align: center;
  line-height: 60px;
  text-transform: uppercase;
  background: #fff6f7;
  border: 2px dashed #0E2954;
  border-radius: 3px;
  margin-bottom: 40px;
  position: relative;
}
.cupon-modal .modal-dialog .modal-content .modal-body .coupon-code .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: rgba(255, 246, 247,0.6);
}
.cupon-modal .modal-dialog .modal-content .modal-body .form-group label {
  display: block;
}

.cupon-modal .modal-dialog .modal-content .modal-body .form-group a {
  float: right;
  margin-top: -5px;
  padding: 15px;
}
.cupon-modal .modal-dialog .modal-content .modal-body .coupon-row{
  display: flex;
  align-items: center;
  margin: 25px auto;
  width: 100%;
}
.cupon-modal .modal-dialog .modal-content .modal-body #cpnCode{
  border: 2px dashed #002347;
  padding: 15px 20px;
  border-right: 0;
  width: 70%;
  text-align: center;
  background: #fff5f6;
}
.cupon-modal .modal-dialog .modal-content .modal-body #cpnBtn{
  border: 2px solid #5885af;
  background: #5885af;
  padding: 15px 20px;
  color: #fff;
  cursor: pointer;
  width: 30%;
  text-align: center;
}
.cupon-modal .modal-dialog .modal-content .modal-body .coupon-description {
  background: #f6f8fa;
}