[[{"logo": {"target": "_self", "logoSrc": "https://media-assets.hyperinvento.com/companies/e5939eb2-89da-4de2-a299-8e984559acbd/others/others/files/d3ecd360061c48c0b077a02be5c8eab2-other-other.png", "isVisibleOnMobile": true, "isVisibleOnDesktop": true, "data-click_action_value": "", "data-click_action_choice": ""}, "cartIcon": {"target": "_self", "cartIconSrc": "https://assets.hyperinvento.com/hyperinventory_admin/dynamic-home-assets/header-footer/cart.svg", "isVisibleOnMobile": true, "isVisibleOnDesktop": true, "data-click_action_value": "{\"id\":\"cart\"}", "data-click_action_choice": "internal_page"}, "closeIcon": "https://assets.hyperinvento.com/hyperinventory_admin/dynamic-home-assets/common/xmark-icon-black.svg", "menuItems": [{"id": "123", "href": "javascript:(0)", "text": "Home", "target": "_self", "subMenu": [], "data-click_action_value": "{\"id\":\"https://nellaibikestore.com/\"}", "data-click_action_choice": "link_url"}, {"text": "Category Header", "position": "5"}], "searchIcon": {"target": "_self", "searchIconSrc": "https://assets.hyperinvento.com/hyperinventory_admin/dynamic-home-assets/header-footer/search.svg", "isVisibleOnDesktop": true, "data-click_action_value": "", "data-click_action_choice": ""}, "accountIcon": {"target": "_self", "accountIconSrc": "https://assets.hyperinvento.com/hyperinventory_admin/dynamic-home-assets/header-footer/user.svg", "isVisibleOnMobile": true, "isVisibleOnDesktop": true, "data-click_action_value": "{\"id\":\"account\"}", "data-click_action_choice": "internal_page"}, "headerLayout": "headerLayout4", "categoryMenuName": "Category", "menuCollapseIcon": "https://assets.hyperinvento.com/hyperinventory_admin/dynamic-home-assets/common/slide-down-icon-dark.png", "searchIconMobile": {"target": "_self", "isVisibleOnMobile": true, "searchIconMobileSrc": "https://assets.hyperinvento.com/hyperinventory_admin/dynamic-home-assets/header-footer/search-icon-white.svg", "data-click_action_value": "", "data-click_action_choice": ""}, "hamburgerMenuIcon": "https://assets.hyperinvento.com/hyperinventory_admin/dynamic-home-assets/common/hambuger-icon-black.svg", "headerStyleConfig": {"menuTextHoverColor": "", "subMenuTextHoverColor": "", "menuHoverBackgroundColor": "", "subMenuHoverBackgroundColor": ""}, "searchPlaceholder": "Please enter a keyword", "isHeaderConfigured": true, "storeLocationDesktop": {"target": "_self", "isVisibleOnMobile": true, "isVisibleOnDesktop": true, "data-click_action_value": "", "storeLocationDesktopSrc": "", "data-click_action_choice": ""}, "menuListVisibleOnMobile": true, "menuListVisibleOnDesktop": true, "mobileStyleConfiguration": {"menuFontSize": "14px", "iconTextColor": "#ffffff", "menuAlignment": "", "menuTextColor": "#262e2e", "countTextColor": "#ffffff", "menuFontWeight": "500", "iconBorderColor": "#ededed", "subMenuFontSize": "14px", "countBorderColor": "#262e2e", "iconBorderRadius": "20px", "subMenuTextColor": "#262e2e", "countBorderRadius": "20px", "subMenuFontWeight": "500", "menuHoverTextColor": "", "subSubMenuFontSize": "14px", "iconBackgroundColor": "#ededed", "menuBackgroundColor": "#ffffff", "subSubMenuTextColor": "#262e2e", "countBackgroundColor": "#262e2e", "searchInputTextColor": "#262e2e", "subSubMenuFontWeight": "500", "headerBackgroundColor": "#ffffff", "searchBackgroundColor": "#ffffff", "subMenuHoverTextColor": "##fcd84", "searchInputBorderColor": "#262e2e", "subMenuBackgroundColor": "#ffffff", "searchInputBorderRadius": "30px", "menuHoverBackgroundColor": "", "subSubMenuBackgroundColor": "#ffffff", "subMenuHoverBackgroundColor": ""}, "desktopStyleConfiguration": {"menuFontSize": "14px", "iconTextColor": "#ffffff", "menuAlignment": "", "menuTextColor": "#262e2e", "countTextColor": "#ffffff", "menuFontWeight": "500", "iconBorderColor": "#ededed", "subMenuFontSize": "14px", "countBorderColor": "#262e2e", "iconBorderRadius": "20px", "subMenuTextColor": "#262e2e", "countBorderRadius": "20px", "subMenuFontWeight": "500", "menuHoverTextColor": "#f15a15", "subSubMenuFontSize": "14px", "iconBackgroundColor": "#ededed", "menuBackgroundColor": "#262e2e", "subSubMenuTextColor": "#262e2e", "countBackgroundColor": "#262e2e", "searchInputTextColor": "#262e2e", "subSubMenuFontWeight": "500", "headerBackgroundColor": "#ffffff", "searchBackgroundColor": "#ffffff", "subMenuHoverTextColor": "#f15a15", "searchInputBorderColor": "#262e2e", "subMenuBackgroundColor": "#ffffff", "searchInputBorderRadius": "30px", "menuHoverBackgroundColor": "#ffffff", "subSubMenuBackgroundColor": "#ffffff", "subMenuHoverBackgroundColor": "#ffffff"}, "dynamicCategoryHeaderConfig": {"layoutType": "inlineLayout1", "dynamicHeaderType": "dynamicHeaderInline"}}, "

", "

", "", "", "

", "

Some of our users

Hear what our users have to say

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu sem tempor, varius quam at, luctus dui.

John Doe

CTO - Operations

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu sem tempor, varius quam at, luctus dui.

John Doe

CTO - Operations

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu sem tempor, varius quam at, luctus dui.

John Doe

CTO - Operations

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu sem tempor, varius quam at, luctus dui.

John Doe

CTO - Operations

", ""], {"footerStyle": ".style-footer-b6557998-add3-403a-8f11-02536de6a5a9-1728994554055 { .mate-tees-footer-section { background-color: #f1f1f1; padding: 70px 70px 25px; margin: 70px auto 0; max-width: 1500px; } .mate-tees-footer-section .features-list-container { display: flex; gap: 30px; margin: auto; max-width: 1500px; } .mate-tees-footer-section .features-list-container .company-detail { width: 450px; } .mate-tees-footer-section .features-list-container .company-detail .logo { width: 150px; margin: 0 0 20px; } .mate-tees-footer-section .features-list-container .company-detail p { font-size: 12px; font-weight: 400; font-weight: 400; color: #505157; line-height: 22px; margin: 0; white-space: pre-wrap; } .mate-tees-footer-section .features-list-container .feature-list { display: flex; flex-wrap: wrap; width: 100%; gap: 30px; margin: 0; padding: 0; } .mate-tees-footer-section .features-list-container .feature-list > li { width: calc((100% - 60px) / 3); list-style: none; } .mate-tees-footer-section .features-list-container .feature-list > li ul { padding: 0; margin: 0; display: flex; flex-direction: column; gap: 10px; } .mate-tees-footer-section .features-list-container .feature-list > li ul li { list-style: none; } .mate-tees-footer-section .features-list-container .feature-list > li ul li h3 { margin: 0 0 10px; font-size: 18px; font-weight: 700; color: #000000; } .mate-tees-footer-section .features-list-container .feature-list > li ul li a { font-size: 14px; font-weight: 400; color: #505157; text-decoration: none; } .mate-tees-footer-section .features-list-container .feature-list > li ul li a:hover { text-decoration: underline; } .mate-tees-footer-section .copyright-section { padding: 70px 0 0; } .mate-tees-footer-section .copyright-section h3 { margin: 0 0 20px; font-size: 18px; font-weight: 700; color: #000000; } .mate-tees-footer-section .copyright-section p { font-size: 14px; font-weight: 400; color: #505157; margin: 10px auto; max-width: 1500px; } .mate-tees-footer-section .copyright-section .payment-type-cards { display: flex; align-items: center; justify-content: center; gap: 15px; margin: 20px 0; padding: 0; } .mate-tees-footer-section .copyright-section .payment-type-cards li { list-style: none; cursor: pointer; } .mate-tees-footer-section .copyright-section .payment-type-cards li img { width: 40px; } .mate-tees-footer-section .copyright-section .copyright { font-size: 14px; font-weight: 400; color: rgba(80, 81, 87, 0.862745098); margin: 10px 0; } .mate-tees-footer-section .bottom-panel { display: flex; align-items: center; justify-content: space-between; margin: auto; max-width: 1500px; } .mate-tees-footer-section .bottom-panel ul.payment-mode-list { display: flex; align-items: center; gap: 12px; padding: 0; list-style: none; } .mate-tees-footer-section .bottom-panel ul.payment-mode-list img { width: 50px; height: 50px; } .mate-tees-footer-section .bottom-panel ul.social-media-icon-list { display: flex; align-items: center; gap: 15px; padding: 0; list-style: none; } .mate-tees-footer-section .bottom-panel ul.social-media-icon-list a { display: flex; } .mate-tees-footer-section .bottom-panel ul.social-media-icon-list img { width: 40px; height: 40px; } @media only screen and (max-width: 992px) { .mate-tees-footer-section .features-list-container { display: flex; flex-direction: column; } .mate-tees-footer-section .bottom-panel ul.payment-mode-list { order: 1; } } @media only screen and (max-width: 768px) { .mate-tees-footer-section { padding: 20px; margin: 30px 0 0; } .mate-tees-footer-section .features-list-container { gap: 30px; } .mate-tees-footer-section .features-list-container .company-detail { width: 100%; } .mate-tees-footer-section .features-list-container .company-detail .logo { margin: 0 0 10px; } .mate-tees-footer-section .features-list-container .feature-list { display: flex; flex-direction: column; width: 100%; gap: 30px; } .mate-tees-footer-section .features-list-container .feature-list > li { width: 100%; } .mate-tees-footer-section .features-list-container .feature-list > li ul li h3 { margin: 0 0 10px; } .mate-tees-footer-section .copyright-section { padding: 40px 0 0; } .mate-tees-footer-section .copyright-section .payment-type-cards { display: flex; align-items: center; justify-content: center; gap: 15px; margin: 20px 0; padding: 0; } .mate-tees-footer-section .copyright-section .payment-type-cards li { list-style: none; cursor: pointer; } .mate-tees-footer-section .copyright-section .payment-type-cards li img { width: 40px; } .mate-tees-footer-section .copyright-section .copyright { font-size: 14px; font-weight: 400; color: rgba(80, 81, 87, 0.862745098); margin: 10px 0; } .mate-tees-footer-section .bottom-panel { padding: 20px 10px; } .mate-tees-footer-section .bottom-panel { flex-direction: column; align-items: flex-start; gap: 20px; padding: 50px 0 0; } } }", "headerStyle": "ul.non-collapse-list li { font-weight: normal !important; } .header-layout-4 { display: flex; align-items: center; justify-content: space-between; padding: 0 30px; max-width: 1540px; margin: auto; position: relative; height: 75px; } .header-layout-4 .search-drop-down-container { width: 100%; position: absolute; top: 0; left: 0; height: 100dvh; z-index: 100; display: flex; transition: all 0.3s ease-in-out; background: rgba(0, 0, 0, 0.4); } @keyframes search-drop-down-animation { 0% { opacity: 0; transform: translateY(-250px); } 100% { opacity: 1; transform: translateY(0); } } .header-layout-4 .search-drop-down-container .search-drop-down { width: 100%; height: max-content; animation: search-drop-down-animation 0.5s ease-in-out; padding: 25px; } .header-layout-4 .search-drop-down-container .input-container { position: relative; } .input-container .search-input { font-size: 12px; padding: 15px 20px 15px 20px; width: 100%; border-width: 2px; border-style: solid; } .input-container .search-icon { position: absolute; top: 50%; right: 5px; width: 18px; height: 18px; transform: translate(-50%, -50%); } .header-layout-4 .search-drop-down-container .search-drop-down h5 { font-size: 16px; font-weight: 500; margin: 0 0 15px; } .header-layout-4 .search-drop-down-container .search-drop-down .filter ul { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; padding: 0; margin: 0; } .header-layout-4 .search-drop-down-container .search-drop-down .filter ul li { background-color: #ededed; list-style: none; } .header-layout-4 .search-drop-down-container .search-drop-down .filter ul li a { display: flex; text-decoration: none; padding: 10px 15px; font-weight: 500; color: rgba(0, 0, 0, 0.5647058824); } .header-layout-4 .hamburger-menu-container { display: none; } .header-layout-4 .logo-hamburger-wrapper { display: flex; align-items: center; justify-content: flex-start; gap: 20px; } .header-layout-4 .logo-hamburger-wrapper .hamburger-btn { display: none; } .header-layout-4 .logo-hamburger-wrapper .logo { display: flex; } .header-layout-4 .logo-hamburger-wrapper .logo img { max-width: 150px; max-height: 40px; } .header-layout-4 > .navigation-wrapper { display: flex; gap: 20px; overflow-y: auto; margin: 0 50px; height: 100%; -ms-overflow-style: none; scrollbar-width: none; } .header-layout-4 > .navigation-wrapper::-webkit-scrollbar { display: none; } .header-layout-4 .navigation-list { margin: 0; padding: 0; display: flex; gap: 20px; white-space: nowrap; } .header-layout-4 .navigation-list > li, .header-layout-4 .navigation-list > .dynamic-header > li { list-style: none; padding: 2px; cursor: pointer; } .header-layout-4 .navigation-list > li > a, .header-layout-4 .navigation-list > .dynamic-header > li > a { text-decoration: none; padding: 10px 5px; height: 100%; display: flex; align-items: center; justify-content: center; } .header-layout-4 .navigation-list li a:hover { color: #262e2e; } .header-layout-4 .navigation-list > .dynamic-header { display: flex; gap: 20px; } .header-layout-4 .navigation-list > .dynamic-header > li:hover .submenu-container, .header-layout-4 .navigation-list > li:hover .submenu-container { display: flex; animation: submenu-animation 0.3s ease-in-out; } .header-layout-4 .navigation-list > .dynamic-header > li .submenu-container, .header-layout-4 .navigation-list > li .submenu-container { position: absolute; top: 100%; width: 100%; z-index: 4; left: 0; box-shadow: 0px 2px 3px; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.0509803922); border-top: 1px solid rgba(231, 232, 235, 0.4392156863); padding: 20px; display: none; gap: 30px 50px; flex-wrap: wrap; cursor: default; } .header-layout-4 .navigation-list > .dynamic-header > li .submenu-container:hover { display: flex; } .header-layout-4 .navigation-list > .dynamic-header > li .submenu-container .submenu, .header-layout-4 .navigation-list > li .submenu-container .submenu { display: flex; flex-direction: column; gap: 10px; list-style: none; padding: 0px; } .header-layout-4 .navigation-list > .dynamic-header > li .submenu-container .submenu li a.title, .header-layout-4 .navigation-list > li .submenu-container .submenu li a.title { font-weight: 600; margin: 0 0 5px; } .header-layout-4 .navigation-list > .dynamic-header > li .submenu-container .submenu li a, .header-layout-4 .navigation-list > li .submenu-container .submenu li a { text-decoration: none; cursor: pointer; } .header-layout-4 .operation-button-container { display: flex; align-items: center; justify-content: center; gap: 15px; } .header-layout-4 .operation-button-container .button { width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; border-width: 2px; border-style: solid; cursor: pointer; } .header-layout-4 .operation-button-container .button.cart-btn { position: relative; } .header-layout-4 .operation-button-container .button.cart-btn .cart-count { position: absolute; top: -5px; right: -10px; width: 22px; height: 22px; font-size: 12px; font-weight: 400; display: flex; align-items: center; justify-content: center; border-width: 2px; border-style: solid; } .header-layout-4 .operation-button-container .button img { width: 17px; height: 17px; } @keyframes submenu-animation { 0% { opacity: 0; transform: translateY(10px); } 100% { opacity: 1; transform: translateY(0); } } .dynamic-header-background { background-color: #ffffff; } .dynamic-header-font-size { font-size: 14px; } .dynamic-font-size-sub-menu { font-size: 14px; } .dynamic-font-weight-sub-menu { font-weight: 500; } .dynamic-header-font-weight { font-weight: 500; } .dynamic-search-input-background { background-color: #ffffff !important; } .dynamic-search-input-text-color { color: #262e2e; } .dynamic-search-input-border-color { border-color: #262e2e; } .dynamic-search-input-border-radius { border-radius: 30px; } .dynamic-sub-menu-background { background-color: #ffffff; } .dynamic-header-text-color { color: #262e2e; } .dynamic-header-sub-menu-text-color { color: #262e2e; } .dynamic-font-size-sub-sub-menu { font-size: 14px; } .dynamic-font-weight-sub-sub-menu { font-weight: 400; } .dynamic-header-sub-sub-menu-text-color { color: #262e2e; } .dynamic-quick-icon-background { background-color: #ededed; } .dynamic-quick-icon-border-color { border-color: #ededed; } .dynamic-quick-icon-border-radius { border-radius: 20px; } .dynamic-cart-count-background { background-color: #262e2e; } .dynamic-cart-count-text-color { color: #ffffff; } .dynamic-cart-count-border-color { border-color: #262e2e; } .dynamic-cart-count-border-radius { border-radius: 20px; } @media only screen and (max-width: 1200px) { .header-layout-4 { padding: 10px; position: relative; height: 65px; } .header-layout-4 > .navigation-wrapper { display: none; } .header-layout-4 .search-drop-down-container .search-drop-down { padding: 15px; } .header-layout-4 .search-drop-down-container .search-drop-down .search-bar { margin: 0 auto 20px; } .header-layout-4 .hamburger-menu-container { background: rgba(0, 0, 0, 0.4); position: absolute; top: 65px; height: 100dvh; width: 100%; left: 0; z-index: 100; transition: all 0.3s ease-in-out; display: flex; } .header-layout-4 .hamburger-menu-container .hamburger-menu { width: 300px; height: 100%; animation: hamburger-menu-animation 0.3s ease-in-out; height: calc(100vh - 149px); overflow-y: auto; } @keyframes hamburger-menu-animation { 0% { transform: translateX(-350px); } 100% { transform: translateX(0); } } .header-layout-4 .hamburger-menu-container .hamburger-menu > .navigation-wrapper { display: flex; flex-direction: column; gap: 15px; padding: 20px 0; } .header-layout-4 .hamburger-menu-container .hamburger-menu > .navigation-wrapper > ul, .header-layout-4 .hamburger-menu-container .hamburger-menu > .navigation-wrapper > ul > .dynamic-header-mobile { margin: 0; padding: 0; display: flex; flex-direction: column; gap: 15px; } .header-layout-4 .hamburger-menu-container .hamburger-menu > .navigation-wrapper > ul > li, .header-layout-4 .hamburger-menu-container .hamburger-menu > .navigation-wrapper > ul > .dynamic-header-mobile > li { list-style: none; } .header-layout-4 .hamburger-menu-container .hamburger-menu > .navigation-wrapper > ul > li > a, .header-layout-4 .hamburger-menu-container .hamburger-menu > .navigation-wrapper > ul > .dynamic-header-mobile > li > a { text-decoration: none; font-size: 14px; font-weight: 600; color: #000000; display: flex; padding: 5px; justify-content: space-between; } .header-layout-4 .hamburger-menu-container .hamburger-menu > .navigation-wrapper > ul > li > a .drowdown-icon, .header-layout-4 .hamburger-menu-container .hamburger-menu > .navigation-wrapper > ul > .dynamic-header-mobile > li > a .drowdown-icon { height: 17px; margin: 0 10px 0 0; transition: all 0.2s ease-in-out; } .header-layout-4 .hamburger-menu-container .hamburger-menu > .navigation-wrapper > ul > li > a:hover .drowdown-icon, .header-layout-4 .hamburger-menu-container .hamburger-menu > .navigation-wrapper > ul > .dynamic-header-mobile > li > a:hover .drowdown-icon { transform: rotate(90deg); } .header-layout-4 .hamburger-menu-container .hamburger-menu > .navigation-wrapper > ul > li > a:hover + .submenu-container, .header-layout-4 .hamburger-menu-container .hamburger-menu > .navigation-wrapper > ul > .dynamic-header-mobile > li > a:hover + .submenu-container { display: flex; } .header-layout-4 .hamburger-menu-container .hamburger-menu > .navigation-wrapper > ul > li .submenu-container, .header-layout-4 .hamburger-menu-container .hamburger-menu > .navigation-wrapper > ul > .dynamic-header-mobile > li .submenu-container { display: none; flex-direction: column; gap: 20px; padding: 10px 5px 10px 10px; } .header-layout-4 .hamburger-menu-container .hamburger-menu > .navigation-wrapper > ul > li .submenu-container .submenu, .header-layout-4 .hamburger-menu-container .hamburger-menu > .navigation-wrapper > ul > .dynamic-header-mobile > li .submenu-container .submenu { display: flex; flex-direction: column; gap: 10px; list-style: none; padding: 0px; } .header-layout-4 .hamburger-menu-container .hamburger-menu > .navigation-wrapper > ul > li .submenu-container .submenu > li a.title, .header-layout-4 .hamburger-menu-container .hamburger-menu > .navigation-wrapper > ul > .dynamic-header-mobile > li .submenu-container .submenu > li a.title { font-weight: 600; color: #000000; padding: 5px; } .header-layout-4 .hamburger-menu-container .hamburger-menu > .navigation-wrapper > ul > li .submenu-container .submenu > li a, .header-layout-4 .hamburger-menu-container .hamburger-menu > .navigation-wrapper > ul > .dynamic-header-mobile > li .submenu-container .submenu > li a { text-decoration: none; font-size: 14px; font-weight: 500; color: #000000; padding: 5px; width: 100%; display: flex; } .header-layout-4 .hamburger-menu-container .hamburger-menu > .navigation-wrapper > ul > li .submenu-container:hover, .header-layout-4 .hamburger-menu-container .hamburger-menu > .navigation-wrapper > ul > .dynamic-header-mobile > li .submenu-container:hover { display: flex; } .header-layout-4 .logo-hamburger-wrapper .hamburger-btn { display: flex; width: 25px; cursor: pointer; } .header-layout-4 .logo-hamburger-wrapper .logo { display: flex; } .header-layout-4 .logo-hamburger-wrapper .logo img { max-width: 120px; max-height: 30px; } .header-layout-4 .navigation-list { display: none; } .header-layout-4 .operation-button-container { gap: 15px; } .header-layout-4 .operation-button-container .button { border-radius: 8px; width: 45px; height: 45px; } .header-layout-4 .operation-button-container .button img { width: 17px; } .mobile-category-panel { background-color: #ffffff; padding: 10px; } .mobile-category-menu { color: #262e2e; font-size: 14px; padding: 10px 0; display: block; } .mobile-sub-menu { display: block; color: #262e2e; font-size: 14px; padding: 10px 0; } .mobile-child-sub-menu { display: block; color: #262e2e; font-size: 14px; padding: 10px 0; } }", "layoutStyles": [{"style-banner-4004-1717505703981": ".style-banner-4004-1717505703981 { .video-container { background-color: #f4f4f4; max-width: 1500px; margin: auto; padding: 30px 60px; display: flex; flex-direction: column; } .video-section-panel h2 { width: 50%; font-size: 80px; font-weight: 600; line-height: 72px; letter-spacing: -0.04em; margin: 0 0 20px; } .video-section-panel video { width: 100%; margin: 40px 0; } .video-section-panel .wrapper-container { width: 50%; margin: 0 0 0 auto; } .video-section-panel .wrapper-container p { font-weight: 500; font-size: 40px; margin: 20px 0 20px auto; line-height: 40px; letter-spacing: -0.04em; } .video-section-panel .wrapper-container a { background: transparent; border: 1px solid #282828; padding: 10px 50px; display: inline-block; font-size: 16px; font-weight: 400; text-decoration: none; color: #000000; margin: 20px 0; } @media only screen and (max-width: 991px) { .video-container { padding: 30px 20px; } .video-section-panel { padding: 20px 15px 60px; } .video-section-panel h2 { width: 100%; font-size: 1.75rem; line-height: 33px; letter-spacing: -0.04em; margin: 0 0 20px; } .video-section-panel video { width: 100%; margin: 10px 0; } .video-section-panel .wrapper-container { width: 100%; margin: 0; } .video-section-panel .wrapper-container p { font-size: 1.0625rem; line-height: 1.32; margin: 20px 0 20px auto; letter-spacing: -0.04em; } .video-section-panel .wrapper-container a { font-size: 0.875rem; padding: 10px 25px; margin: 0; } } }"}, {"style-banner-4004-1717506974950": ".style-banner-4004-1717506974950 { .video-container { background-color: #f4f4f4; max-width: 1500px; margin: auto; padding: 30px 60px; display: flex; flex-direction: column; } .video-section-panel h2 { width: 50%; font-size: 80px; font-weight: 600; line-height: 72px; letter-spacing: -0.04em; margin: 0 0 20px; } .video-section-panel video { width: 100%; margin: 40px 0; } .video-section-panel .wrapper-container { width: 50%; margin: 0 0 0 auto; } .video-section-panel .wrapper-container p { font-weight: 500; font-size: 40px; margin: 20px 0 20px auto; line-height: 40px; letter-spacing: -0.04em; } .video-section-panel .wrapper-container a { background: transparent; border: 1px solid #282828; padding: 10px 50px; display: inline-block; font-size: 16px; font-weight: 400; text-decoration: none; color: #000000; margin: 20px 0; } @media only screen and (max-width: 991px) { .video-container { padding: 30px 20px; } .video-section-panel { padding: 20px 15px 60px; } .video-section-panel h2 { width: 100%; font-size: 1.75rem; line-height: 33px; letter-spacing: -0.04em; margin: 0 0 20px; } .video-section-panel video { width: 100%; margin: 10px 0; } .video-section-panel .wrapper-container { width: 100%; margin: 0; } .video-section-panel .wrapper-container p { font-size: 1.0625rem; line-height: 1.32; margin: 20px 0 20px auto; letter-spacing: -0.04em; } .video-section-panel .wrapper-container a { font-size: 0.875rem; padding: 10px 25px; margin: 0; } } }"}, {"style-banner-4006-1717506995849": ".style-banner-4006-1717506995849 { .multi-banner-2-section .wrapper-container { display: flex; flex-wrap: wrap; gap: 25px; padding: 40px 20px; max-width: 1500px; margin: auto;} .multi-banner-2-section .wrapper-container > div { display: flex; flex-direction: column; width: calc(50% - 12.5px); } .multi-banner-2-section .wrapper-container > div img { max-width: 100%; } .multi-banner-2-section .wrapper-container > div .content-wrapper { display: flex; flex-direction: column; justify-content: space-between; } .multi-banner-2-section .wrapper-container > div .content-wrapper h3 { color: #282828; font-size: 40px; line-height: 40px; letter-spacing: -0.04em; margin: 30px 0 0; font-weight: 500; width:max-content; } .multi-banner-2-section .wrapper-container > div .content-wrapper p { font-size: 28px; letter-spacing: -0.04em; color: #696969; line-height: 30px; font-weight: 500; margin: 30px 0; } .multi-banner-2-section .wrapper-container > div .content-wrapper a { background: transparent; border: 1px solid #282828; padding: 10px 15px; display: inline-block; font-size: 16px; font-weight: 400; text-decoration: none; color: #000000; } @media only screen and (max-width: 991px) { .multi-banner-2-section .wrapper-container { display: flex; flex-wrap: wrap; gap: 50px; } .multi-banner-2-section .wrapper-container > div { width: 100%; } .multi-banner-2-section .wrapper-container > div .content-wrapper h3 { font-size: 20px; line-height: normal; margin: 20px 0 0; } .multi-banner-2-section .wrapper-container > div .content-wrapper p { font-size: 18px; line-height: 20px; letter-spacing: -0.03em; margin: 15px 0; } .multi-banner-2-section .wrapper-container > div .content-wrapper a { font-size: 0.875rem; padding: 10px 30px; } } }"}, {"style-banner-4024-1717507030971": ".style-banner-4024-1717507030971 { .bigsoho-services-container { display: flex; justify-content: space-around; max-width: 1460px; margin: auto; padding: 40px 20px; } .bigsoho-services-container > a { text-decoration: none; width: 250px; text-align: center; } .bigsoho-services-container > a img { width: 65px; transition: all 0.3s ease-in-out; } .bigsoho-services-container > a h3 { font-weight: 700; font-size: 18px; line-height: 24px; letter-spacing: 0.2px; color: #292931; margin: 10px 0; } .bigsoho-services-container > a p { font-size: 15px; letter-spacing: 0.5px; line-height: 24px; font-weight: 500; color: #292931; margin: 0; } .bigsoho-services-container > a:hover img { transform: translateY(-5px); } .bigsoho-services-container > a:hover h3 { color: #295ac3; } @media only screen and (max-width: 768px) { .bigsoho-services-container { flex-direction: column; align-items: center; gap: 25px; } .bigsoho-services-container > a { text-decoration: none; width: 100%; max-width: 350px; text-align: center; } .bigsoho-services-container > a img { width: 55px; } .bigsoho-services-container > a:hover img { transform: translateY(-3px); } } }"}, {"style-banner-4008-1717507062089": ".style-banner-4008-1717507062089 { .multi-banner-3-section { max-width: 1500px; margin: auto; padding: 40px 20px; } .multi-banner-3-section h2 { font-size: 3.625rem; color: #1d1d1d; font-weight: 500; letter-spacing: -0.025em; line-height: 58px; margin: 0 0 30px; } .multi-banner-3-section .wrapper-container { display: flex; gap: 20px; } .multi-banner-3-section .wrapper-container > a { width: 33.3333333333%; display: flex; flex-direction: column; text-decoration: none; color: #000000; } .multi-banner-3-section .wrapper-container > a > img { max-width: 100%; } .multi-banner-3-section .wrapper-container > a h3 { font-size: 1.25rem; font-weight: 500; line-height: 30px; color: #282828; margin: 15px 0 0px; } .multi-banner-3-section .wrapper-container > a .product-price { font-size: 20px; line-height: 30px; letter-spacing: 0.0012em; color: #282828; margin: 0 0 10px; } .multi-banner-3-section .wrapper-container > a .description { font-size: 1rem; letter-spacing: 0.0012em; color: #696969; margin: 0; } @media only screen and (max-width: 991px) { .multi-banner-3-section { padding: 40px 20px; } .multi-banner-3-section h2 { font-size: 24px; line-height: 26px; margin: 0 0 20px; } .multi-banner-3-section .wrapper-container { display: flex; gap: 20px; flex-wrap: nowrap; overflow-x: auto; scroll-snap-type: x mandatory; } .multi-banner-3-section .wrapper-container > a { width: 100%; min-width: 100%; scroll-snap-align: center; } .multi-banner-3-section .wrapper-container > a h3 { font-size: 1.25rem; font-weight: 500; line-height: 30px; color: #282828; margin: 15px 0 0px; } .multi-banner-3-section .wrapper-container > a .product-price { font-size: 1rem; line-height: normal; margin: 0 0 10px; } .multi-banner-3-section .wrapper-container > a .description { font-size: 0.875rem; } } }"}, {"style-banner-4005-1717507200394": ".style-banner-4005-1717507200394 { .multi-banner-section { padding: 60px 30px; } .multi-banner-section h2 { font-size: 3.625rem; color: #1d1d1d; font-weight: 500; letter-spacing: -0.025em; line-height: 58px; margin: 0 0 30px; } .multi-banner-section .wrapper-container { display: flex; gap: 20px; } .multi-banner-section .wrapper-container > a { width: 50%; display: flex; flex-direction: column; text-decoration: none; color: #000000; } .multi-banner-section .wrapper-container > a > img { max-width: 100%; } .multi-banner-section .wrapper-container > a h3 { font-size: 1.25rem; font-weight: 500; line-height: 30px; color: #282828; margin: 15px 0 0px; width: max-content; } .multi-banner-section .wrapper-container > a .product-price { display: flex; font-size: 20px; line-height: 30px; gap: 10px; letter-spacing: 0.0012em; color: #282828; margin: 0 0 10px; } .multi-banner-section .wrapper-container > a .product-price .original-price { color: #696969; text-decoration: line-through; } .multi-banner-section .wrapper-container > a .description { font-size: 1rem; letter-spacing: 0.0012em; color: #696969; margin: 0; } @media only screen and (max-width: 991px) { .multi-banner-section { margin: 30px 20px; } .multi-banner-section h2 { font-size: 24px; line-height: 26px; margin: 0 0 20px; } .multi-banner-section .wrapper-container { display: flex; gap: 20px; flex-wrap: nowrap; overflow-x: auto; scroll-snap-type: x mandatory; } .multi-banner-section .wrapper-container > a { width: 100%; min-width: 100%; scroll-snap-align: center; } .multi-banner-section .wrapper-container > a h3 { font-size: 1.25rem; font-weight: 500; line-height: 30px; color: #282828; margin: 15px 0 0px; } .multi-banner-section .wrapper-container > a .product-price { font-size: 1rem; line-height: normal; margin: 0 0 10px; } .multi-banner-section .wrapper-container > a .product-price .original-price { color: #696969; } .multi-banner-section .wrapper-container > a .description { font-size: 0.875rem; } } }"}, {"style-banner-4005-1717590706621": ".style-banner-4005-1717590706621 { .multi-banner-section { padding: 60px 30px; margin: auto; max-width: 1500px; } .multi-banner-section h2 { font-size: 3.625rem; color: #1d1d1d; font-weight: 500; letter-spacing: -0.025em; line-height: 58px; margin: 0 0 30px; } .multi-banner-section .wrapper-container { display: flex; gap: 20px; } .multi-banner-section .wrapper-container > a { width: 50%; display: flex; flex-direction: column; text-decoration: none; color: #000000; } .multi-banner-section .wrapper-container > a > img { max-width: 100%; } .multi-banner-section .wrapper-container > a h3 { font-size: 1.25rem; font-weight: 500; line-height: 30px; color: #282828; margin: 15px 0 0px; width: max-content; } .multi-banner-section .wrapper-container > a .product-price { display: flex; font-size: 20px; line-height: 30px; gap: 10px; letter-spacing: 0.0012em; color: #282828; margin: 0 0 10px; } .multi-banner-section .wrapper-container > a .product-price .original-price { color: #696969; text-decoration: line-through; } .multi-banner-section .wrapper-container > a .description { font-size: 1rem; letter-spacing: 0.0012em; color: #696969; margin: 0; } @media only screen and (max-width: 991px) { .multi-banner-section { margin: 30px 20px; } .multi-banner-section h2 { font-size: 24px; line-height: 26px; margin: 0 0 20px; } .multi-banner-section .wrapper-container { display: flex; gap: 20px; flex-wrap: nowrap; overflow-x: auto; scroll-snap-type: x mandatory; } .multi-banner-section .wrapper-container > a { width: 100%; min-width: 100%; scroll-snap-align: center; } .multi-banner-section .wrapper-container > a h3 { font-size: 1.25rem; font-weight: 500; line-height: 30px; color: #282828; margin: 15px 0 0px; } .multi-banner-section .wrapper-container > a .product-price { font-size: 1rem; line-height: normal; margin: 0 0 10px; } .multi-banner-section .wrapper-container > a .product-price .original-price { color: #696969; } .multi-banner-section .wrapper-container > a .description { font-size: 0.875rem; } } }"}, {"style-banner-4019-1717656112174": ".style-banner-4019-1717656112174 { .equipo-devices-grid-2 { display: grid; gap: 20px; padding: 40px 20px; max-width: 1500px; margin: auto; grid-template-columns: repeat(2, 1fr); } .equipo-devices-grid-2 .panel { position: relative; height: 100%; border-radius: 15px; } .equipo-devices-grid-2 .panel img { width: 100%; max-width: 100%; max-height: 100%; object-fit: cover; border-radius: 12px; } .equipo-devices-grid-2 .panel .panel-content { position: absolute; top: 50%; left: 20px; transform: translate(0, -50%); } .equipo-devices-grid-2 .panel .panel-content h1 { font-size: 14px; color: #ffffff; margin: 0 0 10px; max-width: max-content; } .equipo-devices-grid-2 .panel .panel-content p { font-size: 30px; font-weight: 600; color: #ffffff; max-width: 290px; margin: 0 0 15px; } .equipo-devices-grid-2 .panel .panel-content .link { cursor: pointer; font-size: 14px; font-weight: 600; text-decoration: none; color: #ffffff; padding: 0 0 4px; border-bottom: 2px solid #ffffff; } @media only screen and (max-width: 1024px) { .equipo-devices-grid-2 { grid-template-columns: auto; } } @media only screen and (max-width: 640px) { .equipo-devices-grid-2 .panel .panel-content p { font-size: 17px; } .equipo-devices-grid-2 .panel .panel-content .link { font-size: 12px; } } }"}, {"style-banner-4020-1717656158944": ".style-banner-4020-1717656158944 { .equipo-blog-grid { display: grid; gap: 20px; padding: 40px 20px; max-width: 1500px; margin: auto; grid-template-columns: repeat(3, 1fr); } .equipo-blog-grid .panel { position: relative; padding: 0 0 20px; height: 100%; border-width: 1px; border-color: #eeeeee; border-style: solid; } .equipo-blog-grid .panel .panel-content { padding: 0 20px; } .equipo-blog-grid .panel img { width: 100%; max-width: 100%; max-height: 100%; object-fit: cover; } .equipo-blog-grid .panel .panel-content p.badge { font-size: 12px; color: #ffffff; font-weight: 400; padding: 8px 8px; margin: 10px 0 10px; max-width: max-content; background-color: #262e2e; } .panel .panel-content h1 { font-size: 20px; font-weight: 600; color: #262e2e; margin: 10px 0 15px; max-width: max-content; } .panel .panel-content p { font-size: 15px; font-weight: 400; color: #616161; margin: 10px 0 15px; max-width: max-content; } .equipo-blog-grid .panel .panel-content .read-more-btn { cursor: pointer; font-size: 14px; font-weight: 400; color: #262e2e; letter-spacing: 1px; } @media only screen and (max-width: 1024px) { .equipo-blog-grid { grid-template-columns: auto; } } @media only screen and (max-width: 640px) { .equipo-blog-grid .panel .panel-content p { font-size: 17px; } .equipo-blog-grid .panel .panel-content .link { font-size: 12px; } } }"}, {"style-banner-4017-1717656220240": ".style-banner-4017-1717656220240 { .radius-grid-layout-1 { .equipo-devices-grid { display: grid; gap: 20px; max-width: 1500px; margin: auto; padding: 40px 20px; grid-template-columns: repeat(3, 1fr); } .equipo-devices-grid .panel { position: relative; height: 100%; border-radius: 15px; } .equipo-devices-grid .panel img { width: 100%; max-width: 100%; max-height: 100%; object-fit: cover; border-radius: 12px; } .equipo-devices-grid .panel .panel-content { position: absolute; top: 50%; left: 20px; transform: translate(0, -50%); } .equipo-devices-grid .panel .panel-content p { font-size: 20px; line-height: 30px; font-weight: 600; color: #262e2e; max-width: 190px; margin: 0 0 15px; } .equipo-devices-grid .panel .panel-content .link { cursor: pointer; font-size: 14px; font-weight: 600; text-decoration: none; color: #262e2e; padding: 0 0 4px; border-bottom: 2px solid #262e2e; } } @media only screen and (max-width: 1024px) { .radius-grid-layout-1 { .equipo-devices-grid { grid-template-columns: auto; } } } @media only screen and (max-width: 640px) { .radius-grid-layout-1 { .equipo-devices-grid .panel .panel-content p { font-size: 17px; } .equipo-devices-grid .panel .panel-content .link { font-size: 12px; } } } }"}, {"style-banner-4017-1717658813839": ".style-banner-4017-1717658813839 { .radius-grid-layout-1 { .equipo-devices-grid { display: grid; gap: 20px; max-width: 1540px; margin: auto; padding: 40px 20px; grid-template-columns: repeat(3, 1fr); } .equipo-devices-grid .panel { position: relative; height: 100%; border-radius: 15px; } .equipo-devices-grid .panel img { width: 100%; max-width: 100%; max-height: 100%; object-fit: cover; border-radius: 12px; } .equipo-devices-grid .panel .panel-content { position: absolute; top: 50%; left: 20px; transform: translate(0, -50%); } .equipo-devices-grid .panel .panel-content p { font-size: 20px; line-height: 30px; font-weight: 600; color: #262e2e; max-width: 190px; margin: 0 0 15px; } .equipo-devices-grid .panel .panel-content .link { cursor: pointer; font-size: 14px; font-weight: 600; text-decoration: none; color: #262e2e; padding: 0 0 4px; border-bottom: 2px solid #262e2e; } } @media only screen and (max-width: 1024px) { .radius-grid-layout-1 { .equipo-devices-grid { grid-template-columns: auto; } } } @media only screen and (max-width: 640px) { .radius-grid-layout-1 { .equipo-devices-grid .panel .panel-content p { font-size: 17px; } .equipo-devices-grid .panel .panel-content .link { font-size: 12px; } } } }"}, {"style-banner-4019-1717659048567": ".style-banner-4019-1717659048567 { .equipo-devices-grid-2 { display: grid; gap: 20px; padding: 40px 20px; max-width: 1540px; margin: auto; grid-template-columns: repeat(2, 1fr); } .equipo-devices-grid-2 .panel { position: relative; height: 100%; border-radius: 15px; } .equipo-devices-grid-2 .panel img { width: 100%; max-width: 100%; max-height: 100%; object-fit: cover; border-radius: 12px; } .equipo-devices-grid-2 .panel .panel-content { position: absolute; top: 50%; left: 20px; transform: translate(0, -50%); } .equipo-devices-grid-2 .panel .panel-content h1 { font-size: 14px; color: #ffffff; margin: 0 0 10px; max-width: max-content; } .equipo-devices-grid-2 .panel .panel-content p { font-size: 30px; font-weight: 600; color: #ffffff; max-width: 290px; margin: 0 0 15px; } .equipo-devices-grid-2 .panel .panel-content .link { cursor: pointer; font-size: 14px; font-weight: 600; text-decoration: none; color: #ffffff; padding: 0 0 4px; border-bottom: 2px solid #ffffff; } @media only screen and (max-width: 1024px) { .equipo-devices-grid-2 { grid-template-columns: auto; } } @media only screen and (max-width: 640px) { .equipo-devices-grid-2 .panel .panel-content p { font-size: 17px; } .equipo-devices-grid-2 .panel .panel-content .link { font-size: 12px; } } }"}, {"style-banner-4020-1717659087075": ".style-banner-4020-1717659087075 { .equipo-blog-grid { display: grid; gap: 20px; padding: 40px 20px; max-width: 1540px; margin: auto; grid-template-columns: repeat(3, 1fr); } .equipo-blog-grid .panel { position: relative; padding: 0 0 20px; height: 100%; border-width: 1px; border-color: #eeeeee; border-style: solid; } .equipo-blog-grid .panel .panel-content { padding: 0 20px; } .equipo-blog-grid .panel img { width: 100%; max-width: 100%; max-height: 100%; object-fit: cover; } .equipo-blog-grid .panel .panel-content p.badge { font-size: 12px; color: #ffffff; font-weight: 400; padding: 8px 8px; margin: 10px 0 10px; max-width: max-content; background-color: #262e2e; } .panel .panel-content h1 { font-size: 20px; font-weight: 600; color: #262e2e; margin: 10px 0 15px; max-width: max-content; } .panel .panel-content p { font-size: 15px; font-weight: 400; color: #616161; margin: 10px 0 15px; max-width: max-content; } .equipo-blog-grid .panel .panel-content .read-more-btn { cursor: pointer; font-size: 14px; font-weight: 400; color: #262e2e; letter-spacing: 1px; } @media only screen and (max-width: 1024px) { .equipo-blog-grid { grid-template-columns: auto; } } @media only screen and (max-width: 640px) { .equipo-blog-grid .panel .panel-content p { font-size: 17px; } .equipo-blog-grid .panel .panel-content .link { font-size: 12px; } } }"}, {"style-banner-4024-1717659128915": ".style-banner-4024-1717659128915 { .bigsoho-services-container { display: flex; justify-content: space-around; max-width: 1500px; margin: auto; padding: 40px 20px; } .bigsoho-services-container > a { text-decoration: none; width: 250px; text-align: center; } .bigsoho-services-container > a img { width: 65px; transition: all 0.3s ease-in-out; } .bigsoho-services-container > a h3 { font-weight: 700; font-size: 18px; line-height: 24px; letter-spacing: 0.2px; color: #292931; margin: 10px 0; } .bigsoho-services-container > a p { font-size: 15px; letter-spacing: 0.5px; line-height: 24px; font-weight: 500; color: #292931; margin: 0; } .bigsoho-services-container > a:hover img { transform: translateY(-5px); } .bigsoho-services-container > a:hover h3 { color: #295ac3; } @media only screen and (max-width: 768px) { .bigsoho-services-container { flex-direction: column; align-items: center; gap: 25px; } .bigsoho-services-container > a { text-decoration: none; width: 100%; max-width: 350px; text-align: center; } .bigsoho-services-container > a img { width: 55px; } .bigsoho-services-container > a:hover img { transform: translateY(-3px); } } }"}, {"style-banner-4041-1717592103043": ".style-banner-4041-1717592103043 { .product-feature-section { padding: 50px 0; background-color: #f4f4f4; } .product-feature-section h1 { font-size: 24px; color: #262e2e; font-weight: 600; text-align: center; margin: 0 0 10px; } .product-feature-section p.caption { font-size: 16px; color: #666666; line-height: 21px; font-weight: 400; text-align: center; margin: 0 0 60px; } .product-feature-section .product-feature-content { display: flex; align-items: center; gap: 40px; margin: auto; max-width: 1200px; } .product-feature-section .product-feature-content .product-feature-column { width: 33.33%; padding: 0 20px; } .product-feature-section .product-feature-content .product-feature-column ul { display: flex; flex-direction: column; gap: 30px; list-style: none; } .product-feature-section .product-feature-content .product-feature-column ul li { display: flex; gap: 20px; } .product-feature-section .product-feature-content .product-feature-column ul li img { width: 50px; height: 50px; object-fit: contain; } .product-feature-section .product-feature-content .product-feature-column ul li .context h2 { font-size: 16px; color: #262e2e; font-weight: 600; margin: 0 0 10px; } .product-feature-section .product-feature-content .product-feature-column ul li .context p { font-size: 13px; color: #666666; line-height: 21px; font-weight: 500; max-width: 280px; } .product-feature-section .product-feature-content .product-feature-column:nth-child(2) { display: flex; align-items: center; justify-content: center; } .product-feature-section .product-feature-content .product-feature-column:nth-child(2) img { width: 100%; height: 100%; object-fit: contain; max-width: 350px; padding: 0 10px; } @media only screen and (max-width: 992px) { .product-feature-section .product-feature-content { gap: 20px; } .product-feature-section .product-feature-content .product-feature-column ul li { gap: 15px; } .product-feature-section .product-feature-content .product-feature-column { padding: 0 20px; } .product-feature-section .product-feature-content .product-feature-column ul li img { width: 30px; height: 30px; } .product-feature-section .product-feature-content .product-feature-column:nth-child(2) { order: 1; } } @media only screen and (max-width: 768px) { .product-feature-section .product-feature-content { flex-direction: column; } .product-feature-section .product-feature-content .product-feature-column { width: 100%; } .product-feature-section .product-feature-content .product-feature-column ul li img { width: 20px; height: 20px; } .product-feature-section .product-feature-content .product-feature-column ul li .context p { max-width: max-content; } .product-feature-section .product-feature-content .product-feature-column:nth-child(2) img { max-width: 280px; } .product-feature-section .product-feature-content .product-feature-column:nth-child(2) { order: 1; } .product-feature-section .product-feature-content .product-feature-column:nth-child(1) { order: 2; } .product-feature-section .product-feature-content .product-feature-column:nth-child(3) { order: 3; } } }"}, {"style-banner-4040-1717592141813": ".style-banner-4040-1717592141813 { .testimonial-users { max-width: 1250px; margin: 70px auto; padding: 0 30px; } .testimonial-users .title { display: flex; flex-direction: column; align-items: center; text-align: center; margin: 0 0 30px; } .testimonial-users .title h2 { font-size: 1.5rem; color: black; font-weight: 600; margin: 0 0 10px; } .testimonial-users .title p { font-size: 1rem; color: rgb(93, 93, 93); font-weight: 500; margin: 0; } .testimonial-users .cards-wrapper { display: flex; flex-wrap: wrap; gap: 20px; } .testimonial-users .cards-wrapper .card-container { width: calc((100% - 60px) / 4); min-width: calc((100% - 60px) / 4); display: flex; flex-direction: column; justify-content: space-between; align-items: center; text-align: center; gap: 10px; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; padding: 40px 20px; box-sizing: border-box; } .testimonial-users .cards-wrapper .card-container .description img { width: 25px; margin: 0 0 10px; } .testimonial-users .cards-wrapper .card-container .description P { color: black; font-size: 0.875rem; font-weight: 500; margin: 0; } .testimonial-users .cards-wrapper .card-container .profile img { width: 80px; height: 80px; padding: 5px; border-radius: 50%; display: flex; align-items: center; justify-self: center; object-fit: cover; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; border: 1px solid #666; margin: 20px auto; } .testimonial-users .cards-wrapper .card-container .profile .name { font-size: 1.125rem; font-weight: 600; margin: 0 0 5px; } .testimonial-users .cards-wrapper .card-container .profile .position { font-size: 0.875rem; font-weight: 500; color: rgb(93, 93, 93); } @media only screen and (max-width: 991px) { .testimonial-users { margin: 50px 0; padding: 0 20px; } .testimonial-users .title { margin: 0 0 25px; } .testimonial-users .cards-wrapper .card-container { width: 100%; min-width: 100%; } } }"}, {"style-banner-d6f02fe0-6a48-41d4-a81c-1ff724885254-1728994343211": ".style-banner-d6f02fe0-6a48-41d4-a81c-1ff724885254-1728994343211 { .multi-product-section { background-color: #ffffff; padding: 40px 20px; margin: auto; max-width: 1540px; } .multi-product-section h2 { font-size: 2rem; color: #1d1d1d; font-weight: 500; letter-spacing: -0.025em; margin: 0 0 20px; } .multi-product-section .wrapper-container { display: flex; gap: 20px; } .multi-product-section .wrapper-container > a { width: 33%; display: flex; flex-direction: column; text-decoration: none; color: #000000; } .multi-product-section .wrapper-container > a > img { max-width: 100%; } .multi-product-section .wrapper-container > a h3 { font-size: 1.125rem; font-weight: 500; line-height: 30px; color: #282828; margin: 15px 0 0px; width: max-content; } .multi-product-section .wrapper-container > a .product-price { display: flex; font-size: 0.875rem; line-height: 30px; gap: 10px; letter-spacing: 0.0012em; color: #282828; margin: 0 0 10px; } .multi-product-section .wrapper-container > a .product-price .original-price { color: #696969; text-decoration: line-through; } .multi-product-section .wrapper-container > a .description { font-size: 0.875rem; letter-spacing: 0.0012em; color: #696969; margin: 0; } @media only screen and (max-width: 768px) { .multi-product-section h2 { font-size: 24px; line-height: 26px; margin: 0 0 20px; } .multi-product-section .wrapper-container { display: flex; gap: 20px; padding: 0 0 10px; flex-wrap: nowrap; overflow-x: auto; scroll-snap-type: x mandatory; } .multi-product-section .wrapper-container > a { width: 100%; min-width: calc((100% - 10px) / 1.2); scroll-snap-align: center; } .multi-product-section .wrapper-container > a h3 { font-size: 1rem; font-weight: 500; line-height: 30px; color: #282828; margin: 15px 0 0px; } .multi-product-section .wrapper-container > a .product-price { font-size: 0.875rem; line-height: normal; margin: 0 0 10px; } .multi-product-section .wrapper-container > a .product-price .original-price { color: #696969; } } }"}, {"style-banner-68269223-8cfe-48a3-99fd-f4f5a51753a3-1728994415491": ".style-banner-68269223-8cfe-48a3-99fd-f4f5a51753a3-1728994415491 { .bigsoho-sub-banner-container .sub-banner-wrapper { position: relative; display: flex; flex-wrap: wrap; gap: 25px; padding: 40px 20px; margin: auto; max-width: 1540px; } .bigsoho-sub-banner-container .sub-banner-wrapper .sub-banner-list { width: calc((100% - 50px) / 3); position: relative; border-radius: 4px; display: block; cursor: pointer; } .bigsoho-sub-banner-container .sub-banner-wrapper .sub-banner-list img { width: 100%; height: 100%; transition: all 0.3s ease-in-out; } .bigsoho-sub-banner-container .sub-banner-wrapper .sub-banner-list .content-container { position: absolute; top: 0; left: 0; margin: 30px 50px; box-sizing: border-box; max-width: 325px; display: flex; flex-direction: column; justify-content: center; } .bigsoho-sub-banner-container .sub-banner-wrapper .sub-banner-list .content-container .title { font-size: 17px; line-height: 20px; font-weight: 400; color: #292931; margin: 0; width: fit-content; } .bigsoho-sub-banner-container .sub-banner-wrapper .sub-banner-list .content-container h3 { font-size: 22px; font-weight: 700; margin-block: 15px; color: #292931; width: fit-content; } .bigsoho-sub-banner-container .sub-banner-wrapper .sub-banner-list .content-container .button { font-size: 14px; font-weight: 500; line-height: 23px; color: #292931; width: fit-content; } .bigsoho-sub-banner-container .sub-banner-wrapper .sub-banner-list .content-container .button:hover { text-decoration: none; } .bigsoho-sub-banner-container .sub-banner-wrapper .sub-banner-list:hover img { transform: scale(1.015); } @media only screen and (max-width: 1200px) { .bigsoho-sub-banner-container .sub-banner-wrapper { flex-direction: column; max-width: 700px; margin: auto; } .bigsoho-sub-banner-container .sub-banner-wrapper .sub-banner-list { width: 100%; } } @media only screen and (max-width: 768px) { .bigsoho-sub-banner-container .sub-banner-wrapper { gap: 20px; } .bigsoho-sub-banner-container .sub-banner-wrapper .sub-banner-list .content-container { margin: 20px 25px; max-width: 250px; } .bigsoho-sub-banner-container .sub-banner-wrapper .sub-banner-list .content-container .title { font-size: 16px; } .bigsoho-sub-banner-container .sub-banner-wrapper .sub-banner-list .content-container h3 { font-size: 22px; } } }"}], "carouselStyles": [{"style-carousel_banner-2000-17176560734120": ".style-carousel_banner-2000-17176560734120{.equipo-banner { position: relative; line-height: normal; overflow: hidden; max-width: 1460px; margin: auto; } .equipo-banner img { width: 100%; } .equipo-banner .equipo-banner-content { position: absolute; top: 50%; left: 80px; transform: translate(0%, -50%); } .equipo-banner .equipo-banner-content h1 { font-size: 30px; text-transform: uppercase; color: #ffffff; font-weight: 400; width: max-content; margin: 0 0 10px; } .equipo-banner .equipo-banner-content h2 { font-size: 50px; color: #ffffff; font-weight: 600; width: max-content; margin: 0 0 15px; } .equipo-banner .equipo-banner-content p { font-size: 20px; color: #fcb900; font-weight: 500; width: max-content; margin: 0 0 25px; } .equipo-banner .btn-list { display: flex; align-items: center; } .equipo-banner-btn { all: unset; cursor: pointer; font-size: 14px; font-weight: 500; text-align: center; color: #ffffff; padding: 8px 10px; background-color: transparent; border: 1px solid #ffffff; border-radius: 6px; } .equipo-banner-btn:hover { color: #ffffff; } .navigation-container { color: #000; } @media only screen and (max-width: 990px) { .equipo-banner .equipo-banner-content { text-align: center; left: 50%; transform: translate(-50%, -50%); } .equipo-banner .btn-list { justify-content: center; } .equipo-banner .equipo-banner-content h1, .equipo-banner .equipo-banner-content h2 { margin: 0 auto 15px; } .equipo-banner .equipo-banner-content p { margin: 0 auto 25px; } } @media only screen and (max-width: 640px) { .equipo-banner .equipo-banner-content h1 { font-size: 16px; } .equipo-banner .equipo-banner-content h2 { font-size: 30px; } .equipo-banner .equipo-banner-content p { font-size: 16px; margin: 0 auto 15px; } .next-slide-button, .previous-slide-button { display: none !important; } }}"}, {"style-carousel_banner-2000-17176560734141": ".style-carousel_banner-2000-17176560734141{.equipo-banner { position: relative; line-height: normal; overflow: hidden; max-width: 1460px; margin: auto; } .equipo-banner img { width: 100%; } .equipo-banner .equipo-banner-content { position: absolute; top: 50%; left: 80px; transform: translate(0%, -50%); } .equipo-banner .equipo-banner-content h1 { font-size: 30px; text-transform: uppercase; color: #ffffff; font-weight: 400; width: max-content; margin: 0 0 10px; } .equipo-banner .equipo-banner-content h2 { font-size: 50px; color: #ffffff; font-weight: 600; width: max-content; margin: 0 0 15px; } .equipo-banner .equipo-banner-content p { font-size: 20px; color: #fcb900; font-weight: 500; width: max-content; margin: 0 0 25px; } .equipo-banner .btn-list { display: flex; align-items: center; } .equipo-banner-btn { all: unset; cursor: pointer; font-size: 14px; font-weight: 500; text-align: center; color: #ffffff; padding: 8px 10px; background-color: transparent; border: 1px solid #ffffff; border-radius: 6px; } .equipo-banner-btn:hover { color: #ffffff; } .navigation-container { color: #000; } @media only screen and (max-width: 990px) { .equipo-banner .equipo-banner-content { text-align: center; left: 50%; transform: translate(-50%, -50%); } .equipo-banner .btn-list { justify-content: center; } .equipo-banner .equipo-banner-content h1, .equipo-banner .equipo-banner-content h2 { margin: 0 auto 15px; } .equipo-banner .equipo-banner-content p { margin: 0 auto 25px; } } @media only screen and (max-width: 640px) { .equipo-banner .equipo-banner-content h1 { font-size: 16px; } .equipo-banner .equipo-banner-content h2 { font-size: 30px; } .equipo-banner .equipo-banner-content p { font-size: 16px; margin: 0 auto 15px; } .next-slide-button, .previous-slide-button { display: none !important; } }}"}, {"style-carousel_banner-2000-17182793696340": ".style-carousel_banner-2000-17182793696340{.equipo-banner { position: relative; line-height: normal; overflow: hidden; max-width: 1500px; margin: auto; } .equipo-banner img { width: 100%; } .equipo-banner .equipo-banner-content { position: absolute; top: 50%; left: 80px; transform: translate(0%, -50%); } .equipo-banner .equipo-banner-content h1 { font-size: 30px; text-transform: uppercase; color: #ffffff; font-weight: 400; width: max-content; margin: 0 0 10px; } .equipo-banner .equipo-banner-content h2 { font-size: 50px; color: #ffffff; font-weight: 600; width: max-content; margin: 0 0 15px; } .equipo-banner .equipo-banner-content p { font-size: 20px; color: #fcb900; font-weight: 500; width: max-content; margin: 0 0 25px; } .equipo-banner .btn-list { display: flex; align-items: center; } .equipo-banner-btn { all: unset; cursor: pointer; font-size: 14px; font-weight: 500; text-align: center; color: #ffffff; padding: 8px 10px; background-color: transparent; border: 1px solid #ffffff; border-radius: 6px; } .equipo-banner-btn:hover { color: #ffffff; } .navigation-container { color: #000; } @media only screen and (max-width: 990px) { .equipo-banner .equipo-banner-content { text-align: center; left: 50%; transform: translate(-50%, -50%); } .equipo-banner .btn-list { justify-content: center; } .equipo-banner .equipo-banner-content h1, .equipo-banner .equipo-banner-content h2 { margin: 0 auto 15px; } .equipo-banner .equipo-banner-content p { margin: 0 auto 25px; } } @media only screen and (max-width: 640px) { .equipo-banner .equipo-banner-content h1 { font-size: 16px; } .equipo-banner .equipo-banner-content h2 { font-size: 30px; } .equipo-banner .equipo-banner-content p { font-size: 16px; margin: 0 auto 15px; } .next-slide-button, .previous-slide-button { display: none !important; } }}"}, {"style-carousel_banner-2000-17182793696361": ".style-carousel_banner-2000-17182793696361{.equipo-banner { position: relative; line-height: normal; overflow: hidden; max-width: 1500px; margin: auto; } .equipo-banner img { width: 100%; } .equipo-banner .equipo-banner-content { position: absolute; top: 50%; left: 80px; transform: translate(0%, -50%); } .equipo-banner .equipo-banner-content h1 { font-size: 30px; text-transform: uppercase; color: #ffffff; font-weight: 400; width: max-content; margin: 0 0 10px; } .equipo-banner .equipo-banner-content h2 { font-size: 50px; color: #ffffff; font-weight: 600; width: max-content; margin: 0 0 15px; } .equipo-banner .equipo-banner-content p { font-size: 20px; color: #fcb900; font-weight: 500; width: max-content; margin: 0 0 25px; } .equipo-banner .btn-list { display: flex; align-items: center; } .equipo-banner-btn { all: unset; cursor: pointer; font-size: 14px; font-weight: 500; text-align: center; color: #ffffff; padding: 8px 10px; background-color: transparent; border: 1px solid #ffffff; border-radius: 6px; } .equipo-banner-btn:hover { color: #ffffff; } .navigation-container { color: #000; } @media only screen and (max-width: 990px) { .equipo-banner .equipo-banner-content { text-align: center; left: 50%; transform: translate(-50%, -50%); } .equipo-banner .btn-list { justify-content: center; } .equipo-banner .equipo-banner-content h1, .equipo-banner .equipo-banner-content h2 { margin: 0 auto 15px; } .equipo-banner .equipo-banner-content p { margin: 0 auto 25px; } } @media only screen and (max-width: 640px) { .equipo-banner .equipo-banner-content h1 { font-size: 16px; } .equipo-banner .equipo-banner-content h2 { font-size: 30px; } .equipo-banner .equipo-banner-content p { font-size: 16px; margin: 0 auto 15px; } .next-slide-button, .previous-slide-button { display: none !important; } }}"}, {"style-carousel_banner-2000-17182793696402": ".style-carousel_banner-2000-17182793696402{.equipo-banner { position: relative; line-height: normal; overflow: hidden; max-width: 1500px; margin: auto; } .equipo-banner img { width: 100%; } .equipo-banner .equipo-banner-content { position: absolute; top: 50%; left: 80px; transform: translate(0%, -50%); } .equipo-banner .equipo-banner-content h1 { font-size: 30px; text-transform: uppercase; color: #ffffff; font-weight: 400; width: max-content; margin: 0 0 10px; } .equipo-banner .equipo-banner-content h2 { font-size: 50px; color: #ffffff; font-weight: 600; width: max-content; margin: 0 0 15px; } .equipo-banner .equipo-banner-content p { font-size: 20px; color: #fcb900; font-weight: 500; width: max-content; margin: 0 0 25px; } .equipo-banner .btn-list { display: flex; align-items: center; } .equipo-banner-btn { all: unset; cursor: pointer; font-size: 14px; font-weight: 500; text-align: center; color: #ffffff; padding: 8px 10px; background-color: transparent; border: 1px solid #ffffff; border-radius: 6px; } .equipo-banner-btn:hover { color: #ffffff; } .navigation-container { color: #000; } @media only screen and (max-width: 990px) { .equipo-banner .equipo-banner-content { text-align: center; left: 50%; transform: translate(-50%, -50%); } .equipo-banner .btn-list { justify-content: center; } .equipo-banner .equipo-banner-content h1, .equipo-banner .equipo-banner-content h2 { margin: 0 auto 15px; } .equipo-banner .equipo-banner-content p { margin: 0 auto 25px; } } @media only screen and (max-width: 640px) { .equipo-banner .equipo-banner-content h1 { font-size: 16px; } .equipo-banner .equipo-banner-content h2 { font-size: 30px; } .equipo-banner .equipo-banner-content p { font-size: 16px; margin: 0 auto 15px; } .next-slide-button, .previous-slide-button { display: none !important; } }}"}, {"style-carousel_banner-2002-17182797256992": ".style-carousel_banner-2002-17182797256992{.banner-1 { .dynamic-banner { position: relative; width: 100%; margin: auto; } .banner-content { text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } picture { display: block; } .banner-img { width: 100%; } } .carousel-container { position: relative; }}"}, {"style-carousel_banner-161380ef-f669-4a6d-bd0b-b68f0d253895-17289939907550": ".style-carousel_banner-161380ef-f669-4a6d-bd0b-b68f0d253895-17289939907550{.carousel-container { position: relative; } .lavazza-banner { position: relative; line-height: normal; overflow: hidden; margin: auto; max-width: 1500px; } .lavazza-banner img { width: 100%; } .lavazza-banner .banner-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .lavazza-banner .banner-content h1 { font-size: 40px; color: #ffffff; font-weight: 600; width: max-content; margin: 0 auto 25px; } .lavazza-banner .banner-content p { font-size: 26px; color: #ffffff; font-weight: 500; width: max-content; margin: 0 auto 35px; } .lavazza-banner .btn-list { display: flex; align-items: center; justify-content: center; gap: 20px; } .lavazza-banner-btn { cursor: pointer; font-size: 15px; font-weight: 500; text-transform: uppercase; text-align: center; color: #ffffff; padding: 10px 15px; background-color: transparent; border: 1px solid #ffffff; border-radius: 6px; } .lavazza-banner-btn.outlined { color: #ffffff; background-color: transparent; border: 1px solid #ffffff; } @media only screen and (max-width: 990px) { .lavazza-banner .banner-content { text-align: center; left: 50%; transform: translate(-50%, -50%); } .lavazza-banner .btn-list { justify-content: center; } .lavazza-banner .banner-content h1 { margin: 0 auto 20px; } .lavazza-banner .banner-content p { font-size: 16px; margin: 0 auto 35px; } } @media only screen and (max-width: 640px) { .lavazza-banner .banner-content h1 { font-size: 24px; } .lavazza-banner .btn-list { gap: 10px; } .lavazza-banner-btn { font-size: 12px; padding: 5px 10px; } }}"}, {"style-carousel_banner-161380ef-f669-4a6d-bd0b-b68f0d253895-17289939907571": ".style-carousel_banner-161380ef-f669-4a6d-bd0b-b68f0d253895-17289939907571{.carousel-container { position: relative; } .lavazza-banner { position: relative; line-height: normal; overflow: hidden; margin: auto; max-width: 1500px; } .lavazza-banner img { width: 100%; } .lavazza-banner .banner-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .lavazza-banner .banner-content h1 { font-size: 40px; color: #ffffff; font-weight: 600; width: max-content; margin: 0 auto 25px; } .lavazza-banner .banner-content p { font-size: 26px; color: #ffffff; font-weight: 500; width: max-content; margin: 0 auto 35px; } .lavazza-banner .btn-list { display: flex; align-items: center; justify-content: center; gap: 20px; } .lavazza-banner-btn { cursor: pointer; font-size: 15px; font-weight: 500; text-transform: uppercase; text-align: center; color: #ffffff; padding: 10px 15px; background-color: transparent; border: 1px solid #ffffff; border-radius: 6px; } .lavazza-banner-btn.outlined { color: #ffffff; background-color: transparent; border: 1px solid #ffffff; } @media only screen and (max-width: 990px) { .lavazza-banner .banner-content { text-align: center; left: 50%; transform: translate(-50%, -50%); } .lavazza-banner .btn-list { justify-content: center; } .lavazza-banner .banner-content h1 { margin: 0 auto 20px; } .lavazza-banner .banner-content p { font-size: 16px; margin: 0 auto 35px; } } @media only screen and (max-width: 640px) { .lavazza-banner .banner-content h1 { font-size: 24px; } .lavazza-banner .btn-list { gap: 10px; } .lavazza-banner-btn { font-size: 12px; padding: 5px 10px; } }}"}, {"style-carousel_banner-161380ef-f669-4a6d-bd0b-b68f0d253895-17289939907582": ".style-carousel_banner-161380ef-f669-4a6d-bd0b-b68f0d253895-17289939907582{.carousel-container { position: relative; } .lavazza-banner { position: relative; line-height: normal; overflow: hidden; margin: auto; max-width: 1500px; } .lavazza-banner img { width: 100%; } .lavazza-banner .banner-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .lavazza-banner .banner-content h1 { font-size: 40px; color: #ffffff; font-weight: 600; width: max-content; margin: 0 auto 25px; } .lavazza-banner .banner-content p { font-size: 26px; color: #ffffff; font-weight: 500; width: max-content; margin: 0 auto 35px; } .lavazza-banner .btn-list { display: flex; align-items: center; justify-content: center; gap: 20px; } .lavazza-banner-btn { cursor: pointer; font-size: 15px; font-weight: 500; text-transform: uppercase; text-align: center; color: #ffffff; padding: 10px 15px; background-color: transparent; border: 1px solid #ffffff; border-radius: 6px; } .lavazza-banner-btn.outlined { color: #ffffff; background-color: transparent; border: 1px solid #ffffff; } @media only screen and (max-width: 990px) { .lavazza-banner .banner-content { text-align: center; left: 50%; transform: translate(-50%, -50%); } .lavazza-banner .btn-list { justify-content: center; } .lavazza-banner .banner-content h1 { margin: 0 auto 20px; } .lavazza-banner .banner-content p { font-size: 16px; margin: 0 auto 35px; } } @media only screen and (max-width: 640px) { .lavazza-banner .banner-content h1 { font-size: 24px; } .lavazza-banner .btn-list { gap: 10px; } .lavazza-banner-btn { font-size: 12px; padding: 5px 10px; } }}"}], "gridLayoutStyles": [{"style-grid_layout-5de079a8-660a-48d8-a332-c7f93f4d7bb0-1728994050742": ".style-grid_layout-5de079a8-660a-48d8-a332-c7f93f4d7bb0-1728994050742 { .dynamic-grid-banner-container { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(2, 1fr); gap: 10px; padding: 40px 20px; max-width: 1540px; margin: auto; } .banner { background-color: #c4c3c1; position: relative; } .banner span { max-width: 100%; max-height: 100%; overflow: hidden; } .banner-1 { grid-area: 1 / 1 / 2 / 2; } .banner-2 { grid-area: 2 / 1 / 3 / 2; } .banner-3 { grid-area: 1 / 2 / 3 / 3; } .banner-4 { grid-area: 1 / 3 / 2 / 4; } .banner-5 { grid-area: 2 / 3 / 3 / 4; } .banner picture { display: block; height: 100%; width: 100%; } picture img, picture source { width: 100%; height: 100%; object-fit: cover; } @media only screen and (max-width: 768px) { .dynamic-grid-banner-container { display: grid; grid-template-columns: repeat(1, 1fr); grid-template-rows: repeat(5, 1fr); gap: 10px; padding: 15px; margin: 30px 0; } .banner-1 { grid-area: 1 / 1 / 2 / 2; } .banner-2 { grid-area: 2 / 1 / 3 / 2; } .banner-3 { grid-area: 3 / 1 / 4 / 2; } .banner-4 { grid-area: 4 / 1 / 5 / 2; } .banner-5 { grid-area: 5 / 1 / 6 / 2; } } }"}], "carouselListStyles": [{"style-carousel-list1724239130473": ".style-carousel-list1724239130473 { .listing-container { background-color: #ffffff; } .carousel-card { background-color: #ffffff; border-width: 1px; border-style: solid; border-color: #e9e9e9; width: 100%; height: 100%; display: flex; flex-direction: column; gap: 15px; padding: 15px; box-sizing: border-box; cursor: pointer; } .image-container { display: flex; flex-direction: column; align-items: center; justify-content: center; } .image-container img { width: 100%; height: 200px; object-fit: contain; } .brand-name { font-size: 14px; color: #262e2e; font-weight: 600; text-transform: uppercase; margin: 10px 0 0 0; } .content-container { display: flex; flex-direction: column; align-items: center; justify-content: center; } .product-name { color: #262e2e; font-size: 14px; font-weight: 600; letter-spacing: 1px; margin: 0 0 10px; text-align: center; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .content-container .price-container { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 10px; } .actual-price { margin: 0; font-size: 15px; opacity: 0.8; position: relative; display: flex; align-items: center; justify-content: center; color: #525252; text-decoration: line-through; } .discounted-price { margin: 0; font-weight: 600; color: #bb6344; font-size: 14px; } .percentage-discount { font-size: 13px; color: #4caf50; font-weight: 600; } .cash-point-info { font-size: 12px; color: #262e2e; font-weight: 500; margin: 10px 0 0; } .carousel-container { position: relative; } .navigation-container { color: #000; } .next-slide-button, .previous-slide-button { cursor: pointer; position: absolute; top: 50%; transform: translate(0px, -50%); width: 50px; height: 50px; display: block; border: 2px solid #fff; border-radius: 50%; padding: 0; margin: 0 auto; user-select: none; background-color: rgba(0, 0, 0, 0.6); z-index: 1; transition: background-color 0.5s; } .previous-slide-icon, .next-slide-icon { width: 20px; height: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .previous-slide-button { left: 10px; } .next-slide-button:hover, .previous-slide-button:hover { background-color: rgba(0, 0, 0, 0.4); } .next-slide-button { right: 10px; } @media only screen and (max-width: 640px) { .listing-container { background-color: #ffffff; } .carousel-card { background-color: #ffffff; } .brand-name { font-size: 14px; color: #262e2e; font-weight: 600; text-transform: uppercase; margin: 10px 0 0 0; } .product-name { color: #262e2e; font-size: 14px; font-weight: 600; letter-spacing: 1px; margin: 0 0 10px; text-align: center; max-width: 300px;} .actual-price { margin: 0; font-size: 15px; opacity: 0.8; color: #525252; text-decoration: line-through; } .discounted-price { margin: 0; font-weight: 600; color: #bb6344; font-size: 14px; } } }"}, {"style-carousel-list1728994568481": ".style-carousel-list1728994568481 { .listing-container { background-color: #ffffff; padding: 40px 0; } .carousel-card { background-color: #ffffff; border-width: 1px; border-style: solid; border-color: #e9e9e9; width: 100%; height: 100%; display: flex; flex-direction: column; gap: 15px; padding: 15px; box-sizing: border-box; cursor: pointer; } .image-container { display: flex; flex-direction: column; align-items: center; justify-content: center; } .image-container img { width: 100%; height: 200px; object-fit: contain; } .brand-name { font-size: 14px; color: #262e2e; font-weight: 600; text-transform: uppercase; margin: 10px 0 0 0; } .content-container { display: flex; flex-direction: column; align-items: center; justify-content: center; } .product-name { color: #262e2e; font-size: 14px; font-weight: 600; letter-spacing: 1px; margin: 0 0 10px; text-align: center; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .content-container .price-container { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 10px; } .actual-price { margin: 0; font-size: 15px; opacity: 0.8; position: relative; display: flex; align-items: center; justify-content: center; color: #525252; text-decoration: line-through; } .discounted-price { margin: 0; font-weight: 600; color: #bb6344; font-size: 14px; } .percentage-discount { font-size: 13px; color: #4caf50; font-weight: 600; } .cash-point-info { font-size: 12px; color: #262e2e; font-weight: 500; margin: 10px 0 0; } .carousel-container { position: relative; } .navigation-container { color: #000; } .next-slide-button, .previous-slide-button { cursor: pointer; position: absolute; top: 50%; transform: translate(0px, -50%); width: 50px; height: 50px; display: block; border: 2px solid #fff; border-radius: 50%; padding: 0; margin: 0 auto; user-select: none; background-color: rgba(0, 0, 0, 0.6); z-index: 1; transition: background-color 0.5s; } .previous-slide-icon, .next-slide-icon { width: 20px; height: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .previous-slide-button { left: 10px; } .next-slide-button:hover, .previous-slide-button:hover { background-color: rgba(0, 0, 0, 0.4); } .next-slide-button { right: 10px; } @media only screen and (max-width: 640px) { .listing-container { background-color: #ffffff; } .carousel-card { background-color: #ffffff; } .brand-name { font-size: 14px; color: #262e2e; text-align: center; font-weight: 600; text-transform: uppercase; margin: 10px 0 0 0; } .product-name { color: #262e2e; font-size: 14px; font-weight: 600; letter-spacing: 1px; margin: 0 0 10px; text-align: center; max-width: 300px;} .actual-price { margin: 0; font-size: 15px; opacity: 0.8; color: #525252; text-decoration: line-through; } .discounted-price { margin: 0; font-weight: 600; color: #bb6344; font-size: 14px; } } }"}], "carouselLayoutStyles": [], "carousalNavigationStyle": [{"style-carousal_navigation-2000-17176560734120": ".style-carousal_navigation-2000-17176560734120{.next-slide-button, .previous-slide-button { cursor: pointer; position: absolute; top: 50%; transform: translate(0px, -50%); width: 50px; height: 50px; display: block; border: 2px solid #fff; border-radius: 50%; padding: 0; margin: 0 auto; user-select: none; background-color: rgba(0, 0, 0, 0.6); z-index: 1; transition: background-color 0.5s; } .previous-slide-icon, .next-slide-icon { width: 20px; height: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .previous-slide-button { left: 10px; } .next-slide-button:hover, .previous-slide-button:hover { background-color: rgba(0, 0, 0, 0.4); } .next-slide-button { right: 10px; } @media only screen and (max-width: 640px) { .next-slide-button, .previous-slide-button { display: none !important; } }}"}, {"style-carousal_navigation-2000-17182793696402": ".style-carousal_navigation-2000-17182793696402{.next-slide-button, .previous-slide-button { cursor: pointer; position: absolute; top: 50%; transform: translate(0px, -50%); width: 50px; height: 50px; display: block; border: 2px solid #fff; border-radius: 50%; padding: 0; margin: 0 auto; user-select: none; background-color: rgba(0, 0, 0, 0.6); z-index: 1; transition: background-color 0.5s; } .previous-slide-icon, .next-slide-icon { width: 20px; height: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .previous-slide-button { left: 10px; } .next-slide-button:hover, .previous-slide-button:hover { background-color: rgba(0, 0, 0, 0.4); } .next-slide-button { right: 10px; } @media only screen and (max-width: 640px) { .next-slide-button, .previous-slide-button { display: none !important; } }}"}, {"style-carousal_navigation-2002-17182797256992": ".style-carousal_navigation-2002-17182797256992{.navigation-container { color: #000; } .next-slide-button, .previous-slide-button { cursor: pointer; position: absolute; top: 50%; transform: translate(0px, -50%); width: 50px; height: 50px; display: block; border: 2px solid #fff; border-radius: 50%; padding: 0; margin: 0 auto; user-select: none; background-color: rgba(0, 0, 0, 0.6); z-index: 1; transition: background-color 0.5s; } .previous-slide-icon, .next-slide-icon { width: 20px; height: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .previous-slide-button { left: 10px; } .next-slide-button:hover, .previous-slide-button:hover { background-color: rgba(0, 0, 0, 0.4); } .next-slide-button { right: 10px; } @media only screen and (max-width: 640px) { .next-slide-button, .previous-slide-button { display: none !important; } }}"}, {"style-carousal_navigation-161380ef-f669-4a6d-bd0b-b68f0d253895-17289939907582": ".style-carousal_navigation-161380ef-f669-4a6d-bd0b-b68f0d253895-17289939907582{.hide-desktop-navigation { display: none; } .navigation-container { color: #000; } .next-slide-button, .previous-slide-button { cursor: pointer; position: absolute; top: 50%; transform: translate(0px, -50%); width: 50px; height: 50px; display: block; border: 2px solid #fff; border-radius: 50%; padding: 0; margin: 0 auto; user-select: none; background-color: rgba(0, 0, 0, 0.6); z-index: 1; transition: background-color 0.5s; } .previous-slide-icon, .next-slide-icon { width: 20px; height: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .previous-slide-button { left: 10px; } .next-slide-button:hover, .previous-slide-button:hover { background-color: rgba(0, 0, 0, 0.4); } .next-slide-button { right: 10px; } @media only screen and (max-width: 640px) { .hide-mobile-navigation { display: none; } }}"}]}, {"themeFontFamily": "Montserrat", "themeBackgroundColor": "#ffffff"}]

Shop Accessories

Hypervolt 2 Pro

Venom 2 Back

Hypervolt GO 2

Venom Go

Some of our users

CUSTOMER CARE

HELP & SUPPORT

COMPANY INFO

BOTTLE FLY 550 BMC PRO TRIATHLON TEAM 21

SKU: EL-BF5BPTT2

CUSTOMER CARE

HELP & SUPPORT

COMPANY INFO