/** Shopify CDN: Minification failed

Line 370:24 Unexpected "{"

**/
/*************** Typography CSS Start ***************/
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');

@font-face {
    font-family: 'PMNCaeciliaSans Text';
    src: url('/cdn/shop/files/PMNCaeciliaSansText-Th.eot');
    src: url('/cdn/shop/files/PMNCaeciliaSansText-Th.eot?#iefix') format('embedded-opentype'),
    url('/cdn/shop/files/PMNCaeciliaSansText-Th.woff2') format('woff2'),
    url('/cdn/shop/files/PMNCaeciliaSansText-Th.woff') format('woff'),
    url('/cdn/shop/files/PMNCaeciliaSansText-Th.ttf') format('truetype');
    font-weight: 100;
    font-style: normal; 
    font-display: swap;
}
@font-face {
    font-family: 'PMNCaeciliaSans Text';
    src: url('/cdn/shop/files/PMNCaeciliaSansText-ThIt.eot');
    src: url('/cdn/shop/files/PMNCaeciliaSansText-ThIt.eot?#iefix') format('embedded-opentype'),
    url('/cdn/shop/files/PMNCaeciliaSansText-ThIt.woff2') format('woff2'),
    url('/cdn/shop/files/PMNCaeciliaSansText-ThIt.woff') format('woff'),
    url('/cdn/shop/files/PMNCaeciliaSansText-ThIt.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'PMNCaeciliaSans Text';
    src: url('/cdn/shop/files/PMNCaeciliaSansText-Lt.eot');
    src: url('/cdn/shop/files/PMNCaeciliaSansText-Lt.eot?#iefix') format('embedded-opentype'),
    url('/cdn/shop/files/PMNCaeciliaSansText-Lt.woff2') format('woff2'),
    url('/cdn/shop/files/PMNCaeciliaSansText-Lt.woff') format('woff'),
    url('/cdn/shop/files/PMNCaeciliaSansText-Lt.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'PMNCaeciliaSans Text';
    src: url('/cdn/shop/files/PMNCaeciliaSansText-LtIt.eot');
    src: url('/cdn/shop/files/PMNCaeciliaSansText-LtIt.eot?#iefix') format('embedded-opentype'),
    url('/cdn/shop/files/PMNCaeciliaSansText-LtIt.woff2') format('woff2'),
    url('/cdn/shop/files/PMNCaeciliaSansText-LtIt.woff') format('woff'),
    url('/cdn/shop/files/PMNCaeciliaSansText-LtIt.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'PMNCaeciliaSans Text';
    src: url('/cdn/shop/files/PMNCaeciliaSansText-Rg.eot');
    src: url('/cdn/shop/files/PMNCaeciliaSansText-Rg.eot?#iefix') format('embedded-opentype'),
    url('/cdn/shop/files/PMNCaeciliaSansText-Rg.woff2') format('woff2'),
    url('/cdn/shop/files/PMNCaeciliaSansText-Rg.woff') format('woff'),
    url('/cdn/shop/files/PMNCaeciliaSansText-Rg.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'PMNCaeciliaSans Text';
    src: url('/cdn/shop/files/PMNCaeciliaSansText-It.eot');
    src: url('/cdn/shop/files/PMNCaeciliaSansText-It.eot?#iefix') format('embedded-opentype'),
    url('/cdn/shop/files/PMNCaeciliaSansText-It.woff2') format('woff2'),
    url('/cdn/shop/files/PMNCaeciliaSansText-It.woff') format('woff'),
    url('/cdn/shop/files/PMNCaeciliaSansText-It.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'PMNCaeciliaSans Text';
    src: url('/cdn/shop/files/PMNCaeciliaSansText-Bd.eot');
    src: url('/cdn/shop/files/PMNCaeciliaSansText-Bd.eot?#iefix') format('embedded-opentype'),
    url('/cdn/shop/files/PMNCaeciliaSansText-Bd.woff2') format('woff2'),
    url('/cdn/shop/files/PMNCaeciliaSansText-Bd.woff') format('woff'),
    url('/cdn/shop/files/PMNCaeciliaSansText-Bd.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'PMNCaeciliaSans Text';
    src: url('/cdn/shop/files/PMNCaeciliaSansText-BdIt.eot');
    src: url('/cdn/shop/files/PMNCaeciliaSansText-BdIt.eot?#iefix') format('embedded-opentype'),
    url('/cdn/shop/files/PMNCaeciliaSansText-BdIt.woff2') format('woff2'),
    url('/cdn/shop/files/PMNCaeciliaSansText-BdIt.woff') format('woff'),
    url('/cdn/shop/files/PMNCaeciliaSansText-BdIt.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'PMNCaeciliaSans Text';
    src: url('/cdn/shop/files/PMNCaeciliaSansText-Hv.eot');
    src: url('/cdn/shop/files/PMNCaeciliaSansText-Hv.eot?#iefix') format('embedded-opentype'),
    url('/cdn/shop/files/PMNCaeciliaSansText-Hv.woff2') format('woff2'),
    url('/cdn/shop/files/PMNCaeciliaSansText-Hv.woff') format('woff'),
    url('/cdn/shop/files/PMNCaeciliaSansText-Hv.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'PMNCaeciliaSans Text';
    src: url('/cdn/shop/files/PMNCaeciliaSansText-HvIt.eot');
    src: url('/cdn/shop/files/PMNCaeciliaSansText-HvIt.eot?#iefix') format('embedded-opentype'),
    url('/cdn/shop/files/PMNCaeciliaSansText-HvIt.woff2') format('woff2'),
    url('/cdn/shop/files/PMNCaeciliaSansText-HvIt.woff') format('woff'),
    url('/cdn/shop/files/PMNCaeciliaSansText-HvIt.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}
/*************** Typography CSS End ***************/

/*************** Common CSS Start ***************/
:root {
    --PMNCaeciliaSans_font: 'PMNCaeciliaSans Text';
    --Manrope_font: "Manrope", sans-serif;

    --h1: normal normal normal 800 clamp(38px, 4.3vw, 80px) / 1.1 var(--PMNCaeciliaSans_font);
    --h2: normal normal normal 800 clamp(32px, 3vw, 54px) / 1.2 var(--PMNCaeciliaSans_font);
    --h3: normal normal normal 800 clamp(28px, 2.6vw, 48px) / 1.25 var(--PMNCaeciliaSans_font);
    --h4: normal normal normal 800 clamp(24px, 2vw, 36px) / 1.3 var(--PMNCaeciliaSans_font);
    --h5: normal normal normal 800 clamp(18px, 1.5vw, 26px) / 1.3 var(--PMNCaeciliaSans_font);
    --h6: normal normal normal 800 clamp(16px, 1.15vw, 20px) / 1.591 var(--PMNCaeciliaSans_font);

    --p_xl : normal normal normal 400 clamp(16px, 1.15vw, 20px) / 1.591 var(--Manrope_font);
    --p_l : normal normal normal 400 clamp(16px, 1.1vw, 18px) / normal var(--Manrope_font);
    --p : normal normal normal 400 16px / normal var(--Manrope_font);
    --small : normal normal normal 400 14px / normal var(--Manrope_font);

    --white: #FFFFFF;
    --black: #000000;
    --color1: #FF7800;
    --color2: #259EA1;
    --color3: #FF5B8E;
    --color4: #144B55;
    --color5: #D8ECE9;
    --color6: #E5F2F0;
    --color7: #F2F8F7;
    --color8: #D9D9D9;
    --color9: #02353F;
    --color10: #1C4A54;
    --color11: #496E76;
    --color12: #37CED2;
    --color13: #D2EBEB;
    --color14: #BFE0DB;
    --color15: #C4E3DE;
}
@media (max-width: 1600px) {
    :root {
        --h1: normal normal normal 800 clamp(28px, 4.2vw, 60px) / 1.1 var(--PMNCaeciliaSans_font);
        --h2: normal normal normal 800 clamp(26px, 2.9vw, 40px) / 1.2 var(--PMNCaeciliaSans_font);
        --h3: normal normal normal 800 clamp(26px, 2.6vw, 36px) / 1 var(--PMNCaeciliaSans_font);
        --h4: normal normal normal 800 clamp(20px, 2vw, 28px) / 1.3 var(--PMNCaeciliaSans_font);
        --h5: normal normal normal 800 clamp(18px, 1.8vw, 24px) / 1.3 var(--PMNCaeciliaSans_font);
        --h6: normal normal normal 800 clamp(16px, 1.5vw, 20px) / 1.591 var(--PMNCaeciliaSans_font);
    }
}
*, *:after, *:before {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}
body {
    /* font: var(--p); */
}
.container, .custom-container, .shopify-policy__container {
    max-width: 1830px;
    width: 100%;
    padding: 0 15px;
    margin: 0 auto;
}
.shopify-section:has(.container, .custom-container) .section {
    grid-template-columns: minmax(0px, 1fr) min(calc(150rem + (0px*2)) - 0px* 2, calc(100% - 0px*2)) minmax(0px, 1fr);
}
h1, .h1 {
    font: var(--h1);
}
h2, .h2 {
    font: var(--h2);
}
h2 p, .h2 p {
    font: inherit;
    color: inherit;
}
h3, .h3 {
    font: var(--h3);
}
h4, .h4 {
    font: var(--h4);
}
h5, .h5 {
    font: var(--h5);
}
h6, .h6 {
    font: var(--h6);
}
strong {
    font-weight: 900;
}
.btn {
    font: var(--p_xl);
    font-weight: 700;
    letter-spacing: 0;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    border-radius: 15px 0 15px;
    padding: 10.1px 21.3px;
    border: 1px solid var(--button-border-color);
    outline: none !important;
    box-shadow: none !important;
    transition: all ease-in-out .3s;
}
.btn span:not(:has(svg, img, i)) {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
@media (max-width: 850px) {
    .btn {
        font-size: clamp(14px, 1.1vw, 16px);
        gap: 15px;
        padding: 13.5px 15px;
    }
}
.btn .text {
    flex: 1;
}
.btn .icon {
    width: 18px;
    height: 18px;
}
.btn .icon svg {
    width: 100%;
    height: 100%;
}
.btn-primary {
    background-color: var(--color1);
    color: var(--white);
    border-color: var(--color1);
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active:focus,
.btn-primary:active {
    background-color: var(--color2);
    border-color: var(--color2);
    color: var(--white);
}
.btn-secondary {
    background-color: var(--color1);
    color: var(--white);
    border-color: var(--color1);
}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active:focus,
.btn-secondary:active {
    background-color: var(--color1);
    color: var(--white);
    border-color: var(--color1);
}
.btn-dark {
    background-color: var(--color1);
    color: var(--white);
    border-color: var(--color1);
}
.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active:focus,
.btn-dark:active {
    background-color: var(--color1);
    color: var(--white);
    border-color: var(--color1);
}
.btn-light {
    background-color: var(--color7);
    color: var(--color2);
    border-color: var(--color7);
}
.btn-light:hover,
.btn-light:focus,
.btn-light:active:focus,
.btn-light:active {
    background-color: var(--color2);
    color: var(--white);
    border-color: var(--color2);
}
.btn-transparent {
    background-color: transparent;
    color: var(--white);
    border-color: var(--color1);
}
.btn-transparent:hover,
.btn-transparent:focus,
.btn-transparent:active:focus,
.btn-transparent:active {
    background-color: var(--color1);
    color: var(--white);
    border-color: var(--color1);
}
.link-style {
    text-decoration: underline;
    font: inherit;
    border: 0;
    background: transparent;
    line-height: 1 !important;
}
.form-control, input {
    outline: none !important;
    box-shadow: unset !important:
}
.body_overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    background-color: rgba(0,0,0,55%);
    z-index: 5;
    backdrop-filter: blur(14.800000190734863px);
    transition: all ease-in-out 0.1s;
    opacity: 0;
    visibility: hidden;
}
body:has(header-menu-list>li:hover .mega-menu, .menu-drawer-container.menu-open) .body_overlay,
body:has(.predictive-search-form__content-wrapper[style="display: block;"]) .body_overlay,
body:has(#blog-sidebar-drawer.drawer-open) .body_overlay {
    opacity: 1;
    visibility: visible;
}
body.body-lock {
    overflow: hidden;
}
/******** input field CSS Start ********/
input[type="search"],
input[type="text"],
input[type="number"],
input[type="email"],
input[type="password"],
input[type="tel"],
select.form-input,
textarea.field__input,
textarea {
    min-height: unset;
    padding: 5px 20px;
    font: var(--p);
    line-height: normal;
    letter-spacing: 0;
    border: 1px solid #769298;
    border-radius: 5px !important;
}
select.form-input,
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="number"],
input[type="email"],
input[type="password"], {
    height: 38px;
}
textarea.field__input::placeholder,
textarea::placeholder,
input::placeholder,
input[type="search"]::placeholder,
input[type="text"]::placeholder,
input[type="number"]::placeholder,
input[type="email"]::placeholder,
input[type="tel"]::placeholder,
input[type="password"]::placeholder {
    color: var(--color11);
}
/******** input field CSS End ********/
/******** Section Title CSS Start ********/
.section-heading {
    margin: 0 0 30px;
}
.section-heading .group-block-content {
    gap: 0;
}
.section-heading h2, .section-heading .h2,
.section-title h2, .section-title .h2,
.section-title.h2,
.section-title.h2 h2 {
    font: var(--h2);
    color: var(--color4);
    font-weight: 800;
}
.section-heading .h2:has(+ rte-formatter) {
    margin: 0 0 10px;    
}
.section-title.h2 p,
.section-heading .h2 p {
    font: inherit;
    color: inherit;
}
.section-heading .section-decs {
    color: var(--color4);
    font: var(--p_l);
    font-size: clamp(16px, 1.25vw, 22px);
    font-weight: 500;
    text-align: center;
    max-width: 765px;
    width: 100%;
    margin: 0 auto;
}
.section-heading .h2 *,
.section-heading .section-decs * {
    font: inherit;
    color: inherit;
}
/******** Section Title CSS End ********/

/******** Swiper Navigation CSS Start ********/
.swiper .swiper-navigation {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    margin: 24px 0 0;
}
.swiper:not(.swiper-initialized) .swiper-navigation {
    display: none;
}
.swiper .swiper-navigation .swiper-button-prev,
.swiper .swiper-navigation .swiper-button-next {
    position: relative;
    top: 0;
    transform: unset;
    right: 0;
    left: 0;
    margin: 0;
    width: 36px;
    height: 36px;
    background-color: var(--color4);
    color: var(--white);
    border-radius: 50%;
}
.swiper .swiper-navigation .swiper-button-prev svg,
.swiper .swiper-navigation .swiper-button-next svg {
    width: 8px;
    height: 12px;
}
.swiper .swiper-navigation .swiper-button-prev:after,
.swiper .swiper-navigation .swiper-button-next:after {
    width: 8px;
    height: 12px;
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='13' viewBox='0 0 8 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.44639 12.8365C6.32521 12.8372 6.20508 12.814 6.09289 12.7681C5.9807 12.7223 5.87866 12.6548 5.79262 12.5695L0.267764 7.04461C0.0962628 6.87208 0 6.6387 0 6.39544C0 6.15217 0.0962628 5.91879 0.267764 5.74627L5.79262 0.221415C5.96877 0.0705622 6.19536 -0.0082646 6.4271 0.000686722C6.65885 0.00963805 6.87868 0.105708 7.04267 0.269699C7.20666 0.43369 7.30273 0.653523 7.31169 0.885269C7.32064 1.11701 7.24181 1.3436 7.09096 1.51976L2.21988 6.39083L7.09096 11.2619C7.22026 11.3902 7.30863 11.5539 7.3449 11.7323C7.38116 11.9108 7.36369 12.096 7.2947 12.2645C7.22571 12.4331 7.10829 12.5774 6.95729 12.6792C6.8063 12.781 6.6285 12.8357 6.44639 12.8365Z' fill='white'/%3E%3C/svg%3E%0A");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    font-size: 0;
}
.swiper .swiper-navigation .swiper-button-next:after {
    transform: scaleX(-1);
}
.swiper .swiper-navigation .swiper-pagination-dots {
    background-color: var(--color5);
    padding: 5px;
    border-radius: 50px;
    position: relative;
}
.swiper .swiper-navigation .swiper-pagination-dots .custom-dots {
    display: flex;
    align-items: center;
    list-style: none;
    font-size: 0;
    gap: 20px;
    position: relative;
    z-index: 1;
    padding: 5px 10px;
}
.swiper .swiper-navigation .swiper-pagination-dots .custom-dots .custom-dot {
    width: 6px;
    height: 6px;
    background-color: var(--color2);
    border-radius: 50%;
    position: relative;
    z-index: 1;
}
.swiper .swiper-navigation .swiper-pagination-dots .custom-dots .custom-dot.active {
    background-color: var(--color5);
}
.swiper .swiper-navigation .swiper-pagination-dots .swiper-pagination-progressbar {
    top: 50%;
    transform: translate(0px, -50%);
    left: 5px;
    height: 16px;
    border-radius: 50px;
    width: calc(100% - 10px);
    background: transparent;
    overflow: hidden;
    z-index: 1;
}
.swiper .swiper-navigation .swiper-pagination-dots .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--color2);
    border-radius: 50px;
}
.swiper .swiper-navigation .swiper-pagination-progressbar-fill {
    transform: none !important;
    width: 0%;
    transition: width 0.4s ease;
}
/******** Swiper Navigation CSS End ********/
@media (max-width: 991px) {
    .element-mobile-hidden {
        display: none !important;
    }
}
@media (min-width: 992px) {
    .element-desktop-hidden {
        display: none !important;
    }
}
/*************** Common CSS End ***************/

/*************** Header CSS Start ***************/
.header-section .header__row {
    display: block;
}
.header-section header-component .header__row--top {
    padding: 15px 0;
}
.header-section .header__columns {
    display: flex;
    justify-content: space-between;
    padding-block: var(--padding-block-start) var(--padding-block-end);
    gap: 0;
}
.header-section .header__column--left {
    max-width: 610px;
    width: 34%;
    display: flex;
    padding: 0 15px 0 0;
}
.header-section .header__column--right {
    flex: 1;
    /* max-width: 1190px; */
    /* width: 63%; */
    display: flex;
    justify-content: space-between;
    gap: 20px;
}
.header-logo {
    max-width: 285px;
    width: 100%;
}
.header-logo span {
    width: 100%;
    display: block;
}
.header-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: left;
}
.header-section .header__column--right header-actions {
    margin: 0 0 0 auto;
    gap: 35px;
    align-items: center;
}
.trade_box .trade_button {
    font-size: 14px;
    text-transform: uppercase;
    gap: 6px;
    border-radius: 5px;
    padding: 8px 14px;
}
.trade_box .trade_button * {
    font: inherit;
    color: inherit;
}
.trade_box .trade_box_icon {
    width: 20px;
}
.trade_box .trade_box_icon svg,
.trade_box .trade_box_icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}
.header-contact .contact-icon-text {
    display: flex;
    align-items: center;
    gap: 15px;
}
.header-contact .contact-icon {
    width: 28px;
    height: 28px;
    color: var(--color4);
}
.header-contact .contact-icon svg,
.header-contact .contact-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}
.header-contact .contact-text {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0;
    color: var(--color11);
}
.header-contact .contact-text * {
    font: inherit;
    color: inherit;
}
.header-contact .contact-text a {
    font-weight: 700;
    font-size: clamp(16px, 1vw, 18px);
    line-height: normal;
    letter-spacing: 0;
    color: var(--color4);
}
header-actions .account-drawer .account-button,
header-actions .account-popover .account-button.header-actions__action,
header-actions .cart-drawer .header-actions__action,
header-actions .action__cart,
header-actions social-icon {
    width: 28px;
    height: 28px;
    overflow: unset;
}
header-actions social-icon .image-block,
header-actions social-icon .image-block img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}
header-actions social-icon .social-icon-logo a {
    color: var(--color4);
}
header-actions social-icon .social-icon-logo,
header-actions social-icon .social-icon-logo a,
header-actions social-icon .social-icon-logo svg,
.account-popover .account-button .account-button__icon,
.account-popover .account-button .account-button__icon svg,
header-actions>.cart-drawer cart-icon,
header-actions>.cart-drawer>button>cart-icon>.svg-wrapper,
header-actions>.cart-drawer>button>cart-icon>.svg-wrapper>svg,
header-actions .action__cart cart-icon,
header-actions .action__cart cart-icon .svg-wrapper,
header-actions .action__cart .svg-wrapper svg {
    width: 100%;
    height: 100%;
    display: block;
}
header-actions .action__cart .svg-wrapper svg,
header-actions>.cart-drawer>button>cart-icon>.svg-wrapper svg {
    mask: unset;
}
header-actions .action__cart .cart-bubble,
header-actions .cart-drawer .header-actions__action .cart-bubble {
    font-weight: 700;
    font-size: 10px;
    line-height: normal;
    letter-spacing: 0;
    border-radius: 0;
    width: 31px;
    height: 14px;
    top: calc(100% - 1px);
    right: auto;
    left: -3px;
    aspect-ratio: unset;
    padding: 0;
    gap: 2px;
    cursor: pointer;
}
header-actions .action__cart .cart-bubble *,
header-actions .cart-drawer .header-actions__action .cart-bubble *,
.cart-drawer button .cart-bubble * {
    font: inherit;
    color: inherit;
}
header-actions .action__cart .cart-bubble:after
.cart-drawer button .cart-bubble:after {
    content: '';
    width: 4px;
    height: 6px;
    background-image: url("data:image/svg+xml,%3Csvg width='4' height='7' viewBox='0 0 4 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.66845 3.66845L0.733586 6.60331L0 5.86973L2.56807 3.30166L0 0.733586L0.733586 0L3.66845 2.93486C3.76571 3.03215 3.82035 3.16409 3.82035 3.30166C3.82035 3.43922 3.76571 3.57116 3.66845 3.66845Z' fill='white'/%3E%3C/svg%3E%0A");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    z-index: 1;
}
.header__row--bottom .header__columns .header__column,
.header__row--bottom .header__columns header-menu,
.header__row--bottom .header__columns .header-menu__inner,
.header__row--bottom .header__columns nav[header-menu],
.header__row--bottom .header__columns .menu-list,
.header__row--bottom .header__columns .header-menu-list {
    width: 100%;
}
.header-section .header__row--bottom .header__columns {
    padding-block: 0;
}
.header__row--bottom .header__column header-menu:only-child .overflow-menu::part(list) {
    justify-content: center;
    width: 100%;
    gap: 0 65px;
}
.header__row--bottom .header__column header-menu-list>li {
    border-bottom: 3px solid transparent;
}
.header__row--bottom .header__column header-menu-list>li:hover {
    border-bottom: 3px solid var(--color1);
}
.header__row--bottom .header__column header-menu-list>li>a {
    position: relative;
    padding: 18px 0 15px !important;
    font: var(--p_l);
    font-weight: 600;
    letter-spacing: 0%;
    min-height: unset;
    margin: 0 !important;
    transition: all ease-in-out 0.3s;
    display: inline-flex;
    color: var(--color4);
}

body header.header-section .header__row--bottom .header__column header-menu-list>li>a.menu-list__link--active,
.header__row--bottom .header__column header-menu-list>li>a:hover {
    color: var(--color1);
}
.link-sub-menu {
    position: absolute;
    top: 100%;
    min-width: 200px;
    background-color: var(--white);
    transition: all ease-in-out 0.3s;
    transform: translate(0px, 15px);
    opacity: 0;
    visibility: hidden;
}
.header__row--bottom .header__column header-menu-list>li:hover .link-sub-menu {
    transform: translate(0px, 0px);
    opacity: 1;
    visibility: visible;
}
.link-sub-menu ul {
    list-style: none;
    padding: 0;
}
.link-sub-menu ul li a {
    font-family: var(--Manrope_font);
    font-weight: 400;
    font-size: 14px;
    line-height: normal;
    letter-spacing: 0;
    color: var(--black);
    display: inline-block;
    text-transform: capitalize;
    display: block;
    padding: 8px 15px;
}
.link-sub-menu ul li a:hover {
    color: var(--color1);
}
@media (max-width: 1600px) {
    .header-section header-component .header__row--top {
        padding: 10px 0;
    }
    .header-section .header__column--left {
        width: 28%;
    }
    .header-logo {
        max-width: 215px;
    }
    .header__row--bottom .header__column header-menu-list>li>a {
        font-size: 14px;
        padding: 11px 0 !important;
    }
    .header-section .header__column--right header-actions {
        gap: 25px;
    }
}
@media (max-width: 1200px) {
    .header-section .header__column--right {
        gap: 15px;
    }
    .header-section .header__column--right header-actions {
        gap: 15px;
    }
    .header-contact .contact-icon,
    header-actions .account-popover .account-button.header-actions__action,
    header-actions .cart-drawer .header-actions__action,
    header-actions social-icon,
    header-actions .action__cart {
        width: 20px;
        height: 20px;
    }
    header-actions .action__cart .cart-bubble,
    header-actions .cart-drawer .header-actions__action .cart-bubble {
        left: -6px;
    }
    .header__row--bottom .header__column header-menu:only-child .overflow-menu::part(list) {
        gap: 0 40px;
    }
}
@media (max-width: 1100px) {
    .header__row--bottom .header__column header-menu:only-child .overflow-menu::part(list) {
        gap: 0 20px;
    }
}
@media (max-width: 991px) {
    .trade_box .trade_button {
        padding: 0;
        width: 28px;
        height: 28px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .trade_box .trade_box_text {
        display: none;
    }
    .trade_box .trade_box_icon {
        width: 100%;
        color: var(--color4);
    }
    .trade_box .trade_button.desk-only {
        display: none;
    }
    .header-section .header__column--left:has(.header__icon--summary[style="display: none;"]) {
        gap: 0;
    }
    .header-section .header__column--left {
        width: calc(45% - 10px);
        display: flex;
    }
    .header-section .header__column--right {
        width: calc(55% - 10px);
    }
    .header-logo {
        max-width: 220px;
    }
    .header-search-box, .header-contact, social-icon {
        display: none;
    }
    .mobile_header_navbar {
        position: fixed;
        top: auto;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        background-color: var(--color4);
        transition: all ease-in-out .3s;
        z-index: 2147483637;
        padding-inline: 15px;
        padding-block: 10px;
    }
    .mobile_header_navbar .header_navbar_inner {
        display: flex;
        justify-content: space-between;
        gap: 20px;
    }
    .mobile_header_navbar .home-icon, .mobile_header_navbar .mobile__menu-drawer,
    .mobile_header_navbar search-button, .mobile_header_navbar .header-contact,
    .mobile_header_navbar social-icon {
        width: 26px;
        height: 26px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--white);
        cursor: pointer;
    }
    .mobile_header_navbar .home-icon a, .mobile_header_navbar .mobile__menu-drawer a,
    .mobile_header_navbar search-button a, .mobile_header_navbar .header-contact a,
    .mobile_header_navbar social-icon a {
        color: var(--black);
    }
    .mobile_header_navbar .header-contact .contact-icon,
    .mobile_header_navbar .home-icon .svg-wrapper, .mobile_header_navbar .mobile__menu-drawer .svg-wrapper,
    .mobile_header_navbar search-button .svg-wrapper, .mobile_header_navbar .header-contact .svg-wrapper,
    .mobile_header_navbar social-icon .svg-wrapper,
    .mobile_header_navbar search-button button {
        width: 100%;
        height: 100%;
        margin: 0;
    }
    .mobile_header_navbar .home-icon a svg, .mobile_header_navbar .mobile__menu-drawer a svg,
    .mobile_header_navbar search-button svg, .mobile_header_navbar .header-contact a svg,
    .mobile_header_navbar social-icon a svg {
        color: var(--white);
        width: 100%;
        height: 100%;
    }
    .mobile_header_navbar .header-drawer .header__icon--summary {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 4px;
        color: var(--black);
    }
    .mobile_header_navbar .mobile__menu-drawer {
        background: transparent;
        border: 0;
        padding: 0;
    }
    /*** Menu Drawer Start ***/
    .header-drawer .menu-drawer {
        padding: 60px 0 0;
        /* border: 5px solid red; */
        bottom: 46px;
        height: unset;
        background-color: var(--color7);
        overflow-x: hidden;
    }
    .menu-drawer .menu-drawer__close-button {
        position: absolute;
        right: 15px;
        top: 10px;
        width: 30px;
        height: 30px;
        padding: 0;
        background-color: var(--color2);
        color: var(--white);
        cursor: pointer;
        z-index: 2;
    }
    .menu-drawer .menu-drawer__navigation {
        height: 100%;
        position: relative;
        transition: all ease-in-out 0.3s;
        overflow: auto;
    }
    .menu-drawer .menu-drawer__navigation .menu-drawer__menu {
        margin: 0;
        padding: 0;
    }
    .menu-drawer .menu-drawer__navigation .menu-drawer__menu>li {
        display: flex;
        position: relative;
        padding: 0;
        border-bottom: 1px solid var(--color5);
    }
    .menu-drawer .menu-drawer__navigation .menu-drawer__menu>li.has-mega-menu {
        padding-inline: 0;
    }
    .menu-drawer .menu-drawer__navigation .menu-drawer__menu>li:first-child {
        border-top: 1px solid var(--color5);
    }
    .menu-drawer .menu-drawer__navigation .menu-drawer__menu>li>a {
        font-family: var(--Manrope_font);
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0;
        color: #000000;
        position: relative;
        padding-block: 14px;
        padding-inline: 20px 30px;
        display: inline-block;
        width: 100%;
        position: relative;
        border-left: 4px solid transparent;
    }
    .menu-drawer .menu-drawer__navigation .menu-drawer__menu>li.active>a,
    .menu-drawer .menu-drawer__navigation .menu-drawer__menu>li>a:hover {
        border-left-color: transparent;
    }
    /*** Menu Drawer End ***/
}
@media (min-width: 992px) {
    .trade_box .trade_button.mob-only,
    .mobile_header_navbar,
    .header-section .header__column--left .header__drawer {
        display: none;
    }
}
/****** Search CSS Start ******/
.header-search-box {
    max-width: 378px;
    width: 40%;
}
.header-search-box .predictive-search-form__header-inner {
    border: 1px solid #769298;
    border-radius: 5px !important;
    height: 38px;
}
.header-search-box .predictive-search-form__header-inner input {
    padding: 5px 20px 5px 35px;
    font-size: 14px;
    border: 0;
}
.header-search-box .predictive-search-form__header-inner .predictive-search__icon {
    left: 15px;
    width: 13px;
    height: 13px;
}
.header-search-box .predictive-search-form__header-inner .predictive-search__icon svg {
    width: 100%;
    height: 100%;
}

/*** Predictive Search Start ***/
.predictive-search-results__wrapper {
    margin: 0 0 20px !important;
}
.predictive-search .predictive-search-results__wrapper-products {
    grid-template-columns: repeat(1,1fr);
    gap: 0;
}
.predictive-search .predictive-search-results__wrapper-products li.predictive-search-results__card:hover {
    background-color: unset;
    border-radius: unset;
    padding: 0;
    margin-inline: 0;
    margin-block: 0 15px;
}
.predictive-search .predictive-search-form__header-inner {
    flex: 1;
}
.predictive-search .button.predictive-search__close-modal-button {
    padding: 0;
    width: 36px;
    height: 36px;
    margin: 0;
    display: flex;
    align-items: center;
    border-radius: 0;
}
.predictive-search .featured-item .featured-item-img {
    max-width: 70px;
}
.predictive-search .featured-item {
    padding: 10px;
}
.predictive-search-results__card:not(.predictive-search-results__card--product) {
    max-width: 180px;
    width: 100%;
}
.predictive-search-results__card:not(.predictive-search-results__card--product) .resource-card__image-wrapper {
    grid-template-columns: repeat(1, 1fr);
}
.predictive-search-results__card:not(.predictive-search-results__card--product) .resource-card__content {
    font-size: 14px;
}
.predictive-search-results__card:not(.predictive-search-results__card--product) .resource-card__content * {
    font: inherit;
    color: inherit;
}
.predictive-search-results__card:not(.predictive-search-results__card--product) .resource-card__content .resource-card__title {
    font-weight: 700;
}
.search-collection-grid .resource-card__image-wrapper .resource-card__collection-image:not(:first-child) {
    display: none;
}
/*** Predictive Search End ***/
/****** Search CSS End ******/

/****** Mega Menu CSS Start ******/
.mega-menu {
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #FFFFFF;
    width: 100%;
    transition: all ease-in-out 0.3s;
    overflow: auto;
    opacity: 0;
    visibility: hidden;
    transform: translate(0px, 15px);
    max-height: 700px;
}
.header__row--bottom .header__column header-menu-list li:has(.mega-menu):hover .mega-menu {
    transform: translate(0px, 0px);
    opacity: 1;
    visibility: visible;
}
.mega-menu .mega-menu-wrapper {
    display: flex;
    justify-content: space-between;
    padding-block: 26px 0;
}
.mega-menu .mega-menu-wrapper .left-content {
    max-width: 206px;
    width: 20%;
}
.mega-menu .mega-menu-wrapper .right-content {
    width: 80%;
    flex: 1 0 80%;
    border-left: 1px solid var(--color15);
    display: flex;
    flex-wrap: wrap;
    gap: 30px 0;
}
.mega-menu.mega-menu-type-without-tabs .mega-menu-wrapper .right-content {
    border-left: 0;
}
.menu_level_2 {
    position: sticky;
    top: 30px;
}
.menu_level_2>ul {
    list-style: none;
}
.menu_level_2>ul>li {
    display: flex;
}
.menu_level_2>ul>li>a {
    font-family: var(--Manrope_font);
    font-weight: 700;
    font-size: clamp(15px, 1.1vw, 18px);
    line-height: normal;
    letter-spacing: 0;
    text-transform: uppercase;
    color: var(--color4);
    display: block;
    padding: 15px 20px;
    position: relative;
    border-left: 4px solid transparent;
    width: 100%;
}
.menu_level_2>ul>li.active>a {
    border-left-color: var(--color1);
}
.menu_level_2>ul li:hover>a, .menu_level_2>ul>li.active>a {
    background-color: var(--color6);
}
.menu_level_3>h6 {
    font-family: var(--Manrope_font);
    font-weight: 800;
    font-size: 16px;
    line-height: normal;
    letter-spacing: 0;
    text-transform: uppercase;
    position: relative;
    color: var(--color4);
    padding: 0 0 15px;
    margin: 0 0 15px;
}
.menu_level_3>h6:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 37px;
    height: 4px;
    background-color: var(--color1);
    border-radius: 10px;
}
.menu_level_3_content ul {
    list-style: none;
}
.menu_level_3_content>ul>li {
    display: flex;
}
.menu_level_3_content>ul>li:not(:last-child) {
    margin: 0 0 12px;
}
.menu_level_3_content>ul>li>a {
    font-family: var(--Manrope_font);
    font-weight: 400;
    font-size: 14px;
    line-height: normal;
    letter-spacing: 0;
    color: var(--black);
    display: inline-block;
}
.menu_level_3_content>ul>li>a:hover {
    color: var(--color1);
}
.mega-menu .inner-right-content {
    display: flex;
    flex-wrap: wrap;
    width: 50%;
    border-right: 1px solid var(--color15);
}
.mega-menu .inner-right-content .menu-column {
    flex: 1 0 33.33%;
    padding-inline: 20px;
    padding-block: 0 30px;
}
.mega-menu .inner-right-content .menu-column:not(:first-child) {
    border-left: 1px solid var(--color15);
}
.mega-menu .inner-right-content .menu-column .menu_level_3:not(:last-child), 
.mega-menu .accessories-column .menu_level_3:not(:last-child),
.mega-menu .featured-column .menu_level_3:not(:last-child) {
    margin: 0 0 20px;
}
.mega-menu .inner-right-content .menu-column .menu_level_3:has(+ .no-sub-childs) {
    margin: 0;
}
.mega-menu .accessories-featured {
    width: 50%;
    display: flex;
    flex-wrap: wrap;
}
.mega-menu .accessories-column {
    max-width: 372px;
    width: 47%;
    padding-inline: 20px;
    border-right: 1px solid var(--color15);
}
.mega-menu .featured-column {
    width: 53%;
    max-width: 435px;
    flex: 1;
    padding-inline: 20px 0;
}
.menu_level_3.color-column ul li a {
    display: inline-flex;
    align-items: center;
    gap: 12px;
}
.menu_level_3.color-column ul li a .color-icn {
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background-color: var(--shop_color);
}
.accessories-featured .accessories-wrapper:not(:last-child) {
    margin: 0 0 20px;
}
.accessories-featured .accessories-wrapper .label {
    font-family: var(--Manrope_font);
    font-weight: 700;
    font-size: 14px;
    line-height: normal;
    letter-spacing: 0;
    color: var(--color4);
    margin: 0 0 10px;
}
.installation-items ul {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.installation-items .installation-item {
    width: calc(50% - 10px);
}
.installation-items .installation-item a {
    width: 100%;
    display: block;
}
.installation-card {
    border: 1px solid var(--color15);
}
.installation-card .installation-img {
    aspect-ratio: 138/115;
    width: 100%;
    position: relative;
}
.installation-card .installation-img img,
.installation-card .installation-img svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}
.installation-card .installation-text {
    background-color: var(--color6);
    padding: 11px;
    font-family: var(--Manrope_font);
    font-weight: 400;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: 0;
    color: var(--black);
}
.installation-card .installation-text * {
    font: inherit;
    color: inherit;
}
.installation-card .installation-text p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.featured-column .menu_level_3 {
    padding: 0 0 30px;
}
.featured-column .menu_level_3_content {
    max-height: 510px;
    padding: 0;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #144B55 #E5F2F0;
    padding-block: 0;
}
.featured-column .menu_level_3_content .inner-menu_level_3_content {
  padding-right: 20px;
}
.featured-column .menu_level_3_content::-webkit-scrollbar {
  width: 3px;
  border-radius: 10px;
}
.featured-column .menu_level_3_content::-webkit-scrollbar-track {
    background: #E5F2F0;
    border-radius: 10px;
}
.featured-column .menu_level_3_content::-webkit-scrollbar-thumb {
    background: #144B55;
    border-radius: 10px;
    opacity: 1;
}
.featured-items-list {
    margin: 0 0 15px;
}
.featured-items-list ul li:not(:last-child) {
    margin: 0 0 15px;
}
.featured-items-list ul li a {
    display: flex;
}
.featured-item {
    display: flex;
    align-items: center;
    padding: 15px;
    background-color: var(--color7);
    gap: 24px;
    width: 100%;
}
.featured-item .featured-item-img {
    max-width: 112px;
    width: 40%;
}
.featured-item .featured-item-img .inner-img {
    width: 100%;
    aspect-ratio: 112/93;
    position: relative;
}
.featured-item .featured-item-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.featured-item .featured-item-details {
    flex: 1;
}
.featured-item .featured-item-details h6 {
    font-weight: 700;
    font-size: 16px;
    line-height: normal;
    letter-spacing: 0;
    color: var(--color4);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.featured-item .featured-item-details product-price {
    font: var(--h5);
    font-size: clamp(18px, 1.35vw, 25px);
    font-family: var(--Manrope_font);
    letter-spacing: 0;
    color: var(--color4);
    line-height: 1;
    margin: 8px 0 0;
    display: block;
}
.featured-item .featured-item-details product-price .product_measurement {
    margin: 0;
}
.featured-item .featured-item-details product-price .from-text {
    font-weight: 400;
    font-size: 75%;
}
.featured-item .featured-item-details product-price .price-cross {
    display: none;
}
.featured-item .featured-item-details product-price .slash {
    font-size: clamp(18px, 1.35vw, 25px);
    line-height: 0.9;
    font-weight: 300;
}
.featured-item .featured-item-details product-price .m2 {
    font-size: 60%;
    font-weight: 500;
    position: relative;
}
.featured-item .featured-item-details product-price .m2:has(sup) {
    top: -1px;
}
.featured-item .featured-item-details product-price .m2 sup {
    font-size: 65%;
}
.featured-item .featured-item-details product-pack {
    font-family: var(--Manrope_font);
    font-weight: 500;
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0;
    color: var(--color11);
    margin: 0;
    padding: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.featured-item .featured-item-details product-pack sup {
    font-size: 65%;
    line-height: 1;
}
.featured-item .featured-item-details product-pack *,
.featured-item .featured-item-details product-price * {
    font: inherit;
    color: inherit;
}
.featured-cards-list {
    width: 100%;
}
.featured-cards-list>ul {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.featured-cards-list>ul>li {
    width: calc(50% - 10px);
}
.featured-cards-list>ul>li>a {
    display: block;
    height: 100%;
}
.featured-card {
    height: 100%;
    border-radius: 10px 0;
    overflow: hidden;
    background-color: var(--color4);
}
.featured-card .featured-card-img {
    width: 100%;
    aspect-ratio: 182 / 119;
    position: relative;
}
.featured-card .featured-card-img img,
.featured-card .featured-card-img svg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.featured-card .featured-card-details {
    padding: 15px;
}
.featured-card .featured-card-details h6 {
    font-weight: 800;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0;
    margin: 0 0 10px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.featured-card .featured-price-text {
    font-family: Manrope;
    font-weight: 500;
    font-size: 10px;
    line-height: normal;
    letter-spacing: 0;
    color: var(--color14);
}
.featured-card .featured-price {
    font-family: Manrope;
    font-weight: 800;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0;
}
.featured-card .featured-price * {
    font-size: inherit;
    color: inherit;
}
.featured-card .featured-price .slash {
    font-size: 16px;
    line-height: 0.9;
    font-weight: 300;
}
.featured-card .featured-price .m2 {
    font-size: 75%;
    font-weight: 500;
}
.featured-card .featured-price .m2 sup {
    font-size: 65%;
}
.featured-card .featured-price .inc-vat {
    display: none;
}
.featured-card .featured-options {
    display: flex;
    align-items: center;
    gap: 7px;
    letter-spacing: 0;
    position: relative;
    color: var(--white);
    font-family: Manrope;
    font-weight: 500;
    font-size: 12px;
    line-height: normal;
    margin: 5px 0 0;
}
.featured-card .featured-options * {
    font-size: inherit;
    color: inherit;
}
.featured-card .featured-options:before {
    content: "";
    width: 10px;
    height: 10px;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 14C7.91925 14 8.8295 13.8189 9.67878 13.4672C10.5281 13.1154 11.2997 12.5998 11.9497 11.9497C12.5998 11.2997 13.1154 10.5281 13.4672 9.67878C13.8189 8.8295 14 7.91925 14 7C14 6.08075 13.8189 5.1705 13.4672 4.32122C13.1154 3.47194 12.5998 2.70026 11.9497 2.05025C11.2997 1.40024 10.5281 0.884626 9.67878 0.532843C8.8295 0.18106 7.91925 -1.36979e-08 7 0C5.14348 2.76642e-08 3.36301 0.737498 2.05025 2.05025C0.737498 3.36301 0 5.14348 0 7C0 8.85652 0.737498 10.637 2.05025 11.9497C3.36301 13.2625 5.14348 14 7 14ZM6.81956 9.83111L10.7084 5.16444L9.51378 4.16889L6.16933 8.18144L4.43878 6.45011L3.339 7.54989L5.67233 9.88322L6.27433 10.4852L6.81956 9.83111Z' fill='%23259EA1'/%3E%3C/svg%3E%0A");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.back-menu-btn {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 17px 14px;
    border: 0;
    border-bottom: 1px solid var(--color4);
    background-color: var(--color7);
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    position: sticky;
    top: 0;
    z-index: 1;
    color: var(--color4);
}
.back-menu-btn .icon {
    transform: rotate(90deg);
    width: 14px;
    height: 14px;
    color: var(--color4);
}
@media (max-width: 1500px) {
    .mega-menu .inner-right-content,
    .mega-menu .accessories-featured {
        width: 100%;
    }
}
@media (max-width: 991px) {
    .mega-menu {
        position: fixed;
        top: 0;
        max-height: unset;
        opacity: 1;
        visibility: unset;
        transform: unset;
        z-index: 1;
        height: 100%;
        overflow: hidden;
        transform: translate(100%, 0px);
    }
    .mega-menu.open, 
    .mega-menu.submenu-open {
        transform: translate(0%, 0px);        
    }
    .mega-menu .container {
        padding: 0;
        height: 100%;
    }
    .mega-menu .mega-menu-wrapper {
        padding-block: 0;
        height: 100%;
        overflow: hidden;
    }
    .mega-menu .mega-menu-wrapper .left-content {
        max-width: 100%;
        width: 100%;
        background-color: var(--color7);
    }
    .menu_level_2 {
        position: relative;
        top: 0px;
    }
    .menu_level_2>ul>li {
        position: relative;
    }
    .mega-menu .mega-menu-wrapper .right-content {
        width: 100%;
        flex: unset;
        border: 0;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        background-color: var(--color7);
        display: block;
        transform: translate(100%, 0px);
        transition: all ease-in-out 0.3s;
        overflow: auto;
        z-index: 1;
    }
    .mega-menu.open:not(:has(.left-content)) .mega-menu-wrapper .right-content,
    .mega-menu .mega-menu-wrapper .right-content.active {
        transform: translate(0%, 0px);
    }
    .mega-menu .inner-right-content .menu-column {
        flex: unset;
        padding: 0;
        width: 100%;
    }
    .mega-menu .inner-right-content>.menu_level_3 {
        width: 100%;
    }
    .mega-menu .inner-right-content,
    .mega-menu .accessories-featured {
        display: block;
        background-color: var(--color7);
    }
    .mega-menu .accessories-featured {
        padding-block: 0 20px;
    }
    .mega-menu .inner-right-content .menu-column .menu_level_3:not(:last-child), 
    .mega-menu .accessories-column .menu_level_3:not(:last-child),
    .mega-menu .inner-right-content .menu-column:not(:last-child),
    .mega-menu .featured-column .menu_level_3:not(:last-child) {
        margin: 0;
    }
    .menu_level_3>h6 {
        padding-block: 10px;
        padding-inline: 20px 30px;
        margin: 0;
        cursor: pointer;
    }
    .menu_level_2>ul>li[data-level]>a:after,
    .menu-drawer .menu-drawer__navigation .menu-drawer__menu>li.has-mega-menu>a:after,
    .menu_level_3>h6:after {
        content: '';
        width: 15px;
        height: 15px;
        transition: all ease-in-out .3s;
        position: absolute;
        top: 0;
        left: auto;
        right: 8px;
        bottom: 0;
        margin: auto;
        transform: rotate(90deg);
        background-image: url("data:image/svg+xml,%3Csvg width='8' height='13' viewBox='0 0 8 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.91689 12.8365C1.03807 12.8372 1.15821 12.814 1.27039 12.7681C1.38258 12.7223 1.48462 12.6548 1.57066 12.5695L7.09552 7.04461C7.26702 6.87208 7.36328 6.6387 7.36328 6.39544C7.36328 6.15217 7.26702 5.91879 7.09552 5.74627L1.57066 0.221415C1.39451 0.0705622 1.16792 -0.0082646 0.936178 0.000686722C0.704432 0.00963805 0.4846 0.105708 0.320609 0.269699C0.156618 0.43369 0.0605469 0.653523 0.0515957 0.885269C0.0426445 1.11701 0.121472 1.3436 0.272325 1.51976L5.1434 6.39083L0.272325 11.2619C0.143023 11.3902 0.0546522 11.5539 0.0183859 11.7323C-0.0178804 11.9108 -0.000412941 12.096 0.0685792 12.2645C0.137571 12.4331 0.25499 12.5774 0.405987 12.6792C0.556984 12.781 0.734779 12.8357 0.91689 12.8365Z' fill='%23144B55'/%3E%3C/svg%3E%0A");
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        background-color: transparent;
    }
    .menu_level_2>ul>li[data-level]>a:after,
    .menu-drawer .menu-drawer__navigation .menu-drawer__menu>li.has-mega-menu>a:after {
        transform: rotate(0);
    }
    .menu_level_3>h6.active:after {
        transform: rotate(-90deg);
    }
    .menu_level_3_content {
        max-height: 0;
        overflow: hidden;
        transition: all ease-in-out 0.3s;
    }
    .no-sub-childs .menu_level_3_content {
        max-height: unset;
        overflow: unset;
        padding-block: 10px;
    }
    .no-sub-childs .menu_level_3_content ul li a {
        font-weight: 800;
        font-size: 16px;
        text-transform: uppercase;
        position: relative;
        color: var(--color4);
    }
    .menu_level_3_content>ul {
        padding: 0 20px;
    }
    .menu_level_3_content>ul>li {
        margin: 0;
        display: flex;
    }
    .menu_level_3_content>ul>li>a {
        padding: 6px 0;
    }
    .accessories-featured .accessories-wrapper {
        padding-inline: 20px;
    }
    .mega-menu .accessories-column,
    .mega-menu .featured-column {
        max-width: 100%;
        width: 100%;
        padding: 0;
    }
    .mega-menu .featured-column {
        display: none;
    }
    .menu_level_2>ul>li.active>a {
        border-left-color: transparent;
    }
    .menu_level_2>ul>li>a {
        font-size: 16px;
        padding-block: 10px;
        padding-inline: 20px 30px;
    }
}
@media (min-width: 992px) {
    .back-menu-btn {
        display: none;
    }
    .mega-menu .mega-menu-wrapper .right-content {
        max-height: 700px;
        overflow: auto;
    }
}
/****** Mega Menu CSS End ******/

/*************** Header CSS End ***************/

/*************** Footer CSS Start ***************/
footer .section {
    padding: 0;
    display: block;
}
footer .container, footer .custom-container {
    max-width: 1500px;
}
footer .footer-content {
    padding-block: 80px;
}
footer .footer-title.h4 {
    font-family: var(--PMNCaeciliaSans_font);
    font-size: clamp(32px,3.3vw,62px);
    font-weight: 800;
    line-height: normal;
    font-style: italic;
    letter-spacing: 0;
    text-align: center;
    margin: 0 0 40px;
    width: 100%;
}
footer .footer-title.h4 * {
    font: inherit;
    color: inherit;
}
footer .footer-menus {
    margin: 0 0 25px;
}
.footer-menus>.group-block-content {
    flex-wrap: wrap;
    gap: 30px 20px;
}
.footer-menus>.group-block-content .menu--caret {
    width: calc((73.4%/4) - (20px*4)/5);
}
.footer-menus .contact-media-icon .menu--caret {
    width: 100%;
}
.footer-menus>.group-block-content .contact-media-icon {
    max-width: 375px;
    flex: unset;
    width: calc(26.6% - (20px * 4) / 5);
}
.footer-menus .menu__details .menu__heading {
    padding: 0;
    margin: 0 0 20px;
    font-family: var(--PMNCaeciliaSans_font);
    font-weight: 800;
    font-size: 20px;
    line-height: normal;
    letter-spacing: 0;
}
.footer-menus summary.menu__heading * {
    font: inherit;
    color: inherit;
}
.footer-menus .menu__details .details-content ul li a {
    font-weight: 500;
    font-size: 16px;
    line-height: normal;
    letter-spacing: 0;
}
.footer-menus .menu__details .details-content ul li a:hover {
    color: var(--color-primary-hover);
}
.contact-info.phone-num, .contact-info.email {
    border-radius: 30px 0;
    padding: 10px 25px;
    min-height: 92px;
    display: flex;
    align-items: center;
}
.contact-info.phone-num {
    margin: 0 0 20px;
}
.contact-info.email .group-block-content, 
.contact-info .contact-icon-text>.group-block-content {
    gap: 20px;
}
.contact-info .contact-icon-text ~ .icon-block,
.contact-info.email .group-block-content .icon-block,
.contact-info .contact-icon-text .group-block-content .icon-block {
    width: 30px;
    height: 30px;
}
/* .contact-info .contact-icon-text ~ .icon-block {
    width: 35px;
    height: 35px;
} */
.contact-info .contact-icon-text ~ .icon-block a {
    width: 100%;
    height: 100%;
    display: block;
}
.contact-info.email .group-block-content .icon-block img,
.contact-info .contact-icon-text ~ .icon-block img,
.contact-info .contact-icon-text .group-block-content .icon-block img {
    width: 100% !important;
    height: 100%;
    object-fit: contain;
    object-position: center;
}
.contact-info .contact-text>.group-block-content {
    max-width: 150px;
    width: 100%;
    position: revert;
}
.contact-info .contact-text>.group-block-content:after {
    content: "";
    position: absolute;
    top: 0;
    right: 25px;
    bottom: 0;
    margin: auto;
    height: calc(100% - 8px);
    width: 1px;
    background-color: var(--color2);
}
.contact-info.email rte-formatter,
.contact-info .contact-text rte-formatter {
    font-weight: 600;
    font-size: clamp(16px, 1.2vw, 22px);
    line-height: normal;
    letter-spacing: 0;
}
.contact-info.email rte-formatter a,
.contact-info .contact-text rte-formatter a {
    text-decoration: none;
}
.contact-info.email rte-formatter p {
    word-break: break-all;
}
.contact-info .contact-text .custom {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0;
    color: #BFE0DB;
}
.contact-info.email rte-formatter *,
.contact-info .contact-text rte-formatter *,
.contact-info .contact-text .custom * {
    font: inherit;
    color: inherit;
}

.footer-left-logo {
    /* max-width: 655px; */
    /* width: calc(50% - 10px); */
    /* flex: unset; */
}
.footer-right-logo {
    /* max-width: 650px; */
    /* width: calc(45% - 10px); */
    /* flex: unset; */
}
.footer-logos>.group-block-content {
    justify-content: space-between;
    gap: 20px;
}
.footer-left-logo .group-block-content .stonewise-logo {
    max-width: 528px;
    width: 73%;
}
.footer-left-logo .group-block-content .image-block:not(.stonewise-logo) {
    max-width: 140px;
    width: calc(25% - 10px);
}
.footer-right-logo .group-block-content {
    /* justify-content: space-between; */
    max-width: 375px;
    margin: 0 0 0 auto;
    gap: 0 20px;
    width: calc(54% - (20px * 4) / 5);
}
.footer-right-logo .group-block-content .image-block:first-child {
    max-width: 170px;
    width: calc(33.33% - (20px * 2) / 3);
    flex: 1 0 calc(33.33% - (20px * 2) / 3);
}
.footer-right-logo .group-block-content .image-block:nth-child(2) {
    max-width: 126px;
    width: calc(33.33% - (20px * 2) / 3);
    flex: 1 0 calc(33.33% - (20px * 2) / 3);
}
.footer-right-logo .group-block-content .image-block:last-child {
    max-width: 190px;
    width: calc(33.33% - (20px * 2) / 3);
    flex: 1 0 calc(33.33% - (20px * 2) / 3);
}
.footer-right-logo .group-block-content .image-block:first-child img,
.footer-right-logo .group-block-content .image-block:nth-child(2) img,
.footer-right-logo .group-block-content .image-block:last-child img,
.footer-left-logo .group-block-content .image-block:not(.stonewise-logo) img,
.footer-left-logo .group-block-content .stonewise-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}
.footer-left-logo .group-block-content .stonewise-logo img {
    max-width: 495px;
}
.footer-utilities .section {
    display: block;
}
.footer-utilities .utilities {
    padding-block: 35px;
}
.copyright-text {
    font-weight: 500;
    font-size: clamp(14px, 1vw, 18px);
    line-height: normal;
    letter-spacing: 0;
    color: var(--color10);
}
.copyright-text .group-block-content * {
    font: inherit;
    color: inherit;
}
.footer-bottom-list>.group-block-content .link:not(:last-child) {
    margin: 0 30px 0 0;
}
.footer-bottom-list>.group-block-content .link {
    padding: 0;
    font-weight: 500;
    font-size: clamp(14px, 1vw, 18px);
    line-height: normal;
    letter-spacing: 0;
    color: var(--color10);
}

@media (max-width: 1280px) {
    .contact-info .contact-icon-text ~ .icon-block,
    .contact-info.email .group-block-content .icon-block,
    .contact-info .contact-icon-text .group-block-content .icon-block {
        width: 24px;
        height: 24px;
    }
}
@media (max-width: 1140px) {
    footer .footer-content {
        padding-block: 60px;
    }
    .footer-menus>.group-block-content .menu--caret {
        width: calc(25% - (20px*3)/4);
    }
    .footer-menus>.group-block-content .contact-media-icon,
    .footer-menus>.group-block-content .contact-media-icon .menu--caret {
        width: 100%;
    }
    .footer-bottom-list>.group-block-content .link:not(:last-child) {
        margin: 0 15px 0 0;
    }
    .footer-right-logo .group-block-content {
        width: 100%;
    }
}
@media (max-width: 991px) {
    .footer-utilities .utilities {
        padding-block: 35px 56px;
    }
}
@media (max-width: 850px) {
    footer .footer-content {
        padding-block: 40px;
    }
    footer .footer-title.h4 {
        margin: 0 0 30px;
    }
    .footer-menus>.group-block-content {
        row-gap: 0;
    }    
    .footer-menus>.group-block-content .contact-media-icon,
    .footer-menus>.group-block-content .menu--caret {
        max-width: 100%;
        width: 100%;
    }
    .footer-menus>.group-block-content .menu--caret {
        border-bottom: 1px solid var(--color11);
        padding: 15px 0;
    }
    .footer-menus>.group-block-content .menu--caret.mobile\:hidden {
        display: none;
    }
    .footer-menus .menu__details .menu__heading {
        margin: 0;
    }
    .footer-menus>.group-block-content .contact-media-icon .menu--caret .details-content {
        padding: 15px 0 0;
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
    }
    .contact-info.phone-num, .contact-info.email {
        width: calc(50% - 10px);
        margin: 0;
    }
    .footer-left-logo, .footer-right-logo {
        max-width: 100%;
        width: 100%;
    }
    .footer-left-logo .group-block-content,
    .footer-right-logo .group-block-content {
        flex-flow: unset;
        align-items: center;
    }
    .footer-utilities .utilities {
        padding-block: 20px;
    }
    .footer-bottom>.group-block-content {
        flex-wrap: wrap;
        flex-direction: unset;
    }
    .footer-bottom>.group-block-content .payment-options {
        width: 100%;
        order: 1;
        flex: unset;
    }
    .footer-bottom>.group-block-content .copyright-text,
    .footer-bottom>.group-block-content .footer-bottom-list {
        order: 2;
        width: calc(50% - 6px);
        flex: unset;
    }
    .footer-bottom>.group-block-content .footer-bottom-list>.group-block-content {
        flex-flow: unset;
        justify-content: end;
    }
}
@media (max-width: 749px) {
    .footer-bottom>.group-block-content .payment-options,
    .footer-bottom>.group-block-content .footer-bottom-list,
    .footer-bottom>.group-block-content .copyright-text {
        width: 100%;
        flex: unset;
    }
    .footer-bottom>.group-block-content .payment-options {
        order: 1;
    }
    .footer-bottom>.group-block-content .copyright-text {
        order: 2;
    }
    .footer-bottom>.group-block-content .footer-bottom-list {
        order: 3;
    }
    .footer-bottom>.group-block-content .copyright-text>.group-block-content,
    .footer-bottom>.group-block-content .footer-bottom-list>.group-block-content {
        flex-flow: unset;
        justify-content: center;
    }
    .contact-info.phone-num, .contact-info.email {
        width: 100%;
        margin: 0;
    }
    .footer-left-logo .group-block-content .stonewise-logo {
        width: calc(60% - 10px);
    }
    .footer-left-logo .group-block-content .image-block:not(.stonewise-logo) {
        width: calc(25% - 10px);
    }
}
/*************** Footer CSS End ***************/

/*************** Newsletter CSS Start ***************/
.newsletter-section {
    margin: 0 auto 40px;
    max-width: 985px;
    width: 80%;
    overflow: unset !important;
}
.newsletter-section:before, .newsletter-section:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 1px;
    max-width: 245px;
    width: 30%;
}
.newsletter-section:before {
    left: 100%;
    right: auto;
    background: linear-gradient(90deg, var(--color2) 0%, var(--color4) 100%);
}
.newsletter-section:after {
    left: auto;
    right: 100%;
    background: linear-gradient(90deg, var(--color4), var(--color2) 0% 100%);
}
.newsletter-section::before {
    left: 100%;
    background: linear-gradient(to right, var(--color2), var(--color4));
}
.newsletter-section::after {
    right: 100%;
    background: linear-gradient(to left, var(--color2), var(--color4));
}
.newsletter-section>.group-block-content {
    max-width: 906px;
    margin: 0 auto;
    position: revert;
    row-gap: 15px;
}
.newsletter-section>.group-block-content:after,
.newsletter-section>.group-block-content:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background-color: var(--color2);
}
.newsletter-section>.group-block-content:before {
    left: -5px;
}
.newsletter-section>.group-block-content:after {
    right: -5px;
}
.newsletter-section .newsletter-text,
.newsletter-section .email-signup-block {
    width: calc(50% - (var(--gap) / 2));
}
.newsletter-section .newsletter-text {
    font-size: clamp(16px,1.1vw,18px);
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0;
}
.newsletter-section .newsletter-text p {
    width: 100%;
}
.newsletter-section .newsletter-text * {
    font: inherit;
    color: inherit;
}
.newsletter-section .email-signup__input-group {
    flex-wrap: wrap;
}
.newsletter-section .email-signup__input-group input {
    padding: 4px 20px;
    height: 43px;
}
.newsletter-section .email-signup__input-group input::placeholder {
    color: #BFE0DB;
}
.newsletter-section .email-signup__input-group .email-signup__button {
    height: 43px;
    width: auto;
    margin: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: normal;
    letter-spacing: 0;
    background-color: #259EA1;
    border-radius: 0 40px 40px 0;
    padding: 5px 20px;
}
@media (max-width: 850px) {
    .newsletter-section {
        margin: 0 auto 30px;
        padding-inline: 50px;
    }
    .newsletter-section>.group-block-content {
        flex-wrap: wrap;
        justify-content: center;
    }
    .newsletter-section .newsletter-text,
    .newsletter-section .email-signup-block {
        width: 100%;
    }
    .newsletter-section .newsletter-text p {
        text-align: center;
    }
}
@media (max-width: 749px) {
    .newsletter-section {
        max-width: 100%;
        width: 100%;
        padding-inline: 20px;
        border-radius: 30px;
    }
    .newsletter-section>.group-block-content:after, .newsletter-section>.group-block-content:before,
    .newsletter-section:before, .newsletter-section:after {
        display: none;
    }
    .email-signup-block .email-signup__input-group {
        border: 0;
        background: transparent;
        gap: 10px 0;
    }
    .email-signup-block .email-signup__input-group input {
        border-width: var(--border-width);
        border-radius: var(--border-radius) !important;
        border-style: solid;
        border-color: var(--color-input-border);
        background-color: var(--color-input-background);
        width: 100%;
        flex: unset;
    }
    .newsletter-section .email-signup__input-group .email-signup__button {
        width: 100%;
        max-width: 200px;
        border-radius: 30px;
        margin: 0 auto;
    }
    .contact-info>.group-block-content,
    .contact-icon-text>.group-block-content {
        flex-flow: row var(--flex-wrap);
        justify-content: var(--horizontal-alignment);
        align-items: var(--vertical-alignment);
    }
}
/*************** Newsletter CSS End ***************/

/*************** Theme Slideshow CSS Start ***************/
.slideshow-navigation {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 30px 0 0;
    display: none;
}
.slideshow-navigation slideshow-arrows {
    /* position: relative; */
    /* padding: 0; */
    /* pointer-events: unset; */
    /* gap: 15px; */
    mix-blend-mode: unset;
    left: 15px;
    right: 15px;
}
.slideshow-navigation slideshow-arrows .slideshow-control {
    background-color: var(--color4);
    color: var(--white);
    width: 36px;
    height: 36px;
    padding: 0;
    aspect-ratio: unset;
    min-height: unset;
    min-width: unset;
    background-size: 8px;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    transform: unset;
    display: block;
    opacity: 1;
    border-radius: 50%;
}
.slideshow-navigation slideshow-arrows .slideshow-control[disabled] {
    display: block;
    opacity: 0.5;
}
.slideshow-navigation slideshow-arrows .slideshow-control.slideshow-control--previous {
    transform: scale(-1);
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='13' viewBox='0 0 8 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.44639 12.8365C6.32521 12.8372 6.20508 12.814 6.09289 12.7681C5.9807 12.7223 5.87866 12.6548 5.79262 12.5695L0.267764 7.04461C0.0962628 6.87208 0 6.6387 0 6.39544C0 6.15217 0.0962628 5.91879 0.267764 5.74627L5.79262 0.221415C5.96877 0.0705622 6.19536 -0.0082646 6.4271 0.000686722C6.65885 0.00963805 6.87868 0.105708 7.04267 0.269699C7.20666 0.43369 7.30273 0.653523 7.31169 0.885269C7.32064 1.11701 7.24181 1.3436 7.09096 1.51976L2.21988 6.39083L7.09096 11.2619C7.22026 11.3902 7.30863 11.5539 7.3449 11.7323C7.38116 11.9108 7.36369 12.096 7.2947 12.2645C7.22571 12.4331 7.10829 12.5774 6.95729 12.6792C6.8063 12.781 6.6285 12.8357 6.44639 12.8365Z' fill='white'/%3E%3C/svg%3E%0A");
    background-position: 14px 11px;
}
.slideshow-navigation slideshow-arrows .slideshow-control.slideshow-control--next {
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='13' viewBox='0 0 8 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.91689 12.8365C1.03807 12.8372 1.15821 12.814 1.27039 12.7681C1.38258 12.7223 1.48462 12.6548 1.57066 12.5695L7.09552 7.04461C7.26702 6.87208 7.36328 6.6387 7.36328 6.39544C7.36328 6.15217 7.26702 5.91879 7.09552 5.74627L1.57066 0.221415C1.39451 0.0705622 1.16792 -0.0082646 0.936178 0.000686722C0.704432 0.00963805 0.4846 0.105708 0.320609 0.269699C0.156618 0.43369 0.0605469 0.653523 0.0515957 0.885269C0.0426445 1.11701 0.121472 1.3436 0.272325 1.51976L5.1434 6.39083L0.272325 11.2619C0.143023 11.3902 0.0546522 11.5539 0.0183859 11.7323C-0.0178804 11.9108 -0.000412941 12.096 0.0685792 12.2645C0.137571 12.4331 0.25499 12.5774 0.405987 12.6792C0.556984 12.781 0.734779 12.8357 0.91689 12.8365Z' fill='white'/%3E%3C/svg%3E%0A");
    background-position: 15px 12px;
}
.slideshow-navigation .slideshow-dots {
    background-color: var(--color5);
    padding: 5px;
    border-radius: 50px;
    position: relative;
}
.slideshow-navigation .slideshow-dots ul {
    display: flex;
    align-items: center;
    list-style: none;
    font-size: 0;
    gap: 20px;
    position: relative;
    z-index: 1;
    padding: 5px 10px;
}
.slideshow-navigation .slideshow-dots ul li {
    width: 6px;
    height: 6px;
    background-color: var(--color2);
    border-radius: 50%;
    position: relative;
    z-index: 1;
}
.slideshow-navigation .slideshow-dots ul li.active {
    background-color: var(--color5);
}
.slideshow-navigation .slideshow-dots ul:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: calc(var(--progress-width) - 0px);
    background-color: var(--color2);
    border-radius: 50px;
    transition: all ease-in-out .3s;
}
.slideshow-navigation slideshow-arrows .slideshow-control span {
    display: none;
}
@media screen and (max-width: 768px) {
    .slideshow-navigation slideshow-arrows {
        left: 10px;
        right: 10px;
    }
}
/*************** Theme Slideshow CSS End ***************/

/*************** Product Card CSS Start ***************/
product-card.product-card {
    padding: 0;
    border: 1px solid var(--color14);
}
product-card .product-card__content .card-gallery,
product-card .product-media {
    aspect-ratio: 1 / 1;    
    width: 100%;
    margin: 0;
}
.template-index product-card .product-card__content .card-gallery,
.template-index product-card .product-media {
    aspect-ratio: 428 / 358;    
}
product-card .product-card__content .card-gallery a,
product-card .product-card__content .card-gallery slideshow-container,
product-card .product-card__content .card-gallery slideshow-slides,
product-card .product-card__content .card-gallery slideshow-slide,
product-card .product-card__content .card-gallery slideshow-component {
    display: block;
    width: 100%;
    height: 100%;
}
product-card slideshow-slide.media-fit.product-media-container {
    aspect-ratio: unset;
    width: 100%;
    height: 100%;
}
product-card .product-media img,
product-card .product-media svg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    aspect-ratio: unset;
}
.collection-layout-two product-card .product-grid-details {
    flex: 1;
}
product-card .group-block-content {
    padding: 30px;
    background-color: var(--color7);
}
product-card .group-block-content .btn {
    width: 100%;
}
product-card .group-block-content .product-card-title {
    padding: 0;
    font-family: var(--PMNCaeciliaSans_font);
    font-size: clamp(18px, 1.1vw, 20px);
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 0;
    color: var(--color4);
    margin: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.template-index product-card .group-block-content .product-card-title {
    font-size: clamp(18px, 1.4vw, 24px);
}
product-card:hover .group-block-content .product-card-title {
    color: var(--color1);
}
product-card .group-block-content product-price:has(.product_measurement),
product-card .group-block-content product-price .product_measurement .slash {
    font-size: clamp(24px, 1.5vw, 28px);
    font-weight: 800;
    line-height: 1;
    font-family: var(--Manrope_font);
    letter-spacing: 0;
    color: var(--color4);
}
.product-details .group-block-content product-price:has(.product_measurement),
.template-index product-card .group-block-content product-price:has(.product_measurement),
.template-index product-card .group-block-content product-price .product_measurement .slash {
    font-size: clamp(24px, 1.8vw, 32px);
}
product-card .group-block-content product-price .product_measurement .slash {
    order: 2;
    font-size: clamp(24px, 1.8vw, 32px);
    line-height: 0.9;
    font-weight: 300;
}
.product-details .group-block-content product-price:has(.product_measurement),
product-card .group-block-content product-price:has(.product_measurement) {
    margin: 10px 0 0;    
}
.product-details .group-block-content product-price .product_measurement,
.product-details .group-block-content product-price .custoo--price,
product-card .group-block-content product-price .product_measurement,
product-card .group-block-content product-price .custoo--price {
    display: flex;
    align-items: flex-end;
    width: 100%;
    gap: 0;
    flex-wrap: wrap;
}
.product-details .group-block-content product-price .product_measurement .from-text,
.product-details .group-block-content product-price .custoo--price .price__compare .price-item--regular,
product-card .group-block-content product-price .product_measurement .from-text,
product-card .group-block-content product-price .custoo--price .price__compare .price-item--regular {
    font: var(--p_l);
    line-height: 1;
    font-weight: 500;
    color: var(--color11);
    letter-spacing: 0;
    opacity: 1;
    margin: 0 0 0 8px;
}
.product-details .group-block-content product-price .custoo--price .price__compare .price-item--regular,
.product-details .group-block-content product-price .product_measurement .from-text,
product-card .group-block-content product-price .product_measurement .from-text {
    margin: 0;
}
product-card .group-block-content product-price .product_measurement .price-cross,
product-card .group-block-content product-price .custoo--price .price__compare .price-item--regular {
    order: 3;
}
product-card .group-block-content product-price .product_measurement .price-cross {
    font-size: clamp(18px, 1.1vw, 20px);
    font-weight: 500;
    margin-inline: 12px 0;
    color: var(--color11);
}
product-card .group-block-content product-price .product_measurement .price-cross {
    font-size: clamp(18px, 1.4vw, 24px);
}
product-card .group-block-content product-price .product_measurement .price-red,
product-card .group-block-content product-price .custoo--price .price__last {
    order: 1;
}
product-card .group-block-content product-price .product_measurement .m2 {
    order: 2;
    font-size: 56.25%;
    font-weight: 500;
    margin: 0;
    position: relative;
    top: -4px;
}
product-card .group-block-content product-price .product_measurement .m2:has(sup) {
    top: -1px;
}
product-card .group-block-content product-price .product_measurement .m2 sup {
    font-size: 65%;
    font-weight: 500;    
}
product-card .group-block-content product-price .product_measurement .inc-vat {
    order: 4;
    font-size: 56.25%;
    display: none;
}
product-card .group-block-content .product-pack {
    font-family: var(--Manrope_font);
    font-weight: 500;
    font-size: 16px;
    line-height: 1.2;
    letter-spacing: 0;
    color: var(--color11);
    margin: 5px 0 15px;
}
product-card .group-block-content .product-pack sup {
    font-size: 65%;
    line-height: 1;
}
product-card .group-block-content .shopify-block:has(.product-metafields-block),
product-card .group-block-content .shopify-block .product-metafields-block {
    width: 100%;
}
product-card .group-block-content .shopify-block:has(.product-metafields-block) {
    margin: 5px 0 0;
}
product-card .group-block-content .shopify-block:has(.product-metafields-block) + .card-button {
    margin: 20px 0 0;
}
product-card .group-block-content .shopify-block .product-metafields-block {
    font: var(--p);
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0;
    color: var(--color11);
}
product-card .group-block-content .shopify-block ul {
    list-style: none;
}
product-card .group-block-content .shopify-block ul li {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}
product-card .group-block-content .shopify-block ul li:not(:last-child) {
    margin: 0 0 10px;
}
product-card .group-block-content .shopify-block ul li p:last-child {
    font-weight: 700;
    text-align: right;
}
product-card .group-block-content .shopify-block ul li p.product-stock {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-inline: auto 0;
    font-size: 14px;
    font-weight: 600;
}
product-card .group-block-content .shopify-block ul li .product-stock:before {
    content: '';
    width: 14px;
    height: 14px;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 14C7.91925 14 8.8295 13.8189 9.67878 13.4672C10.5281 13.1154 11.2997 12.5998 11.9497 11.9497C12.5998 11.2997 13.1154 10.5281 13.4672 9.67878C13.8189 8.8295 14 7.91925 14 7C14 6.08075 13.8189 5.1705 13.4672 4.32122C13.1154 3.47194 12.5998 2.70026 11.9497 2.05025C11.2997 1.40024 10.5281 0.884626 9.67878 0.532843C8.8295 0.18106 7.91925 -1.36979e-08 7 0C5.14348 2.76642e-08 3.36301 0.737498 2.05025 2.05025C0.737498 3.36301 0 5.14348 0 7C0 8.85652 0.737498 10.637 2.05025 11.9497C3.36301 13.2625 5.14348 14 7 14ZM6.81956 9.83111L10.7084 5.16444L9.51378 4.16889L6.16933 8.18144L4.43878 6.45011L3.339 7.54989L5.67233 9.88322L6.27433 10.4852L6.81956 9.83111Z' fill='%23259EA1'/%3E%3C/svg%3E%0A");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
product-card .group-block-content .shopify-block ul li.stock-unavailable .product-stock {
    color: #E74C3C;
}
product-card .group-block-content .shopify-block ul li.stock-unavailable .product-stock:before {    
    background-image: url("data:image/svg+xml,%3Csvg width='444' height='448' viewBox='0 0 444 448' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3286_9415)'%3E%3Cpath d='M222 0C-74 9.6 -74 438.4 222 448C518 438.4 518 9.6 222 0Z' fill='%23E74C3C'/%3E%3Cpath d='M244.4 223.999L311.6 156.799C326 142.399 303.6 119.999 289.2 134.399L222 201.599L154.8 134.399C140.4 119.999 118 142.399 132.4 156.799L199.6 223.999L132.4 291.199C118 305.599 140.4 327.999 154.8 313.599L222 246.399L289.2 313.599C303.6 327.999 326 305.599 311.6 291.199L244.4 223.999Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3286_9415'%3E%3Crect width='444' height='448' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
product-card.product-card .product-card-detail,
product-card .group-block-content .card-button {
    flex: 1;
    width: 100%;
}
product-card .group-block-content .card-button {
    margin: auto 0 0;
}
product-card .group-block-content .card-button .group-block-content {
    margin: 0;
}
product-card .group-block-content .rating-wrapper {
    margin: 0;
    color: var(--color11);
    --star-fill-color: var(--color1);
}
product-card .group-block-content .rating-wrapper *,
product-card .group-block-content .shopify-block .product-metafields-block *,
product-card .group-block-content .product-pack *,
product-card .group-block-content .rte *,
product-card .group-block-content product-price:has(.product_measurement) *,
product-card .group-block-content .rte *,
product-card .group-block-content product-price:has(.custoo--price) .price__last * {
    font: inherit;
    color: inherit;
}
product-card .group-block-content product-price .custoo--price .price__compare {
    order: 2;
}
.product-card .slideshow-navigation {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translate(0px, -50%);
}
.product-card .slideshow-navigation .slideshow-dots {
    display: none;
}
.product-card .slideshow-navigation slideshow-arrows {
    width: 90%;
}
@media (max-width: 1440px) {
    product-card .group-block-content {
        padding: 25px 20px;
    }
    product-card .group-block-content product-price .product_measurement .m2 {
        top: -4px;
    }
}
@media (max-width: 1280px) {
    product-card .group-block-content {
        padding-block: 25px 15px;
        padding-inline: 15px;
    }
    product-card .group-block-content product-price .product_measurement .m2 {
        top: -2px;
    }
}
@media (max-width: 575px) {
    product-card .group-block-content .product-pack {
        font-size: 14px;
    }
    product-card .group-block-content .shopify-block .product-metafields-block {
        font-size: 12px;
    }
    product-card .group-block-content .shopify-block ul li:last-child p:last-child {
        gap: 5px;
    }
}
@media (max-width: 575px) {
    .resource-list--grid product-card .group-block-content,
    .product-grid product-card .group-block-content {
        padding: 10px;
    }
    .resource-list--grid product-card .group-block-content product-price:has(.product_measurement),
    .resource-list--grid product-card .group-block-content product-price .product_measurement .slash,
    .product-grid product-card .group-block-content product-price:has(.product_measurement),
    .product-grid product-card .group-block-content product-price .product_measurement .slash {
        font-size: 14px;
    }
    .resource-list--grid product-card .group-block-content product-price .product_measurement .from-text,
    .resource-list--grid product-card .group-block-content product-price .product_measurement .price-cross,
    .resource-list--grid product-card .group-block-content product-price .custoo--price .price__compare .price-item--regular,
    .product-grid product-card .group-block-content product-price .product_measurement .from-text,
    .product-grid product-card .group-block-content product-price .product_measurement .price-cross,
    .product-grid product-card .group-block-content product-price .custoo--price .price__compare .price-item--regular {
        font-size: 12px;
        margin: 0 0 0 5px;
    }
    .resource-list--grid product-card .group-block-content product-price .product_measurement .from-text,
    .product-grid product-card .group-block-content product-price .product_measurement .from-text {
        margin: 0;        
    }
}
@media (max-width: 340px) {
    .resource-list--grid product-card .group-block-content product-price:has(.product_measurement),
    .resource-list--grid product-card .group-block-content product-price .product_measurement .slash,
    .product-grid product-card .group-block-content product-price:has(.product_measurement),
    .product-grid product-card .group-block-content product-price .product_measurement .slash {
        font-size: 12px;
    }
    .resource-list--grid product-card .group-block-content product-price .product_measurement .from-text,
    .resource-list--grid product-card .group-block-content product-price .product_measurement .price-cross,
    .resource-list--grid product-card .group-block-content product-price .custoo--price .price__compare .price-item--regular,
    .product-grid product-card .group-block-content product-price .product_measurement .from-text,
    .product-grid product-card .group-block-content product-price .product_measurement .price-cross,
    .product-grid product-card .group-block-content product-price .custoo--price .price__compare .price-item--regular {
        font-size: 10px;
        margin: 0 0 0 3px;
    }
    .resource-list--grid product-card .group-block-content product-price .product_measurement .from-text,
    .product-grid product-card .group-block-content product-price .product_measurement .from-text {
        margin: 0;        
    }
}
/*************** Product Card CSS End ***************/

/*************** Image Compare Section Start ***************/
.section__image-compare {
    padding-block: 35px;
    position: relative;
}
.section__image-compare .section {
    padding: 0;
    display: block;
}
.section__image-compare .custom-section-content {
    background-color: var(--color4);
    padding: clamp(30px, 4.5vw, 80px);
    border-radius: clamp(30px, 3vw, 50px) 0;
    border-top: 10px solid var(--color1);
}
.section__image-compare .section-content-wrapper {
    gap: 40px;
    justify-content: space-between;
    flex-wrap: wrap;
}
.section__image-compare comparison-slider-component {
    max-width: 965px;
    width: calc(60% - 20px);
}
.section__image-compare comparison-slider-component,
.section__image-compare comparison-slider-component .comparison-slider__layer {
    aspect-ratio: 966/679;
}
.section__image-compare .section-content-wrapper>.group-block {
    flex: unset;
    max-width: 583px;
    width: calc(40% - 20px);
}
comparison-slider-component .comparison-slider__media-wrapper {
    --handle-size: 62px;
}
comparison-slider-component .comparison-slider__media-wrapper:after {
    height: calc(50% - (var(--handle-size)/2));
}
comparison-slider-component .comparison-slider__media-wrapper[data-orientation=horizontal]:before {
    height: calc(50% - (var(--handle-size)/2));
    top: auto;
    left: calc(var(--compare) * 1%);
    bottom: 0;
    width: 4px;
    transform: translate(-50%);
}
comparison-slider-component .cs-slider__handle {
    border: 4px solid var(--white);
    background-color: transparent;
    width: var(--handle-size);
    height: var(--handle-size);
}
comparison-slider-component .cs-slider__handle .cs-slider__chevron {
    width: 9px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='19' viewBox='0 0 10 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.93573 9.22614L2.75094e-05 0.000129265L2.67029e-05 18.4521L9.93573 9.22614Z' fill='white'/%3E%3C/svg%3E%0A");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}
comparison-slider-component .cs-slider__handle .cs-slider__chevron:first-child {
    transform: scaleX(-1);
}
comparison-slider-component .cs-slider__handle span svg {
    display: none;
}
.image-compare-information .section-title.h2 {
    color: var(--white);
}
.image-compare-information .section-information {
    flex: unset;
    color: var(--white);
    font: var(--h5);
    font-weight: 700;
    letter-spacing: 0;
}
.image-compare-information .section-information rte-formatter p {
    width: 100%;
    display: block;    
}
.image-compare-information .section-information rte-formatter strong {
    font: var(--p_xl);
    line-height: normal;
    font-weight: 400;
    font-family: var(--PMNCaeciliaSans_font);
}
.image-compare-information .section-email-text {
    font: var(--h5);
    font-weight: 700;
    letter-spacing: 0;
    color: var(--color12);
}
.image-compare-information .section-email-text .group-block-content {
    flex-direction: unset;
}
.image-compare-information .section-email-text *,
.image-compare-information .section-information * {
    font: inherit;
    color: inherit;
}
.image-compare-information .section-email-text .icon-block {
    width: 25px;
    height: 25px;
}
.image-compare-information .section-email-text .icon-block img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}
.section__image-compare .section-review-info .review-name {
    margin: 0 0 8px;
}
@media (max-width: 1600px) {
    .section__image-compare .custom-section-content {
        padding: clamp(30px, 3.5vw, 80px);
    }
}
@media (max-width: 1280px) {
    .section__image-compare comparison-slider-component,
    .section__image-compare .section-content-wrapper>.group-block {
        max-width: 100%; 
        width: calc(50% - 20px);
    }
}
@media (max-width: 1100px) {
    .section__image-compare comparison-slider-component,
    .section__image-compare .section-content-wrapper>.group-block {
        width: 100%;
    }
}
@media (max-width: 575px) {
    .section__image-compare .custom-section-content {
        padding-inline: 20px;
    }
}
/*************** Image Compare Section End ***************/

/*************** Get Started Section Start ***************/
.section_get-started {
    padding-block: 70px 100px;
    position: relative;
}
.section_get-started .section {
    padding: 0;
    display: block;
    min-height: unset;
}
.section_get-started .section-content-wrapper {
    padding: 0;
    gap: 0;
    min-height: unset;
    margin: 0 auto;
    max-width: 1200px;
    width: 100%;
}
.get-started-information {
    margin: 0 0 40px;
}
.get-started-information>.group-block-content {
    align-items: unset;
    flex-wrap: wrap;
}
.get-started-information .information-image {
    height: 45px;
}
.get-started-information .information-image img {
    height: 100%;
    width: 100%;
    object-fit: contain;
    object-position: center;
}
.get-started-information>.group-block-content>.group-block {
    padding: 21px 15px;
}
.get-started-information .information-title {
    font: var(--h3);
}
.get-started-information .information-text {
    font: var(--p_l);
    font-family: var(--Manrope_font);
    font-weight: 400;
    /* font-size: clamp(17px, 2vw, 24px); */
    /* line-height: 40px; */
    letter-spacing: 0;
    text-align: center;
    margin: 5px 0 0;
}
.get-started-information .information-title *,
.get-started-information .information-text * {
    font: inherit;
    color: inherit;
}
.section_get-started .section-content-wrapper .get-started-buttons {
    /* margin: 30px 0 0; */
    padding: 0;
}
@media (max-width: 1280px) {
    .get-started-information>.group-block-content {
        gap: 20px;
        flex-direction: unset;
    }
}
@media (max-width: 850px) {
    .section_get-started {
        padding-block: 40px;
    }
    .get-started-information>.group-block-content>.group-block {
        padding: 20px 10px;
        width: calc(50% - 10px);
        flex: unset;
    }
    .get-started-information .information-image {
        height: 35px;
    }
}
@media (max-width: 575px) {
    .get-started-information .information-image {
        height: 30px;
    }
    .get-started-information .information-text,
    .get-started-information>.group-block-content {
    font-size: 14px;
    }
    .get-started-buttons .btn {
        width: 100%;
    }
}
/*************** Get Started Section End ***************/

/*************** Main Product Grid Section Start ***************/
.main-product-grid {
    padding-block: 40px;
    position: relative;
}
.main-product-grid .section {
    display: block;
}
.main-product-grid slideshow-component slideshow-slides {
    margin: 0;
    padding: 0;
}
.best-selling-btn {
    margin: 40px 0 0;
}
.collection-slider-layout-one .swiper-slide {
    height: auto;
}
.best-sellers-custom-silder:not(.swiper-initialized) .swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 30px;
}
.best-sellers-custom-silder .swiper-wrapper .swiper-slide {
    width: 100%;
    height: auto;
}
@media (max-width: 1200px) {
    .best-sellers-custom-silder:not(.swiper-initialized) .swiper-wrapper {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media (max-width: 575px) {
    .best-selling-btn {
        margin: 30px 0 0;
    }
}
/*************** Main Product Grid Section End ***************/

/*************** Testimonials Section Start ***************/
.testimonials-section {
    padding-block: 35px 50px;
    position: relative;
}
.testimonials-section .section {
    padding: 0;
    display: block;
}
.testimonials-section .section-resource-list {
    padding: 0;
    display: block;
}
.testimonials-custom-slider .swiper-slide {
    height: auto;
}
.testimonials-cards {
    border-radius: 30px 0;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
}
.testimonials-cards .testimonials-project-img {
    aspect-ratio: 567/474;
    width: 100%;
    height: auto;
}
.testimonials-cards .testimonials-project-img img,
.testimonials-cards .testimonials-project-img svg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    aspect-ratio: unset;
}
.testimonials-project-details {
    flex: 1;
    padding: 30px;
}
.testimonials-project-details .testimonials-project-title {
    font: var(--h4);
    font-weight: 800;
    letter-spacing: 0;
    margin: 0 0 15px;
    color: var(--white);
}
.testimonials-project-details .testimonials-project-decs {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    color: var(--color14);
    margin: 0 0 20px;
    flex: unset;
}
.testimonials-project-details .testimonials-project-decs *,
.testimonials-project-details .testimonials-project-title * {
    font: inherit;
    color: inherit;
}
.testimonials-project-details .testimonials-project-decs rte-formatter:first-child p {
    text-align: left;
}
.testimonials-project-details .testimonials-project-decs rte-formatter:last-child p {
    text-align: right;
    font-weight: 700;
}
.testimonials-project-details .testimonials-project-decs>.group-block-content>.group-block>.group-block-content>.group-block>.group-block-content {
    gap: 10px;
    flex-direction: unset;
    align-items: baseline;
}
.shopify-block:has(.testimonials-project-review) {
    margin: auto 0 0;
}
.testimonial-popup-dialog {
    display: flex;
}
.testimonials-cards .testimonials-project-review {
    margin: 0 0 20px;
}
.section-review-info {
    /* background-color: var(--color13); */
    padding: 25px;
}
.section-review-info>.group-block-content {
    flex-flow: unset;
}
.section-review-info .group-block-content .review-profile {
    width: 54px;
    height: 54px;
}
.section-review-info .group-block-content .review-profile img,
.section-review-info .group-block-content .review-profile svg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;    
}
.section-review-info .group-block-content .group-block {
    flex: 1;
}
.section-review-info .review-name {
    font: var(--p_xl);
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0;
    color: var(--color4);
    margin: 0 0 3px;
}
.section-review-info .review-name strong {
    font-weight: 700;    
}
.section-review-info .review-start {
    width: 100%;
    height: 16px;
    margin: 0;
}
.section-review-info .review-start img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: left center;    
}
.section-review-info .review-post {
    color: var(--color4);
    font-family: var(--Manrope_font);
    font-weight: 500;
    font-size: 16px;
    line-height: 1.6;
    letter-spacing: 0;
    margin: 10px 0 0;
}
.section-review-info .review-post p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    width: 100%;
    margin: 0;
}
.dialog-modal .section-review-info .review-post p {
    display: block;
    overflow: visible;    
}
.testimonials-project-details .section-review-info .review-post.truncate-1 p {
    -webkit-line-clamp: 1;
}
.testimonials-project-details .section-review-info .review-post.truncate-2 p {
    -webkit-line-clamp: 2;
}
.section-review-info .review-name p {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.section-review-info .review-name *,
.section-review-info .review-post * {
    font: inherit;
    color: inherit;
}
dialog.custom-content-popup.dialog-modal {
    top: 50%;
    transform: translateY(-50%);
    margin-inline: auto;
    max-height: calc(100dvh - 50px);
    width: 95%;
}
dialog.custom-content-popup.dialog-modal .popup-link__close:focus-visible {
    outline: none;
}
dialog.custom-content-popup .section-review-info .review-post {
    display: block;
    overflow: unset;
}
.dialog-modal[open]::backdrop {
    background-color: rgba(0, 0, 0, 55%);
    backdrop-filter: blur(14.800000190734863px);
}

@media (max-width: 991px) {
    .section-review-info>.group-block-content {
        gap: 10px;
    }
    .section-review-info .group-block-content .review-profile {
        width: 38px;
        height: 38px;
    }
}
@media (max-width: 575px) {
    .section-review-info {
        padding: 15px;
    }
    .section-review-info .review-name {
        font: var(--p_l);
    }
    .testimonials-project-details {
        padding: 15px;
    }
    .testimonials-project-details .testimonials-project-decs {
        font-size: 14px;
    }
    .section-review-info .review-post {
        font-size: 14px;
    }
}
/*************** Testimonials Section End ***************/

/*************** Blog Posts Section Start [Home Page] ***************/
.featured-blog-posts {
    padding-block: 35px;
}
.featured-blog-posts .section {
    display: block;
    padding: 0;
}
.blog-card-row slideshow-slides {
    padding: 0;
    margin: 0;
}
@media (max-width: 1440px) {
    .blog-card-row.resource-list--grid,
    .blog-card-row slideshow-slides {
        gap: 30px;
    }
    .blog-card-row slideshow-slides slideshow-slide.resource-list__slide {
        max-width: 380px;
        width: 45%;
    }
}
@media (max-width: 850px) {
    .blog-card-row.resource-list--grid,
    .blog-card-row slideshow-slides {
        gap: 20px;
    }
}
@media (max-width: 640px) {
    .blog-card-row slideshow-slides slideshow-slide.resource-list__slide {
        max-width: 300px;
        width: 100%;
    }
}
/*************** Blog Posts Section End [Home Page] ***************/

/*************** Blog Card Start ***************/
.blog-card {
    border-radius: 30px 0;
    overflow: hidden;
}
.blog-card .featured-blog-posts-card__inner {
    height: 100%;
}
.blog-card .featured-blog-posts-card__image {
    aspect-ratio: 567/379;
    height: auto;
}
.blog-card .featured-blog-posts-card__image img,
.blog-card .featured-blog-posts-card__image svg {
    aspect-ratio: unset;
    object-position: center;
    height: 100%;
    width: 100%;
}
.blog-card .blog-card-details {
    flex: 1;
    padding: 30px;
}
.blog-card .blog-card-name {
    font: var(--p);
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0;
    color: var(--color1);
    margin: 0 0 5px;
}
.blog-card .blog-card-title {
    font-size: clamp(18px, 1.9vw, 32px);
    line-height: normal;
    letter-spacing: 0%;
    color: var(--color4);
    margin: 0;
}
.blog-card .blog-card-desc {
    font-weight: 500;
    font-size: clamp(14px, 1.1vw, 18px);
    line-height: 1.5;
    letter-spacing: 0%;
    color: var(--color11);
    margin: 0 0 15px;
}
.blog-card .blog-card-title rte-formatter,
.blog-card .blog-card-desc rte-formatter {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;    
}
.blog-card .blog-card-desc *,
.blog-card .blog-card-title *,
.blog-card .blog-card-name * {
    font: inherit;
    color: inherit;
}
.blog-card .group-block:has(.blog-card-button) {
    margin: auto 0 0;
}
.blog-posts-custom-slider .swiper-slide {
    height: auto;
}
@media (max-width: 1024px) {
    .blog-card .blog-card-details {
        padding: 20px;
    }
}
/*************** Blog Card End ***************/

/*************** Product Recommendations Section Start ***************/
product-recommendations .section {
    display: block;
}
product-recommendations .section-title.h2 {
    margin: 0 0 30px;
}
/*************** Product Recommendations Section End ***************/

/*************** CMS RTE Page Start ***************/
.cst-rte--content {
    --h1: normal normal normal 800 clamp(28px, 3.2vw, 60px) / 1.1 var(--PMNCaeciliaSans_font);
    --h2: normal normal normal 800 clamp(26px, 2.2vw, 40px) / 1.2 var(--PMNCaeciliaSans_font);
    --h3: normal normal normal 800 clamp(24px, 1.8vw, 32px) / 1 var(--PMNCaeciliaSans_font);
    --h4: normal normal normal 800 clamp(20px, 1.5vw, 26px) / 1.3 var(--PMNCaeciliaSans_font);
    --h5: normal normal normal 800 clamp(16px, 1.1vw, 20px) / 1.3 var(--PMNCaeciliaSans_font);
    --h6: normal normal normal 800 16px / 1.591 var(--PMNCaeciliaSans_font);
}
.cst-rte--content h1, .cst-rte--content .h1 { font: var(--h2); }
.cst-rte--content h2, .cst-rte--content .h2 { font: var(--h2); }
.cst-rte--content h3, .cst-rte--content .h3 { font: var(--h3); }
.cst-rte--content h4, .cst-rte--content .h4 { font: var(--h4); }
.cst-rte--content h5, .cst-rte--content .h5 { font: var(--h5); }
.cst-rte--content h6, .cst-rte--content .h6 { font: var(--h6); }

.shopify-policy__container {
    padding-block: 32px;
}
.shopify-policy__title h1, .shopify-policy__title .h1 {
    font: var(--h2);
    text-align: left;
    margin-bottom: 32px;
}
.shopify-policy__body > .rte, .shopify-policy__body > .rte > .rte {
    max-width: 100%;
    display: flex;
    flex-direction: column;
    align-items: var(--horizontal-alignment);
}
/*************** CMS RTE Page End ***************/

/*************** PDP Page End ***************/
.product-details .section-title h2,
.product-details .section-title .h2 {
    font: var(--h3);
    line-height: normal;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.cst-image-grid-wrapper .group-block-content {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 15px;
}
.product-details .product_measurement .slash {
    line-height: 0.9;
    font-weight: 300;
    margin: 0 0 0 1px;
}
.faq-information-tab {
    padding: 20px 0;
}
.faq-information-tab .rte-table-wrapper {
    width: 100%;
}
.faq-information-tab table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: auto;
    margin: 0;
    background: #fff;
    max-width: 675px;
}
.faq-information-tab table tr:nth-child(odd) {
    background: #f1f1f100;
    border: 1px solid #ddd;
}
.faq-information-tab table td {
    border: 1px solid #ddd;
    font-size: 14px;
    padding: 5px 10px;
    text-align: left;
}
@media (max-width: 1024px) {
    .cst-image-grid-wrapper .group-block-content {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media (max-width: 850px) {
    .cst-image-grid-wrapper .group-block-content {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 575px) {
    .cst-image-grid-wrapper .group-block-content {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}
/*************** PDP Page End ***************/

/*************** Collections Page Start ***************/

.cst-image-grid-wrapper-scroll {
    flex: unset !important;
    margin: 0;
    padding: 0;
    width: 100%;
    scrollbar-width: thin;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0 0 20px;
}
.cst-image-grid-wrapper-scroll>.group-block-content {
    display: flex;
    /* gap: 0; */
    height: auto;
    flex-wrap: unset;
    flex-direction: unset;
    justify-content: unset;
}
.cst-image-grid-wrapper-scroll>.group-block-content>.group-block {
    flex: unset;
    min-width: 300px;
}
.cst-image-grid-wrapper-scroll .image-block {
    aspect-ratio: 1/1;
    min-width: 100%;
    position: relative;
}
.cst-image-grid-wrapper-scroll .image-block svg,
.cst-image-grid-wrapper-scroll .image-block img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    aspect-ratio: unset;
}
.cst-image-grid-wrapper-scroll .h4 {
    display: block;
    text-align: center;
    margin-top: 0;
    color: var(--color4);
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0px;
    text-transform: uppercase;
}
.cst-image-grid-wrapper-scroll .h4 * {
    font: inherit;
    color: inherit;
}
.cst-image-grid-wrapper-scroll>.group-block-content>.group-block>.group-block-content:hover .h4 {
    color: var(--color1);
}
/*************** Collections Page End ***************/

/*************** Single Blog Page Start ***************/
.template-article .breadcrumb-container .custom-container,
.template-article .main-article-section .custom-container {
    max-width: 1600px;
}
.main-article-section .section-content-wrapper {
    padding: 0;
    gap: 0;
}
.main-article-section header .blog-post-details {
    padding: 20px 0 30px;
    justify-content: flex-start;
}
.main_article_section_inner {
    display: flex;
    flex-wrap: wrap;
    gap: 30px 40px;
}
.main_article_section_inner .article_left {
    width: calc(75% - (40px/2));
}
.main_article_section_inner .article_right {
    width: calc(25% - (40px/2));
}
.main_article_section_inner .article-share-box,
.main_article_section_inner .article_left>.shopify-block {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
}
.main_article_section_inner .article_left>.shopify-block:not(:last-child) {
    margin-block: 0 30px;
}
.main_article_section_inner .blog-post-content,
.main_article_section_inner .blog-post-featured-image {
    max-width: 100%;
    width: 100%;
}
.main_article_section_inner .blog-post-featured-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.article-share-box .article-social__heading {
    margin: 0 0 30px;
}
.article-share-box .list-social {
    display: flex;
    gap: 15px 25px;
    flex-wrap: wrap;
    width: 100%;
    margin: 0;
}
.article-share-box .list-social .list-social__link {
    border-radius: 50%;
    overflow: hidden;
    background-color: var(--color6);
    color: var(--color4);
    transition: all ease-in-out .3s;
    cursor: pointer;
    width: 54px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid var(--color4);
}
.article-share-box .list-social .list-social__link:hover {
    background-color: var(--color4);
    color: var(--white);
}
.article-share-box .list-social .list-social__link svg {
    width: 25px;
    height: 25px;
}
.blog-post-sidebar .blog-sidebar-block:not(:last-child) {
    margin: 0 0 20px;
    border-bottom: 1px solid var(--color4);
    padding: 0 0 20px;
}
.blog-post-sidebar .sidebarBlock-heading {
    font-size: var(--p_l);
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 15px;
    padding: 10px;
    color: var(--color4);
    background-color: var(--color6);
}
.sidebarBlock-content ul {
    list-style: none;
}
.sidebarBlock-content ul li {
    display: flex;
}
.sidebarBlock-content ul li:not(:last-child) {
    margin: 0 0 8px;
}
.sidebarBlock-content ul li a {
    font: var(--p);
    color: var(--color4);
    text-transform: capitalize;
}
.sidebarBlock-content ul li.current-cate a,
.sidebarBlock-content ul li a:hover {
    color: var(--color1);
}
.sidebarBlock-contentWrapper .recentPosts-list .recentPosts-list-item {
    display: flex;
    text-align: left;
    gap: 10px 20px;
}
.sidebarBlock-contentWrapper .recentPosts-list .recentPosts-list-item:not(:last-child) {
    margin: 0 0 20px;
}
.sidebarBlock-contentWrapper .recentPosts-list-item .article-image {
    width: 70px;
    height: 70px;
}
.sidebarBlock-contentWrapper .recentPosts-list-item .article-image a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.sidebarBlock-contentWrapper .recentPosts-list-item .article-content {
    flex: 1;
}
.sidebarBlock-contentWrapper .recentPosts-list-item .article-content .title {
    font: var(--p);
    font-weight: bold;
    color: var(--color4);
    text-align: left;
    transition: all ease-in-out .3s;
}
.sidebarBlock-contentWrapper .recentPosts-list-item .article-content .title:hover {
    color: var(--color1);
}
.sidebarBlock-contentWrapper .recentPosts-list-item .article-content .title * {
    font: inherit;
    color: inherit;
    text-align: left;
}
.sidebarBlock-contentWrapper .recentPosts-list-item .article-content .date {
    font: var(--p);
    font-size: 14px;
    line-height: 1;
    display: flex;
    align-items: center;
    margin: 8px 0 0;
    color: var(--color4);
}
.sidebarBlock-contentWrapper .recentPosts-list-item .article-content .date svg {
    margin: 0 7px 0 0;
    display: inline-block;
    --clock_icon-size: 16px;
    width: var(--clock_icon-size);
    height: var(--clock_icon-size);
}
.blog-drawer-open-button {
    width: 40px;
    height: 40px;
    padding: 0;
    background-color: var(--color1);
    border: 0;
    color: var(--white);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 15px;
    border-radius: 5px;
}
.blog-drawer-open-button:hover {
    background-color: var(--color4);
}
.blog-drawer-close-button {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 38px;
    height: 38px;
    padding: 0;
    margin: 0;
    background: var(--color4);
    border: 0;
    color: var(--white);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.blog-drawer-open-button svg,
.blog-drawer-close-button svg {
    width: 16px;
    height: 16px;
}
@media (max-width: 1280px) {
    .main_article_section_inner .article_left {
        width: calc(70% - (40px/2));
    }
    .main_article_section_inner .article_right {
        width: calc(30% - (40px/2));
    }
    .article-share-box .list-social .list-social__link {
        width: 48px;
        height: 48px;
    }
    .article-share-box .list-social .list-social__link svg {
        width: 20px;
        height: 20px;
    }
}
@media (max-width: 1024px) {
    .main_article_section_inner .article_left {
        width: 100%;
    }
    .main_article_section_inner .article_right {
        position: fixed;
        top: 0;
        left: auto;
        right: 0;
        bottom: 0;
        background-color: var(--color6);
        z-index: 8;
        max-width: 380px;
        width: 100%;
        padding: 60px 0px 20px 20px;
        transition: all ease-in-out 0.3s;
        transform: translate(100%, 0px);
    }
    .main_article_section_inner .article_right.drawer-open {
        transform: translate(0%, 0px);
    }
    .main_article_section_inner .inner-blog-sidedar {
        height: 100%;
        overflow: auto;
        padding: 0 20px 0 0;
    }
    
}
@media (max-width: 991px) {
    .main_article_section_inner .article_right {
        padding-bottom: 66px;
    }    
}
@media (min-width: 1025px) {
    .blog-drawer-open-button,
    .blog-drawer-close-button {
        display: none;
    }
}
/*************** Single Blog Page End ***************/