/*======================= CSS RESET ==========================*/html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}@font-face { font-family: 'Poppins'; src: url(/samara/static/fonts/poppins_regular.ttf); font-weight: 400; font-style: normal; font-display: swap;}@font-face { font-family: 'Poppins'; src: url(/samara/static/fonts/poppins_medium.ttf); font-weight: 500; font-style: normal; font-display: swap;}@font-face { font-family: 'Poppins'; src: url(/samara/static/fonts/poppins_semi_bold.ttf); font-weight: 600; font-style: normal; font-display: swap;}@font-face { font-family: 'Poppins'; src: url(/samara/static/fonts/poppins_bold.ttf); font-weight: 700; font-style: normal; font-display: swap;}article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section { display: block;}html{ width: 100%; height: 100%; touch-action: manipulation;}textarea { font-family: Roboto, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}body { line-height: 1; font-size: 100%; outline: none; width: 100%; height: 100%; position: relative; font-family: 'Roboto', sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}sup {font-size:xx-small; vertical-align:super;}.clamp-1 { -webkit-line-clamp: 1; text-overflow: ellipsis; white-space: nowrap; width: 100%; overflow: hidden;}.position-relative { position: relative;}.no-op { pointer-events: none; touch-action: none; filter: grayscale(1);}.hide-ui { position: absolute !important; visibility: hidden !important; z-index: -10 !important;}.grecaptcha-badge,.grecaptcha-logo { visibility: hidden !important; pointer-events: none !important;}@media (max-width: 800px) { body { padding: 0; }}ol, ul { list-style: none;}@media (max-width: 800px) { body { /*width: 100vw;*/ } .hide-mb { display: none !important; }}@media (min-width: 801px) { .show-mb { display: none !important; }}@media (max-width: 800px) { .show-mb { display: default !important; }}:focus {outline:none;}::-moz-focus-inner {border:0;}[placeholder]{ text-overflow:ellipsis;}*:not(.show-scrollbars)::-webkit-scrollbar { display: none;}*:not(.show-scrollbars) { -ms-overflow-style: none; scrollbar-width: none;}/*===================CSS STARTS HERE=========================*/*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none;}a { text-decoration: none; color: #333333;}/*=============== Roboto Font============*//* latin */@font-face { font-family: 'Roboto'; font-style: normal; font-display: swap; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(/samara/static/fonts/Roboto/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}/* latin */@font-face { font-family: 'Roboto'; font-style: normal; font-display: swap; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url(/samara/static/fonts/Roboto/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}/* latin */@font-face { font-family: 'Roboto'; font-style: normal; font-display: swap; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(/samara/static/fonts/Roboto/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}/*================ HEADER ===============*/.site-header { width: 100%; background-color: #fff; padding: 16px 7.4%; margin-top: 0; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; position: fixed; top: 0; z-index: 10; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.12); font-family: Poppins, sans-serif;}.header-placeholder { height: 69px; width: 100%; transition: all 1s ease-in-out;}@media(max-width:800px) { .header-placeholder { height: 56px; }}.site-header .container { width: 100%; max-width: 1400px; margin: 0 auto; position: relative; overflow: initial;}.site-header .container .header { width: 100%; display: flex;}.header .logo { height: 34px; width: auto; transition: .2s transform linear;}.header .logo:hover { transform: scale(1.1)}.header .logo.phonepe { height: 36px;}.header .search { background: none; position: absolute; right: 12%; padding: 6px 16px; color: white; border: 0; cursor: pointer; outline: none; z-index: 101;}.header .show-nye-tickets { color: #338aed; position: absolute; top: 12px; right: 12%; cursor: pointer; background: white; border: none; font-size: 16px; border-radius: 4px; padding: 8px 16px; font-weight: 500;}.header .tickets-dropdown { margin: 0; padding: 0; list-style-type: none; list-style-image: none; font-weight: bold; width: 150px; background: #ffffff; position: absolute; top: 56px; right: 11%; text-align: center; font-size: 12px; display: none; z-index: 1; border: #dddddd 1px solid; border-radius: 8px;}.tickets-dropdown li { display: block; color: #666; padding: 15px 0 15px 0; border-bottom: #dddddd 1px solid;}.tickets-dropdown a:last-child li { border-bottom-right-radius: 8px; border-bottom-left-radius: 8px;}.tickets-dropdown li:hover { display: block; background: #f1f1f1; padding: 15px 0 15px 0; border-bottom: #dddddd 1px solid;}.header .wallet-balance-holder { position: absolute; right: 14%; top: 50%; transform: translateY(-50%); animation: 700ms ease-out 0s 1 fadeIn;}.wallet-balance-holder .wallet-balance { background-color: #fce0b2; border-radius: 36px; padding: 6px 10px; padding-right: 32px; position: relative; display: block; margin-top: 14px}@keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }.wallet-balance .balance { color: #1c1c1c; font-size: 12px;}.wallet-balance-holder .savings { font-size: 10px; margin-top: 2px; padding-left: 10px}.wallet-balance .magic-coin { position: absolute; right: 0; top: 50%; transform: translateY(-50%); height: 28px; width: 28px;}@media (max-width: 800px) { .header .show-nye-tickets { font-size: 10px; top: 16px; right: 32%; } .site-header .container .header { width: 100%; display: grid; grid-template-columns: 1fr 1fr; } .logo-location-holder .affiliates-header-content { display: inline-block; align-self: center; } .site-header.nye-open { margin-top: 62px; } .header .tickets-dropdown { font-size: 10px; right: 30%; top:48px; width: 112px; } .tickets-dropdown li { padding: 6px; } .tickets-dropdown li:hover { padding: 6px; }}.header .hamburger-holder { background: none; position: absolute; top: 50%; transform: translateY(-50%); right: 0; color: white; border: 0; padding: 8px 0; transition: .5s background-color; border-radius: 50%; /* padding-top: 12px; */}.hamburger-holder .hamburger { background: none; position: relative; top: 0; right: 0; color: white; border: 0; cursor: pointer; outline: none; z-index: 1; padding: 0;}.homepage-hamburger { margin-left: 20px; padding-top: 4px;}.homepage-hamburger .hamburger { padding: 0; border: 0; background: none;}.hamburger img { height: 30px; width: 30px;}.homepage-hamburger .hamburger img { width: 24px; height: 24px;}.header .user-holder { background: none; position: absolute; top: 50%; transform: translateY(-50%); right: 5%; border: 0; padding: 0; color: #fff; cursor: pointer; outline: none; z-index: 1; transition: .5s background-color; border-radius: 50%;}.user-holder.login:hover { background: none;}.header .user { min-width: 110px; box-sizing: border-box; background: #fff; border: 1px solid; color: #ef1c74; border-radius: 4px; font-size: 16px; font-weight: 500; padding: 6px 18px; padding-bottom: 10px; cursor: pointer; font-weight: 600;}.user.logged-in { background: none; position: relative; border: none; color: white; padding-top: 0; padding-bottom: 0;}.user.logged-in .user-icon { width: 30px; height: 30px; border-radius: 4px;}.user.logged-in.pro { padding: 0 10px; display: flex; align-items: center; gap: 28px;}.user.logged-in.pro img { height: 36px; border-radius: 8px;}.user.logged-in.pro .magic-pro { height: 36px; position: relative; right: -6px;}.coin-info span { vertical-align: middle;}.header .user-image { width: 42px; height: 42px; border-radius: 50%;}.header .user-menu { width:100px; padding:16px 16px 16px 16px; box-shadow: 0 3px 6px 0 rgba(61, 85, 97, 0.5);}.profile-detail .hello { width: 100px; height: 16px; font-family: Roboto; font-size: 12px; line-height: 1.33; text-align: left; color: #333;}.profile-detail .user-name { width: 100px; height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-family: Roboto; font-size: 14px; line-height: 1.43; text-align: left; color: #333; }.profile-detail .user-image-popover { top: -2px; right: 10px; width: 36px; height: 36px; border-radius: 50%;}.user-menu .logout { width: 100%; font-family: Roboto; padding: 4px 4px 4px 0; color: #3e5561;}.user-menu .logout:hover { background: white;}.user-menu .detail-divider { width:100%; border:1px solid #e5e5e5;}.header-blog .user-image { width: 30px; height: 30px; border-radius: 50%;}.search-container{ width: 30%; margin-left: 84px;}@media (max-width: 800px) { .homepage-hamburger { margin-left: 4px; } .universalSearchWrapper .homePageUniversalSearch { width: 100%; background: #F7F7F7 url(https://static.magicpin.com/samara/static/images/search.svg) 12px 10px no-repeat; padding: 10px 6px 10px 38px; border: 1px solid rgba(0, 0, 0, .12); border-radius: 8px; color: #5c5c5c; font-size: 14px; line-height: 20px; } .universalSearchWrapper input.homePageUniversalSearch::placeholder { color: #5C5C5C; font-size: 14px; line-height: 20px; font-family: Poppins, sans-serif; } .hamburger img { height: 20px; width: 20px; } .homepage-hamburger .hamburger img { width: 16px; height: 16px; } .site-header { padding: 8px 16px; } .header .action-cta-holder { display: flex; align-items: center; justify-content: flex-end; } .site-header.phonepe { padding: 12px 8px; padding-left: 12px; } .header .search { right: auto; top: auto; padding: 0 16px; padding-left: 20px; display: inline-block; position: relative; } .search.phonepe { right: 0; top: 0; z-index: 101; } .search.paytm { right: 0; } .header .hamburger-holder { right: auto; top: auto; position: relative; transform: none; padding: 0; } .header .user-holder { position: relative; padding: 0; right: auto; display: inline-block; transform: none; top: auto } .header .user-image { width: 32px; height: 32px; } .header .logo { height: 16px; transition: .2s transform linear; } .header .back-arrow { height: 24px; margin-right: 8px; } .header .user { font-size: 12px; padding: 4px 12px; padding-bottom: 6px; line-height: initial; position: relative; } .location-header-react .location { display: inline-block; font-size: 14px; font-weight: normal; } .location-header-react .dropdown-image { vertical-align: middle; } .user.logged-in.pro .magic-pro { height: 34px; } .site-footer { padding: 16px 8px; background-color: #2e108e; background-image: none }}@media (max-width: 1000px) { .header .logo { height: 30px; } .site-header { padding: 16px 3.5%; } .homepage-hamburger { margin-left: 4px; }}/*----SEARCH----*//*================ FOOTER ===============*/.site-footer { width: 100%; padding: 32px 16px; background-image: url('https://static.magicpin.com/samara/static/images/footer-bg.svg'); background-size: cover; position: relative; font-family: Poppins, sans-serif;}.site-footer .site-footer-container { width: 100%; max-width: 1400px; margin: 0 auto;}/*----Footer Header----*/.site-footer header { width: 100%; display: grid; grid-template-columns: 1fr auto; margin-bottom: 20px; align-items: center; font-weight: 500;}.orderhere-container .logo { height: 30px; vertical-align: middle;}.orderhere-container .orderhere-desc { vertical-align: middle; font-size: 18px; color: #ef1c74; margin-left: 8px; display: inline-block;}.orderhere-desc .app-link { text-decoration: underline; color: #ef1c74;}.site-footer header .footer-categories { display: inline-block;}.footer-categories p,.footer-categories a { display: inline-block; padding: 0 8px; font-size: 16px; line-height: 20px; color: #ffffff;}.footer-categories p.label { color: #ef1c74; padding-left: 0; font-weight: 500;}.site-footer header .footer-social { display: inline-block;}.footer-social a { padding: 0 8px;}@media (max-width: 800px) { .site-footer header .footer-social { float: none; padding-top: 16px; text-align: center; width: 100%; } .footer-social a { padding: 0; padding-right: 16px; } .site-footer header .footer-categories { padding: 0 24px; } .footer-categories p.label { display: block; } .footer-categories p, .footer-categories a { padding-right: 8px; padding-top: 8px; padding-left: 0; }}/*----Footer Links-----*/.site-footer .footer-links { width: 100%; display: flex; padding: 32px 0; gap: 10px;}.footer-links .links-content { flex: 1;}.links-content .links-header { font-size: 16px; line-height: 20px; color: #ef1c74;}.links-content .links a { font-size: 12px; line-height: 16px; color: #ffffff; padding-right: 32px; white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis; display: inline-block;}@media (max-width: 800px) { .site-footer .footer-links { flex-direction: column; width: 100%; text-align: left; padding: 0 2px; } .links-content .links-header { padding: 16px 0 0; } .links-content .links a { padding: 0; }}/*----Footer Nav----*/.site-footer .footer-nav { width: 100%; border-top: 1px solid #9098B8; border-bottom: 1px solid #9098B8; margin: 16px auto 4px; text-align: center;}.footer-nav a { display: inline-block; padding: 8px; font-size: 13px; line-height: 1.38; color: #ffffff;}@media (max-width: 800px) { .site-footer .footer-nav { text-align: left; padding: 0; }}/*----Footer Directory----*/.site-footer .footer-directory { width: 100%; text-align: center; padding: 16px 0;}.footer-directory p { display: block; font-size: 16px; line-height: 1.25; text-align: center; color: #ef1c74; padding: 8px 0;}.footer-directory .directory-link { display: block;}.directory-link a { display: inline-block; padding: 0 8px; font-size: 13px; line-height: 1.38; letter-spacing: 2px; text-align: center; color: #ffffff;}@media (max-width: 800px) { .site-footer .footer-directory { text-align: left; padding: 0 24px; } .footer-directory p { text-align: left }}/*----Footer applinks----*/.site-footer .app-links { margin-top: 20px; text-align: center;}.app-links a { width: 120px; height: 34px; overflow: hidden;}.app-links img { width: fit-content; height: 36px;}@media (max-width: 800px) { .site-footer .app-links { margin-top: 10px; }}/*================= Clearfix =====================*/.clearfix:before,.clearfix:after { content: ""; display: table;}.clearfix:after { clear: both;}.clearfix { clear: both; *zoom: 1;}/*=================Loader==================*/.loader,.loader:after { border-radius: 50%; width: 10em; height: 10em;}.loader { margin: 0 auto; font-size: 10px; position: relative; text-indent: -9999em; border-top: 1.1em solid rgba(255, 255, 255, 0.2); border-right: 1.1em solid rgba(255, 255, 255, 0.2); border-bottom: 1.1em solid rgba(255, 255, 255, 0.2); border-left: 1.1em solid #ffffff; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load8 1.1s infinite linear; animation: load8 1.1s infinite linear;}@-webkit-keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }}@keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }}/*---------Merchant Card----------*/.merchant-card-holder { padding: 8px; width: 50%; display: inline-block; float: left;}.voucher-footer { background: #f7f7fa; margin: 24px 12px 12px; padding: 12px; position: relative; text-align: left; display: block; border-radius: 4px;}.merchant-card-holder .merchant-card { width: 100%; background-color: white; display: inline-block; border-radius: 8px; position: relative; box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.12); border-radius: 4px; height: auto; min-height: 104px;}.merchant-card.missing-voucher { padding: 10px;}.merchant-card .merchant-banner-holder{ position: relative; display: inline-block; width: 24%; vertical-align: middle; position: inherit; margin-left: 12px; margin-top: 12px;}.merchant-banner-holder .magicorder-tag { position: absolute; top: 8px; left: 8px; width: 50px;}@media (max-width:800px) { .merchant-banner-holder .magicorder-tag { left: 4px; top: 12px; }}.missing-voucher .merchant-banner-holder { margin: 0;}.merchant-banner-holder .rating { position: absolute; top: 8px; right: 12px; width: 50px; height: 22px; border-radius: 4px; background-color: rgba(0, 0, 0, 0.6); border: solid 1px #00bfa5; padding: 1px 3px;}.rating .star { width: 12px; height: 12px; object-fit: contain; margin: 0 2px; margin-left: 4px; vertical-align: 8%; margin-top: 2px}.rating .rating-value { font-size: 12px; font-weight: bold; text-align: left; color: white; vertical-align: 18%;}.rating.search { position: absolute; border-radius: 4px; padding: 2px; top: 12px; right: 12px; line-height: unset;}.rating.search .star { width: 10px; height: 10px;}.rating.search .rating-value { margin-right: 4px; vertical-align: 10%;}.merchant-banner-holder .merchant-banner { height: 104px; width: 100%; border-top-left-radius: 8px; border-top-right-radius: 8px; overflow: hidden; height: 76px; width: 100%; overflow: hidden; object-fit: cover; border-radius: 4px;}.merchant-card .merchant-card-details { position: relative; display: inline-block; width: 100%; min-height: 50px; position: relative; display: inline-block; width: 100%; min-height: 50px; display: inline-block; width: 65%; vertical-align: middle;}.merchant-card-details .merchant-card-logo { position: absolute; top: 0; left: 50%; height: 40px; width: 40px; border-radius: 4px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 20; overflow: hidden;}.merchant-card-details .result-seperator { width: 24px; height: 1px; background-color: #d8dae1; margin: 12px; margin-left: 12px;}.merchant-card-details h4 { font-size: 16px; font-weight: bold; line-height: 1.25; text-align: left; color: rgba(0, 0, 0, 0.87); margin-top: 12px; overflow: hidden; text-overflow: ellipsis; margin-bottom: 0px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; padding: 0 8px; margin-top: 0;}.merchant-card-details .cashback { padding: 0 8px; margin-top: 2px; color: #ef1c74; font-size: 12px; font-weight: 500;}.merchant-card-details h5 { font-size: 14px; line-height: 1.43; text-align: left; color: rgba(0, 0, 0, 0.54); margin-bottom: 8px; margin: 0; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; padding: 0 8px;}.merchant-card-details h6 { font-size: 14px; color: rgba(0, 0, 0, 0.54); padding: 4px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; max-height: 36px; margin: 0px; padding-left: 0px; margin-left: 8px;}.merchant-card-details .subcategory-url { color: #ef1c74;}.merchant-card-details h6:first-child { margin-top: 20px;}.merchant-card-details .merchant-actions { padding: 0 8px; margin-top: 12px;}.merchant-card-details .merchant-actions { padding: 0 8px; margin-top: 12px;}.voucher-merchant-details .merchant-actions { margin-top: 6px;}.merchant-actions .merchant-action{ display: inline-block; margin-left: 16px;}.merchant-actions .merchant-action:first-child { margin-left: 0;}.merchant-action .action-icon { vertical-align: middle; height: 16px; width: 16px;}.merchant-action .action-text { font-size: 10px; font-weight: 500; vertical-align: middle; border-bottom: 1px dashed; color: rgba(0, 0, 0, 0.54); padding: 1px 2px; text-align: center; margin-left: 4px;}.merchant-card .voucher-footer { border-radius: 4px;}@media (max-width: 800px) { .merchant-card-holder { width: 100%; padding: 0; display: inline-block; float: none; } .merchant-card-details h5 { font-size: 10px; } .merchant-card-details h6 { font-size: 10px; } .merchant-card-holder .merchant-card { border-radius: 0; height: auto; box-shadow: none; float: none; padding: 16px 8px; border-bottom: .5px solid rgba(0, 0, 0, 0.12); } .merchant-card .merchant-banner-holder { display: inline-block; width: 24%; vertical-align: middle; position: inherit; margin: 0; } .merchant-banner-holder .merchant-banner { height: 76px; width: 100%; overflow: hidden; object-fit: cover; border-radius: 4px; } .merchant-banner-holder .rating{ padding: 0; top: 16px; border-radius: 4px; width: 40px; height: 20px; text-align: center; } .rating .star { width: 10px; height: 10px; object-fit: contain; margin: 0 2px; margin-left: 4px; margin-left: 0; vertical-align: middle; } .rating .rating-value { font-size: 12px; font-weight: bold; text-align: left; color: white; vertical-align: middle; } .rating.search { padding: 0; border-radius: 2px; top: 10px; line-height: unset; } .rating.search .star { vertical-align: 0; } .rating.search .rating-value { vertical-align: 6%; font-size: 10px; }}/*----Breadcrumbs----*/.breadcrumbs a { font-size: 12px; line-height: 1.43; color: #767676; cursor: pointer;}.breadcrumbs a:hover { text-decoration: underline;}.breadcrumbs ol { list-style-type: none;}.breadcrumbs li { display: inline;}.breadcrumbs li::after { content: '/'; color: rgba(0, 0, 0, 0.38); font-size: 12px;}.breadcrumbs li:last-child::after { content: ''; margin-left: 4px;}.breadcrumbs li:last-child { pointer-events: none; font-weight: bold; font-size: 12px;}/*------------Lazyload Class-------------*/.lazy { object-fit: cover;}/*--------Login Dialog--------*/.user-login-dialog, .user-otp-dialog { z-index: 100000 !important;}.user-login-dialog h3 { background-color: #f7f7fa; border: solid 1px #d8dae1; padding: 12px 24px 8px !important;}.user-login-dialog .dialog-text-heading { font-size: 16px; font-weight: bold; line-height: 1.75; text-align: left; color: #3e5561; margin-top: 16px;}.user-login-dialog .dialog-text { font-size: 14px; line-height: 1.43; text-align: left; color: #637e8c;}.user-login-dialog .std-code { width: 66px; border-radius: 4px; background-color: #ffffff; border: solid 1px #d8dae1; font-size: 16px; line-height: 1.25; text-align: center; color: #3e5561; padding: 8px; display: inline-block; margin-right: 16px; margin-top: 8px;}.user-login-dialog input { border-radius: 4px; background-color: #ffffff; border: solid 1px #d8dae1; font-size: 16px; line-height: 1.25; text-align: center; color: #3e5561; padding: 8px; display: inline-block; margin-top: 8px; width: 180px; text-align: left;}.user-login-dialog .send-otp-button { border: none; background-color: #338aed; font-size: 18px; font-weight: 700; color: #fff; height: 48px; border-radius: 4px; text-align: center; width: 100%; margin-top: 24px; cursor: pointer;}/*--------Otp Dialog--------*/.user-otp-dialog h3 { border-top-left-radius: 16px; border-top-right-radius: 16px; background-color: #f7f7fa; border: solid 1px #d8dae1; padding: 12px 24px 8px !important;}.user-otp-dialog .dialog-text-heading { font-size: 16px; font-weight: bold; line-height: 1.75; text-align: left; color: #3e5561; margin-top: 24px;}.user-otp-dialog .dialog-text { font-size: 14px; line-height: 1.43; text-align: left; color: #637e8c;}.user-otp-dialog .std-code { width: 66px; border-radius: 4px; background-color: #ffffff; border: solid 1px #d8dae1; font-size: 16px; line-height: 1.25; text-align: center; color: #3e5561; padding: 8px; display: inline-block; margin-right: 16px; margin-top: 8px;}.user-otp-dialog input { border-radius: 4px; background-color: #ffffff; border: solid 1px #d8dae1; font-size: 16px; line-height: 1.25; color: #3e5561; padding: 12px; display: inline-block; margin-top: 24px; width: 48px; text-align: center; margin-right: 12px;}.user-otp-dialog input[type=number]::-webkit-inner-spin-button, .user-otp-dialog input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; }.user-otp-dialog .name,.user-otp-dialog .email { border-radius: 4px; background-color: #ffffff; border: solid 1px #d8dae1; font-size: 16px; line-height: 1.25; color: #3e5561; padding: 12px; display: inline-block; margin-top: 8px; width: 100%; text-align: left; margin-right: 12px;}.user-otp-dialog .name { margin-top: 20px;}.user-otp-dialog .send-otp-button { border: none; background-color: #338aed; font-size: 18px; font-weight: 700; color: #fff; height: 48px; border-radius: 4px; text-align: center; width: 100%; margin-top: 24px; cursor: pointer;}.user-otp-dialog .error-msg { font-size: 12px; line-height: 1.33; text-align: center; color: #ff455f; display: block; margin-top: 8px;}/*---------Pagination--------*/.centre { text-align: center; clear: both;}.centre .pagination { display: inline-block; text-align: center; margin-bottom: 16px;}/* .pagination a { color: #3e5561; float: left; padding: 8px 12px; text-decoration: none; border: 1px solid #d8dae1; margin: 0 2px; background-color: white; border-radius: 4px;} *//* .pagination a.active { background-color: #338aed; color: white; border: 1px solid #338aed;}.pagination a.not-active { background-color: #e5e4e4; color: white; border: 1px solid #e5e4e4;}.pagination a:hover:not(.active) { background-color: #A4A4A4;} *//*----------Scroll Top Button---------*/.best-offers-holder { position: fixed; bottom: 20px; right: 20px; cursor: pointer; border-radius: 50%; background: #ef1c74; padding: 12px 6px; height: 68px; display: flex; align-items: center; width: 68px; color: #fff; overflow: hidden; border: 2px solid #fff; font-weight: bold; box-shadow: 0px 5px 5px -3px rgb(0 0 0 / 20%), 0px 8px 10px 1px rgb(0 0 0 / 14%), 0px 3px 14px 2px rgb(0 0 0 / 12%); z-index: 101;}.best-offers-holder.fall-animation { animation: fall 1.5s ease-in-out 1s 1;}.best-offers-holder .best-offers { font-size: 12px; text-align: center; margin-top: 4px; line-height: 16px; animation: breathe 1s linear 0s infinite ;}@keyframes breathe { 0%, 100% { } 50% { transform: scale(1.1, 1.1); }}@keyframes fall { 0% { transform: translateY(-100vh); } 70% { transform: translateY(20px); } 80% { transform: scaleY(0.7); } 100% { }}.scroll-top-btn { position: fixed; bottom: 34px; right: 34px; display: none; cursor: pointer; border-radius: 50%; background: rgba(0,0,0,.4); padding: 12px 10px;}.scroll-top-btn:hover { background: rgba(0, 0, 0, 0.6);}.scroll-top-btn .top-arrow { height: 12px; width: 20px;}/*----------Snackbar-----------*/.snackbar { display: none; width: 250px; background-color: #333; color: #fff; text-align: center; border-radius: 2px; padding: 16px; position: fixed; z-index: 1; left: 50%; bottom: 30px; font-size: 16px; transform: translateX(-50%);}.snackbar.show { display: block; -webkit-animation: fadein 0.5s, fadeout 0.5s 4.5s; animation: fadein 0.5s, fadeout 0.5s 4.5s;}@-webkit-keyframes fadein { from {bottom: 0; opacity: 0;} to {bottom: 30px; opacity: 1;}}@keyframes fadein { from {bottom: 0; opacity: 0;} to {bottom: 30px; opacity: 1;}}@-webkit-keyframes fadeout { from {bottom: 30px; opacity: 1;} to {bottom: 0; opacity: 0;}}@keyframes fadeout { from {bottom: 30px; opacity: 1;} to {bottom: 0; opacity: 0;}}@media(max-width: 800px) { .location-holder .selected-location { background-position: 8px 6px; background-size: 24px; } .city-selection-dialog .select-city { padding-top: 0px; } .city-selection-dialog .cities-container { text-align: center; } .city-selection-dialog .search-location { float: none; width: 100%; } .city-selection-dialog .location-holder .selected-location { padding-right: 80px; } .city-selection-dialog .detect-location { float: none; width: 100%; margin-top: 12px; } .search-location-container .search-city { position: absolute; right: 0px; top: 0px; height: 100%; } .cities-container .city { margin: 8px 4px 0 0; display: inline-block; } .cities-container .city:last-child { margin: 0 auto; } .cities-container .city { padding: 12px 12px; font-size: 14px; cursor: pointer; margin-bottom: 2px; } .city-selection-dialog .search-location input.location { padding-right: 80px; } .city-selection-dialog .divider { width: 20%; margin-top: 10px; margin-bottom: 8px; } .city-selection-dialog .logo-container { margin: 10px 0 30px 0; } .logo-container .mp-logo { height: 70%; display: block; margin: 0 auto; }}/*---------------- Rating classes ----------------------*/.rating5 { background-color: #008a3b; }.rating4 { background-color: #00ae28; }.rating3 { background-color: #8bcc00; }.rating2 { background-color: #ffc20f; }.rating1 { background-color: #ee5350; }/*------------------ Magicpin Loader ----------------------*/.magicpin-loader { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background: url("https://lh3.googleusercontent.com/Izdlyt7DcHccqH6MP-JFmcA1Lch50eKOpQSqUCwXeAhnQ4sxouKcUGtS_qB3kX_ZlGLjr9-RsnYMvTSAltHCJA83LbdsOsrnTPXiEu2V") center no-repeat #fff; background-size: 132px;}.magicpin-loader .loading { position: absolute; left: 50%; top: 58%; transform: translateX(-50%); width: 64%; line-height: 1.4; font-weight: 500; color: rgba(0,0,0,.87); text-align: center;}/* Comma seperator */.comma-separator::after { content: ', ' } .comma-separator:last-child::after { content: ''}/* ------ Small Loader ---------- */.mobile-loader-overlay { position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.7); height: 100vh; width: 100vw; z-index: 999999999; display: none}.mobile-loader-overlay .mobile-loader-holder { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}.mobile-loader-holder .mobile-loader { border: 6px solid #f3f3f3; border-radius: 50%; border-top: 6px solid #ef1c74; width: 30px; height: 30px; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite;}/* Safari */@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); }}@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); }}.page-loading::before { content:" "; display:block; position:fixed; z-index:12; height:4px; width:98%; top:0; left:0; background-color:rgba(239, 28, 116, 1); animation: page-load ease-out 2s; box-shadow:0 2px 2px rgba(0,0,0,.2);}@keyframes page-load { 0% { width: 30%; background-color: rgba(239, 28, 116, .8); } 40% { width: 60%; } 100% { width: 98%; background: rgba(239, 28, 116, .9) } }.header .logo-location-holder { display: inline-block; align-self: center;}/* Header CSS */.header .search { line-height: normal;}.header .user-holder { font-size: inherit}.header .user-holder:hover { background-color: initial;}.header .user { background: #EB0F69; border: 1px solid #E8E8E8; color: #FFFFFF; border-radius: 12px; font-size: 16px; line-height: 22px; padding: 12px; padding-right: 8px; cursor: pointer; font-weight: 600; font-family: Poppins, sans-serif;}.user-holder.login { right: 4%;}.user.logged-in { background: none; position: relative; border: none; color: white;}.user .coin-info { position: absolute; background: rgb(239,28,116); background: linear-gradient(152deg, rgba(239,28,116,1) 0%, rgba(46,16,142,1) 100%); width: 70px; font-size: 12px; border-radius: 22px; right: -10px; bottom: -10px; padding: 1px 2px; font-weight: 500; border: 0.6px solid #fff;}.logged-in .coin-info { left: 50%; transform: translateY(-60%) translateX(-50%); width: 50px; padding: 2px;}.coin-info .header-coin { height: 10px; vertical-align: middle;}@media (max-width: 800px) { .site-header { padding: 8px 16px; } .header .action-cta-holder { display: flex; align-items: center; justify-content: flex-end; } .header .search { right: auto; top: auto; padding: 0; display: inline-block; position: relative; padding: 6px 16px; padding-left: 20px; } .coin-info .header-coin { height: 8px; } .search .search-cta { padding: 0; } .header .user-holder { position: relative; padding: 0; right: auto; display: inline-block; transform: none; top: auto } .header .user { font-size: 12px; padding: 4px 12px 6px; line-height: initial; position: relative; margin-right: 12px; } .user.logged-in { padding: 0; text-align: center; } .user .coin-info { font-size: 8px; width: auto; bottom: -8px; right: -10px; } .logged-in .coin-info { width: 38px; bottom: 0; transform: translateX(-50%); } .header .hamburger-holder { right: auto; top: auto; position: relative; transform: none; padding: 0; } .site-header .location-header-holder .location-holder { display: inline-flex; width: auto; padding: 0; font-size: 14px; align-items: center; margin-top: 2px; } .site-header .location-holder .location { font-family: Poppins, sans-serif; font-size: 14px; line-height: 16px; font-weight: normal; display: inline-flex; align-items: center; gap: 2px; } .location-holder .location .locality { max-height: 16px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .site-header .location-holder .location .pin { height: 16px; } .company-details-holder { display: flex; flex-direction: column; align-items: flex-start; } .location-holder.home { display: flex; gap: 4px; align-items: center; position: relative; left: -4px; top: 2px; max-width: 70%; } .location-holder.home .location { line-height: 16px; font-size: 12px; color: white; float: none; font-weight: 500; max-height: 16px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .location-holder.home .dropdown-image { height: 12px; width: 12px; margin-left: 0px; } .site-header .location-holder .dropdown-image { height: 16px; width: 16px; /* margin-top: 2px; */ margin-left: 4px; } .site-header .universal-search .back { margin-right: 8px; } .user .user-icon { height: 32px; } .header .toolTipContainer { position: absolute; } .logo-location-holder .affiliates-header-content { display: inline-block } .site-footer header { grid-template-columns: 1fr; margin-bottom: 16px; } .site-footer .orderhere-container { text-align: center; padding: 12px 0; } .user.logged-in.pro { padding: 0px; }}.site-footer .legal-info { margin-top: 20px;}.legal-info p { color: #fff; font-size: 14px; line-height: 18px; margin: 4px 0;}/* Redeem Page Widgets */#discover-strip-home-react { height: 96px; gap: 10px; display: flex; overflow-x: scroll; overflow-y: hidden; padding-top: 10px; padding-right: 20px;}#discover-strip-home-react .category { display: flex; flex-direction: column; gap: 2px; align-items: center; max-width: 70px; min-width: 70px;}.category .category_icon { max-width: 100%; height: 50px; width: 50px;}.category .category_name { font-size: 12px; line-height: 16px; font-weight: 500; text-align: center; color: #333;}.floating_banners { width: 80%; margin: auto; min-height: 180px; margin-top: 40px; position: relative;}.floating_banners .banner_container { overflow-y: hidden; overflow-x: scroll; display: flex; scroll-behavior: smooth;}.floating_banners .floating_banner { margin: 10px; border-radius: 24px; display: block;}.floating_banner .floating_banner_image { border-radius: 24px; object-fit: contain; min-width: 120px;}.floating_banners .right-arrow { position: absolute; width: 40px; height: 40px; right: -10px; border-radius: 50%; cursor: pointer; box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.12); background-color: white; padding: 4px; top: calc(50% - 10px);}.collection_data_container .right-arrow{ position: absolute; width: 40px; height: 40px; right: -10px; border-radius: 50%; cursor: pointer; box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.12); background-color: white; padding: 4px; top: calc(50% - 10px);}.collection_data_container .left-arrow{ position: absolute; width: 40px; height: 40px; left: -10px; border-radius: 50%; cursor: pointer; box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.12); background-color: white; transform: rotate(180deg); padding: 4px; top: calc(50% - 10px); display: none;}.floating_banners .left-arrow { position: absolute; width: 40px; height: 40px; left: -10px; border-radius: 50%; cursor: pointer; box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.12); background-color: white; transform: rotate(180deg); padding: 4px; top: calc(50% - 10px); display: none;}.wallet_intro { margin-top: 80px; display: flex; height: 165px; justify-content: center; max-height: 165px; padding: 10px;}.wallet_intro .wallet_intro_image { max-width: 100%; max-height: 166px;}.deal_trends { width: 80%; margin: auto; margin-top: 80px; position: relative;}.deal_trends .right-arrow { position: absolute; width: 40px; height: 40px; right: -10px; border-radius: 50%; cursor: pointer; box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.12); background-color: white; padding: 4px; top: 50%;}.deal_trends .left-arrow { position: absolute; width: 40px; height: 40px; left: -10px; border-radius: 50%; cursor: pointer; box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.12); background-color: white; transform: rotate(180deg); padding: 4px; top: 50%; display: none;}.deal_trends .deal_trend_title { line-height: 32px; overflow: hidden; text-overflow: ellipsis; font-size: 28px; font-weight: 600; text-align: left; color: #333;}.deal_trends .trends_container { display: flex; gap: 16px; margin-top: 24px; overflow-x: scroll; overflow-y: hidden; scroll-behavior: smooth;}.trends_container .trend { height: 220px; width: 220px;}.trend .trend_img { border-radius: 20px; max-height: 220px; height: 220px; width: 220px;}.browse_headers{ width: 80%; display: flex; align-items: center; column-gap: 16px; margin: 80px auto; overflow-x: scroll;}.data_discover_collections { width: 80%; margin: 80px auto auto;}.collection_data_title.title_1 { font-size: 16px; font-weight: 400; color: #333333; padding: 8px 0 0 0; font-family: Poppins, 'sans-serif'; display: block; white-space: nowrap; text-overflow: ellipsis; /* -webkit-line-clamp: 2; Maximum 2 lines */ /* -webkit-box-orient: vertical; */ overflow: hidden; line-height: 24px; /* Ensure line height is set */ height: 56px;}.collection_data_title.title_2 { font-size: 18px; font-weight: 600; color: #333333; font-family: Poppins, 'sans-serif'; padding: 4px 0 8px 0; /* display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; */ overflow: hidden; display: block; white-space: nowrap; text-overflow: ellipsis; line-height: 28px; height: 38px;}.collection_data_subtitle { font-size: 16px; color: #767676; padding: 8px 0; font-weight: 400; display: block; white-space: nowrap; max-width: 100%; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; font-family: Poppins, 'sans-serif'; -webkit-line-clamp: 1; /* Set the desired number of lines */ word-wrap: break-word; margin-top: 2px; line-height: 20px;}.collection_data_additional_info { font-size: 16px; color: #333333; font-weight: 600; font-family: Poppins, 'sans-serif'; line-height: 24px; display: flex;}.collection_data_cta { text-align: center; font-size: 16px; color: #6561E8; border: 1px solid #6561E8; border-radius: 12px; background-color: #fff; box-shadow: 0 2px 0 0 #6561E8; font-weight: 600; font-family: Poppins, 'sans-serif'; line-height: 24px; padding: 4px 8px; margin-top: 12px;}.collection_small { width: 200px; height: 132px; object-fit: cover;}.collection_large { width: 180px; height: 180px; object-fit: cover;}.voucher_offer{ padding:8px 5px; display: flex; justify-content: center; align-items: center; font-family: Poppins, sans-serif;}.card-tag{ width: 120px; position: absolute; bottom:12px; left: 8px;}.voucher_offer span{ font-size: 14px;}.limited-stocks { color: #6561e8; font-family: Poppins, 'sans-serif'; font-size: 12px; font-style: normal; font-weight: 700; line-height: 16px; /* 133.333% */}.user-rating-holder{ display: flex;}.progress { border-radius: 21px; background: #6561e8; height: 100%;}.collections_data_collection_save_discount { font-size: 14px; color: #858587; line-height: 18px;}.data_collection_widget{ position: relative;}.collection_data_container { display: flex; gap: 16px; width: 100%; padding-left: 8px; padding-right: 8px; padding-bottom: 8px; overflow-x: scroll; align-items: flex-start; scroll-behavior: smooth;}.collection_data_container.collection_brand_data_container { gap: 12px;}.collection_data_medium { width: 224px; height: 132px; object-fit: cover;}.collection_card_container { position: relative; width: 100%;}.collection_card_layout { margin: 16px 8px 8px 8px; border-radius: 16px; width: min-content;}.collection_card_layout img { max-width: 310px;}.browse_header_title { color: #191C32; font-family: Poppins, 'sans-serif'; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; /* 142.857% */ padding-left: 4px;}.cardtag { position: absolute; bottom: 10px; left: 10px}.collection_card_info { font-family: Poppins, sans-serif}.title_container { display: flex; align-items: center;}.rating_label{ padding-left:8px; font-size:14px; color:#858587}.rating-star { width: 16px; height: 16px}.data_discover_collections .data_discover_collections_heading { line-height: 32px; overflow: hidden; text-overflow: ellipsis; font-size: 28px; font-weight: 600; text-align: left; color: #333; padding-bottom: 8px; padding-left: 10px; padding-right: 10px;}.data_discover_collections_heading .home-brands-title { text-align: center; color: #383580; font-size: 30px; line-height: 44px; font-weight: 600; font-family: Poppins, sans-serif;}.home-brands-title .home-brands-title-span { color: #D4236A;}.data_discover_collections .dicover_data_container { display: flex; gap: 30px;}.data_discover_collections .dicover_data_container.small { flex-wrap: wrap;}.data_discover_collections .dicover_data_container.medium { overflow-x: scroll; overflow-y: hidden; gap: 16px;}.dicover_data_container .discover_data_collection { display: flex; flex-direction: column; align-items: center; margin-top: 24px;}.discover_data_collection .discover_data_collection_subtitle { display: none;}.discover_data_collection.small .discover_data_collection_title { font-size: 16px; font-weight: 500; color: #191C32; text-align: center;}.discover_data_collection.small .discover_data_collection_subtitle { display: inline-block; position: relative; width: max-content; text-align: center; border-radius: 10px; background-color: #6561E8; color: white; font-size: 12px; line-height: 14px; font-weight: 600; padding: 4px 6px; transform: translateY(calc(-20px - 50%));}.discover_data_collection.medium .discover_data_collection_title { width: 68%; text-align: center; height: 32px; background: linear-gradient(46.38deg, #6D6BED 20.46%, #8F8BF2 52.47%, #DBD0FE 110.16%); position: relative; box-shadow: 0px 3.78151px 0px #8E8CFE; border-radius: 10px; font-size: 16px; line-height: 32px; font-weight: 600; color: white; top: -16px;}.dicover_data_container .discover_data_collection.small { max-width: 128px; width: 128px; height: 128px; gap: 20px;}.discover_data_collection.small .dicover_data_image { height: 128px; width: 128px; border-radius: 40px;}.dicover_data_container .discover_data_collection.medium { max-width: 280px; width: 280px; min-width: 280px;}.discover_data_collection.medium .dicover_data_image { height: 130px; min-height: 130px;}.discover_data_collection .dicover_data_image { object-fit: fill; max-width: 100%;}.one_click_discover_collections { width: 80%; margin: auto; margin-top: 80px; position: relative;}.one_click_discover_collections .right-arrow { position: absolute; width: 40px; height: 40px; right: -10px; border-radius: 50%; cursor: pointer; box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.12); background-color: white; padding: 4px; top: 50%;}.one_click_discover_collections .left-arrow { position: absolute; width: 40px; height: 40px; left: -10px; border-radius: 50%; cursor: pointer; box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.12); background-color: white; transform: rotate(180deg); padding: 4px; top: 50%; display: none;}.one_click_discover_collections .one_click_collections_heading { line-height: 32px; overflow: hidden; text-overflow: ellipsis; font-size: 28px; font-weight: 600; text-align: left; color: #333;}.one_click_discover_collections .one_click_container { display: flex; overflow-x: scroll; overflow-y: hidden; gap: 16px; margin-top: 16px; padding: 0px 10px; scroll-behavior: smooth;}.one_click_container .one_click_item { min-width: 170px; width: 170px;}.one_click_item .item_image_holder { width: 100%; max-width: 100%; min-height: 220px; max-height: 220px; position: relative; border: 1px solid #e8e8e8; border-radius: 20px; background: white; display: flex; align-items: flex-end; margin-bottom: 6px;}.item_image_holder.square { min-height: 170px; max-height: 170px;}.one_click_item .home_delivery_tag { position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); height: 20px;}.item_image_holder .item-primary-type { position: absolute; top: 8px; left: 8px;}.one_click_item .info { color: #191C32; max-width: 192px;}.info .item_name { font-size: 14px; line-height: 20px; font-weight: 500; max-height: 40px; min-height: 40px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}.info .merchant_name { font-size: 14px; line-height: 20px; font-weight: 600; max-height: 20px; min-height: 20px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }.info .subtitle { font-size: 14px; line-height: 16px; color: #a0a0a0; margin: 2px 0px;}.container .price_info { width: 100%;}.price_info .price { font-size: 16px; line-height: 20px; color: #191C32; font-weight: 600;}.price_info .mrp { color: #a0a0a0; font-size: 12px; line-height: 16px; text-decoration: line-through; font-weight: 500; margin: 0px 2px;}.discover_data_collection_save_discount{ margin-top: -32%; font-size: 12px; text-decoration: line-through; color: #858587; line-height: 18px;}.vertical_image_container .banner-image-holder { width: 100%;}.vertical_image_container .banner-image-holder img { width: 100%; display: block;}.vertical_image_container { width: 80%; margin: 80px auto auto;}@media (max-width: 1000px) { .data_discover_collections_heading .home-brands-title { font-size: 32px; line-height: 48px; }}@media (max-width: 800px) { .floating_banners, .deal_trends, .wallet_intro, .floating_banners, .one_click_discover_collections { width: 100%; padding-left: 10px; padding-right: 10px; margin-top: 40px; } .data_discover_collections { width: 100%; margin-top: 40px; } .data_discover_collections .data_discover_collections_heading { padding-left: 16px; padding-right: 16px; } .data_discover_collections.data_collection_widget { padding-left: 0; padding-right: 0; } .vertical_image_container { width: 100%; margin-top: 20px; } .collection_data_container { gap: 0; } .data_discover_collections .data_discover_collections_heading, .deal_trends .deal_trend_title, .one_click_discover_collections .one_click_collections_heading { line-height: 28px; font-size: 20px; padding-bottom: 4px; } .discover_data_collection.small .discover_data_collection_title { font-size: 12px; line-height: 16px; } .data_discover_collections .dicover_data_container { display: grid; overflow-x: scroll; overflow-y: hidden; gap: 24px; padding-right: 10px; } .dicover_data_container .discover_data_collection { margin-top: 12px; } .dicover_data_container .discover_data_collection.medium { width: 100%; } .data_discover_collections .dicover_data_container.small { grid-template-columns: repeat(6, auto); padding-left: 16px; padding-right: 16px; row-gap: 0; } .collection_data_title.title_2 { font-size: 16px; } .data_discover_collections .dicover_data_container.medium { display: flex; padding-left: 16px; padding-right: 16px; } .dicover_data_container .discover_data_collection.small { width: 84px; height: 94px; max-width: 84px; gap: 8px; } .discover_data_collection.small .dicover_data_image { height: 84px; width: 84px; } .discover_data_collection.medium .dicover_data_image { height: 104px; min-height: 104px; } .discover_data_collection.medium .discover_data_collection_title { font-size: 12px; } .discover_data_collection.small .discover_data_collection_subtitle { font-size: 10px; transform: translateY(calc(-8px - 50%)); } .deal_trends .trends_container { margin-top: 12px; } .card-tag { width: 100px; }}@media (max-width: 700px) { .data_discover_collections_heading .home-brands-title { font-size: 16px; line-height: 24px; }}/* share btn */ #share-social-container-floating{ position: fixed; width: 70px; height: 70px; bottom: 100px; right: 27px; z-index: 10; } #share-social-main-cta{ width: 55px; height: 55px; border-radius: 50%; background: rgba(0,0,0,.4); position: fixed; bottom: 100px; right: 27px; cursor: pointer; box-shadow: 0px 2px 10px rgba(0,0,0,0.2); }.share-social-main-cta-img{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: 0; margin: auto; line-height: 65px; transition: all 0.4s; animation: share-social-main-cta-img-out 0.6s; } @keyframes share-social-main-cta-img-in{ from {transform: rotateZ(-360deg);} to {transform: rotateZ(0deg);} } @keyframes share-social-main-cta-img-out{ from {transform: rotateZ(0deg);} to {transform: rotateZ(-360deg);} } .share-social-container-node{ width: 40px; height: 40px; border-radius: 50%; position: fixed; z-index: 300; transform: scale(0); cursor: pointer; right: 36px; animation-fill-mode: forwards; } .share-social-container-node3{ bottom: 180px; /* animation: bounce-out-share-social-container-node 0.412s linear; */ } .share-social-container-node2{ bottom: 240px; animation: bounce-out-share-social-container-node 0.412s linear; /* right: 30px; */ } .share-social-container-node1{ bottom: 300px; animation: bounce-out-share-social-container-node 0.256s linear; } /* .share-social-container-node1{ bottom: 360px; animation: bounce-out-share-social-container-node 0.128s linear; } */ @keyframes bounce-share-social-container-node{ from {opacity: 0;} to {opacity: 1; transform: scale(1);}}@keyframes bounce-out-share-social-container-node{ from {opacity: 1; transform: scale(1);} to {opacity: 0; transform: scale(0);}} @media (max-width: 800px) { #share-social-container-floating{ bottom: 120px; right: 20px; } #share-social-main-cta{ width: 45px; height: 45px; right: 20px; bottom: 120px; } .share-social-main-cta-img{ animation: none; } .share-social-container-node-logo{ width: 40px; height: 40px; } .share-social-container-node{ right: 20px; } .share-social-container-node3{ bottom: 175px; } .share-social-container-node2{ bottom: 235px; } .share-social-container-node1{ bottom: 295px; } /* .share-social-container-node1{ bottom: 340px; } */ /*used for mobile animation*/ .show-social-container-node{ animation: bounce-share-social-container-node 0.1s linear; animation-fill-mode: forwards; } .show-social-container-node3{ animation-delay: 0.064s; } .show-social-container-node2{ animation-delay: 0.128s; } .show-social-container-node1{ animation-delay: 0.256s; } .collection_data_container.collection_brand_data_container { gap: 0; }}@media (min-width: 800px) { .share-social-container-node3{ transform: scale(1); } #share-social-container-floating:hover{ height: 400px; width: 90px; padding: 30px; } #share-social-container-floating:hover .share-social-main-cta-img{ animation: share-social-main-cta-img-in 0.4s; animation-delay: 0.2s; animation-fill-mode: forwards; } .share-social-container-node:active, .share-social-container-node:focus, .share-social-container-node:hover { /* box-shadow: 0 0 4px rgba(0,0,0,.14), 0 4px 8px rgba(0,0,0,.4); */ right: 40px; } #share-social-container-floating:hover .share-social-container-node{ animation: bounce-share-social-container-node 0.1s linear; animation-fill-mode: forwards; } /* #share-social-container-floating:hover .share-social-container-node4{ animation-delay: 0.032s; } */ #share-social-container-floating:hover .share-social-container-node2{ animation-delay: 0.064s; } #share-social-container-floating:hover .share-social-container-node1{ animation-delay: 0.128s; } /* #share-social-container-floating:hover .share-social-container-node1{ animation-delay: 0.256s; } */ .collection_data_title { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; }}@media screen and (max-width: 600px){ .collection_data_medium{ width: 224px; height: 132px; } .collection_large{ width: 180px; height: 180px; } .collection_data_title { font-size: 16px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; padding: 0; } .collection_data_subtitle { font-size: 14px; -webkit-line-clamp: 1; display: block; white-space: nowrap; max-width: 100%; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; } }.vertical-grid-layout { display: grid; grid-template-columns: repeat(auto-fit, minmax(calc((100% - 64px) / 5), 1fr)); padding-left: 0; padding-right: 0;}.collection-buddles-layout img { max-width: 100%; height: auto;}.vertical-grid-layout .right-arrow { display: none;}.vertical-grid-layout .left-arrow { display: none;}@media (max-width: 1000px) { .vertical-grid-layout { grid-template-columns: repeat(auto-fit, minmax(calc((100% - 32px) / 3), 1fr)); }}@media (max-width: 800px) { .vertical-grid-layout { grid-template-columns: repeat(auto-fit, minmax(calc((100% - 16px) / 3), 1fr)); padding-left: 8px; padding-right: 8px; gap: 8px; }}@media (max-width: 600px) { .vertical-grid-layout { grid-template-columns: repeat(auto-fit, minmax(calc((100% - 8px) / 2), 1fr)); }}/*----Merchant Side Card----*/.merchant-images .side-card-holder { width: 100%; margin-bottom: 32px;}.side-card-holder .merchant-side-card { background: white; padding: 16px; width: 100%; margin-top: 12px; display: inline-block; border-radius: 8px; box-shadow: 0 3px 8px 0 rgba(0,0,0,.12)}@media (max-width: 800px){ .side-card-holder .merchant-side-card { margin-bottom: 8px; border-radius: 4px; margin-top: 10px; }}/*---- Merchant Side Section----*/.merchant-side-card .merchant-side-section { position: relative;}.merchant-side-section .merchant-side-header { font-size: 14px; font-weight: bold; line-height: 1.25; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: calc(100% - 60px); color: rgba(0,0,0,.87);}.merchant-side-section:hover .similar-merchant-header-tooltip{ visibility: visible;}.merchant-side-section .similar-merchant-header-tooltip{ visibility: hidden; width: auto; background-color: black; color: #fff; text-align: center; border-radius: 6px; padding: 6px; position: absolute; z-index: 1;}.merchant-side-section .similar-merchant-header-tooltip::after{ content: " "; position: absolute; bottom: 100%; transform: rotate(180deg) !important; left: 50%; margin-left: -6px; border-width: 6px; border-style: solid; border-color: black transparent transparent transparent;}.merchant-side-section .merchant-side-content { font-size: 14px; line-height: 1.43;}.merchant-side-section .view-all { position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-size: 12px; color: #ef1c74; cursor: pointer;}.merchant-side-section .view-all:hover { font-weight: bold;}/*----Merchant Related Collections----*/.merchant-collection-deals .merchant-collection-deal, .merchant-collection-deals .merchant-collection-online-deal { width: 50%; float: left; margin-top: 16px; height: 140px; overflow: hidden; position: relative;}.merchant-collection-deals .merchant-collection-deal:nth-child(even), .merchant-collection-deals .merchant-collection-online-deal:nth-child(even) { padding-left: 8px;}.merchant-collection-deals .merchant-collection-deal:nth-child(odd), .merchant-collection-deals .merchant-collection-online-deal:nth-child(odd) { padding-right: 8px;}.merchant-collection-deal .deal-banner { border-radius: 4px; height: 80px; display: block; cursor: pointer; background-position: center; background-size: 60%; background-color: white; background-repeat: no-repeat;}.merchant-collection-online-deal .online-banner{ border-radius: 4px; height: 80px; display: block; cursor: pointer; background-position: center; background-size: cover; background-size: 60%; background-color: white; background-repeat: no-repeat; color: transparent;}.merchant-collection-deal .deal-banner:hover, .merchant-collection-online-deal .online-banner:hover { box-shadow: 0 3px 8px 0 rgba(0,0,0,.12)}.merchant-collection-deal .deal-name, .merchant-collection-online-deal .deal-name { display: block; font-size: 14px; font-weight: 500; line-height: 1.43; margin-top: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: rgba(0,0,0,.87); cursor: pointer;}.merchant-collection-deal .deal-address { display: block; font-size: 12px; line-height: 1.33; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0.54); text-overflow: ellipsis; cursor: pointer;}.merchant-collection-deal .deal-subcategory, .merchant-collection-online-deal .online-merchant-subcategory { display: block; font-size: 12px; line-height: 1.33; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0.54); text-overflow: ellipsis; cursor: pointer;}.merchant-collection-deal .deal-cashback, .merchant-collection-deal .deal-save-percent, .merchant-collection-online-deal .voucher-save-percent { display: block; font-size: 12px; font-weight: 500; line-height: 1.43; margin-top: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #ef1c74; cursor: pointer; }.merchant-collection-deal .deal-attributes { margin-top: 4px;}.merchant-collection-deal .deal-attributes a { font-size: 12px; line-height: 1.33; color: #338aed; cursor: pointer;}.merchant-collection-deal .deal-attributes a::after { content: ',';}.merchant-collection-deal .deal-attributes a:last-child::after { content: '';}/*-----------Merchant Other Cuisines----------*/.merchant-other-cuisines .other-cuisines { display: block;}.other-cuisines .cuisine-details-holder { position: relative; display: inline-block; width: 100%;}.other-cuisines .cuisine-holder { margin-top: 12px;}.cuisine-details-holder .cuisine-img { position: absolute; height: 40px; width: 40px; display: inline-block; margin-top: 4px;}.cuisine-img img { width: 100%; height: 100%; border-radius: 50%;}.cuisine-details-holder .cuisine-details { display: inline-block; padding-left: 48px; width: 100%;}.cuisine-details .cuisine-name { padding-top: 4px; font-size: 14px; line-height: 1.43; font-weight: bold; color: #338aed; display: inline-block; overflow: hidden; padding-right: 4px; vertical-align: bottom; margin-bottom: 0;}.cuisine-details span { font-size: 12px; line-height: 1.67; color: rgba(0, 0, 0, 0.54); display: block; margin-bottom: 8px;}.cuisine-details .description { overflow: hidden; height: 30px; font-size: 12px; line-height: 1.33; color: rgba(0, 0, 0, 0.54); text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}.other-cuisines .merchant-holder { width: 100%; display: inline-block; overflow: hidden;}.merchant-holder .merchant-card { width: 33%; float: left; padding: 8px; overflow: hidden; display: inline-block;}.merchant-holder .merchant-card:first-child { padding-left: 0;}.merchant-holder .merchant-card:last-child { padding-right: 0;}.merchant-card .merchant-img { height: 80px;}.merchant-card .merchant-img:hover { box-shadow: 0 3px 8px 0 rgba(0,0,0,.12);}.merchant-img img { width: 100%; height: 100%; object-fit: cover; border-radius: 4px;}.merchant-location h4 { font-size: 14px; font-weight: 500; line-height: 1.43; color: rgba(0,0,0,.87); text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}.merchant-location h5 { font-size: 12px; line-height: 1.33; color: rgba(0, 0, 0, 0.54); text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}/*----Merchant Other Collections----*/.other-collections .other-collection { width: 50%; float: left; margin-top: 16px;}.other-collections .other-collection:nth-child(even) { padding-left: 8px;}.other-collections .other-collection:nth-child(odd) { padding-right: 8px;}.other-collection .collection-banner { border-radius: 4px; background-position: center; background-repeat: no-repeat; background-size: cover; height: 80px; position: relative; overflow: hidden;}.other-collection .collection-banner:hover { box-shadow: 0 3px 8px 0 rgba(0,0,0,.12)}.other-collection .collection-banner-overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.4);}.other-collection h5 { position: absolute; width: 100%; text-align: center; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 14px; line-height: 1.43; font-weight: 500; color: white; text-shadow: 1px 1px 0 rgba(0,0,0,.8); z-index: 10; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}/*----Merchant Other Vouchers----*/.other-vouchers .other-voucher { width: 50%; float: left; margin-top: 16px; position: relative; min-height: 140px;}.other-vouchers .other-voucher:nth-child(even) { padding-left: 8px;}.other-vouchers .other-voucher:nth-child(odd) { padding-right: 8px;}.other-voucher .voucher-banner { border-radius: 4px; background-position: center; background-repeat: no-repeat; background-size: cover; height: 80px; display: block; width: 100%; cursor: pointer; color: transparent;}.other-voucher .voucher-banner:hover { box-shadow: 0 3px 8px 0 rgba(0,0,0,.12);}.other-voucher .voucher-percent { position: absolute; top: 0; right: 0; padding: 4px; color: #fff; background-color: #00ACB7; font-size: 12px; font-weight: 700; border-radius: 4px; border-bottom-right-radius: 0;}.other-voucher:nth-child(odd) .voucher-percent { right: 8px;}.other-voucher .voucher-name { font-size: 14px; font-weight: 500; line-height: 1.43; margin-top: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: rgba(0,0,0,.87); cursor: pointer; display: block;}.other-voucher .voucher-location { font-size: 12px; line-height: 1.33; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: rgba(0, 0, 0, 0.54); cursor: pointer; display: block;}.other-voucher .other-voucher-rate { font-size: 12px; line-height: 1.67; color: #ef1c74; cursor: pointer; display: block;}.other-voucher .other-voucher-rate span { font-size: 14px; font-weight: 500;}.other-voucher .other-voucher-bought { font-size: 12px; line-height: 1.33; color: rgba(0, 0, 0, 0.54); cursor: pointer; display: block;}.other-voucher .other-voucher-bought span { vertical-align: top;}/*----Merchant Other Campaigns----*/.other-campaigns .other-campaign { width: 50%; float: left; margin-top: 16px;}.other-campaigns .other-campaign:nth-child(even) { padding-left: 8px;}.other-campaigns .other-campaign:nth-child(odd) { padding-right: 8px;}.other-campaign .campaign-banner { border-radius: 4px; background: red; height: 80px;}.other-campaign h5 { font-size: 14px; font-weight: 500; line-height: 1.43; margin-top: 4px; color: #3e5561;}.other-campaign h6 { font-size: 12px; line-height: 1.33; margin-top: 8px; color: #3e5561;}.other-campaign .other-campaign-vanity { font-size: 12px; line-height: 1.33; color: #637e8c;}/*----Merchant Other Blogs----*/.other-blogs .other-blog { width: 100%; margin-top: 16px; display: inline-block;}.other-blog .blog-banner { background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 4px; height: 160px;}.other-blog .blog-banner:hover { box-shadow: 0 3px 8px 0 rgba(0,0,0,.12)}.other-blog h5 { font-size: 14px; font-weight: 500; line-height: 1.43; margin-top: 4px; color: rgba(0,0,0,.87);}.merchant-collection-deal:nth-child(even) .rating-content-header-sidebar { display: block; position: absolute; right: 0; height: 24px; border-radius: 20px; top: 0;}.merchant-collection-deal:nth-child(odd) .rating-content-header-sidebar { display: block; position: absolute; top: 0; right: 8px; border-radius: 20px; height: 24px;}.rating-content-header-sidebar .merchant-rating-sidebar { padding: 4px 2px; height: 20px; padding-right: 4px; width: 38px; display: flex; border-bottom-left-radius: 4px; border-top-right-radius: 4px;}.merchant-rating-sidebar .star { height: 12px; width: 12px; margin: 0 2px;}.rating-content-header-sidebar p { font-size: 12px; font-weight: bold; color: #fff;}.merchant-collection-online-deal .voucher-save-percent { color: #821dff; margin-left: 2px;}.merchant-collection-deals .merchant-collection-online-deal{ height: 140px;}.merchant-collection-online-deal .voucher-save-percent { display: inline-flex;}.merchant-collection-deals .wallet-icon{ vertical-align: middle; height: 16px;}.merchant-collection-deal .voucher-starting-from { color: #ef1c74; font-weight: 500; font-size: 12px; margin-top: 2px;}.slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}/*# sourceMappingURL=slick.min.css.map */.slick-dots,.slick-next,.slick-prev{position:absolute;display:block;padding:0}.slick-dots li button:before,.slick-next:before,.slick-prev:before{font-family:slick;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-loading .slick-list{background:url(ajax-loader.gif) center center no-repeat #fff}@font-face{font-family:slick;font-weight:400;font-style:normal;src:url(fonts/slick.eot);src:url(fonts/slick.eot?#iefix) format('embedded-opentype'),url(fonts/slick.woff) format('woff'),url(fonts/slick.ttf) format('truetype'),url(fonts/slick.svg#slick) format('svg')}.slick-next,.slick-prev{font-size:0;line-height:0;top:50%;width:20px;height:20px;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:0;background:0 0}.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{color:transparent;outline:0;background:0 0}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-size:20px;line-height:1;opacity:.75;color:#fff}.slick-prev{left:-25px}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:'â†'}.slick-next:before,[dir=rtl] .slick-prev:before{content:'â†’'}.slick-next{right:-25px}[dir=rtl] .slick-next{right:auto;left:-25px}[dir=rtl] .slick-next:before{content:'â†'}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{bottom:-25px;width:100%;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:0;background:0 0}.slick-dots li button:focus,.slick-dots li button:hover{outline:0}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'â€¢';text-align:center;opacity:.25;color:#000}.slick-dots li.slick-active button:before{opacity:.75;color:#000}/*# sourceMappingURL=slick-theme.min.css.map */body { background-color: #eceef4; color: rgba(0, 0, 0, 0.54);}input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; }.merchant-holder { width: 85%; margin: 0 auto; max-width: 1400px;}.merchant-holder .merchant-details { width: 66%; display: inline-block;}.merchant-details.long { width: 100%;}.merchant-details .magic-assured { text-align: center;}.merchant-details .group-buy-invite { background: #3b74fc; margin: 8px 0; margin-bottom: 0; color: #fff; padding: 10px; text-align: center}.group-buy-invite .group-buy-icon { vertical-align: middle; margin-right: 12px;}.group-buy-invite .group-buy-heading { font-size: 14px; margin-top: 4px;}.magic-assured .magic-assured-details { padding-left: 10px; float: left; padding-top: 12px; width: 78%;}.magic-assured .magic-assured-image { height: 64px; float: left;}.magic-assured-details .magic-assured-text { font-size: 16px; font-weight: 500; line-height: 1.25; display: inline; color: rgba(0, 0, 0, 0.87); float: left;}.magic-assured .queries { display: inline-block; padding-top: 8px; float: left;}.magic-assured .query { display: inline-block; float: left; font-size: 12px; border-left: 1px solid gray; text-transform: uppercase; line-height: 1.12;}.magic-assured .query:first-child { border-left: none; padding-right: 12px;}.magic-assured .query:last-child { padding-left: 12px;}.magic-assured .magic-assured-badge { position: absolute; right: 0; top: 0;}.merchant-holder .separator { display: inline-block; width: 3%; min-height: 100px; vertical-align: top;}.merchant-holder .merchant-images { display: inline-block; width: 30%; vertical-align: top; margin-top: 52px;}.merchant-images .merchant-info { background: white; border-radius: 8px; margin-bottom: 16px; width: 100%; display: inline-block; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12); padding: 16px; position: relative;}.merchant-holder .vouchers-sidebar { margin-top: 52px;}@media (max-width: 800px) { .merchant-holder { width: 100%; } .merchant-holder .merchant-details { width: 100%; clear: both; } .magic-assured .magic-assured-image { display: block; margin: 0 auto; float: none; } .magic-assured .magic-assured-details { width: 100%; text-align: center; float: none; } .magic-assured .queries { float: none; } .magic-assured .query { font-size: 10px; } .merchant-holder .separator { display: none; } .merchant-holder .merchant-images { width: 100%; margin-top: 0; } .magic-assured .magic-assured-text { display: block; float: none; } .magic-assured .query { text-transform: initial; }}/*============== Merchant Details ===========*/.merchant-details-holder .breadcrumbs-holder { margin: 16px 0;}.merchant-details .merchant-brick.breadcrumbs { padding: 0; display: block; background: transparent; border: none; box-shadow: none;}.merchant-details .merchant-brick { background: white; border-radius: 24px; margin-bottom: 16px; width: 100%; display: inline-block; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12); padding: 16px; position: relative; overflow: hidden}.merchant-details .grid-sizer,.merchant-details .merchant-brick.card-half { width: 49%; float: left;}.merchant-details .gutter-sizer { width: 2%;}.merchant-details .merchant-images-holder { margin-bottom: 16px; background: white; padding: 16px; border-radius: 8px;}.merchant-details-holder .merchant-vouchers { padding: 0;}.merchant-vouchers .merchant-vouchers-holder { padding: 16px; font-family: Poppins, 'sans-serif';}.merchant-vouchers .progressbar-holder { padding: 16px; width: 100%; text-align: center; display: block;}.merchant-brick.magic-assured { padding: 0; border-radius: 8px;}@media (max-width: 800px) { .merchant-details .merchant-images-holder { margin-bottom: 8px; background: white; padding: 8px; } .merchant-details .merchant-brick { border-radius: 0; } .merchant-details .grid-sizer, .merchant-details .merchant-brick.card-half { width: 100%; } .merchant-details .gutter-sizer { display: none; } .merchant-brick .mb-banner { height: 250px; width: 100%; position: relative; } .mb-banner .overlay, .cover .overlay { position: absolute; background: rgba(0, 0, 0, 0.04); width: 100%; height: 100%; top: 0; right: 0; z-index: 1; } .mb-banner .cover-pic { width: 100%; height: 100%; object-fit: cover; } .cover .overlay { background: rgba(0, 0, 0, 0.4); } .merchant-cover-holder .next-arrow-mb { position: absolute; right: 0; top: 50%; z-index: 2; } .merchant-cover-holder .prev-arrow-mb { position: absolute; left: 0; top: 50%; z-index: 2; } .merchant-header .banner-slick { height: 250px; width: 100%; object-fit: cover; } .merchant-header .banner-slick-pp { height: unset; width: 100%; } .merchant-details .merchant-brick { margin-bottom: 8px; overflow: hidden; } .merchant-details-holder .breadcrumbs-holder { margin: 0; }}/*----Merchant Header----*/.merchant-details .merchant-header { padding-bottom: 0; border-radius: 24px;}.merchant-details .online-merchant-header { padding-bottom: 16px;}.merchant-header .merchant-closed { width: 100%; margin: 8px 0; margin-top: 30px; background-color: rgba(247, 112, 114, 0.2); color: red; padding: 4px 8px; font-size: 14px;}.merchant-header .merchant-header-info { width: 100%; padding: 0; position: relative;}.merchant-header-info .merchant-logo { height: 112px; width: 112px; border-radius: 4px; border: solid 1px #d8dae1;}.merchant-header-info .merchant-name { display: block; vertical-align: top; margin-bottom: 10px; min-height: 74px;}.merchant-header .merchant-navigation { display: inline-block; overflow: auto; overflow-y: hidden; white-space: nowrap; width: 100%; vertical-align: bottom;}.merchant-header .nav-stick { position: fixed; z-index: 5; background: white; box-shadow: rgb(0 0 0 / 12%) 0px 1px 3px;}.merchant-navigation a { display: inline-block; font-size: 14px; line-height: 1.43; text-align: center; color: rgba(0, 0, 0, 0.87); /* border-bottom: solid 4px #fff; */ padding: 12px 30px; cursor: pointer;}.merchant-navigation a:hover { color: #ef1c74; font-weight: 500;}.merchant-navigation a.active { color: #ef1c74; border-bottom: solid 4px #ef1c74; font-weight: 500; cursor: default; pointer-events: none;}.merchant-navigation .delivery-tab,.merchant-navigation .voucher-tab { padding: 10px 20px;}.merchant-navigation .save-highlight { display: inline-block; background: #EBEBFF; color: #3B74FC; width: 40px; height: 40px; font-size: 10px; border-radius: 50%; font-weight: bold; right: -2px; top: 4px; padding: 6px; align-items: center; position: relative; white-space: initial; transform: rotate3d(1, 1, 1, -24deg);}.save-highlight span { display: block;}@media(max-width: 800px) { .merchant-header .merchant-navigation { width: 100%; overflow: auto; white-space: nowrap; border-top: 1px solid rgba(0, 0, 0, 0.12); } .merchant-navigation a { padding: 20px; }}.merchant-name h1 a { font-size: 24px; font-weight: bold; line-height: 28px; color: rgba(0, 0, 0, 0.87); display: inline; overflow: hidden; text-overflow: ellipsis;}.merchant-header-info .merchant-rating { position: absolute; right: 0; top: 0; cursor: pointer;}.merchant-rating .rating-content-header { width: 56px; height: 24px; border-radius: 20px; padding: 2px 3px;}.rating-content-header p { display: inline-block; font-size: 16px; font-weight: bold; vertical-align: top; color: #fff; padding-top: 2px;}.rating-content-header .star { width: 14px; height: 14px; object-fit: contain; margin: 2px; margin-left: 4px;}.merchant-rating .merchant-visits { font-size: 12px; line-height: 1.33; text-align: center; margin-top: 2px;}.merchant-header .merchant-description { font-size: 14px; line-height: 1.43; color: rgba(0, 0, 0, 0.87); margin-bottom: 20px;}.merchant-description .show-description { color: #6561E8; cursor: pointer;}.merchant-description .showMoreLink { color: #6561E8; cursor: pointer;}@media (max-width: 800px) { .merchant-details .merchant-header { padding: 0; width: 100%; border-radius: 0; } .rating-content-header p { font-size: 12px; vertical-align: 14% } .merchant-header-info .merchant-rating { position: absolute; right: 24px; top: 48px; width: 46px; right: 12px; } .merchant-rating .rating-content-header { border-radius: 4px; padding: 2px 4px; width: 100%; height: 100%; text-align: center; } .merchant-header-info .star { width: 12px; height: 12px; object-fit: contain; margin: 0; margin-right: 2px; vertical-align: 2%; } .merchant-rating .rating-content { background: rgba(0, 0,0, 0.6); } .merchant-header-info .rating-content { width: auto; height: auto; padding: 2px 0 4px 0; font-size: 10px; } .merchant-header-info .rating-content .rating-desc { font-size: 12px; } .merchant-header-info .merchant-visits { width: 54px; font-size: 8px; color: rgba(0, 0, 0, 0.54); text-align: left; } .rating-content p { color: white; } .merchant-rating .merchant-visits { color: rgba(0, 0, 0, 0.54); font-weight: normal; font-size: 10px; width: max-content; } .merchant-header .voucher-cta { position: fixed; bottom:0; left: 0; z-index: 8; width: 100%; height: 48px; box-shadow: 0 -4px 8px 0 rgba(0, 0, 0, .32); background-color: #821dff; padding: 8px; } .merchant-header .merchant-header-actions { padding: 10px 12px; text-align: center; overflow: auto; } .merchant-header-actions .claim-deal-button { padding: 10px 12px; height: 40px; display: inline-block; width: 100%; padding-top: 12px; } .voucher-cta .merchant-contact-voucher { font-size: 12px; line-height: 1.43; text-align: center; color: rgba(0, 0, 0, 0.87); } .voucher-cta .buy-vouchers { width: 100%; background-color: #821dff; text-align: center; font-size: 14px; font-weight: 500; line-height: 1.43; color: white; } .voucher-cta .voucher-upto { font-size: 12px; } .merchant-header .merchant-header-info { padding: 8px 16px; position: static; width: 100%; padding-bottom: 0; margin-top: -42px; z-index: 1; position: relative; } .merchant-header-info.brands { margin-top: 0; } .merchant-header-info .merchant-logo { width: 56px; height: 56px; top: 216px; border-radius: 4px; border: solid 2px white; background-color: white; left: 16px; } .merchant-header-info .merchant-name { margin: 0; width: 100%; margin-bottom: 0; min-height: auto; } .merchant-name h1 { margin-bottom: 16px; } .merchant-header-info .name-empty-banner { margin-left: 0; } .merchant-name h1 a { font-size: 22px; line-height: 1.1; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: inline-block; vertical-align: middle; color: #fff; line-height: 24px; } .merchant-name .merchant-locality { font-size: 12px; line-height: 16px; margin-top: 0; } .merchant-ranking .rank-text { line-height: 1.7; }}/*---- Merchant Sub Section----*/.merchant-brick .detail-sub-section { margin-bottom: 24px;}.merchant-brick .detail-sub-section:last-child { margin-bottom: 0;}.terms-conditions .detail-sub-section { margin-bottom: 0;}.detail-sub-section .merchant-sub-header,.reviews .merchant-sub-header,.related-searches .related-search-header { font-size: 16px; font-weight: bold; line-height: 1.25; cursor: pointer; color: rgba(0, 0, 0, 0.87);}.merchant-vouchers-holder .merchant-sub-header { min-height: 40px;}.related-searches .related-search-header { color: rgba(0, 0, 0, 0.87);}.merchant-sub-header .bought-count { font-size: 12px; line-height: 18px; font-weight: normal; cursor: default;}.merchant-sub-header.about-heading { font-size: 16px; font-weight: bold;}.merchant-sub-header .merchant-outlet-bought-container{ font-size: 10px; font-weight: normal; cursor: default; line-height: 1.25; color: #333333; text-align: left;}.merchant-sub-header .outlet-count-header{ display: inline; margin-right: 4px;}.merchant-sub-header .bought-count-container,.merchant-rating .bought-count-container { display: flex; margin-top: 2px;}.merchant-sub-header .bought-count-highlight,.merchant-rating .bought-count-highlight { font-size: 12px; margin-top: 2px; cursor: default; font-weight: bold; background-color: #ee5201; background-image: linear-gradient(#ea0c00, #ee5201, #f06e01, #f1b301); background-size: 100%; -webkit-background-clip: text; -moz-background-clip: text; -webkit-text-fill-color: transparent; -moz-text-fill-color: transparent;}.merchant-sub-header.must-have-heading { margin-bottom: 8px;}.detail-sub-section .heading { display: inline-block; padding: 10px 16px; font-weight: 500; padding-top: 12px;}.detail-sub-section .voucher-heading { padding: 20px 16px 0;}.voucher-heading .voucher-mode-icon { margin-right: 12px;}.voucher-heading .bought-count { font-size: 12px;}.detail-sub-section .heading:hover { color: #ef1c74;}.detail-sub-section .widget:nth-child(2) { display: none;}.detail-sub-section .active { border-bottom: 4px solid #ef1c74; color: #ef1c74; background: #fff;}.detail-sub-section .see-more { float: right; display: inline-block; color: #ef1c74; cursor: pointer;}.detail-sub-section .merchant-sub-content,.related-searches .related-sub-content { font-size: 14px; line-height: 1.43; color: rgba(0,0,0,0.87);}.merchant-sub-content a, .related-sub-content a { color: rgba(0,0,0,0.54);}.star-rating { height: 15px; position: relative; width: 75px; display: inline-block; vertical-align: top; margin: 8px; float: right;}.star-rating>span { display: block; text-indent: -10000px; width: 75px; height: 15px; position: absolute; overflow: hidden;}.star-rating:before { background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22929%22%20height%3D%22886%22%20viewBox%3D%220%200%20929%20886%22%3E%3Cstyle%3Epath%20%7B%20fill%3A%20%23e5e5e5%20!important%20%7D%3C%2Fstyle%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M929%20343c0%208-5%2017-15%2027L711%20567l48%20279c1%203%201%207%201%2012%200%2015-8%2027-22%2027-7%201-15-1-23-6L464%20747%20214%20879c-9%205-16%207-23%207-14%200-23-15-23-28%200-3%200-7%201-12l48-279L14%20370c-9-10-14-19-14-27%200-14%2010-23%2031-26l280-40L437%2023c7-15%2016-23%2027-23s20%208%2028%2023l125%20254%20280%2040c21%203%2032%2012%2032%2026z%22%2F%3E%3C%2Fsvg%3E) !important; background-repeat: repeat-x; background-size: 15px; bottom: 0; content: ""; display: block; height: 15px; left: 0; position: absolute; right: 0; top: 0; width: 75px;}.star-rating>span:before { background-repeat: repeat-x; background-size: 15px; bottom: 0; content: ""; display: block; height: 15px; left: 0; position: absolute; right: 0; text-indent: 10000px; top: 0;}.star-rating>span.g0:before { background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22929%22%20height%3D%22886%22%20viewBox%3D%220%200%20929%20886%22%3E%3Cstyle%3Epath%20%7B%20fill%3A%20%23ee5350%20!important%20%7D%3C%2Fstyle%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M929%20343c0%208-5%2017-15%2027L711%20567l48%20279c1%203%201%207%201%2012%200%2015-8%2027-22%2027-7%201-15-1-23-6L464%20747%20214%20879c-9%205-16%207-23%207-14%200-23-15-23-28%200-3%200-7%201-12l48-279L14%20370c-9-10-14-19-14-27%200-14%2010-23%2031-26l280-40L437%2023c7-15%2016-23%2027-23s20%208%2028%2023l125%20254%20280%2040c21%203%2032%2012%2032%2026z%22%2F%3E%3C%2Fsvg%3E) !important;}.star-rating>span.g1-5:before { background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22929%22%20height%3D%22886%22%20viewBox%3D%220%200%20929%20886%22%3E%3Cstyle%3Epath%20%7B%20fill%3A%20%23ff882e%20!important%20%7D%3C%2Fstyle%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M929%20343c0%208-5%2017-15%2027L711%20567l48%20279c1%203%201%207%201%2012%200%2015-8%2027-22%2027-7%201-15-1-23-6L464%20747%20214%20879c-9%205-16%207-23%207-14%200-23-15-23-28%200-3%200-7%201-12l48-279L14%20370c-9-10-14-19-14-27%200-14%2010-23%2031-26l280-40L437%2023c7-15%2016-23%2027-23s20%208%2028%2023l125%20254%20280%2040c21%203%2032%2012%2032%2026z%22%2F%3E%3C%2Fsvg%3E) !important;}.star-rating>span.g2-5:before { background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22929%22%20height%3D%22886%22%20viewBox%3D%220%200%20929%20886%22%3E%3Cstyle%3Epath%20%7B%20fill%3A%20%23ffc20f%20!important%20%7D%3C%2Fstyle%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M929%20343c0%208-5%2017-15%2027L711%20567l48%20279c1%203%201%207%201%2012%200%2015-8%2027-22%2027-7%201-15-1-23-6L464%20747%20214%20879c-9%205-16%207-23%207-14%200-23-15-23-28%200-3%200-7%201-12l48-279L14%20370c-9-10-14-19-14-27%200-14%2010-23%2031-26l280-40L437%2023c7-15%2016-23%2027-23s20%208%2028%2023l125%20254%20280%2040c21%203%2032%2012%2032%2026z%22%2F%3E%3C%2Fsvg%3E) !important;}.star-rating>span.g3:before { background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22929%22%20height%3D%22886%22%20viewBox%3D%220%200%20929%20886%22%3E%3Cstyle%3Epath%20%7B%20fill%3A%20%238bcc00%20!important%20%7D%3C%2Fstyle%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M929%20343c0%208-5%2017-15%2027L711%20567l48%20279c1%203%201%207%201%2012%200%2015-8%2027-22%2027-7%201-15-1-23-6L464%20747%20214%20879c-9%205-16%207-23%207-14%200-23-15-23-28%200-3%200-7%201-12l48-279L14%20370c-9-10-14-19-14-27%200-14%2010-23%2031-26l280-40L437%2023c7-15%2016-23%2027-23s20%208%2028%2023l125%20254%20280%2040c21%203%2032%2012%2032%2026z%22%2F%3E%3C%2Fsvg%3E) !important;}.star-rating>span.g4:before { background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22929%22%20height%3D%22886%22%20viewBox%3D%220%200%20929%20886%22%3E%3Cstyle%3Epath%20%7B%20fill%3A%20%2300ae28%20!important%20%7D%3C%2Fstyle%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M929%20343c0%208-5%2017-15%2027L711%20567l48%20279c1%203%201%207%201%2012%200%2015-8%2027-22%2027-7%201-15-1-23-6L464%20747%20214%20879c-9%205-16%207-23%207-14%200-23-15-23-28%200-3%200-7%201-12l48-279L14%20370c-9-10-14-19-14-27%200-14%2010-23%2031-26l280-40L437%2023c7-15%2016-23%2027-23s20%208%2028%2023l125%20254%20280%2040c21%203%2032%2012%2032%2026z%22%2F%3E%3C%2Fsvg%3E) !important;}.star-rating>span.g4-5:before { background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22929%22%20height%3D%22886%22%20viewBox%3D%220%200%20929%20886%22%3E%3Cstyle%3Epath%20%7B%20fill%3A%20%23008a3b%20!important%20%7D%3C%2Fstyle%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M929%20343c0%208-5%2017-15%2027L711%20567l48%20279c1%203%201%207%201%2012%200%2015-8%2027-22%2027-7%201-15-1-23-6L464%20747%20214%20879c-9%205-16%207-23%207-14%200-23-15-23-28%200-3%200-7%201-12l48-279L14%20370c-9-10-14-19-14-27%200-14%2010-23%2031-26l280-40L437%2023c7-15%2016-23%2027-23s20%208%2028%2023l125%20254%20280%2040c21%203%2032%2012%2032%2026z%22%2F%3E%3C%2Fsvg%3E) !important;}/*----Merchant Vouchers-----*/.merchant-vouchers .merchant-voucher { padding: 14px; position: relative; border-radius: 4px; margin-top: 8px; display: block; border: 1px solid #e2eaff; overflow: auto; background: linear-gradient(152deg, rgba(255,255,255,1) 0%, rgba(224, 233, 255, 1) 100%); box-shadow: 0 1px 3px 0 #e2eaff;}.merchant-voucher .voucher-details-holder { overflow: auto;}.merchant-voucher .refundable-status { color: #A0A0A0; font-weight: 500; font-size: 10px; display: inline-block;}.merchant-voucher .voucher-banner { position: absolute; top: 0; left: 0; height: 100%; width: 80px; background-position: center; background-repeat: no-repeat; background-size: cover; border-bottom-left-radius: 4px; border-top-left-radius: 4px;}.merchant-voucher h5 { display: block; font-size: 16px; line-height: 1.43; margin-bottom: 8px; color: rgba(0, 0, 0, 0.87); font-weight: 500; white-space: normal; height: auto;}.merchant-voucher .desc { display: inline-block; width: 70%; font-size: 12px}.merchant-voucher .seperator { border: 1px dashed rgba(0, 0, 0, 0.12); margin: 18px 0; margin-top: 24px;}.voucher-price .voucher-low-price { font-size: 14px; font-weight: bold; line-height: 20px; color: rgba(0, 0, 0, 0.87);}.merchant-voucher .voucher-price { display: inline-block; float: right; text-align: right; margin-bottom: 8px;}.voucher-price .voucher-price-description { float: right; margin-bottom: 6px;}.voucher-price .voucher-high-price { font-size: 16px; line-height: 1.33; color: rgba(0, 0, 0, 0.54); text-decoration: line-through; margin-right: 8px;}.voucher-info .voucher-final-price { display: inline-block; float: right; font-size: 12px; color: #fff; background: #ef1c74; padding: 6px 10px; border-radius: 4px; font-weight: 500;}.merchant-voucher-single.nye-voucher .voucher-price .voucher-low-price,.merchant-voucher-single.nye-voucher .voucher-price .voucher-high-price { color: white;}.voucher-price .group-buy { display: inline-block; vertical-align: text-bottom;}.voucher-price .group-buy-icon { height: 16px; vertical-align: middle; margin-right: 8px;}.group-buy .group-buy-points { color: #ff4081; font-size: 10px; vertical-align: middle; display: inline-block; font-weight: 500}.group-buy-points .points-info { display: block; font-weight: normal}.merchant-vouchers .voucher-action { border-radius: 4px; font-size: 14px; font-weight: 500; line-height: 1.43; width: 100%; padding: 6px 10px; display: inline-block; margin-top: 16px; color: #ef1c74; border: 1px solid #ef1c74; text-align: center; transition: .5s background linear; font-weight: bold}.merchant-vouchers .voucher-action:hover { background: #ef1c74; color: #fff;}.merchant-voucher .voucher-bought { font-size: 12px; color: rgba(0, 0, 0, 0.38); vertical-align: top;}.voucher-bought span { vertical-align: top;}.terms-conditions { position: relative;}.detail-sub-section .terms-conditions-text { font-size: 14px; margin-top: 12px; line-height: 1.5; position: relative; padding: 0 32px; word-wrap: break-word;}.terms-conditions .tnc-arrow { position: absolute; right: 16px; top: 16px; cursor: pointer;}.tnc-arrow.active { border-bottom: none;}.terms-conditions .active { transform: rotate(-180deg); transition: transform 0.3s ease;}.detail-sub-section .active-tnc { height: 0; display: none; transition: transform 2s ease;}.terms-conditions-text b { font-weight: bold; line-height: 1.8;}.terms-conditions-text a { color: #ef1c74;}.terms-conditions-text .term-heading { left: 0; color: rgba(0, 0, 0, 0.87)}.terms-conditions-text .term-text { position: relative;}/*------------Merchant Other Details------------*/.merchant-other-details .other-detail-title { font-weight: bold; color: #ef1c74; margin-top: 8px; line-height: 1.33; cursor: pointer;}.merchant-other-details .other-detail { line-height: 1.33;}.other-detail-title.active { border-bottom-left-radius : 0px; border-bottom-right-radius: 0px; transition-delay: 0s;}.other-detail-title-wrapper .other-detail-title { position: relative; background-color: #eceef4; border-radius: 8px; padding: 12px 24px; font-size: 16px; line-height: 1.2; transition-delay: .5s;}.slide-down.down { transform : translateY(-50%) rotate(-180deg) !important; transition: all .4s;}.other-detail-title.active { border-bottom-left-radius : 0px; border-bottom-right-radius: 0px; transition-delay: 0s;}.other-detail-title-wrapper .other-detail-holder { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; font-size: 16px; line-height: 1.25; color: rgba(0, 0, 0, 0.87); background-color: #fbfbff; padding: 8px 24px; display: none;}.other-detail-holder.active { display: block;}.other-detail-title .q-image { position: absolute; left: 0px; top: 0px;}.other-detail-title .slide-down { position: absolute; right: 12px; top: 50%; cursor: pointer; transform: translateY(-50%)}.other-detail-titles-container .check-guidelines { text-align: center; font-size: 16px; font-weight: 500;}.check-guidelines .link { color: #4288f5;}@media(max-width: 800px){ .page-container .guidelines { margin-top: 80px; } .guidelines .other-detail-titles-container { width: 90%; } .other-detail-title .slide-down { right: 8px; } .merchant-voucher h5 { font-size: 14px; } .other-detail-title-wrapper .other-detail-title { padding-right: 48px; font-size: 14px; font-weight: bold; } .other-detail-title-wrapper .other-detail-holder { padding: 24px; } .questions-container .check-guidelines { font-size: 14px; }}/*----Merchant Posts-----*/.merchant-brick.merchant-posts { position: relative; padding-bottom: 0;}.merchant-posts .detail-sub-section { padding-bottom: 0;}.merchant-posts .posted-at { font-weight: normal;} .merchant-posts .bought { color: rgba(0, 0, 0, 0.54); font-size: 14px; font-weight: normal}.bought .bought-icon { position: relative; top: 2px; margin: 0 4px;}.merchant-posts .merchant-sub-content { font-size: 14px; line-height: 1.43; color: rgba(0, 0, 0, 0.54);}.merchant-posts .merchant-posts-nav { position: absolute; right: 8px; bottom: 0;}.merchant-posts-nav .merchant-posts-link { padding: 12px 12px; font-size: 14px; line-height: 1.43; color: rgba(0, 0, 0, 0.54); border-bottom: solid 4px #fff; display: inline-block; cursor: pointer;}.merchant-posts-nav .merchant-posts-link:hover { color: #ef1c74; font-weight: 500;}.merchant-posts-nav .merchant-posts-link.active { color: #ef1c74; font-weight: 500; border-bottom: solid 4px #ef1c74;}/*----Merchant Post Container----*/.merchant-details .merchant-posts-container { width: 100%; margin-bottom: 40px;}/*----Merchant Posts More-----*/.merchant-brick.merchant-posts-more { text-align: center; font-size: 16px; font-weight: 500; line-height: 1.25; color: #ef1c74; cursor: pointer;}.merchant-posts-more a { color: #ef1c74;}.merchant-related .merchant-sub-content a::after,.merchant-others .merchant-sub-content a::after,.merchant-searches .merchant-sub-content a::after,.related-searches .related-sub-content a::after { content: " | ";}.merchant-related .merchant-sub-content a:last-child::after,.merchant-others .merchant-sub-content a:last-child::after,.merchant-searches .merchant-sub-content a:last-child::after,.related-searches .related-sub-content a:last-child::after { content: "";}/*-------------modal------------------*/.ar-video-modal { display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.90);} .ar-video-modal .modal-content { position: absolute; background-color: rgb(0,0,0); top: 50%; left: 50%; transform: translate(-50%,-50%); width: fit-content; width: -moz-fit-content; height: 500px;}.modal-content .close { color: #e6e5e5; position: absolute; top:-22px; right: -6px; font-size: 28px; font-weight: bold; cursor: pointer;}.modal-content .ar-video { width:500px; height: 500px; }@media(max-width: 800px) { .ar-video-modal .modal-content { height: 360px; } .modal-content .ar-video { width:360px; height: 360px; }}/*=================Merchant Vouchers Display===========*/.merchant-details .merchant-vouchers-buy { padding: 0; border-bottom: 0; border-radius: 8px; box-shadow: none;}.merchant-details .merchant-vouchers-buy.detail-page { border-top-left-radius: 8px; border-top-right-radius: 8px;}.detail-sub-section .show-vouchers-btn { padding: 8px 12px; text-transform: uppercase; font-size: 14px; display: block; background-color: #3b74fc; color: white; font-weight: bold; line-height: 1.43; text-align: center; border-radius: 4px; margin: 10px auto; border: none;}.detail-sub-section .merchant-voucher-single.nye-voucher { background-color: #1c003d; background-image: url("/static/images/nye-mb-back.svg"); background-repeat: no-repeat;}.merchant-voucher-single .voucher-number { position: absolute; left: -2px; top: 38px; width: 60px; height: 48px;}.merchant-voucher-single .voucher-number-count { position: absolute; left: 20px; top: 48px; font-size: 20px; font-weight: 500; text-align: left; color: rgba(0, 0, 0, 0.87);}.merchant-voucher-single .voucher-description { color: black; font-size: 16px; line-height: 1.25; text-align: left; width: 60%; font-weight: bold; height: auto; display: inline-block;}.merchant-voucher-single .voucher-description.block { display: block; width: 80%;}.merchant-voucher-single.nye-voucher .voucher-description { color: white;}.merchant-voucher-single .voucher-details { display: inline-block; min-height: 62px;}.voucher-detailed-info .refundable-status { color: #A0A0A0; font-size: 12px; font-weight: normal;}.voucher-details .valid-days { font-size: 12px; display: inline-block; max-width: 114px; overflow: hidden; white-space: nowrap; vertical-align: middle; color: #A0A0A0;}.valid-days .day:last-child::after { content: '.'}.valid-days .heading-text { display: inline-block}.voucher-detailed-info .timings { display: inline-block; font-size: 12px; margin-left: 2px;}.merchant-voucher-single .voucher-add-tnc { padding: 4px; float: right; display: inline-block; clear: both; margin-top: 8px;}.merchant-voucher-single b { font-weight: bold;}.merchant-voucher-single .voucher-price { text-align: right; float: right; padding: 0; width: 32%;}.voucher-price .voucher-price-holder { display: inline-block; vertical-align: top;}.voucher-price-holder .voucher-low-price { display: inline-block;}.voucher-price .max-usable-points { color: #821dff; font-size: 12px; vertical-align: middle; display: inline-block; font-weight: bold;}.max-usable-points .points-info { display: block; font-weight: normal;}.voucher-price .max-usable-points-wrapper { position: relative}.merchant-voucher-single .max-usable-points { color: #821dff; margin-top: 8px; font-size: 12px; font-weight: bold; position: relative;}.max-usable-points .usable-wallet,.tagline .usable-wallet { height: 16px; width: 16px; margin-left: 4px; vertical-align: bottom;}.max-usable-points .usable-wallet-info { font-weight: normal; font-size: 10px;}.tagline .usable-wallet { vertical-align: middle; margin-right: 4px; margin-left: 0;}.max-usable-points .magicpay-info-icon { vertical-align: middle; width: 14px;}.max-usable-points .magicpay-tooltip { position: relative; display: inline-block; cursor: pointer}.magicpay-tooltip-text, .groupbuy-tooltip-text { display: none; width: 336px; background-color: #821dff; color: #fff; text-align: center; border-radius: 4px; position: absolute; z-index: 1; top: -60px; right: -7%; font-size: 12px; padding: 10px 17px; line-height: 1.4; cursor: pointer; transition: .3s display;}.max-usable-points-wrapper:hover .magicpay-tooltip-text, .group-buy-available-wrapper:hover .groupbuy-tooltip-text { display: block;}.magicpay-tooltip-text::after, .groupbuy-tooltip-text::after { content: ""; position: absolute; top: 100%; left: 92%; margin-left: -5px; border-width: 6px; border-style: solid; border-color: #821dff transparent transparent transparent;}.groupbuy-tooltip-text { background-color: #ff4081; right: -8px;}.groupbuy-tooltip-text::after { margin-left: 4px; border-color: #ff4081 transparent transparent transparent;}.merchant-voucher-single .voucher-bought { margin-left: 0; font-size: 12px; line-height: 1.33; text-align: left; color: rgba(0, 0, 0, 0.54); display: inline-block; margin-top: 28px;}.merchant-voucher-single.nye-voucher .voucher-bought { color: white;}.voucher-price .percent-off { color: #00ACB7; font-size: 12px; font-weight: bold; text-transform: uppercase; display: block; margin-bottom: 2px;}.percent-off .percent-off-icon { vertical-align: bottom;}.voucher-price .tagline{ display: block; vertical-align: text-bottom; text-align: right;}.voucher-counter .voucher-count-holder { display: inline;}.voucher-counter .voucher-add { font-size: 14px; color: #fff; font-weight: 500; padding: 4px; border: none; background: #3b74fc; cursor: pointer;}.voucher-add-tnc .more-info-holder { width:40%;}.voucher-add-tnc .voucher-counter { background: #3b74fc; border-radius: 4px; padding: 2px; float: right; text-align: center; width: auto;}.merchant-voucher-single .voucher-button-add { border: none; border-radius: 4px; background-color: #3b74fc; font-size: 18px; color: #fff; width: 24px; height: 24px; cursor: pointer; padding: 0;}.merchant-voucher-single .voucher-price-button { cursor: pointer; float: right; background: white; color: #6561E8; font-weight: 600; cursor: pointer; padding: 6px 12px; font-size: 14px; border-radius: 8px; border: 1px solid #6561E8; box-shadow: 0 3px 0 0 #6561e8;}.users-choice .voucher-price-button { margin-top: 18px;}.merchant-voucher-single .invitation-group-buy { background: rgba(255, 64, 129, 0.1); padding: 12px 16px; border-radius: 4px; display: inline-block; float: right; clear: both; width: 92%; margin-top: 8px;}.invitation-group-buy .group-buy-image { vertical-align: middle;}.invitation-group-buy .steps { list-style-type: disc; padding-left: 16px;}.invitation-group-buy .invitation-heading { color: #ff4081; font-weight: 500; margin-bottom: 12px;}.invitation-group-buy .invitation-message { font-size: 14px; color: rgba(0, 0, 0, 0.87);}.invitation-group-buy .groupbuy-instructions { font-size: 14px;}.groupbuy-instructions .places { color: #ff4081; font-weight: 500}.invitation-group-buy .user-image-holder { display: inline-flex; margin-top: 8px}.user-image-holder .group-buy-members-holder { display: inline-flex;}.user-image-holder .user-image.extra-group-buy-members { background: #FABBD5; color: #FE455E; font-size: 12px; padding: 2px; font-weight: 500;}.user-image-holder .user-image { width: 24px; height: 24px; border-radius: 50%; margin-left: -8px;}.user-image-holder .user-image:first-child { margin-left: 0;}.invitation-group-buy .places-left { display: inline-block; margin-left: 12px; font-size: 12px; color: rgba(0,0,0,0.54); font-weight: 500; margin-top: 12px; vertical-align: top; font-weight: bold;}.places-left span { color: #ff455f;}.group-buy-available .image { width: 16px; height: 16px; vertical-align: middle; margin-left: 4px;}.merchant-voucher-single .group-buy-text-holder, .group-buy-container .group-buy-text-holder { margin-left: 68px; margin-right: 4px; padding: 12px 0; padding-left: 12px; margin-top: 44px; background-color: #fcecef; margin-bottom: 12px; border-radius: 4px;}.group-buy-container .group-buy-text-holder { margin-left: 0;}.group-buy-text-holder .group-buy-steps { margin-top: 8px; font-size: 12px;}.group-buy-text-holder .create-groupbuy { margin-top: 12px;}.create-groupbuy .checkbox-holder { display: inline-block;}.create-groupbuy .groupbuy-description { display: inline-block; vertical-align: middle; margin-left: 12px;}.groupbuy-description .groupbuy-heading { font-size: 12px; color: rgba(0, 0, 0, 0.87);}.groupbuy-description .user-image { border-radius: 50%; width: 20px; height: 20px; margin-top: 4px; margin-left: -8px}.groupbuy-description .user-image:first-of-type { margin-left: 0;}.group-buy-container .steps { font-size: 12px; margin: 12px 0;}.create-group-buy .opt-group-buy { position: absolute; top: 0; right: 0;}.group-buy-text-holder .groupbuy-icon { vertical-align: middle; width: 16px;}.group-buy-text-holder .grp-buy-text { color: #ff455f; font-weight: bold; margin-left: 8px; font-size: 14px;}.merchant-voucher-single .more-info { color: #A0A0A0; font-size: 12px; font-weight: normal;}.more-info p { display: inline-block;}.more-info img { margin-left: 4px;}.merchant-voucher-single .detail-info { margin-left: 72px; margin-top: 8px; padding: 4px; -webkit-transition: all 5s ease-in-out; -moz-transition: all 5s ease-in-out; -o-transition: all 5s ease-in-out; transition: all 5s ease-in-out;}.detail-info .heading { color: rgba(0, 0, 0, 0.87); margin-top: 8px; font-weight: bold;}.detail-info .sub-heading { margin-left: 16px;}.sub-heading img { height: 20px;}.sub-heading span { vertical-align: top;}.merchant-voucher-single .not-active { background-color: #d4dfe6;}.merchant-voucher-single .voucher-count{ border: none; border-radius: 2px; font-size: 14px; color: #3b74fc; background: #fff; padding: 0 4px;}.voucherStickerContainer{ position: absolute; top: 0; right: 15px;}.voucherStickerContainer .voucherStickerTooltip { position: absolute; left: -200px; bottom: 114%; padding: 10px; background: #4c567c; color: #fff; font-size: 12px; line-height: 16px; display: none; border-radius: 4px; height: fit-content; text-align: left;}.voucherStickerContainer:hover .voucherStickerTooltip { display: block;}.voucher-list-holder .voucherSectionPhonepe { padding: 0;}.voucherSectionPhonepe .voucherHeaderPhonepe { display: block;}.voucherStickerContainer .voucherStickerTooltip::after { margin-left: 4px; border-color: #4c567c transparent transparent transparent; content: ""; position: absolute; top: 100%; left: 78%; border-width: 6px; border-style: solid; z-index: 1;}@media (max-width: 800px) { .merchant-voucher-single .voucher-description { font-size: 14px; } .merchant-voucher-single .voucher-description.block { width: 90%; } .merchant-voucher-single .voucher-text { min-height: 80px; font-size: 12px; } .max-usable-points .usable-wallet { vertical-align: middle; width: 14px; height: 14px; } .merchant-voucher-single .voucher-price { width: 32%; padding: 0; } .merchant-voucher-single .voucher-price-button { font-size: 12px; padding: 4px 12px; } .merchant-voucher-single .voucher-bought { margin-left: 0; margin-top: 10px; } .merchant-voucher-single .group-buy-text-holder, .group-buy-container .group-buy-text-holder { margin-left: 0; margin-right: 0; } .merchant-voucher-single .voucher-details { width: 60%; } .detail-sub-section .merchant-voucher-single { padding: 16px; min-height: auto; background: white; } .merchant-voucher-single .voucher-number { top: 16px; } .merchant-voucher-single .voucher-number-count { top: 24px } .merchant-voucher-single .invitation-group-buy { width: 100%; float: none; } .invitation-group-buy .groupbuy-instructions { font-size: 12px; } .invitation-group-buy .invitation-message { font-size: 12px; } .merchant-voucher-single .max-usable-points { font-size: 10px; } .magicpay-tooltip-text::after { margin-left: 6px; } .voucher-detailed-info .refundable-status { font-size: 10px; font-weight: normal; }}/*---------------Similar Vouchers-------------------*/.similar-vouchers .other-voucher { width: 180px; position: relative;}.other-vouchers .similar-other-voucher { width: 180px; float: left; margin-top: 16px; padding: 0 8px;}.similar-other-voucher .voucher-banner { border-radius: 4px; background-position: center; background-repeat: no-repeat; background-size: cover; height: 80px; display: block; width: 100%; cursor: pointer; position: relative;}.similar-other-voucher .voucher-name { font-size: 14px; font-weight: 500; line-height: 1.43; margin-top: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: rgba(0, 0, 0, 0.87); cursor: pointer; display: block;}.similar-other-voucher .voucher-location { font-size: 12px; line-height: 1.33; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: rgba(0, 0, 0, 0.54); cursor: pointer; display: block;}.similar-other-voucher .other-voucher-rate { font-size: 12px; line-height: 1.67; color: #ef1c74; cursor: pointer; display: block;}.similar-other-voucher .other-voucher-rate span { font-size: 14px; font-weight: 500;}.similar-other-voucher .other-voucher-bought { font-size: 12px; line-height: 1.33; color: rgba(0, 0, 0, 0.54); cursor: pointer; display: block;}.other-voucher-bought img { display: inline-block;}.similar-other-voucher .other-voucher-bought span { vertical-align: top; padding-left: 4px}.other-vouchers .other-voucher { padding: 0 8px;}.other-vouchers .remove-padding { padding: 0;}.other-voucher .voucher-banner.similar-other-voucher .voucher-banner { position: relative;}.voucher-banner .percent-off { position: absolute; top: 0; right: 0; color: #fff; border-radius: 2px; background-color: #ff455f; padding: 2px 4px; font-size: 12px; font-weight: bold; line-height: 1.33; text-align: center;}.arrow-holder .scroll-holder { width: 100%; margin: 0 auto;}.detail-sub-section .arrow-holder { position: relative;}.arrow-holder .arrow-left, .arrow-holder .arrow-right { position: absolute; top: 50%; width: 20px; height: 20px; -webkit-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; z-index: 10;}.arrow-holder .arrow-left { left: -18px;}.arrow-holder .arrow-right { right: -18px;}/*-------------Voucher Summary--------------*/.sidebar .merchant-brick { background: white; border-radius: 8px; margin-bottom: 16px; width: 100%; display: inline-block; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12); padding: 16px;}.sidebar .voucher-summary,.sidebar .payments-holder { width: 100%; background-color: white; border-radius: 24px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);}.sidebar .payments-holder { margin-bottom: 16px;}.sidebar .google-ads { margin-bottom: 16px;}.sidebar.stick { position: fixed; width: 368px;}.stick .merchant-info { display: none;}.voucher-summary .summary-header,.payments-holder .header { width: 100%; border-top-right-radius: 8px; border-top-left-radius: 8px; border-bottom: solid 1px rgba(0, 0, 0, 0.12); text-align: left; font-size: 16px; font-weight: 600; line-height: 1.25; color: #333333; padding: 14px;}.payments-holder .payment-offers { padding: 16px; padding-top: 24px;}.payment-offer .payment-logo { display: inline-block; width: 32px; border-radius: 50%;}.payment-offer .payment-description { font-weight: bold; color: rgba(0,0,0,.87); font-size: 14px; line-height: 20px; display: inline-block; width: 80%; margin-left: 8px; border-bottom: 1px solid rgba(0,0,0,.12); padding-bottom: 16px;}.payment-offers .payment-offer { margin-top: 16px;}.payment-offers .payment-offer:first-child { margin-top: 0;}.payment-offer:last-child .payment-description { border-bottom: none;}.voucher-summary-details { padding: 0; text-align: center;}.voucher-summary-details .empty-vouchers-text { margin-bottom: 16px;}.voucher-summary-details .buy-now-button,.user-summary-dialog .buy-now-button{ border: none; background-color: #ef1c74; font-size: 18px; font-weight: 500; line-height: 48px; color: #fff; height: 48px; border-radius: 4px; text-align: center; width: 100%; opacity: 0.3; margin-top: 18px; cursor: pointer;}.voucher-summary-details .active { opacity: 1;}.voucher-summary-details .summary-vouchers,.user-summary-dialog .summary-vouchers { border-bottom: 0; width: 100%; margin-bottom: -4px; border-radius: 4px; text-align: left;}.summary-vouchers .summary-voucher-single:last-child { border-bottom: 0;}.max-usable-summary { line-height: 1.43; text-align: left; font-size: 14px; color: rgba(0, 0, 0, 0.54); width: 100%; margin-top: 12px;}.max-usable-summary .usable-wallet-summary { position: static; height: 20px; width: 20px; margin-left: 2px; vertical-align: top;}.max-usable-summary .check-points { background-color: #ef1c74; color: white; float: left; height: 14px; width: 20px; cursor: pointer; margin-left: 0;}.summary-voucher-single .summary-voucher-detail { width: 58%; margin: 8px; margin-left: 0; overflow: hidden; text-align: left; display: inline-block; font-size: 14px; line-height: 1.25; color: #333333; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; vertical-align: -webkit-baseline-middle;}.summary-voucher-single .summary-voucher-amount { width: 30%; margin: 8px; margin-right: 0; float: right; color: #5c5c5c; font-size: 14px; line-height: 1.25; text-align: right; display: inline-block; vertical-align: -webkit-baseline-middle;}.summary-voucher-amount span { color: rgba(0, 0, 0, 0.87); margin-left: 4px;}.voucher-summary-details hr { height: 1px; border: solid .5px rgba(0, 0, 0, 0.12); margin-top: 24px; margin-bottom: 12px;}.voucher-summary-details .total-price { font-size: 14px; line-height: 1.43; text-align: left; color: #333333; width: 100%;}.total-price span,.total-magicpin-points span,.total-pay span { float: right;}.voucher-summary-details .total-magicpin-points { font-size: 14px; line-height: 1.43; text-align: left; color: rgba(0, 0, 0, 0.87); width: 100%;}.total-magicpin-points .points-description { float: none; color: rgba(0, 0, 0, 0.54); font-size: 12px;}.total-magicpin-points span { color: #00acb7;}.voucher-summary-details .total-pay { font-size: 14px; font-weight: 500; line-height: 1.43; text-align: left; color: #3e5561; width: 100%; padding: 4px 8px;}.voucher-summary-fixed { position: fixed; height: 42px; width: 100vw; bottom: 0; background-color: #ff4081; z-index: 10;}.voucher-summary-fixed-total { color: #fff; font-weight: 500; text-align: left; margin-left: 0; width: 50%; height: 42px; padding: 12px 8px; position: absolute; left: 0;}.voucher-summary-fixed-buy { color: #fff; background-color: #ff4081; border: none; font-weight: 500; text-align: right; margin-left: 0; width: 90%; height: 42px; margin-right: 13px; font-weight: bold; font-size: 14px;}.voucher-summary-details .coupon-code-holder,.user-summary-dialog .coupon-code-holder { padding: 16px 0; padding-bottom: 4px; text-align: left; overflow: auto; clear: both; padding-top: 0; margin-top: 16px;}.coupon-code-holder .coupon-code { border: 0.5px solid #d8dae1; border-radius: 4px; font-size: 12px; color: rgba(0, 0, 0, 0.54); padding: 8px; text-align: left; width: 80%; float: left; border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; padding-left: 16px;}.coupon-code-holder .apply-coupon { font-size: 12px; padding: 8px; cursor: pointer; border: 0.5px solid rgba(0, 0, 0, 0.12); background: #fff; border-radius: 4px; float: right; color: #ef1c74; font-weight: bold; border-top-left-radius: 0; border-bottom-left-radius: 0; float: left; width: 20%; background: #f7f7fa;}@media (max-width: 800px) { .summary-voucher-single .summary-voucher-detail { float: left; } .voucher-summary .voucher-summary-details { padding: 0; } .voucher-summary-details .summary-vouchers { margin: 0 auto; margin-top: 12px; margin-bottom: -4px; } .summary-voucher-single .summary-voucher-amount { margin-right: 0; } .user-summary-dialog .coupon-code-holder { position: relative; } .coupon-code-holder .coupon-code { width: 100%; padding-right: 84px; } .coupon-code-holder .apply-coupon { position: absolute; right: 0; border-top-left-radius: 0px; border-bottom-left-radius: 0px; }}/*------Summary Dialog-----------*/.user-summary-dialog h3 { background-color: #f7f7fa; border: solid 1px #d8dae1;}.user-summary-dialog .close-icon { position: absolute; right: 16px; top: 12px;}.user-summary-dialog .dialog-text-heading { font-size: 16px; font-weight: bold; line-height: 1.75; text-align: left; color: #3e5561; margin-top: 16px;}.user-summary-dialog .summary-vouchers { margin-top: 8px; max-height: 300px; overflow-y: auto;}.user-summary-dialog .active { opacity: 1;}.user-summary-dialog .total-price { font-size: 14px; line-height: 1.43; text-align: left; color: rgba(0, 0, 0, 0.54); width: 100%; margin-top: 12px;}.voucher-summary-details .total-savings { font-size: 12px; color: #00bfa5; margin-top: 8px; text-align: center; font-weight: 500}.total-price span,.total-magicpin-points span,.total-pay span { float: right;}.user-summary-dialog .total-magicpin-points { font-size: 14px; line-height: 1.43; text-align: left; color: rgba(0, 0, 0, 0.54); width: 100%;}.total-magicpin-points span { color: #00acb7}.user-summary-dialog .total-pay { font-size: 14px; font-weight: 500; line-height: 1.43; text-align: left; color: #3e5561; width: 100%; padding: 4px 8px;}/*----------------- Coupon Offer Banner --------------*/.merchant-brick.offer-container { width: 100%; text-align: center; background-color: #ffffff; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12); padding-bottom: 20px; margin: 10px 0; padding: 0;}.merchant-posts .coupon-offer-holder { width: 100%; position: relative; overflow: auto; clear: both; padding: 16px; background: rgb(255,246,250); background: linear-gradient(138deg, rgba(255,246,250,1) 0%, rgba(255,255,255,1) 100%); border-radius: 8px; box-shadow: 0 0 4px 0 rgba(0, 1, 3, 0.2); display: flex; flex-direction: column;}.merchant-posts .coupon-terms { text-align: left; background: #f7f7fa; padding: 10px; margin-top: 14px; border-radius: 4px;}.coupon-terms .terms-heading { color: rgba(0,0,0,.87); font-weight: bold; font-size: 14px; cursor: pointer;}.terms-heading .arrow { float: right; height: 12px; transform: rotate(90deg); transition: transform .3s}.arrow.open { transform: rotate(270deg)}.coupon-terms .coupon-terms-container { transition: .3s padding;}.coupon-terms .hide-coupon-terms { padding: 0; height: 0; overflow: hidden}.coupon-terms .show-coupon-terms { padding: 10px; padding-bottom: 0; height: auto;}.coupon-terms .terms-list { list-style: circle; margin-left: 10px;}.terms-list .term { font-size: 14px; margin-bottom: 4px; line-height: 1.3}.coupon-offer-holder .offer-code-background { position: absolute; top: 0; right: 0; height: 100%; z-index: 0;}.coupon-offer-holder .offer-title { font-size: 16px; line-height: 20px; margin: 14px 0; margin-bottom: 0; color: #2e108e; line-height: 1.13; text-align: left; font-weight: 500;}.offer-title span { color: #370094; font-weight: bold;}.coupon-offer-holder .offer-details { color: rgba(0,0,0,.54); font-size: 16px; line-height: 1.23; text-align: left;}.coupon-offer-holder .conditions { font-size: 10px; text-align: left; margin-top: 4px;}.coupon-offer-holder .offer-code { padding: 14px; margin: 0 auto; border: dashed rgba(0,0,0,0.12) 2px; border-right: none; background-color: white; width: 70%; color: rgba(0,0,0,0.54); border-top-left-radius: 8px; border-bottom-left-radius: 8px; position: relative; float: left; margin-top: 24px;}.coupon-offer-holder .signup-button { border: none; background: #fff; color: #ef1c74; cursor: pointer; margin-top: 10px; border-radius: 4px; padding: 8px 24px; font-size: 12px; line-height: 16px; text-transform: capitalize; position: relative; z-index: 2; border: 1px solid #ef1c74; font-weight: 500; align-self: flex-end;}.merchant-details .merchant-brick.explore { background-color: #2e0f8d; border-radius: 8px; color: white; padding: 24px 16px; position: relative; overflow: hidden; background-position: right; background-size: cover; background-repeat: no-repeat;}.explore .text { font-size: 18px; font-weight: bold; margin-right: 20px; line-height: 1.44; display: inline-block;}.explore .button-explore { padding: 10px 12px; background: #ffeef1; color: #fff; font-weight: bold; border-radius: 4px; font-size: 14px; display: inline-block;}.explore .bg-patch { position: absolute; top: -32px; right: 0; height: 120%;}.button-explore .value { background: linear-gradient(152deg, rgba(46,16,142,1) 0%, rgba(239,28,116,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}@media(max-width: 800px) { .merchant-posts.offer-container { height: initial; padding: 0; border-bottom: 0; } .coupon-offer-holder .signup-button { padding: 10px 12px; font-size: 12px; line-height: 18px; margin-top: 12px; } .merchant-posts .coupon-offer-holder { padding: 12px; } .coupon-offer-holder .offer-title { font-size: 18px; } .coupon-offer-holder .offer-details { font-size: 16px; } .offer-container .voucher-card { height: 148px; } .merchant-details .merchant-brick.explore { border-radius: 0px; } .explore .text { width: 256px; margin-bottom: 20px; margin-right: 0px; display: block; } .coupon-offer-holder .offer-code { width: 80%; margin: 12px 0; position: relative; z-index: 2; } .coupon-offer-holder .copy-button { margin-top: 12px; position: relative; z-index: 2; } .coupon-offer-holder .conditions:last-child { margin-bottom: 12px; margin-top: 0; } .coupon-offer-holder .offer-code-background { width: 100%; height: 100%; } .merchant-posts .coupon-terms { margin-top: 0; }}/*------------- Tnc Details Popup -----------------*/.tnc-popup-holder .tnc-details-title { background: #ef1c74; color: #fff;}.tnc-details { margin-top: 0; padding: 0 16px; padding-bottom: 16px;}.tnc-details .icon { width: 24px; display: inline-block;}.tnc-details .text { display: inline-block; vertical-align: top; padding-top: 6px; padding-left: 6px; font-size: 12px;}.text .day { display: inline-block; padding: 0 6px; border-radius: 50%; background: #fff; margin: 0 4px; position: relative;}.text .day:first-child { margin-left: 0; padding-left: 0;}.day .tick { position: absolute; bottom: -6px; right: 0; color: #00bfa5;}.tnc-details .heading { color: rgba(0, 0, 0, 0.87); font-weight: bold; margin-bottom: 8px; padding: 10px 0}.tnc-details .details { font-size: 12px; line-height: 1.3}.tnc-details .term-heading { font-size: 14px; color: rgba(0,0,0,0.87); display: inline-block; margin-bottom: 8px}.tnc-active { transform: rotate(90deg);}.tnc-details .redemption-holder { margin: 12px 0;}.redemption-holder .redemption-count { display: inline-block; font-size: 12px; vertical-align: middle; padding: 4px 6px; background: #00bfa5; color: #fff; font-weight: bold; border-radius: 50%;}.redemption-holder .redemption-step { display: inline-block; font-size: 12px; vertical-align: middle; color: rgba(0,0,0,0.87); line-height: 1.3; margin-left: 10px; width: 88%;}.tnc-details hr { border: none; border-top: 1px solid rgba(0, 0, 0, 0.12); margin: 20px 0; margin-bottom: 10px;}.tnc-details .seperator { margin: 20px 0; text-align: center; color: rgba(0, 0, 0, 0.54); font-size: 14px;}.tnc-details .option { background: #ff9800;}@media (max-width: 800px) { .tnc-details { margin-top: 64px; } .merchant-voucher-single .more-info { margin-top: 4px; } .more-info img { margin-left: 4px; } .voucher-add-tnc .voucher-counter { margin-right: -6px; } .tnc-details .heading { font-size: 12px } .tnc-details .text { width: 92%; } .tnc-details .details { margin-bottom: 86px; }}/*---------Voucher Card----------*/.voucher-card-holder { padding: 8px; width: 25%; display: inline-block;}.similar-vouchers-header { font-size: 16px; padding-left: 8px; font-weight: bold; line-height: 1.25; color: rgba(0, 0, 0, 0.87);}.see-more-vouchers-btn { background-color: #ef1c74; color: white; font-weight: bold; text-transform: uppercase; border: 1px solid #ef1c74; padding: 20px 12px; border-radius: 4px; display: block; margin: 0 auto; width: 200px; text-align: center; margin-top: 14px; cursor: pointer;}.merchant-brick.merchant-related { margin-top: 46px;}.voucher-card-holder .voucher-card { width: 100%; height: 250px; background-color: white; display: inline-block; border-top-right-radius: 8px; border-top-left-radius: 8px; position: relative; float: left; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12); border-bottom: none; border-radius: 8px; transition: .2s transform linear;}.voucher-card-holder .voucher-card:hover { box-shadow: 0 1px 25px 0 rgba(0, 0, 0, 0.20); transform: scale(1.03)}.voucher-card .voucher-banner-holder{ position: relative; height: 130px; width: 100%; overflow: hidden;}.voucher-banner-holder .bought { background: rgba(0, 0, 0, 0.8); font-size: 12px; color: #fff; padding: 4px; position: absolute; bottom: 0; right: 0;}.voucher-banner-holder .voucher-banner { width: 100%; border-top-left-radius: 8px; border-top-right-radius: 8px; overflow: hidden; display: block; height: 100%; object-fit: cover}.voucher-card .voucher-card-details { position: relative; display: inline-block; width: 100%; min-height: 50px;}.voucher-card-details .voucher-card-logo { position: absolute; top: 8px; left: 8px; height: 40px; width: 40px; border-radius: 50%; border: solid 1px #e5e5e5; overflow: hidden;}.voucher-card-details h4 { font-size: 16px; font-weight: bold; line-height: 1.25; text-align: left; color: rgba(0, 0, 0, 0.87); margin-top: 8px; overflow: hidden; text-overflow: ellipsis; margin-bottom: 0px; margin-left: 56px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; height: 20px;}.voucher-card-details h5 { font-size: 14px; line-height: 1.43; text-align: left; color: rgba(0, 0, 0, 0.87); margin-bottom: 8px; margin-left: 56px; height: 20px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}.voucher-card-details h6 { font-size: 14px; text-align: left; color: rgba(0, 0, 0, 0.87); white-space: normal; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-left: 8px; line-height: 16px; display: block;}.voucher-card-details span { font-weight: bold;}.voucher-card-details .bought-icon { margin-left: 8px; display: inline-block;}.voucher-card-details .voucher-percent { font-size: 18px; font-weight: 700; line-height: 1.43; color: #00ACB7; margin-left: 8px;}.voucher-card-details .merchant-text { margin: 4px 8px; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; white-space: nowrap; color: rgba(0, 0, 0, 0.54); font-size: 12px; margin-bottom: 10px;}@media (max-width: 800px) { .voucher-card-holder { width: 100%; padding: 0; } .see-more-vouchers-btn { padding: 14px 12px; } .similar-vouchers-header { margin-bottom: 12px; } .voucher-card-holder .voucher-card { border-radius: 0; height: auto; } .voucher-card .voucher-card-details { padding: 0 8px; } .voucher-banner-holder .voucher-banner { border-top-left-radius: 4px; border-top-right-radius: 4px; } .voucher-card-details .voucher-percentage { border-radius: 2px; background-color: #ef1c74; font-size: 14px; font-weight: 700; line-height: 1.43; color: #fff; padding: 2px 4px; margin-left: 8px; } .voucher-card-details .voucher-percent { float: right; } .voucher-card-details .similar-merchant-details { margin-left: 68px; } .similar-merchant-details h4 { margin-left: 0; } .similar-merchant-details h5 { margin-left: 0; margin-bottom: 0; color: rgba(0, 0, 0, 0.54) } .similar-merchant-details h6 { margin-left: 0; color: rgba(0, 0, 0, 0.87); padding-top: 8px; display: inline-block; } .voucher-card-details .voucher-card-logo { height: 64px; width: 64px; border-radius: 8px; } .voucher-card-details .bought-mb { font-size: 14px; color: rgba(0, 0, 0, 0.54); padding: 8px 0 16px 0; }}/*---------MagicPay----------*/.merchant-header .magicpay-strip { width: 49%; height: 56px; display: inline-block; position: relative; padding: 10px 12px; margin-bottom: 12px; border: 1px dashed rgba(0,0,0,0.12); border-radius: 4px; vertical-align: top; margin-top: 10px;}.magicpay-strip .magicpay-image { float: left; height: 32px; width: 32px; padding: 6px; border-radius: 50%; background-color: #c7d0cbc2; display: inline;}.magicpay-strip .save-points-image { height: 16px; width: 16px; vertical-align: bottom; margin-left: 4px;}.magicpay-strip .save-points-text { font-size: 10px; color: black; display: inline; margin-left: 18px;}.magicpay-strip .magic-pay-cta { float: right; padding: 10px 12px; background-color: #7e57c2; color: white; font-size: 12px; font-weight: bold; border-radius: 4px; cursor: pointer; position: absolute; right: 10px; bottom: 10px;}.header .merchant-detail { font-size: 12px; color: #eceef4; position: absolute; top: 20px; left: 50px; line-height: 1.43;}@media(max-width: 800px) { .merchant-header .magicpay-strip { margin: 12px 0 10px 8px; width: 96%; }}.get-cashback-message { position: fixed; bottom: 48px; padding: 12px; background: rgba(0,0,0,0.8); color: #fff; width: 100%; font-size: 12px; z-index: 10; display: none;}.get-cashback-message .close-cashback-message { position: absolute; right: 4px; width: 20px; top: 50%; transform: translateY(-50%); height: 20px;}.merchant-images-dialog-body .slick-slider { touch-action: pinch-zoom;}.menu-image { width: 100%; cursor: pointer; min-height: 350px; height: 350px; object-fit: contain;}.merchant-header .magicpay-strip { width: 49%; height: auto; display: inline-flex; position: relative; padding: 6px 16px; margin-bottom: 12px; border: none; border-radius: 4px; vertical-align: top; margin-top: 10px; background: #f7f7fa;}.merchant-header .book-table-strip { width: 49%; height: auto; display: inline-flex; position: relative; padding: 6px 16px; margin-bottom: 12px; border: none; border-radius: 4px; vertical-align: top; margin-top: 10px; background: #f7f7fa;}.merchant-header .book-table-detail { color: rgba(0, 0, 0, 0.87); display: inline-block; color: rgba(0,0,0,0.87); font-weight: 500; padding-top: 8px; font-size: 13px; flex-grow: 1;}.book-table-holder .book-deal-button { cursor: pointer; color: #ef1c74; padding: 4px 24px; font-size: 12px; line-height: 20px; font-weight: 500; border-radius: 4px; background: #fff; position: relative; margin-top: 0; border: 1px solid rgba(0,0,0,.12);}.book-table-holder .book-deal-button:hover { background: #ef1c74; color: #fff;}.magicpay-strip .magicpay-details { display: inline-block; vertical-align: middle; flex-grow: 1; padding-top: 0;}.magicpay-details .save-points-text { font-size: 13px; font-weight: 500; color: #7e57c2; display: inline-block; margin-left: 0;}.magicpay-strip .save-points-image { height: 16px; width: 16px; vertical-align: middle; margin-left: 4px;}.magicpay-strip .magicpay-btn { display: inline-block;}.magicpay-strip .magic-pay-cta { float: none; padding: 4px 24px; color: #821dff; font-size: 12px; line-height: 20px; font-weight: 500; border-radius: 4px; cursor: pointer; position: relative; right: auto; bottom: auto; border: none; background: none;}@media(max-width: 800px) { .merchant-header .voucher-strip { margin: 12px auto; padding: 16px; width: 92%; } .voucher-strip-details .info-text { font-size: 14px; } .merchant-header .magicpay-strip { width: 100%; display: flex; margin: 0 auto; padding: 6px 12px; }}/* Magic Order Strip */.magic-order-strip { width: 100%; margin: 20px auto; margin-bottom: 10px; overflow: auto; padding: 12px; background: rgba(126,87,194,.4); border-radius: 4px; display: block;}.magic-order-strip .magic-order-icon { display: inline-block; vertical-align: middle;}.magic-order-strip .magic-order-text { display: inline-block; color: rgba(0,0,0,.87); font-weight: bold; font-size: 14px; margin-bottom: 4px;}.magic-order-text .highlight { background: rgb(249,168,10); background: linear-gradient(152deg, rgba(249,168,10,1) 0%, rgba(239,28,116,1) 100%); color: #fff; font-weight: bold; padding: 2px 6px; border-radius: 4px; text-transform: capitalize; font-size: 10px; vertical-align: middle;}.magic-order-strip .place-order-cta { display: inline-block; float: right; background: #7e57c2; color: #fff; padding: 8px 20px; border-radius: 4px; font-size: 16px; font-weight: 500; text-transform: uppercase; font-weight: 500;}.personalised-widget .similarVoucherContainer { background-color: white; padding: 16px; padding-right: 0; border-radius: 8px; box-shadow: none; margin-bottom: 16px; position: relative;}@media(max-width: 800px) { .magic-order-strip { width: 100%; background: none; border-radius: 0; margin-bottom: 16px; padding: 0 12px; } .magic-order-strip .seperator { border: none; border-top: 1px dashed rgba(0,0,0,.12); margin-top: 16px; margin-bottom: 0; } .magic-order-strip .place-order-cta { font-size: 14px; padding: 8px; text-transform: none; }}.merchant-brick.popular-merchants { padding: 0;}/* Merchant Action CTAs */.merchant-header .merchant-actions-container { margin: 24px 0; display: grid; grid-template-columns: 1fr 1fr; grid-gap: 16px; margin-bottom: 12px;}.merchant-header .merchant-actions-container:empty { margin: 0;}.voucher-strip-details .last-redeemed { font-size: 12px; color: rgba(0,0,0,.54); margin-top: 2px;}.cta-strip .magicpay-offer { margin-top: 2px; display: inline-block;}.magicpay-offer .magicpay-text { display: inline-flex; align-items: center; gap: 2px; padding: 0px 2px; vertical-align: middle; font-size: 12px; line-height: 16px; color: rgba(0, 0, 0, 0.87);}.magicpay-offer img { height: 1em; width: 1em;}.magicpay-offer span { font-size: 12px; color: rgba(0, 0, 0, .87);}.magicpay-offer span:last-child::after { content: ""; margin-left: 0;}.merchant-actions-container .cta-strip { display: flex; position: relative; width: 100%; border-radius: 8px; padding: 12px; padding-right: 16px; justify-content: unset; align-items: center; border: 1px solid rgba(0,0,0,.12); margin: 0; height: 82px; cursor: pointer; overflow: hidden;}.merchant-actions-container .magic-order-strip { background: rgb(255,255,255); background: linear-gradient(94deg, rgba(255,255,255,1) 0%, rgba(248,242,255,1) 100%);}.magic-order-strip .magic-order-cta { cursor: pointer; color: #fff; padding: 8px; width: 90px; background: #821dff; border-radius: 4px; font-weight: 500; font-size: 12px; margin-left: auto; border: none; text-align: center;}.cta-strip .sub-text { font-size: 12px; color: rgba(0,0,0,.54); margin-top: 2px; }.cta-strip .cta-details { margin-left: 12px;}.merchant-actions-container .magicpay-strip { background: rgb(255,255,255); background: linear-gradient(94deg, rgba(255,255,255,1) 0%, rgba(248,242,255,1) 100%); margin-bottom: 2px;}.magicpay-details .magicpay-heading { font-size: 14px; color: black; font-weight: bold; display: block; margin-right: 4px; margin-left: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%;}.merchant-details .merchant-brick.personalised-widget { padding: 0;}.timingsHolder .merchant-sub-header { display: none;}.merchant-sub-content .timingDetails { display: none;}.merchant-sub-content .timing-status { font-size: 12px}.merchant-sub-content .timing-status::before { content: "."; font-size: 1em; vertical-align: 12%; margin-right: 4px; margin-left: 4px; color: #000}@media (min-width: 800px) and (max-width: 1000px) { .magicpay-strip .magicpay-details { flex-grow: 1; min-width: 0; max-width: calc(100% - 90px); } .magicpay-details .magicpay-heading { max-width: 100%; } .magicpay-details .paybill-textbox { max-width: 100%; } .cta-strip .magicpay-offer { max-width: 100%; overflow: hidden; } .magicpay-offer .magicpay-text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }}@media(max-width: 800px) { .merchant-header .merchant-actions-container { grid-template-columns: 1fr; grid-gap: 0; margin: 0; margin-top: 24px; } .merchant-actions-container .cta-strip { border-radius: 0; border: none; border-top: 1px solid rgba(0, 0, 0, 0.12); height: auto; } .timingsHolder { display: inline-block; } .timingsHolder h3 { display: none; } .timingsHolder .timingDetails { display: none; } .timingsHolder .timing-status { font-size: 12px; } .merchant-header .merchant-address-details { display: inline-block; vertical-align: middle; } .merchant-header .merchant-timings { display: inline-block; vertical-align: middle; margin-left: 10px; } .merchant-header .merchant-actions { padding: 0 16px; margin-top: 16px; margin-bottom: 12px; } .merchant-header .merchant-actions:empty { margin: 0; } .merchant-actions .phone-num-options-container { display: inline-block; } .merchant-action .action-text { color: rgba(0, 0, 0, 0.87); font-size: 12px }}/* --------- Delivery Partner Widget -------------- */.merchantDetails { position: relative; display: inline-block; width: 150px; padding-left: 4px; padding-top: 4px;}.personalised-widget .merchantDetails .cover { width: 100%; max-width: none; object-fit: cover; border-radius: 20px; box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.12); border: 1px solid rgba(0, 0, 0, 0.12);}.merchantDetails .merchantName { margin-top: 8px; font-size: 14px; font-weight: bold; line-height: 20px; overflow: hidden; text-overflow: ellipsis;}.offers .magicPayOffer { font-size: 12px; display: block; margin-top: 2px;}.delivery-collection-card .voucher-tag { position: absolute; z-index: 1;}.merchantDetails .rating-content-header { height: 24px; position: absolute; top: 4px; right: 0;}.voucher-card .rating-content-header { height: 24px; position: absolute; top: 0; right: 0;}.merchantRating .rating-desc { font-size: 12px;}.voucher-rating .rating-desc { font-size: 12px;}.merchantRating .star { width: 8px; height: 8px; margin: 2px;}.voucher-rating .star { width: 8px; height: 8px; margin: 2px;}.rating-content-header .voucher-rating { border-radius: 0 4px 0 4px; padding: 2px 4px;}.merchantRating { border-radius: 0 4px 0 4px; padding: 2px 4px;}.merchant-header-info .merchant-tag-container { position: absolute; left: 4px; z-index: 1; top: -4px;}.merchant-tag-container .merchant-tag-tooltip { display: none; color: white; font-size: 10px; line-height: 14px; padding: 6px; background: #4c567c; max-width: 300px;}.merchant-tag-container .merchant-tag-tooltip:before { margin-left: 4px; border-color: transparent; border-bottom: 5px solid #4c567c; content: ""; position: absolute; top: 10px; left: 10px; border-width: 6px; border-style: solid;}.merchant-tag-container:hover .merchant-tag-tooltip { display: block;}@media(max-width: 800px) { .merchant-tag-container .merchant-tag-tooltip { max-width: 200px; } .merchant-description-mb .showMoreLink { color: #ef1c71; }}.magic-order-details .pickup { font-size: 12px; color: rgba(0, 0, 0, 0.54);}.magic-order-details .delivery { color: #00acb7;}.must-haves-holder .top-items-holder { margin-bottom: 12px;}.top-items-holder .top-item-image { vertical-align: middle; border: 1px solid rgba(0,0,0,.12); border-radius: 50%; padding: 6px;}.top-items-holder .merchant-top-content { display: inline-block; width: 80%; vertical-align: middle; margin-left: 8px;}.merchant-top-content .must-item::after { content: ",";}.merchant-top-content .must-item:last-child::after { content: "";}.merchant-sub-content.merchant-description-mb { max-height: 44px; display: block; overflow: hidden;}.merchant-description-mb .showMoreLink { font-weight: 500; color: #ef1c71;}.merchant-brick.merchant-must { padding-right: 0;}.detail-sub-section .merchantAlbumWidget { position: relative;}.detail-sub-section .more-text { display: inline-block; font-size: 12px; border: 1px solid rgba(0,0,0,.12); padding: 6px; border-radius: 4px; color: #ef1c74; display: none; cursor: pointer; margin-right: 8px; margin-top: 4px;}/* Album Widget Css */.merchant-album-widget-react .heading { font-size: 16px; line-height: 20px; color: #000000; font-weight: bold; padding: 0;}.merchant-album-widget-react .albumsHolder { margin-top: 8px; overflow-x: auto; white-space: nowrap;}.albumsHolder .nextArrow { position: absolute; top: 50%; right: -6px; background: #fff; transform: translateY(-50%) rotate(270deg); padding: 4px 10px; border-top-left-radius: 4px; border-top-right-radius: 4px; cursor: pointer; box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .12);}.albumsHolder .album { margin-right: 12px; display: inline-block; cursor: pointer;}.albumsHolder .album:last-child { margin-right: 4px;}.album .thumbnail { height: 120px; width: 120px; border-radius: 4px; object-fit: cover;}.album .caption { margin-top: 6px; font-size: 12px; line-height: 16px; color: #ef1c74;}@media(max-width: 800px) { .merchant-album-widget-react .heading { font-size: 12px; font-weight: bold; line-height: 16px; }}.detail-sub-section .merchant-voucher-single { font-size: 14px; line-height: 1.43; padding: 16px 10px; position: relative; display: block; border-bottom: 2px dashed rgba(0, 0, 0, 0.12); min-height: auto; clear: both; border: 0.5px solid rgba(0,0,0,0.12); margin: 16px; border-radius: 12px; background: rgb(255,255,255); width: auto; display: block; vertical-align: top; box-shadow: unset; text-align: left; cursor: pointer; font-family: Poppins, 'sans-serif';}.detail-sub-section .merchant-voucher-single.group-buy-voucher { display: inline-block;}.merchant-voucher-single .offlineTag { position: absolute; top: -4px; left: -4px; height: 17px; width: 62px;}.merchant-voucher-single.voucher-sold-out { background: #fff; border: 0.5px solid rgba(0,0,0,0.12); box-shadow: none;}.users-choice .voucher-sticker-container { position: absolute; right: 8px; top: -2px}.voucher-sold-out .voucher-text { color: rgba(0, 0, 0, 0.54)}.voucher-sold-out .voucher-detailed-info .refundable-status { color: #A0A0A0; font-size: 10px; font-weight: normal;}.merchant-voucher-single .max-usable-points { color: #821dff; margin-top: 4px; font-size: 14px; position: relative; cursor: pointer; font-weight: 500;}.merchant-voucher-single .voucher-details { width: 100%; margin-top: 12px; min-height: auto; text-align: left;}.voucher-details .voucher-detailed-info { display: inline-flex; flex-direction: column;}.voucher-detailed-info.reverse { flex-direction: column-reverse;}.max-usable-points .usable-wallet { margin-left: 0; height: 16px; width: 16px; vertical-align: -22%;}.max-usable-points .info-icon { vertical-align: -18%; height: 14px; width: 14px;}.max-usable-points .magicpoints-text { font-size: 10px; margin-top: 2px; font-weight: normal;}.max-usable-points .save-percent-text { vertical-align: middle; margin: 0 2px;}.merchant-voucher-single .voucher-text { min-height: auto; font-weight: 500; line-height: 20px;}.valid-days .more-info-holder { display: inline-block;}.voucher-details .valid-days { font-size: 12px; display: inline-block; max-width: 114px; overflow: hidden; white-space: nowrap; vertical-align: middle; color: #A0A0A0;}.voucher-details .fewLeft { color: #ff455f; margin-left: 2px}.voucher-detailed-info .more-info-holder { display: inline-block; vertical-align: middle;}.more-info-holder.details-block { display: block}.details-block p { text-decoration: none;}.merchant-voucher-single .more-info { color: #A0A0A0; font-size: 12px; font-weight: normal;}.merchant-voucher-single .group-buy-available-wrapper { position: relative; margin-top: 8px; text-align: right;}.group-buy-available-wrapper.hide { display: none;}.merchant-voucher-single .group-buy-available { font-size: 12px; color: #ff4081; display: inline-flex; float: none; clear: both; font-weight: 500; border: 1px solid #fde8f1; padding: 6px; box-shadow: 0 1px 3px 0 #fde8f1; border-radius: 4px; background: rgb(255,246,250); background: linear-gradient(152deg, rgba(255,246,250,1) 0%, rgba(255,255,255,1) 100%); cursor: pointer;}.merchant-voucher-single .group-buy-text-holder,.group-buy-container .group-buy-text-holder { margin: 0; margin-top: 8px; margin-left: 0; box-shadow: 0 1px 3px 0 #fde8f1; border-radius: 8px; background: rgb(255,246,250); background: linear-gradient(152deg, rgba(255,246,250,1) 0%, rgba(255,255,255,1) 100%); border: 1px solid #fde8f1;}.group-buy-available .image.info { margin-left: 4px; margin-right: 0}.detail-sub-section .vouchers-holder { display: grid; grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); grid-gap: 16px; gap: 16px;}@media(max-width: 800px) { .detail-sub-section .vouchers-holder { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); grid-gap: 12px; gap: 12px; } .merchant-voucher-single .max-usable-points { font-size: 12px; } .detail-sub-section .merchant-voucher-single { padding: 14px 14px 16px 10px; margin: 16px 10px; } .max-usable-points .magicpoints-text { margin-top: 0; } .voucher-details .valid-days { font-size: 10px; } .merchant-voucher-single .more-info { font-size: 10px; } .max-usable-points .info-icon { vertical-align: -22%; } .max-usable-points .usable-wallet { vertical-align: -28%; }}.merchant-voucher-single .voucher-add-tnc { margin-top: 0; padding: 0;}.voucher-add-tnc .voucher-counter { background: transparent; border-radius: 4px; padding: 4px 2px; float: right; text-align: center; width: auto; border: 1px solid #2a72ff;}.voucher-counter.remove-border { border: none;}.voucher-price-button.initial { float: right; margin: 6px 0; background: rgba(0,0,0,.12); color: rgba(0,0,0,.54); cursor: auto}.voucher-price-button.free { background: #6561E8;}.merchant-voucher-single .voucher-button-subtract,.merchant-voucher-single .voucher-button-add { background: transparent}.merchant-voucher-single .voucher-count { color: rgba(0, 0, 0, 0.87); background: transparent;}.create-groupbuy .info-holder { width: 250px; border-radius: 22px; background: rgba(255,69,95,.6); padding: 6px;}.info-holder .group-buy-info-icon { height: 16px; vertical-align: middle; margin-right: 3px;}.info-holder .info-message { vertical-align: middle; font-size: 10px; font-weight: 500; color: #fff;}/*============== Magicpin Save Steps ===========*/.magicpin-save-steps { font-family: 'Poppins', sans-serif; padding: 16px; padding-bottom: 24px;}.magicpin-save-steps .steps-title { font-weight: 600; font-size: 20px; line-height: 30px; color: #333; margin: 0; margin-bottom: 16px;}.magicpin-save-steps .steps-container { display: flex; gap: 16px; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; scrollbar-width: none; /* Firefox */ margin: 0 -16px; /* Negative margin for edge-to-edge */ padding: 0 16px; /* Padding for start/end spacing */}.magicpin-save-steps .steps-container::-webkit-scrollbar { display: none; /* Safari and Chrome */}.magicpin-save-steps .step-item { flex: 1 1 0; /* Allow items to grow and shrink equally */ min-width: 156px; /* Minimum width constraint */}.magicpin-save-steps .step-card { background: #f0effd; border-radius: 20px; padding: 16px; display: flex; align-items: center; gap: 12px; box-shadow: inset 0px -3px 4px 0px #cfcef8; height: 100%;}.magicpin-save-steps .icon-wrapper { flex-shrink: 0; width: 64px; height: 64px;}.magicpin-save-steps .step-icon { background: #cfcef8; width: 100%; height: 100%; border-radius: 16px; display: flex; align-items: center; justify-content: center; padding: 8px; overflow: hidden; position: relative;}.magicpin-save-steps .step-icon img { width: 100%; height: 100%; object-fit: contain;}.magicpin-save-steps .step-content { flex: 1; display: flex; flex-direction: column;}.magicpin-save-steps .step-number { font-weight: 600; font-size: 16px; line-height: 24px; color: #6561e8;}.magicpin-save-steps .step-description { font-size: 16px; line-height: 24px; color: #333;}.magicpin-save-steps .text-regular { font-weight: 400;}.magicpin-save-steps .text-bold { font-weight: 600;}@media (max-width: 800px) { .magicpin-save-steps { padding: 16px; margin-bottom: 8px; } .magicpin-save-steps .steps-title { font-size: 16px; line-height: 24px; margin-bottom: 8px; } .magicpin-save-steps .steps-container { gap: 12px; } .magicpin-save-steps .step-item { min-width: 212px; /* Minimum width constraint */ } .magicpin-save-steps .step-card { padding: 12px; gap: 8px; } .magicpin-save-steps .icon-wrapper { width: 24px; height: 24px; } .magicpin-save-steps .step-icon { border-radius: 50%; padding: 6px; } .magicpin-save-steps .step-number { font-size: 12px; line-height: 18px; } .magicpin-save-steps .step-description { font-size: 12px; line-height: 18px; }}.merchant-sub-header.voucher-heading { display: flex; flex-direction: column; padding: 20px 16px; padding-bottom: 0; position: relative; margin-bottom: 28px; cursor: default; font-family: Poppins, 'sans-serif';}.voucher-heading .bought-icon { position: relative; top: 2px; margin: 0 4px;}.voucher-heading .posted-at { font-weight: 500; text-transform: capitalize;}.voucher-heading .bought { color: rgba(0,0,0,.54); font-size: 14px; font-weight: 400;}.voucher-price .tagline { display: block}.voucher-summary-fixed { position: fixed; height: 42px; width: 100vw; bottom: 0; background-color: #3b74fc; z-index: 10; display: flex;}.voucher-summary-fixed .total-vouchers-selected { color: #fff; font-weight: bold; align-items: center; align-self: center; flex-grow: 1; text-align: left; padding-left: 12px;}.voucher-summary-fixed-buy { width: auto; background: #3b74fc}.voucher-heading .online-merchant-heading { line-height: 16px; font-size: 12px; color: #333333; font-weight: 400; text-align: left;}.voucher-sticker-container .voucher-sticker-tooltip { position: absolute; left: 0; bottom: 114%; width: 40%; padding: 10px; background: #4c567c; color: #fff; font-size: 12px; line-height: 16px; display: none; border-radius: 4px;}@media (max-width: 800px) { .voucher-sticker-container .voucher-sticker-tooltip { width: 70%; } .voucher-heading .header-text{ margin-right: 5px; max-width: 50%; } .voucher-heading .header-text .voucher-section-heading { line-height: 16px; font-size: 14px; text-align: left; } .voucher-heading .online-merchant-heading { font-size: 10px; }}.merchant-brick .vouchers-section { border-radius: 8px; background: linear-gradient(90deg,#ffffff,#ebfafb);}.vouchers-section.online { background: linear-gradient(90deg,#fefefe,#fff1f7);}.merchant-voucher-single .voucher-text { min-height: auto; font-weight: 600; line-height: 20px; font-size: 14px; color: black; margin-right: 4px;}.voucher-description .minimum-purchase-holder { font-size: 12px; margin-top: 6px;}.minimum-purchase-holder .text { color: #6561E8;}.minimum-purchase-holder .value { margin-left: 4px;}.merchant-details .merchant-brick.offline { padding: 0;}.magic-coin { width: 16px; height: 16px; vertical-align: -20%; margin-left: 2px;}@media(max-width: 800px) { .merchant-voucher-single .voucher-text { font-size: 12px; font-weight: 600; } .voucher-description .minimum-purchase-holder { font-size: 10px; margin-top: 4px; }}/* Bottom Magicpay Widget */.voucher-cta .magic-pay-popup { width: 100%;}.voucher-cta .voucher-upto { text-align: center; color: #fff;}/* PAYMENT OFFERS */@media(max-width: 800px) { .payment-offers-holder { margin: 0 16px; } .payment-offers-holder .offer-container { white-space: nowrap; overflow-x: overlay; margin-right: -16px; } .payment-offers-holder .payments-heading { font-size: 12px; font-weight: 500; text-transform: uppercase; margin-bottom: 8px; } .offer-container::-webkit-scrollbar { display: none; } .offer-detail .offer-image { width: 36px; border-radius: 50%; vertical-align: middle; box-shadow: 0 3px 8px 0 rgb(0 0 0 / 12%); margin-left: 4px; } .payment-offers-holder .offer-detail { border-radius: 4px; width: 78%; margin-right: 4px; display: inline-block; overflow-wrap: break-word; word-break: break-word; white-space: normal; padding: 4px 0; } .payment-offers-holder .offer-detail:first-child { margin-top: 0; } .offer-detail .offer-description { display: inline-block; vertical-align: middle; color: rgba(0,0,0,.87); font-size: 12px; line-height: 1.3; width: 82%; margin-left: 8px; } .offer-description b { font-weight: bold; } .offer-container .sign-up-offer { position: relative; width: 62%; vertical-align: middle; } .sign-up-offer .offer-bg { position: absolute; width: 100%; z-index: -1; } .sign-up-offer .magic-coins { z-index: 1; width: 46px; position: absolute; } .sign-up-offer .offer-text { font-size: 12px; color: rgba(0,0,0,.87); display: inline-block; vertical-align: top; margin-left: 60px; width: 70%; line-height: 1.2; } .offer-text b { font-weight: bold; }}@media(max-width: 800px) { .best-offers-holder { bottom: 66px; } .scroll-top-btn { bottom: 140px; }}/*---------------------Merchant Videos-------------------*/.video-box .video-thumbnail { position: relative; width: 232px; height: 128px; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); background-color: rgba(0, 0, 0, 0.3); border-radius: 4px; cursor: pointer; overflow: hidden;}.merchant-videos-holder .video-box .video-thumbnail { width: 100%}.video-thumbnail .ar-thumbnail { display: block; border-radius: 4px; width: 100%; height: 100%; margin: 0 auto; object-fit: cover;}.video-thumbnail img:last-child { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); cursor: pointer; background: rgba(255, 255, 255, 0.8); padding: 8px; padding-left: 8px; border-radius: 50%; display: block;}.video-box .video-stats { display: inline-block; width: 100%; height: 45px; padding-bottom: 4px;}.user-img .img-logo { height: 32px; width: 32px; float: left; border-radius: 16px; margin-right: 8px;}.video-stats .user-stats { margin:4px;}.video-stats p:first-child { font-size: 14px; color: rgba(0, 0, 0, 0.87); font-weight: bold; line-height: 1.33; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}.video-stats p:last-child { color: rgba(0, 0, 0, 0.54); font-size: 12px; line-height: 1.33; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}/*--------------------- How to Redeem Section ----------------------*/.merchant-redeem-steps-holder .heading { font-weight: 600; margin-bottom: 18px; text-align: center; font-size: 18px; color: #ef1c71;}.merchant-redeem-steps-holder .other-steps-container { display: none;}.merchant-redeem-steps-holder .other-steps-container.show { display: block;}.merchant-redeem-steps-holder .redeem-show-more-cta { color: #ef1c71; display: flex; cursor: pointer; justify-content: center;}.merchant-redeem-steps-holder .show-more-arrow { transition: 0.3s transform;}.merchant-redeem-steps-holder .show-more-arrow.invert { transform: rotate(180deg);}.merchant-redeem-steps-holder .redeemImage { display: block; margin: auto; width: 50%; margin-bottom: 18px;}.redeem-show-more-cta .cta-text { font-size: 18px; margin-right: 8px;}.merchant-redeem-steps-holder .step-text { color: rgba(0,0,0,0.87); font-size: 16px; line-height: 20px; margin-bottom: 18px; display: flex; font-weight: bold;}.step-text .counter { margin-right: 4px;}.popular-merchants .popular-merchants-loader { background-color: #f3f3f3; border-radius: 8px; height: 275px; margin-bottom: 8px;}@media(max-width: 800px) { .merchant-redeem-steps-holder .redeemImage { width: 90%; display: block; margin: auto; margin-bottom: 18px; height: unset; } .merchant-redeem-steps-holder .step-text { color: rgba(0,0,0,0.87); font-size: 14px; line-height: 20px; margin-bottom: 18px; } .popular-merchants .popular-merchants-loader { width: 100%; height: 220px; border-radius: unset; }}/* CREATE CUSTOM VOUCHER WIDGET */#create-custom-voucher-react .merchant-brick.custom-voucher-container { padding: 18px 16px; filter: drop-shadow(0 6px 10px rgba(142, 140, 254, .08)); display: grid; grid-template-columns: auto 1fr; grid-gap: 14px; background: #E5E5FF;}.custom-voucher-container .custom-voucher-image { width: 40px; height: 40px; padding: 6px; background: #fff; border-radius: 8px;}.custom-voucher-container .heading { font-size: 16px; color: rgba(0,0,0,.87); font-weight: bold; line-height: 20px; margin-bottom: 12px;}.custom-voucher-container .voucher-amount-container { display: grid; grid-template-columns: 1fr auto; grid-gap: 16px; margin-bottom: 4px; width: 50%;}.voucher-amount-container .voucher-amount { border: none; background: #f7f7fa; border: 1px solid rgba(0,0,0,.1); height: 34px; border-radius: 4px; padding-left: 6px; font-size: 14px; width: 100%;}.voucher-amount-container .magicpay-button { border: none; color: #fff; border-radius: 8px; padding: 0 16px; height: 30px; cursor: pointer; font-weight: bold; font-size: 14px; line-height: 17px; filter: drop-shadow(0 3px 0px #8E8CFE); background: rgb(109,107,237); background: linear-gradient(8deg, rgba(109,107,237,1) 0%, rgba(143,139,242,1) 43%, rgba(219,208,254,1) 100%);}.saving-info .magicpay-icon { height: 18px; vertical-align: -22%;}.saving-info .saving-text { font-size: 14px; display: inline-block; vertical-align: middle; margin-left: 2px; color: rgba(0,0,0,.87);}.voucher-amount-container .input-holder { position: relative;}.voucher-amount-container .magic-points-usage { display: inline-block; position: absolute; right: 8px; top: 50%; transform: translateY(-50%); font-size: 12px;}.magic-points-usage .usable-point { display: inline-block; vertical-align: middle; color: #44d7b6; margin-right: 2px; font-size: 14px}.magic-points-usage .coin-icon { height: 12px; vertical-align: -22%;}.saving-text .save-percent { color: #6561E8; font-weight: bold;}.saving-text .magic-coin { height: 16px; vertical-align: middle; margin-left: 4px;}@media(max-width: 800px) { .merchant-brick.custom-voucher-container { padding: 16px 8px; } .custom-voucher-container .heading { font-size: 14px; line-height: 16px; } .custom-voucher-container .voucher-amount-container { grid-gap: 50px; width: auto; } .voucher-amount-container .magicpay-button { font-size: 12px; line-height: 16px; } .voucher-amount-container .voucher-amount { height: 32px; font-size: 12px; } .saving-info .saving-text { font-size: 12px } .saving-info .magicpay-icon { height: 14px; vertical-align: -18%; } .magic-points-usage .coin-icon { height: 10px; vertical-align: -16%; } .magic-points-usage .usable-point { font-size: 12px; }}.other-outlet-widget { padding: 16px; background-color: white; margin-bottom: 12px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12); border-radius: 8px; position: relative;}.other-outlet-widget .collections-header { font-size: 16px !important; line-height: 20px !important;}.other-outlet-widget .voucher-details .voucher-merchant-name { margin-top: 0px;}.other-outlet-widget .collections-container .collections-header-container { padding: 0px;}.other-outlet-widget .vouchers-holder .voucher-card { margin-right: 0px;}.other-outlet-widget .vouchers-holder .voucher-card:first-child { padding-left: 0px;}.other-outlet-widget .collections-container .vouchers-holder { margin-top: 12px;}.other-outlet-widget .voucher-card .voucher-tag { top: unset !important; left: unset !important;}.other-outlet-widget .voucher-card .voucher-banner-holder { overflow: visible;}@media (max-width:800px) { .other-outlet-widget .collections-container .vouchers-holder { padding: 0px; } .other-outlet-widget .voucher-details .voucher-merchant-name { font-size: 14px; line-height: 18px; margin-bottom: 6px; } .other-outlet-widget .vouchers-holder .voucher-card { margin-right: 10px; } .other-outlet-widget .voucher-details .voucher-percent, .other-outlet-widget .voucher-details .voucher-locality { font-size: 12px; line-height: 16px; margin-top: 0px; margin-bottom: 6px; }}.site-header.open { margin-top: 0;}.vouchers-sold-out { background-color: #fff; width: 100%; text-align: center; padding: 16px; margin-bottom: 16px; border-radius: 8px; box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.12);}.vouchers-sold-out h2 { font-size: 24px; line-height: 1.33; text-align: center; color: rgba(0, 0, 0, 0.87);}.vouchers-sold-out img { width: 120px; height: 136px; margin-top: 12px;}.vouchers-list .similar-vouchers-header { font-size: 16px; padding-left: 8px; font-weight: bold; line-height: 1.25; color: rgba(0, 0, 0, 0.87);}.magic-assured .magic-assured-holder { margin-top: 12px;}@media(max-width: 800px) { .vouchers-sold-out { margin-top: 8px; border-radius: 0; } .merchant-brick.magic-assured { padding: 12px; padding-top: 0; }}.merchant-name .staring-from { font-size: 14px; line-height: 16px; color: rgba(0, 0, 0, 0.54); display: inline-block; font-weight: normal;}.staring-from .dot { font-weight: bold;}.merchant-header .brand-website-cta-holder { overflow: auto; width: 66%; text-align: center;}.merchant-rating .rating-content-header { border-radius: 8px;}.brand-website-cta-holder .brand-website-cta { display: inline-block; padding: 12px 20px; color: #ef1c74; background: #fff; border: 1px solid; font-size: 14px; line-height: 16px; font-weight: 500; border-radius: 4px; width: 100%;}.brand-website-cta-holder .brand-website-cta:hover { font-weight: bold;}.visited-friends-and-cta-holder { display: flex;}.merchant-logo.online { width: 120px; height: 120px; left: 0; border: 3px solid #E8E8E8; border-radius: 50%; top: 6px;}.online-merchant-header .merchant-header-info .merchant-logo-holder { display: block; background: #fff; padding: 14px;}.merchant-logo-holder .online-tag { position: absolute; left: 0; bottom: 10px;}.merchant-header .merchant-images-holder { height: 168px;}.merchant-images-holder .slick-arrow { position: absolute; top: 50%; background: #fff; padding: 4px; z-index: 1; border-radius: 50%; cursor: pointer; box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.12); height: 22px; width: 22px;}.slick-arrow.slick-next { left: 53vw; transform: translateY(-50%);}.slick-arrow.slick-prev { left: 16px; transform: translateY(-50%) rotate(180deg);}.slick-arrow.slick-disabled { display: none !important}.merchant-images-holder .gallery-images { position: relative; white-space: nowrap; overflow: scroll;}.catalogue-album-container .gallery-images { display: block; white-space: normal; overflow: hidden;}.gallery-images .image-holder { display: inline-block;}.gallery-images .gallery-image { height: 164px; border-radius: 24px; display: inline-block; margin: 0 4px; object-fit: cover; cursor: pointer;}.merchant-header .merchant-description { padding-right: 16px; margin-bottom: 0;}.merchant-description .about-text { font-size: 16px; line-height: 20px; font-weight: 700; margin-bottom: 4px;}.merchant-description.online { margin-top: 8px;}.merchant-description .title { font-weight: bold; color: rgba(0, 0, 0, .87); margin-bottom: 4px; font-size: 16px;}.merchant-header .merchant-header-info { display: grid; grid-template-columns: auto 1fr; padding-top: 16px;}.merchant-posts-container .posts-heading { color: rgba(0, 0, 0, 0.87); font-size: 16px; line-height: 20px; font-weight: 500}.posts-holder .post { margin-left: 0; margin-right: 12px; overflow: hidden}.merchant-ratings .review-popup { margin-top: 0;}.merchant-ratings .review-popup { height: auto;}.showMoreLink { color: rgba(0,0,0,0.87); font-weight: 500;}.post-image-container .post-image { width: 380px; height: 380px; object-fit: cover;}.external-link { vertical-align: middle; margin: 0 2px; width: 12px; height: 12px;}.merchant-images-holder .title { font-weight: bold; color: rgba(0, 0, 0, .87); margin-bottom: 16px; font-size: 16px;}.merchant-header .merchant-header-info { padding: 0; margin-bottom: 24px; align-items: center; grid-gap: 20px;}.merchant-header-info.online { padding: 0; min-height: 112px; margin-bottom: 24px;}.merchant-header-info .merchant-tag-container { position: absolute; left: -4px; z-index: 1; top: -4px;}.merchant-header .bought-count-holder { margin-bottom: 24px;}.bought-count-holder .bought-icon { vertical-align: middle;}.bought-count-holder .bought-info-holder { display: inline-block; vertical-align: middle; margin-left: 12px;}.bought-info-holder .bought-text { font-size: 14px; line-height: 20px; font-weight: 500;}.merchant-tag-container .merchant-tag-tooltip { display: none; color: white; font-size: 10px; line-height: 14px; padding: 6px; background: #4c567c; max-width: 300px;}.merchant-tag-container .merchant-tag-tooltip:before { margin-left: 4px; border-color: transparent; border-bottom: 5px solid #4c567c; content: ""; position: absolute; top: 10px; left: 10px; border-width: 6px; border-style: solid;}.merchant-tag-container:hover .merchant-tag-tooltip { display: block;}@media(max-width:800px) { .merchant-rating .rating-content-header { line-height: 1; } .merchant-details .merchant-brick.online-merchant-header { padding-right: 0; padding: 0; border-radius: 0; padding-top: 16px; } .merchant-logo.online { width: 112px; height: 112px; left: 8px; } .merchant-name .staring-from { font-size: 12px; } .brand-website-cta-holder { padding: 10px; background: #fff; } .brand-website-cta-holder .brand-website-cta { display: block; text-align: center; width:100%; } .brand-website-cta.campaign { margin: 10px 8px; } .merchant-header .brand-website-cta-holder { display: flex; width: 100%; margin-top: 4px; } .merchant-description .about-text { color: #333333; } .brand-website-cta-holder.campaign { position: fixed; width: 100%; bottom: 0; left: 0; z-index: 11; background: #fff; box-shadow: 0 3px 8px 0 rgb(0 0 0 / 50%); } .merchant-header .merchant-images-holder { max-height: 220px; } .brand-website-cta-holder .share-icon { margin-top: 16px; margin-right: 12px; display: none; } .merchant-images-holder .title { font-weight: bold; color: rgba(0, 0, 0, .87); margin-bottom: 16px; margin-top: 16px; margin-left: 8px; font-size: 16px; } .merchant-header-info .merchant-logo { width: 84px; height: 84px; } .merchant-header .merchant-header-info { grid-gap: 12px; } .merchant-header .bought-count-holder { padding: 0 16px; margin-top: 16px; } .bought-count-holder .bought-icon { height: 30px; width: 30px; } .bought-info-holder .bought-text { font-size: 10px; line-height: 16px; } .bought-count-holder .bought-info-holder { margin-left: 8px; } .merchant .merchant-details { width: 88%; } .posts-holder .post { margin: 0; margin-bottom: 8px; } .merchant-header .merchant-description { padding: 0 16px; margin-bottom: 12px; font-size: 12px; color: #A0A0A0; } .merchant-ratings .merchant-ratings-header { margin-bottom: 0; } .merchant-rating .rating-content-header { border-radius: 4px; padding: 0 4px; } .merchant-header-info .merchant-logo { top: 0; border: 1px solid rgba(0,0,0,.12) } .merchant-logo-holder .online-tag { position: absolute; left: 24px; bottom: 6px; width: 94px; } .online-merchant-header .merchant-header-info .merchant-logo-holder { border-radius: 50%; padding: 12px; border: 3px solid #F2F2F2; } .merchant-header-info .merchant-name { margin: 0; margin-left: 0 } .merchant-header .merchant-header-info { padding-left: 100px; padding: 0 16px; margin-top: 60px; } .merchant-name .merchant-rating { display: inline-block; position: relative; top: auto; right: 0; margin-right: 4px; } .merchant-header-info .merchant-rating { width: auto; } .rating-widget .user-ratings { display: block; width: auto; } .post-image-container .post-image { width: 100%; } .slick-arrow.slick-next { left: 92vw } .visited-friends { padding: 0 16px; margin-top: 8px; } .merchant-header .merchant-header-info { width: 100%; margin-bottom: 0; position: relative; min-height: 80px; padding-right: 16px; padding-top: 16px; } .merchant-name h1 { margin-bottom: 0; } .merchant-name .merchant-rating-starting-from-holder { margin-top: 4px; } .gallery-images .gallery-image:first-child { margin-left: 8px }}.merchant-name-holder { max-width: 100%;}.merchant-name h1 a { font-size: 24px; font-weight: bold; line-height: 28px; color: rgba(0, 0, 0, 0.87); display: inline-block; width: 90%;}.merchant-name .name { float: left;}.merchant-name .category { display: inline-block; border-radius: 8px; border: 0.5px solid #E8E8E8; font-size: 14px; line-height: 20px; padding: 4px 8px; color: #A0A0A0; font-weight: normal; margin: 8px 0 6px;}.merchant-name .merchant-usp { font-size: 18px; font-weight: normal; color: rgba(0, 0, 0, 0.87); display: block; word-wrap: break-word; white-space: break-spaces; overflow: hidden; text-overflow: ellipsis;}.merchant-name .merchant-name-suffix { display: inline; font-size: 24px; font-weight: normal; color: rgba(0, 0, 0, 0.87); margin-left: 4px; word-wrap: break-word; white-space: initial;}.sidebar.stick { position: fixed; width: 368px;}.disable-links u { text-decoration: none;}.disable-links a { pointer-events: none; color: rgba(0, 0, 0, 0.54)}.merchant-rating .rating-content-header { display: block; margin-left: auto; margin-bottom: 4px;}@media(max-width: 800px) { .merchant-name h1 a { font-size: 18px; line-height: 24px; } .merchant-name .merchant-usp { font-size: 12px; font-weight: normal; color: rgba(0, 0, 0, 0.87); margin-left: 2px; vertical-align: middle; line-height: 16px; margin-top: 4px; } .merchant-name .merchant-name-suffix { font-weight: normal; vertical-align: middle; } .merchant-rating .rating-content-header { float: none; margin-bottom: 0; height: auto; padding: 1px 4px; border-radius: 22px; padding-right: 6px; } .merchant-header .category { font-size: 10px; line-height: 16px; color: #A0A0A0; background-color: #fff; border: 0.5px solid #E8E8E8; padding: 4px 8px; display: inline-block; margin: 12px 16px; border-radius: 8px; } .merchant-rating.phonepe { top: 0; } .site-header { box-shadow: 0 1px 3px rgba(0,0,0,.12); } .merchant-header .merchant-actions { margin-top: 8px; margin-bottom: 12px; } .merchant-name .merchant-name-suffix { font-size: 16px; }}.magic-order-details .pickup { font-size: 12px; color: rgba(0, 0, 0, 0.54);}.magic-order-details .delivery { color: #00acb7;}.magicpin-sidebar-widget.magicpin-data-widget { display: none;}/* Review Section Starts */.reviews .ratings { margin-bottom: 0px; padding: 14px 0; padding-top: 10px;}.reviews .review:first-child { padding-top: 0;}.reviews .review:last-of-type { border-bottom: none; margin-bottom: 0;}.reviews .review { padding: 12px 0; padding-left: 44px; border-bottom: .5px solid rgba(0,0,0,.12);}.ratings .values { font-weight: bold; display: inline-block;}.values .value { line-height: 36px; font-size: 28px; color: #008a3b;}.values .max-value { line-height: 20px; font-size: 16px; color: #eceef4;}.ratings .details { font-size: 12px; margin-left: 12px; display: inline-block; color: black; line-height: 16px;}.details .count { font-weight: bold;}.review .header { height: 36px; margin-bottom: 4px; position: relative;}.header .profile-pic { position: absolute; left: -44px; height: 36px; width: 36px; border-radius: 50%; border: 1px solid rgba(0, 0, 0, 0.12);}.header .name { font-size: 12px; color: rgba(0, 0, 0, 0.87); line-height: 1.25; font-weight: 500;}.header .date { font-size: 12px; position: absolute; right: 0px; top: 2px;}.review .body { font-size: 12px; line-height: 1.25; color:rgba(0, 0, 0, .87); height: 2.5em; overflow: hidden;}.container .reviews-separator { height: 0; width: 100%; min-height: unset; min-width: 100vw; margin: 0px -16px; margin-bottom: 12px; border: none; border-bottom: .5px solid rgba(0,0,0,.12);}.reviews .button-holder { text-align: center; display: block; margin: 0 auto; padding: 14px;}.button-holder .view-all { display: inline-block; border: 1px solid #ef1c74; color: #ef1c74; font-weight: 500; border-radius: 4px; font-size: 14px; line-height: 20px; width: 80%; padding: 6px 0; background-color: white; cursor: pointer;}/* Review Section Ends *//* SEO DESCRIPTION */.seo-description-holder { max-height: 400px; transition: max-height .5s linear;}.seo-description-holder .offer-table { width: 100%; background-color: #ffffff; border-collapse: collapse; border-width: 2px; border-color: #242423; border-style: solid; color: #000000; margin: 20px 0;}.offer-table tbody { color: rgba(0,0,0,.87);}.offer-table th, .offer-table td { border-width: 2px; border-color: #242423; border-style: solid; padding: 12px; vertical-align: middle;}.offer-table td { font-size: 14px;}.offer-table th { font-weight: bold;}.offer-table thead { background-color: #ffffff;}.seo-description-holder.open { max-height: 10000px;}.seo-description-holder h3 { font-size: 16px; font-weight: bold; margin-bottom: 8px; color: rgba(0, 0, 0, 0.87);}.seo-description-holder p { color: rgba(0,0,0,.87); font-size: 14px; line-height: 20px;}.seo-description-holder hr { margin: 16px 0; border: none; border-top: 1px solid rgba(0, 0, 0, 0.12);}.seo-description-holder h4 { font-size: 14px; font-weight: bold; color: rgba(0,0,0,.87); margin: 12px 0; margin-bottom: 4px;}.seo-description-holder .about-merchant-heading { font-size: 18px; font-weight: bold; margin-bottom: 16px; text-decoration: underline}.seo-description-holder p .showMoreLink { color: #ef1c74}.seo-description-holder ul { font-size: 14px; color: rgba(0,0,0,.87); line-height: 18px;}.seo-description-holder ul li { margin-top: 6px; color: rgba(0,0,0,.87);}@media(min-width: 800px) { .merchant-header .merchant-navigation { margin-left: -16px; margin-top: 8px; } .merchant-header .merchant-navigation.online { margin-left: 8px; margin-bottom: -16px; } .merchant-header .merchant-actions-container { margin-bottom: 12px; }}.seo-description-holder .more-info-cta { position: absolute; bottom: 0; width: 100%; text-align: center; background: #ef1c74; margin-left: -16px; padding: 10px; color: #FFF; font-weight: bold; cursor: pointer;}/*--------------------- How to Redeem Section ----------------------*/.merchant-redeem-steps-holder .heading { font-weight: 600; margin-bottom: 18px; text-align: center; font-size: 18px; color: #ef1c71;}.merchant-redeem-steps-holder .other-steps-container { display: none;}.merchant-redeem-steps-holder .other-steps-container.show { display: block;}.merchant-redeem-steps-holder .redeem-show-more-cta { color: #ef1c71; display: flex; cursor: pointer; justify-content: center;}.merchant-redeem-steps-holder .show-more-arrow { transition: 0.3s transform;}.merchant-redeem-steps-holder .show-more-arrow.invert { transform: rotate(180deg);}.merchant-redeem-steps-holder .redeemImage { display: block; margin: auto; width: 50%; margin-bottom: 18px;}.redeem-show-more-cta .cta-text { font-size: 18px; margin-right: 8px;}.merchant-redeem-steps-holder .step-text { color: rgba(0,0,0,0.87); font-size: 16px; line-height: 20px; margin-bottom: 18px; display: flex;}.step-text .counter { margin-right: 4px;}@media(max-width: 800px) { .merchant-redeem-steps-holder .redeemImage { width: 90%; display: block; margin: auto; margin-bottom: 18px; } .merchant-redeem-steps-holder .step-text { color: rgba(0,0,0,0.87); font-size: 14px; line-height: 20px; margin-bottom: 18px; }}/* ------------ Image viewer ---------------- */.modal { display: none; position: fixed; z-index: 100; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.9); } .modal .image { margin: auto; display: block; object-fit: contain; height: 100%; max-height: 100%; max-width: 100%; -webkit-animation-name: zoom; -webkit-animation-duration: 0.6s; animation-name: zoom; animation-duration: 0.6s;} .modal-open { overflow: hidden; position: fixed}.modal .close { position: absolute; top: 12px; right: 20px; cursor: pointer;}.video-box .video-thumbnail { width: 292px; height: 164px;}.gallery-images .video-box { display: inline-block; margin: 0 4px;}.catalogue-blog-wrapper { width: 292px; height: auto; display: inline-block; margin: 4px; position: relative; background: #f7f7fa; height: 164px;}.catalogue-blog-wrapper .blog-cover { width: 100%; height: 100%; object-fit: cover; border-radius: 4px;}.catalogue-blog-wrapper .blog-desc { position: absolute; bottom: 0; left: 0; background: rgba(0,0,0,.4); color: #fff; font-weight: bold; padding: 8px; border-top-left-radius: 4px; border-radius: 4px; border-top-left-radius: 0; border-bottom-right-radius: 0; font-size: 12px; line-height: 16px; height: 100%; width: 100%; border-radius: 4px;}.blog-desc .description-holder { position: absolute; bottom: 6px; width: 90%; overflow: hidden; text-overflow: ellipsis; white-space: inherit;}.description-holder .time-to-read { display: block; margin-top: 4px; font-size: 10px;}.blog-desc .blog-text { position: absolute; top: 8px; left: 8px; padding: 4px 8px; background: rgba(0,0,0,.5); border-radius: 4px; font-size: 10px;}.gallery-images-holder { position: relative;}.gallery-images-holder .arrow-left { position: absolute; top: 50%; left: -10px; transform: translateY(-50%) rotate(180deg); background: #fff; border-radius: 50%; z-index: 1; padding: 4px; box-shadow: 0 3px 8px 0 rgb(0 0 0 / 12%); display: none; cursor: pointer;}.gallery-images-holder .arrow-right { position: absolute; top: 50%; right: 0px; transform: translateY(-50%); background: #fff; border-radius: 50%; box-shadow: 0 3px 8px 0 rgb(0 0 0 / 12%); padding: 4px; cursor: pointer; z-index: 1;}@media (min-width:800px) { .bricks-holder .merchant-brick { margin-bottom: 0; }}.merchant-details-holder .merchant-recent-ratings { max-height: 428px; overflow: hidden;}.merchant-details .merchant-brick { background: white; border-radius: 24px; margin-bottom: 16px; width: 100%; display: inline-block; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12); padding: 16px 16px; position: relative; overflow: hidden;}.merchant-details .online-merchant-header { padding-bottom: 16px;}.merchant-ratings .merchant-ratings-header { display: inline-block; width: 100%; position: relative; cursor: pointer;}.merchant-ratings .ratings-value { font-size: 30px; font-weight: bold; color: #00ae28; display: inline-block; vertical-align: middle;}.ratings-value .ratings-total { font-size: 20px; color: #d3d5de;}.merchant-ratings .ratings-header { display: inline-block; margin-left: 12px; vertical-align: middle;}.ratings-header .rating-title { font-size: 12px; color: rgba(0,0,0,0.87); max-width: 260px; overflow: hidden; text-overflow: ellipsis;}.ratings-header .claims-title { font-size: 12px; line-height: 16px; font-weight: bold; color: rgba(0,0,0,.87);}.merchant-ratings-header .reviewArrow { width: 20px; height: 20px; position: absolute; top: 4px; right: -4px;}.merchant-ratings hr { border: none; border-top: 1px solid rgba(0, 0, 0, 0.12); margin: 12px -16px;}.merchant-ratings .division { margin-top: 0px;}.merchant-recent-ratings .detail-sub-section { margin-bottom: 0;}.detail-sub-section .arrow-holder.reviewPage { background-color: white;}.detail-sub-section .arrow-holder { position: relative; margin: 0px -16px;}.arrow-holder .scroll-holder { width: 100%; margin: 0 auto;}.content-holder.rating-images { overflow: hidden; overflow-x: scroll; display: flex; gap: 50px; margin: 0px 10px;}.rating-images .rating-image { width: 66px; height: 72px; margin: 4px; padding: 6px; position: relative; vertical-align: top; color: #3e5561; display: inline-block;}.img-container .user-image { position: absolute; width: 50px; height: 50px; border-radius: 50%; cursor: pointer;}.rating-image .user-rating { position: absolute; top: 44px; left: 12px;}.user-rating .rating-content { width: 40px; height: 20px; border-radius: 20px; padding: 2px 2px; position: relative;}.rating-content .star { width: 10px; height: 10px; object-fit: contain; margin: 2px;}.rating-content .star-rating-value { font-size: 12px; font-weight: bold; vertical-align: top; color: #fff; position: absolute; top: 4px; left: 18px;}.rating-images .rating-image:first-child .tooltip { display: inline;}.rating-image .tooltip { position: absolute; border: 8px solid; top: 60px; left: 20px; border-color: transparent transparent #dddddd transparent; display: none;}.merchant-ratings .review-popup { width: 100%; position: relative; display: block; background-color: white; overflow: hidden;}.review-popup .popup-header { width: 100%;}.popup-header .reviewer-name { font-size: 14px; line-height: 18px; font-weight: bold; color: rgba(0,0,0,0.87); min-width: max-content;}.popup-header .extra-info { display: flex; justify-content: space-between; flex-basis: 100%; font-size: 14px; padding-bottom: 2px; align-items: baseline;}.extra-info .rating-holder { display: flex; gap: 2px; align-items: baseline;}.rating-holder .rating-star-holder { position: relative; top: 2px; display: flex;}.rating-star-holder .rating-star { width: 16px;}.rating-holder .rating-text { vertical-align: middle; padding-right: 8px; line-height: 12px;}.review-popup .review-text { font-size: 14px; line-height: 18px; text-align: left; color: #3e5561; height: 40px; padding-top: 4px; line-clamp: 2; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}.review-text .review-text-title, .review-text .review-other-text { display: inline;}@media (max-width: 800px) { .merchant-details-holder .merchant-recent-ratings { height: auto; } .merchant-details .grid-sizer, .merchant-details .merchant-brick.card-half { width: 100%; } .detail-sub-section.rating-widget { margin-bottom: 0; } .popup-header .extra-info, .review-popup .review-text, .popup-header .reviewer-name { font-size: 12px; } .merchant-details .merchant-brick { border-radius: 0; } .merchant-details .merchant-header { padding: 0; }}/* ----------- Products CSS ------------ */.vouchers-section .tabs { padding: 30px; text-align: left; padding-left: 40px; display: flex; gap: 24px; padding-bottom: 0; border-bottom: 1px solid #E8E8E8;}.tabs a { color: #000; padding: 0 18px; padding-bottom: 14px; border-bottom: none;}.tabs a.active { color: #ef1c74; border-bottom: 3px solid #ef1c74; font-weight: bold;}.tabs .vouchers-tab { padding: 0 28px; position: relative;}.vouchers-tab .save-percent { display: inline-block; background: #EBEBFF; color: #3B74FC; width: 40px; height: 40px; font-size: 10px; border-radius: 50%; font-weight: bold; right: -16px; top: -20px; padding: 10px 6px; align-items: center; position: relative; white-space: initial; transform: rotate3d(1, 1, 1, -24deg); text-align: center; position: absolute; line-height: 12px;}.product-tab .new-text { position: absolute; top: -10px; font-size: 12px; line-height: 16px; font-weight: 600; color: crimson;}.tabs .product-tab { position: relative;}.crawled-merchant-products-holder { padding: 24px;}.crawled-merchant-products-holder .product-types { display: flex; white-space: nowrap; overflow: auto; gap: 14px;}.product-types .product-type { background: none; border: none; border: 1px solid rgba(0,0,0,.12); padding: 8px 12px; border-radius: 8px; cursor: pointer;}.product-types .product-type.active { border: 1px solid #ef1c74; font-weight: bold;}.crawled-merchant-products-holder .products-holder { display: flex; gap: 20px; flex-wrap: wrap; flex-basis: 170px; flex-grow: 1; width: 100%; margin-top: 24px;}.products-holder .product { width: 170px; flex-grow: 1; text-align: left; position: relative;}.product .ratings-holder { position: absolute; top: 0; right: 0; border-radius: 12px; padding: 4px 6px; display: flex; align-items: center;}.ratings-holder .rating-text { height: 10px; margin-right: 2px;}.ratings-holder .rating-value { display: inline-block; color: #fff; font-size: 12px; font-weight: bold;}.product .product-image { width: 100%; max-width: 170px;}.product .product-name { font-size: 14px; line-height: 20px; color: #191C32; font-weight: 600; margin-top: 12px; max-width: 170px;}.product .prices { margin-top: 8px;}.prices .discounted-price { color: #A0A0A0; font-size: 10px; line-height: 12px; font-weight: 400; text-decoration: line-through; margin-right: 4px;}.prices .actual-price { color: #191C32; font-size: 12px; line-height: 16px; font-weight: 500;}.product .image-holder { position: relative; max-width: 170px;}@media (max-width: 800px) { .product .product-image { max-width: 160px; } .products-holder .product { width: 160px; flex-grow: 1; } .product .product-name { max-width: 160px; }}@media (max-width: 400px) { .crawled-merchant-products-holder .products-holder { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }}@media (max-width: 350px) { .crawled-merchant-products-holder .products-holder { display: grid; grid-template-columns: 1fr; gap: 20px; } .product .product-image, .product .image-holder, .product .product-name { max-width: none; } .products-holder .product { width: 100%; }}/* MERCHANT RATING NEW */.rating-widget .people-holder { border-bottom: 1px solid rgba(0, 0, 0, .12); padding: 16px 0; margin: 0 -16px; padding: 16px;}.rating-widget .people-holder:last-child { border-bottom: none;}.people-holder .user-details { padding-left: 0; display: flex; justify-content: space-between;}.user-details .user-image { height: 48px; width: 48px; border-radius: 50%;}.user-details .user-name { display: flex;}.user-name .info { margin-left: 8px; display: grid; align-items: center;}.rating-holder .dot { font-size: 24px; color: #000; padding-top: 6px;}.rating-holder .rating-text { font-size: 14px; line-height: 16px; padding-top: 6px;}.user-details .date { font-size: 12px; padding-top: 6px;}.user-name .name { color: rgba(0,0,0,.87); font-weight: 600;}.user-name .followers { font-size: 12px;}.people-holder .review { font-weight: 400; font-size: 14px; line-height: 18px; color: rgba(0, 0, 0, 0.87); margin-top: 10px;}.user-name .rating-holder { margin: 0; align-items: start; padding-top: 4px; margin-left: 8px; display: flex; gap: 4px;}.user-name .rating-holder .dot { padding: 0;}.user-name .rating-holder .rating-text { padding-top: 4px;}.rating-widget .pagination { display: flex; gap: 30px; margin-top: 30px; align-items: center; justify-content: center;}.pagination .pages { display: flex; gap: 30px; font-size: 18px; color: #A0A0A0;}.pages a { color: #A0A0A0;}.pages a.selected { color: #185BC3;}.arrow.left { transform: rotate(90deg);}.arrow.right { transform: rotate(270deg);}.pagination .disable { pointer-events: none; cursor: not-allowed;}.people-holder .images-holder { margin-top: 16px;}.images-holder .photo { height: 80px; width: 80px; object-fit: cover; border-radius: 4px; margin-right: 8px;}.merchant-ratings .ratings-heading { font-size: 16px; font-weight: bold; color: #333333; margin-bottom: 16px; padding-top: 8px;}@media (max-width: 800px) { .people-holder .rating-holder { display: flex; gap: 4px; align-items: center; }}.merchant-products-holder { background: white; border-radius: 24px; margin-bottom: 16px; width: 100%; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12); padding: 16px 0px;}.product-tab .sticky-section-heading { position: sticky; background-color: white; z-index: 9;}.product-tab .search-holder { display: flex; padding: 16px; padding-bottom: 0px; gap: 10px;}.search-holder .search-input { flex-grow: 1;}.search-input .search-query { width: 100%; padding: 12px 12px 12px 36px; outline: none; border: 1px solid #e8e8e8; border-radius: 12px; color: #191C32; font-size: 14px; line-height: 16px; background: url('https://static.magicpin.com/samara/static/images/search-icon-large.svg'); background-repeat: no-repeat; background-size: 18px; background-position: 10px center;}.product-tab .category-header { border-bottom: 1px solid rgba(0, 0, 0, 0.14); background-color: white; z-index: 9; padding: 16px; box-shadow: 0px 5px 12px rgba(55, 62, 125, 0.08); border-radius: 0px 0px 0px 24px;}.category-header .category-holder { display: flex; align-items: center; gap: 10px;}.category-header .category-holder > * { cursor: pointer;}.category-holder .category-picture { width: 40px; height: 40px; display: block; overflow: hidden; cursor: pointer; border-radius: 6px; border: 0.5px solid rgba(0, 0, 0, 0.1);}.category-picture .category-icon { max-width: 100%; max-height: 100%;}.category-holder .category-name { display: flex; align-items: center; gap: 4px; color: rgba(0, 0, 0, 0.84); font-size: 18px; line-height: 20px; font-weight: 500;}.category-name .down-arrow { position: relative; top: 2px;}.category-header .subcategory-holder { display: flex; gap: 6px; overflow-x: scroll; padding-top: 16px;}.subcategory-holder .subcategory { display: inline-block; min-width: max-content; border: 100px; font-size: 14px; font-weight: 600; line-height: 16px; background-color: white; outline: none; border: 1px solid rgba(0, 0, 0, 0.24); border-radius: 8px; padding: 6px 12px; color: rgba(0, 0, 0, 0.84); cursor: pointer; user-select: none;}.subcategory-holder .subcategory.selected { color: white; background: linear-gradient(46.38deg, #6D6BED 20.46%, #8F8BF2 52.47%, #DBD0FE 110.16%); border: none; order: -1;}.product-tab .item-section { background-color: white;}.item-section .infinite-loader { display: flex; justify-content: center; align-items: center; padding: 16px;}.item-section .loader-screen { height: 400px; width: 100%; top: 0px; left: 0px; display: flex; align-items: center; justify-content: center;}.loader-screen .holder { display: flex; flex-direction: column; gap: 10px; align-items: center; width: max-content;}.holder .text { font-size: 14px; line-height: 18px; font-weight: 600; color: rgba(0, 0, 0, 0.54);}.holder .no-results-found-icon { width: 200px;}.item-section .item-list { display: grid; grid-template-columns: 1fr; gap: 16px; padding: 16px;}.item-list.visual { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); justify-content: center;}.item-list > * { width: 100%;}.item-list .catalog-item { display: flex; gap: 10px; padding: 6px 4px;}.item-list .catalog-item.visual { flex-direction: column; cursor: pointer;}.catalog-item .item-image-holder { display: block; height: 120px; width: 120px; min-width: 120px; border-radius: 12px; background-color: white; border: 1px solid rgba(0, 0, 0, 0.14); position: relative; order: 1; margin-bottom: 20px;}.catalog-item.visual .item-image-holder { order: 0; width: 100%; height: 250px; min-height: 250px; max-height: 250px; margin-bottom: 0px;}.item-image-holder picture { display: flex; justify-content: center; width: 100%; height: 100%; border-radius: 12px; overflow: hidden;}.item-image-holder .item-image { object-fit: contain; object-position: center; max-width: 100%; max-height: 100%;}.item-image-holder .actionable { display: flex; align-self: flex-start; min-width: max-content; max-width: 100%; width: 86%; position: absolute; left: 50%; bottom: 0px; transform: translate(-50%, 50%); isolation: isolate;}.actionable .plus-cta,.actionable .minus-cta,.actionable .add-cta { width: 100%; padding: 6px 28px; font-weight: 600; font-size: 14px; line-height: 18px; text-align: center; color: #6561E8; background: #FFF; border: .5px solid #6561E8; box-shadow: 0 2px 0 #6561E8; border-radius: 8px; cursor: pointer; transition: transform 0.2s ease-out;}.actionable .plus-cta:active,.actionable .minus-cta:active,.actionable .add-cta:active { transform: scale(0.95);}.actionable .plus-cta,.actionable .minus-cta { width: 30%; padding: 6px; line-height: 1em;}.actionable .plus-cta { border-left: none; border-top-left-radius: 0px; border-bottom-left-radius: 0px;}.actionable .minus-cta { border-right: none; border-top-right-radius: 0px; border-bottom-right-radius: 0px;}.actionable .current-count { color: #6561E8; border-top: .5px solid #6561E8; border-bottom: .5px solid #6561E8; box-shadow: 0 2px 0 #6561E8; font-weight: 600; font-size: 14px; line-height: 26px; text-align: center; flex-grow: 1; background-color: white; z-index: -1; margin: 0px -10px;}.catalog-item .item-detail-holder { flex-grow: 1; display: flex; flex-direction: column; gap: 8px;}.item-detail-holder .item-name { font-size: 18px; line-height: 22px; font-weight: 600; color: rgba(0, 0, 0, 0.84);}.item-detail-holder .item-description { font-size: 14px; line-height: 20px; max-height: 40px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: rgba(0, 0, 0, 0.54);}.item-detail-holder .item-price { display: flex; align-items: center; gap: 8px; font-size: 16px; line-height: 20px; font-weight: 600; color: rgba(0, 0, 0, 0.84);}.item-price .non-discounted { font-size: 14px; line-height: 18px; font-weight: 400; color: rgba(0, 0, 0, 0.54);}.item-detail-holder .item-save-percent { font-size: 14px; line-height: 18px; font-weight: 600; color: white; background-color: #6561E8; border-radius: 100px; max-width: max-content; padding: 4px 10px;}/* Offline Online widget */.merchant-brick.offline-online-merchant { width: 96%; display: block; margin: 0 auto; margin-bottom: 16px; border-radius: 8px; box-shadow: 0 4px 12px 0 rgb(0 0 0 / 12%);}.offline-online-merchant .merchant-info-container { display: grid; grid-template-columns: auto 1fr; gap: 12px;}.merchant-info-container .logo { height: 60px; border-radius: 12px;}.merchant-info-container .title { font-size: 16px; line-height: 20px; font-weight: bold; color: rgba(0,0,0,.87);}.offline-online-merchant .checkout-button { background: transparent; border-radius: 8px; text-align: center; width: auto; border: 1px solid #6561e8; box-shadow: 0 3px 0 0 #6561e8; display: block; padding: 8px; margin-top: 12px;}.merchant-details .merchant-vouchers-buy { position: relative;}#merchant-voucher-react.collapse .vouchersHolder > div { display: none;}#merchant-voucher-react.collapse .vouchersHolder > div:nth-child(1),#merchant-voucher-react.collapse .vouchersHolder > div:nth-child(2) { display: block;}#merchant-voucher-react.sold-out .vouchers-content { padding-bottom: 3em;}#collapse-vouchers { position: absolute; bottom: 18px; appearance: none; display: flex; width: 100%; height: 4em; margin: 0px; align-items: center; justify-content: center; background: transparent; color: #6561E8; font-size: 16px; line-height: 20px; font-weight: 600; border-bottom-right-radius: 24px; border-bottom-left-radius: 24px; cursor: pointer;}#collapse-vouchers:checked { background: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.14) 100%);}#collapse-vouchers::before { content: "View less vouchers";}#collapse-vouchers:checked:before { content: "View more vouchers";}@media (max-width: 800px) { #collapse-vouchers { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }}/* ============= Social Buzz =================== */.social-buzz-container { width: 100%; background-color: white; padding: 16px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12); border-radius: 8px; margin-bottom: 8px;}.social-buzz-container .social-buzz-heading { font-size: 16px; line-height: 1.2em; color: rgba(0, 0, 0, 0.87); font-weight: 600; margin-bottom: 10px;}.social-buzz-container .buzz-moments { --moment-size: 80px; display: flex; align-items: center; overflow-x: scroll; gap: 12px; padding-right: 40px;}.buzz-moments .moment-holder { width: var(--moment-size, 80px); min-width: var(--moment-size, 80px);}.buzz-moments .moment { height: var(--moment-size, 80px); width: var(--moment-size, 80px); min-width: var(--moment-size, 80px); border: 2px solid #ef1c74; border-radius: 20px; padding: 2px; background-color: white; display: block; overflow: hidden; cursor: pointer;}.moment .moment-image { object-fit: cover; object-position: center; width: 100%; height: 100%; border-radius: 16px;}.moment-holder .moment-author { font-size: 14px; line-height: 1.25em; color: #191C32; white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis; font-weight: 500; text-align: center; padding: 2px;}@media (max-width:800px) { .social-buzz-container { border-radius: 0px; margin-bottom: 16px; }}/* ============= Social Buzz End =================== */.travel-content { background-color: white; padding: 16px; color: #333; position: relative; top: -16px; font-size: 14px; line-height: 18px; border-radius: 0px 0px 24px 24px; margin-bottom: 16px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);}.travel-content > ol,.travel-content > ul { list-style: initial; padding-left: 24px;}.travel-content li { padding: 4px 0px;}.travel-content > p { padding: 6px 0px;}@media (max-width:800px) { .travel-content { border-radius: 0px; }}.posts-holder { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}.posts-holder .first-half,.posts-holder .second-half{ width:49%;}.posts-holder .post { width: 100%; background-color: white; border-radius: 8px; border: solid 1px #d8dae1; vertical-align: top; height: auto; margin: 8px; box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.12);}.post .likes { font-size: 12px; line-height: 16px; color: rgba(0, 0, 0, 0.54); margin: 14px 0; padding: 0 16px}.user-details { position: relative; padding-left: 56px;}.user-details .user-image-container { width: 40px; height: 40px; margin-top: 16px; margin-left: 16px; display: inline-block; position: absolute; transform: translate(-150%,-0%); overflow: hidden;}.user-image-container .user-image { width: 40px; height: 40px; border-radius: 50%; overflow: hidden;}.user-details .winner { width: 24px; height: 24px; position: absolute; margin-top: 16px; margin-right: 16px;}.user-details .user-details-text { padding: 16px 16px 8px 8px; display: inline-block; width: 100%; overflow: hidden;}.user-details-text .user { white-space: nowrap; width: 100%; overflow: hidden;}.user .user-name { font-size: 14px; font-weight: 500; line-height: 1.43; text-align: left; color: rgba(0, 0, 0, 0.87); display: inline;}.user .user-caption { font-size: 14px; line-height: 1.43; text-align: left; color: rgba(0, 0, 0, 0.54); display: inline; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}.user-details-text h6 { font-size: 12px; line-height: 1.33; text-align: left; color: rgba(0, 0, 0, 0.34);}.post .post-text { font-size: 14px; line-height: 1.43; text-align: left; color: rgba(0, 0, 0, 0.54); display: block; margin: 8px 16px; margin-top: 14px; word-wrap: break-word; /* max-height: 40px; overflow: hidden; */}.morecontent .fullreview { display: none;}.post-text a { color: #ef1c74;}.post-text a:hover { font-weight: bold;}.post-text b { font-weight: 500;}.post .review { padding: 36px 8px 0 8px; font-size: 12px; margin-bottom: 12px; position: relative;}.review .rating { width: 48px; height: 22px; border-radius: 20px; padding: 4px; display: inline-block; position: absolute; top: 10px; left: 66px; background-color: rgba(0, 0, 0, 0.6); padding-left: 0; text-align: center;}.rating .star { width: 12px; height: 12px; object-fit: contain; margin: 0 2px; vertical-align: middle;}.rating .rating-value { font-size: 12px; text-align: left; color: white; font-weight: bold; vertical-align: middle}.review .rating-text { font-size: 16px; position: absolute; left: 8px; top: 12px; color: rgba(0,0,0,0.87);}.review .user-review { display: inline-block; text-overflow: ellipsis;}.post .post-image-container { width: 100%; display: block; position: relative;}.post .play-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(0, 0, 0, 0.5); border-radius: 4px;}.post-image-container .view-on-fb { position: absolute; top: 8px; right: 8px;}.post-image-container .post-image { width: 100%; overflow: hidden; object-fit: cover; display: block;}.post .merchant { padding: 8px; overflow: hidden; position: relative; display: flex;}.merchant .merchant-logo-container { top: 2px; width: 36px; height: 36px; overflow: hidden; display: inline-block; border-radius: 4px; vertical-align: middle}.merchant .merchant-logo { width: 36px; height: 100%;}.merchant .merchant-details { padding-left: 12px; width: 100%; display: inline-block; overflow: hidden; color: rgba(0, 0, 0, 0.87); vertical-align: middle}.merchant-details .merchant-name { font-size: 14px; font-weight: bold; line-height: 1.43; text-overflow: ellipsis;}.merchant-details h5 { font-size: 14px; line-height: 1.43; text-overflow: ellipsis; height: 20px; white-space: nowrap; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}.post hr { margin: 0; height: 1px; border-top: 0.5px solid rgba(0, 0, 0, 0.12);}.post .post-icons { display: flex; height: 40px;}.post-icons .icon-values { margin-top: 12px; font-size: 14px; line-height: 1.14; text-align: left; color: rgba(0, 0, 0, 0.54);}.post-icons .post-like,.post-icons .post-comment, .post-icons .post-share { margin: 8px; margin-left: 25%;}.view-more-holder { text-align: center;}.merchant-details .merchant-name { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}@media (max-width: 800px){ .posts-holder .post { width: 100%; margin: 0; margin-bottom: 8px; } .posts-holder .first-half, .posts-holder .second-half{ width:100%; } .rating .star { width: 10px; height: 10px; }}/*---------Pagination--------*/.centre { text-align: center;}.centre .pagination { display: inline-block; text-align: center; margin-bottom: 16px;}/* .pagination a { color: #3e5561; float: left; padding: 8px 12px; text-decoration: none; border: 1px solid #d8dae1; margin: 0 2px; background-color: white; border-radius: 4px;}.pagination a.active { background-color: #338aed; color: white; border: 1px solid #338aed;}.pagination a.not-active { display: none;}.pagination a:hover:not(.active) { background-color: #A4A4A4;} */.review-icon { width: 24px; vertical-align: middle}.merchant-brick .vouchers-section { background: white;}.detail-sub-section .vouchersHolder { display: grid; grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); grid-gap: 16px; /* Explicit grid-gap for better browser support */ gap: 16px; padding: 0 16px 16px; margin-bottom: 16px;}.detail-sub-section .vouchersHolder > div { display: flex;}.detail-sub-section .merchant-voucher-single { font-size: 14px; line-height: 1.43; padding: 0 0 8px; position: relative; display: flex; flex-direction: column; flex: 1; gap: 12px; min-height: auto; border-style: solid; border-image-source: url('https://lh3.googleusercontent.com/2Vqt-DMAfmA-93adwBsCmmh2cwGDFJ36gJYQDPtEFgo_SPvAZMaYrQ5tIB_7B5O7mGJXL-RCeBMKqe_j5aisfDrdNX-bJvcQgg4fgTHkuw=w548'); border-image-slice: 30 30 40 30 fill; border-image-width: 30px 30px 40px 30px; border-image-repeat: stretch; border-radius: 0; clip-path: inset(0 round 16px); margin: 0; background-color: transparent; width: auto; vertical-align: top; text-align: left; cursor: pointer; box-shadow: 0px 20px 60px rgba(55, 62, 125, 0.06); overflow: visible; font-family: Poppins, 'sans-serif';}.merchant-voucher-single.voucher-sold-out-new { border-style: solid; border-image-source: url('https://lh3.googleusercontent.com/2Vqt-DMAfmA-93adwBsCmmh2cwGDFJ36gJYQDPtEFgo_SPvAZMaYrQ5tIB_7B5O7mGJXL-RCeBMKqe_j5aisfDrdNX-bJvcQgg4fgTHkuw=w548'); border-image-slice: 30 30 40 30 fill; border-image-width: 30px 30px 40px 30px; border-image-repeat: stretch; border-radius: 0; clip-path: inset(0 round 16px); text-align: left;}.merchant-voucher-single .voucher-save-badge { background: #6561e8; border-radius: 0 16px 0 16px; padding: 4px; text-align: center; min-width: 80px; display: flex; flex-direction: column; align-items: center; justify-content: center; flex-shrink: 0; align-self: flex-start; margin-top: -12px; margin-right: -16px;}.merchant-voucher-single .voucher-save-badge.cashback-badge { background: #FE7A4D;}.voucher-save-badge .save-badge-label { font-size: 12px; font-weight: 400; line-height: 18px; color: #fff;}.voucher-save-badge .save-badge-value { font-size: 20px; font-weight: 600; line-height: 24px; color: #fff;}/* Sticker styles (Best Price / User Choice) */.merchant-voucher-single .voucher-sticker-container,.merchant-voucher-single .voucherStickerContainer { position: absolute; right: 14px; top: -2px; z-index: 2;}.voucher-sticker-container .voucher-sticker-tooltip,.voucherStickerContainer .voucherStickerTooltip { position: absolute; left: -200px; bottom: 114%; padding: 10px; background: #4c567c; color: #fff; font-size: 12px; line-height: 16px; display: none; border-radius: 4px; width: 200px; z-index: 3;}.voucher-sticker-container:hover .voucher-sticker-tooltip,.voucherStickerContainer:hover .voucherStickerTooltip { display: block;}.voucher-sticker-container .voucher-sticker,.voucherStickerContainer .voucherSticker { width: 62px; height: auto;}.merchant-voucher-single .voucher-card-header { padding: 12px 16px 0; display: flex; gap: 12px; align-items: flex-start;}.merchant-voucher-single .voucher-card-header .voucher-header-content { flex: 1; min-width: 0;}.merchant-voucher-single .voucher-card-header .voucher-text { font-size: 16px; font-weight: 600; line-height: 24px; color: #333; margin: 0;}.merchant-voucher-single .voucher-cashback-message { font-size: 12px; font-weight: 500; line-height: 18px; color: #FE724C; margin-top: 4px;}.merchant-voucher-single .minimumPurchaseHolder { font-size: 12px; line-height: 18px; margin-top: 4px;}.minimumPurchaseHolder .text { color: rgba(0, 0, 0, 0.54);}.minimumPurchaseHolder .value { font-weight: 600; color: rgba(0, 0, 0, 0.87);}.merchant-voucher-single.voucher-sold-out-new .voucher-card-header .voucher-text { color: #767676;}.merchant-voucher-single .voucher-card-separator { border: none; border-top: 0.5px dashed #ebebff; margin: 0 16px; height: 0;}.merchant-voucher-single .voucher-card-content { display: flex; justify-content: space-between; align-items: center; padding: 0 16px 12px; gap: 12px; flex: 1;}.voucher-card-content .voucher-card-left { display: flex; flex-direction: column; gap: 2px; flex: 1;}.voucher-card-content .voucher-card-right { display: flex; flex-direction: column; align-items: flex-end; flex-shrink: 0;}.voucher-card-left .voucher-validity-row { font-size: 12px; line-height: 18px;}.voucher-validity-row .validity-text { font-weight: 400;}.voucher-validity-row .validity-separator { font-weight: 400;}.voucher-validity-row .validity-details { font-weight: 600; cursor: pointer; color: #6561e8;}.voucher-card-left .voucher-refund-row { display: flex; align-items: center; gap: 2px;}.voucher-refund-row .refund-text { font-size: 12px; line-height: 18px; font-weight: 400;}.voucher-refund-row .fewLeft { color: #ff6b6b; font-size: 12px; line-height: 18px; font-weight: 400;}.voucher-card-right .voucher-price-add-section { display: flex; flex-direction: column; align-items: center; gap: 2px;}.voucher-price-add-section .voucher-prices-new { display: flex; flex-direction: column; align-items: center; text-align: right;}.voucher-prices-new .voucher-original-price { font-size: 14px; font-weight: 400; line-height: 20px; color: #767676; text-decoration: line-through;}.voucher-prices-new .voucher-sell-price { font-size: 16px; font-weight: 600; line-height: 24px; color: #333;}.voucher-add-cta-new .voucher-counter-inline { display: flex; gap: 0; justify-content: center; align-items: center; border: 1px solid #4DA940; border-radius: 8px; background: #eaf8f1; padding: 2px 8px;}.voucher-add-cta-new .voucher-counter-inline .voucher-btn-action { border: none; background: transparent; border-radius: 0; cursor: pointer; display: flex; align-items: center; justify-content: center; color: #4DA940; font-size: 16px; font-weight: 600;}.voucher-add-cta-new .voucher-counter-inline .voucher-btn-action img { display: none;}.voucher-add-cta-new .voucher-counter-inline .voucher-btn-action.minus::before { content: "−";}.voucher-add-cta-new .voucher-counter-inline .voucher-btn-action.plus::before { content: "+";}.voucher-add-cta-new .voucher-counter-inline .voucher-count-inline { color: #4da940; font-size: 14px; font-weight: 600; padding: 0 8px; min-width: 20px; text-align: center;}.voucher-add-cta-new .voucher-add-btn-new { background: #eaf8f1; border: 1px solid #4da940; border-radius: 6px; color: #4da940; font-size: 12px; font-weight: 600; line-height: 16px; padding: 4px 12px; cursor: pointer; min-width: 84px; text-align: center; display: flex; align-items: center; justify-content: center; position: relative;}.voucher-add-btn-new:hover { background: #d9f2e4;}.voucher-add-btn-new .plus-icon { position: absolute; top: 4px; right: 4px; font-size: 12px; line-height: 12px; font-weight: 600;}.voucher-price-add-section .voucher-sold-out-label { font-size: 12px; font-weight: 600; line-height: 18px; color: #ec3c3c; text-align: center;}.voucher-add-cta-new .voucher-sold-out-wrapper { display: flex; flex-direction: column; align-items: center; gap: 4px;}.voucher-add-cta-new .voucher-notify-btn { display: flex; justify-content: center; background: #eaf8f1; border: 1px solid #4da940; border-radius: 6px; color: #4da940; font-size: 12px; font-weight: 600; line-height: 16px; padding: 4px 12px; cursor: pointer; min-width: 84px; text-align: center;}.voucher-notify-btn:hover { background: #d9f2e4;}.voucher-notify-btn .oos-notify-bell-btn { width: 16px; height: 16px; display: block;}/* Coupon Strip - shows cashback/coupon messages */.merchant-voucher-single .voucher-coupon-strip { display: flex; align-items: center; justify-content: space-between; background: #f0effd; padding: 8px 12px; margin: 0 16px 12px; border-radius: 8px; cursor: pointer;}.voucher-coupon-strip .coupon-text { font-size: 12px; line-height: 18px; font-weight: 500; flex: 1; color: #333;}.voucher-coupon-strip .coupon-arrow { font-size: 16px; font-weight: 600; margin-left: 8px; flex-shrink: 0;}/* Header Section Styles */.merchant-sub-header.voucher-heading { display: flex; flex-direction: column; align-items: normal; padding: 20px 16px; padding-bottom: 0; position: relative; margin-bottom: 16px; cursor: default; background: transparent; border-radius: 0; font-family: Poppins, 'sans-serif';}.voucher-heading .voucher-heading-top-row { margin-bottom: 12px; display: flex; align-items: center; justify-content: space-between; gap: 8px;}.voucher-heading .voucher-heading-top-row .voucherSectionHeading { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; flex: 1;}.voucher-heading .voucherSectionHeading { line-height: 36px; font-size: 24px; text-align: left; color: #333; font-weight: 600; margin: 0;}.voucher-heading .online-merchant-heading { font-size: 14px; line-height: 20px; color: #333333; font-weight: 400; text-align: left; margin-bottom: 4px; margin: 0;}.voucher-heading .outlet-count-header { font-size: 12px; line-height: 18px; color: #5c5c5c; font-weight: 400; margin: 0;}.voucher-heading .outlet-count-link { color: #6561e8; text-decoration: underline; text-underline-offset: 2px;}.voucher-heading .outlet-count-link .outlet-count-header { color: #6561e8;}/* Online Store Link */.voucher-heading .onlineStoreLink { border: 1px solid #ef1c74; margin-left: auto; text-align: center; padding: 12px 16px; background-color: white; border-radius: 4px; text-decoration: none;}.onlineStoreLink .linkText { line-height: 16px; font-size: 14px; color: #ef1c74; font-weight: 600;}/* Similar Merchants CTA */.seeMoreCta { right: 16px; padding: 0; border-radius: 0; cursor: pointer; border: none; color: #6561e8; background: transparent; line-height: 28px; font-size: 18px; font-weight: 400; width: auto; white-space: nowrap; text-decoration: none; text-decoration: underline; text-underline-offset: 4px}.seeMoreCta:hover { color: #6561e8; background: transparent;}@media (max-width: 800px) { .detail-sub-section .vouchersHolder { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); grid-gap: 12px; gap: 12px; padding: 0 10px 10px; margin-bottom: 12px; } .merchant-voucher-single .voucher-card-header .voucher-text { font-size: 14px; line-height: 20px; } .merchant-voucher-single .voucher-cashback-message { font-size: 10px; line-height: 16px; } .merchant-voucher-single .voucher-save-badge { min-width: 60px; } .voucher-card-left .voucher-validity-row { font-size: 10px; line-height: 16px; } .voucher-refund-row .refund-text { font-size: 10px; line-height: 16px; } .voucher-prices-new .voucher-original-price { font-size: 12px; line-height: 16px; } .voucher-prices-new .voucher-sell-price { font-size: 14px; line-height: 20px; } .voucher-price-add-section .voucher-sold-out-label { font-size: 10px; } .voucher-coupon-strip .coupon-text { font-size: 10px; line-height: 16px; } /* Header mobile styles */ .voucher-heading .voucherSectionHeading { line-height: 28px; font-size: 18px; } .voucher-heading .onlineStoreLink { padding: 2px 2px; } .onlineStoreLink .linkText { line-height: 14px; font-size: 10px; } .seeMoreCta { border: none; background: transparent; border-radius: 0; display: flex; align-items: center; justify-content: center; margin: 0; width: auto; position: static; height: auto; font-size: 16px; line-height: 24px; color: #6561e8; font-weight: 500; white-space: nowrap; }}.home-content .voucher-collection-container { width: 80%; margin: auto;}.voucher-collection-container .collections-container { width: 100%; margin-top: 80px; background-color: #fff; position: relative;}.collections-container .collections-header-container { width: 100%; padding: 0px 12px; margin: 0 auto;}.collections-header-container .collection-header-wrapper { display: grid; grid-template-columns: 1fr auto; align-items: center; padding-bottom: 8px;}.collections-header-container .view-more.cta { font-size: 14px; font-weight: 500; color: #6561E8; line-height: 24px; display: inline-block; border-radius: 4px; background: #fff;}.collections-header-container .view-more.cta:hover { font-weight: bold;}.collections-header-container .collections-header { line-height: 32px; overflow: hidden; text-overflow: ellipsis; font-size: 28px; font-weight: 600; text-align: left; color: #333;}.collections-container .vouchers-holder { width: 100%; overflow-x: auto; overflow-y: hidden; white-space: nowrap; padding-bottom: 0; margin-top: 16px; scroll-behavior: smooth;}.vouchers-holder .voucher-card { width: 236px; cursor: pointer; display: inline-block; background: #fff; vertical-align: top; padding-right: 12px; position: relative; padding-left: 12px; padding-top: 4px;}.vouchers-holder .view-more-card { width: 130px; cursor: pointer; height: 220px; margin: 8px; display: inline-flex; flex-direction: column; justify-content: center; align-items: center; background-color: rgba(235, 235, 255, 1); border-radius: 20px; gap: 30px;}.view-more-card .arrow-holder { background-color: #6561E8; width: 40px; height: 40px; border-radius: 10px; display: flex; justify-content: center; align-items: center;}.arrow-holder .view-more-arrow { width: 10px;}.view-more-card .view-more-text { font-size: 14px; line-height: 18px; font-weight: 600; color: #6561E8;}.vouchers-holder .voucher-card:last-child { padding-right: 0;}.voucher-card .voucher-banner-holder { height: 136px; width: 100%; object-fit: fill; background: #fff; position: relative; border-radius: 20px; margin-bottom: 16px; box-shadow: 0 3px 8px 0 rgba(0,0,0,.12); display: flex; justify-content: center;}.voucher-card .right-arrow { height: 56px; width: 56px; cursor: pointer; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}.voucher-banner-holder .voucher-banner { height: 100%; width: 100%; object-fit: cover; border-radius: 20px;}.voucher-card .voucher-details { width: 100%; padding: 0px 10px 10px 0px; text-align: left; position: relative; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}.voucher-details .voucher-merchant-name { font-size: 16px; font-weight: bold; line-height: 16px; color: #191C32; margin-bottom: 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}.voucher-details .voucher-locality { min-height: 16px; font-size: 14px; line-height: 16px; color: rgba(51, 51, 51,.8); margin-bottom: 8px;}.voucher-details .voucher-starting-from { font-size: 12px; line-height: 16px; color: rgba(0, 0, 0, 0.87); padding-top: 4px;}.voucher-details .voucher-save-percent { width: 16px;}.voucher-details .voucher-percent { display: inline-block; position: relative; width: max-content; text-align: center; border-radius: 10px; background-color: #6D6BED; color: white; font-size: 14px; line-height: 14px; padding: 4px 8px; font-weight: bold;}.voucher-banner-holder .rating-content-header { height: 24px; border-radius: 20px; position: absolute; top: 12px; right: 12px; padding: 4px;}.voucher-rating .star { width: 12px; height: 12px; object-fit: contain; margin: 4px -2px 2px 2px;}.voucher-rating .rating-desc { font-size: 12px; line-height: 12px;}.rating-content-header .voucher-rating { border-radius: 40px; padding: 0px 4px 0px 2px;}.rating-content-header .merchant-rating-text { display: inline-block; font-weight: bold; vertical-align: top; color: #fff; padding-top: 4px; padding-right: 2px; font-size: 14px;}.voucher-card .voucher-sticker { position: absolute; top: 0; left: 0; height: 22px; z-index: 1;}.voucher-card .voucher-sticker-tooltip { position: absolute; left: 8px; top: 22px; width: 40%; padding: 6px; background: #4c567c; color: #fff; font-size: 10px; line-height: 14px; display: none; border-radius: 4px;}.voucher-sticker-container:hover .voucher-sticker-tooltip { display: block;}.voucher-card .voucher-sticker-tooltip::before { margin-left: 4px; border-color: transparent; border-bottom: 5px solid #4c567c; content: ""; position: absolute; top: -10px; left: 6%; border-width: 6px; border-style: solid;}.voucher-card .voucher-sticker-tooltip { min-width: 200px; z-index: 1; white-space: normal;}.voucher-card .voucher-tag { position: absolute; bottom: -12px; z-index: 1; height: 24px;}@media (max-width: 800px) { .voucher-collection-container .collections-container { margin-top: 30px; } .collections-container .collections-header-container { padding: 0px 16px 0px 16px; } .collections-container .vouchers-holder { padding: 0px 16px 0px 16px; margin-top: 10px; } .collections-header-container .collections-header { font-size: 20px; } .voucher-sticker-container .voucher-sticker-tooltip { width: 70%; } .home-content .voucher-collection-container { width: 100%; margin-top: 40px; } .rating-content-header .merchant-rating-text { font-size: 12px; } .vouchers-holder .voucher-card { width: 150px; padding-right: 0px; padding-left: 0px; margin-right: 16px; } .voucher-card .voucher-sticker { height: 16px; } .voucher-card .voucher-banner-holder { height: 90px; } .voucher-details .voucher-merchant-name { font-size: 14px; line-height: 16px; } .voucher-details .voucher-locality { font-size: 12px; line-height: 14px; } .voucher-details .voucher-percent { padding: 2px 6px; font-size: 12px; } .voucher-details .voucher-save-percent { width: 14px; } .voucher-card .voucher-tag { height: 22px; } .voucher-rating .rating-desc { font-size: 10px; padding-top: 3px; } .voucher-rating .star { height: 8px; width: 8px; } .voucher-banner-holder .rating-content-header { padding: 2px; } .vouchers-holder .view-more-card { height: 170px; margin: 8px; }}.vouchers-holder .right-arrow { position: absolute; top: 40%; right: -10px; background: #fff; padding: 4px; border-radius: 50%; cursor: pointer; box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.12); width: 40px; height: 40px;}.vouchers-holder .left-arrow { position: absolute; top: 40%; left: -8px; background: #fff; padding: 4px; border-radius: 50%; -ms-transform: rotate(180deg); transform: rotate(180deg); display: none; cursor: pointer; box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.12); width: 40px; height: 40px;}.voucher-card .right-arrow { box-shadow: none;}