@charset "UTF-8"; /** Theme Name: VisionSharp Theme Author: VisionSharp Version: 1.0.0 */ @import "https://use.typekit.net/wrl6nav.css"; @import url(node_modules/@fortawesome/fontawesome-pro/css/all.min.css); :root { --colour-white: #ffffff; --colour-black: #000000; } /*** The new CSS reset - version 1.8.4 (last updated 14.2.2023) GitHub page: https://github.com/elad2412/the-new-css-reset ***/ /* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property - The "symbol *" part is to solve Firefox SVG sprite bug */ *:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) { all: unset; display: revert; } /* Preferred box-sizing value */ *, *::before, *::after { box-sizing: border-box; } /* Reapply the pointer cursor for anchor tags */ a, button { cursor: revert; } /* Remove list styles (bullets/numbers) */ ol, ul, menu { list-style: none; } /* For images to not be able to exceed their container */ img { max-inline-size: 100%; max-block-size: 100%; } /* removes spacing between cells in tables */ table { border-collapse: collapse; } /* Safari - solving issue when using user-select:none on the text input doesn't working */ input, textarea { -webkit-user-select: auto; } /* revert the 'white-space' property for textarea elements on Safari */ textarea { white-space: revert; } /* minimum style to allow to style meter element */ meter { -webkit-appearance: revert; appearance: revert; } /* preformatted text - use only for this feature */ :where(pre) { all: revert; } /* reset default text opacity of input placeholder */ ::placeholder { color: unset; } /* remove default dot (•) sign */ ::marker { content: initial; } /* fix the feature of 'hidden' attribute. display:revert; revert to element instead of attribute */ :where([hidden]) { display: none; } /* revert for bug in Chromium browsers - fix for the content editable attribute will work properly. - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/ :where([contenteditable]:not([contenteditable="false"])) { -moz-user-modify: read-write; -webkit-user-modify: read-write; overflow-wrap: break-word; -webkit-line-break: after-white-space; -webkit-user-select: auto; } /* apply back the draggable feature - exist only in Chromium and Safari */ :where([draggable="true"]) { -webkit-user-drag: element; } /* Revert Modal native behavior */ :where(dialog:modal) { all: revert; } html { scroll-behavior: smooth; font-size: 10px; } @media (min-width: 992px) { html { font-size: 7.1145px; } } @media (min-width: 1280px) { html { font-size: 7.5px; } } @media (min-width: 1536px) { html { font-size: 10px; } } .body, .wp-block-post-content { font-weight: 200 !important; font-style: normal !important; font-size: 2rem !important; font-family: 'Plus Jakarta Sans', sans-serif; line-height: 1.33 !important; color: #222222 !important; letter-spacing: -0.02rem !important; } html :where(.wp-block) { width: 100%; max-width: 100%; } /* Chrome, Safari, Edge, Opera */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ input[type=number] { -moz-appearance: textfield; } .main { background-color: #F6FAFF; } .woocommerce { padding-bottom: 4rem; } .container { margin-right: auto; margin-left: auto; width: 100%; padding-right: 2.0rem; padding-left: 2.0rem; } @media (min-width: 992px) { .container { padding-right: 2rem; padding-left: 2rem; max-width: 91%; } } .container-wide { padding-left: calc((100% - 91%) / 2 + 2rem); /* align with main content */ padding-right: 0; /* or keep it if you want some breathing room */ width: 100%; /* full width */ } .container-wide-left { padding-left: 0; /* align with main content */ padding-right: calc((100% - 91%) / 2 + 2rem); /* or keep it if you want some breathing room */ width: 100%; /* full width */ } .text-center { text-align: center; } .mobile { display: block; } @media (min-width: 992px) { .mobile { display: none; } } .desktop { display: none; } @media (min-width: 992px) { .desktop { display: block; } } .btn { background-color: #F6FAFF; color: #060940; display: inline-block; border-radius: 0.4rem; padding-left: 2rem; padding-right: 2rem; padding-top: 1.6rem; padding-bottom: 1.6rem; font-size: 1.8rem; font-weight: 600; position: relative; line-height: 1; border: 0.2rem solid transparent; cursor: pointer; } .btn-chevron { padding-right: 4.4rem; } .btn-chevron:after { content: "\f054"; font-family: "Font Awesome 6 Pro"; font-weight: 900; position: absolute; right: 1.6rem; top: 50%; transform: translateY(-50%); color: #049CD8; } .btn-dark { background-color: #060940; color: #F6FAFF; } .btn-full { width: 100%; } .btn-center { text-align: center; } .btn-whiteborder { border: 0.2rem solid #D0DDF1; } .loader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 0.5); z-index: 999999; height: 100vh; display: flex; align-items: center; justify-content: center; font-size: 4rem; } .nice-select { font-size: 1.8rem; font-weight: 400; line-height: 1; color: #404040; height: 4.8rem; display: flex; align-items: center; border: 1px solid #060940; border-radius: 0.4rem; padding-right: 4rem; } .nice-select .nice-select-dropdown { left: auto; right: 0; } .nice-select:after { border: 0 !important; content: "\f078"; font-family: "Font Awesome 6 Pro"; font-weight: 900; transform: none; width: auto; height: auto; margin-top: auto; top: 50%; transform: translateY(-50%); } .nice-select.open:after { transform: translateY(-50%); } #videoLightbox { display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); overflow: auto; } .lightbox-content { position: relative; margin: 5% auto; width: 80%; max-width: 800px; } .lightbox-content video { width: 100%; height: auto; display: block; } .close { position: absolute; top: 10px; right: 20px; color: #fff; font-size: 36px; font-weight: bold; cursor: pointer; z-index: 1; } .wysiwyg p { font-weight: 400; font-size: 1.8rem; line-height: 1.3; margin-bottom: 2rem; color: #404040; } .wysiwyg p:last-child { margin-bottom: 0; } .wysiwyg p a { color: #049CD8; text-decoration: underline; font-weight: 600; } .wysiwyg ul { list-style: disc; list-style-position: outside; margin-left: 1rem; padding-left: 1rem; } .wysiwyg ul li { font-weight: 400; font-size: 1.8rem; line-height: 1.2; color: #404040; } .wysiwyg strong { font-weight: 700; } .header_topNavigationMenu { background-color: #EEF0F2; padding-top: 0.6rem; padding-bottom: 0.6rem; height: 3.6rem; display: flex; align-items: center; } .header_topNavigationMenu_inner { display: flex; justify-content: flex-end; } .header_topNavigationMenu_item { display: flex; align-items: center; margin-left: 1.5rem; margin-right: 1.5rem; } .header_topNavigationMenu_icon { margin-right: 1rem; } .header_topNavigationMenu_link { font-size: 1.4rem; font-weight: 500; line-height: 1; color: #757575; } .header_main { background-color: #F6FAFF; } .header_main_flex { display: flex; flex-wrap: wrap; align-items: center; } .header_main_logo { width: 100%; max-width: 12rem; } .header_main_right { width: 100%; max-width: calc(100% - 12rem); display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding-left: 4.5rem; } .header_main_shop { cursor: pointer; flex: 0 0 auto; height: 4.9rem; width: 17rem; background-color: #EEF0F2; display: flex; align-items: center; justify-content: center; } .header_main_shop_text { color: #060940; font-size: 1.4rem; font-weight: 600; margin-left: 1rem; } .header_main_shop_icon { color: #060940; font-size: 1.4rem; } .header_main_search { border: 2px solid #060940; border-radius: 0.4rem; display: flex; flex-wrap: wrap; align-items: stretch; margin-left: 4.5rem; margin-right: 4.5rem; flex: 1 1 auto; } .header_main_search_input { font-weight: 400; font-size: 1.6rem; line-height: 1.4; letter-spacing: 0.04rem; padding-top: 1.3rem; padding-bottom: 1.3rem; padding-left: 1.5rem; padding-right: 1.5rem; width: 100%; max-width: calc(100% - 11.8rem); background-color: #ffffff; } .header_main_search_input::placeholder { color: #757575; } .header_main_search_button { font-size: 1.6rem; line-height: 1.4; letter-spacing: 0.04rem; background-color: #E4E5FF; width: 100%; max-width: 11.8rem; text-align: center; color: #1E1E1E; font-weight: 700; cursor: pointer; } .header_main_userActions { display: flex; align-items: center; justify-content: flex-end; } .header_main_userActions_list { display: flex; align-items: center; justify-content: space-between; gap: 0.8rem; } .header_main_userActions_item { display: flex; align-items: center; gap: 1rem; position: relative; } .header_main_userActions_count { background-color: #FF3B3B; color: #fff; font-size: 1.2rem; font-weight: 600; line-height: 1; width: 2rem; height: 2rem; display: flex; align-items: center; justify-content: center; border-radius: 50%; position: absolute; top: 0; right: 0; transform: translate(50%, -50%); } .header_main_userActions_icon { height: 4.8rem; width: 4.8rem; display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: #EEF0F2; color: #060940; } .header_megamenu { position: absolute; z-index: 3; width: 100%; display: none; } .header_megamenu_list { width: 20%; background-color: #fff; padding-left: 1.6rem; padding-right: 1.6rem; padding-top: 0.8rem; padding-bottom: 0.8rem; } .header_megamenu_item { padding-top: 0.8rem; padding-bottom: 0.8rem; margin-bottom: 0.8rem; border-bottom: 1px solid #E4E5FF; color: #060940; font-size: 1.8rem; font-weight: 400; } .header_megamenu_item:last-child { border-bottom: none; margin-bottom: 0; } .header_megamenu-active { display: block; } .header_mainMenu { margin-right: 4.5rem; } .header_mainMenu_store { font-weight: 400; font-size: 1.4rem; color: #7C7C7C; margin-bottom: 0.5rem; } .header_mainMenu_inner { display: flex; align-items: center; justify-content: center; font-weight: 400; font-size: 1.6rem; line-height: 1; } .header_mainMenu_icon { margin-right: 0.5rem; font-size: 2rem; color: #060940; } .header_mainMenu_location { display: flex; align-items: center; margin-left: 0.5rem; } .header_mainMenu_location_name { font-weight: 600; color: #060940; } .header_mainMenu_location_status { color: #3AB804; font-weight: 600; margin-left: 0.5rem; } .header_mainMenu_location_icon { margin-left: 0.5rem; font-size: 1.4rem; } .header_mainMenu_branches { display: none; position: absolute; z-index: 3; margin-top: 1rem; } .header_mainMenu_branches-active { display: block; } .header_mainMenu_branches_list { background-color: #fff; padding-left: 1.6rem; padding-right: 1.6rem; padding-top: 0.8rem; padding-bottom: 0.8rem; } .header_mainMenu_branches_item { padding-top: 0.8rem; padding-bottom: 0.8rem; margin-bottom: 0.8rem; border-bottom: 1px solid #E4E5FF; color: #060940; font-size: 1.8rem; font-weight: 400; } .header_mainMenu_branches_item_name { cursor: pointer; } .footer { padding-top: 4.8rem; padding-bottom: 4.8rem; } .footer_top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 4.8rem; padding-bottom: 1.6rem; border-bottom: 1px solid #E0E0E0; flex-wrap: wrap; } .footer_top_column { width: 100%; max-width: 32%; } .footer_top_quote { display: flex; align-items: center; } .footer_top_image { width: 100%; max-width: 14rem; margin-right: 5rem; } .footer_top_text { font-size: 3.2rem; font-weight: 700; line-height: 1.4; color: #303030; } .footer_top_subscribe_title { font-size: 2.4rem; font-weight: 600; line-height: 1.4; color: #303030; margin-bottom: 0.5rem; } .footer_top_subscribe_text { margin-bottom: 2.4rem; } .footer_top_subscribe_text p { font-size: 1.4rem; font-weight: 400; line-height: 1.4; color: #303030; } .footer_top_subscribe_form { border: 2px solid #060940; border-radius: 0.8rem; display: flex; flex-wrap: wrap; align-items: stretch; background-color: #ffffff; margin-bottom: 1.6rem; } .footer_top_subscribe_form_icon { width: 4rem; padding-left: 1.6rem; font-size: 2.4rem; display: flex; align-items: center; justify-content: center; } .footer_top_subscribe_form_input { font-weight: 400; font-size: 1.6rem; line-height: 1.4; letter-spacing: 0.04rem; padding-top: 1.3rem; padding-bottom: 1.3rem; padding-left: 1.5rem; padding-right: 1.5rem; width: 100%; max-width: calc(100% - 15.8rem); } .footer_top_subscribe_form_input::placeholder { color: #757575; } .footer_top_subscribe_form_button { font-size: 1.6rem; line-height: 1.4; letter-spacing: 0.04rem; background-color: #E4E5FF; width: 100%; max-width: 11.8rem; text-align: center; color: #1E1E1E; font-weight: 700; cursor: pointer; border-top-right-radius: 0.8rem; border-bottom-right-radius: 0.8rem; } .footer_sections { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 4.8rem; } .footer_copyright_message { margin-bottom: 4.8rem; } .footer_copyright_message p { font-size: 1.4rem; font-weight: 400; text-align: center; line-height: 1.4; color: #646464; } .footer_copyright_message a { text-decoration: underline; } .footer_socialLinks { display: flex; justify-content: center; gap: 2rem; } .footer_socialLinks_link { color: #060940; font-size: 2.4rem; } .footer_head_office { font-size: 1.6rem; line-height: 1.4; margin-bottom: 1rem; display: block; font-weight: 400; color: #303030; } .footer_linksMenu_item a { font-size: 1.6rem; line-height: 1.4; margin-bottom: 1rem; display: block; font-weight: 400; color: #303030; } .footer_section_title { font-size: 2.4rem; font-weight: 600; margin-bottom: 1.6rem; color: #303030; line-height: 1.4; } .woocommerce-breadcrumb { margin-bottom: 2rem; font-size: 1.6rem; font-weight: 500; line-height: 1; color: #404040; } .woocommerce-products-header__title.page-title { margin-bottom: 2rem; font-size: 4rem; font-weight: 800; line-height: 1.4; color: #060940; } .term-description { margin-bottom: 2rem; font-size: 1.8rem; font-weight: 400; line-height: 1.4; color: #404040; } .product-subcategories { display: flex; margin-bottom: 4rem; gap: 1rem; } .subcategory-link { font-weight: 400; font-size: 1.6rem; line-height: 1; background-color: #E5F1F5; color: #404040; height: 3rem; display: flex; align-items: center; justify-content: center; padding: 0 1.6rem; border-radius: 1.5rem; } .subcategory-link-active { background-color: #049CD8; color: #FFFFFF; font-weight: 700; } .productsAndSidebar { display: flex; flex-direction: row-reverse; justify-content: space-between; gap: 3.2rem; } .productsArea { width: 75%; padding-bottom: 6rem; } .sidebarArea { width: 25%; padding-top: 1.1rem; } .products.columns-4 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.4rem; } .sidebarWidget { border-bottom: 1px solid #00000066; margin-bottom: 2.4rem; } .widgetTitle { font-size: 1.8rem; font-weight: 600; line-height: 1; color: #404040; display: flex; align-items: center; justify-content: space-between; margin-bottom: 2.4rem; cursor: pointer; } .widgetTitle i { font-size: 1.2rem; } .widgetItem { cursor: pointer; margin-bottom: 1.6rem; display: flex; align-items: center; } .widgetCheckbox { all: revert; margin: 0; margin-right: 0.8rem; height: 2rem; width: 2rem; } .widgetLabel { font-size: 1.8rem; font-weight: 400; line-height: 1; color: #404040; } .productsArea_topBar { display: flex; align-items: center; justify-content: space-between; margin-bottom: 2rem; flex-wrap: wrap; gap: 1.6rem; } .productsArea_resultsCount { font-size: 2.4rem; font-weight: 800; line-height: 1.4; color: #060940; margin-bottom: 2rem; } .productsArea_sorting { display: flex; align-items: center; gap: 0.8rem; } .productsArea_sortingLabel { font-size: 1.8rem; font-weight: 400; line-height: 1; color: #404040; } .woo-card__inner { border: 1px solid #0609401F; border-radius: 0.4rem; background-color: #fff; padding: 1.6rem; display: flex; flex-direction: column; height: 100%; position: relative; } .woo-card__thumb { margin-bottom: 1.6rem; display: block; width: 100%; height: 0; padding-bottom: 73%; position: relative; overflow: hidden; } .woo-card__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; transform: scale(1); transition: all 0.3s ease-in-out; z-index: 2; border-radius: 0.8rem; } .woo-card__body { display: flex; flex-direction: column; justify-content: space-between; height: 100%; } .woo-card__content { flex: 1 1 auto; min-height: 1px; } .woo-card__availabilities { padding-bottom: 0.8rem; } .woo-card__availability { display: flex; align-items: center; gap: 0.8rem; margin-bottom: 0.8rem; } .woo-card__availability-icon { width: 100%; max-width: 1.6rem; } .woo-card__availability-text { font-size: 1.4rem; font-weight: 500; line-height: 1; color: #060940; } .woo-card__quantity { margin-bottom: 1.6rem; display: flex; align-items: center; gap: 0.8rem; justify-content: center; border-top: 1px solid #00000033; padding-top: 1.6rem; } .woo-card__quantity__icon { width: 4rem; height: 3.8rem; display: flex; align-items: center; cursor: pointer; } .woo-card__quantity__icon--minus { justify-content: flex-start; } .woo-card__quantity__icon--plus { justify-content: flex-end; } .woo-card__quantity__input { background-color: #E9E9EF; text-align: center; width: 6.7rem; height: 3.8rem; border-radius: 0.4rem; } .woo-card__quantity__input input { width: 100%; height: 100%; text-align: center; } .woo-card__wishlist { position: absolute; top: 2.3rem; right: 2.3rem; width: 4rem; height: 4rem; border-radius: 50%; background-color: #ffffff; box-shadow: 0px 4px 9.7px 0px #00000012; z-index: 2; display: flex; align-items: center; justify-content: center; cursor: pointer; } .woo-card__wishlist i { font-size: 2rem; color: #58585880; transition: all 0.3s ease-in-out; } .woo-card__wishlist-added i { color: #B71823; } .woocommerce-loop-product__title { color: #060940; font-weight: 600; font-size: 1.6rem; line-height: 1; margin-bottom: 0.8rem; } .woo-card__price { margin-bottom: 0.8rem; } .featuredProducts_product_price .woocommerce-Price-amount.amount { color: #060940; font-weight: 700; font-size: 1.8rem; line-height: 1; } .woo-card__footer a { text-align: center; width: 100%; background-color: #060940; color: #F6FAFF; display: inline-block; border-radius: 0.4rem; padding-left: 2rem; padding-right: 2rem; padding-top: 1.6rem; padding-bottom: 1.6rem; font-size: 1.8rem; font-weight: 600; position: relative; line-height: 1; border: 0.2rem solid transparent; } .woo-card__footer a:before { content: "\f291"; font-family: "Font Awesome 6 Pro"; font-weight: 900; margin-right: 0.8rem; } .woo-card__footer a.noneicon:before { display: none; } .woo-card__footer .add_to_cart_button.added { display: none !important; } .productsGrid_pagination { margin-top: 2.4rem; display: flex; align-items: center; justify-content: space-between; gap: 0.8rem; } .productsGrid_pagination_links { display: flex; align-items: center; gap: 1.6rem; } .productsGrid_pagination_links .page-numbers { font-weight: 400; line-height: 1; color: #40404066; } .productsGrid_pagination_links .page-numbers.current { color: #404040; } .productsGrid_pagination_show { display: flex; align-items: center; gap: 0.8rem; } .productFrequentlyAskedQuestions { width: 100%; padding-top: 6rem; padding-bottom: 6rem; background-color: #ffffff; } .productFrequentlyAskedQuestions_inner { max-width: 50%; margin-left: auto; margin-right: auto; } .productFrequentlyAskedQuestions_title { font-weight: 800; font-size: 4rem; line-height: 1.4; letter-spacing: -0.02em; text-align: center; color: #060940; margin-bottom: 3.2rem; } .productFrequentlyAskedQuestions_faqs { border-bottom: 1px solid #CFCFCF; padding-top: 2.4rem; padding-bottom: 2.4rem; cursor: pointer; } .productFrequentlyAskedQuestions_faqs_question { font-weight: 700; font-size: 2rem; line-height: 1.2; color: #3A3D4C; display: flex; justify-content: space-between; align-items: center; } .productFrequentlyAskedQuestions_faqs_question i { font-size: 1.6rem; color: #009DE0; transition: transform 0.3s ease; } .productFrequentlyAskedQuestions_faqs_question i.active { transform: rotate(180deg); } .productFrequentlyAskedQuestions_faqs_answer { padding-top: 2.4rem; display: none; font-weight: 500; font-size: 1.8rem; line-height: 1.4; letter-spacing: -0.02em; color: #404040; } .productFrequentlyAskedQuestions_faqs_answer-first { display: block; } .product .product_title.entry-title { font-weight: 800; font-size: 4rem; line-height: 1.4; letter-spacing: -0.02em; color: #060940; margin-bottom: 1.6rem; } .product .product_main { display: flex; flex-direction: row; justify-content: space-between; padding-bottom: 6rem; } .product .product_main_column { width: 100%; } .product .product_main_column:first-child { max-width: 67.65%; } .product .product_main_column:last-child { max-width: 27.57%; } .product .product_main_column_imageexcerpt { display: flex; flex-direction: row; justify-content: space-between; margin-bottom: 2rem; } .product .product_main_column_image { width: 100%; max-width: 46.18%; } .product .product_main_column_image_slider { margin-bottom: 1.6rem; } .product .product_main_column_image { position: relative; } .product .product_main_column_image .swiper-slide { position: relative; width: 100%; height: 0; padding-bottom: 100%; overflow: hidden; border-radius: 0.8rem; border: 0.82px solid #0609401F; } .product .product_main_column_image .swiper-slide img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .product .product_main_column_image_pagination_steps_prev, .product .product_main_column_image_pagination_steps_next { position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; height: 3.5rem; width: 3.5rem; border: 3px solid #060940; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.6rem; cursor: pointer; } .product .product_main_column_image_pagination_steps_prev { left: 1rem; } .product .product_main_column_image_pagination_steps_next { right: 1rem; } .product .product_main_column_image_thumbnails { display: grid; gap: 0.8rem; grid-template-columns: repeat(5, 1fr); } .product .product_main_column_image_thumbnail { width: 100%; height: 0; padding-bottom: 100%; position: relative; border-radius: 0.8rem; border: 1px solid #0609401F; overflow: hidden; cursor: pointer; } .product .product_main_column_image_thumbnail img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .product .product_main_column_excerpt { width: 100%; max-width: 48%; } .product .product_main_column_summary { background-color: #ffffff; border: 1px solid #0609401F; padding: 3.2rem; } .product .product_main_column_summary_price { margin-bottom: 2.4rem; padding-bottom: 2.4rem; border-bottom: 1px solid #00000033; } .product .product_main_column_summary .woocommerce-Price-amount.amount { font-weight: 700; font-size: 4rem; line-height: 1.4; letter-spacing: -0.02rem; } .product .product_main_column_summary_freeDelivery { font-weight: 600; font-size: 1.5rem; line-height: 1.4; letter-spacing: -0.02rem; color: #049CD8; } .product .product_main_column_summary_options { margin-bottom: 2.4rem; padding-bottom: 2.4rem; border-bottom: 1px solid #00000033; } .product .product_main_column_summary_options_quantity { margin-bottom: 2.4rem; padding-bottom: 2.4rem; border-bottom: 1px solid #00000033; display: flex; align-items: center; } .product .product_main_column_summary_options_quantity_label { font-weight: 500; font-size: 1.8rem; line-height: 1; color: #404040; } .product .product_main_column_summary_options_quantity_qty { display: flex; align-items: center; justify-content: center; flex: 1; margin-left: 1rem; margin-right: 1rem; } .product .product_main_column_summary_options_quantity_qty .quantity_input { background-color: #E9E9EF; border-radius: 0.4rem; width: 9.4rem; height: 4.8rem; text-align: center; margin-left: 1rem; margin-right: 1rem; } .product .product_main_column_summary_options_quantity_qty_icon { cursor: pointer; } .product .product_main_column_summary_stock { font-weight: 500; font-size: 1.4rem; line-height: 1; color: #060940; } .product .product_main_column_summary_stock_store { display: flex; justify-content: space-between; align-items: center; } .product .product_main_column_summary_stock_store_text { font-weight: 600; font-size: 1.8rem; line-height: 1.4; color: #060940; } .product .product_main_column_summary_stock_store_text span { font-weight: 700; } .product .product_main_column_summary_stock_store_change { font-weight: 500; font-size: 1.4rem; line-height: 1.4; color: #049CD8; text-decoration: underline; } .product .product_main_column_summary_form { border: 2px solid #060940; border-radius: 0.8rem; display: flex; flex-wrap: wrap; align-items: stretch; flex: 1 1 auto; margin-top: 1.6rem; } .product .product_main_column_summary_form_input { font-weight: 400; font-size: 1.6rem; line-height: 1.4; letter-spacing: 0.04rem; padding-top: 1.3rem; padding-bottom: 1.3rem; padding-left: 1.5rem; padding-right: 1.5rem; width: 100%; max-width: calc(100% - 11.8rem); } .product .product_main_column_summary_form_button { font-size: 1.6rem; line-height: 1.4; letter-spacing: 0.04rem; background-color: #E4E5FF; width: 100%; max-width: 11.8rem; text-align: center; color: #1E1E1E; font-weight: 700; cursor: pointer; border-bottom-right-radius: 0.8rem; border-top-right-radius: 0.8rem; } .product .product_main_column_summary_options_button_wrapper { margin-bottom: 1.6rem; } .product .product_main_column_summary_options_button { text-align: center; width: 100%; background-color: #060940; color: #F6FAFF; display: flex; align-items: center; justify-content: center; border-radius: 0.4rem; padding-left: 2rem; padding-right: 2rem; padding-top: 1.6rem; padding-bottom: 1.6rem; font-size: 2rem; font-weight: 700; position: relative; line-height: 1; letter-spacing: 0.04rem; border: 0.2rem solid transparent; text-transform: uppercase; cursor: pointer; } .product .product_main_column_summary_options_button svg { margin-right: 1.2rem; } .product .product_main_column_summary_options_favourite { font-weight: 600; font-size: 16px; line-height: 1.2; color: #060940; text-align: center; cursor: pointer; } .product .product_main_column_summary_options_favourite i { color: #58585880; margin-right: 0.8rem; } .product .product_main_column_frequent { display: flex; justify-content: space-between; align-items: center; margin-bottom: 2rem; } .product .product_main_column_frequent_wrapper .swiper-slide { display: flex; height: auto !important; margin-bottom: 3rem; } .product .product_main_column_frequent_wrapper .woo-card { height: 100%; width: 100%; } .product .product_main_column_frequent_title { font-weight: 700; font-size: 2.4rem; line-height: 1.4; letter-spacing: -0.02rem; color: #060940; } .product .product_main_column_frequent_pagination_steps { display: flex; grid-gap: 1rem; width: 100%; max-width: 11rem; } .product .product_main_column_frequent_pagination_steps_prev, .product .product_main_column_frequent_pagination_steps_next { width: 4rem; height: 4rem; border-radius: 50%; border: 3px solid #049CD8; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 2rem; font-weight: 300; color: #049CD8; cursor: pointer; font-size: 1.6rem; } .recommendedForYou { background-color: #F6FAFF; padding-top: 6rem; padding-bottom: 6rem; } .recommendedForYou_title { font-weight: 800; font-size: 4rem; line-height: 1.2; margin-bottom: 2rem; color: #060940; } .recommendedForYou .swiper-slide { display: flex; height: auto !important; } .recommendedForYou .woo-card { height: 100%; width: 100%; } .recommendedForYou_navigation { margin-top: 2.4rem; height: 1.6rem !important; width: 100%; background-color: #F1F1F1; max-width: 94%; padding-left: 0.3rem; padding-right: 0.3rem; } .recommendedForYou_pagination { position: relative; height: 1.6rem !important; width: 100%; background-color: #F1F1F1; } .recommendedForYou .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background-color: #70787C; height: 1rem; top: 0.3rem; } .recommendedForYou .swiper-pagination-progressbar .swiper-pagination-progressbar-fill:after { content: ''; position: absolute; } .productAccordions_productAccordion { border-bottom: 1px solid #0609401F; padding-top: 2.4rem; padding-bottom: 2.4rem; cursor: pointer; } .productAccordions_productAccordion_title { font-weight: 700; font-size: 2.4rem; line-height: 1.4; letter-spacing: -0.02rem; color: #060940; display: flex; justify-content: space-between; align-items: center; } .productAccordions_productAccordion_title_inner { display: flex; align-items: center; gap: 2rem; } .productAccordions_productAccordion_title_rating_star-filled { color: #049CD8; } .productAccordions_productAccordion_title_icon { font-size: 2rem; transition: transform 0.3s ease; } .productAccordions_productAccordion_title_icon.active { transform: rotate(45deg); } .productAccordions_productAccordion_content { padding-top: 2.4rem; font-weight: 500; font-size: 1.8rem; line-height: 1.4; letter-spacing: -0.02em; color: #404040; } .reviewList_review { background-color: #FFFFFF; margin-bottom: 2rem; padding: 2rem; } .reviewList_review_header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; } .reviewList_review_rating_star-filled { color: #049CD8; } .reviewList_review_text { margin-bottom: 1rem; color: #060940; } .reviewList_review_author { font-weight: 500; font-size: 1.4rem; line-height: 1.4; letter-spacing: -0.02rem; color: #060940; } .woocommerce-cart-form-wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 2.4rem; padding-bottom: 2.4rem; } .woocommerce-cart-form { width: 100%; max-width: 65.23%; } .woocommerce-cart-form .shop_table { width: 100%; background-color: #ffffff; border-radius: 0.4rem; padding: 2.4rem; } .woocommerce-cart-form__cart-item { position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 2.4rem; padding-bottom: 2.4rem; border-bottom: 1px solid #E0E0E0; } .product-remove { position: absolute; top: -0.5rem; right: 0; font-size: 2.4rem; color: #060940; opacity: 0.5; transition: all 0.3s ease; } .product-info { width: 100%; max-width: 56.92%; display: flex; justify-content: space-between; gap: 1.6rem; } .product-price { display: flex; justify-content: space-between; align-items: flex-start; } .product-name { flex: 1; } .product-name a { font-size: 2rem; font-weight: 700; line-height: 1; color: #060940; display: block; margin-bottom: 1rem; } .product-name .woocommerce-Price-amount.amount { font-size: 1.8rem; font-weight: 700; line-height: 1; color: #060940; margin-bottom: 1rem; display: block; } .product-subtotal .woocommerce-Price-amount.amount { font-size: 1.8rem; font-weight: 700; line-height: 1; color: #060940; } .product-sku { font-size: 1.2rem; font-weight: 400; line-height: 1; color: #404040; margin-bottom: 0.5rem; } .product-price { width: 100%; max-width: 35.06%; padding-right: 2.4rem; } .product-thumbnail { width: 12rem; height: auto; overflow: hidden; flex-shrink: 0; } .product-thumbnail img { border-radius: 0.4rem; } .product-quantity { display: flex; align-items: center; gap: 0.8rem; justify-content: center; } .product-quantity .quantity { background-color: #E9E9EF; text-align: center; width: 8.1rem; height: 4.8rem; border-radius: 0.4rem; } .product-quantity .quantity .qty { width: 100%; height: 100%; text-align: center; } .attachment-woocommerce_thumbnail.size-woocommerce_thumbnail { height: auto; } .product-stock-status { font-size: 1.2rem; font-weight: 600; line-height: 1; color: #060940; position: relative; } .product-stock-status.instock { padding-left: 1.6rem; } .product-stock-status.instock:before { content: ''; display: inline-block; width: 0.8rem; height: 0.8rem; background-color: #7CE250; border-radius: 50%; margin-right: 0.8rem; position: absolute; top: 50%; left: 0; transform: translateY(-50%); } .product-stock-status.outofstock { padding-left: 1.6rem; } .product-stock-status.outofstock:before { content: ''; display: inline-block; width: 0.8rem; height: 0.8rem; background-color: #FF3B30; border-radius: 50%; margin-right: 0.8rem; position: absolute; top: 50%; left: 0; transform: translateY(-50%); } .continue-shopping { margin-top: 4rem; margin-bottom: 4rem; font-size: 1.8rem; font-weight: 400; line-height: 1; color: #404040; } .continue-shopping .wc-forward { font-size: 1.6rem; font-weight: 700; line-height: 1; color: #049CD8; } .cart_totals { background-color: #ffffff; border-radius: 0.4rem; padding: 2.4rem; } .checkout-button { background-color: #060940; color: #ffffff; font-size: 1.8rem; font-weight: 700; line-height: 1; border-radius: 0.4rem; text-align: center; width: 100%; height: 5.6rem; display: flex; justify-content: center; align-items: center; position: relative; } .checkout-button:after { content: '\f054'; font-family: 'Font Awesome 6 Pro'; font-weight: 900; font-size: 1.6rem; color: #049CD8; line-height: 1; display: inline-block; width: 1.6rem; height: 1.6rem; margin-left: 2rem; } .free-delivery-notice { background-color: #ffffff; border-radius: 0.4rem; padding: 2.4rem; display: flex; flex-direction: column; gap: 1.6rem; } .free-delivery-info { display: flex; justify-content: space-between; align-items: center; } .free-delivery-message { color: #060940; font-size: 2rem; font-weight: 700; line-height: 1; } .free-delivery-icon { background-color: #F2F0F0; padding-top: 0.4rem; padding-bottom: 0.4rem; padding-left: 0.8rem; padding-right: 0.8rem; height: 2.6rem; border-radius: 1.3rem; display: flex; justify-content: space-between; align-items: center; gap: 0.8rem; } .free-delivery-label { color: #060940; font-size: 1.4rem; font-weight: 700; line-height: 1; } /* cart totals */ .cart-collaterals { width: 100%; max-width: 32.89%; gap: 2.4rem; display: flex; flex-direction: column; } .order-summary-title { font-size: 2rem; font-weight: 700; line-height: 1; color: #060940; margin-bottom: 2.4rem; } .cart_totals .shop_table { width: 100%; display: flex; flex-direction: column; gap: 2.4rem; margin-bottom: 2.4rem; } .shop_table_row { display: flex; justify-content: space-between; align-items: center; } .cart-label { font-size: 1.8rem; font-weight: 500; line-height: 1; color: #404040; } .cart-value { font-size: 1.8rem; font-weight: 700; line-height: 1; color: #060940; } /* free delivery bar */ .free-delivery-bar { position: relative; } .free-shipping-progress__bar { background-color: #FFFFFF; height: 2.6rem; position: relative; width: 100%; border: 1px solid #060940; box-shadow: 0px 5px 8px 0px #0000001A; border-radius: 1.3rem; } .free-shipping-progress__bar__fill { background: linear-gradient(90deg, #049CD8 0%, #28BCF6 100%); height: 100%; width: 0; transition: width 0.3s ease; position: relative; border-top-left-radius: 1.3rem; border-bottom-left-radius: 1.3rem; } .free-shipping-remaining { position: absolute; top: 50%; right: 1rem; transform: translateY(-50%); font-size: 1.4rem; font-weight: 400; line-height: 1; color: #060940; } .checkout-intro { margin-bottom: 2.4rem; } .checkout-intro .checkout-intro__title { background-color: #060940; padding-left: 2.4rem; padding-right: 2.4rem; padding-top: 1.6rem; padding-bottom: 1.6rem; width: 100%; font-size: 2rem; font-weight: 700; line-height: 1; color: #ffffff; border-top-left-radius: 0.4rem; border-top-right-radius: 0.4rem; } .checkout-intro .checkout-intro__content { background-color: #ffffff; border-bottom-right-radius: 0.4rem; border-bottom-left-radius: 0.4rem; padding: 2.4rem; } .checkout-intro .checkout-intro__fields { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.6rem; margin-bottom: 1.6rem; padding-bottom: 1.6rem; border-bottom: 1px solid #00000033; } .checkout-intro .checkout-intro__label { font-weight: 600; font-size: 1.2rem; line-height: 1; color: #404040; margin-bottom: 0.8rem; display: block; } .checkout-intro .checkout-intro__input { border-radius: 0.4rem; border: 1px solid #060940; padding: 1.6rem; font-size: 1.6rem; line-height: 1; letter-spacing: -0.02rem; color: #060940; width: 100%; height: 4.8rem; display: flex; align-items: center; } .checkout-intro .checkout-intro__input::placeholder { color: #404040; } .checkout-intro .checkout-intro__terms { display: flex; align-items: flex-start; gap: 1.6rem; margin-bottom: 2.4rem; } .checkout-intro .checkout-intro__terms-checkbox { width: 2.4rem; height: 2.4rem; all: revert; margin: 0; margin-top: 0.5rem; } .checkout-intro .checkout-intro__terms-label { margin-bottom: 1.6rem; font-weight: 500; font-size: 1.4rem; line-height: 1.4; letter-spacing: 0.02rem; color: #404040; display: block; } .checkout-intro .checkout-intro__terms-text { font-weight: 500; font-size: 1.4rem; line-height: 1.4; letter-spacing: 0.02rem; color: #404040; } .checkout-intro .checkout-intro__terms-text strong { font-weight: 700; } .checkout-intro .checkout-intro__actions { display: flex; justify-content: space-between; align-items: center; } .checkout-intro .checkout-intro__next-button { background-color: #060940; color: #ffffff; font-size: 1.8rem; font-weight: 700; line-height: 1; border-radius: 0.4rem; text-align: center; width: 100%; height: 6.9rem; max-width: 26.2rem; display: flex; justify-content: center; align-items: center; position: relative; cursor: pointer; } .checkout-intro .checkout-intro__next-button:after { content: '\f054'; font-family: 'Font Awesome 6 Pro'; font-weight: 900; font-size: 1.6rem; color: #049CD8; line-height: 1; display: inline-block; width: 1.6rem; height: 1.6rem; margin-left: 2rem; } .checkout-intro .checkout-intro__return-button { font-size: 1.6rem; font-weight: 700; line-height: 1; color: #049CD8; } form.woocommerce-checkout { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap: 2.4rem; padding-bottom: 2.4rem; } form.woocommerce-checkout .woocommerce-checkout-fields { width: 100%; max-width: 65.23%; } form.woocommerce-checkout .woocommerce-checkout-review-order { width: 100%; max-width: 32.89%; background-color: #ffffff; border-radius: 0.4rem; padding: 2.4rem; } form.woocommerce-checkout #order_review_heading { font-size: 2rem; font-weight: 700; line-height: 1; color: #060940; margin-bottom: 2.4rem; } form.woocommerce-checkout .woocommerce-billing-fields__field-wrapper { width: 100%; } form.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .woocommerce-input-wrapper { height: 4.8rem; margin-bottom: 1.6rem; display: block; } form.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .select2-selection { border-radius: 0.4rem; border: 1px solid #060940; padding: 1.6rem; font-size: 1.6rem; line-height: 1; letter-spacing: -0.02rem; color: #060940; width: 100%; height: 4.8rem; display: flex; align-items: center; } form.woocommerce-checkout .woocommerce-form-coupon-toggle { display: none; } form.woocommerce-checkout .checkout_coupon.woocommerce-form-coupon { border: 2px solid #060940; border-radius: 0.4rem; display: flex !important; flex-wrap: wrap; align-items: stretch; flex: 1 1 auto; margin-bottom: 2.4rem; } form.woocommerce-checkout .checkout_coupon.woocommerce-form-coupon .form-row-first { width: 100%; max-width: calc(100% - 11.8rem); } form.woocommerce-checkout .checkout_coupon.woocommerce-form-coupon .form-row-first .input-text { font-weight: 400; font-size: 1.6rem; line-height: 1.4; letter-spacing: 0.04rem; padding-top: 1.3rem; padding-bottom: 1.3rem; padding-left: 1.5rem; padding-right: 1.5rem; width: 100%; background-color: #ffffff; } form.woocommerce-checkout .checkout_coupon.woocommerce-form-coupon .form-row-first .input-text::placeholder { color: #757575; } form.woocommerce-checkout .checkout_coupon.woocommerce-form-coupon .form-row-last { width: 100%; max-width: 11.8rem; display: flex; } form.woocommerce-checkout .checkout_coupon.woocommerce-form-coupon .form-row-last .button { font-size: 1.6rem; line-height: 1.4; letter-spacing: 0.04rem; background-color: #E4E5FF; width: 100%; text-align: center; color: #1E1E1E; font-weight: 700; cursor: pointer; } form.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table { width: 100%; } form.woocommerce-checkout .woocommerce-checkout-review-order-table-body { width: 100%; max-width: 75%; display: flex; flex-direction: column; gap: 2.4rem; } form.woocommerce-checkout .cart_item { width: 100%; } form.woocommerce-checkout .product-thumbnail { position: relative; overflow: unset; } form.woocommerce-checkout .product-quantity { background-color: #049CD8; color: #fff; font-size: 1.2rem; font-weight: 600; line-height: 1; width: 2rem; height: 2rem; display: flex; align-items: center; justify-content: center; border-radius: 50%; position: absolute; top: 0; right: 0; transform: translate(50%, -50%); } form.woocommerce-checkout #place_order { background-color: #060940; color: #ffffff; font-size: 1.8rem; font-weight: 700; line-height: 1; border-radius: 0.4rem; text-align: center; width: 100%; height: 5.6rem; display: flex; justify-content: center; align-items: center; position: relative; cursor: pointer; } form.woocommerce-checkout #place_order:after { content: '\f054'; font-family: 'Font Awesome 6 Pro'; font-weight: 900; font-size: 1.6rem; color: #049CD8; line-height: 1; display: inline-block; width: 1.6rem; height: 1.6rem; margin-left: 2rem; } form.woocommerce-checkout .woocommerce-checkout-fields__field__shipping #ship-to-different-address { display: none; } form.woocommerce-checkout .woocommerce-checkout-fields__field__shipping .shipping_address { display: block !important; } form.woocommerce-checkout .woocommerce-checkout-fields__title { background-color: #060940; padding-left: 2.4rem; padding-right: 2.4rem; padding-top: 1.6rem; padding-bottom: 1.6rem; width: 100%; font-size: 2rem; font-weight: 700; line-height: 1; color: #ffffff; border-top-left-radius: 0.4rem; border-top-right-radius: 0.4rem; } form.woocommerce-checkout .woocommerce-checkout-fields__field__shipping { background-color: #ffffff; padding-top: 2.4rem; padding-left: 2.4rem; padding-right: 2.4rem; } form.woocommerce-checkout .woocommerce-checkout-fields__field__billing { background-color: #ffffff; padding-bottom: 2.4rem; padding-left: 2.4rem; padding-right: 2.4rem; } form.woocommerce-checkout #customer_details { background-color: #ffffff; border-top-left-radius: 0.4rem; border-top-right-radius: 0.4rem; } form.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper { width: 100%; display: flex; flex-wrap: wrap; grid-column-gap: 2rem; } form.woocommerce-checkout .form-row { width: 100%; max-width: 100%; } form.woocommerce-checkout .form-row-first { width: 100%; max-width: calc(50% - 1rem); } form.woocommerce-checkout .form-row-last { width: 100%; max-width: calc(50% - 1rem); } form.woocommerce-checkout .form-row-third { width: 100%; max-width: calc(33.3333% - 1.333rem); } form.woocommerce-checkout .woocommerce-checkout-fields__field__shipping .input-text, form.woocommerce-checkout .woocommerce-checkout-fields__field__shipping .select2-selection__rendered, form.woocommerce-checkout .woocommerce-checkout-fields__field__billing .input-text, form.woocommerce-checkout .woocommerce-checkout-fields__field__billing .select2-selection__rendered { border-radius: 0.4rem; border: 1px solid #060940; padding: 1.6rem; font-size: 1.6rem; line-height: 1; letter-spacing: -0.02rem; color: #060940; width: 100%; height: 4.8rem; display: flex; align-items: center; margin-bottom: 1.6rem; } form.woocommerce-checkout .woocommerce-checkout-fields__field__shipping #order_comments, form.woocommerce-checkout .woocommerce-checkout-fields__field__billing #order_comments { height: auto; min-height: 12rem; } form.woocommerce-checkout .woocommerce-checkout-fields__field__shipping .select2-container--default .select2-selection--single, form.woocommerce-checkout .woocommerce-checkout-fields__field__billing .select2-container--default .select2-selection--single { border: none; border-radius: 0; height: 100%; } form.woocommerce-checkout .woocommerce-checkout-fields__field__shipping .select2-container--default .select2-selection--single .select2-selection__arrow, form.woocommerce-checkout .woocommerce-checkout-fields__field__billing .select2-container--default .select2-selection--single .select2-selection__arrow { height: 4.8rem; margin-right: 0.5rem; } form.woocommerce-checkout .woocommerce-checkout-fields__field__shipping label, form.woocommerce-checkout .woocommerce-checkout-fields__field__billing label { display: block; font-size: 1.2rem; font-weight: 600; line-height: 1; color: #404040; margin-bottom: 0.8rem; } form.woocommerce-checkout .woocommerce-checkout-fields__field__shipping .woocommerce-form__label-for-checkbox, form.woocommerce-checkout .woocommerce-checkout-fields__field__billing .woocommerce-form__label-for-checkbox { font-size: 1.4rem; font-weight: 500; cursor: pointer; } form.woocommerce-checkout .woocommerce-checkout-fields__field__shipping .input-checkbox, form.woocommerce-checkout .woocommerce-checkout-fields__field__billing .input-checkbox { width: 2.4rem; height: 2.4rem; all: revert; margin: 0; margin-right: 1.6rem; margin-top: 0.3rem; } form.woocommerce-checkout .billing_address { display: none; } .branches { padding-top: 8rem; padding-bottom: 8rem; background-color: #F6FAFF; } .branches_title { font-weight: 700; font-size: 4rem; line-height: 1.2; text-align: center; color: #060940; margin-bottom: 3.2rem; } .branches_branches { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.6rem; } .branches_branches_branch { background: #FFFFFF; border: 1px solid #0609401F; border-radius: 0.8rem; padding-left: 1.6rem; padding-right: 1.6rem; padding-top: 1.6rem; padding-bottom: 1.6rem; } .branches_branches_branch_title { font-weight: 700; font-size: 2.4rem; line-height: 1; color: #060940; margin-bottom: 0.8rem; } .branches_branches_branch_map { height: 24rem; border-radius: 0.8rem; margin-bottom: 1.6rem; overflow: hidden; } .branches_branches_branch_address { font-weight: 400; font-size: 1.6rem; line-height: 1.3; color: #404040; margin-bottom: 1.6rem; } .branches_branches_branch_contact { display: flex; flex-direction: row; gap: 0.8rem; margin-bottom: 0.8rem; align-items: center; } .branches_branches_branch_contact_link { font-weight: 400; font-size: 1.6rem; line-height: 1.3; color: #404040; } .branches_branches_branch_openingTimes_title { margin-bottom: 0.8rem; font-weight: 600; font-size: 1.6rem; line-height: 1; color: #404040; } .branches_branches_branch_openingTimes { display: flex; flex-direction: row; gap: 0.8rem; justify-content: space-between; } .branches_branches_branch_openingTimes_days, .branches_branches_branch_openingTimes_times { font-weight: 400; font-size: 1.6rem; line-height: 1.3; color: #404040; } .contact { padding-top: 6.7rem; padding-bottom: 6.7rem; position: relative; } .contact_bg { z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; background-color: #ffffff; } .contact_bg_left { position: absolute; content: ""; width: calc(60% - 7.5rem); height: 100%; background: #060940; top: 0; left: 0; z-index: 1; } .contact_bg_triangle { position: absolute; content: ""; width: 15rem; height: 100%; background: #060940; clip-path: polygon(0 100%, 0 0, 100% 100%); top: 0; left: calc(60% - 7.5rem); z-index: 2; } .contact_bg_right { position: absolute; content: ""; width: calc(40% - 7.5rem); height: 100%; background: #ffffff; top: 0; right: 0; z-index: 1; } .contact_inner { display: flex; flex-wrap: wrap; gap: 4.8rem; width: 100%; max-width: 90.22%; justify-content: space-between; margin-left: auto; margin-right: auto; z-index: 3; position: relative; } .contact_info { width: 100%; max-width: 42.66%; } .contact_form { width: 100%; max-width: 45%; } .contact_title { font-weight: 700; font-size: 4rem; line-height: 1.2; color: #ffffff; margin-bottom: 1.6rem; } .contact_content { margin-bottom: 2.3rem; } .contact_content p { font-weight: 400; font-size: 1.8rem; line-height: 1.3; color: #ffffff; } .contact_offices { margin-bottom: 1.6rem; } .contact_offices_title { font-weight: 600; font-size: 1.8rem; line-height: 1; letter-spacing: -0.02em; color: #ffffff; margin-bottom: 1.6rem; } .contact_offices_telephone_number { color: #ffffff; display: flex; align-items: center; } .contact_offices_telephone_number_icon { width: 3.2rem; height: 3.2rem; background-color: #049CD8; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 1rem; font-size: 1.4rem; } .contact_offices_telephone_number_text { font-weight: 400; font-size: 1.8rem; line-height: 1.3; } .contact_form_wrapper { background-color: #FFFFFF; border: 1px solid #0609401F; border-radius: 0.8rem; padding-left: 2.4rem; padding-right: 2.4rem; padding-top: 2.4rem; padding-bottom: 2.4rem; } .gform-theme .gform_required_legend { display: none !important; } .gform-theme .gform_fields { row-gap: 1.6rem !important; } .gform-theme .gfield_label { font-weight: 600 !important; font-size: 1.2rem !important; line-height: 1 !important; margin-bottom: 0.8rem !important; color: #404040 !important; } .gform-theme .gfield .ginput_password.large, .gform-theme .gfield input.large, .gform-theme .gfield select.large, .gform-theme .gfield textarea.large, .gform-theme .gfield textarea.medium { border: 2px solid #060940 !important; border-radius: 0.8rem !important; display: flex !important; flex-wrap: wrap !important; align-items: stretch !important; background-color: #ffffff !important; font-weight: 400 !important; font-size: 1.6rem !important; line-height: 1.4 !important; letter-spacing: 0.04rem !important; padding-top: 1.3rem !important; padding-bottom: 1.3rem !important; padding-left: 1.5rem !important; padding-right: 1.5rem !important; width: 100% !important; height: 4.8rem !important; } .gform-theme .gfield .ginput_password.large::placeholder, .gform-theme .gfield input.large::placeholder, .gform-theme .gfield select.large::placeholder, .gform-theme .gfield textarea.large::placeholder, .gform-theme .gfield textarea.medium::placeholder { color: #757575 !important; } .gform-theme .gform_button { background-color: #060940 !important; color: #F6FAFF !important; display: inline-block !important; border-radius: 0.4rem !important; padding-left: 2rem !important; padding-right: 2rem !important; padding-top: 1.6rem !important; padding-bottom: 1.6rem !important; font-size: 1.8rem !important; font-weight: 600 !important; position: relative !important; line-height: 1 !important; border: 0.2rem solid transparent !important; cursor: pointer !important; width: 100% !important; max-width: 100% !important; overflow: visible !important; } .gform-theme .gform_button::after { content: "\f054"; font-family: "Font Awesome 6 Pro"; font-weight: 900; position: absolute; right: 1.6rem; top: 50%; transform: translateY(-50%); color: #049CD8; } .faqs { background-color: #F6FAFF; padding-top: 6rem; padding-bottom: 6rem; } .faqs_inner { display: flex; gap: 4rem; } .faqs_column { width: 100%; max-width: calc(50% - 2rem); } .faqs_title { font-weight: 800; font-size: 4rem; line-height: 1.4; letter-spacing: -0.02em; color: #060940; margin-bottom: 2rem; } .faqs_content { font-weight: 400; font-size: 1.8rem; line-height: 1; letter-spacing: -0.02em; color: #404040; } .faqs_faqs { padding-top: 1.6rem; padding-bottom: 1.6rem; padding-left: 2.4rem; padding-right: 2.4rem; margin-bottom: 1.6rem; background: #FFFFFF; border: 1px solid #0609401F; border-radius: 0.4rem; cursor: pointer; } .faqs_faqs_question { font-weight: 700; font-size: 1.8rem; line-height: 1; color: #060940; display: flex; justify-content: space-between; align-items: center; } .faqs_faqs_question_icon { color: #757575; transition: all 0.3s ease; } .faqs_faqs_question_icon.active { transform: rotate(45deg); } .faqs_faqs_answer { font-weight: 400; font-size: 1.6rem; line-height: 1.5; letter-spacing: -0.02em; color: #404040; padding-top: 2rem; display: none; } .faqs_faqs_answer-first { display: block; } .featuredCategories { padding-top: 3rem; padding-bottom: 3rem; } .featuredCategories_title { color: #060940; font-weight: 800; font-size: 4rem; line-height: 1.4; } .featuredCategories_sub_title { color: #757575; font-weight: 400; font-size: 1.8rem; line-height: 1.4; margin-bottom: 2rem; } .featuredCategories_items { display: grid; grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr)); gap: 2.4rem; } .featuredCategories_item { width: 100%; max-width: 100%; } .featuredCategories_item a { position: relative; } .featuredCategories_item a:hover .featuredCategories_image img { transform: scale(1.1); } .featuredCategories_image { width: 100%; height: 0; padding-bottom: 100%; position: relative; overflow: hidden; border-radius: 0.4rem; } .featuredCategories_image img { width: 100%; height: 100%; object-fit: cover; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; transform: scale(1); transition: all 0.3s ease-in-out; z-index: 2; } .featuredCategories_item_title { position: absolute; bottom: 0; left: 0; right: 0; z-index: 3; background-color: #060940; color: #fff; font-size: 2.4rem; font-weight: 600; padding-top: 1.2rem; padding-bottom: 1.2rem; padding-left: 2.4rem; padding-right: 2.4rem; line-height: 1.4; border-bottom-left-radius: 0.4rem; border-bottom-right-radius: 0.4rem; } .featuredCategories_navigation { margin-top: 2.4rem; height: 1.6rem !important; width: 100%; background-color: #F1F1F1; max-width: 94%; padding-left: 0.3rem; padding-right: 0.3rem; } .featuredCategories_pagination { position: relative; height: 1.6rem !important; width: 100%; background-color: #F1F1F1; } .featuredCategories .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background-color: #70787C; height: 1rem; top: 0.3rem; } .featuredProducts { padding-top: 3rem; padding-bottom: 3rem; } .featuredProducts_title { color: #060940; font-weight: 800; font-size: 4rem; line-height: 1.4; margin-bottom: 2rem; } .featuredProducts_items { display: grid; grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr)); gap: 2.4rem; } .featuredProducts_product { border: 1px solid #0609401F; border-radius: 0.4rem; padding: 1.6rem; display: flex; flex-direction: column; } .featuredProducts_product_image { border-radius: 0.8rem; overflow: hidden; width: 100%; height: 0; padding-bottom: 65.4%; position: relative; margin-bottom: 1rem; } .featuredProducts_product_image img { width: 100%; height: 100%; object-fit: cover; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; transform: scale(1); transition: all 0.3s ease-in-out; z-index: 2; } .featuredProducts_product_info { margin-bottom: 1rem; display: flex; justify-content: space-between; } .featuredProducts_product_title { color: #060940; font-weight: 700; font-size: 2.4rem; line-height: 1; } .featuredProducts_product_price { color: #060940; font-weight: 700; font-size: 2.4rem; line-height: 1; } .featuredProducts_product_excerpt { color: #404040; font-weight: 400; font-size: 1.8rem; line-height: 1.3; margin-bottom: 2rem; flex: 1; } .featuredProducts_product_learn_more { text-align: center; } .featuredProducts_product_learn_more a { color: #049CD8; font-weight: 700; font-size: 1.6rem; line-height: 1; } .featuredProducts_product_add_to_cart { margin-bottom: 1rem; } .featuredProducts_navigation { margin-top: 2.4rem; height: 1.6rem !important; width: 100%; background-color: #F1F1F1; max-width: 94%; padding-left: 0.3rem; padding-right: 0.3rem; } .featuredProducts_pagination { position: relative; height: 1.6rem !important; width: 100%; background-color: #F1F1F1; } .featuredProducts .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background-color: #70787C; height: 1rem; top: 0.3rem; } .featuredProducts .swiper-pagination-progressbar .swiper-pagination-progressbar-fill:after { content: ''; position: absolute; } .featuredProducts .swiper-slide { display: flex; height: auto !important; } .gallery { padding-top: 6rem; padding-bottom: 6rem; } .gallery_title { font-weight: 800; font-size: 4rem; line-height: 1.2; letter-spacing: -0.02em; text-align: center; color: #060940; margin-bottom: 2rem; } .gallery_sub_title { font-weight: 400; font-size: 1.8rem; line-height: 1; letter-spacing: -0.02em; text-align: center; color: #404040; margin-bottom: 2rem; } .gallery-container .swiper-wrapper { height: auto; align-items: center; } .gallery_navigation { margin-top: 2.4rem; height: 1.6rem !important; width: 100%; background-color: #F1F1F1; max-width: 100%; padding-left: 0.3rem; padding-right: 0.3rem; } .gallery_pagination { position: relative; height: 1.6rem !important; width: 100%; background-color: #F1F1F1; } .gallery .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background-color: #70787C; height: 1rem; top: 0.3rem; } .gallery .swiper-pagination-progressbar .swiper-pagination-progressbar-fill:after { content: ''; position: absolute; } .heroBanner { margin-bottom: 4rem; } .heroBanner_columns { display: flex; flex-wrap: wrap; gap: 3rem; height: 56.2rem; flex-direction: column; } .heroBanner_columns_columnLeft { width: 100%; position: relative; max-width: calc(50% - 1.5rem); height: 56.2rem; } .heroBanner_columns_columnLeft a:hover .heroBanner_columns_columnLeft_image img { transform: scale(1.1); } .heroBanner_columns_columnLeft a:hover .heroBanner_columns_columnLeft_video video { transform: scale(1.1); } .heroBanner_columns_columnLeft a:hover .heroBanner_columns_overlay2 { opacity: 0.2; } .heroBanner_columns_columnLeft_image { position: relative; height: 100%; overflow: hidden; border-radius: 0.4rem; z-index: 1; } .heroBanner_columns_columnLeft_image img { width: 100%; height: 100%; object-fit: cover; object-position: center center; transition: transform 0.3s ease-in-out; } .heroBanner_columns_columnLeft_content { position: absolute; bottom: 3rem; left: 3rem; right: 3rem; z-index: 2; width: 100%; max-width: 80%; } .heroBanner_columns_columnLeft_tag { background-color: #049CD8; border-radius: 1.3rem; color: rgba(255, 255, 255, 0.8); font-size: 1.4rem; font-weight: 500; line-height: 1; padding-top: 0.6rem; padding-left: 1.1rem; padding-right: 1.1rem; padding-bottom: 0.6rem; text-transform: uppercase; display: inline-block; } .heroBanner_columns_columnLeft_title { color: #FFFFFF; font-weight: 600; font-size: 3.2rem; line-height: 1.4; width: 100%; max-width: 70%; margin-bottom: 3rem; } .heroBanner_columns_columnLeft_video { position: relative; height: 56.2rem; overflow: hidden; border-radius: 0.4rem; z-index: 1; } .heroBanner_columns_columnLeft_video img { width: 100%; height: 100%; object-fit: cover; object-position: center center; transition: transform 0.3s ease-in-out; } .heroBanner_columns_columnRight { width: 100%; display: flex; max-width: calc(50% - 1.5rem); height: 56.2rem; flex-direction: column; justify-content: space-between; } .heroBanner_columns_columnRight_rows { display: flex; flex-direction: column; width: 100%; justify-content: stretch; height: calc(50% - 1.5rem); overflow: hidden; position: relative; } .heroBanner_columns_columnRight_rows a:hover .heroBanner_columns_columnRight_rows_image img { transform: scale(1.1); } .heroBanner_columns_columnRight_rows a:hover .heroBanner_columns_columnRight_rows_video video { transform: scale(1.1); } .heroBanner_columns_columnRight_rows a:hover .heroBanner_columns_overlay2 { opacity: 0.2; } .heroBanner_columns_columnRight_rows > * { flex: 1 1 0; min-height: 0; } .heroBanner_columns_columnRight_rows_image { position: relative; height: 100%; overflow: hidden; border-radius: 0.4rem; z-index: 1; } .heroBanner_columns_columnRight_rows_image img { width: 100%; height: 100%; object-fit: cover; object-position: center center; transition: transform 0.3s ease-in-out; } .heroBanner_columns_columnRight_rows_content { position: absolute; bottom: 3rem; left: 3rem; right: 3rem; z-index: 2; width: 100%; max-width: 80%; } .heroBanner_columns_columnRight_rows_tag { background-color: #049CD8; border-radius: 1.3rem; color: rgba(255, 255, 255, 0.8); font-size: 1.4rem; font-weight: 500; line-height: 1; padding-top: 0.6rem; padding-left: 1.1rem; padding-right: 1.1rem; padding-bottom: 0.6rem; text-transform: uppercase; display: inline-block; } .heroBanner_columns_columnRight_rows_title { color: #FFFFFF; font-weight: 600; font-size: 3.2rem; line-height: 1.4; width: 100%; max-width: 70%; margin-bottom: 2rem; } .heroBanner_columns_columnRight_rows_video { position: relative; height: 56.2rem; overflow: hidden; border-radius: 0.4rem; z-index: 1; } .heroBanner_columns_columnRight_rows_video img { width: 100%; height: 100%; object-fit: cover; object-position: center center; transition: transform 0.3s ease-in-out; } .heroBanner_columns_overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(180deg, transparent 0%, black 100%); opacity: 0.4; border-radius: 0.4rem; } .heroBanner_columns_overlay2 { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 3; background: #000000; opacity: 0; transition: all 0.3s ease-in-out; } .installationGuides_title { margin-bottom: 2.4rem; font-size: 4rem; font-weight: 800; line-height: 1.4; color: #060940; } .installationGuides_wrapper { display: flex; flex-direction: row-reverse; justify-content: space-between; gap: 3.2rem; } .installationGuides_filters { width: 25%; padding-top: 1.1rem; } .installationGuides_search { border: 2px solid #060940; border-radius: 0.4rem; display: flex; flex-wrap: wrap; align-items: stretch; flex: 1 1 auto; margin-bottom: 2.4rem; } .installationGuides_searchInput { font-weight: 400; font-size: 1.6rem; line-height: 1.4; letter-spacing: 0.04rem; padding-top: 1.3rem; padding-bottom: 1.3rem; padding-left: 1.5rem; padding-right: 1.5rem; width: 100%; max-width: calc(100% - 11.8rem); background-color: #ffffff; } .installationGuides_searchButton { font-size: 1.6rem; line-height: 1.4; letter-spacing: 0.04rem; background-color: #E4E5FF; width: 100%; max-width: 11.8rem; text-align: center; color: #1E1E1E; font-weight: 700; cursor: pointer; } .installationGuides_category { border-bottom: 1px solid #00000066; margin-bottom: 2.4rem; } .installationGuides_categoryTitle { font-size: 1.8rem; font-weight: 600; line-height: 1; color: #404040; display: flex; align-items: center; justify-content: space-between; margin-bottom: 2.4rem; cursor: pointer; } .installationGuides_categoryTitle i { font-size: 1.2rem; } .installationGuides_categoryItem { cursor: pointer; margin-bottom: 1.6rem; display: flex; align-items: center; } .installationGuides_checkbox { all: revert; margin: 0; margin-right: 0.8rem; height: 2rem; width: 2rem; } .installationGuides_label { font-size: 1.8rem; font-weight: 400; line-height: 1; color: #404040; } .installationGuides_content { width: 75%; padding-bottom: 6rem; } .installationGuides_topBar { display: flex; align-items: center; justify-content: space-between; margin-bottom: 2rem; flex-wrap: wrap; gap: 1.6rem; } .installationGuides_resultsCount { font-size: 2.4rem; font-weight: 800; line-height: 1.4; color: #060940; margin-bottom: 2rem; } .installationGuides_sorting { display: flex; align-items: center; gap: 0.8rem; } .installationGuides_sortingLabel { font-size: 1.8rem; font-weight: 400; line-height: 1; color: #404040; } .installationGuides_item { margin-bottom: 2.4rem; background-color: #ffffff; border: 1px solid #0609401F; border-radius: 0.4rem; padding-top: 1.6rem; padding-right: 1.6rem; padding-bottom: 1.6rem; padding-left: 1.6rem; display: flex; justify-content: space-between; align-items: center; width: 100%; gap: 2.4rem; } .installationGuides_itemInfo { display: flex; flex-direction: column; grid-gap: 2rem; } .installationGuides_itemMetaTermText-installation { color: #049CD8; } .installationGuides_itemTitle { font-weight: 600; font-size: 2rem; line-height: 1; color: #060940; } .installationGuides_itemMeta { display: flex; align-items: center; } .installationGuides_itemMetaTerm { font-weight: 400; font-size: 1.4rem; color: #404040; display: flex; align-items: center; } .installationGuides_itemMetaTermSeparator { margin-left: 0.4rem; margin-right: 0.4rem; } .installationGuides_itemDownload { background-color: #060940; height: 4.4rem; border-radius: 0.4rem; display: flex; align-items: center; justify-content: center; gap: 0.8rem; color: #ffffff; font-size: 1.4rem; font-weight: 700; line-height: 1; text-decoration: none; width: 100%; max-width: 15rem; } .installationGuides_pagination { margin-top: 2.4rem; display: flex; align-items: center; justify-content: space-between; gap: 0.8rem; } .installationGuides_pagination_links { display: flex; align-items: center; gap: 1.6rem; } .installationGuides_pagination_links .page-numbers { font-weight: 400; line-height: 1; color: #40404066; } .installationGuides_pagination_links .page-numbers.current { color: #404040; } .installationGuides_pagination_show { display: flex; align-items: center; gap: 0.8rem; } .largeHeroBanner { width: 100%; } .largeHeroBanner_inner { position: relative; height: 40rem; } .largeHeroBanner_image { position: relative; height: 100%; overflow: hidden; border-radius: 0.4rem; z-index: 1; } .largeHeroBanner_image img { width: 100%; height: 100%; object-fit: cover; object-position: center center; } .largeHeroBanner_image_overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); border-radius: 0.4rem; } .largeHeroBanner_content { position: absolute; bottom: 3rem; left: 3rem; right: 3rem; z-index: 2; width: 100%; max-width: 50%; } .largeHeroBanner_title { font-weight: 700; font-size: 4.8rem; line-height: 1.3; letter-spacing: 0.02em; vertical-align: middle; color: #fff; margin-bottom: 1rem; } .largeHeroBanner_sub_text { font-weight: 500; font-size: 2.1rem; line-height: 1.3; letter-spacing: 0.02em; color: #fff; margin-bottom: 3rem; } .largeHeroBanner_button { /* Add your styles here */ } .latestNews { padding-top: 6rem; padding-bottom: 6rem; } .latestNews_header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 2rem; } .latestNews_title { font-weight: 800; font-size: 4rem; line-height: 1.2; margin-bottom: 1rem; color: #060940; } .latestNews_link { font-weight: 700; font-size: 1.6rem; line-height: 1; color: #049CD8; } .latestNews_link i { font-size: 1.2rem; margin-left: 1rem; } .latestNews_posts { display: flex; flex-wrap: wrap; justify-content: center; gap: 1.6rem; } .latestNews_post { width: 100%; max-width: calc(50% - 1rem); display: flex; } .latestNews_thumbnail { width: 100%; max-width: 35%; position: relative; } .latestNews_thumbnail img { width: 100%; height: 100%; object-fit: cover; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 0.8rem; } .latestNews_content { width: 100%; max-width: 65%; padding-left: 1.6rem; } .latestNews_content_category { font-weight: 700; font-size: 1.4rem; line-height: 1; color: #049CD8; margin-bottom: 0.5rem; text-transform: uppercase; } .latestNews_content_link { font-weight: 700; font-size: 2.4rem; line-height: 1.2; margin-bottom: 1rem; color: #060940; display: inline-block; } .latestNews_content_excerpt { font-weight: 400; font-size: 1.8rem; line-height: 1.3; color: #404040; margin-bottom: 2rem; } .localBranch { background-color: #F6FAFF; } .localBranch_inner { display: flex; } .localBranch_text { width: 100%; max-width: 50%; padding-top: 6rem; padding-bottom: 6rem; position: relative; padding-right: 1.6rem; } .localBranch_text::after { position: absolute; content: ""; width: 10rem; height: 100%; background: #F6FAFF; clip-path: polygon(0 100%, 0 0, 100% 100%); top: 0; right: -9.9rem; z-index: 1; } .localBranch_map { width: 100%; max-width: 50%; } .localBranch_title { font-weight: 800; font-size: 4rem; line-height: 1.2; margin-bottom: 1rem; color: #060940; } .localBranch_content_search { border: 2px solid #060940; border-radius: 0.8rem; display: flex; flex-wrap: wrap; align-items: stretch; background-color: #ffffff; margin-bottom: 1.6rem; } .localBranch_content_search_icon { width: 4rem; padding-left: 1.6rem; font-size: 2.4rem; display: flex; align-items: center; justify-content: center; } .localBranch_content_search_input { font-weight: 400; font-size: 1.6rem; line-height: 1.4; letter-spacing: 0.04rem; padding-top: 1.3rem; padding-bottom: 1.3rem; padding-left: 1.5rem; padding-right: 1.5rem; width: 100%; max-width: calc(100% - 15.8rem); } .localBranch_content_search_input::placeholder { color: #757575; } .localBranch_content_search_button { font-size: 1.6rem; line-height: 1.4; letter-spacing: 0.04rem; background-color: #E4E5FF; width: 100%; max-width: 11.8rem; text-align: center; color: #1E1E1E; font-weight: 700; cursor: pointer; border-top-right-radius: 0.8rem; border-bottom-right-radius: 0.8rem; } .localBranch_list { height: 40rem; overflow-y: scroll; } .localBranch_item { background-color: #ffffff; border: 1px solid #060940; border-radius: 0.8rem; padding-top: 1.6rem; padding-bottom: 1.6rem; padding-right: 2.4rem; padding-left: 2.4rem; margin-bottom: 1.6rem; margin-right: 1.6rem; } .localBranch_link { font-weight: 700; font-size: 2.4rem; line-height: 1.2; margin-bottom: 1rem; color: #060940; display: block; } .localBranch_row { margin-bottom: 1rem; display: flex; } .localBranch_icon { color: #049CD8; width: 3rem; } .localBranch_content { font-size: 1.6rem; line-height: 1.3; font-weight: 300; margin-bottom: 2rem; } .localBranch_directions { color: #049CD8; text-decoration: underline; display: inline-block; margin-left: 1rem; font-size: 1.6rem; font-weight: 400; } .acf-map { width: 100%; height: 100%; } .acf-map img { max-width: inherit !important; } .logoCarousel { background-color: #060940; padding-top: 3rem; padding-bottom: 3rem; } .logoCarousel_title { font-weight: 700; font-size: 2.4rem; line-height: 1.2; margin-bottom: 3rem; color: #049CD8; text-align: center; text-transform: uppercase; } .logoCarousel-container .swiper-wrapper { height: auto; align-items: center; } .quickLinks { display: flex; gap: 1rem; padding-left: 1rem; padding-right: 1rem; background-color: #F6FAFF; padding-top: 1rem; padding-bottom: 1rem; margin-bottom: 2.4rem; } .quickLinks_quickLinks { width: 100%; max-width: 25%; padding: 1rem; display: flex; flex-wrap: wrap; justify-content: space-between; background-color: #E9F3F8; } .quickLinks_quickLinks_link { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; } .quickLinks_quickLinks_icon { width: 100%; max-width: 4rem; } .quickLinks_quickLinks_textWrapper { width: 100%; max-width: calc(100% - 4rem - 1rem); } .quickLinks_quickLinks_title { font-size: 1.4rem; line-height: 1.3; font-weight: 600; color: #404040; } .quickLinks_quickLinks_text { font-size: 1.4rem; line-height: 1.3; font-weight: 400; color: #404040; } .quickLinks_quickLinks_link { /* Add your styles here */ } .reviews { background-color: #060940; padding-top: 6rem; padding-bottom: 6rem; } .reviews_ratings { margin-bottom: 1rem; } .reviews_ratings i { color: #FFC814; } .reviews_title { font-weight: 800; font-size: 4rem; line-height: 1.2; margin-bottom: 2rem; color: #E2F4FA; } .reviews_title span { color: #5BC0DE; } .reviews_testimonial { width: 100%; max-width: 100%; background-color: #ffffff; border-radius: 0.4rem; display: flex; flex-direction: column; } .reviews_testimonial_image { border-top-left-radius: 0.4rem; border-top-right-radius: 0.4rem; overflow: hidden; width: 100%; height: 0; padding-bottom: 65.4%; position: relative; } .reviews_testimonial_image img { width: 100%; height: 100%; object-fit: cover; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; } .reviews_testimonial_info { padding: 1.6rem; position: relative; display: flex; flex-direction: column; justify-content: space-between; flex: 1; } .reviews_testimonial_info_icon { position: absolute; top: 2rem; left: 1.6rem; font-size: 2.5rem; } .reviews_testimonial_ratings { margin-bottom: 1.6rem; text-align: right; } .reviews_testimonial_ratings i { color: #049CD8; font-size: 1.6rem; } .reviews_testimonial_quote { font-size: 1.8rem; line-height: 1.3; font-weight: 400; margin-bottom: 1.6rem; color: #404040; position: relative; } .reviews_testimonial_quote::after { content: ''; display: inline-block; width: 20px; } .reviews_testimonial_quote_icon { font-size: 2.5rem; transform: rotateY(180deg); float: right; } .reviews_testimonial_name { font-weight: 700; line-height: 1.3; font-size: 1.6rem; color: #060940; } .reviews_testimonial_title { font-weight: 400; line-height: 1.3; font-size: 1.4rem; color: #7C7C7C; } .reviews .swiper-slide { display: flex; height: auto !important; } .reviews_pagination { display: flex; align-items: flex-end; justify-content: flex-end; width: 94%; margin-top: 5rem; } .reviews_pagination_steps { display: flex; grid-gap: 1rem; width: 100%; max-width: 11rem; } .reviews_pagination_steps_prev, .reviews_pagination_steps_next { width: 4rem; height: 4rem; border-radius: 50%; border: 3px solid #049CD8; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 2rem; font-weight: 300; color: #049CD8; cursor: pointer; font-size: 1.6rem; } .textAndImage { height: 50rem; } .textAndImage_inner { display: flex; align-items: center; gap: 4rem; } .textAndImage_inner-left { flex-direction: row-reverse; } .textAndImage_column { width: 100%; max-width: calc(50% - 2rem); } .textAndImage_image { height: 50rem; position: relative; } .textAndImage_image:after { position: absolute; content: ""; width: 10rem; height: 100%; background: #F6FAFF; clip-path: polygon(0 0, 100% 0, 0 100%); top: 0; left: -1px; z-index: 1; } .textAndImage_image:before { position: absolute; content: ""; width: 100%; height: 7rem; background: #F6FAFF; clip-path: polygon(0 0, 0 100%, 100% 100%); bottom: -1px; left: -1px; z-index: 1; } .textAndImage_image-white:after { background: #FFFFFF; } .textAndImage_image-white:before { background: #FFFFFF; } .textAndImage_image-left:after { clip-path: polygon(100% 0, 0 0, 100% 100%); top: 0; right: -1px; left: auto; } .textAndImage_image-left:before { clip-path: polygon(100% 0, 100% 100%, 0 100%); bottom: -1px; right: -1px; left: auto; } .textAndImage_image img { width: 100%; height: 100%; object-fit: cover; object-position: center center; } .textAndImage_title { font-weight: 800; font-size: 3.2rem; line-height: 1.2; letter-spacing: -0.02em; color: #060940; margin-bottom: 2rem; } .textAndImage_content { margin-bottom: 2rem; } .textAndImage_button .btn { width: 100%; max-width: 29.5rem; text-align: center; display: flex; align-items: center; justify-content: center; } .textAndImage_button .btn i { font-size: 1.4rem; margin-left: 1rem; color: #049CD8; } .titleAndText { margin-bottom: 3rem; } .titleAndText_title { text-align: center; color: #060940; font-weight: 800; font-size: 4.8rem; line-height: 1.2; margin-bottom: 1rem; } .titleAndText_text { font-size: 1.8rem; text-align: center; color: #404040; font-weight: 400; line-height: 1.4; margin-left: auto; margin-right: auto; width: 100%; max-width: 79rem; } .tradeAccount { padding-top: 6.5rem; padding-bottom: 6.5rem; background-color: #F6FAFF; } .tradeAccount_inner { background-color: #060940; border-radius: 0.4rem; position: relative; display: flex; } .tradeAccount_text { padding: 6.5rem; width: 100%; max-width: 50%; position: relative; } .tradeAccount_text::after { position: absolute; content: ""; width: 5rem; height: 100%; background: #060940; clip-path: polygon(0 100%, 0 0, 100% 100%); top: 0; right: -4.9rem; z-index: 1; } .tradeAccount_title { color: #ffffff; font-weight: 800; font-size: 4rem; line-height: 1.2; margin-bottom: 1rem; } .tradeAccount_content { width: 100%; max-width: 70%; margin-bottom: 2rem; } .tradeAccount_content p { color: #ffffff; } .tradeAccount_buttons { display: flex; gap: 2rem; } .tradeAccount_button_one { /* Add your styles here */ } .tradeAccount_button_two { /* Add your styles here */ } .tradeAccount_image { width: 100%; max-width: 50%; position: relative; } .tradeAccount_image img { width: 100%; height: 100%; object-fit: cover; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-top-right-radius: 0.4rem; border-bottom-right-radius: 0.4rem; } .video { background-color: #060940; padding-top: 6rem; padding-bottom: 6rem; } .video_inner { display: flex; gap: 4rem; align-items: center; } .video_column { width: 100%; max-width: calc(50% - 2rem); } .video_video { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; border-radius: 0.4rem; overflow: hidden; } .video_video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 0.4rem; } .video_title { font-weight: 800; font-size: 3.2rem; line-height: 1.2; letter-spacing: -0.02em; color: #FFFFFF; margin-bottom: 2rem; } .video_content p { color: #FFFFFF; } .whyChoose { background-color: #060940; padding-top: 6rem; padding-bottom: 6rem; } .whyChoose_title { color: #ffffff; font-weight: 800; font-size: 4rem; line-height: 1.2; margin-bottom: 1rem; text-align: center; } .whyChoose_content { text-align: center; margin-left: auto; margin-right: auto; width: 100%; max-width: 40%; margin-bottom: 4rem; } .whyChoose_content p { color: #ffffff; } .whyChoose_cards { display: flex; flex-wrap: wrap; justify-content: center; gap: 2rem; } .whyChoose_card { background-color: #1c1f4e; border-radius: 0.8rem; width: 100%; max-width: calc(50% - 1rem); background-image: url("imgs/why-choose-icon.svg"); background-repeat: no-repeat; background-position: top left; background-size: 9.6rem 8.16rem; } .whyChoose_card_inner { display: flex; align-items: center; } .whyChoose_card_icon { width: 9.6rem; height: 8.16rem; display: flex; align-items: center; justify-content: center; margin-right: 2rem; } .whyChoose_card_title { color: #ffffff; font-weight: 600; font-size: 2.4rem; line-height: 1; } .whyChoose_card_content_wrapper { padding: 2.4rem; } .whyChoose_card_content_inner { border-top: 1px solid #ADDFEF66; padding-top: 2rem; display: flex; flex-wrap: wrap; } .whyChoose_card_content { color: #ffffff; width: 100%; max-width: 70%; padding-right: 2rem; } .whyChoose_card_image { width: 100%; max-width: 30%; } .whyChoose_card_image img { width: 100%; }