CINXE.COM
Shop Angsana Bintan Extra Value e-Gift Card | Banyan Group Gifting
<!DOCTYPE html> <html lang="en"> <head> <title>Shop Angsana Bintan Extra Value e-Gift Card | Banyan Group Gifting</title> <link rel="Angsana Bintan icon" type="image/x-icon" href="https://static.techsembly.com/lym7sggkgcfwl1whrcwfampkvgdw" /> <meta name="csrf-param" content="authenticity_token" /> <meta name="csrf-token" content="cgu2HAAxlmPm524j47C9hnZWj1VZDodqkyuLevCUw1om7R1F8ZmSu9p06aOttMRsYl7hb6vjkzqQ3nWpBBuMxA==" /> <meta name="google-site-verification" content="hDqeXB6ba8wsabWbUUOuXUsu_5_tL-qU-TWGHWZM8QY"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta property="title" content="Shop Angsana Bintan Extra Value e-Gift Card | Banyan Group Gifting"> <meta name="description" content="Angsana Bintan Extra Value e-Gift Card. Shop now and share the gift of exploration and unlock transformational experiences. "> <meta property="og:type" content="Product"> <meta property="og:title" content="Shop Angsana Bintan Extra Value e-Gift Card | Banyan Group Gifting"> <meta name="og:description" content="Angsana Bintan Extra Value e-Gift Card. Shop now and share the gift of exploration and unlock transformational experiences. "> <meta property="image" content=""> <meta property="og:image" content=""> <meta property="image" content=""> <meta property="og:image" content=""> <meta property="og:url" content="gifting.groupbanyan.com/angsana-bintan/angsana-bintan-extra-value-e-gift-card-039698"> <meta property="product:brand" content="Angsana Bintan"> <meta property="product:availability" content="In stock"> <meta property="product:condition" content="new"> <meta property="product:price:amount" content="1500000.0"> <meta property="product:price:currency" content=""> <meta property="product:retailer_item_id" content="Angsana Bintan Extra Value e-Gift Card"> <meta property="product:item_group_id" content="039698"> <link rel="preload" id=310972 href=https://static.techsembly.com/variants/g90rlau3vdedh4si6bj9auha7uzq/d444eec3b96d73983bb56a108a1ed13b650d9186f72cac0cd6e66ae9c31b1720 as="image"/> <link rel="preload" id=310971 href=https://static.techsembly.com/variants/2bpcusywaqehzx2z8goj68ef6ci7/d444eec3b96d73983bb56a108a1ed13b650d9186f72cac0cd6e66ae9c31b1720 as="image"/> <!-- Google Tag Manager --> <script> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer',"GTM-5SQD9Q7"); </script> <!-- End Google Tag Manager --> <script type="text/javascript"> window.dataLayer = window.dataLayer || [] </script> <script type="text/javascript"> window.dataLayer.push({ 'event': 'productView', 'product_name': "Angsana Bintan Extra Value e-Gift Card", 'product_sku': "039698", 'store': "Angsana Bintan" }) </script> <script type="text/javascript"> function googleTranslateElementInit() { new google.translate.TranslateElement({pageLanguage: 'en'}, 'google_translate_element'); } </script> <script type="text/javascript" id="custom-js-0" src="https://client-assets.techsembly.com/RKTechsembly/banyan-group/banyan-group-main/banyan-group-properties.js" > </script> <script type="text/javascript" id="custom-js-1" src="https://client-assets.techsembly.com/RKTechsembly/banyan-group/banyan-group-main/banyan-patch.js" > </script> <script type="text/javascript" id="cookieyes" src="https://cdn-cookieyes.com/client_data/852ce8af45d3e91854280e3f/script.js" async > </script> <!-- <script async src="https://www.googletagmanager.com/gtag/js?id="></script>--> <!-- <<script>--> <!-- <window.dataLayer = window.dataLayer || [];--> <!-- <function gtag(){dataLayer.push(arguments);}--> <!-- <gtag('js', new Date());--> <!-- <gtag('config', );--> <!-- <window["gtag" + ] = gtag--> <!-- <</script>--> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" integrity="sha256-UhQQ4fxEeABh4JrcmAJ1+16id/1dnlOEVCFOxDef9Lw=" crossorigin="anonymous" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css" integrity="sha256-kksNxjDRxd/5+jGurZUJd1sdR2v+ClrCl3svESBaJqw=" crossorigin="anonymous" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.green.min.css" integrity="sha256-xAPiyaYLsJkRp8VxEwi9Cl5qPxyqLO0U5aJwyRRiOKA=" crossorigin="anonymous" /> <script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script> <script src="https://cdn-saas.techsembly.com/packs/js/storefront-41b5811afb9c433ea742.js"></script> <link rel="stylesheet" media="screen" href="https://cdn-saas.techsembly.com/packs/css/storefront-131d3f53.css" /> <link rel="stylesheet" media="all" href="https://cdn-saas.techsembly.com/assets/storefront-a0ec145ddbc5c189771bb75a0e5ca6183a41a2f4b14912cb581bf5b66a3094c0.css" /> <script src="https://cdn-saas.techsembly.com/assets/application-647130121363dd159adbdc1870b93b5f354aa9a7c924b8ecea711f4854eb8292.js"></script> <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js" integrity="sha256-pTxD+DSzIwmwhOqTFN+DB+nHjO4iAsbgfyFq5K5bcE0=" crossorigin="anonymous" defer></script>--> <style type="text/css"> :root{ --primary-font: Josefin Sans; --secondary-font: Raleway; --primary-bg-color: #fbf8ee; --secondary-bg-color: #00140d; } </style> <style type="text/css"> /* ============ fonts included ============== */ @font-face { font-family: 'Avenir Medium'; src: url('https://bitbucket.org/RKTechsembly/frontendtechsembly/raw/070bc6f712dfa6b21dea278f0acc5659b4028d30/fonts/Avenir-all-font/Avenir-Medium.woff2') format('woff2'), url('https://bitbucket.org/RKTechsembly/frontendtechsembly/raw/070bc6f712dfa6b21dea278f0acc5659b4028d30/fonts/Avenir-all-font/Avenir-Medium.woff') format('woff'), url('https://bitbucket.org/RKTechsembly/frontendtechsembly/raw/070bc6f712dfa6b21dea278f0acc5659b4028d30/fonts/Avenir-all-font/Avenir-Medium.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Avenir Light'; src: url('https://bitbucket.org/RKTechsembly/frontendtechsembly/raw/619a8f21b381523341f688b4bcd042331c1173f8/fonts/Avenir/light/Avenir-Light.woff2') format('woff2'), url('https://bitbucket.org/RKTechsembly/frontendtechsembly/raw/619a8f21b381523341f688b4bcd042331c1173f8/fonts/Avenir/light/Avenir-Light.woff') format('woff'), url('https://bitbucket.org/RKTechsembly/frontendtechsembly/raw/619a8f21b381523341f688b4bcd042331c1173f8/fonts/Avenir/light/Avenir-Light.ttf') format('truetype'); font-weight: normal; font-style: normal; } /* ========== variables and generic styles ============== */ :root { --primary-color: #1E1E1E; --primary-color-light: #BFF143; --menu-color: #E0DCC7; --primary-font: 'Avenir Medium'; --secondary-font: 'Avenir Light'; --secondary-bg: #F3F3F3; --white-color: #ffffff; --off-white: #FBF8EE; --light-black: #313131; --black-color: #000000; --border-color: #C2C2C2; --border-bottom-color: #d9d9d9; --body-bg: #FCFCFC; --dark-gray: #666666; --default-navbar-color: #242021; --cart-bg-color: #FCFCFC; --product-border-color: #E6E6E6; --border-color-dark: #547C8D; --text-light-color: #6D6D6D; --radio-color: #375059; --heading-color: #121113; } html, body { max-width: 100%; color: var(--text-light-color); scroll-behavior: smooth; } a { position: relative; } .btn.btn-primary { background-color: var(--primary-bg-color); color: var(--heading-color) !important; text-align: center; font-family: var(--primary-font); font-size: 14px; font-style: normal; font-weight: 300; line-height: 20px; height: 54px; border-radius: 0; } .btn.btn-primary:is(:hover) { background-color: var(--primary-color) !important; color: var(--primary-bg-color) !important; transition: 0.3s ease-in-out; } .btn.btn-primary:is(:focus, :active) { background-color: var(--primary-bg-color); } .cdk-text-field-autofill-monitored:not(:-webkit-autofill):is(:active, :focus, :hover) { border: 0 !important; } .btn-primary:is(:active, :focus, :hover) { box-shadow: none !important; } :is(input, input.form-control, textarea)::placeholder { color: var(--border-color) !important; font-size: inherit; font-style: inherit; text-align: inherit; line-height: inherit; } input, input.form-control { border-color: var(--border-color) !important; border-radius: 0 !important; background-color: var(--white-color); font-size: 1rem !important; font-style: normal; font-weight: 400; line-height: 26px !important; height: auto !important; padding: 15px 15px; max-height: none !important; color: var(--primary-color); } app-cart { background-color: var(--cart-bg-color); display: block; } li.breadcrumb-item a, li.breadcrumb-item.last { color: var(--border-color) !important; font-family: var(--secondary-font); font-size: 14px; font-style: normal; font-weight: 400; line-height: 24px; } .default-breadcrumb li.breadcrumb-item+.breadcrumb-item::before { color: var(--border-color); line-height: 24px; } .breadcrumb.arrow-breadcrumbs, .breadcrumb.default-breadcrumb, .default-breadcrumb li.breadcrumb-item+.breadcrumb-item:nth-child(2) { display: none; } .container.custom-container :is(li.breadcrumb-item a, li.breadcrumb-item.last) { color: var(--border-color); font-size: 16px; font-family: var(--secondary-font); font-style: normal; font-weight: 500; line-height: 24px; } .btn-guest, .btn-guest:hover { font-family: var(--primary-font); font-style: normal; font-weight: 400 !important; line-height: 26px !important; } /* ================== BreadCrumb Default ================*/ .custom-container .breadcrumb-heading { margin-bottom: 24px !important; } :is(app-cart, app-checkout) :is(li.breadcrumb-item a, li.breadcrumb-item.last) { color: var(--border-color) !important; } :is(app-cart, app-checkout) :is(li.breadcrumb-item.active a, li.breadcrumb-item.in-progress a) { color: var(--heading-color) !important; } li.breadcrumb-item a, li.breadcrumb-item.last { color: var(--primary-color) !important; font-family: var(--secondary-font); font-size: 14px; font-style: normal; font-weight: 500; line-height: 24px; } .breadcrumb-item+.breadcrumb-item::before { color: var(--primary-color); font-size: 14px; font-style: normal; font-weight: 400; line-height: 26px; padding: 0 0.25rem; } .arrow-breadcrumbs li.breadcrumb-item+.breadcrumb-item::before { background: url('https://static.techsembly.com/9nkuznhpl9lovem9tmljwoj2e46c'); background-size: 10px; background-position: center; background-repeat: no-repeat; line-height: 0; display: flex; align-items: center; margin: 0 15px !important; padding: 0 !important; max-width: 16px; content: '' !important; width: 12px; } .arrow-breadcrumbs li.breadcrumb-item+.breadcrumb-item { padding: 0; } /* ============== header's style begins =========== */ body[data-pagetype="home"] { background-color: var(--off-white); } .notificationbar, .notificationbar-ip { color: var(--white-color); text-align: center !important; font-family: var(--primary-font) !important; font-size: 12px !important; font-style: normal; font-weight: 400 !important; line-height: 22px; letter-spacing: 0.048px; background-color: var(--bg-dark); padding: 5px !important; } header.header { border: 0; background-color: var(--primary-bg-color); transition: background-color 300ms ease; padding-block: 0; margin-bottom: 0; } header.header .logo img { height: auto; width: 200px; } header.header .head-links li a.wishlist-heart, header.header .head-links li a.profile-icon { display: none; } ul.nav.search { display: none !important; } .shipping li:nth-child(2) { height: fit-content; display: flex; } a#cart-bag-partial { position: relative; height: auto; display: flex; align-items: center; width: 25px; padding: 0; } .add-to-basket .cart-qty, header.header .head-links li .cart-qty { background-color: transparent; color: var(--heading-color); font-family: var(--primary-font); font-size: 0; font-weight: 800; text-align: center; position: absolute; top: 0; right: 0; line-height: 20px; padding-right: 0; padding-top: 0; height: 30px; width: 25px; display: flex; align-items: center; justify-content: center; } .cart-sticky .add-to-basket .dropdown-menu h4, header.header .head-links li .add-to-basket .dropdown-menu h4 { color: var(--default-navbar-color); font-family: var(--primary-font); font-size: 16px; font-weight: 800; line-height: 24px; text-transform: capitalize; } header.header .head-links li .add-to-basket .dropdown-menu .pro-name-cont { min-height: auto; } .cart-sticky .add-to-basket .dropdown-menu .checkout-price span, .cart-sticky .add-to-basket .dropdown-menu h5, header.header .head-links li .add-to-basket .dropdown-menu .checkout-price span, header.header .head-links li .add-to-basket .dropdown-menu h5 { color: var(--heading-color); font-family: var(--primary-font); font-size: 16px; font-weight: 800; line-height: 24px; } .cart-sticky .add-to-basket .dropdown-menu .checkout-price p, header.header .head-links li .add-to-basket .dropdown-menu .checkout-price p { color: var(--heading-color); font-family: var(--primary-font); font-size: 14px; font-weight: 500; line-height: 16px; text-align: left; } .cart-sticky .add-to-basket .dropdown-menu .checkout-price { margin: 0 0 28px; } header .mob-top-links .add-to-basket .btn.btn-primary, .cart-sticky .add-to-basket .dropdown-menu .btn, header.header .head-links li .add-to-basket .dropdown-menu .btn { background: var(--heading-color); border-radius: 48px; color: var(--off-white) !important; max-height: 56px; padding-top: 0.5rem; padding: 16px 24px; min-height: 56px; display: flex; align-items: center; justify-content: center; text-transform: uppercase; } header.header .shipping li:first-child, header.header .shipping li a.dropdown-toggle:after { display: none; } header.header .shipping .dropdown a#dropdownMenuButton { text-decoration: none; pointer-events: none; color: var(--light-black); font-family: var(--primary-font); font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; } header.header .shipping li img { max-width: 22px; margin-top: 3px; } header.header .menu-holder li a { background-color: transparent; border: 0; color: var(--primary-color); font-family: var(--primary-font); font-size: 16px; font-style: normal; font-weight: 300; line-height: 24px; letter-spacing: 2.4px; text-transform: uppercase; padding: 8px 0 7px; position: relative; } header.header .menu-holder>li>div { background-color: var(--secondary-bg-color); border: none; } header.header .menu-holder .nav-column h3 { border-bottom: none; color: var(--primary-color-light); font-family: var(--primary-font); font-size: 16px; font-weight: 500; line-height: 24px; } header.header .menu-holder .nav-column:not(:last-child):after { width: 0; height: 0; } header.header .menu-holder .nav-column ul li a { color: var(--menu-color); font-size: 16px; line-height: 24px; font-weight: 500; position: relative; text-transform: capitalize; padding-right: 34px; } header.header .menu-holder .nav-column ul li a:after { background: url('https://static.techsembly.com/8wx2exykv58jkd7r54m421k6iewv'); background-size: 32px; content: ''; width: 32px; position: absolute; right: 10px; top: -6px; height: 32px; transition: all .25s; } header.header .menu-holder .nav-column ul li a:hover { color: var(--white-color); text-decoration: none; } header.header .menu-holder .nav-column ul li a:hover:after { right: 0px; } header.header .menu-holder .nav-column:last-child h3 { visibility: hidden; opacity: 0; } /* sticky header navigation */ .sticky { box-shadow: 0 0px 5px var(--border-color); position: fixed; top: 0; right: 0; left: 0; z-index: 9991; width: 100%; max-width: 100%; background-color: var(--primary-bg-color); display: flex; align-items: center; padding-left: 48px; padding-right: 48px; transition: ease-in-out .2s; } .sticky .cart-sticky { flex-basis: 100px; display: flex; justify-content: end; } .cart-sticky .add-to-basket:hover .dropdown-menu { display: block; } .cart-sticky .add-to-basket .dropdown-menu .checkout-img { min-width: 100px; flex-basis: 100px; } /* ========= mobile menu =========== */ nav#sidebar { background-color: #00140D; padding: 20px 0; } nav#sidebar .BorderBottom-grey, nav#sidebar .user-links { display: none; } nav#sidebar ul.accordian li.nav-item a.nav-link { color: var(--primary-color-light); font-family: var(--primary-font); text-transform: uppercase; font-size: 14px; font-weight: 500; line-height: 24px; } nav#sidebar ul.accordian li.nav-item .sub-menu-cont .nav-column ul li { padding: .25rem 0; } nav#sidebar ul.accordian li.nav-item .sub-menu-cont .nav-column ul li a { color: var(--off-white); font-family: var(--primary-font); text-transform: capitalize; font-size: 12px; font-weight: 500; line-height: 21px; transition: all .3s; } nav#sidebar ul.accordian li.nav-item .sub-menu-cont .nav-column ul li a:hover { color: var(--white-color); background-color: transparent; text-decoration: none; } nav#sidebar ul li a:hover, header.header .mobile-menu { background-color: transparent; } /* ========= home page style begins ========== */ .home-banner { margin-bottom: 65px; } .home-banner h2 { display: none; } .exp-section-holder { padding: 0 0 65px; } .section-description .section-title, .section-heading .section-title { color: var(--heading-color); font-family: var(--primary-font); font-size: 56px; font-weight: 500; line-height: 64px; text-transform: uppercase; margin: 0; max-width: 430px; } .section-description { max-width: 512px; } .section-description p { color: var(--text-light-color); font-family: var(--secondary-font); font-size: 16px; font-weight: 400; line-height: 24px; text-align: left; margin: 0 0 20px; } .section-description .section-link a { border-bottom: 1px solid var(--heading-color); font-family: var(--primary-font); font-size: 16px; font-weight: 400; line-height: 24px; text-align: left; text-decoration: none; text-transform: uppercase; } /* ============ news letter page section started =========== */ .sign-up-section { background: url('https://static.techsembly.com/mx84n854kqylx4ony7f3px9youpq'); background-size: cover; background-position: center; background-repeat: no-repeat; padding: 80px 0; } .sign-up-section .sign-up-container { width: 546px; } .sign-up-section .sign-up-container .signup-text { width: auto; display: none; } .sign-up-section h2 { color: var(--off-white); width: 100%; font-family: var(--primary-font); font-size: 56px; font-style: normal; font-weight: 500; line-height: 64px; margin: 0 0 24px; text-align: center; } .sign-up-section .sign-up-container .sign-up-form { margin-top: 50px; margin-bottom: 0; } .sign-up-section .sign-up-container .sign-up-form input[type='email'] { display: none; } .sign-up-section .sign-up-container .sign-up-form .btn.btn-primary { background-color: var(--white-color) !important; border: none; color: var(--heading-color); font-family: var(--primary-font); text-align: center; font-size: 16px; font-style: normal; font-weight: 500 !important; line-height: 24px !important; text-transform: uppercase; height: auto !important; border-radius: 48px !important; width: 120px; padding: 15px 10px; transition: background-color .5s; -webkit-transition: background-color .5s; } .sign-up-section .sign-up-container .sign-up-form .btn.btn-primary:hover { background-color: var(--secondary-bg-color) !important; color: var(--white-color); } .sign-up-section .sign-up-container .sign-up-form .btn.btn-primary.submit { display: none; } /* ========== product listing page =========== */ .breadcrumb-heading { color: var(--heading-color); font-family: var(--primary-font); font-size: 16px; font-weight: 500; line-height: 24px; } .product-select .form-group.sort-cont label { font-family: var(--secondary-font); font-size: 14px; font-weight: 500; line-height: 16px; color: var(--heading-color); } .product-select .form-group>select.form-control.relevance { color: var(--text-light-color); border-color: var(--border-color); font-family: var(--secondary-font); font-size: 14px; font-weight: 500; line-height: 16px; } .products-container .products-holder-main { max-width: 76.52%; width: 100%; margin-left: 24px; margin-top: 7px; padding-top: 0 !important; } .products-container .products-holder-main .products-holder { padding-top: 0 !important; gap: 24px; } .products-container .products-holder-main .products-holder .product-column .product-tags { display: none; } .products-container .products-holder-main .products-holder .product-column .product-list .product-image, .related-products .related-products-holder .related-products-image { height: auto; } .products-container .products-holder-main .products-holder :is(.product-column, i[aria-hidden="true"]) { width: calc(33.33% - 16px); margin: 0 0 25px 0; } .products-container .products-holder-main .products-holder .product-column:nth-child(3n) { margin-right: 0; } .item-details-cont .item-details .col-lg-2 { flex: auto; max-width: 80px; padding: 0; } .product-column .product-name { color: var(--heading-color); font-family: var(--primary-font); font-size: 16px; font-style: normal; font-weight: 800; line-height: 24px; text-transform: capitalize; } .product-pricing p { color: var(--text-light-color); font-family: var(--secondary-font); font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; margin: 0; } .products-container .products-holder-main .products-holder .product-column .product-list .product-content .product-rating { width: 9%; } .products-container .products-holder-main .products-holder .product-column .product-list .product-content .variants-cont { display: none; } .products-container .products-holder-main .products-holder .product-column .product-list .product-content .product-title { width: 100%; } .sidebar-widget .list-group .list-group-holder>a h4 { color: var(--text-light-color); font-family: var(--primary-font); font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; text-transform: capitalize; margin: 0; } .sidebar-widget .list-group .list-group-holder>a { padding: 10px 20px !important; background-color: transparent; } .sidebar-widget .list-group .list-group-holder .BorderBottom { border-bottom: 0.5px solid var(--border-color); } .products-container .sidebar-widget .result-text p { color: var(--heading-color); font-family: var(--secondary-font); font-size: 16px; font-weight: 500; line-height: 24px; text-align: left; } .sidebar-widget .list-group .list-group-holder>a.list-group-item:after { filter: brightness(0) saturate(100%) invert(70%) sepia(63%) saturate(13%) hue-rotate(34deg) brightness(98%) contrast(97%); } .sidebar-widget .list-group .list-group-holder .widget-holder ul li .checkbox-holder span { color: var(--text-light-color); } app-product-listing .container.custom-container.product-container .product-text { display: none; } /* ========= product details page started ========== */ .cdk-global-overlay-wrapper .mat-dialog-container #modal-buynow .login-modal .modal-body .container .store-logo { height: auto !important; } #cart-notification .modal-container.login-modal .modal-body .footer-btns .btn-guest { width: auto !important; } app-product-detail { background-color: var(--color-white); padding-top: 40px; display: block; } .product-detail-container .product-holder .product-detail .product-info h1.product-name { color: var(--heading-color); font-size: 30px; font-style: normal; font-weight: 500; line-height: 32px; margin-bottom: 22px !important; width: 100%; padding-right: 0; text-transform: capitalize; } .product-detail-container .product-holder .product-detail .product-info .product-heading .product-rating, .product-detail-container .product-holder .product-detail .product-info .product-heading+.w-100, app-product-detail .product-detail .wishlistImage img, app-product-listing .product-container .products-holder .product-content .product-title .vendor-link { display: none !important; } .product-detail-container .product-holder .product-order .tab-content { background-color: transparent; border: 0; padding: 0; } .product-detail-container .product-holder .product-detail .product-info .product-pricing { font-size: 14px; font-style: normal; font-weight: 400; line-height: 24px; text-transform: uppercase; padding-top: 0; } .product-detail-container .product-holder .product-detail { height: auto; padding-bottom: 20px; } .product-detail-container .product-holder .product-detail .shipping { display: none; } .product-detail-container .product-holder .product-order .nav-tabs { border: 0; background-color: transparent; border-bottom: 1px solid var(--border-color) !important; margin-bottom: 24px; } .product-detail-container .product-holder .product-order .nav-tabs .nav-item .nav-link.active { background-color: transparent; } .product-detail-container .product-holder .product-order .nav-tabs .nav-item .nav-link { background-color: transparent; padding: 0; } .product-order .nav-link h4 { color: var(--border-color); text-align: center; font-family: var(--primary-font); font-size: 16px; font-style: normal; font-weight: 500; line-height: 24px; padding-bottom: 8px; text-transform: uppercase; } .product-order .nav-link.active h4 { border-bottom: 1px solid var(--heading-color); color: var(--primary-color); font-family: var(--primary-font); font-weight: 500; } .product-detail-container .product-holder .product-detail { height: auto; padding-bottom: 8px; } .product-order .tab-pane :is(div, span, p, a) { color: var(--text-light-color); font-family: var(--secondary-font); font-size: 14px !important; font-weight: 500; line-height: 16px; } .product-order .tab-pane fieldset p.bonus-info { background-color: var(--off-white); color: var(--text-light-color); font-family: var(--secondary-font); padding: 8px; font-size: 12px !important; font-weight: 500; line-height: 16px; display: flex; align-items: center; margin: 16px 0 0; } p.after-form { margin: 0; font-style: italic; font-weight: 300 !important; display: none; } .product-detail-container .col-lg-10 { margin-bottom: 10px; } .product-detail-container .product-holder .product-order .tab-content .tab-pane { padding: 0; } .product-detail-container .product-holder .product-order .tab-content .tab-pane#personalise.personalise .col-lg-10 { max-width: 100%; flex-basis: 100%; } .product-detail-container .product-holder .product-order .tab-content .btn.show-more { color: var(--primary-color); } .personalise .delivery-form textarea.form-control.delivery-fields, .gift-msg-cont textarea, textarea.form-control { min-height: 100px !important; overflow: auto; max-height: 150px; } fieldset ng-multiselect-dropdown .dropdown-btn span { color: var(--primary-color); font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px; } fieldset .multiselect-item-checkbox[_ngcontent-serverApp-c11] input[type=checkbox][_ngcontent-serverApp-c11]:checked+div[_ngcontent-serverApp-c11]:before { background-color: var(--bg-dark); background: var(--bg-dark); border-color: var(--bg-dark); } fieldset .multiselect-item-checkbox[_ngcontent-serverApp-c11] input[type=checkbox][_ngcontent-serverApp-c11]+div[_ngcontent-serverApp-c11]:before { border-color: var(--border-color); color: var(--white-color); } input[type="radio"] { accent-color: var(--default-navbar-color); } fieldset .multiselect-dropdown[_ngcontent-serverApp-c11] .dropdown-btn[_ngcontent-serverApp-c11] .selected-item[_ngcontent-serverApp-c11] { color: var(--white-color); background-color: var(--bg-dark); border-color: var(--bg-dark); font-size: 14px; font-style: normal; font-weight: 400; line-height: 26px; align-items: center; gap: 5px; font-family: var(--primary-font); } fieldset .filter-textbox input[aria-label="multiselect-search"] { padding: 7px !important; min-height: 40px !important; height: 40px !important; } .product-detail-container .personalise-form .delivery-form .title, .product-detail-container .personalise-form :is(.form-group label, .variant-container .option-label), .askseller-form label, .form-group .form-check-label .customization-label { color: var(--text-light-color); font-family: var(--primary-font); font-size: 16px; font-style: normal; font-weight: 500; line-height: 24px; text-transform: capitalize; } .product-detail-container .personalise-form .form-group { margin-bottom: 32px; } .product-detail-container .personalise-form .delivery-form p { color: var(--border-color); font-family: var(--secondary-font); font-size: 14px; font-weight: 500; line-height: 16px; } .product-detail-container .personalise-form .delivery-form span { color: var(--text-light-color); font-family: var(--secondary-font); font-size: 16px; font-weight: 500; line-height: 24px; } .product-detail-container .personalise-form .form-group select.form-control { border-color: var(--text-light-color); color: var(--border-color); font-family: var(--secondary-font); font-size: 16px; font-weight: 500; line-height: 24px; max-height: none; padding: 12px 14px; text-align: left; } .product-detail-container .personalise-form.submitted .form-group .form-control.ng-invalid { border-color: #ad0015; } label.form-check-label fieldset, label.radio-container fieldset { max-width: 50%; display: inline-block; width: 100%; } app-address~.form-group { margin-bottom: 8px !important; } .product-detail-container .personalise-form .form-group .order-btn { border-radius: 48px; border: 2px solid var(--primary-color); color: var(--primary-color); font-family: var(--primary-font); font-size: 16px; font-weight: 500; line-height: 24px; text-align: center; text-transform: uppercase; } .product-detail-container .personalise-form .form-group .order-input { border-color: var(--border-color); font-family: var(--primary-font); font-size: 16px; font-weight: 500; line-height: 24px; text-align: center; } .product-detail-container .personalise-form .form-group .buy-btn { border-radius: 48px; background-color: var(--border-color); color: var(--default-navbar-color); font-family: var(--primary-font); font-size: 16px; font-weight: 500; line-height: 24px; text-align: center; text-transform: uppercase; } .product-detail-container .personalise-form .form-group .buy-btn:hover { background-color: var(--primary-color); } app-related-products, .product-detail-container .product-holder .share-link { display: none !important; } .product-detail-container .personalise-form .delivery-form .form-control.delivery-fields { padding: 11px 15px !important; border-color: var(--text-light-color) !important; } .product-detail-container .personalise-form.submitted .delivery-form .form-control.delivery-fields.ng-invalid, .product-detail-container .personalise-form .delivery-form .form-control.delivery-fields.ng-touched.ng-invalid, .custom-container.cart-container .cart-login-cont form input.form-control.ng-touched.ng-invalid, .product-detail-container .personalise-form input.form-control.ng-touched.ng-invalid[name="receipient_email"] { border-color: #ad0015 !important; } .product-detail-container .personalise-form .delivery-form .cart-text-bottom, .product-detail-container .personalise-form .delivery-form .info-text { color: var(--text-light-color); font-weight: 500; font-family: var(--secondary-font); line-height: 16px; } .product-detail-container .personalise-form .delivery-form .radio-container .checkmark { line-height: inherit; } .product-detail-container .personalise-form .delivery-form .radio-container .checkmark::after { top: 3.25px; } .product-detail-container .personalise-form .variant-container .variant .option-container .customcheck input[type="radio"]:checked+.checkmark { border-color: var(--heading-color); background-color: var(--heading-color); } .product-detail-container .personalise-form .variant-container .variant .option-container .customcheck input[type="radio"]:checked+.checkmark span { color: var(--off-white); } .product-detail-container .tab-content.preview-pic { height: auto !important; } .product-carousel-desktop .owl-theme .owl-nav [class*='owl-'] { background-image: url(https://static.techsembly.com/AFzvGnWrVuEwEfunrD6Fj6Pj); background-size: 9px; background-repeat: no-repeat; font-size: 0; background-position: center; border-radius: 0 !important; border: 0 !important; } .product-carousel-desktop .owl-theme .owl-nav [class*='owl-next'] { transform: rotate(-180deg); } product-carousel app-product-detail .product-holder .row { display: flex; justify-content: space-between; } .product-detail-container .product-carousel-desktop .owl-stage .owl-item { margin-right: 0 !important; } .product-detail-container .preview-thumbnail .owl-item li { max-height: 124px; margin-right: 10px !important; min-width: auto; } .product-detail-container .preview-thumbnail .owl-item li img { border-radius: 4px; } .product-detail-container .product-holder .product-order .tab-content .detail-text .detail-holder .fadeout, .product-detail-container .product-holder .product-order .tab-content .tab-pane#details .show-more-cont { display: none !important; } .product-detail-container .product-holder .product-order .tab-content .tab-pane#details { height: auto !important; } .product-detail-container .product-holder .product-order .tab-content .detail-text .detail-holder { max-height: none !important; } /* ========= product cart page =========== */ app-payment-v2 .payment-form-container .breadcrumb-heading, .shipping-form-container h1.breadcrumb-heading, .custom-container .cart-left-cont h1.breadcrumb-heading { color: var(--primary-color); font-size: 30px !important; font-weight: 500; line-height: 32px; font-family: var(--primary-font); margin-bottom: 14px !important; text-transform: uppercase; } .product-detail-container .personalise-form .variant-container .variant .option-container .customcheck .checkmark { border: 1px solid var(--text-light-color); border-radius: 2px; height: auto; padding: 10px 23px; text-transform: capitalize; cursor: pointer; } .product-detail-container .personalise-form .variant-container .variant .option-container .customcheck .checkmark span { color: var(--primary-color); font-family: var(--primary-font); font-style: normal; font-weight: 400; font-size: 1rem !important; line-height: 24px; } .custom-container.cart-container .vendor-items-cont .card { border: none !important; box-shadow: 0px 1px 3px 0px #0000001A !important; } .delivery-methods-cont .vendor-cards-holder .card.vendor-card:not(:last-child) { margin-bottom: 32px !important; } .delivery-methods-cont .vendor-cards-holder .card .card-header .vendor-title :is(span, a), .custom-container.cart-container .vendor-items-cont .card .card-header :is(span, a), app-checkout .delivery-methods-cont .vendor-cards-holder .card .card-header .vendor-title :is(span, a) { color: var(--heading-color); font-size: 18px; font-style: normal; font-weight: 500; line-height: 24px; margin-right: 0 !important; text-transform: capitalize; } .delivery-methods-cont .vendor-cards-holder .card .card-header .card-header-inner, .custom-container.cart-container .vendor-items-cont .card .card-header { border-bottom-color: var(--text-light-color); } app-checkout .delivery-methods-cont .vendor-cards-holder .card .card-header .vendor-title :is(a) { margin-left: 3px; } app-cart .flag-cont { display: none !important; } .delivery-methods-cont .vendor-cards-holder .card .order-item .item-desc .item-name, app-item .cart-item.new .item-details :is(.item-name, .unit-total-price) { color: var(--heading-color); font-family: var(--primary-font); font-size: 16px; font-weight: 800; line-height: 24px; } app-item .cart-item .item-details { overflow-y: hidden; } .custom-container.cart-container .cart-info-text { color: var(--heading-color); font-family: var(--secondary-font); font-size: 14px; font-weight: 400; line-height: 20px; text-align: left; margin-bottom: 2rem; } .delivery-methods-cont .vendor-cards-holder .card .order-item .item-price, .cart-item .item-details .col-label { color: var(--heading-color); font-family: var(--primary-font); font-size: 16px; font-weight: 400; line-height: 24px; margin-bottom: 32px !important; } app-item .cart-item.new .item-details :is(.item-name, .unit-total-price) { color: var(--heading-color); font-family: var(--primary-font); font-size: 16px; font-weight: 400; line-height: 24px; } .delivery-methods-cont .vendor-cards-holder .card .card-header .badge-stroke, app-item .cart-item.new .pro-badges-cont .pro-badge, .delivery-methods-cont .vendor-cards-holder .card .order-item .item-desc .badge-stroke { border-radius: 0px 24px 24px 0px !important; background-color: var(--primary-color-light) !important; color: var(--heading-color) !important; font-family: var(--primary-font); font-size: 14px !important; font-weight: 400 !important; line-height: 24px !important; padding: 6px 10px !important; } .cart-item.new .item-qty-cont span { color: var(--primary-color); text-align: center; font-size: 16px; font-style: normal; font-weight: 300; line-height: 26px; font-family: var(--primary-font); } span.item-dec, .cart-container .item-details-cont .item-qty-cont span.item-dec { font-size: 0; background-image: url('https://static.techsembly.com/67srTwcLT3XggDDq3uPDnA7b'); background-repeat: no-repeat; padding: 11px; gap: 8px; width: 30px; height: 30px; background-color: var(--off-white) !important; border-radius: 50%; background-position: center; background-size: 10px 2px; } span.item-inc, .cart-container .item-details-cont .item-qty-cont span.item-inc { font-size: 0; background-image: url('https://static.techsembly.com/XwvMXyWbKKxEwrqG8doLATvb'); background-repeat: no-repeat; padding: 11px; gap: 8px; width: 30px; height: 30px; background-color: var(--off-white) !important; border-radius: 50%; background-position: center; background-size: 12px 12px; } span.item-count { font-family: var(--primary-font); font-style: normal; font-weight: 800; font-size: 18px; line-height: 24px; display: flex; align-items: center; text-align: center; color: var(--primary-color); margin: 0 10px; } .shipping-form-container .delivery-methods-cont .vendor-cards-holder .card .order-item .item-qty-cont, .cart-item.new .item-details .item-qty-cont { border: 0; box-shadow: none; margin-bottom: 0; max-width: 106px; width: 100%; margin: auto; } .shipping-form-container .delivery-methods-cont .vendor-cards-holder .card .order-item { padding-bottom: 0; } .delivery-methods-cont .vendor-cards-holder .card .order-item .item-qty-cont { background-color: transparent !important; } :is(.edit-address, a.edit-item-new, .order-shipping-container .delivery-dropdowns-cont a.recipent-info-edit, .edit-contact, .edit-contact, .pro-badge, .badge-stroke) img { filter: brightness(0) saturate(100%) invert(2%) sepia(2%) saturate(5499%) hue-rotate(227deg) brightness(92%) contrast(89%); } .custom-container.cart-container .vendor-items-cont .item-details-cont .gift-msg-area, .custom-container.cart-container .vendor-items-cont .item-details-cont .personalize-row .item-desc { display: none !important; } .cart-item .unit-price { color: var(--heading-color); font-family: var(--primary-font); font-size: 14px; font-weight: 500; line-height: 16px; } .delivery-methods-cont .vendor-cards-holder .card .order-item .text-underline, .custom-container.cart-container .vendor-items-cont a.del-item-link { color: var(--border-color); font-family: var(--secondary-font); font-size: 14px; font-weight: 500; line-height: 16px; text-align: center; } app-payment-v2 .payment-form-container .btn.btn-submit, .shipping-form-container .left-panel .btn.btn-submit, .delivery-methods-cont .vendor-cards-holder .card .order-shipping-container .delivery-dropdowns-cont button.btn-update, .delivery-methods-cont .vendor-cards-holder .card .delivery-dropdowns-cont .form-group.label-email a.recipent-info-edit, .custom-container.cart-container .btn.continue-btn-new { background-color: var(--off-white); border-radius: 48px !important; border: 2px solid var(--heading-color); color: var(--heading-color); font-family: var(--primary-font); font-size: 16px; font-weight: 500; line-height: 24px; text-align: center; padding: 10px 20px; text-transform: uppercase; } .delivery-methods-cont .vendor-cards-holder .card .order-shipping-container .delivery-dropdowns-cont button.btn-update, .delivery-methods-cont .vendor-cards-holder .card .delivery-dropdowns-cont .form-group.label-email a.recipent-info-edit { font-size: 12px; line-height: 18px; } .shipping-form-container .left-panel .btn.btn-submit:hover { background-color: var(--primary-color); } .custom-container.cart-container .btn.continue-btn-new { display: table-cell; vertical-align: middle; } .delivery-methods-cont .vendor-cards-holder .card .delivery-dropdowns-cont .form-group.label-email a.recipent-info-edit { display: flex; align-items: center; } /* ========= cart right section ========== */ .custom-container.cart-container .cart-login-cont .login-cart-panel .panel-heading, .custom-container .order-sum-heading, h2.address-heading { color: var(--heading-color) !important; font-family: var(--primary-font) !important; font-size: 24px !important; font-style: normal; font-weight: 500 !important; line-height: 32px !important; text-transform: uppercase; } app-cart .custom-container.cart-container .card.order-summary-cont { border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 8px 8px; } app-cart .custom-container.cart-container .card.order-summary-cont .card-header { display: none; } .custom-container.cart-container .cart-login-cont .login-cart-panel .panel-heading { font-size: 16px !important; line-height: 24px !important; text-align: left; text-transform: capitalize; } .card.order-summary-cont .card-header .card-head-inner :is(.cart-total, .total-label) { font-family: var(--primary-font); color: var(--heading-color); font-size: 14px; font-style: normal; font-weight: 400; line-height: 16px; margin-top: 0 !important; } .card.order-summary-cont .card-header .card-head-inner { border-color: var(--border-color) !important; padding-bottom: 10px !important; } .custom-container.cart-container .cart-login-cont { background-color: var(--white-color) !important; padding: 24px 0 24px !important; margin-bottom: 0; } .custom-container.cart-container .cart-right-cont .cart-login-cont .btn.btn-primary { background-color: var(--off-white); border-radius: 48px; border: 2px solid var(--heading-color); color: var(--heading-color); font-family: var(--primary-font); font-size: 16px; font-weight: 500; line-height: 24px; text-align: center; padding: 15px 20px; text-transform: uppercase; } .custom-container.cart-container .cart-right-cont .cart-login-cont .btn.btn-primary:hover { background-color: var(--heading-color); } .order-summary-cont .card-body-inner { color: var(--text-light-color); font-size: 14px; font-weight: 400; line-height: 16px; margin-bottom: 12px !important; padding-top: 2px; font-family: var(--secondary-font); display: none; } .custom-container.cart-container .cart-login-cont app-login-cart { display: none; } form.cart-login-form .form-submit-cont { border-top: none; border-bottom: none; } .custom-container.cart-container .cart-login-cont .checkout-desc-cont span, .cart-login-cont form.cart-login-form .forget-psw-link { color: var(--primary-color); font-size: 14px; line-height: 16px; font-family: var(--primary-font); font-weight: 500; } .custom-container.cart-container .cart-login-cont .checkout-desc-cont img { width: 13px; } .order-summary-cont .cart-login-cont form input.form-control { border-radius: 4px !important; font-family: var(--secondary-font); font-size: 16px !important; font-weight: 400; line-height: 24px !important; padding: 15px 14px; } .order-summary-cont .cart-login-cont form.guestCheckout-form label { color: var(--text-light-color); font-family: var(--secondary-font); font-size: 14px; font-weight: 400; line-height: 16px; text-align: left; margin-bottom: 24px; } .order-summary-cont .cart-login-cont form.guestCheckout-form .submit img { display: none; } /* ========= buy now modal styles ============= */ app-buy-now-login .login-modal .login-cart-panel { display: none; } /* ========= billing and dilevery page started ========= */ .shipping-form-container .left-panel .shipping-form-cont-inner { box-shadow: 0px 1px 2px 0px var(--border-color) !important; } .shipping-form-container .left-panel .shipping-form-cont-inner .d-flex.pb-2 { display: none !important; } app-shipping-details-v2 form.shipping-form ul.breadcrumb.arrow-breadcrumbs { margin-bottom: 32px; } .shipping-form-container .left-panel .shipping-form-cont-inner:last-child { display: none !important; } .delivery-methods-cont .vendor-cards-holder .card .order-shipping-container input.form-input, .address-form.new :is(input[type='text'], input[type='email'], input[type='password'], select) { border: 1px solid var(--border-color) !important; border-radius: 4px !important; box-shadow: 0px 1px 2px 0px var(--border-color); color: var(--primary-color) !important; font-size: 16px !important; font-family: var(--secondary-font); font-style: normal; font-weight: 400; line-height: 24px !important; height: 50px !important; } .address-form.new input::placeholder, .shipping-form-container select option:disabled { color: var(--border-color) !important; } .shipping-form-container .shipping-form .btn.btn-submit { background-color: var(--primary-bg-color); font-size: 14px; font-style: normal; font-weight: 400; line-height: 14px; text-transform: uppercase; margin-top: 36px; } .shipping-form-container .order-sum-heading { font-size: 20px; font-style: normal; font-weight: 700; line-height: 28px; } app-checkout-delivery-v2 .shipping-form-container .order-sum-heading { margin-bottom: 4px; } .card.order-summary-cont { border: none; border-radius: 8px; background: var(--white-color); box-shadow: 0px 1px 2px 0px rgba(31, 41, 55, 0.08); } .order-summary-container .vendor-items-holder .vendor-order-details .order-item .item-desc .item-name { color: var(--primary-color); font-family: var(--secondary-font); font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; padding-bottom: 14px; } .order-summary-container .vendor-items-holder .vendor-order-details .order-item .item-price { font-size: 18px !important; } .order-summary-container .vendor-items-holder .vendor-order-details .order-item .item-desc .qty { color: var(--primary-color); font-family: var(--secondary-font); font-size: 14px; font-style: normal; font-weight: 500; line-height: 16px; text-transform: uppercase; } .order-summary-container .vendor-items-holder .vendor-order-details :is(.order-item .item-price, .tax-row-item .item-price) { color: var(--primary-color); font-size: 14px !important; font-style: normal; font-weight: 500 !important; line-height: 16px; font-family: var(--primary-font); } .order-summary-cont .order-totals-container { background-color: var(--heading-color); } .order-summary-cont .shipping-hide { display: none !important; } .nav-ship-details .shipping-form-container .order-summary-cont .order-totals-container { display: none; } .order-totals-container .sub-total-holder #order-subtotal::after, .order-totals-container .sub-total-holder #order-adj::after, .order-totals-container .sub-total-holder .sub-total-desc, .order-totals-container .total-holder .order-total-item .total-desc::after, .order-totals-container .total-holder .order-total-item .total-desc, .exc-taxes .tax-desc { color: var(--off-white); font-family: var(--secondary-font); font-size: 14px !important; font-style: normal; font-weight: 500; line-height: 16px !important; text-transform: uppercase; } .order-totals-container .total-holder .order-total-item .total-desc, .order-totals-container .sub-total-holder #order-subtotal, .order-totals-container .sub-total-holder #order-adj { font-size: 0 !important; } .order-totals-container .sub-total-holder #order-subtotal::after { content: 'ITEM SUBTOTAL VALUE'; } .order-totals-container .total-holder .order-total-item .total-desc::after { content: 'ITEM SUBTOTAL DUE'; } .order-totals-container .sub-total-holder #order-adj::after { content: 'Bonus'; } .order-totals-container .sub-total-holder .sub-total-item { padding-top: 0 !important; } .order-totals-container .sub-total-holder { border-bottom-color: var(--border-bottom-color) !important; } .order-totals-container .sub-total-holder .promo-cont { display: none !important; } .custom-container.checkout .promo-cont .btn-primary.apply-btn { background-color: var(--primary-bg-color); color: var(--white-color); text-align: center; font-family: var(--primary-font); font-size: 14px; font-style: normal; font-weight: 300; line-height: 20px; } .custom-container.checkout .promo-cont .btn-primary.apply-btn:hover { background-color: var(--white-color) !important; color: var(--heading-color) !important; } .order-totals-container .sub-total-holder .sub-price, .order-totals-container .total-holder .total-price { color: var(--off-white); font-size: 14px !important; font-style: normal; font-weight: 500 !important; line-height: 16px !important; font-family: var(--secondary-font); text-transform: uppercase; } .shipping-form-container .delivery-methods-cont .billing-heading { color: var(--heading-color); font-size: 18px; font-weight: 500; line-height: 24px; } .shipping-form-container .delivery-methods-cont .contact-card .card-body span { color: var(--border-color); font-family: var(--secondary-font); font-size: 16px; font-weight: 400; line-height: 24px; } order-totals-container .sub-total-holder .sub-total-item { padding-bottom: 29px; } .delivery-methods-cont .vendor-cards-holder .card .order-item .item-desc .qty { display: none; } .delivery-methods-cont .vendor-cards-holder .card .order-item .item-desc .edit-item-new { font-family: var(--secondary-font); font-size: 14px; font-weight: 500; line-height: 16px; text-align: left; color: var(--border-color); text-decoration: underline; } .delivery-methods-cont .vendor-cards-holder .card .order-shipping-container .delivery-dropdowns-cont h3.info-text { color: var(--primary-color); font-family: var(--primary-font); font-size: 18px; font-weight: 500; line-height: 24px; } .delivery-methods-cont .vendor-cards-holder .card .order-shipping-container .col-12 label, .delivery-methods-cont .vendor-cards-holder .card .order-shipping-container .form-group, .delivery-methods-cont .vendor-cards-holder .card .order-shipping-container .form-group label { color: var(--border-color); font-family: var(--secondary-font); font-size: 16px; font-weight: 500; line-height: 24px; } textarea, .delivery-methods-cont .vendor-cards-holder .card .order-item .order-shipping-container .col-12.px-0, .delivery-methods-cont .vendor-cards-holder .card .order-shipping-container .form-group { color: var(--heading-color); font-weight: 400; } .delivery-methods-cont .vendor-cards-holder .order-shipping-container .shipping-totals-cont { background-color: var(--heading-color); } .container.custom-container.checkout-footer.text-center { display: none; } .delivery-methods-cont .vendor-cards-holder .card .option-price, .delivery-methods-cont .vendor-cards-holder .card .shipping-totals-cont .total-row .total-caption, .delivery-methods-cont .vendor-cards-holder .card .shipping-totals-cont .total-row .total-row-val { color: var(--off-white); font-family: var(--secondary-font); font-size: 16px !important; font-weight: 400 !important; line-height: 24px !important; } .delivery-methods-cont .vendor-cards-holder .card .shipping-totals-cont .total-row:first-child { display: none !important; } .copy-bottom { padding-top: 14px; padding-bottom: 14px; } .copy-bottom :is(span, a) { color: var(--text-light-color); font-family: var(--secondary-font); font-size: 14px; font-weight: 500; line-height: 16px; } /* ========= shipping form screen ========= */ .shipping-form-container .delivery-methods-cont .counter { display: none; } .payment-form-container .radio-container input:checked~.checkmark, .left-panel .delivery-methods-cont .vendor-cards-holder .card .radio-container input:checked~.checkmark { background-color: var(--heading-color) !important; border-color: var(--heading-color) !important; } .payment-form-container .radio-container .checkmark::after, .left-panel .delivery-methods-cont .vendor-cards-holder .card .radio-container .checkmark::after { background: var(--heading-color) !important; width: 22px; height: 22px; top: 1px; left: 1px; } .payment-form-container .radio-container .checkmark::after { top: 8.5px !important; } .left-panel .delivery-methods-cont .vendor-cards-holder .card .radio-container .checkmark { border-color: var(--primary-bg-color); width: 24px !important; height: 24px !important; } .delivery-methods-cont .vendor-cards-holder .card .delivery-dropdowns-cont { padding-bottom: 0 !important; } .shipping-form-container .delivery-methods-cont .vendor-cards-holder .card .order-shipping-container .shipping-options-cont { background-color: var(--heading-color); padding-top: 32px; } .delivery-methods-cont .vendor-cards-holder .card .radio-container .del-method-name { color: var(--off-white); font-family: var(--secondary-font); font-size: 16px; font-weight: 400; line-height: 24px; margin-top: 0 !important; } .delivery-methods-cont .vendor-cards-holder .card .shipping-options-cont .del-option:last-child { border-bottom: 1px solid var(--border-color); padding-bottom: 2rem !important; } /* mat form schedule date and time */ mat-form-field.mat-form-field.mat-primary { max-width: 250px; width: 100%; } .delivery-methods-cont .vendor-cards-holder .card .mat-form-field-wrapper .mat-form-field-flex { background-color: transparent !important; display: flex; align-items: center; } .mat-form-field-appearance-legacy .mat-form-field-underline { background-color: var(--off-white) !important; } .mat-form-field-infix input:is(:focus, :hover) { border: 0 !important; } .delivery-methods-cont .vendor-cards-holder .card .order-shipping-container .scheduled-dtime .mat-form-field-label span { font-family: var(--secondary-font); color: var(--off-white); font-size: 14px !important; font-style: normal; font-weight: 400; line-height: 24px; margin-top: -6px; } .mat-calendar-body-selected { background-color: var(--default-navbar-color) !important; } .mat-datepicker-content .actions .mat-button .mat-icon { display: flex; height: 40px; width: 70px; } .mat-form-field-appearance-legacy .mat-form-field-suffix .mat-icon-button { display: flex; justify-content: center; align-items: center; } mat-form-field-appearance-legacy .mat-form-field-suffix .mat-icon-button span { width: 28px !important; } .mat-form-field-appearance-legacy .mat-form-field-prefix .mat-datepicker-toggle-default-icon, .mat-form-field-appearance-legacy .mat-form-field-suffix .mat-datepicker-toggle-default-icon { width: 100% !important; filter: brightness(0) saturate(100%) invert(93%) sepia(63%) saturate(834%) hue-rotate(23deg) brightness(113%) contrast(89%); } .mat-form-field-appearance-legacy .mat-form-field-infix>input::placeholder { font-family: var(--primary-font); font-size: 14px; font-style: normal; font-weight: 300; line-height: 26px; } .mat-form-field-appearance-legacy .mat-form-field-infix>input.mat-input-element { color: var(--light-black); } .mat-form-field-appearance-legacy .mat-form-field-infix>input.datetime-picker-in.mat-input-element { line-height: 0 !important; color: var(--off-white); } .cdk-text-field-autofill-monitored:not(:-webkit-autofill) { font-family: var(--primary-font); } button.mat-focus-indicator.mat-icon-button.mat-button-base:is(:focus, :hover) { background-color: transparent; } .delivery-methods-cont .vendor-cards-holder .card .order-shipping-container .scheduled-dtime { background-color: var(--heading-color); margin-left: -24px; margin-right: -24px; padding: 24px; } .delivery-methods-cont .vendor-cards-holder .card .order-shipping-container .scheduled-dtime h4 { color: var(--off-white); font-size: 16px; font-weight: 400; font-family: var(--primary-font); line-height: 24px; margin: 0 0 20px; } /* ===== payment screen ======= */ .InputContainer .InputElement, .payment-form-container .radio-container .pay-method-name { color: var(--text-light-color); font-family: var(--secondary-font); font-size: 16px; font-weight: 400; line-height: 24px; } .payment-form-container .radio-container .pay-method-name { color: var(--heading-color); margin-top: 0 !important; font-size: 14px; font-style: normal; font-weight: 300; line-height: 26px; font-family: var(--primary-font); } .payment-form-container .left-panel .payments-methods-cont .card { border-radius: 0; box-shadow: none; border: 1px solid var(--border-color); background: var(--white-color); padding-block: 10px !important; } .payment-form-container .left-panel .card { border-radius: 4px; background: var(--white-color); box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.10); border: none; } .card.address-card.px-2.px-md-4.pt-3.pb-4.mb-4 { padding: 24px !important; } .card.address-card.px-2.px-md-4.pt-3.pb-4.mb-4 .card-row { flex-wrap: wrap; } .payment-form-container .left-panel .payments-methods-cont { border-bottom: none; } .payment-form-container .left-panel .card-details-cont.section-cont, .payment-form-container .left-panel .payment-form-container { padding-top: 0 !important; border-top: none; } .payment-form-container .left-panel .payment-form-container { padding-top: 14px !important; } .payment-form-container h2.order-sum-heading { margin-bottom: 12px; } .left-panel .payment-form-container .section-heading { color: var(--primary-color); font-family: var(--primary-font); font-size: 16px; font-style: normal; font-weight: 500; line-height: 26px; margin-bottom: 24px; border-top: none; padding-top: 0; } .payment-form-container .card .card-body .row-head { color: var(--heading-color); font-family: var(--primary-font); font-size: 16px; font-style: normal; font-weight: 500 !important; line-height: 24px; max-width: 94px; } .payment-form-container .card .card-body .card-row .user-add-wrap { color: var(--text-light-color); font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; font-family: var(--secondary-font); } .left-panel .payment-form-container .section-cont { border-bottom: none !important; } .payment-form-container .checkbox-cont .checkbox-note :is(a), .payment-form-container .checkbox-cont .checkbox-note { color: var(--text-light-color); margin-top: 0 !important; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; font-family: var(--secondary-font); } .left-panel .payment-form-container .checkbox-cont.removed-checkbox .checkmark { display: none; } .left-panel .payment-form-container .checkbox-cont input:checked~.checkmark { background-color: var(--heading-color); border-color: var(--heading-color); } .left-panel .payment-form-container .card.blue-secondary-bg { background-color: var(--secondary-bg-color) !important; border-color: var(--secondary-bg-color) !important; margin-bottom: 24px !important; } .payment-form-container .left-panel .card.exlc-offer, .left-panel .payment-form-container .password-note, .left-panel .payment-form-container .input-cont.password { display: none !important; } .right-panel .order-totals-container .promo-cont a { color: var(--off-white); font-family: var(--secondary-font); font-size: 12px; font-style: normal; font-weight: 400; line-height: 22px; text-transform: uppercase; text-decoration: none; } .right-panel .btn-primary.apply-btn { height: 50px !important; display: flex; align-items: center; justify-content: center; border-radius: 0 !important; } .complete .shipping-form-container h1.breadcrumb-heading { font-size: 32px; font-style: normal; font-weight: 700; line-height: 40px; } .left-panel .payment-form-container .checkbox-cont input:checked~.checkmark, .payment-form-container .checkbox-cont .checkmark { width: 24px !important; height: 24px !important; min-width: 22px; } .left-panel .payment-form-container .checkbox-cont.removed-checkbox .checkmark { display: none; } .custom-container.checkout .payment-form-container .payments-methods-cont p.payment-desc { color: var(--text-light-color); font-family: var(--secondary-font); font-size: 14px; font-weight: 400; line-height: 26px; letter-spacing: 1px; margin-top: -18px; } .payment-form-container .left-panel .payment-form-container .col-12:nth-child(4) { display: none; } .payment-form-container .left-panel .marked-checkbox { padding-top: 0 !important; } .payment-form-container .left-panel .marked-checkbox .address-card { background-color: var(--off-white); } .checkoutFooterNote { padding: 1.5rem; margin-top: 1rem; background-color: #f8f8f8; gap: 10px; } .checkoutFooterNote p { color: var(--black-color); font-family: var(--secondary-font); font-size: 12px; font-weight: 400; line-height: 21px; } .checkoutFooterNote p.assistance-text { margin-bottom: 7px; } .checkoutFooterNote p a { font-family: var(--secondary-font); color: var(--black-color); font-size: 12px; line-height: 21px; text-decoration: underline; } .checkoutFooterNote p .title { color: var(--black-color); font-family: var(--primary-font); font-weight: 800; font-size: 12px; line-height: 21px; } .payment-form-container .left-panel p.completeOrder { color: var(--heading-color); font-family: var(--secondary-font); font-size: 16px; font-weight: 400; line-height: 24px; text-align: left; margin: 30px 0 0; } .payment-form-container .left-panel p.completeOrder a { text-decoration: underline; } .right-panel .order-totals-container .promo-cont input.form-control { max-height: 50px !important; } /* ================= success pages begins ================= */ .checkout-container.complete * { font-family: var(--secondary-font); } .checkout-container.complete .card-header.blue-light-bg { background-color: transparent !important; padding-bottom: 0 !important; display: none; } .checkout-container.complete h1, .checkout-container.complete .item-desc .item-name { font-family: var(--primary-font) !important; } .checkout-container.complete .card.order-confirm-wrapper { background-color: var(--white-color); border: 0; max-width: 830px !important; width: 100%; flex-basis: auto; border-radius: 8px !important; box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.10); border: 0 !important; } .checkout-container.complete .card.order-confirm-wrapper .card-header+.card-body, .checkout-container.complete .card.order-confirm-wrapper .card-header+.card-footer { padding: 18px 24px 10px !important; } .checkout-container.complete .card-body.p-4 { padding: 0 !important; } .complete .order-confirm-wrapper .card-body h1.breadcrumb-heading { color: var(--heading-color); font-family: var(--primary-font); font-size: 24px; font-style: normal; font-weight: 500 !important; line-height: 32px !important; margin-bottom: 0 !important; } .checkout-container.complete .blue-secondary-bg { background-color: transparent !important; padding: 0 !important; } .order-confirm-wrapper .card-header.order-confirm-top { margin: 0 0 0 !important; padding-block: 20px !important; background-color: var(--primary-color) !important; border-radius: 8px 8px 0px 0px; } .order-confirm-wrapper .card-header.order-confirm-top img { max-width: 252px; width: 100%; } .complete .col-12.d-flex.justify-content-center.px-0.px-md-3.py-4 { padding-top: 0 !important; } .checkout-container.complete .section-cont { border-bottom: 0.5px solid var(--border-color) !important; padding: 32px 0 !important; } .complete .customer-note.section-cont br { content: " "; height: 30px !important; display: block; } .complete .customer-note.section-cont { color: var(--heading-color); font-family: var(--secondary-font); font-size: 16px; font-weight: 400; line-height: 24px; } .complete .product-label.pro-badges-cont { display: none !important; } .total-cont.section-cont .col-12.px-0.d-flex { padding: 0 !important; margin: 0 !important; } .col-12.order-data.section-cont { gap: 100px; justify-content: flex-start !important; } .order-data.section-cont .col-12.col-md-4 { width: auto !important; max-width: initial !important; flex-basis: auto; align-items: flex-start !important; padding: 0 !important; } .checkout-container.complete .order-data .order-column .col-heading { color: var(--default-navbar-color); font-size: 16px; font-style: normal; font-weight: 400 !important; line-height: 26px; padding-bottom: 6px !important; } .checkout-container.complete .order-data .order-column .col-desc { color: var(--primary-color); font-size: 16px; font-style: normal; font-weight: 500; line-height: 24px; font-family: var(--primary-font); } .checkout-container.complete .vendor-items-holder .vendor-order-details .order-item, .checkout-container.complete .vendor-items-holder { padding: 0 !important; margin: 0 !important; } .checkout-container.complete .vendor-order-details { padding: 0 !important; } .checkout-container.complete .cart-data .order-item .item-desc .item-name { color: var(--heading-color); font-size: 16px !important; font-style: normal; font-weight: 400; line-height: 24px !important; margin: 0 0 6px !important; padding: 0 !important; } .complete .message-label { color: var(--text-light-color); font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; } .message-content { color: var(--heading-color); font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px; } .complete :is(.item-brand, .receipient-name) { color: var(--text-light-color); font-size: 16px; font-style: normal; font-weight: 400 !important; line-height: 26px; } .complete :is(.receipient-name) { color: var(--heading-color); } .complete :is(.qty) { color: var(--text-light-color); font-size: 14px; font-style: normal; font-weight: 500 !important; line-height: 16px; } .complete .receipient-name { color: var(--primary-color); text-transform: capitalize; } .custom-container.checkout .checkout-tabs-cont .vendor-items-holder .vendor-order-details .order-item { margin-bottom: 48px !important; } .custom-container.checkout .checkout-tabs-cont .vendor-items-holder .vendor-order-details .order-item:last-child { margin-bottom: 0 !important; } .complete .receipient-email { color: var(--text-light-color); text-align: center; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; } .checkout-container.complete .cart-data .order-item .item-price { color: var(--primary-color); font-size: 16px !important; font-style: normal; font-weight: 500; line-height: 24px !important; } .complete.digital .shipping-data .col-12.px-0.shipping-row.d-flex.flex-wrap.justify-content-between.pt-4.mt-1:first-child { margin-top: 0 !important; padding: 0 0 24px 0 !important; } .col-12.px-0.shipping-row.d-flex.flex-wrap.justify-content-between.pt-4.mt-1.ng-star-inserted { margin-top: 0 !important; } .checkout-container.complete .shipping-data .shipping-row:last-child { margin-top: 0 !important; padding-bottom: 0; display: none !important; } .digital .col-12.px-0.shipping-row.d-flex.flex-wrap.justify-content-between.pt-4.mt-1:is(:nth-child(2), :first-child), .col-12.px-0.shipping-row.d-flex.flex-wrap.justify-content-between.pt-4.mt-1:first-child { margin: 0 !important; padding: 0 !important; } .card-footer.blue-secondary-bg .col-12.px-0.d-flex.justify-content-between.py-2 { padding-top: 0 !important; } .total-cont.section-cont .text-right.total-price { color: var(--heading-color); font-size: 16px !important; font-style: normal; font-weight: 500 !important; line-height: 24px !important; } .col-6.col-md-9.text-right { color: var(--heading-color); font-size: 16px; font-style: normal; font-weight: 500; line-height: 24px; } .checkout-container.complete .card-footer-left span { color: var(--black-color); font-size: 14px; font-style: normal; font-weight: 500; line-height: 16px; } .shipping-row .col-6.col-md-3.px-0.pr-md-3 { color: var(--heading-color); font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; } .checkout-container.complete .card-footer-left a { color: var(--text-light-color); font-size: 14px; font-style: normal; font-weight: 500; line-height: 16px; } .complete .card-footer-right { color: var(--heading-color); font-size: 14px; font-style: normal; font-weight: 500; line-height: 16px; } .checkout-container.complete .card-footer .back-btn { border: 2px solid var(--heading-color); border-radius: 48px !important; background: var(--off-white); color: var(--heading-color); font-family: var(--primary-font); font-size: 16px !important; font-style: normal; font-weight: 500 !important; line-height: 24px !important; letter-spacing: 0; text-transform: capitalize !important; text-decoration: none; padding: 14px 12px 19px; min-width: 140px; margin: 24px 0 8px; } .complete .attributes { color: var(--default-navbar-color); font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px; display: none; } .col-12.px-0.pt-1.msg-inner a, .col-12.px-0.pt-1.msg-inner p { color: var(--text-light-color); font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; margin-top: 4px; } .col-12.px-0.pt-1.msg-inner a:hover { text-decoration: none; } .total-cont.section-cont .col-3.px-0.pr-3 { color: var(--heading-color); font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; } .checkout-container.complete .cart-data .order-item .item-img { max-width: 90px; min-width: 90px !important; height: auto !important; width: 100%; margin-right: 15px !important; } .custom-container.checkout .checkout-tabs-cont .vendor-items-holder { padding-bottom: 1.6rem; } .custom-container.checkout .checkout-tabs-cont .vendor-items-holder:not(:last-child) { margin-bottom: 48px !important; } .complete .order-item .order-item-inner-bottom { margin-top: 9px; } .complete .col-12.d-flex.justify-content-center.px-0.px-md-3.py-4 { padding-bottom: 0 !important; } .card-footer:last-child { background: transparent !important; } app-cart .custom-container.cart-container { padding-bottom: 3rem !important; } /* ========= internal pages =========== */ app-ts-gift-card-balance .user-wrapper { padding-top: 3rem; } app-ts-gift-card-balance .user-wrapper .breadcrumb li a { color: var(--text-light-color) !important; font-weight: 400; } app-ts-gift-card-balance .user-wrapper .user-heading { color: var(--heading-color); font-size: 30px; line-height: 32px; font-weight: 500; text-transform: uppercase; } .user-wrapper .ts-balance-form .form-group.pr-1:not(:first-child) { display: none; } .contact-form-cont label, .user-wrapper .ts-balance-form label { color: var(--text-light-color); font-family: var(--secondary-font); font-size: 16px; font-weight: 500; line-height: 24px; text-align: left; } .contact-form-cont textarea, .contact-form-cont input, .user-wrapper .ts-balance-form input { border: 1px solid var(--border-color); font-size: 14px !important; font-weight: 500; line-height: 16px !important; text-align: left; font-family: var(--secondary-font); min-height: 54px; } .contact-form-cont textarea { min-height: 90px; padding: 5px 8px; } .contact-form-cont button.btn-primary, .user-wrapper .ts-balance-form button.btn-primary { background-color: var(--off-white); border-radius: 48px; border: 2px solid var(--heading-color); color: var(--heading-color); font-family: var(--primary-font); font-size: 16px; font-weight: 500 !important; line-height: 24px; text-align: center; padding: 14px 42px !important; text-transform: capitalize; height: auto !important; width: auto !important; text-transform: uppercase; } .modal-popup .modal-container { border-radius: 1rem; background-color: var(--white-color); } .modal-popup .modal-container .modal-title { color: var(--heading-color); font-family: var(--primary-font); font-size: 30px; font-weight: 500; line-height: 32px; } .modal-popup .modal-container .modal-body .modal-body-inner { color: var(--text-light-color); font-family: var(--secondary-font); font-size: 16px; font-weight: 400; line-height: 24px; } .modal-popup .modal-container .modal-footer .return-btn { background-color: var(--off-white); border-radius: 48px; border: 2px solid var(--heading-color); color: var(--heading-color); font-family: var(--primary-font); font-size: 16px; font-weight: 500 !important; line-height: 24px; text-align: center; padding: 14px 42px !important; text-transform: capitalize; height: auto !important; width: auto !important; } /* faq screen */ app-common-page .custom-container.footer-page-container:first-child { display: none; } .custom-container.footer-page-container .custom-page-section { padding: 3rem 1.5rem 2rem; } .custom-container.footer-page-container .custom-page-section h2 { color: var(--heading-color); font-family: var(--primary-font); font-size: 30px; font-weight: 500; line-height: 32px; margin-bottom: 1.5rem; text-transform: uppercase; text-align: left; } .custom-container.footer-page-container .custom-page-section h3.small-heading { color: var(--heading-color); font-family: var(--primary-font); font-size: 16px; font-weight: 800; line-height: 24px; text-align: left; margin-bottom: 1.5rem; text-transform: uppercase; } .custom-container.footer-page-container .custom-page-section ul { padding-left: 1.6rem; } .custom-container.footer-page-container .custom-page-section ul li { color: var(--text-light-color); font-family: var(--secondary-font); font-size: 16px; font-weight: 400; line-height: 24px; } .custom-container.footer-page-container .custom-page-section p { color: var(--text-light-color); font-family: var(--secondary-font); font-size: 16px; font-weight: 400; line-height: 24px; margin-bottom: 1.5rem; } .custom-container.footer-page-container .custom-page-section p strong { font-family: var(--primary-font); } app-common-page .container-fluid.BorderBottom { display: none; } .custom-container.footer-page-container .custom-page-section .bordered-text { border-bottom: 2px solid var(--heading-color); color: var(--heading-color); font-family: var(--primary-font); font-size: 16px; font-weight: 500; line-height: 24px; padding-bottom: 8px; margin-bottom: 3rem; } .client-info-section .bordered-row { border-bottom: 1px solid var(--text-light-color); padding-bottom: 15px; margin-bottom: 25px; } .client-info-section h5 { color: var(--heading-color); font-family: var(--primary-font); font-size: 16px; font-weight: 800; line-height: 24px; margin-bottom: 15px; text-transform: uppercase; } .custom-container.footer-page-container .custom-page-section .bordered-row p { font-family: var(--secondary-font); font-size: 14px; font-weight: 500; line-height: 16px; } .client-info-section .right-info-section a { background-color: var(--off-white); border-radius: 48px !important; border: 2px solid var(--heading-color); color: var(--heading-color); font-family: var(--primary-font); font-size: 16px; font-weight: 500; line-height: 24px; text-align: center; padding: 15px 20px; text-transform: capitalize; text-decoration: none; display: inline-block; } .client-info-section .right-info-section a:hover { background-color: var(--heading-color); color: var(--off-white); } /* ========= footer ======== */ footer.footer { border-top: 0; background-color: var(--secondary-bg-color); margin-top: 0; padding: 70px 0; } .footer .footer-widget .widget-title { display: none; } .footer .footer-widget .widget-content ul li { padding-bottom: 16px; } .footer .footer-widget .widget-content ul li a, .footer-widget .footer-widget-text { color: var(--primary-color-light); font-family: var(--primary-font); font-size: 16px; font-style: normal; font-weight: 800; line-height: 24px; text-transform: uppercase; } .footer .footer-widget .widget-content ul li a { text-decoration: none; } .footer .footer-widget .widget-content ul li a:hover { text-decoration: none; color: var(--off-white); } .footer .footer-widget .widget-content .social-links { padding-top: 0 !important; gap: 20px; margin-bottom: 0; } .footer .footer-widget .widget-content .social-links .btn-subsribe { border: 2px solid var(--off-white); border-radius: 48px; color: var(--off-white); padding: 14px 26px; font-family: var(--primary-font); font-size: 16px; font-weight: 400; line-height: 24px; margin-bottom: 20px; display: none; } .footer .footer-widget .widget-content .social-links .btn-subsribe:hover { background-color: var(--off-white); color: var(--light-black); } .social-links img[alt="linkedin"] { content: url('https://static.techsembly.com/ziyuu0g7k0y5ab2mh1wgtfop0qli'); width: 40px; } .social-links img[alt="youtube"] { content: url('https://static.techsembly.com/snmzzst2n33su9j8u22ra24fe3v2'); padding-top: 5px; } .footer .mobile-footer .list-group .list-group-holder > a:after { background-image: url('https://static.techsembly.com/8v8npceqgpm8rex5fz4dmmfmsdpu') !important; background-size: cover; transform: rotate(0deg); transition: ease-in-out .3s; } .footer .mobile-footer .list-group .list-group-holder > a.down:after { transform: rotate(90deg); } .footer .copyright-cont { display: none !important; } .footer .our-brands { padding-top: 20px; padding-bottom: 20px; display: flex; } .our-brands .topbar-two { flex-basis: 100%; } .our-brands .brands-top-sec { flex-wrap: nowrap; flex-direction: column; width: 15%; flex-basis: 15%; row-gap: 24px; } .our-brands h2 { color: var(--primary-color-light); font-size: 16px; line-height: 24px; font-weight: 500; font-family: var(--primary-font); position: relative; } .our-brands h2::after { background-color: var(--primary-color-light); content: ''; position: absolute; top: 10px; width: calc(100% - 78px); height: 1px; margin-left: 10px; right: 0; } .our-brands .topbar h2::after { right: inherit; } .our-brands .brand-name-left { flex-direction: column; justify-content: center; align-items: flex-start; } .our-brands .brand-name-bordered { border-right: 1px solid var(--primary-color-light); } .our-brands .brand-name-left img { max-width: 120px; } .our-brands .brand-name-right { justify-content: center; align-items: center; flex-wrap: wrap; column-gap: calc((100% - 104px* 6) / 5); row-gap: 24px; list-style: none; } .our-brands .brand-name-right img { max-width: 104px; width: 100%; } .brand-footer-bottom { border-top: 1px solid var(--primary-color-light); border-bottom: 1px solid var(--primary-color-light); justify-content: space-between; padding: 30px 0; align-items: center; } .brand-footer-bottom p { color: var(--primary-color-light); font-size: 16px; font-weight: 400; font-family: var(--primary-font); line-height: 24px; margin: 0; } .brand-footer-bottom ul.center-logo { list-style: none; margin: 0; } .brand-footer-bottom ul.center-logo li strong { color: var(--off-white); font-family: var(--primary-font); font-size: 16px; font-weight: 800; line-height: 24px; padding-right: 20px; } .brand-footer-bottom ul.center-logo img { max-width: 104px; } .brand-footer-bottom ul.footer-wrapper-terms li a { font-family: var(--primary-font); font-size: 16px; font-weight: 400; line-height: 24px; text-align: right; } .brand-footer-bottom ul.footer-wrapper-terms li { padding-left: 16px; padding-right: 16px; list-style: none; position: relative; } .brand-footer-bottom ul.footer-wrapper-terms li:last-child { padding-right: 0; } .brand-footer-bottom ul.footer-wrapper-terms li a { color: var(--primary-color-light); font-family: var(--primary-font); font-size: 16px; font-weight: 400; line-height: 24px; } .brand-footer-bottom ul.footer-wrapper-terms li a:hover { color: var(--off-white); text-decoration: none; } .brand-footer-bottom ul.footer-wrapper-terms li a::before { background-color: var(--primary-color-light); border-radius: 3px; content: ''; position: absolute; left: -18px; top: 36%; width: 6px; height: 6px; } .brand-footer-bottom ul.footer-wrapper-terms li:first-child a::before { display: none; width: 0; } /* ========= footer ends ========== */ /* ========= media queries start ========== */ @media (max-width: 991.98px) { .mob-overlay, nav#sidebar { top: 101px; height: calc(100% - 101px); } .sticky-mobile .mob-overlay, .sticky-mobile nav#sidebar { top: 53px; height: calc(100% - 53px); } nav#sidebar ul.accordian li.nav-item a[data-toggle="collapse"]::after { filter: brightness(0) saturate(100%) invert(100%) sepia(4%) saturate(6629%) hue-rotate(314deg) brightness(91%) contrast(92%); } nav#sidebar ul.accordian li.nav-item .sub-menu-cont { padding-left: 2.2rem !important; } header.header { padding: 0; margin: 0; } header.header .mobile-menu { padding: 0; display: flex; } .header .align-items .col-lg-4.col-md-4.col-sm-5.col-4.p-0.pl-2 { max-width: 30%; width: 100%; flex-basis: auto; text-align: center; display: flex; justify-content: center; padding-left: 0 !important; } .sticky { display: none; } .sticky-mobile { box-shadow: 0 0px 5px var(--border-color); position: fixed; left: 0; right: 0; top: 0; width: 100%; z-index: 999; } header.header .logo { margin: 0; max-width: 150px; } header.header .head-links li .cart-qty, header .mob-top-links .cart-qty { background-color: transparent; color: var(--primary-color); font-size: 0; top: 0; left: 0; height: 26px; width: 23px; } header .mob-top-links .dropdown-flag .dropdown-toggle:after, .currency-menu-mobile button.mobile-menu, .mob-top-links li:first-child, .mob-top-links li:nth-child(3), .mob-top-links li:nth-child(4) { display: none; } .mob-top-links li:not(:first-child) a { padding: 0 !important; display: flex !important; justify-content: center; align-items: center; } .currency-menu-mobile .shipping li:nth-child(3), .currency-menu-mobile .shipping { display: flex !important; } .currency-menu-mobile .shipping li:nth-child(3) { margin-right: 0 !important; } .mob-top-links .dropdown-flag .dropdown-toggle { pointer-events: none; } .currency-menu-mobile .shipping .dropdown a#dropdownMenuButton { font-size: 0.625rem !important; pointer-events: none; } .currency-menu-mobile .dropdown-menu { display: none !important; } .mob-top-links { gap: 10px; align-items: center; } .header .align-items :is(.menu-links-cont, div.col-1.col-sm-2) { max-width: 35%; flex-basis: auto; width: 100%; } header.header .logo { height: auto; } .mob-top-links li a.mob-search-link { display: none !important; } :is(.mob-top-links a.mob-cart-btn) img { width: 22px; } header .mob-top-links .add-to-basket .dropdown-menu .pro-name-cont { min-height: inherit; } header .mob-top-links .add-to-basket .dropdown-menu.dropdown-menu-right { top: 0 !important; left: -10px !important; } .cart-sticky .add-to-basket .dropdown-menu, header.header .head-links li .add-to-basket .dropdown-menu { top: -5px !important; } /* home page */ .section-description .section-title, .section-heading .section-title { font-size: 38px; line-height: 44px; } .checkoutFooterNote { padding: 1rem; margin-left: 0; margin-right: 0; margin-bottom: 50px; } .checkoutFooterNote p .title { font-size: 14px; line-height: 1.5rem; } /* product detail */ .custom-container.cart-container .vendor-items .personalize-row { display: none; } app-cart .custom-container .cart-right-cont, app-cart .custom-container .cart-left-cont { flex: auto; max-width: 100%; } .product-detail-container .product-holder .product-order { border-top: none; } .delivery-methods-cont .vendor-cards-holder .card .card-header .badge-stroke, app-item .cart-item.new .pro-badges-cont .pro-badge, .delivery-methods-cont .vendor-cards-holder .card .order-item .item-desc .badge-stroke { max-width: 140px; } app-item .cart-item .item-details .col-4, app-item .cart-item .item-details .col-8 { flex: auto; max-width: 50% !important; } app-item .cart-item .item-details .col-4 { display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: flex-start; padding-left: 0 !important; } app-item .cart-item .item-details .col-4 .item-qty-mob-cont { padding-top: 0 !important; } app-item .cart-item.new .item-details .unit-attributes-cont>div { display: none !important; } .custom-container.cart-container .btn.continue-btn-new { display: flex; align-items: center; justify-content: center; width: 100%; } .cart-item .item-details .col-label { margin-bottom: 0 !important; } .complete .customer-note.section-cont .updated-del-string br { display: none; } /* mobile footer begins */ footer.footer { padding: 24px 0; } .footer .footer-widget .widget-content .social-links { justify-content: start; margin-left: -20px; } .footer .mobile-footer .list-group .list-group-holder:first-child { border-top: none; } .footer .mobile-footer .list-group .list-group-holder .BorderBottom { border-bottom: none; } .footer-widget:last-child { flex: 1; text-align: inherit; } .footer .mobile-footer .list-group .list-group-holder>a { padding: 14px 0 13px; background-color: transparent; color: var(--primary-color-light); font-size: 18px; font-style: normal; font-weight: 400; line-height: 18px; text-transform: uppercase; } .footer .mobile-footer .list-group .list-group-holder>a:focus, .footer .mobile-footer .list-group .list-group-holder>a:active, .footer .mobile-footer .list-group .list-group-holder>a:hover { background-color: transparent !important; } .footer .mobile-footer .footer-widget ul li a { color: var(--off-white); font-size: 14px; font-style: normal; font-weight: 400; line-height: 26px; text-transform: uppercase; } .footer .our-brands { flex-direction: column; } .our-brands .brands-top-sec { width: 100%; flex-basis: 100%; row-gap: 0; } .our-brands .brand-name-left img { max-width: 124px; } .our-brands .brand-name-bordered { border-right: 0; } .our-brands .brand-name-left { padding-left: 0; padding-right: 0; flex-direction: row; } .brand-footer-bottom { flex-direction: column; row-gap: 24px; padding: 16px 0; align-items: start; border-bottom: 0; } .brand-footer-bottom .copy-section { order: 2; } .brand-footer-bottom .footer-wrapper-logo { order: 2; } .brand-footer-bottom ul.center-logo { flex-direction: column; gap: 10px; justify-content: start; align-items: start !important; } .brand-footer-bottom .footer-wrapper-policy ul, .brand-footer-bottom ul.center-logo { padding-left: 0; } .brand-footer-bottom ul.footer-wrapper-terms li:first-child { padding-left: 0; } .brand-footer-bottom ul.footer-wrapper-terms li a { font-size: 12px; } .our-brands .brand-name-right { padding-left: 0; justify-content: space-between; } .our-brands .topbar h2::after { right: 0; } } /* ============== end max 992 ============== */ @media (max-width: 767.98px) { header.header { padding: .75rem 0; } .gift-card-section .gift-card-details { padding-left: 0; padding-top: 20px; padding-bottom: 20px; } .gift-card-section { padding: 0; } .exp-section-holder { padding: 0 0 24px; } .section-description { padding-bottom: 16px; max-width: auto; } .section-reversed .exp-section-holder .row { flex-direction: column-reverse; } .exp-section-holder .section-img { margin-bottom: 32px; } .checkout-container.complete .card.order-confirm-wrapper { padding: 0 !important; } .col-6.px-0.pr-md-3.order-item-left.d-flex.align-items-center { max-width: 60%; flex-basis: auto; } .col-6.pr-0.pl-md-3.order-item-right { max-width: 40%; flex-basis: auto; padding-left: 5px; } .complete .card-body.p-4 { padding: 16px !important; } .checkout-container.complete .cart-data .order-item .item-img { margin-right: 10px !important; max-width: 40%; } .complete .col-12.col-md-8.px-0.pr-md-3.order-item-left.d-flex.align-items-center.pb-4.pb-md-0 { max-width: 60%; flex-basis: auto; } .order-item-right .col-6.pl-0.pr-2.items-atts-cont.text-center { max-width: 100%; } .complete .col-12.col-md-4.px-0.pl-md-3.order-item-right.d-flex.align-items-center.justify-content-between { max-width: 40%; flex-basis: auto; justify-content: center !important; flex-wrap: wrap; } .complete .col-12.col-md-9.px-0.pl-md-3.text-right { text-align: left !important; } .card-footer .col-12.px-0.d-flex.justify-content-between.py-2 { display: flex; flex-wrap: wrap; } .product-detail-container .product-holder .product-order .nav-tabs { gap: 20px; } .related-products .related-products-holder .rel-product-col:nth-child(2n) { margin-right: 0 !important; } .related-products .related-products-holder .rel-product-col { width: calc(50% - 10px); margin: 0 10px 26px 0; } .related-products .related-products-holder .product-content .product-title { width: 90%; padding-right: 10px; } .scheduled-dtime { margin: 0 -16px -28px; padding: 24px 16px 0; } .delivery-methods-cont .vendor-cards-holder .card .shipping-options-cont { padding: 24px 16px 18px !important; } .custom-container.cart-container .vendor-items-cont .card .card-header { display: flex; flex-wrap: wrap; } .custom-container.cart-container .vendor-items-cont .card { padding: 24px 16px !important; } .cart-right-cont { margin-top: 1.5rem; } app-cart .cart-right-cont form.cart-login-form .form-submit-cont { padding-bottom: 0 !important; } .address-form .col-6 { max-width: 100%; flex: auto; padding: 0 !important; } .address-form .col-6 .form-group { padding: 0 !important; } .modal-popup .modal-container { width: 90%; background-color: var(--white-color) !important; border-radius: 8px; box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.10); } .card.order-summary-cont .card-header, .order-summary-cont .card-body-inner, .col-12.px-4.login-cart-panel, .col-12.px-4.guest-form-cont, .custom-container.cart-container .cart-login-cont .checkout-desc-cont, footer .container.custom-container, .custom-container.checkout, .shipping-form-container .left-panel .shipping-form-cont-inner, .col-12.px-4.order-summary-container, .order-summary-cont .order-totals-container, .delivery-methods-cont .vendor-cards-holder .card .order-item, .checkout-container.complete .blue-secondary-bg { padding-inline: 16px !important; } .home-slider .d-none.d-md-block.d-lg-block.d-xl-block { display: block !important; } .home-slider .d-block.d-sm-block.d-md-none { display: none !important; } .modal-body .guestCheckout-form input#guest-email, .modal-body .guest-form-cont .form-control, .modal-body .guest-form-cont button, form.guestCheckout-form .form-submit-cont { max-width: 100%; width: 100%; } app-buy-now-login .modal-body { padding-inline: 24px; } .cdk-global-overlay-wrapper .mat-dialog-container #modal-buynow .login-modal .modal-body .container { max-width: 100% !important; padding: 0; } .modal-body .cart-login-cont.py-4 { padding-top: 0 !important; } .payment-form-container .card.blue-secondary-bg { margin-bottom: 24px !important; padding: 8.5px 11px !important; } .payment-form-container .checkbox-cont .checkmark, .payment-form-container .checkbox-cont .checkmark { height: 24px !important; min-width: 24px !important; } .payment-form-container .form-group .checkbox-cont .checkmark::after { background-size: 12px; width: 24px; height: 24px; display: flex !important; align-items: center; justify-content: center; top: -1px; left: -1px; } .payment-form-container .card.blue-secondary-bg.exlc-offer { padding: 14.5px 11px !important; margin-top: 28px !important; } .payment-form-container .checkbox-cont input:checked~.checkmark, .payment-form-container .checkbox-cont .checkmark { position: relative; top: 0px; } .product-detail-container .personalise-form .delivery-form .info-text { margin-top: 12px; display: inline-block; } .product-detail-container .product-holder .product-detail .product-info h1.product-name { width: 100%; /* display: none; */ } .product-detail-container .product-holder .product-detail .product-info .product-heading .product-rating a.wishlistImage { margin-top: 9px; } .checkout-container.complete .blue-secondary-bg { background-color: transparent !important; padding: 0 !important; } .card-footer.blue-secondary-bg .col-12.px-0.d-flex.justify-content-between.py-2 { gap: 10px; } .col-12.order-data.section-cont { gap: 16px; } app-product-detail :is(li.breadcrumb-item a, li.breadcrumb-item.last) { font-size: 14px; } #delivery-options-popup .radio-container input:checked~.checkmark::after { top: 1.5px; left: 1.5px; } .payments-methods-cont fieldset .card { max-width: 100%; display: inline-block; width: 100%; } .payments-methods-cont fieldset { display: flex; gap: 0px; flex-wrap: wrap; } form.signup-form .btn.submit { background-position: 23% calc(50% - 2px); } label.checkbox-cont input#same-billing-address~span.checkmark { top: -5px; } form.guestCheckout-form .btn.submit span { font-size: 14px; } .mobile-nav .btn-transparent { min-width: 48%; } header .mob-top-links .add-to-basket .dropdown-menu.dropdown-menu-right { -webkit-transform: translate3d(-252px, 26px, 0px) !important; transform: translate3d(-252px, 26px, 0px) !important; top: -4px !important; left: 5px !important; } .btn.btn-primary { font-size: 14px !important; } .total-cont.section-cont .total-price, .total-cont.section-cont .col-3.px-0.pr-3 { max-width: 50%; flex-basis: 50%; } } @media (max-width: 575.98px) { .home-banner { margin-bottom: 44px; min-height: 472px; } .home-banner img { min-height: 472px; object-fit: cover; } .section-description .section-link a, .section-description p { font-size: 14px; line-height: 20px; } .section-description .section-title, .section-heading .section-title { font-size: 24px; line-height: 32px; margin-bottom: 1.5rem; } .sign-up-section h2 { font-size: 24px; line-height: 32px; max-width: 240px; margin: 0 auto; } .sign-up-section .sign-up-container .sign-up-form { margin-top: 20px; } } @media (max-width: 414px) { .arrow-breadcrumbs li.breadcrumb-item+.breadcrumb-item { padding: 0 8px; } } @media (max-width: 400px) { app-item .cart-item.new .pro-badges-cont .pro-badge, .delivery-methods-cont .vendor-cards-holder .card .order-item .item-desc .badge-stroke { padding: 5px 4px !important; } .delivery-methods-cont .vendor-cards-holder .card .delivery-dropdowns-cont .label-email .recipent-info-edit { padding: 7px 9px 7px !important; } .delivery-methods-cont .vendor-cards-holder .shipping-totals-cont { padding-inline: 0px !important; } app-item .col-label { margin-bottom: 14px !important; } .order-summary-container .vendor-items-holder .vendor-order-details .order-item .item-img { margin-right: 5px; } app-item .cart-item.new .item-details :is(.item-name, .unit-total-price), app-item .cart-item.new .pro-badges-cont .pro-badge, .delivery-methods-cont .vendor-cards-holder .card .order-item .item-desc .badge-stroke, app-item .col-label, .delivery-methods-cont .vendor-cards-holder .card .shipping-options-cont .option-price, .delivery-methods-cont .vendor-cards-holder .card .shipping-options-cont .radio-container .del-method-name { font-size: 12px !important; } .order-summary-container .vendor-items-holder .vendor-order-details :is(.order-item .item-price, .tax-row-item .item-price), .delivery-methods-cont .vendor-cards-holder .card .order-item .item-price { font-size: 14px !important; } .left-panel .delivery-methods-cont .vendor-cards-holder .card .radio-container .checkmark { width: 21px !important; height: 21px !important; } .payment-form-container .radio-container .checkmark::after, .left-panel .delivery-methods-cont .vendor-cards-holder .card .radio-container .checkmark::after { width: 19px !important; height: 19px !important; } } @media (min-width: 992px) { header.header .logo { padding: 44px 0; } header.header .menu-holder { padding-bottom: 10.687px; } .sticky .wrapped { max-width: 100%; } header.header .sticky .menu-holder { padding-bottom: 13.5px; padding-top: 13.5px; } .exp-section-holder .right-section { padding-left: 66px; } .exp-section-holder .left-section { padding-left: 40px; } .home-slider .container.custom-container { max-width: 100%; } .container.home-intro-container { max-width: 100%; padding-inline: 45px; } .home-intro-container.home-product-container { padding-inline: 30px; } app-page-sidebar.main-sidebar { max-width: 23.48%; width: 100%; } .cart-item .item-details-cont .col-lg-3 { margin-left: 32px; max-width: 124px; width: 100%; padding: 0; } .item-details-cont .item-details .col-lg-7 { flex: auto; max-width: 53%; } .item-details-cont .item-details .col-lg-7 { flex-basis: 49.333333%; max-width: 49.333333%; } .item-details-cont .item-details .col-lg-2 { flex-basis: 27.666667%; max-width: 27.666667%; } .cart-item .item-details-cont .col-lg-3 { flex-basis: 23%; max-width: 23%; } .cart-item .item-image-cont { padding: 0 !important; max-width: 21.276%; width: 100%; flex: auto; margin-right: 20px; } .shipping-form-container .left-panel, app-shipping-details-v2 .shipping-form-container .left-panel { padding-right: 3.25rem !important; } .product-detail-container .product-holder { margin-bottom: 18px !important; } .item-img.mr-1 { margin: 0 !important; } .col-10.px-0.item-details-cont { flex: auto; } .container.custom-container.checkout, app-login-signup, app-user-account { padding: 48px 48px 32px !important; display: block; } app-product-listing { padding-bottom: 45px; display: block; } .complete .order-item .col-md-7 { flex: auto; max-width: 58.333333%; } .order-item-right .col-lg-5 { flex: auto; max-width: 44%; padding-left: 0; } .complete .order-item .col-md-5 { flex: auto; max-width: 48.666667%; } .item-img.mr-1 img { width: 100%; } app-related-products .container.custom-container .container { max-width: 100%; width: 100%; padding: 0; } .cart-sticky .add-to-basket .dropdown-menu::after { border-left: 30px solid transparent; border-bottom: 30px solid transparent; border-top: 30px solid var(--white-color); position: absolute; top: -12px; right: 6px; content: ''; width: 0; height: 0; transform: rotate(-45deg); } header.header .head-links li .add-to-basket .dropdown-menu:after { right: 6px; } .payment-form-container .left-panel { padding-right: 3.5rem; } .fair-ultimate .col-md-7.col-12 { padding-left: 8.16px; } .fair-ultimate .col-md-5.col-12 { max-width: 440px; margin: auto; padding: 0; } .cart-sticky .add-to-basket .dropdown-menu, header.header .head-links li .add-to-basket .dropdown-menu { background: var(--white-color); box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1); border-radius: 0; border: none; right: 24px !important; top: 0 !important; width: 17.9375rem; padding: 1.0625rem; } .cart-sticky .add-to-basket .dropdown-menu { right: -22px !important; top: 38px !important; } .container.product-detail-container { max-width: max-content; padding-inline: 46.5px; } .footer .custom-container { padding-left: 60px; padding-right: 60px; } /* internal screens */ app-ts-gift-card-balance .user-wrapper .user-container { max-width: 100%; padding-inline: 3rem; } } @media (min-width: 1200px) { app-product-listing .container.custom-container.product-container { padding: 32px 48px; } app-product-detail .product-detail-container .col-lg-7 { flex: inherit; max-width: 52.096%; } app-product-detail .product-detail-container .col-lg-5 { flex: auto; max-width: 43.797%; } app-related-products .container.custom-container.modified .container { max-width: 100%; width: 100%; padding: 0; } .payment-form-container .col-12.col-lg-4.right-panel { flex: 0 0 39.25%; max-width: 39.25%; } .payment-form-container .left-panel { flex: 0 0 57%; max-width: 57%; } app-cart .cart-container .col-md-8 { max-width: 64.85%; flex: auto; } app-cart .cart-container .col-md-4 { flex: auto; max-width: 31.65%; } app-cart .custom-container.cart-container { padding: 48px 48px !important; } .payment-form-container .left-panel { padding-right: 11px !important; } .cart-container .row { justify-content: space-between; } .shipping-form .left-panel.col-lg-8, .shipping-form-container .left-panel.col-lg-8 { flex: auto; max-width: 64.33%; padding-right: 0; } .shipping-form .right-panel.col-lg-4, .shipping-form-container .right-panel.col-lg-4 { flex: auto; max-width: 31.60%; } .shipping-form .row, .shipping-form-container .row { justify-content: space-between; } .payment-form .row { justify-content: space-between; } .complete .col-12.col-md-8.order-item-left { max-width: 48%; flex: auto; } .complete .col-12.col-md-4.order-item-right { max-width: 52% !important; flex: auto; } } @media (min-width: 1280px) { .product-detail-container .product-holder .product-inner { flex-basis: 43.15%; max-width: 43.15%; padding-left: 2rem; padding-right: 0; } .product-detail-container .product-carousel-cont { flex-basis: 53%; max-width: 53%; } .container.product-detail-container { max-width: 1140px; padding-inline: 15px; } } </style> </head> <body data-pagetype="product"> <link rel="stylesheet" href="https://checkoutshopper-test.adyen.com/checkoutshopper/sdk/3.8.1/adyen.css" integrity="sha384-y1lKqffK5z+ENzddmGIfP3bcMRobxkjDt/9lyPAvV9H3JXbJYxCSD6L8TdyRMCGM" crossorigin="anonymous" > <!-- Google Tag Manager (noscript) --> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5SQD9Q7" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript> <!-- End Google Tag Manager (noscript) --> <!--<div class="text-alert">PARAMS</div>--> <!-- <div class="text-alert"> : </div>--> <div class="wrapper"> <div id="content"> <div class="app-header"> <header class="header" id="header"> <div class="container-fluid"> <div class="row align-items spacing"> <!-- old --><!-- <div class="col-1 col-sm-2 col-md-2 col-lg-4 p-0 toggle-menu-cont"> --> <div class="col-1 col-sm-2 col-md-2 col-lg-4 p-0 toggle-menu-cont d-flex align-items-center"> <!-- old --> <!--conditional class "d-lg-none" to be added to button if old menu to be supported--> <!-- <button class="btn mobile-menu d-md-block d-sm-block d-lg-none" id="sidebarCollapse" type="button"> --> <button class="btn mobile-menu d-lg-none" id="sidebarCollapse" type="button" title="sidebar"> <svg height="21" viewBox="0 0 100 100" width="17.5"> <rect height="10" width="100" y="10"></rect> <rect height="10" width="100" y="45"></rect> <rect height="10" width="100" y="80"></rect> </svg> </button> <ul class="shipping d-none flex-row d-lg-flex d-xl-flex"> <li>Ship To</li> <li><img class="" alt="store flag" src="https://static.techsembly.com/8b7q5y27cxois8a264zpivobvwhw" /></li> <li> <div class="dropdown pref_dropdown"> <a aria-expanded="false" aria-haspopup="true" class="dropdown-toggle" data-toggle="dropdown" href="#" id="dropdownMenuButton">IDR Rp </a> <div aria-labelledby="dropdownMenuButton" class="dropdown-menu" > <form name = "preferencesform" class="select-form ng-valid" novalidate=""> <div class="form-group"> <label for="ship_to_label">Ship To:</label> <select class="form-control ng-valid" id="ship_to_label" name="ship_to_label" autocomplete="off"> <option value="banyan-group "> Banyan Group </option> <option value="banyan-tree-samui "> Banyan Tree Samui </option> <option value="banyan-tree-krabi "> Banyan Tree Krabi </option> <option value="banyan-tree-vabbinfaru "> Banyan Tree Vabbinfaru </option> <option value="dhawa-ihuru "> Dhawa Ihuru </option> <option value="angsana-velavaru "> Angsana Velavaru </option> <option value="banyan-tree-lang-co "> Banyan Tree Lang Co </option> <option value="angsana-lang-co "> Angsana Lang Co </option> <option value="pavilion-hotel-kuala-lumpur "> Pavilion Hotel Kuala Lumpur </option> <option value="banyan-tree-kuala-lumpur "> Banyan Tree Kuala Lumpur </option> <option value="cassia-bintan "> Cassia Bintan </option> <option selected="selected" value="angsana-bintan"> Angsana Bintan </option> <option value="banyan-tree-bintan "> Banyan Tree Bintan </option> <option value="angsana-laguna-phuket "> Angsana Laguna Phuket </option> <option value="banyan-tree-phuket "> Banyan Tree Phuket </option> <option value="banyan-corp "> Banyan Group - Corp Store </option> <option value="evp-banyan-group "> Extra Value e-Gift Card - Landing Page </option> <option value="demo "> Test </option> <option value="demo-byg "> Demo </option> <option value="banyan-complimentary "> Banyan Group - Corp Store with Email </option> <option value="angsana-corfu "> Angsana Corfu </option> <option value="banyan-tree-dubai "> Banyan Tree Dubai </option> <option value="marrakech-riad "> Marrakech Riads, Angsana Heritage Collection </option> <option value="angsana-ho-tram "> Angsana Ho Tram </option> <option value="dhawa-ho-tram "> Dhawa Ho Tram </option> </select> </div> <div class="form-group"> <label for="curency">Pay in:</label> <select class="form-control ng-valid" id="curency" name="currencies"> <option selected="selected" value="IDR "> IDR</option> </select> </div> <div class="form-group"> <label for="lang">Language:</label> <select class="form-control ng-valid" id="langua" name="language"> <option value="/en/en">English</option> <option value="/en/zh-CN">Chinese</option> <option value="/en/ms">Malaysian</option> <option value="/en/ja">Japanese</option> </select> </div> </form> <button class="btn btn-primary w-100" id="update-preferences-header" onclick="updatePreferences('ship_to_label', 'curency')"> Update Preferences </button> </div> </div> </li> </ul> </div> <div class="col-lg-4 col-md-4 col-sm-5 col-4 p-0 pl-2"> <div class="logo"> <a class="d-block" href="/angsana-bintan/"> <img class="" alt="Logo" src="https://static.techsembly.com/0hr86ihcesvnarfhbt72cqq0nfw6" /> </a> </div> </div> <div class="col-lg-4 col-md-6 col-sm-5 col-7 p-0 menu-links-cont" id="menu_cart_items"> <ul class="nav head-links justify-content-end align-items d-none d-lg-flex d-xl-flex pb-2"> <li class="nav-item"> <a class="profile-icon" id="profile-icon-sign-partial" href="/angsana-bintan/signin-signup"> <img class="" alt="user-profile" height="25" width="25" src="https://cdn-saas.techsembly.com/assets/new-home/user-c8d99b9125b4626cc56e04f0c9df742a21084ad0a954974232c0681d9c368fd8.svg" /> </a> </li> <li class="nav-item"> <a id="wishlist-heart-cart-partial" class="wishlist-heart" href="/angsana-bintan/wishlist"> <img class="" alt="wishlist" height="25" width="25" src="https://cdn-saas.techsembly.com/assets/new-home/heart-dd7926db4d1539726771af91f23bbca110e53ad32a73c4fe4d8cd16b7f40d29f.svg" /> </a> </li> <li class="nav-item"> <div class="dropdown add-to-basket"> <a id="cart-bag-partial" class="cart-bag" href="/angsana-bintan/cart"> <img class="" alt="cart" height="25" width="25" src="https://cdn-saas.techsembly.com/assets/new-home/bag-4cea944a1606e8687123147ed7b0c7b7b0373f76a14c8f5b531c3153b48ca2ed.svg" /> </a> <div class="dropdown-menu dropdown-menu-right"> <h4 class="dropdown-heading text-center">Your Cart is empty!</h4> <a href="/angsana-bintan/" class="btn btn-primary w-100">Shop</a> </div> </div> </li> </ul> <ul class="nav search justify-content-end align-items d-none d-lg-flex d-xl-flex"> <li class="nav-item"> <div class="search-item-form ng-valid" novalidate="" > <div class="input-group"> <input aria-describedby="basic-addon2" aria-label="Find something unique" class="form-control nav-search-field" id="search-bar" placeholder="Find something unique" type="text"> <div class="input-group-append"> <button class="btn btn-search" id="search-bar-button" type="button" onclick="getSearchValue()"> <img class="" alt="search image" src="https://cdn-saas.techsembly.com/assets/new-home/search-white-4a6360ca13c0c1f7621fba988854bbad3a8a8999d45bfb2a89535c0c434b88af.svg" /> </button> </div> </div> </div> </li> </ul> <ul class="nav navbar-nav navbar-right d-sm-flex d-md-flex flex-row d-sm-flex d-lg-none text-right justify-content-end mob-top-links"> <li><a class="p-2 d-inline mob-search-link"><img class="" alt="search image" src="https://cdn-saas.techsembly.com/assets/new-home/search-14b12aa0cb237d4c9d9fa06dd596f70a37483f1eda0c533aec6e171a3af3c84b.svg" /></a></li> <li> <div class="dropdown dropdown-flag mob px-1"> <a aria-expanded="false" aria-haspopup="true" class="dropdown-toggle" data-toggle="dropdown" href="#" id="dropdownccyButton"> </a> <div aria-labelledby="dropdowncyButton" class="dropdown-menu"> <form name = "preferencesform" class="select-form ng-valid" novalidate=""> <div class="form-group"> <label for="ship_to_label">Ship To:</label> <select class="form-control ng-valid" id="ship_to_label-h-mob" name="ship_to_label" autocomplete="off"> <option value="banyan-group "> Banyan Group </option> <option value="banyan-tree-samui "> Banyan Tree Samui </option> <option value="banyan-tree-krabi "> Banyan Tree Krabi </option> <option value="banyan-tree-vabbinfaru "> Banyan Tree Vabbinfaru </option> <option value="dhawa-ihuru "> Dhawa Ihuru </option> <option value="angsana-velavaru "> Angsana Velavaru </option> <option value="banyan-tree-lang-co "> Banyan Tree Lang Co </option> <option value="angsana-lang-co "> Angsana Lang Co </option> <option value="pavilion-hotel-kuala-lumpur "> Pavilion Hotel Kuala Lumpur </option> <option value="banyan-tree-kuala-lumpur "> Banyan Tree Kuala Lumpur </option> <option value="cassia-bintan "> Cassia Bintan </option> <option selected="selected" value="angsana-bintan"> Angsana Bintan </option> <option value="banyan-tree-bintan "> Banyan Tree Bintan </option> <option value="angsana-laguna-phuket "> Angsana Laguna Phuket </option> <option value="banyan-tree-phuket "> Banyan Tree Phuket </option> <option value="banyan-corp "> Banyan Group - Corp Store </option> <option value="evp-banyan-group "> Extra Value e-Gift Card - Landing Page </option> <option value="demo "> Test </option> <option value="demo-byg "> Demo </option> <option value="banyan-complimentary "> Banyan Group - Corp Store with Email </option> <option value="angsana-corfu "> Angsana Corfu </option> <option value="banyan-tree-dubai "> Banyan Tree Dubai </option> <option value="marrakech-riad "> Marrakech Riads, Angsana Heritage Collection </option> <option value="angsana-ho-tram "> Angsana Ho Tram </option> <option value="dhawa-ho-tram "> Dhawa Ho Tram </option> </select> </div> <div class="form-group"> <label for="curency">Pay in:</label> <select class="form-control ng-valid" id="curency-h-mob" name="currencies"> <option selected="selected" value="IDR "> IDR</option> </select> </div> <div class="form-group"> <label for="lang">Language:</label> <select class="form-control ng-valid" id="language" name="language"> <option value="/en/en">English</option> <option value="/en/zh-CN">Chinese</option> <option value="/en/ms">Malaysian</option> <option value="/en/ja">Japanese</option> </select> </div> </form> <button class="btn btn-primary w-100" id="update-preferences-cart" onclick="updatePreferences('ship_to_label-h-mob', 'curency-h-mob')"> Update Preferences </button> </div> </div> </li> <li> <a class="pl-2 py-1 pr-1 d-inline profile-icon" id="profile-icon-cart-partial" href="/angsana-bintan/signin-signup"><img class="" alt="user-profile" src="https://cdn-saas.techsembly.com/assets/new-home/user-c8d99b9125b4626cc56e04f0c9df742a21084ad0a954974232c0681d9c368fd8.svg" /></a> </li> <li> <a class="px-2 py-1 d-inline wishlist-heart" id="wishlist-heart-partial" href="/angsana-bintan/wishlist"> <img class="" alt="wishlist" src="https://cdn-saas.techsembly.com/assets/new-home/heart-dd7926db4d1539726771af91f23bbca110e53ad32a73c4fe4d8cd16b7f40d29f.svg" /> </a> </li> <li> <div class="dropdown add-to-basket"> <a class="p-1 mob-cart-btn cart-bag" id="cart-bag" href="/angsana-bintan/cart"> <img class="" alt="cart" src="https://cdn-saas.techsembly.com/assets/new-home/bag-4cea944a1606e8687123147ed7b0c7b7b0373f76a14c8f5b531c3153b48ca2ed.svg" /> </a> <div class="dropdown-menu dropdown-menu-right mob-cart-dropdown"> <h4 class="dropdown-heading text-center">Your Cart is empty!</h4> <a href="/angsana-bintan/" class="btn btn-primary w-100">Shop</a> </div> </div> </li> </ul> </div> </div> <div class="row spacing mobile-nav-sub mob-search-cont d-lg-none pt-2 pt-md-0 pb-md-2 d-none" id="mobile-nav-sub"> <div class="mobile-search-mini-form col-12 px-0"> <div class="mobile-search-box search-item-form d-flex" id="mobile_search_mini_form"> <input aria-describedby="basic-addon2" aria-label="Find something unique" autocapitalize="none" id="search-bar-mob" class="form-control nav-search-field" placeholder="Find something unique" type="text"> <button class="btn btn-search" type="button" onclick="getSearchValueMob()"> <img class="" alt="search image" src="https://cdn-saas.techsembly.com/assets/new-home/search-white-4a6360ca13c0c1f7621fba988854bbad3a8a8999d45bfb2a89535c0c434b88af.svg" /> </button> </div> </div> </div> </div> <nav id="sidebar"> <ul class="list-unstyled components mob-nav accordian" id="accordionMenu"> <li class="nav-item mb-1" id="nav-item-1"> <div class="link-header" id="link-header-1"> <a class="nav-link pr-0" href="https://gifting.groupbanyan.com/banyan-group-e-gift-card-039500">Gift Card</a> <a class="nav-link collapse-link px-0 collapsed" href="#" type="button" data-toggle="collapse" data-target="#collapse-1" aria-expanded="false" aria-controls="collapse-1" onclick="$(this).toggleClass("down");"></a> </div> <div id="collapse-1" class="collapse sub-menu-cont" aria-labelledby="link-header-1" data-parent="#accordionMenu"> <div class="nav-column"> <!--h3> GIFT CARD </h3--> <ul> <li> <a class="sub-category" href="https://gifting.groupbanyan.com/banyan-group-e-gift-card-039500">E-GIFT CARD</a> </li> </ul> </div> <div class="nav-column"> <!--h3> shop hampers </h3--> <ul> </ul> </div> </div> </li> <li class="nav-item mb-1" id="nav-item-2"> <div class="link-header" id="link-header-2"> <a class="nav-link pr-0" href="https://gifting.groupbanyan.com/evp-banyan-group">EXTRA VALUE E-GIFT CARD</a> <a class="nav-link collapse-link px-0 collapsed" href="#" type="button" data-toggle="collapse" data-target="#collapse-2" aria-expanded="false" aria-controls="collapse-2" onclick="$(this).toggleClass("down");"></a> </div> <div id="collapse-2" class="collapse sub-menu-cont" aria-labelledby="link-header-2" data-parent="#accordionMenu"> <div class="nav-column"> <!--h3> Extra value E-Gift card </h3--> <ul> <li> <a class="sub-category" href="https://gifting.groupbanyan.com/angsana-bintan/angsana-bintan-extra-value-e-gift-card-039698">Angsana Bintan</a> </li> <li> <a class="sub-category" href="https://gifting.groupbanyan.com/angsana-lang-co/angsana-lang-co-extra-value-e-gift-card-039696">Angsana Lang Co</a> </li> <li> <a class="sub-category" href="https://gifting.groupbanyan.com/angsana-ho-tram/angsana-ho-tram-extra-value-e-gift-card-042272">Angsana Corfu</a> </li> <li> <a class="sub-category" href="https://gifting.groupbanyan.com/angsana-ho-tram/angsana-ho-tram-extra-value-e-gift-card-042272">Angsana Ho Tram</a> </li> <li> <a class="sub-category" href="https://gifting.groupbanyan.com/angsana-velavaru/angsana-velavaru-extra-value-e-gift-card-039694">Angsana Velavaru</a> </li> <li> <a class="sub-category" href="https://gifting.groupbanyan.com/banyan-tree-bintan/banyan-tree-bintan-extra-value-e-gift-card-039697">Banyan Tree Bintan</a> </li> <li> <a class="sub-category" href="https://gifting.groupbanyan.com/banyan-tree-dubai/banyan-tree-dubai-extra-value-e-gift-card-042270">Banyan Tree Dubai</a> </li> <li> <a class="sub-category" href="https://gifting.groupbanyan.com/banyan-tree-krabi/banyan-tree-krabi-extra-value-e-gift-card-039540">Banyan Tree Krabi</a> </li> </ul> </div> <div class="nav-column"> <!--h3> shop hampers </h3--> <ul> <li> <a class="sub-category" href="https://gifting.groupbanyan.com/banyan-tree-kuala-lumpur/banyan-tree-kuala-lumpur-extra-value-e-gift-card-039701">Banyan Tree Kuala Lumpur</a> </li> <li> <a class="sub-category" href="https://gifting.groupbanyan.com/banyan-tree-lang-co/banyan-tree-lang-co-extra-value-e-gift-card-039695">Banyan Tree Lang Co</a> </li> <li> <a class="sub-category" href="https://gifting.groupbanyan.com/banyan-tree-samui/banyan-tree-samui-extra-value-e-gift-card-039539">Banyan Tree Samui</a> </li> <li> <a class="sub-category" href="https://gifting.groupbanyan.com/banyan-tree-vabbinfaru/banyan-tree-vabbinfaru-extra-value-e-gift-card-039541">Banyan Tree Vabbinfaru</a> </li> <li> <a class="sub-category" href="https://gifting.groupbanyan.com/cassia-bintan/cassia-bintan-extra-value-e-gift-card-039699">Cassia Bintan</a> </li> <li> <a class="sub-category" href="https://gifting.groupbanyan.com/dhawa-ho-tram/dhawa-ho-tram-extra-value-e-gift-card-042273">Dhawa Ho Tram</a> </li> <li> <a class="sub-category" href="https://gifting.groupbanyan.com/dhawa-ihuru/dhawa-ihuru-extra-value-e-gift-card-039542">Dhawa Ihuru</a> </li> <li> <a class="sub-category" href="https://gifting.groupbanyan.com/marrakech-riad/marrakech-riads-angsana-heritage-collection-extra-value-e-gift-card-042271">Marrakech Riads, Angsana Heritage Collection</a> </li> <li> <a class="sub-category" href="https://gifting.groupbanyan.com/pavilion-hotel-kuala-lumpur/pavilion-hotel-kuala-lumpur-extra-value-e-gift-card-039702">Pavilion Hotel Kuala 鈥↙umpur</a> </li> </ul> </div> </div> </li> </ul> <div class="BorderBottom BorderBottom-grey mx-3"></div> <ul class="list-unstyled user-links mt-3"> <li> <a class="d-flex wishlist-heart" id="wishlist-heart" href="/angsana-bintan/wishlist"> <img class="" width="23" height="23" alt="wishlist" src="https://cdn-saas.techsembly.com/assets/new-home/heart-dd7926db4d1539726771af91f23bbca110e53ad32a73c4fe4d8cd16b7f40d29f.svg" /> <span>MY WISHLIST</span> </a> </li> <li> <a class="d-flex profile-icon" id="profile-icon-header" href="/angsana-bintan/signin-signup"> <img class="" width="23" height="23" alt="user-profile" src="https://cdn-saas.techsembly.com/assets/new-home/user-c8d99b9125b4626cc56e04f0c9df742a21084ad0a954974232c0681d9c368fd8.svg" /> <span>MY ACCOUNT</span> </a> </li> </ul> </nav> <div class="mob-overlay"></div> <div class="container p-0 d-none d-lg-block d-xl-block"> <ul class="nav menu-holder"> <li class="nav-item"> <a class="nav-link main-category" href="https://gifting.groupbanyan.com/banyan-group-e-gift-card-039500" target="_self">Gift Card</a> <div> <div class="nav-column"> <h3> GIFT CARD </h3> <ul> <li> <a class="sub-category" href="https://gifting.groupbanyan.com/banyan-group-e-gift-card-039500" target="_self">E-GIFT CARD</a> </li> </ul> </div> <div class="nav-column"> <h3> shop hampers </h3> <ul> </ul> </div> </div> </li> <li class="nav-item"> <a class="nav-link main-category" href="https://gifting.groupbanyan.com/evp-banyan-group" target="_self">EXTRA VALUE E-GIFT CARD</a> <div> <div class="nav-column"> <h3> Extra value E-Gift card </h3> <ul> <li> <a class="sub-category" href="https://gifting.groupbanyan.com/angsana-bintan/angsana-bintan-extra-value-e-gift-card-039698" target="_self">Angsana Bintan</a> </li> <li> <a class="sub-category" href="https://gifting.groupbanyan.com/angsana-lang-co/angsana-lang-co-extra-value-e-gift-card-039696" target="_self">Angsana Lang Co</a> </li> <li> <a class="sub-category" href="https://gifting.groupbanyan.com/angsana-ho-tram/angsana-ho-tram-extra-value-e-gift-card-042272" target="_self">Angsana Corfu</a> </li> <li> <a class="sub-category" href="https://gifting.groupbanyan.com/angsana-ho-tram/angsana-ho-tram-extra-value-e-gift-card-042272" target="_self">Angsana Ho Tram</a> </li> <li> <a class="sub-category" href="https://gifting.groupbanyan.com/angsana-velavaru/angsana-velavaru-extra-value-e-gift-card-039694" target="_self">Angsana Velavaru</a> </li> <li> <a class="sub-category" href="https://gifting.groupbanyan.com/banyan-tree-bintan/banyan-tree-bintan-extra-value-e-gift-card-039697" target="_self">Banyan Tree Bintan</a> </li> <li> <a class="sub-category" href="https://gifting.groupbanyan.com/banyan-tree-dubai/banyan-tree-dubai-extra-value-e-gift-card-042270" target="_self">Banyan Tree Dubai</a> </li> <li> <a class="sub-category" href="https://gifting.groupbanyan.com/banyan-tree-krabi/banyan-tree-krabi-extra-value-e-gift-card-039540" target="_self">Banyan Tree Krabi</a> </li> </ul> </div> <div class="nav-column"> <h3> shop hampers </h3> <ul> <li> <a class="sub-category" href="https://gifting.groupbanyan.com/banyan-tree-kuala-lumpur/banyan-tree-kuala-lumpur-extra-value-e-gift-card-039701" target="_self">Banyan Tree Kuala Lumpur</a> </li> <li> <a class="sub-category" href="https://gifting.groupbanyan.com/banyan-tree-lang-co/banyan-tree-lang-co-extra-value-e-gift-card-039695" target="_self">Banyan Tree Lang Co</a> </li> <li> <a class="sub-category" href="https://gifting.groupbanyan.com/banyan-tree-samui/banyan-tree-samui-extra-value-e-gift-card-039539" target="_self">Banyan Tree Samui</a> </li> <li> <a class="sub-category" href="https://gifting.groupbanyan.com/banyan-tree-vabbinfaru/banyan-tree-vabbinfaru-extra-value-e-gift-card-039541" target="_self">Banyan Tree Vabbinfaru</a> </li> <li> <a class="sub-category" href="https://gifting.groupbanyan.com/cassia-bintan/cassia-bintan-extra-value-e-gift-card-039699" target="_self">Cassia Bintan</a> </li> <li> <a class="sub-category" href="https://gifting.groupbanyan.com/dhawa-ho-tram/dhawa-ho-tram-extra-value-e-gift-card-042273" target="_self">Dhawa Ho Tram</a> </li> <li> <a class="sub-category" href="https://gifting.groupbanyan.com/dhawa-ihuru/dhawa-ihuru-extra-value-e-gift-card-039542" target="_self">Dhawa Ihuru</a> </li> <li> <a class="sub-category" href="https://gifting.groupbanyan.com/marrakech-riad/marrakech-riads-angsana-heritage-collection-extra-value-e-gift-card-042271" target="_self">Marrakech Riads, Angsana Heritage Collection</a> </li> <li> <a class="sub-category" href="https://gifting.groupbanyan.com/pavilion-hotel-kuala-lumpur/pavilion-hotel-kuala-lumpur-extra-value-e-gift-card-039702" target="_self">Pavilion Hotel Kuala 鈥↙umpur</a> </li> </ul> </div> </div> </li> </ul> </div> </header> </div> <app-root></app-root> <footer class="footer"> <div class="container custom-container"> <div class="col-lg-12 p-0 d-none d-lg-flex d-xl-flex justify-content-between"> <div class="footer-widget"> <div class="widget-title">GIFT CARDS</div> <div class="widget-content"> <ul> <li><a href="https://gifting.groupbanyan.com/banyan-group-e-gift-card-039500" target="_self">BANYAN GROUP E-GIFT CARD</a></li> </ul> <ul> <li><a href="https://gifting.groupbanyan.com/evp-banyan-group" target="_self">EXTRA VALUE E-GIFT CARD</a></li> </ul> </div> </div> <div class="footer-widget"> <div class="widget-title">INFORMATION</div> <div class="widget-content"> <ul> <li><a href="/angsana-bintan/pages/faq" target="_blank">FAQ</a></li> </ul> <ul> <li><a href="https://gifting.groupbanyan.com/ts-gift-card-balance" target="_blank">view card balance</a></li> </ul> <ul> <li><a href="/angsana-bintan/pages/contact-us" target="_blank">contact us</a></li> </ul> </div> </div> <div class="footer-widget"> <div class="widget-title">about</div> <div class="widget-content"> <ul> <li><a href="https://www.groupbanyan.com/" target="_blank">ABOUT BANYAN GROUP</a></li> </ul> </div> </div> <div class="footer-widget"> <h5 class="widget-title mb-0">Socials</h5> <div class="widget-content"> <ul class="social-links pt-md-1"> <li><a href="https://sg.linkedin.com/company/company/banyangroup" rel="nofollow" target="_blank"><img class="" alt="linkedin" width="32" src="https://cdn-saas.techsembly.com/assets/new-home/linkedin-37a3116301c217155563deea0a36b711bd20a88f11fb1bc768cf433f0047c838.svg" /></a></li> <li><a href="https://www.youtube.com/@GroupBanyan" rel="nofollow" target="_blank"><img class="" alt="youtube" width="32" src="https://cdn-saas.techsembly.com/assets/new-home/youtube-000cf4f1abd987fb04323af71324b027db397aa58b3612fb43bc8ab8f795c906.png" /></a></li> </ul> </div> </div> </div> <div class="col-lg-12 p-0 d-none d-lg-flex d-xl-flex container custom-container copyright-cont "> <div class="col-12 d-flex flex-column flex-lg-row"> <div class="col-12 col-lg-3 d-flex justify-content-center justify-content-lg-start align-items-lg-end pb-2 pay-methods-avail"> <div class="meth-link"><img class="" alt="amex" width="60" src="https://cdn-saas.techsembly.com/assets/new-home/amex-dfec83595f13c4431aa2db4b0c31fecafa92ba224f463d09b8c5b9e6c02d0a13.svg" /></div> <div class="meth-link"><img class="" alt="visa" width="60" src="https://cdn-saas.techsembly.com/assets/new-home/visa-af467ee64d9c2d1ada060d92d746eaa46e3c126c1d8328723f6c87edb2814e6a.svg" /></div> <div class="meth-link"><img class="" alt="mastercard" width="60" src="https://cdn-saas.techsembly.com/assets/new-home/mastercard-2756bf73bde3ecd07804b8990ea728f333a4de5683cd28f998d16205d0b74ddd.svg" /></div> </div> <div class="col-12 col-lg-3"></div> </div> </div> <div class="mobile-footer section-cont d-block d-md-block d-sm-block d-lg-none w-100"> <div class="col-12 px-0"> <div class="list-group w-100 mb-4"> <div class="list-group-holder"> <a aria-expanded="false" class="list-group-item list-group-item-action" data-target="#collapse-217284" data-toggle="collapse" href="#collapse-217284" onclick="$(this).toggleClass("down");"> GIFT CARDS</a> <div aria-expanded="false" class="filter-content collapse" id="collapse-217284" style=""> <div class="footer-widget"> <ul> <li><a href="https://gifting.groupbanyan.com/banyan-group-e-gift-card-039500" target="_self">BANYAN GROUP E-GIFT CARD</a></li> </ul> <ul> <li><a href="https://gifting.groupbanyan.com/evp-banyan-group" target="_self">EXTRA VALUE E-GIFT CARD</a></li> </ul> </div> </div> <div class="BorderBottom"></div> </div> <div class="list-group-holder"> <a aria-expanded="false" class="list-group-item list-group-item-action" data-target="#collapse-217285" data-toggle="collapse" href="#collapse-217285" onclick="$(this).toggleClass("down");"> INFORMATION</a> <div aria-expanded="false" class="filter-content collapse" id="collapse-217285" style=""> <div class="footer-widget"> <ul> <li><a href="/angsana-bintan/pages/faq" target="_blank">FAQ</a></li> </ul> <ul> <li><a href="https://gifting.groupbanyan.com/ts-gift-card-balance" target="_blank">view card balance</a></li> </ul> <ul> <li><a href="/angsana-bintan/pages/contact-us" target="_blank">contact us</a></li> </ul> </div> </div> <div class="BorderBottom"></div> </div> <div class="list-group-holder"> <a aria-expanded="false" class="list-group-item list-group-item-action" data-target="#collapse-217286" data-toggle="collapse" href="#collapse-217286" onclick="$(this).toggleClass("down");"> about</a> <div aria-expanded="false" class="filter-content collapse" id="collapse-217286" style=""> <div class="footer-widget"> <ul> <li><a href="https://www.groupbanyan.com/" target="_blank">ABOUT BANYAN GROUP</a></li> </ul> </div> </div> <div class="BorderBottom"></div> </div> </div> </div> <div class="col-12"> <div class="footer-widget"> <div class="widget-content"> <ul class="social-links xy-center"> <li><a href="https://sg.linkedin.com/company/company/banyangroup" rel="nofollow" target="_blank"><img class="" alt="linkedin" src="https://cdn-saas.techsembly.com/assets/new-home/linkedin-37a3116301c217155563deea0a36b711bd20a88f11fb1bc768cf433f0047c838.svg" /></a></li> <li><a href="https://www.youtube.com/@GroupBanyan" rel="nofollow" target="_blank"><img class="" alt="youtube" width="32" src="https://cdn-saas.techsembly.com/assets/new-home/youtube-000cf4f1abd987fb04323af71324b027db397aa58b3612fb43bc8ab8f795c906.png" /></a></li> </ul> </div> </div> </div> </div> </div> <div class="container custom-container copyright-cont d-lg-none"> <div class="col-12 d-flex flex-column flex-lg-row"> <div class="col-12 col-lg-3 d-flex justify-content-center justify-content-lg-start align-items-lg-end pb-2 pay-methods-avail"> <div class="meth-link"><img class="" alt="amex" width="60" src="https://cdn-saas.techsembly.com/assets/new-home/amex-dfec83595f13c4431aa2db4b0c31fecafa92ba224f463d09b8c5b9e6c02d0a13.svg" /></div> <div class="meth-link"><img class="" alt="visa" width="60" src="https://cdn-saas.techsembly.com/assets/new-home/visa-af467ee64d9c2d1ada060d92d746eaa46e3c126c1d8328723f6c87edb2814e6a.svg" /></div> <div class="meth-link"><img class="" alt="mastercard" width="60" src="https://cdn-saas.techsembly.com/assets/new-home/mastercard-2756bf73bde3ecd07804b8990ea728f333a4de5683cd28f998d16205d0b74ddd.svg" /></div> </div> <div class="col-12 col-lg-6 text-center d-flex flex-column align-items-center powered-by"> </div> <div class="col-12 col-lg-3"></div> </div> </div> </footer> </div> </div> <div class="overlay"></div> <script> //<![CDATA[ window.dataLayer.push({'event': 'pageView', 'store': "Angsana Bintan"}) //]]> </script> <script> //<![CDATA[ window.data = {"socialLinks":{"fb":"","insta":"","pinterest":"","twitter":"","linkedin":"company/banyangroup","line":""},"storeDiscription":"Angsana Bintan | Banyan Group Gifting | Extra Value e-Gift Card","storeName":"Angsana Bintan","storeLogo":"https://static.techsembly.com/0hr86ihcesvnarfhbt72cqq0nfw6","storeLogoAlt":"Logo","subscriptionTitle":null,"subscriptionText":null,"adyenOriginKey":"","recaptchaKey":"6Lfc-kMpAAAAAO9SO-AVfe0eIodKy8nqzBEjd4uD","copyRightsText":"","generalSettings":{},"topCategoryUrlToProductListing":false,"stripeKey":"pk_live_51JhC5wDbO2exMZGY2yaAmEjmxVTzNIn2XK952TxNP0pWeEOhLpqCxoeSUfVSPHYQX2u2gAzC4ITvSL9sJKDa3Si700E1zDylvv","current_store_url":"gifting.groupbanyan.com/angsana-bintan","storeItemVisibility":{"vendorVisibility":false,"askSeller":false,"googleTranslator":false,"showMailChimp":false},"caroselSpacing":52.0,"truncatedTextLength":null,"defaultThumbnail":"","perPage":24,"downloadOrderDetails":false,"brandFollow":false,"clientLayout":true,"enableReviewIo":false,"payPalId":null,"reviewsIoApiKey":"","reviewsIoStoreId":"","allowSubFolderUrls":1,"tsGiftCardEmail":"angsana-bintan-api@techsembly.com","tsGiftCardPassword":"123456","tsGiftCardUrl":"https://tsgifts-curate.techsembly.com","storeId":"1027","storeCode":"angsana-bintan","stripeStandardAccountId":"acct_1MRCjKDEnGEL5mFw","enableCheckoutTerms":true,"checkoutTerms":"I agree to receive transactional emails from Banyan Group, its affiliates and other businesses or properties it owns or manages.","enableMarketing":false,"marketingStatement":"","checkoutFlow":"v2","line_item_count":0,"preferences":{"send_gift_card_via_sms_label":"Enter recipient鈥檚 phone number","enable_apple_passbook":false,"enable_recently_viewed":true,"enable_more_items":true,"enabled_error_logging":true,"enable_announcement_bar":false,"disable_shipping_notification":false,"announcement_bar":"","custom_amount_exchangeable":false,"enable_customization_price":true,"orders_fetch_from":0,"start_date":"","enable_bonus_card_promo":false,"end_date":"","zone":"","store_type":"normal","min_purchase":null,"body":"","bonus_percentage":null,"wechat_username":"","tiktok_username":"","youtube_username":"@GroupBanyan","state_based_tax":false,"enable_mixpanel":false,"iframe_urls":[],"stripe_statement_descriptor_suffix":"BanyanGroup","single_page":false,"iframe_width":"600px","enable_security_message":false,"default_products_filter":"best_seller","giftcard_pdf":false,"default_language":"en","iframe_height":"400px","captcha_type":"recaptcha"},"maxCartTransaction":25000000,"showBrandName":true,"singlePageStore":false,"enable_v3_billing":false,"enable_security_message":false,"store_type":"normal","iframe_urls":[],"default_products_filter":"best_seller","hcaptchaKey":"","categories":["BANYAN-GROUP","ANGSANA-BINTAN-VENDOR","BANYAN-TREE-SAMUI-VENDOR","BANYAN-TREE-LANG-CO-VENDOR","ANGSANA-LANG-CO-VENDOR","CATEGORIES","DHAWA-HO-TRAM","EXTRA VALUE E-GIFT CARD","BANYAN-TREE-KUALA-LUMPUR-VENDOR","BANYAN-TREE-DUBAI","ANGSANA-HO-TRAM","ANGSANA-IHURU-VENDOR","ANGSANA-LAGUNA-PHUKET-VENDOR","MARRAKECH-RIADS-ANGSANA-HERITAGE-COLLECTION","BANYAN-GROUP-VENDOR","BANYAN-TREE-KRABI-VENDOR","PAVILION-HOTEL-KUALA-LUMPUR-VENDOR","CASSIA-BINTAN-VENDOR","ANGSANA-VELAVARU-VENDOR","GIFT CARD ","BANYAN-TREE-VABBINFARU-VENDOR","BANYAN-TREE-PHUKET-VENDOR","BANYAN-TREE-BINTAN-VENDOR","ANGSANA-CORFU"],"categoriesUrl":["categories","extra-value-e-gift-card","gift-card"]}; function updatePreferences(shipToLabel, currency) { var orderToken = getCookie('1027' + '_order_token'); var currentCurrency = document.getElementById(currency).value; let reqUrl = "" reqUrl = '/' + 'angsana-bintan' if(orderToken){ $.ajax({ type: "PUT", contentType: "application/json; charset=utf-8", url: reqUrl + "/update_currency", data : JSON.stringify({order_token: orderToken, currency: currentCurrency}), dataType: "json", success: function (result) { console.log("success!!"); }, error: function (error){ console.log(error); } }); } var checkStore = 'true'; var preferedStore ='angsana-bintan'; var shipValue = ""; var refresh = true; if (checkStore == 'true'){ shipValue = document.getElementById(shipToLabel).value.trim(); if(shipValue !== preferedStore){ refresh = false; } } document.cookie = '1027' + "_curency=" + currentCurrency + "; path=/;"; "" if(refresh){ $.ajax({ type: "POST", contentType: "application/json; charset=utf-8", url: reqUrl + "/clear_cache", success: function () { location.reload(); }, error: function (error) { console.log(error); } }); } else{ var clientStores = '{"banyan-group":"gifting.groupbanyan.com","banyan-tree-samui":"gifting.groupbanyan.com/banyan-tree-samui","banyan-tree-krabi":"gifting.groupbanyan.com/banyan-tree-krabi","banyan-tree-vabbinfaru":"gifting.groupbanyan.com/banyan-tree-vabbinfaru","dhawa-ihuru":"gifting.groupbanyan.com/dhawa-ihuru","angsana-velavaru":"gifting.groupbanyan.com/angsana-velavaru","banyan-tree-lang-co":"gifting.groupbanyan.com/banyan-tree-lang-co","angsana-lang-co":"gifting.groupbanyan.com/angsana-lang-co","pavilion-hotel-kuala-lumpur":"gifting.groupbanyan.com/pavilion-hotel-kuala-lumpur","banyan-tree-kuala-lumpur":"gifting.groupbanyan.com/banyan-tree-kuala-lumpur","cassia-bintan":"gifting.groupbanyan.com/cassia-bintan","angsana-bintan":"gifting.groupbanyan.com/angsana-bintan","banyan-tree-bintan":"gifting.groupbanyan.com/banyan-tree-bintan","angsana-laguna-phuket":"angsana-laguna-phuket.groupbanyan.com","banyan-tree-phuket":"banyan-tree-phuket.groupbanyan.com","banyan-corp":"banyan-corp.groupbanyan.com","evp-banyan-group":"gifting.groupbanyan.com/evp-banyan-group","demo":"banyan-test.techsembly.com","demo-byg":"demo-byg.techsembly.com","banyan-complimentary":"banyan-complimentary.groupbanyan.com","angsana-corfu":"gifting.groupbanyan.com/angsana-corfu","banyan-tree-dubai":"gifting.groupbanyan.com/banyan-tree-dubai","marrakech-riad":"gifting.groupbanyan.com/marrakech-riad","angsana-ho-tram":"gifting.groupbanyan.com/angsana-ho-tram","dhawa-ho-tram":"gifting.groupbanyan.com/dhawa-ho-tram"}' var stores = JSON.parse(clientStores); var shipValueString = JSON.stringify(shipValue); var newStorehash = {}; Object.keys(stores).forEach(function (key) { var value = stores[key]; newStorehash[JSON.stringify(key.trim())] = value; }); window.location.href = "http://" + newStorehash[shipValueString]; } } $( "#sidebarCollapse" ).click(function( event ) { $('html').toggleClass('scroll-hidden-html'); $('body').toggleClass('scroll-hidden'); $('nav#sidebar').toggleClass('active'); $('.mob-overlay').toggleClass('active'); }); $(".mob-search-link").click(function( event ){ $('#mobile-nav-sub').toggleClass('d-block'); }); $('.nav-link.toggle-link').click(function( event ){ $(this).closest('.dropdown').each(function(){ $(this).toggleClass('open'); $(this).closest('ul').find('.dropdown').not(this).removeClass('open'); }); console.log('toggle-click'); }); $('.nav-item .collapse').on('show.bs.collapse', function () { $(this).addClass('show'); //$(this).prev('.link-header').find('.nav-link:last-child').addClass('down'); $(this).closest('ul').find('.collapse').not(this).collapse('hide'); }); $('.nav-item .collapse').on('hide.bs.collapse', function () { $(this).removeClass('show'); //$(this).prev('.link-header').find('.nav-link:last-child').removeClass('down'); }); $('.root-nav .collapse-link').click(function() { var collapse_target = $(this).attr('data-target'); var target_div = collapse_target.substring(collapse_target.indexOf('#') + 1); $('.global-navigation-nav .sub-nav-cont').addClass('open'); $('.global-navigation-nav .sub-menu-cont').each(function(){ var sub_menu_id = $(this).attr('id'); if (sub_menu_id != target_div) { $(this).removeClass('show'); $(this).removeClass('in'); $(this).removeAttr("aria-expanded"); $(this).removeAttr("style"); } }); }); $('.nav-close-link').click(function(){ $('html').removeClass('scroll-hidden-html'); $('body').removeClass('scroll-hidden'); $('nav#sidebar').removeClass('active'); $('.mob-overlay').removeClass('active'); $('.global-navigation-nav .sub-nav-cont').removeClass('open'); $('.global-navigation-nav .sub-menu-cont').removeClass('in'); $('.global-navigation-nav .sub-menu-cont').removeClass('show'); $('.global-navigation-nav .sub-menu-cont').removeAttr('aria-expanded'); $('.global-navigation-nav .sub-menu-cont').removeAttr('style'); }); $('.back-link').click(function(){ $(this).closest('.sub-nav-cont').removeClass('open'); $(this).closest('.sub-nav-cont').find('.sub-menu-cont').removeClass('show'); $(this).closest('.sub-nav-cont').find('.sub-menu-cont').removeClass('in'); $(this).closest('.sub-nav-cont').find('.sub-menu-cont').removeAttr('aria-expanded'); $(this).closest('.sub-nav-cont').find('.sub-menu-cont').removeAttr('style'); }); setInterval(function() { $('nav#sidebar ul.components li .dropdown.show').removeClass('show'); $('nav#sidebar ul.components li .dropdown .dropdown-menu.show').removeClass('show'); $('nav#sidebar ul.accordian li.nav-item .sub-menu-cont').each(function(){ if($(this).hasClass('show')){ $(this).prev('.link-header').find('.nav-link:last-child').attr('aria-expanded','true'); } if(!$(this).find('.nav-column').length){ $(this).addClass('empty'); $(this).prev('.link-header').find('a.collapse-link').addClass('d-none'); } }); $('.global-navigation-nav .sub-menu-cont').each(function(){ var sub_menu_id = $(this).attr('id'); if(!$(this).find('.nav-column').length){ $(this).addClass('empty'); $('.root-nav li').find("a.collapse-link[data-target='#" + sub_menu_id + "']:not(.d-none)").addClass('d-none'); } }); }); function waitForElm(selector) { return new Promise(resolve => { if (document.querySelector(selector)) { return resolve(document.querySelector(selector)); } const observer = new MutationObserver(mutations => { if (document.querySelector(selector)) { resolve(document.querySelector(selector)); observer.disconnect(); } }); observer.observe(document.body, { childList: true, subtree: true }); }); } waitForElm('#sidebar .list-group-holder').then((elm) => { $('.list-group-holder .list-group-item-action').click(function(){ let collapse_target = $(this).attr('href'); let aria_exp = $(this).attr('aria-expanded'); let target_div = collapse_target.substring(collapse_target.indexOf('#') + 1); //let target_div_elm = $(this).closest('.list-group-holder').find('#'+target_div); let target_div_elm = document.getElementById(target_div); console.log(target_div_elm.classList); if ($(this).hasClass('down')) { target_div_elm.classList.remove('d-none'); } else if (!$(this).hasClass('down')) { target_div_elm.classList.remove('show'); target_div_elm.classList.add('d-none'); } //console.log(target_div) }); $('.list-group-item-action').collapse({ toggle: false }) }).catch((error) => { }); waitForElm('.mobile-footer .list-group-holder').then((elm) => { $('.list-group-holder .list-group-item-action').click(function(){ let collapse_target = $(this).attr('href'); let aria_exp = $(this).attr('aria-expanded'); let target_div = collapse_target.substring(collapse_target.indexOf('#') + 1); let target_div_elm = document.getElementById(target_div); console.log(target_div_elm.classList); if ($(this).hasClass('down')) { target_div_elm.classList.remove('d-none'); } else if (!$(this).hasClass('down')) { target_div_elm.classList.remove('show'); target_div_elm.classList.add('d-none'); } //console.log(target_div) }); }).catch((error) => { }); /*waitForElm('.daily-stock-accordion .daily-stock-card').then((elm) => { $('.daily-stock-card .ds-toggler').click(function(){ let collapse_target = $(this).attr('data-target'); let aria_exp = $(this).attr('aria-expanded'); let target_div = collapse_target.substring(collapse_target.indexOf('#') + 1); let target_div_elm = document.getElementById(target_div); console.log(target_div_elm.classList); if ($(this).hasClass('down')) { target_div_elm.classList.remove('show'); target_div_elm.classList.add('d-none'); } else if (!$(this).hasClass('down')) { target_div_elm.classList.remove('d-none'); } //console.log(target_div) }); }).catch((error) => { });*/ waitForElm('.dropdown-flag.mob').then((elm) => { $('.dropdown-flag .dropdown-toggle').click(function(){ $(this).closest('.dropdown').toggleClass('open'); $(this).next('.dropdown-menu').toggleClass('open'); }); }).catch((error) => { }); $('.pref_dropdown .dropdown-toggle').each(function(index) { $(this).on("click", function() { $(this).closest('.dropdown').toggleClass('open'); $(this).next('.dropdown-menu').toggleClass('open'); }); }); waitForElm('#sidebar .pref_dropdown').then((elm) => { $('#sidebar .dropdown-toggle').click(function(){ $(this).closest('.dropdown').toggleClass('open'); $(this).next('.dropdown-menu').toggleClass('open'); }); }).catch((error) => { }); document.addEventListener("DOMContentLoaded", function() { // Get all collapse links let collapseLinks = document.querySelectorAll('.mob-nav .collapse-link'); let collapseDivs = document.querySelectorAll('.mob-nav .sub-menu-cont'); // Add click event listener to each collapse link collapseLinks.forEach(function(link) { link.addEventListener('click', function(event) { event.preventDefault(); // Prevent default link behavior // Find the associated collapse element let collapse_target = this.getAttribute('data-target'); let targetId = collapse_target.substring(collapse_target.indexOf('#') + 1); let targetElement = document.getElementById(targetId); // Toggle the 'collapsed' class on the target element if (targetElement && link.classList.contains('down')) { //targetElement.classList.toggle('open'); targetElement.classList.remove('d-none'); //console.log('opened') } else { targetElement.classList.add('d-none'); //link.setAttribute("aria-expanded", "false"); //console.log('collapsed') } //console.log(link.classList) collapseLinks.forEach(function(element) { //console.log(element.getAttribute('aria-controls')); if (element.getAttribute('aria-controls') != targetId) { element.classList.remove('down'); } }); collapseDivs.forEach(function(element) { setTimeout(function () { if (element.id != targetId) { //console.log(element.id); element.classList.remove('d-none'); } }, 200); }); }); }); }); //]]> </script> </body> </html>