@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');
:root {
  /* Colors */
  --Primary-Base: #AF102F;
  --Secondary-Black-Base: #19080D;
  --White: #ffffff;
  --Blue: #DDEBF4;
  --body-color: #F2F2EB;
  --button-hover: #66575C;
  --button-hover-light: #E27080;
  

  /* Typography */
  --Font-Primary: "Plus Jakarta Sans", sans-serif;
  --Font-Secondary: "Bricolage Grotesque", sans-serif;
  --Font-gelica: 'Gelica', 'Arial', sans-serif;
  
  --Font-Size-Base: 16px;
  --Line-Height-Base: 130%;
}


@font-face {
    font-family: 'Gelica';
    src: url('https://cdn.shopify.com/s/files/1/0660/3256/6351/files/FONTSPRINGDEMO-GelicaRgBold.eot?v=1756804121');
    src: url('https://cdn.shopify.com/s/files/1/0660/3256/6351/files/FONTSPRINGDEMO-GelicaRgBold.eot?v=1756804121?#iefix') format('embedded-opentype'),
        url('https://cdn.shopify.com/s/files/1/0660/3256/6351/files/FONTSPRINGDEMO-GelicaRgBold.woff2?v=1756804120') format('woff2'),
        url('https://cdn.shopify.com/s/files/1/0660/3256/6351/files/FONTSPRINGDEMO-GelicaRgBold.woff?v=1756804120') format('woff'),
        url('https://cdn.shopify.com/s/files/1/0660/3256/6351/files/FONTSPRINGDEMO-GelicaRgBold.ttf?v=1756804121') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FONTSPRING DEMO - Gelica Bk';
    src: url('font/FONTSPRINGDEMO-GelicaBkBlack.eot');
    src: url('font/FONTSPRINGDEMO-GelicaBkBlack.eot?#iefix') format('embedded-opentype'),
        url('font/FONTSPRINGDEMO-GelicaBkBlack.woff2') format('woff2'),
        url('font/FONTSPRINGDEMO-GelicaBkBlack.woff') format('woff'),
        url('font/FONTSPRINGDEMO-GelicaBkBlack.ttf') format('truetype'),
        url('font/FONTSPRINGDEMO-GelicaBkBlack.svg#FONTSPRINGDEMO-GelicaBkBlack') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FONTSPRING DEMO - Gelica Rg';
    src: url('font/FONTSPRINGDEMO-GelicaRgBold.eot');
    src: url('font/FONTSPRINGDEMO-GelicaRgBold.eot?#iefix') format('embedded-opentype'),
        url('font/FONTSPRINGDEMO-GelicaRgBold.woff2') format('woff2'),
        url('font/FONTSPRINGDEMO-GelicaRgBold.woff') format('woff'),
        url('font/FONTSPRINGDEMO-GelicaRgBold.ttf') format('truetype'),
        url('font/FONTSPRINGDEMO-GelicaRgBold.svg#FONTSPRINGDEMO-GelicaRgBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FONTSPRING DEMO - Gelica Bk';
    src: url('font/FONTSPRINGDEMO-GelicaBkBlackItalic.eot');
    src: url('font/FONTSPRINGDEMO-GelicaBkBlackItalic.eot?#iefix') format('embedded-opentype'),
        url('font/FONTSPRINGDEMO-GelicaBkBlackItalic.woff2') format('woff2'),
        url('font/FONTSPRINGDEMO-GelicaBkBlackItalic.woff') format('woff'),
        url('font/FONTSPRINGDEMO-GelicaBkBlackItalic.ttf') format('truetype'),
        url('font/FONTSPRINGDEMO-GelicaBkBlackItalic.svg#FONTSPRINGDEMO-GelicaBkBlackItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'FONTSPRING DEMO - Gelica Rg';
    src: url('font/FONTSPRINGDEMO-GelicaRgBoldItalic.eot');
    src: url('font/FONTSPRINGDEMO-GelicaRgBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('font/FONTSPRINGDEMO-GelicaRgBoldItalic.woff2') format('woff2'),
        url('font/FONTSPRINGDEMO-GelicaRgBoldItalic.woff') format('woff'),
        url('font/FONTSPRINGDEMO-GelicaRgBoldItalic.ttf') format('truetype'),
        url('font/FONTSPRINGDEMO-GelicaRgBoldItalic.svg#FONTSPRINGDEMO-GelicaRgBoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'FONTSPRING DEMO - Gelica XLt';
    src: url('font/FONTSPRINGDEMO-GelicaXLtExtraLightItalic.eot');
    src: url('font/FONTSPRINGDEMO-GelicaXLtExtraLightItalic.eot?#iefix') format('embedded-opentype'),
        url('font/FONTSPRINGDEMO-GelicaXLtExtraLightItalic.woff2') format('woff2'),
        url('font/FONTSPRINGDEMO-GelicaXLtExtraLightItalic.woff') format('woff'),
        url('font/FONTSPRINGDEMO-GelicaXLtExtraLightItalic.ttf') format('truetype'),
        url('font/FONTSPRINGDEMO-GelicaXLtExtraLightItalic.svg#FONTSPRINGDEMO-GelicaXLtExtraLightItalic') format('svg');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'FONTSPRING DEMO - Gelica XLt';
    src: url('font/FONTSPRINGDEMO-GelicaXLtExtraLight.eot');
    src: url('font/FONTSPRINGDEMO-GelicaXLtExtraLight.eot?#iefix') format('embedded-opentype'),
        url('font/FONTSPRINGDEMO-GelicaXLtExtraLight.woff2') format('woff2'),
        url('font/FONTSPRINGDEMO-GelicaXLtExtraLight.woff') format('woff'),
        url('font/FONTSPRINGDEMO-GelicaXLtExtraLight.ttf') format('truetype'),
        url('font/FONTSPRINGDEMO-GelicaXLtExtraLight.svg#FONTSPRINGDEMO-GelicaXLtExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FONTSPRING DEMO - Gelica Lt';
    src: url('font/FONTSPRINGDEMO-GelicaLtLight.eot');
    src: url('font/FONTSPRINGDEMO-GelicaLtLight.eot?#iefix') format('embedded-opentype'),
        url('font/FONTSPRINGDEMO-GelicaLtLight.woff2') format('woff2'),
        url('font/FONTSPRINGDEMO-GelicaLtLight.woff') format('woff'),
        url('font/FONTSPRINGDEMO-GelicaLtLight.ttf') format('truetype'),
        url('font/FONTSPRINGDEMO-GelicaLtLight.svg#FONTSPRINGDEMO-GelicaLtLight') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FONTSPRING DEMO - Gelica Rg';
    src: url('font/FONTSPRINGDEMO-GelicaRgItalic.eot');
    src: url('font/FONTSPRINGDEMO-GelicaRgItalic.eot?#iefix') format('embedded-opentype'),
        url('font/FONTSPRINGDEMO-GelicaRgItalic.woff2') format('woff2'),
        url('font/FONTSPRINGDEMO-GelicaRgItalic.woff') format('woff'),
        url('font/FONTSPRINGDEMO-GelicaRgItalic.ttf') format('truetype'),
        url('font/FONTSPRINGDEMO-GelicaRgItalic.svg#FONTSPRINGDEMO-GelicaRgItalic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'FONTSPRING DEMO - Gelica Lt';
    src: url('font/FONTSPRINGDEMO-GelicaLtLightItalic.eot');
    src: url('font/FONTSPRINGDEMO-GelicaLtLightItalic.eot?#iefix') format('embedded-opentype'),
        url('font/FONTSPRINGDEMO-GelicaLtLightItalic.woff2') format('woff2'),
        url('font/FONTSPRINGDEMO-GelicaLtLightItalic.woff') format('woff'),
        url('font/FONTSPRINGDEMO-GelicaLtLightItalic.ttf') format('truetype'),
        url('font/FONTSPRINGDEMO-GelicaLtLightItalic.svg#FONTSPRINGDEMO-GelicaLtLightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'FONTSPRING DEMO - Gelica Md';
    src: url('font/FONTSPRINGDEMO-GelicaMdMedium.eot');
    src: url('font/FONTSPRINGDEMO-GelicaMdMedium.eot?#iefix') format('embedded-opentype'),
        url('font/FONTSPRINGDEMO-GelicaMdMedium.woff2') format('woff2'),
        url('font/FONTSPRINGDEMO-GelicaMdMedium.woff') format('woff'),
        url('font/FONTSPRINGDEMO-GelicaMdMedium.ttf') format('truetype'),
        url('font/FONTSPRINGDEMO-GelicaMdMedium.svg#FONTSPRINGDEMO-GelicaMdMedium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FONTSPRING DEMO - Gelica Md';
    src: url('font/FONTSPRINGDEMO-GelicaMdMediumItalic.eot');
    src: url('font/FONTSPRINGDEMO-GelicaMdMediumItalic.eot?#iefix') format('embedded-opentype'),
        url('font/FONTSPRINGDEMO-GelicaMdMediumItalic.woff2') format('woff2'),
        url('font/FONTSPRINGDEMO-GelicaMdMediumItalic.woff') format('woff'),
        url('font/FONTSPRINGDEMO-GelicaMdMediumItalic.ttf') format('truetype'),
        url('font/FONTSPRINGDEMO-GelicaMdMediumItalic.svg#FONTSPRINGDEMO-GelicaMdMediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'FONTSPRING DEMO - Gelica Rg';
    src: url('font/FONTSPRINGDEMO-GelicaRgRegular.eot');
    src: url('font/FONTSPRINGDEMO-GelicaRgRegular.eot?#iefix') format('embedded-opentype'),
        url('font/FONTSPRINGDEMO-GelicaRgRegular.woff2') format('woff2'),
        url('font/FONTSPRINGDEMO-GelicaRgRegular.woff') format('woff'),
        url('font/FONTSPRINGDEMO-GelicaRgRegular.ttf') format('truetype'),
        url('font/FONTSPRINGDEMO-GelicaRgRegular.svg#FONTSPRINGDEMO-GelicaRgRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FONTSPRING DEMO - Gelica SBd';
    src: url('font/FONTSPRINGDEMO-GelicaSBdSemiBold.eot');
    src: url('font/FONTSPRINGDEMO-GelicaSBdSemiBold.eot?#iefix') format('embedded-opentype'),
        url('font/FONTSPRINGDEMO-GelicaSBdSemiBold.woff2') format('woff2'),
        url('font/FONTSPRINGDEMO-GelicaSBdSemiBold.woff') format('woff'),
        url('font/FONTSPRINGDEMO-GelicaSBdSemiBold.ttf') format('truetype'),
        url('font/FONTSPRINGDEMO-GelicaSBdSemiBold.svg#FONTSPRINGDEMO-GelicaSBdSemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}


*, *::before, *::after { box-sizing: border-box; } 
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; } 
body { margin: 0; font-family: var(--Font-Primary); font-size: var(--Font-Size-Base); line-height: var(--Line-Height-Base); color: var(--Secondary-Black-Base); background-color: var(--body-color); }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin: 0 0 8px; font-family: var(--Font-Secondary); font-weight: 700; line-height: 110%; }
h1,.h1 {font-size: 90px;font-weight: 800;}
h2,.h2 {font-size: 68px;color: var(--Secondary-Black-Base);}
h3,.h3 {font-size: 38px;color: var(--Secondary-Black-Base);font-family: var(--Font-gelica); font-weight: bold;}

p { margin: 0 0 10px;}
p:last-child {margin:0;}
.container { width: 100%; max-width: 1257px; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; }
.container-long { width: 100%; max-width: 1350px; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; }
.container-medium { width: 100%; max-width: 1135px; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; }
.container-small { width: 100%; max-width: 1034px; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; }
.container-extramedium { width: 100%; max-width: 1146px; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; }
ul { list-style: none; padding: 0; margin: 0; }
a { text-decoration: none; outline: 0; border: 0; transition: ease all .5s;}
svg { vertical-align: middle; }
img { max-width: 100%;}
form input { background-color: var(--body-color); border: 0; outline: 0; padding: 12px 24px; color: var(--Secondary-Black-Base); font-size: 12px; font-weight: normal; font-family: var(--Font-Primary); border-radius: 2px;}
input::placeholder { color: #BDBDBD;}
input[type="submit"], button[type="submit"] { padding: 9px 16px; color: var(--body-color); background-color: var(--Primary-Base); font-size: 16px; letter-spacing: 0.64px; text-transform: uppercase; font-weight: bold; border-radius: 2px; display: inline-block; cursor: pointer;}
.button { padding: 15.5px 24px; color: var(--White); font-weight: bold; background-color: var(--Secondary-Black-Base); display: inline-block; font-size: 16px; line-height: 110%; letter-spacing: 0.64px;text-transform: uppercase; border-radius: 2px;}
.button:hover {background-color: var(--button-hover);}
.button.light {background-color: var(--Primary-Base);}
.button.light:hover, input[type="submit"]:hover, button[type="submit"]:hover {background-color: var(--button-hover-light);}

.button.white { background-color: var(--body-color); color: var(--Secondary-Black-Base); }
.btn-row { display: flex; flex-flow: row wrap; align-items: center; gap: 24px; margin: 24px 0 0; }
.slick-track { display: flex; }
.slick-slide { height: auto !important; }
.slick-slide>div, .slick-slide>div>div { height: 100%; }
.slick-slider { opacity: 0; visibility: hidden; transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; }
.slick-slider.slick-initialized { visibility: visible; opacity: 1; } 


.header-section { padding: 15.5px 0; position: relative; z-index: 99;background-color:var(--Secondary-Black-Base); }
.header-row { position: relative; z-index: 1;display: flex; align-items: center;flex-flow:row wrap; }
.header-section:before { position: absolute; content: ""; position: absolute; top: 0; left: 0; width: calc(100% - 55%); height: 100%; background: #AF102F; z-index: 0; clip-path: polygon(0 0, 82% 0, 72% 100%, 0% 110%);-webkit-clip-path: polygon(0 0, 82% 0, 72% 100%, 0% 110%); }
.header-section a { font-size: 16px; line-height: 110%; text-transform: uppercase; font-weight: bold;color: var(--White); }
.header-logo { width: 30%; }
.header-menu { width: 70%; display: flex; align-items: center; justify-content: end; padding-left: 10px; gap: 80px; }
.header-section ul { display: flex; flex-flow: row wrap; gap: 24px; align-items: center; }
.header-section ul svg { margin-left: 24px; margin-top: -4px;}
.header-section a:hover {color: var(--Primary-Base);}
.header-logo a img, .footer-logo a img { transition: ease all .5s;vertical-align:middle; }
.header-logo a:hover img, .footer-logo a:hover img { transform: scale(0.98); -webkit-transform: scale(0.98); }

.hero-section-slide {  display: flex !important; align-items: center;background-size: cover; background-repeat: no-repeat; background-position: center center; position: relative; padding: 280px 0; color: var(--White);}
.hero-section-slide-inner { width: 100%;position: relative; z-index: 1; }
.hero-section-slide:before, .our-brand-section:before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background-color: #5C1F1F66; }
.hero-section-slide h1, .hero-section-slide h2, .hero-section-slide .h1, .hero-section-slide .h2 { color: var(--White); }
.hero-desc { margin: 15px 0 0; max-width: 934px;}
.hero-section-slider { position: relative; overflow: hidden; }

.new-sendor-section { padding: 150px 0 170px;position: relative; overflow: hidden; }
.sendar-slider { overflow: hidden; padding: 60px 0;}
.sendar-slide img {  object-fit: cover;width:100% }
/*.sendar-slider .slick-slide.slick-current.slick-center img { transform: scale(1.2); }*/
.sendar-slider .slick-track { align-items: center; }
.section-intro { max-width: 1040px; margin-left: auto; margin-right: auto; font-size: 22px; font-weight: 500;line-height:125%;    margin-top: 16px; }
.section-header { text-align: center; margin: 0 0 80px; }
.sendar-slider .slick-list.draggable { width: 33.33%;}
.sendar-slider .slick-slide.slick-center+.slick-slide { transform: scale(1.3); position: relative; z-index: 1; }
.apart-section { padding: 70px 0 0; text-align: center; }
.apart-icon { width: 110px; height: 110px; padding: 10px; display: flex; align-items: center; justify-content: center; background-color: var(--Primary-Base); border-radius: 50%; margin-left: auto; margin-right: auto; transition: ease all .5s; }
.sendar-apart-column:hover .apart-icon, .product-apart-column:hover .apart-icon { transform: scale(0.9);}
.sendar-apart-row { display: flex; flex-flow: row wrap; justify-content: center; margin: 0 -20px;max-width: 1044px; margin-left: auto; margin-right: auto; }
.sendar-apart-column { width: 25%; padding: 0 20px; margin: 40px 0 0; }
.apart-contents { margin: 16px 0 0; }
.apart-desc { margin: 4px auto 0; max-width: 221px; }
.apart-title { color: var(--Secondary-Black-Base); font-family: var(--Font-gelica); font-size: 22px; line-height: 110%;font-weight: bold; }
.shape-right { position: absolute; top: 0; transform: none; width: 80%; height: 80%; right: 0; object-fit: contain; object-position: right; }
.new-sendor-section .section-header, .sendar-slider, .apart-section {  position: relative;  z-index: 1;}
.sendar-slider .slick-slide { transition: ease all .5s;}

.our-brand-section { padding: 209px 0; position: relative; overflow: hidden; color: var(--White); font-size: 22px; line-height: 125%; text-align: center; background-size: cover; background-repeat: no-repeat; background-position: center bottom;}
.our-brand-section h1, .our-brand-section h2, .our-brand-section h3, .our-brand-section h4, .our-brand-section h5, .our-brand-section h6 { color: var(--White); }
.our-brand-desc { margin: 20px auto 0; max-width: 1140px; }
.pz-index { position: relative; z-index: 1; }  



.product-box-section{text-align: center;}
.product-apart-column { width: 20%; padding: 0 10px; margin-top: 40px; }
.home-product-section .section-header { margin: 0 auto 40px; max-width: 900px; }
.home-product-section { padding: 117px 0 30px; }


.testimonial-row { display: flex; flex-flow: row wrap;  margin: 28px auto 0;max-width: 1016px;}
.testimonial-column { width: 33.33%; padding: 0 8px; margin-top: 20px; }
.testimonial-box { background-color: #DDEBF4; padding: 36px 22px; transition: ease all .5s; }
.testimonial-box:hover { transform: scale(0.95);}
.testimonial-box-wrap { max-width: 266px; margin-left: auto; margin-right: auto; }
.testimonial-section { text-align: center; padding: 60px 0 60px; }
.testimonial-flex { display: flex; align-items: center; gap: 16px; text-align: left; margin: 24px 0 0; justify-content: center; }
.testimonial-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } 
.testimonial-img { min-width: 59px; min-height: 59px; width: 59px; height: 59px; position: relative; border-radius: 50%; overflow: hidden; }
.testimonial-name { color: #2E2B29; font-family: var(--Font-gelica); font-weight: bold; font-size: 22px; line-height: 110%; }

.plant-row { display: flex; flex-flow: row wrap; align-items: center; }
.plant-conetents { width: 41%; padding-right: 20px;font-size: 22px; font-weight: 500; line-height: 125%;  }
.plant-img { width: 59%; }
.plant-intro { max-width: 439px; }
.our-plant-section { padding: 98px 0 40px; }

.wholesale-customer-section { overflow: hidden; position: relative; }
.wholesale-customer-section { padding: 250px 0 41px; }
.customer-contents { max-width: 845px; }
.wholesale-customer-section, .wholesale-customer-section h2 { color: var(--body-color); }
.shape-left { position: absolute; top: 0; left: -20px; width: 100%;height: 100%;}
.customer-intro { margin: 20px 0 0; }
.wholesale-customer-section .btn-row { margin: 40px 0 0; }
.plant-img iframe { box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, .5); width: 100%; }

.footer-section { background-color: var(--Secondary-Black-Base); padding: 120px 0; }
.footer-logo img { width: 319px; object-fit: contain; vertical-align: middle; }
.dfxfull { display: flex; flex-flow: row wrap; }
.footer-contact { width: 36%;padding: 0 10px; }
.footer-logo { width: 28%; }
.footer-subscribe { width: 36%; }
.footer-section, .footer-section a { font-size: 12px; color: var(--body-color); text-decoration: none; }
.footer-section a:hover { color: var(--Primary-Base); } 
.footer-title { font-size: 16px; margin: 0 0 30px; font-weight: bold;}
.footer-menu li { margin: 12px 0 0; }
.footer-social { margin: 12px 0 0; } 
.footer-social ul { display: flex; gap: 18.5px; align-items: center; }
.footer-social ul a:hover { opacity: 0.7; }
.footer-copyright { margin: 62px 0 0; text-align: center; font-weight: 500; }
.footer-logo { margin: 24px 0 0; }
.footer-wrap { max-width: 125px; margin: 0 auto; }
.subscribe-form form input { width: 100%; } 
.subscribe-form form { display: flex; gap: 16px; width: 100%; }
.subscribe-form form input[type="submit"], .subscribe-form form button[type="submit"] {width: auto;font-size: 12px;}

.common-hero-section { padding: 119.5px 0; background-size: cover; background-repeat: no-repeat; background-position: center; position: relative; overflow: hidden; color: var(--body-color); font-size: 22px; line-height: 125%;text-align: center;}
.common-hero-section:before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background-color: #19080D99; }
.common-hero-inner { max-width: 1140px; margin: 0 auto; }
.common-hero-intro, .common-hero-btn { margin: 24px 0 0; }

.registration-section { padding: 258px 0 40px; position: relative; overflow: hidden; }
.registration-right { width: 67%; padding-left: 20px; }
.registration-left { width: 33%; }
.registration-wrap { max-width: 702px; margin-left: auto; counter-reset: item; transition: ease all .5s; display: flex; flex-flow: row wrap; justify-content: end; }
.registration-box { padding: 35px 46px 35px 106px; position: relative; background-color: var(--Blue); border-radius: 2px; counter-increment: item;transition: ease all .5s; width: 100%;}
.registration-box:not(:first-child) { margin: 24px 0 0; } 
.registration-row h2 { margin-bottom: 0; max-width: 252px; }
.registration-row { align-items: center; }
.registration-box:before { content: counter(item); position: absolute; left: 32px; font-weight: bold; font-size: 68px; color: #AF102F; line-height: 100%; font-family: var(--Font-Secondary); top: 50%; transform: translateY(-50%); }
.registration-wrap:hover .registration-box{ width: 97%; } 
.registration-box:hover { width: 100% !important; } 
.faq-row h2 { max-width: 100%;}
.faq-row { margin: 131px 0 0; }
.faq-box { padding: 24px 24px 24px 24px; border: 1px solid transparent; background-color: transparent; transition: ease all .5s;border-radius:2px; }
.faq-title { color: var(--Secondary-Black-Base); position: relative; font-size: 16px; font-weight: bold;cursor:pointer; }
.faq-text { margin: 8px 0 0; }
.faq-title:after { position: absolute; content: ''; border-style: solid; border-width: 2px 2px 0 0; content: ''; display: inline-block; height: 10px; right: 0; vertical-align: top; width: 10px; top: 50%; transform: translateY(-50%) rotate(135deg); border-color: currentColor; transition: ease all .5s;}
.faq-row .registration-wrap { display: block;}
.faq-box.active { border-color: var(--Primary-Base); background-color: var(--Blue); }
.faq-box.active .faq-title { color: var(--Primary-Base); }
.faq-content { display: none;}
.faq-box.active .faq-title:after { transform: translateY(-50%) rotate(-45deg); top: 60%; }
.reg-shape.shape-right { top: -33%; width: 100%; height: 100%; }
.registration-form-section { position: relative; padding: 441px 0 167px; color: var(--body-color); overflow: hidden; }
.registration-form-contents { width: 41%; padding-right: 20px; padding-top: 22px; }
.registration-form-area { width: 59%; }
.registration-form-section h2 { color: var(--body-color); }
.registration-form-intro { margin: 16px 0 0; max-width: 410px; }
.form-group label { display: block; color: var(--body-color); font-size: 12px; font-weight: bold; font-family: var(--Font-Primary); margin: 0 0 10px; line-height: 100%; }
.form-group input:not([type="submit"]) { width: 100%; border: 1px solid var(--Secondary-Black-Base); }
.form-group input[type="radio"], .form-group input[type="checkbox"] { width: auto; }
.rf-wrap { max-width: 465px; margin: 0 auto;}
.form-group { margin: 0 0 10px; }
.form-group input[type="submit"] { width: auto; background-color: var(--Secondary-Black-Base); padding: 13.5px 24px; margin: 38px 0 0; }
.form-group input[type="submit"]:hover { background-color: var(--button-hover);}
.form-group.form-submit { text-align: right; margin-bottom: 0; }
.registration-form-section .shape-left {width: 150%; height: 150%;}
.registration-form-contents h2 { max-width: 370px;}
.header-cta-main li+li a { color: var(--Primary-Base); }
.header-cta-main li+li{display: none;}
.category-header-section { background-color: var(--Primary-Base); padding: 17px 0; }
.category-header-section ul { display: flex; flex-flow: row wrap; align-items: center; gap: 52px;    justify-content: space-between; }
.category-header-section a { font-size: 16px; color: #fff; font-weight: bold; letter-spacing: 0.64px; text-transform: uppercase; }
.category-header-section a:hover { color: var(--Secondary-Black-Base);} 
.category-header-row { display: flex; align-items: center; gap: 33px;    justify-content: space-between; }
.category-header-search input { width: 100%; padding: 14px 14px 14px 54px; font-size: 16px; background-image: url(../images/search-icon.svg); background-size: 20px; background-repeat: no-repeat; background-position: 9% 50%; }
.category-header-search { width: 100%; max-width: 273px; }
.category-header-search input::placeholder { color: #757575;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none; -webkit-appearance: none; }
input[type="search"] { appearance: textfield; }
.tienda-hero-section { padding: 34px 0 25px; }
.site-breadcrumb ul { display: flex; flex-flow: row wrap; align-items: center; }
.site-breadcrumb a { color: #757575; font-size: 16px; font-weight: 700; }
.site-breadcrumb a:hover {color:var(--Primary-Base);}
.site-breadcrumb ul li { position: relative;margin: 0 0 10px; } 
.site-breadcrumb ul li:not(:last-child):after { content: '>'; padding: 0 3px; font-weight: bold; color: #757575; }
.tienda-title { margin: 30px 0 0; }
.tienda-hero-section h1, .tienda-hero-section .h1 { font-weight: 700; }
.tienda-filter { margin: 24px 0 0; display: flex; justify-content: end;align-items:center; }
.category-header-items { width: 100%;}


/*Responsive CSS*/

@media(min-width:2090px){
    .header-section:before {    width: calc(100% - 48%);}
}

@media (min-width: 4400px) {
    .header-section:before {width: calc(100% - 46%); }
}

@media (min-width: 5400px) {
    .header-section:before {width: calc(100% - 43%); }
}

@media(min-width:768px){
    .mobile-show {display: none !important;}
}

@media(max-width:1600px){

    .header-section:before { width: 35%;}
}

@media(max-width:1350px){
    .category-header-section ul {gap: 28px;}
}

@media(max-width:1250px){
    .registration-form-section .shape-left { width: 200%; height: 200%; left: -10px;}
    .category-header-section ul {gap: 20px;}
}
@media(max-width:1200px){
    .header-menu { gap: 14px; }
    .header-section ul { gap: 14px; }
    .header-section ul svg { margin-left: 14px; width: 17px; }
    .header-section a { font-size: 14px;}
    .hero-section-slide { padding: 200px 0; }
    .shape-right {width: 70%;height: 70%}
    h2, .h2 { font-size: 48px;}
    .home-product-section .section-header h2, .home-product-section .section-header .h2 { max-width: 700px; margin-left: auto; margin-right: auto; }
    h1, .h1 { font-size: 70px; }
    .wholesale-customer-section { padding: 170px 0 41px; }
    .our-brand-section { padding: 135px 0; }
    .home-product-section { padding: 60px 0 30px; }
    .registration-row:not(.faq-row) h2 {max-width: 212px;}
    .registration-form-section {margin-top: -100px;}
    .registration-form-contents h2 { max-width: 300px;}
    .category-header-section a { font-size: 14px;}
}

@media(max-width:1100px){
    .registration-form-section .shape-left { object-fit: cover; left: 0;}
    .registration-form-section { padding: 370px 0 67px;}
    .category-header-section ul { gap: 10px;}
        .category-header-section a { font-size: 13px; }
        .category-header-row { gap: 15px;}
    }
}

@media(max-width:991px){
    .header-section:before {width: 27%;}
    .header-logo img { width: 150px;}
    .hero-section-slide { padding: 144px 0; }
    .footer-section { padding: 60px 0; }
    .new-sendor-section { padding: 60px 0 95px;}
    .sendar-apart-column { width: 50%; }
    .shape-right { width: 50%; height: 60%; }
    .section-header { margin: 0 0 36px; }
    .apart-section { padding: 20px 0 0; text-align: center; }
    .testimonial-img { min-width: 40px; min-height: 40px; width: 40px; height: 40px;}
    .testimonial-name { font-size: 18px; }
    .our-plant-section { padding: 29px 0 40px; }
    .product-apart-column { width: 33.33%; }
    .section-intro, .our-brand-section, .plant-conetents { font-size: 16px; }
    .registration-section { padding-top: 150px;}
    .reg-shape.shape-right { top: -26%; width: 80%; height: 90%; right: -11%; }
    .faq-row { margin: 60px 0 0; }
    .registration-form-section { margin-top: -150px; }
}
@media(max-width:950px){
    .header-section ul { gap: 8px; }
    .header-menu { gap: 10px; }
    .header-section ul svg { margin-left: 10px;width: 13px;}
   .header-section a { font-size: 12px; }
   .header-section:before {width: 31%;}
   .subscribe-form form input { width: 100%;     padding: 12px 12px;}
   .subscribe-form input[type="submit"], .subscribe-form button[type="submit"] { padding: 9px 10px; letter-spacing: 0; font-size: 12px; }
   .customer-intro { max-width: 80%; }

}

@media(max-width:767px){
input[type="submit"], button[type="submit"] {font-size: 12px; padding: 12px 16px !important;}
.desktop-show { display: none !important; }
.header-section:before {display: none !important;}
.header-logo img { width: 40px; }
.header-section { padding: 4px 0; }
.header-menu-main { position: absolute; top: 100%; left: 0; width: 100%; height: 100%; min-height: 100vh; overflow-y: auto; background-color: var(--Secondary-Black-Base); transform: translateX(-100%); transition: ease all .5s;opacity: 0; visibility: hidden}
.header-section .header-menu-main ul { flex-flow: column; align-items: start; justify-content: start; }
 .header-section .header-menu-main ul li { width: 100%; border-bottom: 1px solid rgba(255, 255, 255, .1); }
 .header-section .header-menu-main ul li:first-child { border-top: 1px solid rgba(255, 255, 255, .1); }
 .header-section .header-menu-main ul li a { width: 100%; padding: 17px 15px; display: block; font-size: 16px; }
 .header-row { position: static; }
 .header-cta-main ul li:first-child a { font-size: 0; display: block}
 .header-section ul svg { margin-left: 0; width: 24px;margin-top:0; }
 .header-menu { gap: 24px; }
 .menu-toggle span { height: 3px; width: 100%; background: var(--White); display: block;transition:ease all .5s; } 
 .menu-toggle span:nth-child(2) { margin: 4px 0; } 
 .menu-toggle { width: 24px; height: 18px; position: relative; cursor: pointer;}
 h1, .h1 { font-size: 48px; }
 .shape-right {display: none;}
 .sendar-slider .slick-list.draggable { padding: 0 !important }
 .new-sendor-section { padding: 48px 0 95px; }
 .sendar-slider { padding: 30px 0; }
 .apart-section {  padding: 40px 0 0;}
 .apart-section h3 { margin: 0; }
 .home-product-section { padding: 48px 0 32px; }
 .testimonial-section { padding: 48px 0; }
 .home-product-section .section-header { margin: 0 auto 32px;}
 .testimonial-column { width: 100%; padding: 0; margin-top: 16px; }
 .plant-conetents { width: 100%; padding-right: 0;}
 .plant-img { width: 100%; margin: 54px 0 0; }
 .our-plant-section { text-align: center; }
 .footer-logo { width: 100%; }
 .footer-contact { width: 100%; padding: 0; margin: 32px 0 0; }
 .footer-subscribe { width: 100%; margin: 60px 0 0; }
 .footer-section { text-align: center; padding-bottom: 20px;}
 .footer-logo img { width: 230px; }
 .footer-copyright { margin: 80px 0 0; }
 .shape-left { position: absolute; top: -100px; left: 0;  width: 210%;  height: 160%;  object-fit: cover;}
 .open-menu .header-menu-main {opacity: 1; visibility: visible;transform: translateX(0px);}
.button { font-size: 12px; padding: 13px 16px; }
.btn-row { gap: 16px; }
.wholesale-customer-section {padding-bottom: 74px;}
.footer-logo { margin: 0;}
.footer-title { margin: 0 0 16px; }
.subscribe-form input[type="submit"], .subscribe-form button[type="submit"] { padding: 12px 16px; }
.container, .container-medium, .container-extramedium { padding-left: 36px; padding-right: 36px; }
.rmb16 { padding-left: 16px !important; padding-right: 16px !important; }
.testimonial-section {padding-top: 96px;}
 .testimonial-row { margin: 24px 0 0; }
 .testimonial-name { font-size: 22px; }
 .customer-intro { max-width: 312px; }
 .our-plant-section { padding-bottom: 0;}
 .open-menu .menu-toggle span:first-child, .open-menu .menu-toggle span:last-child { transform: rotate(45deg); position: relative; top: 7px; }
 .open-menu .menu-toggle span:last-child { transform: rotate(-45deg); top: -7px; } 
 .open-menu .menu-toggle span:nth-child(2) { opacity: 0;}
.header-section ul {gap: 0; }
.common-hero-section { padding: 181.5px 0; }
.registration-section { padding: 71px 0 40px; }
.registration-form-section {margin-top: -35px;}
.registration-right { width: 100%; padding-left: 0; margin: 61px 0 0; }
.registration-left { width: 100%; }
.registration-row h2 { text-align: center; margin-left: auto; margin-right: auto; max-width: 100% !important; }
.registration-wrap { max-width: 100%; }
.registration-box { padding: 24px 24px 24px 106px; }
.faq-row { margin: 30px 0 0; }
.faq-row .registration-right { margin: 32px 0 0; }
.registration-form-contents { width: 100%; padding-right: 0; padding-top: 0; }
.registration-form-area { width: 100%; margin: 48px 0 0; }
.rf-wrap { max-width: 100%;}
.registration-form-section { padding: 170px 0 63px; }
.shape-mobile { position: absolute; bottom: -100px; left: 0; width: 100%; height: 100%; }
.registration-form-contents h2 { max-width: 100%;}
.registration-section .faq-row { margin-left: -18.5px; margin-right: -18.5px;}
.common-hero-section .container { padding-left: 16px; padding-right: 16px; }
}

@media(max-width:520px){
    .sendar-apart-column, .product-apart-column { width: 100%; padding: 0; }
 .sendar-apart-row {margin: 0;}
 .sendar-slider { padding: 13px 0; }
 .product-apart-column { margin-top: 48px; }
 .footer-copyright { margin-left: auto;margin-right: auto; max-width: 300px; }
 .new-sendor-section .apart-section h3 { max-width: 272px; margin-left: auto; margin-right: auto; }
 .hero-contents h1, .hero-contents .h1 { max-width: 300px; }
 .registration-form-contents h2 { max-width: 300px;}
 .registration-row h2 {text-align: center; margin-left: auto; margin-right: auto;   max-width: 300px !important; }
 .registration-row:not(.faq-row) h2 { max-width: 192px !important;  }
 .registration-content { max-width: 182px; margin-left: auto;   margin-right: auto; }
 .registration-form-intro { max-width: 290px; }

}
@media (max-width: 400px){
        h2, .h2 { font-size: 40px; }
        h3, .h3 { font-size: 35px;}
        .registration-form-contents h2 { max-width: 254px; }
        h1, .h1 { font-size: 43px; }
        .common-hero-inner h1, .common-hero-inner .h1 { font-size: 41px;}
}
@media (max-width: 369px){
    .btn-row {gap: 12px; }
    .footer-title { font-size: 15px;}
    .registration-box { padding-left: 80px;}
    .registration-form-contents h2 { max-width: 230px; }
}
@media(max-width:359px){
    .hero-section-slide-inner .btn-row {gap: 8px;}
    .button { font-size: 11px; padding: 13px 12px; }
     h1, .h1 { font-size: 46px; }
     h2, .h2 { font-size: 34px; }
     h3, .h3 { font-size: 30px; }
     .footer-title { font-size: 14px;}
     .container, .container-medium, .container-extramedium { padding-left: 22px; padding-right: 22px;  }
     .subscribe-form form {gap: 5px;}
     .registration-section .faq-row { margin-left: 0; margin-right: 0; }
     .registration-box { padding-left: 70px; }
     .registration-box:before { font-size: 48px; left: 24px; }
     .registration-row:not(.faq-row) h2 { max-width: 162px !important;}
     .registration-form-contents h2 { max-width: 210px; }
     .common-hero-inner h1 { font-size: 36px;}
     
}