/** Shopify CDN: Minification failed

Line 11:0 All "@import" rules must come first
Line 402:4 Expected identifier but found "="

**/
html {
    scroll-behavior: smooth;
}

@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,100..900;1,9..144,100..900&display=swap');

@font-face {
    font-family: 'NeueHaasDisplay-Thin';
    src:url('/cdn/shop/files/NeueHaasDisplay-Thin.eot') format('eot'),
    url('/cdn/shop/files/NeueHaasDisplay-Thin.eot?#iefix') format('eot'),
    url('/cdn/shop/files/NeueHaasDisplay-Thin.woff') format('woff'),
    url('/cdn/shop/files/NeueHaasDisplay-Thin.woff2') format('woff2'),
    url('/cdn/shop/files/NeueHaasDisplay-Thin.ttf') format('truetype'),
    url('{{ 'NeueHaasDisplay-Thin.svg' | asset_url }}') format('svg');
    font-weight: normal !important;
    font-display: swap;
}

@font-face {
    font-family: 'NeueHaasDisplay-ThinItalic';
    src:url('/cdn/shop/files/NeueHaasDisplay-ThinItalic.eot') format('eot'),
    url('/cdn/shop/files/NeueHaasDisplay-ThinItalic.eot?#iefix') format('eot'),
    url('/cdn/shop/files/NeueHaasDisplay-ThinItalic.woff') format('woff'),
    url('/cdn/shop/files/NeueHaasDisplay-ThinItalic.woff2') format('woff2'),
    url('/cdn/shop/files/NeueHaasDisplay-ThinItalic.ttf') format('truetype'),
    url('{{ 'NeueHaasDisplay-ThinItalic.svg' | asset_url }}') format('svg');
    font-weight: normal !important;
    font-display: swap;
}

@font-face {
    font-family: 'NeueHaasDisplay-XThin';
    src:url('/cdn/shop/files/NeueHaasDisplay-XThin.eot') format('eot'),
    url('/cdn/shop/files/NeueHaasDisplay-XThin.eot?#iefix') format('eot'),
    url('/cdn/shop/files/NeueHaasDisplay-XThin.woff') format('woff'),
    url('/cdn/shop/files/NeueHaasDisplay-XThin.woff2') format('woff2'),
    url('/cdn/shop/files/NeueHaasDisplay-XThin.ttf') format('truetype'),
    url('{{ 'NeueHaasDisplay-XThin.svg' | asset_url }}') format('svg');
    font-weight: normal !important;
    font-display: swap;
}

@font-face {
    font-family: 'NeueHaasDisplay-XThinItalic';
    src:url('/cdn/shop/files/NeueHaasDisplay-XThinItalic.eot') format('eot'),
    url('/cdn/shop/files/NeueHaasDisplay-XThinItalic.eot?#iefix') format('eot'),
    url('/cdn/shop/files/NeueHaasDisplay-XThinItalic.woff') format('woff'),
    url('/cdn/shop/files/NeueHaasDisplay-XThinItalic.woff2') format('woff2'),
    url('/cdn/shop/files/NeueHaasDisplay-XThinItalic.ttf') format('truetype'),
    url('{{ 'NeueHaasDisplay-XThinItalic.svg' | asset_url }}') format('svg');
    font-weight: normal !important;
    font-display: swap;
}

@font-face {
    font-family: 'NeueHaasDisplay-XXThin';
    src:url('/cdn/shop/files/NeueHaasDisplay-XXThin.eot') format('eot'),
    url('/cdn/shop/files/NeueHaasDisplay-XXThin.eot?#iefix') format('eot'),
    url('/cdn/shop/files/NeueHaasDisplay-XXThin.woff') format('woff'),
    url('/cdn/shop/files/NeueHaasDisplay-XXThin.woff2') format('woff2'),
    url('/cdn/shop/files/NeueHaasDisplay-XXThin.ttf') format('truetype'),
    url('{{ 'NeueHaasDisplay-XXThin.svg' | asset_url }}') format('svg');
    font-weight: normal !important;
    font-display: swap;
}

@font-face {
    font-family: 'NeueHaasDisplay-XXThinItalic';
    src:url('/cdn/shop/files/NeueHaasDisplay-XXThinItalic.eot') format('eot'),
    url('/cdn/shop/files/NeueHaasDisplay-XXThinItalic.eot?#iefix') format('eot'),
    url('/cdn/shop/files/NeueHaasDisplay-XXThinItalic.woff') format('woff'),
    url('/cdn/shop/files/NeueHaasDisplay-XXThinItalic.woff2') format('woff2'),
    url('/cdn/shop/files/NeueHaasDisplay-XXThinItalic.ttf') format('truetype'),
    url('{{ 'NeueHaasDisplay-XXThinItalic.svg' | asset_url }}') format('svg');
    font-weight: normal !important;
    font-display: swap;
}

@font-face {
    font-family: 'NeueHaasDisplay-Roman';
    src:url('/cdn/shop/files/NeueHaasDisplay-Roman.eot') format('eot'),
    url('/cdn/shop/files/NeueHaasDisplay-Roman.eot?#iefix') format('eot'),
    url('/cdn/shop/files/NeueHaasDisplay-Roman.woff') format('woff'),
    url('/cdn/shop/files/NeueHaasDisplay-Roman.woff2') format('woff2'),
    url('/cdn/shop/files/NeueHaasDisplay-Roman.ttf') format('truetype'),
    url('{{ 'NeueHaasDisplay-Roman.svg' | asset_url }}') format('svg');
    font-weight: normal !important;
    font-display: swap;
}

@font-face {
    font-family: 'NeueHaasDisplay-RomanItalic';
    src:url('/cdn/shop/files/NeueHaasDisplay-RomanItalic.eot') format('eot'),
    url('/cdn/shop/files/NeueHaasDisplay-RomanItalic.eot?#iefix') format('eot'),
    url('/cdn/shop/files/NeueHaasDisplay-RomanItalic.woff') format('woff'),
    url('/cdn/shop/files/NeueHaasDisplay-RomanItalic.woff2') format('woff2'),
    url('/cdn/shop/files/NeueHaasDisplay-RomanItalic.ttf') format('truetype'),
    url('{{ 'NeueHaasDisplay-RomanItalic.svg' | asset_url }}') format('svg');
    font-weight: normal !important;
    font-display: swap;
}

@font-face {
    font-family: 'NeueHaasDisplay-Mediu';
    src:url('/cdn/shop/files/NeueHaasDisplay-Mediu.eot') format('eot'),
    url('/cdn/shop/files/NeueHaasDisplay-Mediu.eot?#iefix') format('eot'),
    url('/cdn/shop/files/NeueHaasDisplay-Mediu.woff') format('woff'),
    url('/cdn/shop/files/NeueHaasDisplay-Mediu.woff2') format('woff2'),
    url('/cdn/shop/files/NeueHaasDisplay-Mediu.ttf') format('truetype'),
    url('{{ 'NeueHaasDisplay-Mediu.svg' | asset_url }}') format('svg');
    font-weight: normal !important;
    font-display: swap;
}

@font-face {
    font-family: 'NeueHaasDisplay-MediumItalic';
    src:url('/cdn/shop/files/NeueHaasDisplay-MediumItalic.eot') format('eot'),
    url('/cdn/shop/files/NeueHaasDisplay-MediumItalic.eot?#iefix') format('eot'),
    url('/cdn/shop/files/NeueHaasDisplay-MediumItalic.woff') format('woff'),
    url('/cdn/shop/files/NeueHaasDisplay-MediumItalic.woff2') format('woff2'),
    url('/cdn/shop/files/NeueHaasDisplay-MediumItalic.ttf') format('truetype'),
    url('{{ 'NeueHaasDisplay-MediumItalic.svg' | asset_url }}') format('svg');
    font-weight: normal !important;
    font-display: swap;
}

@font-face {
    font-family: 'NeueHaasDisplay-Light';
    src:url('/cdn/shop/files/NeueHaasDisplay-Light.eot') format('eot'),
    url('/cdn/shop/files/NeueHaasDisplay-Light.eot?#iefix') format('eot'),
    url('/cdn/shop/files/NeueHaasDisplay-Light.woff') format('woff'),
    url('/cdn/shop/files/NeueHaasDisplay-Light.woff2') format('woff2'),
    url('/cdn/shop/files/NeueHaasDisplay-Light.ttf') format('truetype'),
    url('{{ 'NeueHaasDisplay-Light.svg' | asset_url }}') format('svg');
    font-weight: normal !important;
    font-display: swap;
}

@font-face {
    font-family: 'NeueHaasDisplay-LightItalic';
    src:url('/cdn/shop/files/NeueHaasDisplay-LightItalic.eot') format('eot'),
    url('/cdn/shop/files/NeueHaasDisplay-LightItalic.eot?#iefix') format('eot'),
    url('/cdn/shop/files/NeueHaasDisplay-LightItalic.woff') format('woff'),
    url('/cdn/shop/files/NeueHaasDisplay-LightItalic.woff2') format('woff2'),
    url('/cdn/shop/files/NeueHaasDisplay-LightItalic.ttf') format('truetype'),
    url('{{ 'NeueHaasDisplay-LightItalic.svg' | asset_url }}') format('svg');
    font-weight: normal !important;
    font-display: swap;
}

@font-face {
    font-family: 'NeueHaasDisplay-Bold';
    src:url('/cdn/shop/files/NeueHaasDisplay-Bold.eot') format('eot'),
    url('/cdn/shop/files/NeueHaasDisplay-Bold.eot?#iefix') format('eot'),
    url('/cdn/shop/files/NeueHaasDisplay-Bold.woff') format('woff'),
    url('/cdn/shop/files/NeueHaasDisplay-Bold.woff2') format('woff2'),
    url('/cdn/shop/files/NeueHaasDisplay-Bold.ttf') format('truetype'),
    url('{{ 'NeueHaasDisplay-Bold.svg' | asset_url }}') format('svg');
    font-weight: normal !important;
    font-display: swap;
}

@font-face {
    font-family: 'NeueHaasDisplay-BoldItalic';
    src:url('/cdn/shop/files/NeueHaasDisplay-BoldItalic.eot') format('eot'),
    url('/cdn/shop/files/NeueHaasDisplay-BoldItalic.eot?#iefix') format('eot'),
    url('/cdn/shop/files/NeueHaasDisplay-BoldItalic.woff') format('woff'),
    url('/cdn/shop/files/NeueHaasDisplay-BoldItalic.woff2') format('woff2'),
    url('/cdn/shop/files/NeueHaasDisplay-BoldItalic.ttf') format('truetype'),
    url('{{ 'NeueHaasDisplay-BoldItalic.svg' | asset_url }}') format('svg');
    font-weight: normal !important;
    font-display: swap;
}

@font-face {
    font-family: 'NeueHaasDisplay-Black';
    src:url('/cdn/shop/files/NeueHaasDisplay-Black.eot') format('eot'),
    url('/cdn/shop/files/NeueHaasDisplay-Black.eot?#iefix') format('eot'),
    url('/cdn/shop/files/NeueHaasDisplay-Black.woff') format('woff'),
    url('/cdn/shop/files/NeueHaasDisplay-Black.woff2') format('woff2'),
    url('/cdn/shop/files/NeueHaasDisplay-Black.ttf') format('truetype'),
    url('{{ 'NeueHaasDisplay-Black.svg' | asset_url }}') format('svg');
    font-weight: normal !important;
    font-display: swap;
}

@font-face {
    font-family: 'NeueHaasDisplay-BlackItalic';
    src:url('/cdn/shop/files/NeueHaasDisplay-BlackItalic.eot') format('eot'),
    url('/cdn/shop/files/NeueHaasDisplay-BlackItalic.eot?#iefix') format('eot'),
    url('/cdn/shop/files/NeueHaasDisplay-BlackItalic.woff') format('woff'),
    url('/cdn/shop/files/NeueHaasDisplay-BlackItalic.woff2') format('woff2'),
    url('/cdn/shop/files/NeueHaasDisplay-BlackItalic.ttf') format('truetype'),
    url('{{ 'NeueHaasDisplay-BlackItalic.svg' | asset_url }}') format('svg');
    font-weight: normal !important;
    font-display: swap;
}



h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span,
h1 p,
h2 p,
h3 p,
h4 p,
h5 p,
h6 p,
strong,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    font-style: normal;
    /* font-family:'NeueHaasDisplay-Mediu' !important; */
    /* font-weight:normal !important; */
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-style: normal;
    /* font-family: 'NeueHaasDisplay-Mediu' !important; */
    /* font-weight: normal !important; */
}

.product__title, .product__title h2 {
    /* font-family: 'NeueHaasDisplay-Roman' !important; */
}

.button,
.button span,
button span {
    
}

a, p, span, li, td, tr, input, input::placeholder {
   
}

/*******************Header Css******************/


.Drawer-Header-Box--custom .menu-drawer,
.Drawer-Header-Box--secondary-custom .menu-drawer {
    padding: 1rem;
    width:100%;
    max-width:80rem;
}

.Drawer-Header-Box--custom .menu-drawer .menu-drawer__navigation,
.Drawer-Header-Box--secondary-custom .menu-drawer .menu-drawer__navigation {
    padding:0;
}

.Drawer-Header-Box--custom .menu-drawer .navigatin-main-box,
.Drawer-Header-Box--secondary-custom .menu-drawer .navigatin-main-box {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: stretch;
    -webkit-box-align: stretch;
    -ms-box-align: stretch;
    flex-wrap: wrap;
}

.Drawer-Header-Box--custom .menu-drawer .navigatin-main-box .navigation-flex,
.Drawer-Header-Box--secondary-custom .menu-drawer .navigatin-main-box .navigation-flex {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: stretch;
    -webkit-box-align: stretch;
    -ms-box-align: stretch;
    flex-wrap: wrap;
    justify-content: start;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    gap:0.2rem;
}

.Drawer-Header-Box--custom .menu-drawer .navigatin-main-box .navigation-flex .gird-box,
.Drawer-Header-Box--secondary-custom .menu-drawer .navigatin-main-box .navigation-flex .gird-box {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-wrap: wrap;
    height: auto;
    margin: 0;
    padding: 0;
    position:relative;
}


.Drawer-Header-Box--custom .menu-drawer .navigatin-main-box .navigation-flex .gird-box .navigation-content,
.Drawer-Header-Box--secondary-custom .menu-drawer .navigatin-main-box .navigation-flex .gird-box .navigation-content {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 2rem 0;
}

.Drawer-Header-Box--custom .menu-drawer .navigatin-main-box .navigation-flex .gird-box .navigation-box,
.Drawer-Header-Box--secondary-custom .menu-drawer .navigatin-main-box .navigation-flex .gird-box .navigation-box {
    margin: 5rem auto;
}

.Drawer-Header-Box--custom .menu-drawer .navigatin-main-box .navigation-flex .gird-box .navigation-content .navigation-logo,
.Drawer-Header-Box--custom .menu-drawer .navigatin-main-box .navigation-flex .gird-box .navigation-content .navigation-box,

.Drawer-Header-Box--secondary-custom .menu-drawer .navigatin-main-box .navigation-flex .gird-box .navigation-content .navigation-logo,
.Drawer-Header-Box--secondary-custom .menu-drawer .navigatin-main-box .navigation-flex .gird-box .navigation-content .navigation-box {
    padding: 1rem;
}

.Drawer-Header-Box--custom .menu-drawer .navigatin-main-box .navigation-flex .gird-box .navigation-content .navigation-logo,
.Drawer-Header-Box--secondary-custom .menu-drawer .navigatin-main-box .navigation-flex .gird-box .navigation-content .navigation-logo {
    padding: 2rem 4rem 1rem 4rem;
}

.Drawer-Header-Box--secondary-custom .menu-drawer .navigation-flex .navigation-right-grid .bottom-navigation-box .list-menu li a {
    background-color: transparent;
}

.Drawer-Header-Box--custom .menu-drawer .navigatin-main-box .navigation-flex .gird-box .navigation-content .navigation-logo .drawer-panel-close,
.Drawer-Header-Box--secondary-custom .menu-drawer .navigatin-main-box .navigation-flex .gird-box .navigation-content .navigation-logo .drawer-panel-close {
    padding: 0;
    min-height: unset;
    min-width: unset;
    width: 35px;
    height: 35px;
}

.Drawer-Header-Box--custom .menu-drawer .navigatin-main-box .navigation-flex .gird-box .navigation-content .navigation-logo .drawer-panel-close svg,
.Drawer-Header-Box--secondary-custom .menu-drawer .navigatin-main-box .navigation-flex .gird-box .navigation-content .navigation-logo .drawer-panel-close svg {
    display: block;
    width: 15px;
    height: 15px;
}

.Drawer-Header-Box--custom .menu-drawer .navigatin-main-box .navigation-flex .gird-box .navigation-content .navigation-logo .header__heading-link,
.Drawer-Header-Box--secondary-custom .menu-drawer .navigatin-main-box .navigation-flex .gird-box .navigation-content .navigation-logo .header__heading-link {
    padding: 0;
    text-decoration:none !important;
}

.Drawer-Header-Box--custom .menu-drawer .navigatin-main-box .navigation-flex .gird-box .navigation-content .secondary-logo,
.Drawer-Header-Box--secondary-custom .menu-drawer .navigatin-main-box .navigation-flex .gird-box .navigation-content .secondary-logo {
    padding: 2rem 0;
    text-align: center;
    border-left: unset;
    border-right: unset;
}

.Drawer-Header-Box--custom .menu-drawer .navigatin-main-box .navigation-flex .gird-box .navigation-content .navigation-visible,
.Drawer-Header-Box--secondary-custom .menu-drawer .navigatin-main-box .navigation-flex .gird-box .navigation-content .navigation-visible {
    visibility: hidden;
}

.header-drawer-title {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-box-align: center;
    -ms-box-align: center;
    flex-wrap:wrap;
    height: auto;
    margin: 0;
    padding: 0;
}

.header-drawer-title .header-drawer-icon,.header-drawer-title .header-drawer-heading {
    line-height: normal;
    margin: 0;
    padding: 0;
    width: auto;
    =:
    normal;
}

.header-drawer-title .header-drawer-heading h5 {
    margin: 0;
    line-height: normal;
    font-size:18px;
}

.header-drawer-title .header-drawer-icon header-drawer {
    margin: 0;
    line-height: normal;
}

.section-header {
  transition: all 0.4s ease;
}

.Over-Sticky-Header {
  transform: translateY(0);
}

.Over-Sticky-Header {
    position: fixed !important;
    top: 0 !important;
    left: 0;
    width: 100%;
    transform: unset;
    transition:0.5s ease-in-out;
    z-index:3;
}

/**********************End**********************/

/*****************Banner Slider Css*******************/

.Banner-Slider {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
}

.Banner-Slider .Slider {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
}

.Banner-Slider .Slider .flex-box {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
}

.Banner-Slider .Slider .flex-box .Flex-Slide {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-box-align: center;
    -ms-box-align: center;
    flex-wrap:wrap;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    position:relative;
}

.Banner-Slider .Slider .flex-box .Flex-Slide--reverse {
    flex-direction: row-reverse;
}

.Banner-Slider .Slider .flex-box-animation .Image .Image-Box {
    overflow: hidden;
    transform-style: preserve-3d;
}

.Banner-Slider .Slider .flex-box-animation .Image .Image-Box img,
.Banner-Slider .Slider .flex-box-animation .Image .Image-Box video {
    transform: scale(1.2);
    transform-style: preserve-3d;
    will-change: transform;
}

.Banner-Slider .Slider .swiper-slide-active .flex-box-animation .Image .Image-Box img,
.Banner-Slider .Slider .swiper-slide-active .flex-box-animation .Image .Image-Box video {
    transform: scale(1);
}

.Banner-Slider .Slider .flex-box .Flex-Slide .Image-Slide {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-wrap: wrap;
    position:relative;
}

.Banner-Slider .Slider .flex-box .Flex-Slide .Video-Slide .Image {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-wrap: wrap;
    position:relative;
}

.Banner-Slider .Slider .align-start {
    align-items: start;
    -webkit-box-align: start;
    -ms-box-align: start;
}

.Banner-Slider .Slider .align-end {
    align-items: end;
    -webkit-box-align: end;
    -ms-box-align: end;
}

.Banner-Slider .Slider .align-center {
    align-items: center;
    -webkit-box-align: center;
    -ms-box-align: center;
}

.Banner-Slider .Slider .start {
    justify-content: start;
}

.Banner-Slider .Slider .middle {
    justify-content: center;
}

.Banner-Slider .Slider .end {
    justify-content: end;
}

.Banner-Slider .Slider .align-start .Caption {
    top: 1rem;
}

.Banner-Slider .Slider .align-end .Caption {
    bottom: 1rem
}



.Banner-Slider .Slider .Image-Slide.align-start .Caption,
.Banner-Slider .Slider .Video-Slide.align-start .Caption {
    top: 1rem;
}

.Banner-Slider .Slider .Image-Slide.align-end .Caption,
.Banner-Slider .Slider .Video-Slide.align-end .Caption  {
    bottom: 1rem
}

.Banner-Slider .Slider .end .Caption {
    right: 3rem
}

.Banner-Slider .Slider .start .Caption {
    left: 3rem
}

.Banner-Slider .Slider .flex-box .placeholder-svg {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    display: block;
}

.Banner-Slider .Slider .flex-box .Image {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
}

.Banner-Slider .Slider .flex-box .Image .Image-Box {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    position: relative;
}

.Banner-Slider .Slider .flex-box .Image .Image-Box img,
.Banner-Slider .Slider .flex-box .Image .Image-Box video {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
}

.Banner-Slider .Slider .flex-box .Image .Image-Box .Overlay {
    display: block;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #000;
}

.Banner-Slider .Slider .flex-box .Caption {
    position: absolute;
    width: auto;
    height: auto;
    margin: 0 auto;
    padding: 0;
    max-width: 380px;
}

.Banner-Slider .Slider .flex-box .Caption .Caption-Content {
    width: auto;
    height: auto;
    margin: 0 auto;
    padding: 2rem;
}

.Banner-Slider .Slider .flex-box .Caption .Caption-Content .Title {
    width: 100%;
    height: auto;
    margin: 1rem auto;
    padding: 0;
}

.Banner-Slider .Slider .flex-box .Caption .Caption-Content .Title h2 {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
}

.Banner-Slider .Slider .flex-box .Caption .Caption-Content .Subtitle {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
}

.Banner-Slider .Slider .flex-box .Caption .Caption-Content .Subtitle h4 {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
}

.Banner-Slider .Slider .flex-box .Caption .Caption-Content .Info {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
}

.Banner-Slider .Slider .flex-box .Caption .Caption-Content .Info p {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
}

.Banner-Slider .Slider .flex-box .Caption .Button-Box {
    width: 100%;
    height: auto;
    margin: 2rem auto;
    padding: 0;
}

.Banner-Slider .Slider-Arrows .swiper-button-prev8,
.Banner-Slider .Slider-Arrows .swiper-button-next8 {
    width: 30px !important;
    height: 30px !important;
}


.Banner-Video {
    width: 100%;
    height: auto;
    margin: 0;
}

.Banner-Video .Video-Box {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-box-align: center;
    -ms-box-align: center;
    flex-wrap: wrap;
    justify-content: center;
    position:relative;
}

.Banner-Video .Video-Box .Flex-Box {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    position:relative;
}

.Banner-Video .Video-Box .Flex-Box.align-start {
    align-items: start;
    -webkit-box-align: start;
    -ms-box-align: start;
}

.Banner-Video .Video-Box .Flex-Box.align-end {
    align-items: end;
    -webkit-box-align: end;
    -ms-box-align: end;
}

.Banner-Video .Video-Box .Flex-Box.align-center {
    align-items: center;
    -webkit-box-align: center;
    -ms-box-align: center;
}

.Banner-Video .Video-Box .Flex-Box.start {
    justify-content: start;
}

.Banner-Video .Video-Box .Flex-Box.middle {
    justify-content: center;
}

.Banner-Video .Video-Box .Flex-Box.end {
    justify-content: end;
}

.Banner-Video .Video-Box .Flex-Box.align-start .Caption {
    top:1rem;
}

.Banner-Video .Video-Box .Flex-Box.align-end .Caption {
    bottom:1rem;
}

.Banner-Video .Video-Box .Flex-Box.end .Caption {
    right: 3rem
}

.Banner-Video .Video-Box .Flex-Box.start .Caption {
    left: 3rem
}

.Banner-Video .Video-Box .Flex-Box .Image {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    position: relative;
}

.Banner-Video .Video-Box .Flex-Box .Image video,
.Banner-Video .Video-Box .Flex-Box .Image img,
.Banner-Video .Video-Box .Flex-Box .Image svg {
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
}

.Banner-Video .Video-Box .Flex-Box .Image  .Poster {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    height: auto;
    width: auto;
    margin: 0;
    padding: 0;
}

.Banner-Video .Video-Box .Flex-Box .Image .Poster.active {
    display: none;
}

.Banner-Video .Video-Box .Flex-Box .Image .Poster img {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    object-fit: cover;
}

.Banner-Video .Video-Box .Flex-Box .Image  .Overlay {
    display: block;
    width: auto;
    height: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: black;
}

.Banner-Video .Video-Box .Flex-Box .Caption {
    position: absolute;
    width: auto;
    height: auto;
    margin: 0 auto;
    padding: 0;
    max-width: 420px;
}

.Banner-Video .Video-Box .Flex-Box .Caption .Caption-Content {
    width: auto;
    height: auto;
    margin: 0 auto;
    padding: 2rem;
}

.Banner-Video .Video-Box .Flex-Box .Caption .Caption-Content .Title {
    width: 100%;
    height: auto;
    margin: 0.5rem auto;
    padding: 0;
}

.Banner-Video .Video-Box .Flex-Box .Caption .Caption-Content .Title h2 {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
}

.Banner-Video .Video-Box .Flex-Box .Caption .Caption-Content .Subtitle {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
}

.Banner-Video .Video-Box .Flex-Box .Caption .Caption-Content .Subtitle h4 {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
}

.Banner-Video .Video-Box .Flex-Box .Caption .Caption-Content .Info {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
}

.Banner-Video .Video-Box .Flex-Box .Caption .Caption-Content .Info p {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
}

.Banner-Video .Video-Box .Flex-Box .Caption .Button-Box {
    width: 100%;
    height: auto;
    margin: 0rem auto;
    padding: 0;
}

.Banner-Video .Collection-Box {
    width: 100%;
    height: auto;
    margin: 3rem auto 0 auto;
    padding: 0;
}

.Banner-Video .Collection-Box .Flex-Collection {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-box-align: center;
    -ms-box-align: center;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    gap: 1rem 8rem;
}

.Banner-Video .Collection-Box .Flex-Collection .Collection-Grid {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
}


.Banner-Video .Collection-Box .Heading-Box {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}

.Banner-Video .Collection-Box .Heading-Box h2 {
    margin: 0;
}

.Banner-Video .Video-Box .Button-Caption {
    position: absolute;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
}

.Banner-Video .Video-Box .Button-Caption .Caption-Content {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
}

.Banner-Video .Video-Box .Button-Caption .Caption-Content .Button-Box {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-box-align: center;
    -ms-box-align: center;
    flex-wrap:wrap;
}

.Banner-Video .Video-Box .Button-Caption .Caption-Content .Button-Box .button {
    min-width: unset;
    min-height: unset;
    padding: 0;
    width: 45px;
    height: 45px;
    margin: 0;
    line-height: normal;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-box-align: center;
    -ms-box-align: center;
    flex-wrap:wrap;
    justify-content:center;
    border-radius: 50%;
    border: 4px solid;
    transition: 0.5s ease-in-out;
}

.Banner-Video .Video-Box .Button-Caption .Caption-Content .Button-Box .button::before,.Banner-Video .Video-Box .Button-Caption .Caption-Content .Button-Box .button::after {
    display: none;
}

.Banner-Video .Video-Box .Button-Caption .Caption-Content .Button-Box .button svg {
    width: 25px;
    height: 25px;
    display: block;
}

.Banner-Video .Video-Box .Button-Caption .Caption-Content .Button-Box .button.Pause-But {
    display: none;
}

.Banner-Video .Video-Box .Button-Caption.active .Caption-Content .Button-Box .button.Play-But {
    display: none;
}

.Banner-Video .Video-Box .Button-Caption.active .Caption-Content .Button-Box .button.Pause-But {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
}

/***********************End***************************/

/*********************Collection Tab Slider Css****************/

.Collection-Tab-Slider {
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.Collection-Tab-Slider .Collection-Tab-Slider-Flex-Box {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: stretch;
    -webkit-box-align: stretch;
    -ms-box-align: stretch;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}

.Collection-Tab-Slider .Wrapped {
    width: 100%;
    height: auto;
    position: relative;
}

.Collection-Tab-Slider--bottom .Col-Tab-Section-Heading .collection__description {
    margin-bottom: 3rem;
}

.Collection-Tab-Slider .Col-Tab-Section-Heading {
    position: relative;
}

.Collection-Tab-Slider .Col-Tab-Section-Heading,
.Col-Tab-Section-Headingflex-title {
    width: 100%;
    height: auto;
    padding: 0 2rem;
    margin: 0 auto !important;
}

.Col-Tab-Section-Headingflex-title {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-box-align: center;
    -ms-box-align: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

.Collection-Tab-Slider .Col-Tab-Section-Heading h2 {
    margin-bottom: 1rem;
}

.Collection-Tab-Slider .Col-Tab-Section-Heading--heading-video .Heading-Viewall {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-box-align: center;
    -ms-box-align: center;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}

.Collection-Tab-Slider .Col-Tab-Section-Heading--heading-video .Heading-Viewall .Heading-Box,
.Collection-Tab-Slider .Col-Tab-Section-Heading--heading-video .Heading-Viewall .collection__view-all {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
}

.Collection-Tab-Slider .Col-Tab-Section-Heading--heading-video .Heading-Viewall .Heading-Box h2,
.Collection-Tab-Slider .Col-Tab-Section-Heading--heading-video-bottom h2 {
    margin: 0 auto;
    width: 100%;
    padding: 0;
    height: auto;
}

.Collection-Tab-Slider .Collection-Tab-Slider-Flex-Box .Section-Head-Grid,
.Collection-Tab-Slider .Collection-Tab-Slider-Flex-Box .Collection-Tab-Slider-Grid-Box {
    height: auto;
    margin: 0;
    padding: 0;
}

.Collection-Tab-Slider .Collection-Tab-Slider-Flex-Box .Section-Head-Grid .Video-Box {
    width: 100%;
    height: 100%;
    margin: 0;
    display: block;
    padding: 0;
    position: relative;
}

.Collection-Tab-Slider .Collection-Tab-Slider-Flex-Box .Section-Head-Grid .Video-Box video {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}

.Collection-Tab-Slider .Col-Tab-Section-Heading--heading-video,
.Collection-Tab-Slider .Col-Tab-Section-Heading--heading-video-bottom {
    padding: 0;
    margin-bottom: 3rem !important;
}

.Collection-Tab-Slider .Collection-Tab-Slider-Flex-Box .Collection-Tab-Slider-Grid-Box {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-box-align: center;
    -ms-box-align: center;
    flex-wrap: wrap;
}

.Collection-Tab-Slider .Collection-Tab-Slider-Flex-Box .Collection-Tab-Slider-Grid-Box .Tab-Button-Box {
    justify-content: start !important;
}

.Collection-Tab-Slider .Subtitle {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
}

.Collection-Tab-Slider .Subtitle h4.subtitle {
    margin: 0 auto 1rem auto;
    width: 100%;
    padding: 0;
    font-style: var(--font-heading-style);
    font-weight: var(--font-heading-weight);
    letter-spacing: calc(var(--font-heading-scale)* .06rem);
    color: rgb(var(--color-foreground));
    line-height: calc(1 + .3 / max(1, var(--font-heading-scale)));
    word-break: break-word;
}

.Collection-Tab-Slider .Subtitle-Colored h4 {
    width: auto !important;
    display: inline-block;
    padding: .5rem 3rem !important;
    --border-offset: var(--buttons-border-offset);
    --border-opacity: calc(1 - var(--buttons-border-opacity));
    border-radius: var(--buttons-radius-outset);
}

.Col-Tab-Section-Heading .collection__description,
.Col-Tab-Section-Headingflex-title .collection__description {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
}

.Collection-Tab-Slider .Collection-Tabs-Slider-Box {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
}

.Collection-Tab-Slider .Collection-Tabs-Slider-Box .Tabs {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
}

.Collection-Tab-Slider .Collection-Tabs-Slider-Box .Tabs .Tab-Button-Box {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: stretch;
    -webkit-box-align: stretch;
    -ms-box-align: stretch;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0;
    margin: 0 auto 3rem auto;
    padding: 0;
}

.Collection-Tab-Slider .Collection-Tab-Slider-Flex-Box .Collection-Tab-Slider-Grid-Box .Tab-Button-Box {
    margin: 3rem auto;
}

.Collection-Tab-Slider .Collection-Tabs-Slider-Box .Tabs .Tab-Button-Box .tab-flex {
    display: inline-flex;
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    align-items: center;
    -webkit-box-align: center;
    -ms-box-align: center;
    justify-content: center;
    gap: 1rem 3rem;
    margin: 0;
    padding: 1rem 0;
    position: relative;
    list-style: none;
    overflow: unset;
    height: auto;
    flex-wrap: wrap;
    width: 100%;
}

.Collection-Tab-Slider .Collection-Tabs-Slider-Box .Tabs .Tab-Button-Box button.tab-link {
    min-width: unset;
    min-height: unset;
    padding: 1rem 2rem;
}

.Collection-Tab-Slider .Collection-Tabs-Slider-Box .Tabs .Tab-Button-Box .button-circle,
.button-circle {
    border-radius: 20px;
}

.Collection-Tab-Slider .Collection-Tabs-Slider-Box .Tabs .Tab-Button-Box .button-circle::after,
.Collection-Tab-Slider .Collection-Tabs-Slider-Box .Tabs .Tab-Button-Box .button-circle::before,
.button-circle::after,
.button-circle::before {
    border-radius: 20px;
}

.Collection-Tab-Slider .Collection-Tabs-Slider-Box .Tabs .Tab-Panel-Box {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
}

.Collection-Tab-Slider .Collection-Tabs-Slider-Box .Tabs .Tab-Panel-Box .Tab-Content-Slider {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
}

.Collection-Tab-Slider .Tabs .Tab-Panel-Box .tab-content {
    display: none;
}

.Collection-Tab-Slider .Tabs .Tab-Panel-Box .tab-content.current {
    display: block;
}

.Collection-Tab-Slider .quick-add--auto .quick-add__submit,
.Collection-Tab-Slider .quick-add--auto-rounded .quick-add__submit {
    display: inline-flex;
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    width: auto;
    min-width: unset;
    padding: 1rem 2rem;
    min-height: unset;
}

.Collection-Tab-Slider .quick-add--half .quick-add__submit,
.Collection-Tab-Slider .quick-add--half-rounded .quick-add__submit {
    width: 50%;
    display: inline-flex;
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    width: auto;
    min-width: unset;
    padding: 1rem 2rem;
    min-height: unset;
}

.Collection-Tab-Slider .quick-add--half-rounded .quick-add__submit,
.Collection-Tab-Slider .quick-add--auto-rounded .quick-add__submit,
.Collection-Tab-Slider .quick-add--theme-rounded .quick-add__submit,
.Collection-Tab-Slider .quick-add--half-rounded .quick-add__submit::after,
.Collection-Tab-Slider .quick-add--auto-rounded .quick-add__submit::after,
.Collection-Tab-Slider .quick-add--theme-rounded .quick-add__submit::after,
.Collection-Tab-Slider .quick-add--half-rounded .quick-add__submit::before,
.Collection-Tab-Slider .quick-add--auto-rounded .quick-add__submit::before,
.Collection-Tab-Slider .quick-add--theme-rounded .quick-add__submit::before {
    border-radius: 20px;
}

.Collection-Tab-Slider .collection__view-all .button-circle {
    min-height: unset;
    padding: 1rem 3rem;
}

.Collection-Tab-Slider .Collection-Tabs-Slider-Box .Tab-Content-Slider .Product-Box .card--standard .card__content {
    padding: 1rem;
}

.collection__view-all--heading-video-bottom {
    margin: 3rem auto;
    padding: 0;
    width: 100%;
    height: auto;
}


.collection__view-all--heading-video-bottom .button {
    margin: 0 !important;
}

.Col-Tab-Slider-Svg {
    position: absolute;
    left: -6vw;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
}

.Col-Tab-Slider-Svg svg {
    display: block;
    width: 120px;
    height: auto;
    margin: 0;
    padding: 0;
}

/*******************************End****************************/

/******************Image Text Section Css********************/

.Image-Text {
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.Image-Text .Subtitle {
    width: 100%;
    height: auto;
    margin: 0 auto 1rem auto;
    padding: 0;
}

.Image-Text .Subtitle h4 {
    margin: 0;
}

.Image-Text .Title-Box {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
}

.Image-Text .Title-Box h2 {
    width: 100%;
    height: auto;
    margin: 0 auto 1em auto;
    padding: 0;
}

.Image-Text .Image-Text-Box {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: stretch;
    -webkit-box-align: stretch;
    -ms-box-align: stretch;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    height: auto;
    margin: 0rem auto;
    padding: 0;
}

.Image-Text .Image-Text-Box.reverse {
    flex-direction: row-reverse;
}

.Image-Text .Image-Text-Box .Grid-Box {
    height: auto;
    margin: 0;
    padding: 0;
    position: relative;
}

.Image-Text .Image-Text-Box .Grid-Box .Flex-Images {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-box-align: center;
    -ms-box-align: center;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

.Image-Text .Image-Text-Box .Grid-Box .Flex-Images .Image-Box {
    height: auto;
    margin: 0;
    position: relative;
}

.Image-Text .Image-Text-Box .Grid-Box .Flex-Images .Image-Box .Overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: auto;
    height: auto;
    display: block;
    background-color: #000;
}

.Image-Text .Image-Text-Box .Grid-Box .Flex-Images .Image-Box img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
}

.Image-Text .Image-Text-Box .Grid-Box .Flex-Images .Image-Box-Second {
    top: -30px;
    right: 15px;
}

.Image-Text .Image-Text-Box .Grid-Box .Flex-Images .Image-Box .image-placeholder {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}

.Image-Text .Image-Text-Box .Grid-Box .Flex-Images .Image-Box .image-placeholder svg {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
}

.Image-Text .Image-Text-Box .Grid-Box .Flex-Box {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 8rem;
}

.Image-Text .Image-Text-Box .Grid-Box .Flex-Box.align-center {
    align-items: center;
    -webkit-box-align: center;
    -ms-box-align: center;
}

.Image-Text .Image-Text-Box .Grid-Box .Flex-Box.align-end {
    align-items: end;
    -webkit-box-align: end;
    -ms-box-align: end;
}

.Image-Text .Image-Text-Box .Grid-Box .Flex-Box.align-start {
    align-items: start;
    -webkit-box-align: start;
    -ms-box-align: start;
}

.Image-Text .Image-Text-Box .Grid-Box .Flex-Box.start {
    justify-content: start;
}

.Image-Text .Image-Text-Box .Grid-Box .Flex-Box.end {
    justify-content: end;
}

.Image-Text .Image-Text-Box .Grid-Box .Flex-Box.middle {
    justify-content: center;
}

.Image-Text .Image-Text-Box .Grid-Box .Flex-Box .Text-Box {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
}

.Image-Text .Image-Text-Box .Grid-Box .Flex-Box .Text-Box .Image-Block {
    width: 100%;
    height: auto;
    margin: 1rem auto 7rem auto;
    padding: 0;
}

.Image-Text .Image-Text-Box .Grid-Box .Flex-Box .Text-Box .Image-Block svg {
    display: block;
}

.Image-Text .Image-Text-Box .Grid-Box .Flex-Box .Text-Box .Sub-Title,
.Image-Text .Image-Text-Box .Grid-Box .Flex-Box .Text-Box .Title,
.Image-Text .Image-Text-Box .Grid-Box .Flex-Box .Text-Box .Info,
.Image-Text .Image-Text-Box .Grid-Box .Flex-Box .Text-Box .Custom-Button {
    width: 100%;
    height: auto;
    margin: 1rem auto;
    padding: 0;
}

.Image-Text .Image-Text-Box .Grid-Box .Flex-Box .Text-Box .Sub-Title h2,
.Image-Text .Image-Text-Box .Grid-Box .Flex-Box .Text-Box .Title h2,
.Image-Text .Image-Text-Box .Grid-Box .Flex-Box .Text-Box .Info p,
.Image-Text .Image-Text-Box .Grid-Box .Flex-Box .Text-Box .Custom-Button a {
    margin: 0;
    height: auto;
}

.Image-Text .Image-Text-Box .Grid-Box .Flex-Box .Text-Box .Sub-Title h2 {
    width: 100%;
    height: auto;
    padding: 0;
}

.Image-Text .Image-Text-Box .Grid-Box .Flex-Box .Text-Box .Title h2 {
    width: 100%;
    height: auto;
    padding: 0;
}

.Image-Text .Image-Text-Box .Grid-Box .Flex-Box .Text-Box .Info {
    margin: 2rem auto;
    width: 100%;
    padding: 0;
    height: auto;
}

.Image-Text .Image-Text-Box .Grid-Box .Flex-Box .Text-Box .Info-Gap p {
    margin: 1em auto;
}

/**************************End*******************************/

/*******************Marquee Section Css**********************/

.Marquee-Slider-Section {
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.Marquee-Slider-Section .Marquee-Box {
    width: 100%;
    height: auto;
    margin: 0 auto;
    position: relative;
}

.Marquee-Slider-Section .Marquee-Box .Marquee-Grid {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: stretch;
    -webkit-box-align: stretch;
    -ms-box-align: stretch;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    margin: 0;
    padding: .5rem;
}

.Marquee-Slider-Section .Marquee-Box .Marquee-Grid .Flex-Box {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-box-align: center;
    -ms-box-align: center;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}

.Marquee-Slider-Section .Marquee-Box .Marquee-Grid .Flex-Box .Title,
.Marquee-Slider-Section .Marquee-Box .Marquee-Grid .Flex-Box .Icon-Box {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
}

.Marquee-Slider-Section .Marquee-Box .Marquee-Grid .Flex-Box .Title h2,
.Marquee-Slider-Section .Marquee-Box .Marquee-Grid .Flex-Box .Icon-Box svg,
.Marquee-Slider-Section .Marquee-Box .Marquee-Grid .Flex-Box .Icon-Box img {
    display: block;
    height: auto;
    margin: 0;
    padding: 0;
}

.Marquee-Slider-Section .Marquee-Box .Marquee-Grid .Flex-Box .Icon-Box img {
    width: 100%;
}

.Marquee-Slider-Section .Marquee-Box .swiper-pagination.theme {
    bottom: var(--swiper-pagination-bottom, 8px) !important;
}

.Marquee-Custom-Section .Marquee-Box {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: stretch;
    -webkit-box-align: stretch;
    -ms-box-align: stretch;
}

.Marquee-Custom-Section .Marquee-Box .Marquee-Slide {
    flex-wrap: wrap;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-box-align: center;
    -ms-box-align: center;
    flex-wrap: wrap;
    width: auto;
    height: 100%;
    margin: 0;
    padding: .5rem;
}

.Marquee-Custom-Section .Marquee-Box .Marquee-Slide .Flex-Box {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-box-align: center;
    -ms-box-align: center;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}

.Marquee-Custom-Section .Marquee-Box .Marquee-Slide .Flex-Box .Title,
.Marquee-Custom-Section .Marquee-Box .Marquee-Slide .Flex-Box .Icon-Box {
    width: auto;
    height: auto;
    margin: 0;
}

.Marquee-Slider-Section .Marquee-Box .Marquee-Grid .Flex-Box .Icon-Box {
    position: relative;
    right: -1vw;
}

.Marquee-Custom-Section .Marquee-Box .Marquee-Slide .Flex-Box .Title h2,
.Marquee-Custom-Section .Marquee-Box .Marquee-Slide .Flex-Box .Icon-Box svg,
.Marquee-Custom-Section .Marquee-Box .Marquee-Slide .Flex-Box .Icon-Box img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}

.Marquee-Custom-Section .Marquee-Box .Marquee-Slide .Flex-Box .Icon-Box img {
    width: 100%;
}

.Marquee-Custom-Section {
    overflow: hidden;
    justify-content: center;
    align-items: center;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-box-align: center;
    -ms-box-align: center;
    flex-wrap: wrap;
    position: relative;
}

.Marquee-Custom-Section .Wrapped {
    height: auto;
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
}

.Marquee-Custom-Section .Wrapped .Marquee-Boxy {
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.Marquee-Custom-Section .Wrapped .Marquee-Boxy .marquee {
    height: 100%;
    width: 100%;
    position: relative;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-box-align: center;
    -ms-box-align: center;
    flex-wrap: wrap;
}

.Marquee-Custom-Section .Wrapped .Marquee-Boxy .marquee .marquee-boxed {
    display: block;
    width: 200%;
    height: auto;
    position: absolute;
    overflow: hidden;
}

.Marquee-Custom-Section .Wrapped .Marquee-Boxy .marquee .Marquee-Box-Content {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-box-align: center;
    -ms-box-align: center;
    width: 100%;
    height: 100%;
    justify-content: center;
    flex-shrink: 0;
}

.Marquee-Custom-Section .Wrapped .Marquee-Boxy .marquee .Marquee-Box-Content .Marquee-Slide {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-box-align: center;
    -ms-box-align: center;
    flex-wrap: wrap;
    height: 100%;
}

.Marquee-Custom-Section .Wrapped .Marquee-Boxy .marquee .Marquee-Box-Content .Marquee-Slide .Flex-Box {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-box-align: center;
    -ms-box-align: center;
    flex-wrap: wrap;
    height: 100%;
    width: 100%;
}

.Marquee-Custom-Section .Wrapped .Marquee-Boxy .marquee .Marquee-Box-Content .Marquee-Slide .Flex-Box .Title,
.Marquee-Custom-Section .Wrapped .Marquee-Boxy .marquee .Marquee-Box-Content .Marquee-Slide .Flex-Box .Icon-Box {
    height: auto;
}

.Marquee-Custom-Section .Wrapped .Marquee-Boxy .marquee .Marquee-Box-Content .Marquee-Slide .Flex-Box .Title h2,
.Marquee-Custom-Section .Wrapped .Marquee-Boxy .marquee .Marquee-Box-Content .Marquee-Slide .Flex-Box .Icon-Box svg,
.Marquee-Custom-Section .Wrapped .Marquee-Boxy .marquee .Marquee-Box-Content .Marquee-Slide .Flex-Box .Icon-Box img {
    margin: 0;
    height: auto;
    width: 100%;
    display: block;
}

/**************************End*******************************/

/****************Collection Card Css******************/

.Collection-Cards-Section {
    width: 100%;
    height: auto;
    margin: 0;
}

.Collection-Cards-Section .Subtitle,.Collection-Cards-Section .Title {
    width: 100%;
    height: auto;
    margin: 1rem auto;
    padding: 0;
}

.Collection-Cards-Section .Subtitle h4, .Collection-Cards-Section .Title h2 {
    margin: 0;
}

.Collection-Cards-Section .Title {
    margin-bottom: 3rem;
}

.Collection-Cards-Section .Section-Content {
    width: 100%;
    height: auto;
    margin: 0 auto 3rem auto;
    padding: 0;
}

.Collection-Cards-Section .Section-Content .Subtitle,
.Collection-Cards-Section .Section-Content .Title, 
.Collection-Cards-Section .Section-Content .Info {
    width: 100%;
    height: auto;
    margin: 1rem auto;
    padding: 0;
}

.Collection-Cards-Section .Info p {
    margin: 0;
}

.Collection-Cards-Section .Collection-Cards-Box {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}

.Collection-Cards-Section .Collection-Cards-Box .Collection-Cards-Flex {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: stretch;
    -webkit-box-align: stretch;
    -ms-box-align: stretch;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}

.Collection-Cards-Section .Collection-Cards-Box .Collection-Cards-Flex-Gap {
    gap:2rem;
}

.Collection-Cards-Section .Collection-Cards-Box .Slide-Box {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: stretch;
    -webkit-box-align: stretch;
    -ms-box-align: stretch;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}

.Collection-Cards-Section .Collection-Cards-Box .Slide-Box-Gap {
    gap:2rem;
}

.Collection-Cards-Section .Collection-Cards-Box  .Grid-Box {
    height: auto;
    margin: 0;
    padding: 0;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-wrap: wrap;
    position:relative;
    align-items: center;
    -webkit-box-align: center;
    -ms-box-align: center;
	flex-wrap:wrap;
	justify-content:center;
}

.Collection-Cards-Section .Collection-Cards-Box .Grid-Box .Image {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    position: relative;
}

.Collection-Cards-Section .Collection-Cards-Box .Grid-Box-Animation {
    overflow:hidden;
}

.Collection-Cards-Section .Collection-Cards-Box .Grid-Box .Image img,
.Collection-Cards-Section .Collection-Cards-Box .Grid-Box .Image svg {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    transition: 0.5s ease-in-out;
    transform-style: preserve-3d;
}

.Collection-Cards-Section .Collection-Cards-Box .Grid-Box-Animation:hover .Image img,
.Collection-Cards-Section .Collection-Cards-Box .Grid-Box-Animation:hover .Image svg {
    transform:scale(1.01);
}

.Collection-Cards-Section .Collection-Cards-Box .Grid-Box .Image .Overlay {
    display: block;
    position: absolute;
    width: auto;
    height: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0;
    background-color: black;
}

.Collection-Cards-Section .Collection-Cards-Box .Grid-Box .Caption {
    position: absolute;
    width: auto;
    height: auto;
    margin: 0;
    padding: 1rem;
}

.Collection-Cards-Section .Collection-Cards-Box .Grid-Box .Title-Caption {
    transition: height .35s ease, opacity .35s ease, transform .35s ease;
    opacity:1;
}

.Collection-Cards-Section .Collection-Cards-Box .Grid-Box.active .Title-Caption {
    opacity:0;
    height:0;
    transform:translateY(-100px);
}

.Collection-Cards-Section .Collection-Cards-Box .Grid-Box .Caption .Caption-Content {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}

.Collection-Cards-Section .Collection-Cards-Box .Grid-Box .Caption .Caption-Content .Title {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}

.Collection-Cards-Section .Collection-Cards-Box .Grid-Box .Caption .Caption-Content .Title h2 {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}

.Collection-Cards-Section .Collection-Cards-Box .Grid-Box .Caption ul {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    list-style: none;
}

.Collection-Cards-Section .Collection-Cards-Box .Grid-Box .Caption ul li {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}

.Collection-Cards-Section .Collection-Cards-Box .Grid-Box .Caption ul li a {
    text-decoration: none;
    position:relative;
    font-size:18px;
}

.Collection-Cards-Section .Collection-Cards-Box .Grid-Box .Caption ul li a::after {
    content: "";
    width: 0;
    height: 1px;
    position: absolute;
    bottom: -6px;
    transition: width 0.5s ease-in-out;
    left: 0;
}

.Collection-Cards-Section .Collection-Cards-Box .Grid-Box .Caption ul li:hover a::after {
    width: 100%;
}

.Collection-Cards-Section .Collection-Cards-Box .Grid-Box .Caption.Link-Caption {
    overflow: hidden;
    opacity: 0;
    height: 0;
    transition: height .35s ease, opacity .35s ease;
    will-change: height, opacity;
}

.Collection-Cards-Section .Collection-Cards-Box .Grid-Box.active .Caption.Link-Caption {
    opacity: 1;
}

/***********************End***************************/

/*********************Promotion Banner Css*********************/

.Promotion-Banners {
    width: 100%;
    height: auto;
    margin: 0 auto;
    position:relative;
}

.Promotion-Banners .Banner-Flex--middle {
    justify-content: center;
}

.Promotion-Banners .Banner-Flex--start {
    justify-content: start;
}

.Promotion-Banners .Banner-Flex--end {
    justify-content: end;
}

.Promotion-Banners .Banner-Flex--space-between {
    justify-content: space-between;
}

.Promotion-Banners .Promotion-Banners-Bg {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
}

.Promotion-Banners .Banner-Flex .Banner-Grid img {
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
}

.Promotion-Banners .Subtitle {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    position:relative;
}

.Promotion-Banners .Subtitle h4 {
    margin: 0 auto 1rem auto;
}

.Promotion-Banners .Title-Box {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    position:relative;
}

.Promotion-Banners .Title-Box .Title {
    margin-bottom: 7rem;
}

.Promotion-Banners .Title-Box h2 {
    margin-top: 0;
}

.Promotion-Banners .Banner-Flex {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: stretch;
    -webkit-box-align: stretch;
    -ms-box-align: stretch;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    justify-content: space-between;
    gap: 0;
    position:relative;
}

.Promotion-Banners .Banner-Flex-Masonary {
    align-items: start;
    -webkit-box-align: start;
    -ms-box-align: start;
}

.Promotion-Banners .Banner-Flex-Gap {
    gap: 2rem;
}

.Promotion-Banners .Banner-Flex .Banner-Grid {
    position: relative;
    height: auto;
    margin: 0;
    padding: 0;
}

.Promotion-Banners .Banner-Flex-Masonary .Banner-Grid-Even {
    margin-top: 10rem;
}

.Promotion-Banners .Banner-Flex .Banner-Grid .Flex-Box {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 0;
    text-decoration:none;
}




.Promotion-Banners .Banner-Flex .Banner-Grid .Flex-Box.reverse-row {
    flex-direction: row-reverse;
}

.Promotion-Banners .Banner-Flex .Banner-Grid .Flex-Box-Animation .Caption-Box-Animation {
    transition: 0.5s ease-in-out;
    transform-style: preserve-3d;
    transform: translateY(50%);
}

.Promotion-Banners .Banner-Flex .Banner-Grid .Flex-Box-Animation .Caption-Box-Animation .Custom-Button {
    opacity:0;
}

.Promotion-Banners .Banner-Flex .Banner-Grid .Flex-Box-Animation:hover .Caption-Box-Animation {
    transform:translateY(0%);
}

.Promotion-Banners .Banner-Flex .Banner-Grid .Flex-Box-Animation:hover .Caption-Box-Animation .Custom-Button {
    opacity:1;
}

.Promotion-Banners .Banner-Flex .Banner-Grid .Flex-Box.align-start {
    align-items: start;
    -webkit-box-align: start;
    -ms-box-align: start;
}

.Promotion-Banners .Banner-Flex .Banner-Grid .Flex-Box.align-center {
    align-items: center;
    -webkit-box-align: center;
    -ms-box-align: center;
}

.Promotion-Banners .Banner-Flex .Banner-Grid .Flex-Box.align-end {
    align-items: end;
    -webkit-box-align: end;
    -ms-box-align: end;
}

.Promotion-Banners .Banner-Flex .Banner-Grid .Flex-Box.start {
    justify-content: start;
}

.Promotion-Banners .Banner-Flex .Banner-Grid .Flex-Box.middle {
    justify-content: center;
}

.Promotion-Banners .Banner-Flex .Banner-Grid .Flex-Box.end {
    justify-content: end;
}

.Promotion-Banners .Banner-Flex .Banner-Grid .Flex-Box .Image {
    width: 100%;
    height: auto;
    margin: 0;
    position: relative;
    padding: 0;
}

.Promotion-Banners .Banner-Flex .Banner-Grid .Hovered-Box {
    transition: 0.5s ease-in-out;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    display: block;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
}

.Promotion-Banners .Banner-Flex .Banner-Grid--Hover:hover .Hovered-Box {
    z-index: 1;
    opacity: 1;
    visibility: visible;
}

.Promotion-Banners .Banner-Flex .Banner-Grid .Flex-Box .Image img,
.Promotion-Banners .Banner-Flex .Banner-Grid .Flex-Box .Image .image-placeholder svg {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    display: block;
}

.Promotion-Banners .Banner-Flex .Banner-Grid .Flex-Box .Image-Animate {
    cursor: pointer;
}

.Promotion-Banners .Banner-Flex .Banner-Grid .Flex-Box .Image .Overlay {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #000;
}

.Promotion-Banners .Banner-Flex .Banner-Grid .Flex-Box .Caption-Box {
    position: absolute;
    width: auto;
    height: auto;
    margin: 0;
    padding: 1rem;
}

.Promotion-Banners .Banner-Flex .Banner-Grid .Flex-Box .Caption-Box--theme {
    position: unset;
    width: 100%;
    margin-bottom: 3rem;
}

.Promotion-Banners .Banner-Flex .Banner-Grid .Flex-Box.normal .Caption-Box--theme {
    margin-top: 0rem;
    margin-bottom: 0;
}

.Promotion-Banners .Banner-Flex .Banner-Grid .Flex-Box .Caption-Bottom {
    position: unset;
}

.Promotion-Banners .Banner-Flex .Banner-Grid .Flex-Box .Caption-Box .Content-Box {
    width: auto;
    height: auto;
    margin: 0;
    padding: 2rem;
}

.Promotion-Banners .Banner-Flex .Banner-Grid .Flex-Box--theme .Caption-Box .Content-Box {
    width: 100%;
    padding: 0;
}

.Promotion-Banners .Banner-Flex .Banner-Grid .Flex-Box .Caption-Bottom .Content-Box {
    padding: 3rem 2rem;
}

.Promotion-Banners .Banner-Flex .Banner-Grid .Flex-Box .Caption-Bottom {
    position: absolute;
    bottom: 2vw;
}

.Promotion-Banners .Banner-Flex .Banner-Grid .Flex-Box .Caption-Bottom .Content-Box {
    padding: 0 2rem;
}

.Promotion-Banners .Banner-Flex .Banner-Grid .Flex-Box .Caption-Box .Content-Box .Sub-Title,
.Promotion-Banners .Banner-Flex .Banner-Grid .Flex-Box .Caption-Box .Content-Box .Title,
.Promotion-Banners .Banner-Flex .Banner-Grid .Flex-Box .Caption-Box .Content-Box .Info,
.Promotion-Banners .Banner-Flex .Banner-Grid .Flex-Box .Caption-Box .Content-Box .Custom-Button {
    width: 100%;
    height: auto;
    margin: 1rem auto;
    padding: 0;
}

.Promotion-Banners .Banner-Flex .Banner-Grid .Flex-Box .Caption-Box .Content-Box .Custom-Button--Hide {
    display:none;
}

.Promotion-Banners .Banner-Flex .Banner-Grid .Flex-Box .Caption-Box--theme .Content-Box .Sub-Title {
    margin-bottom: 3rem;
}


.Promotion-Banners .Banner-Flex .Banner-Grid .Flex-Box .Caption-Box .Content-Box .Sub-Title h2,
.Promotion-Banners .Banner-Flex .Banner-Grid .Flex-Box .Caption-Box .Content-Box .Title h2 {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
}

.Promotion-Banners .Banner-Flex .Banner-Grid .Flex-Box .Caption-Box .Content-Box .Title h2 span {
    width: 100%;
    display: block;
    margin: 0;
}

.Promotion-Banners .Banner-Flex .Banner-Grid .Flex-Box .Caption-Box .Content-Box .Info p {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
}

.Promotion-Banners .Banner-Flex .Banner-Grid .Flex-Box .Custom-Button--bottom-theme {
    margin-top:3rem;
}

.Promotion-Banners .Banner-Flex .Banner-Grid .Flex-Box .Custom-Button--bottom-theme .button span {
    position: absolute;
    transition: 0.5s ease-in-out;
    transform-style: preserve-3d;
}

.Promotion-Banners .Banner-Flex .Banner-Grid .Flex-Box .Custom-Button--bottom-theme .button:hover span.first {
    transform: translateY(-210%);
}

.Promotion-Banners .Banner-Flex .Banner-Grid .Flex-Box .Custom-Button--bottom-theme .button {
    overflow: hidden;
}

.Promotion-Banners .Banner-Flex .Banner-Grid .Flex-Box .Custom-Button--bottom-theme .button span.second {
    transform: translateY(210%);
    opacity: 0;
}

.Promotion-Banners .Banner-Flex .Banner-Grid .Flex-Box .Custom-Button--bottom-theme .button:hover span.second {
    opacity: 1;
    transform: translateY(0%);
}

/****************************End*******************************/

/*******************Banner Reveal******************/

.Banner-Revel {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}

.Banner-Revel-Flex {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    position: relative;
}

.Banner-Revel-Flex.align-center {
    align-items: center;
    -webkit-box-align: center;
    -ms-box-align: center;
}

.Banner-Revel-Flex.align-start {
    align-items: start;
    -webkit-box-align: start;
    -ms-box-align: start;
}

.Banner-Revel-Flex.align-end {
    align-items:end;
    -webkit-box-align:end;
    -ms-box-align:end;
}

.Banner-Revel-Flex.middle {
    justify-content: center;
}

.Banner-Revel-Flex.start {
    justify-content: start;
}

.Banner-Revel-Flex.end {
    justify-content: end;
}

.Banner-Revel-Flex .Image {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    position: relative;
}

.Banner-Revel-Flex .Image img, .Banner-Revel-Flex .Image svg {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}

.Banner-Revel-Flex .Image .Overlay {
    display: block;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    position: absolute;
    background-color: black;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.Banner-Revel-Flex .Caption {
    position: absolute;
    width: auto;
    height: auto;
    margin: 0;
    padding: 1rem;
}

.Banner-Revel-Flex .Caption .Caption-Content {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}

.Banner-Revel-Flex .Caption .Caption-Content .Subtitle {
    margin-bottom: 3rem;
    width: 100%;
    height: auto;
    padding: 0;
}

.Banner-Revel-Flex .Caption .Caption-Content .Subtitle h2 {
    margin: 0;
    width: 100%;
    height: auto;
    padding: 0;
}

.Banner-Revel-Flex .Caption .Caption-Content .Title {
    width: 100%;
    height: auto;
    margin: 1rem auto;
    padding: 0;
}

.Banner-Revel-Flex .Caption .Caption-Content .Title span {
    line-height: normal;
}

.Banner-Revel-Flex .Caption .Caption-Content .Title.word-reveal {
    margin-bottom: 3rem;
}

.Banner-Revel-Flex .Caption .Caption-Content .Custom-Button {
    width: 100%;
    height: auto;
    margin: 1rem auto;
    padding: 0;
}

.Banner-Revel-Flex .Caption .Caption-Content .Custom-Button-Flex {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-box-align: center;
    -ms-box-align: center;
    flex-wrap:wrap;
    justify-content:center;
    gap: 2rem;
}

.Banner-Revel-Flex .Caption .Caption-Content .Custom-Button-Flex .Button-Box {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
}

.word {
  opacity: 0;
  display: inline-block;
  transition: opacity 0.5s ease;
  will-change: opacity;
  font-size: 5rem;
}

.word.visible {
    opacity: 1;
}

/************************End***********************/

/*******************Sticky Scroll Content*******************/

.story-wrapper {
    position: relative;
    width: 100%;
}

.story-wrapper .story-sticky .story-slide {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-box-align: center;
    -ms-box-align: center;
    flex-wrap:wrap;
    justify-content:center;
}

.story-wrapper .story-sticky {
    position: sticky;
    top: 0;
    min-height: 100vh;
    overflow: hidden;
    height: auto;
}

.story-wrapper .story-sticky .story-slide .Image {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    position: relative;
}

.story-wrapper .story-sticky .story-slide .Image img,.story-wrapper .story-sticky .story-slide .Image svg {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    will-change: transform;
    transition: none;
}

.story-wrapper .story-sticky .story-slide .Caption {
    position: absolute;
    width: auto;
    height: auto;
    margin: 0;
    padding: 1rem;
    z-index:2;
}

.story-wrapper .story-sticky .story-slide .Caption .Caption-Content {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}

.story-wrapper .story-sticky .story-slide .Caption .Caption-Content .story-counter,
.story-wrapper .story-sticky .story-slide .Caption .Caption-Content .Title,
.story-wrapper .story-sticky .story-slide .Caption .Caption-Content .Info {
    width: 100%;
    height: auto;
    margin: 1rem auto;
    padding: 0;
}

.story-wrapper .story-sticky .story-slide .Caption .Caption-Content .Title h2, 
.story-wrapper .story-sticky .story-slide .Caption .Caption-Content .Info p {
    margin: 0;
    width: 100%;
    height: auto;
    padding: 0;
}

/***************************End*****************************/

/*****************Custon Contact Form********************/

.Custom-Contact {
    width: 100%;
    height: auto;
    margin: 0;
}

.Custom-Contact .Contact-Flex-Box {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: stretch;
    -webkit-box-align: stretch;
    -ms-box-align: stretch;
    flex-wrap:wrap;
    justify-content: space-between;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    gap: 2rem;
}

.Custom-Contact .Contact-Flex-Box .Grid-Box {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: start;
    -webkit-box-align: start;
    -ms-box-align: start;
    flex-wrap:wrap;
    justify-content:center;
    height: auto;
    margin: 0;
    padding: 0;
}

.Custom-Contact .Contact-Flex-Box .Grid-Box .Content-Box {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}

.Custom-Contact .Contact-Flex-Box .Content-Box .contact__fields {
    margin-bottom: 2rem;
}

.Custom-Contact .Contact-Flex-Box .Content-Box .contact__fields .fields {
    margin: 0;
}

.Custom-Contact .Contact-Flex-Box .Content-Box .field {
    margin-bottom: 2rem;
}

.Custom-Contact .Contact-Flex-Box .Content-Box .contact__fields .field {
    margin: 0;
}

.Custom-Contact .Contact-Flex-Box .Grid-Box .Content-Box .contact__button {
    margin-top: 3rem;
}

/************************End*****************************/

/********************Button Description Css******************/

.Button-Description {
    width: 100%;
    height: auto;
    margin: 0;
}

.Button-Description .Button-Text-Box {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}

.Button-Description .Button-Text-Box .Flex-Box {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: stretch;
    -webkit-box-align: stretch;
    -ms-box-align: stretch;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    justify-content: center;
}

.Button-Description .Button-Text-Box .Flex-Box.reverse {
    flex-direction: row-reverse;
}

.Button-Description .Button-Text-Box .Flex-Box .Grid-Box {
    height: auto;
    margin: 0;
    padding: 0;
    position: relative;
}

.Button-Description .Button-Text-Box .Flex-Box .Grid-Box .Flex-Grid {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-wrap: wrap;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
}

.Button-Description .Button-Text-Box .Flex-Box .Grid-Box .Flex-Grid.align-center {
    align-items: center;
    -webkit-box-align: center;
    -ms-box-align: center;
}

.Button-Description .Button-Text-Box .Flex-Box .Grid-Box .Flex-Grid.align-end {
    align-items: end;
    -webkit-box-align: end;
    -ms-box-align: end;
}

.Button-Description .Button-Text-Box .Flex-Box .Grid-Box .Flex-Grid.align-start {
    align-items: start;
    -webkit-box-align: start;
    -ms-box-align: start;
}

.Button-Description .Button-Text-Box .Flex-Box .Grid-Box .Flex-Grid.middle {
    justify-content: center
}

.Button-Description .Button-Text-Box .Flex-Box .Grid-Box .Flex-Grid.start {
    justify-content: start;
}

.Button-Description .Button-Text-Box .Flex-Box .Grid-Box .Flex-Grid.end {
    justify-content: end;
}

.Button-Description .Button-Text-Box .Flex-Box .Grid-Box .Flex-Grid .Content-Box {
    padding: 1rem;
    width: auto;
    height: auto;
    margin: 0;
}

.Button-Description .Button-Text-Box .Flex-Box .Grid-Box .Flex-Grid .Content-Box .Title,
.Button-Description .Button-Text-Box .Flex-Box .Grid-Box .Flex-Grid .Content-Box .Subtitle,
.Button-Description .Button-Text-Box .Flex-Box .Grid-Box .Flex-Grid .Content-Box .Custom-Button,
.Button-Description .Button-Text-Box .Flex-Box .Grid-Box .Flex-Grid .Content-Box .Info {
    width: 100%;
    height: auto;
    margin: 1rem auto;
    padding: 0;
}

.Button-Description .Button-Text-Box .Flex-Box .Grid-Box .Flex-Grid .Content-Box .Title h2,
.Button-Description .Button-Text-Box .Flex-Box .Grid-Box .Flex-Grid .Content-Box .Subtitle h2 {
    margin: 0;
    height: auto;
    width: 100%;
    padding: 0;
}

.Button-Description .Button-Text-Box .Flex-Box .Grid-Box .Flex-Grid .Content-Box .Info p {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}

.Button-Description .Button-Text-Box .Flex-Box .Grid-Box .Flex-Grid .Content-Box .Info-Gap p {
    margin: 1em auto;
}

.Button-Description .Button-Text-Box .Flex-Box .Grid-Box .Flex-Grid .Content-Box .Info a {
    color: currentColor;
    text-decoration: none;
}

/****************************End*****************************/

/********************Product Page Css*********************/


.Product-Details-Drawer-Button {
    width: 100%;
    height: auto;
    padding: 0;
}

.Product-Details-Drawer-Button .Flex-Details {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-box-align: center;
    -ms-box-align: center;
    flex-wrap:wrap;
    gap: 1rem;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}

.Product-Details-Drawer-Button .Flex-Details .Button-Box {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
}

.Product-Details-Drawer {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;

    width: 0;
    max-width: 600px;

    opacity: 0;
    visibility: hidden;

    overflow: hidden;

    transition:
      width 0.5s ease-in,
      opacity 0.3s ease-in,
      visibility 0s linear 0.5s;
      z-index:1;
}

.Product-Details-Drawer.active {
    width: 100%;
    opacity: 1;
    visibility: visible;

    transition:
      width 0.5s ease-in,
      opacity 0.3s ease-in,
      visibility 0s linear 0s;
}

.Product-Details-Drawer .Drawer-Box {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-box-align: center;
    -ms-box-align: center;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 5rem;
    position: relative;
}

.Product-Details-Drawer .Drawer-Box .Drawer-Content-Big {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-box-align: center;
    -ms-box-align: center;
    flex-wrap:wrap;
    justify-content:center;
    height: auto;
    width: 100%;
    margin: 0;
    padding: 0;
}

.Product-Details-Drawer .Drawer-Box .Close-Button {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-box-align: center;
    -ms-box-align: center;
    flex-wrap:wrap;
    justify-content: end;
}

.Product-Details-Drawer .Drawer-Box .Close-Button button {
    min-width: unset;
    min-height: unset;
    padding: 0;
    width: 25px;
    height: 25px;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-box-align: center;
    -ms-box-align: center;
    flex-wrap:wrap;
    justify-content:center;
}

.Product-Details-Drawer .Drawer-Box .Close-Button button::before,.Product-Details-Drawer .Drawer-Box .Close-Button button::after {
    display: none;
}

.Product-Details-Drawer .Drawer-Box .Close-Button button svg {
    width: 15px;
    height: 15px;
}

.Product-Details-Drawer .Drawer-Box .Content-Box {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    display: none;
    transition: 0.5s ease-in;
}

.Product-Details-Drawer .Drawer-Box .Content-Box .Drawer-Heading {
    width: 100%;
    height: auto;
    margin: 2rem auto;
    padding: 0;
}

.Product-Details-Drawer .Drawer-Box .Content-Box .Drawer-Heading h3 {
    margin: 0 !important;
    padding: 0;
}


.Product-Details-Drawer .Drawer-Box .Content-Box .Drawer-Info {
    width: 100%;
    height: auto;
    margin: 1rem auto;
    padding: 0;
}

.Product-Details-Drawer .Drawer-Box .Content-Box .Drawer-Info p {
    margin: 0;
}

.Product-Details-Drawer .Drawer-Box .Content-Box.active {
    display: block;
}

.Product-Breadcrumb {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}

.Product-Breadcrumb .Product-Breadcrumb-Nav {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}

.Product-Breadcrumb .Product-Breadcrumb-Nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-box-align: center;
    -ms-box-align: center;
    flex-wrap: wrap;
    gap: 0.2rem;
    line-height: normal;
}

.Product-Breadcrumb .Product-Breadcrumb-Nav ul li {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    line-height: normal;
}

.Product-Breadcrumb .Product-Breadcrumb-Nav ul li a, .Product-Breadcrumb .Product-Breadcrumb-Nav ul li  span {
    display: block;
    height: auto;
    line-height: normal;
    text-decoration: none;
    font-size: 1.2rem;
}

.Product-Breadcrumb .Product-Breadcrumb-Nav ul li span svg {
    display: block;
    width: 16px;
    height: 16px;
}

.Prebook-Section {
    width: 100%;
    height: auto;
    margin: 0;
}

.Prebook-Section .Subtitle,.Prebook-Section .Title,.Prebook-Section .Info {
    width: 100%;
    height: auto;
    margin: 1rem auto;
    padding: 0;
}

.Prebook-Section .Subtitle h4, .Prebook-Section .Title h2, .Prebook-Section .Info p {
    margin: 0;
}

.Prebook-Section .Title {
    margin-bottom: 3rem;
}

.Prebook-Section .Section-Content {
    width: 100%;
    height: auto;
    margin: 0 auto 3rem auto;
    padding: 0;
}

.Prebook-Section .Section-Content .Info {
    margin-top: 2rem;
}

.Prebook-Section .Prebook-Form {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}

.Prebook-Section .Prebook-Form .Form-Box {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}

.Prebook-Section .Prebook-Form .Form-Box form {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-box-align: center;
    -ms-box-align: center;
    flex-wrap:wrap;
    gap: 1rem;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}

.Prebook-Section .Prebook-Form .Form-Box form .contact__fields {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-box-align: center;
    -ms-box-align: center;
    flex-wrap:wrap;
    gap: 1rem;
}

.Prebook-Section .Prebook-Form .Form-Box form .field::before,
.Prebook-Section .Prebook-Form .Form-Box form .field::after {
    display: none;
}

.Prebook-Section .Prebook-Form .Form-Box form .form-status {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-box-align: center;
    -ms-box-align: center;
    flex-wrap:wrap;
}

.Prebook-Section .Prebook-Form .Form-Box form .form-status .Form-Icon {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
}

.Prebook-Section .Prebook-Form .Form-Box form .form-status .Form-Success-Content {
    width: 90%;
    height: auto;
    margin: 0;
    padding: 0;
}

.Prebook-Section .Prebook-Form .Form-Box form .form-status .Form-Success-Content .Heading,
.Prebook-Section .Prebook-Form .Form-Box form .form-status .Form-Success-Content .Info {
    width: 100%;
    height: auto;
    margin: 1rem auto;
    padding: 0;
}

.Prebook-Section .Prebook-Form .Form-Box form .form-status .Form-Success-Content .Heading h3, 
.Prebook-Section .Prebook-Form .Form-Box form .form-status .Form-Success-Content .Info p {
    margin: 0;
}

.Prebook-Section .Prebook-Form .Form-Box form .form-status .Form-Success-Content .Info p {
    font-size: 14px;
}

.product__text.inline-richtext {
    font-size: 1.3rem;
}

.product-form__submit--true {
    justify-content: space-between;
}

.product-form__submit {
    justify-content: center;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-box-align: center;
    -ms-box-align: center;
    flex-wrap:wrap;
    text-transform:uppercase;
}

.product-form__submit span {
    line-height: normal;
    margin: 0;
    height: auto;
}

.product-form__submit span .price {
    line-height: normal;
    height: auto;
    margin: 0;
}

.product-form__submit .price .price__container {
    margin: 0;
}

.product-form__quantity--boxed .quantity {
    gap: 1rem;
}

.product-form__quantity--boxed .quantity::before,.product-form__quantity--boxed .quantity::after {
    display: none;
}

.product-form__quantity--boxed .quantity .quantity__button, .product-form__quantity--boxed .quantity input {
    opacity: 1;
    outline: none;
    box-shadow: unset;
    width: 30%;
    flex: unset;
}

.product__title--capitalize {
    text-transform: capitalize;
}

.product__title--lowercase {
    text-transform: lowercase;
}

.product__title--uppercase {
    text-transform: uppercase;
}

.quick-add-modal--drawer .quick-add-modal__content .quick-add-modal__content-info .product {
    justify-content: center;
    align-items: start;
}

.quick-add-modal--drawer .quick-add-modal__content .quick-add-modal__content-info .product .grid__item.product__media-wrapper {
    position: sticky;
    top: 10px;
}

/**************************End****************************/

/********************Custom Collapsible*****************/

.collapsible-box,
.collapsible-boxd {
    width: 100%;
    height: auto;
    margin: 0rem auto 0.5rem auto;
    padding: 0;
}

.product__info-container .collapsible-box {
    margin: 1rem auto;
}

.collapsible-box .collapsible-item,
.collapsible-boxd .collapsible-itemd {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
}

.collapsible-box .collapsible-item .collapsible .icon-box svg,
.collapsible-boxd .collapsible-itemd .collapsibled .icon-box svg {
    width: 15px;
    height: 15px;
}

.collapsible-box .collapsible-item .collapsible,
.collapsible-boxd .collapsible-itemd .collapsibled {
    width: 100%;
    justify-content: space-between;
    min-width: unset;
    padding: 0 0rem;
    margin: 0 auto;
    border-radius: unset;
    border: none;
}

.collapsible-boxd.Padded .collapsible-itemd .collapsibled {
    padding: 2rem 0;
}

.collapsible-box.Padded .collapsible-item,
.collapsible-boxd.Padded .collapsible-itemd {
    padding: 0;
}

.collapsible-box-border .collapsible-item .collapsible,
.collapsible-boxd-border .collapsible-itemd .collapsibled {
    border-radius: unset;
    border-top: none;
    border-left: none;
    border-right: none;
}

.collapsible-box .collapsible-item.Padded .collapsible,
.collapsible-boxd .collapsible-itemd.Padded .collapsibled {
    padding-left: .5rem;
    padding-right: .5rem;
}

.collapsible-box .collapsible-item .collapsible::before,
.collapsible-box .collapsible-item .collapsible::after,

.collapsible-boxd .collapsible-itemd .collapsibled::before,
.collapsible-boxd .collapsible-itemd .collapsibled::after{
    display: none;
}

.collapsible-box .content,
.collapsible-boxd .contentd {
    padding: 0rem;
    overflow: hidden;
    max-height: 0;
    transition: max-height 1s ease-in-out;
}

.collapsible-box .content ul,
.collapsible-boxd .contentd ul {
    margin: 0.5rem auto;
    padding: 0;
    height: auto;
    width: 100%;
}

.collapsible-box .content ul li,
.collapsible-boxd .contentd ul li {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}

.collapsible-box.Padded .content {
    padding: 0 2rem;
}

.collapsible-boxd.Padded .contentd {
    padding:0 1rem;
}

.collapsible-box .collapsible-item .collapsible .icon-box svg,
.collapsible-boxd .collapsible-itemd .collapsibled .icon-box svg {
    width: 20px;
    height: 20px;
}

.collapsible-box .collapsible-item .collapsible-icon-button,
.collapsible-boxd .collapsible-itemd .collapsible-icon-buttond {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-box-align: center;
    -ms-box-align: center;
    flex-wrap: wrap;
    gap: 1rem;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
}

.collapsible-box .collapsible-item .collapsible-icon-button--false, 
.collapsible-boxd .collapsible-itemd .collapsible-icon-buttond--false {
    gap: unset;
}

.collapsible-box .collapsible-item .icon-box  svg,
.collapsible-boxd .collapsible-itemd .icon-box svg {
    width: 16px;
    height: 16px;
}

.collapsible-box .collapsible-item.collapsible-item--icon .icon-box svg,
.collapsible-boxd .collapsible-itemd.collapsible-item--icon .icon-box svg {
    width: 10px;
    height: 10px;
}

.collapsible-box .collapsible .icon-box .icon,
.collapsible-boxd .collapsibled .icon-box .icon {
    transition: 1s ease-in-out;
    transform-style: preserve-3d;
}


.collapsible-box .content p,
.collapsible-boxd .contentd p {
    margin: .5rem auto;
}

.collapsible-box .collapsible-item .icon-minus {
    display:none;
}

.collapsible-box .collapsible-item.active .icon-plus, 
.collapsible-boxd .collapsible-itemd.active .icon-plus {
    display:none;
}

.collapsible-box .collapsible-item.active .icon-minus, 
.collapsible-boxd .collapsible-itemd.active .icon-minus {
    display:block;
}

/***************************End*************************/

/******************Multi Banner Css******************/

.Multi-Banner {
    width: 100%;
    height: auto;
    margin: 0;
}

.Multi-Banner .Title-Box {
    width: 100%;
    height: auto;
    margin-bottom: 2rem;
    padding: 0;
}

.Multi-Banner .Title-Box .Title {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
}

.Multi-Banner .Title-Box .Title h2 {
    margin: 0;
    width: 100%;
    height: auto;
    padding: 0;
}

.Multi-Banner .Multi-Slider-Flex {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: stretch;
    -webkit-box-align: stretch;
    -ms-box-align: stretch;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    justify-content: space-between;
}

.Multi-Banner .Multi-Slider-Flex.Gap {
    justify-content: center;
    gap: 3rem;
}

.Multi-Banner .Multi-Slider-Flex.Gap .Double-Slide {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-wrap: wrap;
    gap: 3rem;
}

.Multi-Banner .Multi-Slider-Flex .Single-Slide,
.Multi-Banner .Multi-Slider-Flex .Double-Slide {
    height: auto;
    margin: 0;
    padding: 0;
}

.Multi-Banner .Multi-Slider-Flex .Single-Slide .Slide-Box,
.Multi-Banner .Multi-Slider-Flex .Double-Slide .First-Slider .Slide-Box,
.Multi-Banner .Multi-Slider-Flex .Double-Slide .Second-Slider .Slide-Box {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}

.Multi-Banner .Multi-Slider-Flex .Single-Slide .Slide-Box .Flex-Box,
.Multi-Banner .Multi-Slider-Flex .Double-Slide .First-Slider .Slide-Box .Flex-Box,
.Multi-Banner .Multi-Slider-Flex .Double-Slide .Second-Slider .Slide-Box .Flex-Box {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

.Multi-Banner .Multi-Slider-Flex .Single-Slide .Slide-Box .Flex-Box .Caption-Box,
.Multi-Banner .Multi-Slider-Flex .Double-Slide .First-Slider .Slide-Box .Flex-Box .Caption-Box,
.Multi-Banner .Multi-Slider-Flex .Double-Slide .Second-Slider .Slide-Box .Flex-Box .Caption-Box {
    position: absolute;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
}

.Multi-Banner .Multi-Slider-Flex .Single-Slide .Slide-Box .Flex-Box .Caption-Box .Content-Box,
.Multi-Banner .Multi-Slider-Flex .Double-Slide .First-Slider .Slide-Box .Flex-Box .Caption-Box .Content-Box,
.Multi-Banner .Multi-Slider-Flex .Double-Slide .Second-Slider .Slide-Box .Flex-Box .Caption-Box .Content-Box {
    width: auto;
    height: auto;
    margin: 0;
    padding: 1rem;
}

.Multi-Banner .Multi-Slider-Flex .Single-Slide .Slide-Box .Flex-Box.align-start,
.Multi-Banner .Multi-Slider-Flex .Double-Slide .First-Slider .Slide-Box .Flex-Box.align-start,
.Multi-Banner .Multi-Slider-Flex .Double-Slide .Second-Slider .Slide-Box .Flex-Box.align-start {
    align-items: start;
    -webkit-box-align: start;
    -ms-box-align: start;
}

.Multi-Banner .Multi-Slider-Flex .Single-Slide .Slide-Box .Flex-Box.align-center,
.Multi-Banner .Multi-Slider-Flex .Double-Slide .First-Slider .Slide-Box .Flex-Box.align-center,
.Multi-Banner .Multi-Slider-Flex .Double-Slide .Second-Slider .Slide-Box .Flex-Box.align-center {
    align-items: center;
    -webkit-box-align: center;
    -ms-box-align: center;
}

.Multi-Banner .Multi-Slider-Flex .Single-Slide .Slide-Box .Flex-Box.align-end,
.Multi-Banner .Multi-Slider-Flex .Double-Slide .First-Slider .Slide-Box .Flex-Box.align-end,
.Multi-Banner .Multi-Slider-Flex .Double-Slide .Second-Slider .Slide-Box .Flex-Box.align-end {
    align-items: end;
    -webkit-box-align: end;
    -ms-box-align: end;
}

.Multi-Banner .Multi-Slider-Flex .Single-Slide .Slide-Box .Flex-Box.start,
.Multi-Banner .Multi-Slider-Flex .Double-Slide .First-Slider .Slide-Box .Flex-Box.start,
.Multi-Banner .Multi-Slider-Flex .Double-Slide .Second-Slider .Slide-Box .Flex-Box.start {
    justify-content: start;
}

.Multi-Banner .Multi-Slider-Flex .Single-Slide .Slide-Box .Flex-Box.middle,
.Multi-Banner .Multi-Slider-Flex .Double-Slide .First-Slider .Slide-Box .Flex-Box.middle,
.Multi-Banner .Multi-Slider-Flex .Double-Slide .Second-Slider .Slide-Box .Flex-Box.middle {
    justify-content: center;
}

.Multi-Banner .Multi-Slider-Flex .Single-Slide .Slide-Box .Flex-Box.end,
.Multi-Banner .Multi-Slider-Flex .Double-Slide .First-Slider .Slide-Box .Flex-Box.end,
.Multi-Banner .Multi-Slider-Flex .Double-Slide .Second-Slider .Slide-Box .Flex-Box.end {
    justify-content: end;
}

.Multi-Banner .Multi-Slider-Flex .Single-Slide,
.Multi-Banner .Multi-Slider-Flex .Double-Slide {
    height: auto;
    margin: 0;
    padding: 0;
}

.Multi-Banner .Multi-Slider-Flex .Single-Slide .Slide-Box,
.Multi-Banner .Multi-Slider-Flex .Double-Slide .First-Slider,
.Multi-Banner .Multi-Slider-Flex .Double-Slide .Second-Slider {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    position: relative;
}

.Multi-Banner .Multi-Slider-Flex .Single-Slide .swiper {
    height: 100%;
}

.Multi-Banner .Multi-Slider-Flex .Single-Slide .swiper .Slide-Box {
    height: 100%;
}

.Multi-Banner .Multi-Slider-Flex .Single-Slide .Slide-Box .Image,
.Multi-Banner .Multi-Slider-Flex .Double-Slide .Slide-Box .Image {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

.Multi-Banner .Multi-Slider-Flex .Single-Slide .Slide-Box .Flex-Box .Image .Overlay,
.Multi-Banner .Multi-Slider-Flex .Double-Slide .Slide-Box .Flex-Box .Image .Overlay {
    display: block;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #000;
}

.Multi-Banner .Multi-Slider-Flex .Single-Slide .Slide-Box .Flex-Box .Image img,
.Multi-Banner .Multi-Slider-Flex .Single-Slide .Slide-Box .Flex-Box .Image svg,
.Multi-Banner .Multi-Slider-Flex .Double-Slide .Slide-Box .Flex-Box .Image img,
.Multi-Banner .Multi-Slider-Flex .Double-Slide .Slide-Box .Flex-Box .Image svg {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}

.Multi-Banner .Multi-Slider-Flex .Single-Slide .Slide-Box .Flex-Box .Caption-Box .Content-Box .Title,
.Multi-Banner .Multi-Slider-Flex .Double-Slide .First-Slider .Slide-Box .Flex-Box .Caption-Box .Content-Box .Title,
.Multi-Banner .Multi-Slider-Flex .Double-Slide .Second-Slider .Slide-Box .Flex-Box .Caption-Box .Content-Box .Title,
.Multi-Banner .Multi-Slider-Flex .Single-Slide .Slide-Box .Flex-Box .Caption-Box .Content-Box .Subtitle,
.Multi-Banner .Multi-Slider-Flex .Double-Slide .First-Slider .Slide-Box .Flex-Box .Caption-Box .Content-Box .Subtitle,
.Multi-Banner .Multi-Slider-Flex .Double-Slide .Second-Slider .Slide-Box .Flex-Box .Caption-Box .Content-Box .Subtitle,
.Multi-Banner .Multi-Slider-Flex .Single-Slide .Slide-Box .Flex-Box .Caption-Box .Content-Box .Info,
.Multi-Banner .Multi-Slider-Flex .Double-Slide .First-Slider .Slide-Box .Flex-Box .Caption-Box .Content-Box .Info,
.Multi-Banner .Multi-Slider-Flex .Double-Slide .Second-Slider .Slide-Box .Flex-Box .Caption-Box .Content-Box .Info,
.Multi-Banner .Multi-Slider-Flex .Single-Slide .Slide-Box .Flex-Box .Caption-Box .Content-Box .Custom-Button,
.Multi-Banner .Multi-Slider-Flex .Double-Slide .First-Slider .Slide-Box .Flex-Box .Caption-Box .Content-Box .Custom-Button,
.Multi-Banner .Multi-Slider-Flex .Double-Slide .Second-Slider .Slide-Box .Flex-Box .Caption-Box .Content-Box .Custom-Button {
    width: 100%;
    height: auto;
    margin: 1rem auto;
    padding: 0;
}

.Multi-Banner .Multi-Slider-Flex .Single-Slide .Slide-Box .Flex-Box .Caption-Box .Content-Box .Title h2,
.Multi-Banner .Multi-Slider-Flex .Double-Slide .First-Slider .Slide-Box .Flex-Box .Caption-Box .Content-Box .Title h2,
.Multi-Banner .Multi-Slider-Flex .Double-Slide .Second-Slider .Slide-Box .Flex-Box .Caption-Box .Content-Box .Title h2,
.Multi-Banner .Multi-Slider-Flex .Single-Slide .Slide-Box .Flex-Box .Caption-Box .Content-Box .Subtitle h2,
.Multi-Banner .Multi-Slider-Flex .Double-Slide .First-Slider .Slide-Box .Flex-Box .Caption-Box .Content-Box .Subtitle h2,
.Multi-Banner .Multi-Slider-Flex .Double-Slide .Second-Slider .Slide-Box .Flex-Box .Caption-Box .Content-Box .Subtitle h2,
.Multi-Banner .Multi-Slider-Flex .Single-Slide .Slide-Box .Flex-Box .Caption-Box .Content-Box .Info p,
.Multi-Banner .Multi-Slider-Flex .Double-Slide .First-Slider .Slide-Box .Flex-Box .Caption-Box .Content-Box .Info p,
.Multi-Banner .Multi-Slider-Flex .Double-Slide .Second-Slider .Slide-Box .Flex-Box .Caption-Box .Content-Box .Info p,
.Multi-Banner .Multi-Slider-Flex .Single-Slide .Slide-Box .Flex-Box .Caption-Box .Content-Box .Custom-Button a,
.Multi-Banner .Multi-Slider-Flex .Double-Slide .First-Slider .Slide-Box .Flex-Box .Caption-Box .Content-Box .Custom-Button a,
.Multi-Banner .Multi-Slider-Flex .Double-Slide .Second-Slider .Slide-Box .Flex-Box .Caption-Box .Content-Box .Custom-Button a {
    margin: 0;
}

/************************End*************************/

/**********************Feature Collection Section Css***********************/

.featured-collection-section,
.Featured-Coll-Main {
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.Featured-Coll-Main .Wrapped {
    width: 100%;
    height: auto;
    margin: 0 auto;
    position: relative;
}

.featured_collection--flex {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: stretch;
    -webkit-box-align: stretch;
    -ms-box-align: stretch;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    justify-content: space-between;
}

.Featured-Coll-Main .head-svg-section {
    position: absolute;
    left: -110px;
    top: -40px;
    height: auto;
    width: auto;
}

.featured_collection--flex .collection__title {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-box-align: center;
    -ms-box-align: center;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0rem;
    margin: 0 !important;
}

.Featured-Coll-Main .Subtitle {
    width: 100%;
    height: auto;
    margin: 0 auto 2rem auto;
    padding: 0;
}

.Featured-Coll-Main .Subtitle h4 {
    margin: 0;
}

.featured-collection-section--heading-view--top .collection__title {
    margin-bottom: 1rem;
}

.featured-collection-section--heading-view--top .Coll-Info-Box {
    margin-bottom: 3rem;
}

.Flex-Section-Heading--heading-sliderbtn--bottom {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-box-align: center;
    -ms-box-align: center;
    flex-wrap:wrap;
    width: 100%;
    height: auto;
    margin: 0 auto 2.5rem auto;
    padding: 0;
    justify-content: space-between;
}

.Flex-Section-Heading--heading-sliderbtn--bottom .collection__title {
    margin: 0 !important;
    width: auto;
    height: auto;
    line-height: normal;
    padding: 0;
}

.Flex-Section-Heading--heading-sliderbtn--bottom .collection__title .Subtitle {
    margin-bottom: 2rem;
    width: 100%;
    height: auto;
    padding: 0;
}

.Flex-Section-Heading--heading-sliderbtn--bottom .Coll-Info-Box {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
}

.Flex-Section-Heading--heading-sliderbtn--bottom .collection__title .head-box {
    margin: 0.5rem auto;
    width: 100%;
    height: auto;
    padding: 0;
}

.featured_collection--flex .collection__title--left--heading-view .Colld-Image {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    position: relative;
}

.featured_collection--flex .collection__title--left--heading-view .Colld-Image img,
.featured_collection--flex .collection__title--left--heading-view .Colld-Image video {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}

.Featured-Section-Coll-Slider {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    position: relative;
}

.Featured-Section-Coll-Slider .swiper-wrapper {
    align-items: stretch;
}

.Featured-Section-Coll-Slider .swiper-wrapper .swiper-slide {
    height: auto;
}

.Featured-Section-Coll-Slider .Product-Box {
    height: 100%;
}

.featured_collection--flex .Featured-Section-Coll-Slider,
.featured_collection--flex .slider-mobile-gutter {
    height: auto;
    margin: 0;
    padding: 0;
}

.featured-collection-section .featured_collection .flex-coll-title {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-box-align: center;
    -ms-box-align: center;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    height: auto;
    padding: 0;
    position: relative;
}

.collection__title--top--heading-view .head-svg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
}

.collection__title--top--heading-view .head-svg svg {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

.featured-collection-section .featured_collection .flex-coll-title .head-box,
.featured-collection-section .featured_collection .flex-coll-title .View-All {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
}

.featured-collection-section .featured_collection h2 {
    margin: 0;
    height: auto;
    width: 100%;
    padding: 0;
}

.featured_collection--flex .collection__title h2 {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
}

.featured_collection--flex .collection__title--left--heading-view .Colld-Image .Overlay {
    display: block;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.featured_collection--flex .collection__title--left--heading-view .content-box {
    width: auto;
    height: auto;
    margin: 0;
    padding: 2rem;
}

.Featured-Coll-Main--heading-view--left--img .featured_collection .content-box,
.Featured-Coll-Main--heading-view--left--video .featured_collection .content-box {
    position: absolute;
}

.featured_collection--flex .collection__title--left--heading-view .content-box .collection__description {
    margin-bottom: 1rem;
}


.Featured-Coll-Main--heading-view--top .Flex-Coll-Title,
.Featured-Coll-Main--heading-view--bottom .Flex-Coll-Title {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-box-align: center;
    -ms-box-align: center;
    flex-wrap:wrap;
    justify-content: space-between;
    width: 100%;
    height: auto;
    margin: 0 auto 2rem auto;
    padding: 0;
}

.Featured-Coll-Main--heading-view--top .Flex-Coll-Title .collection__title,
.Featured-Coll-Main--heading-view--bottom .Flex-Coll-Title .collection__title {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-box-align: center;
    -ms-box-align: center;
    flex-wrap:wrap;
    justify-content: space-between;
    line-height: normal;
}

.Featured-Coll-Main--heading-view--top .Flex-Coll-Title .Subtitle, 
.Featured-Coll-Main--heading-view--top .Flex-Coll-Title .Title,
.Featured-Coll-Main--heading-view--top .Flex-Coll-Title .Title .Info,

.Featured-Coll-Main--heading-view--bottom .Flex-Coll-Title .Subtitle, 
.Featured-Coll-Main--heading-view--bottom .Flex-Coll-Title .Title,
.Featured-Coll-Main--heading-view--bottom .Flex-Coll-Title .Title .Info {
    margin: 0;
}

.Featured-Coll-Main--heading-view--top .Flex-Coll-Title .Subtitle h4,
.Featured-Coll-Main--heading-view--top .Flex-Coll-Title .Title h2, 
.Featured-Coll-Main--heading-view--top .Flex-Coll-Title .Title .Info p,

.Featured-Coll-Main--heading-view--bottom .Flex-Coll-Title .Subtitle h4,
.Featured-Coll-Main--heading-view--bottom .Flex-Coll-Title .Title h2, 
.Featured-Coll-Main--heading-view--bottom .Flex-Coll-Title .Title .Info p {
    margin: 0.5rem auto;
}


.Flex-Section-Heading--heading-view--bottom {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-box-align: center;
    -ms-box-align: center;
    flex-wrap:wrap;
    justify-content: space-between;
    width: 100%;
    height: auto;
    margin: 0 auto 2rem auto;
    padding: 0;
}

.Flex-Section-Heading--heading-view--bottom .collection__title,
.Flex-Section-Heading--heading-view--bottom .Slider-Button-Box {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
}

.Flex-Section-Heading--heading-view--bottom .collection__title .Subtitle, 
.Flex-Section-Heading--heading-view--bottom .collection__title .head-box {
    width: auto;
    height: auto;
    margin: 0.5rem auto;
    padding: 0;
}

.featured_collection--flex .collection__title--left--heading-view .content-box .Subtitle,
.featured_collection--flex .collection__title--left--heading-view .content-box .title, 
.featured_collection--flex .collection__title--left--heading-view .content-box .Info {
    margin: 0.5rem auto;
}

.featured_collection--flex .collection__title--left--heading-view .content-box .Subtitle {
}

.featured_collection--flex .collection__title--left--heading-view .content-box .Info {
    margin-top: 1rem;
}


.Featured-Coll-Main--heading--top .collection__title {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-box-align: center;
    -ms-box-align: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

.Featured-Coll-Main--heading--top .collection__title {
    margin: 0 auto;
    width: 100%;
}

.Featured-Coll-Main--heading--top .View-All {
    margin-bottom: 2rem;
}

.Featured-Coll-Main--heading--top .collection__title h2, .Featured-Coll-Main--heading--top .Subtitle h4, .Featured-Coll-Main--heading--top .collection__description p {
    margin: 0 !important;
}

.Featured-Coll-Main .Subtitle h4, .Featured-Coll-Main .head-box h2, Featured-Coll-Main .Featured-Coll-Main Info p {
    margin: 0;
    height: auto;
    padding: 0;
}

/************************************End************************************/

/*******************Footer Section Css**************/

.footer-block__heading {
    font-family: 'NeueHaasDisplay-Roman' !important;
}

.footer-block---newsletter .Newsletter-Block {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}

.footer-block---newsletter .Newsletter-Block .footer-block__newsletter {
    text-align: left;
}

.footer-block---newsletter .Newsletter-Block .footer-block__newsletter .newsletter-form {
    max-width: 100%;
}

.footer-block---newsletter .Newsletter-Block .footer-block__newsletter .newsletter-form .newsletter-form__field-wrapper {
    max-width: 100%;
}

.Newsletter-Block .footer-block__newsletter .newsletter-form .newsletter-form__field-wrapper .field::before,
.Newsletter-Block .footer-block__newsletter .newsletter-form .newsletter-form__field-wrapper .field::after {
    display: none;
}

.Newsletter-Block .footer-block__newsletter .newsletter-form .newsletter-form__field-wrapper .field {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: stretch;
    -webkit-box-align: stretch;
    -ms-box-align: stretch;
    flex-wrap:wrap;
    justify-content: space-between;
}


.Newsletter-Block .footer-block__newsletter .newsletter-form .newsletter-form__field-wrapper input {
    padding-left: 0 !important;
    padding-right: 0 !important;
    flex: 1 1 65%;
    width: auto;
    min-width: unset;
    outline: none !important;
    box-shadow: unset !important;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.Newsletter-Block .footer-block__newsletter .newsletter-form .newsletter-form__field-wrapper input::placeholder {
    color: currentColor;
    opacity:1;
}

.Newsletter-Block .footer-block__newsletter .newsletter-form .newsletter-form__field-wrapper label {
    left: 0;
}

.Newsletter-Block .footer-block__newsletter .newsletter-form .newsletter-form__field-wrapper .newsletter-form__button::before,
.Newsletter-Block .footer-block__newsletter .newsletter-form .newsletter-form__field-wrapper .newsletter-form__button::before {
    display:none;
}

.Newsletter-Block .footer-block__newsletter .newsletter-form .newsletter-form__field-wrapper .newsletter-form__button {
    width: auto;
    height: auto;
    position: unset;
    transform: unset;
    margin: 0;
    flex: 1 1 20%;
    min-width: unset;
    min-height: unset;
    justify-content: end;
}

.footer-block__heading {
    font-family: 'NeueHaasDisplay-Roman' !important;
}

.footer-block---link_list .footer-block__details-content li {
    line-height: normal;
}

.footer-block---link_list .footer-block__details-content li a {
    padding: 0;
    text-decoration: none !important;
}

/************************End***********************/

/******************Swiper Universal Css***********************/

.Overflow-Slider .swiper-wrapper {
    -webkit-transition-timing-function: linear !important;
    -o-transition-timing-function: linear !important;
    transition-timing-function: linear !important;
}

.Animate-Slider .swiper-slide {
    transform: scale(.9);
    transition: 0.5s ease-in-out;
}

.Animate-Slider .swiper-slide-active {
    transform: scale(1);
}

.swiper-button-next,
.swiper-button-prev,
.swiper-button-next2,
.swiper-button-prev2,
.swiper-button-next3,
.swiper-button-prev3,
.swiper-button-next4,
.swiper-button-prev4,
.swiper-button-next5,
.swiper-button-prev5,
.swiper-button-next6,
.swiper-button-prev6,
.swiper-button-next7,
.swiper-button-prev7,
.swiper-button-next8,
.swiper-button-prev8,
.swiper-button-next9,
.swiper-button-prev9,
.swiper-button-next10,
.swiper-button-prev10,
.swiper-button-next11,
.swiper-button-prev11,
.swiper-button-next12,
.swiper-button-prev12,
.swiper-button-prev13,
.swiper-button-next13,
.swiper-button-prev14,
.swiper-button-next14,
.swiper-button-prev15,
.swiper-button-next15,
.swiper-button-prev16,
.swiper-button-next16,
.swiper-button-prev17,
.swiper-button-next17,
.slider-button,
.slick-arrow {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-box-align: center;
    -ms-box-align: center;
    flex-wrap: wrap;
    justify-content: center;
    z-index: 10;
}

.swiper-button-next,
.swiper-button-prev,
.swiper-button-next2,
.swiper-button-prev2,
.swiper-button-next3,
.swiper-button-prev3,
.swiper-button-next4,
.swiper-button-prev4,
.swiper-button-next5,
.swiper-button-prev5,
.swiper-button-next6,
.swiper-button-prev6,
.swiper-button-next7,
.swiper-button-prev7,
.swiper-button-next8,
.swiper-button-prev8,
.swiper-button-next9,
.swiper-button-prev9,
.swiper-button-next10,
.swiper-button-prev10,
.swiper-button-next11,
.swiper-button-prev11,
.swiper-button-next12,
.swiper-button-prev12,
.swiper-button-next13,
.swiper-button-prev13,
.swiper-button-next14,
.swiper-button-prev14,
.swiper-button-next15,
.swiper-button-prev15,
.swiper-button-next16,
.swiper-button-prev16,
.swiper-button-next17,
.swiper-button-prev17,
.slider-button--prev,
.slider-button--next {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.slider-button svg {
    width: 16px !important;
    height: 16px !important;
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next,
.swiper-button-prev2,
.swiper-rtl .swiper-button-next2,
.swiper-button-prev3,
.swiper-rtl .swiper-button-next3,
.swiper-button-prev4,
.swiper-rtl .swiper-button-next4,
.swiper-button-prev5,
.swiper-rtl .swiper-button-next5,
.swiper-button-prev6,
.swiper-rtl .swiper-button-next6,
.swiper-button-prev7,
.swiper-rtl .swiper-button-next7,
.swiper-button-prev8,
.swiper-rtl .swiper-button-next8,
.swiper-button-prev9,
.swiper-rtl .swiper-button-next9,
.swiper-button-prev10,
.swiper-rtl .swiper-button-next10,
.swiper-button-prev11,
.swiper-rtl .swiper-button-next11,
.swiper-button-prev12,
.swiper-rtl .swiper-button-next12,
.swiper-button-prev13,
.swiper-rtl .swiper-button-next13,
.swiper-button-prev14,
.swiper-rtl .swiper-button-next14,
.swiper-button-prev15,
.swiper-rtl .swiper-button-next15,
.swiper-button-prev16,
.swiper-rtl .swiper-button-next16,
.swiper-button-prev17,
.swiper-rtl .swiper-button-next17,
.slider-button--prev {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto;
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev,
.swiper-button-next2,
.swiper-rtl .swiper-button-prev2,
.swiper-button-next3,
.swiper-rtl .swiper-button-prev3,
.swiper-button-next4,
.swiper-rtl .swiper-button-prev4,
.swiper-button-next5,
.swiper-rtl .swiper-button-prev5,
.swiper-button-next6,
.swiper-rtl .swiper-button-prev6,
.swiper-button-next7,
.swiper-rtl .swiper-button-prev7,
.swiper-button-next8,
.swiper-rtl .swiper-button-prev8,
.swiper-button-next9,
.swiper-rtl .swiper-button-prev9,
.swiper-button-next10,
.swiper-rtl .swiper-button-prev10,
.swiper-button-next11,
.swiper-rtl .swiper-button-prev11,
.swiper-button-next12,
.swiper-rtl .swiper-button-prev12,
.swiper-button-next13,
.swiper-rtl .swiper-button-prev13,
.swiper-button-next14,
.swiper-rtl .swiper-button-prev14,
.swiper-button-next15,
.swiper-rtl .swiper-button-prev15,
.swiper-button-next16,
.swiper-rtl .swiper-button-prev16,
.swiper-button-next17,
.swiper-rtl .swiper-button-prev17,
.slider-button--next {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after,
.swiper-button-next2:after,
.swiper-rtl .swiper-button-prev2:after,
.swiper-button-next3:after,
.swiper-rtl .swiper-button-prev3:after,
.swiper-button-next4:after,
.swiper-rtl .swiper-button-prev4:after,
.swiper-button-next5:after,
.swiper-rtl .swiper-button-prev5:after,
.swiper-button-next6:after,
.swiper-rtl .swiper-button-prev6:after,
.swiper-button-next7:after,
.swiper-rtl .swiper-button-prev7:after,
.swiper-button-next8:after,
.swiper-rtl .swiper-button-prev8:after,
.swiper-button-next9:after,
.swiper-rtl .swiper-button-prev9:after,
.swiper-button-next10:after,
.swiper-rtl .swiper-button-prev10:after,
.swiper-button-next11:after,
.swiper-rtl .swiper-button-prev11:after,
.swiper-button-next12:after,
.swiper-rtl .swiper-button-prev12:after,
.swiper-button-next13:after,
.swiper-rtl .swiper-button-prev13:after,
.swiper-button-next14:after,
.swiper-rtl .swiper-button-prev14:after,
.swiper-button-next15:after,
.swiper-rtl .swiper-button-prev15:after,
.swiper-button-next16:after,
.swiper-rtl .swiper-button-prev16:after,
.swiper-button-next17:after,
.swiper-rtl .swiper-button-prev17:after{
    content: "next";
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after,
.swiper-button-prev2:after,
.swiper-rtl .swiper-button-next2:after,
.swiper-button-prev3:after,
.swiper-rtl .swiper-button-next3:after,
.swiper-button-prev4:after,
.swiper-rtl .swiper-button-next4:after,
.swiper-button-prev5:after,
.swiper-rtl .swiper-button-next5:after,
.swiper-button-prev6:after,
.swiper-rtl .swiper-button-next6:after,
.swiper-button-prev7:after,
.swiper-rtl .swiper-button-next7:after,
.swiper-button-prev8:after,
.swiper-rtl .swiper-button-next8:after,
.swiper-button-prev9:after,
.swiper-rtl .swiper-button-next9:after,
.swiper-button-prev10:after,
.swiper-rtl .swiper-button-next10:after,
.swiper-button-prev11:after,
.swiper-rtl .swiper-button-next11:after,
.swiper-button-prev12:after,
.swiper-rtl .swiper-button-next12:after,
.swiper-button-prev13:after,
.swiper-rtl .swiper-button-next13:after,
.swiper-button-prev14:after,
.swiper-rtl .swiper-button-next14:after,
.swiper-button-prev15:after,
.swiper-rtl .swiper-button-next15:after,
.swiper-button-prev16:after,
.swiper-rtl .swiper-button-next16:after,
.swiper-button-prev17:after,
.swiper-rtl .swiper-button-next17:after{
    content: "prev";
}

.swiper-button-next::after,
.swiper-button-prev::after,
.swiper-button-next2::after,
.swiper-button-prev2::after,
.swiper-button-next3::after,
.swiper-button-prev3::after,
.swiper-button-next4::after,
.swiper-button-prev4::after,
.swiper-button-next5::after,
.swiper-button-prev5::after,
.swiper-button-next6::after,
.swiper-button-prev6::after,
.swiper-button-next7::after,
.swiper-button-prev7::after,
.swiper-button-next8::after,
.swiper-button-prev8::after,
.swiper-button-next9::after,
.swiper-button-prev9::after,
.swiper-button-next10::after,
.swiper-button-prev10::after,
.swiper-button-next11::after,
.swiper-button-prev11::after,
.swiper-button-next12::after,
.swiper-button-prev12::after,
.swiper-button-next13::after,
.swiper-button-prev13::after,
.swiper-button-next14::after,
.swiper-button-prev14::after,
.swiper-button-next15::after,
.swiper-button-prev15::after,
.swiper-button-next16::after,
.swiper-button-prev16::after,
.swiper-button-next17::after,
.swiper-button-prev17::after {
    font-size: 16px !important;
    font-weight: 700;
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
    display: none;
}

.swiper-button-next svg,
.swiper-button-prev svg,
.swiper-button-next2 svg,
.swiper-button-prev2 svg, 
.swiper-button-next3 svg,
.swiper-button-prev3 svg, 
.swiper-button-next4 svg,
.swiper-button-prev4 svg, 
.swiper-button-next5 svg,
.swiper-button-prev5 svg, 
.swiper-button-next6 svg,
.swiper-button-prev6 svg,
.swiper-button-next7 svg,
.swiper-button-prev7 svg,
.swiper-button-next8 svg,
.swiper-button-prev8 svg,
.swiper-button-next9 svg,
.swiper-button-prev9 svg,
.swiper-button-next9 svg,
.swiper-button-prev10 svg,
.swiper-button-next10 svg,
.swiper-button-prev11 svg,
.swiper-button-next11 svg,
.swiper-button-prev12 svg,
.swiper-button-next12 svg,
.swiper-button-prev13 svg,
.swiper-button-next13 svg,
.swiper-button-prev14 svg,
.swiper-button-next14 svg,
.swiper-button-prev15 svg,
.swiper-button-next15 svg,
.swiper-button-prev16 svg,
.swiper-button-next16 svg,
.swiper-button-prev17 svg,
.swiper-button-next17 svg {
    width: 2rem;
}

.swiper-button-prev svg,
.swiper-button-prev2 svg,
.swiper-button-prev3 svg,
.swiper-button-prev4 svg,
.swiper-button-prev5 svg,
.swiper-button-prev6 svg,
.swiper-button-prev7 svg,
.swiper-button-prev8 svg,
.swiper-button-prev9 svg,
.swiper-button-prev10 svg,
.swiper-button-prev11 svg,
.swiper-button-prev12 svg,
.swiper-button-prev13 svg,
.swiper-button-prev14 svg,
.swiper-button-prev15 svg,
.swiper-button-prev16 svg,
.swiper-button-prev17 svg {
    transform: rotate(180deg)
}

.swiper-button-next::after,
.swiper-button-prev::after {
    font-size: 16px;
    font-weight: 700;
}

.pagination--box,
.swiper-pagination--box .swiper-pagination-bullet,
.pagination--box .swiper-pagination-bullet {
    border-radius: unset;
    width: 50px;
    height: 8px;
}

.swiper-slide-shadow {
    display: block !important;
}

.swiper-pagination {
    bottom: 50px !important;
}

.swiper-pagination.bottom-post {
    position: unset !important;
    margin: 3rem auto 2rem auto;
    transform: unset !important;
}

.swiper-slide-shadow {
    display: block !important;
}

.swiper-pagination.pagination--square span {
    border-radius: unset;
    width: 12px;
    height: 12px;
}

.swiper-scrollbar {
    height: 12px !important;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-box-align: center;
    -ms-box-align: center;
    position: unset !important;
    margin: 3rem auto;
}

.swiper-scrollbar .swiper-scrollbar-drag {
    height: 8px !important;
}

.Slider-Arrows {
    display: inline-flex;
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    align-items: center;
    -webkit-box-align: center;
    -ms-box-align: center;
    flex-wrap: wrap;
    justify-content: center;
    position: absolute;
    bottom: 5rem;
    right: 5rem;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    gap: 1rem;
}

.Slider-Arrows .swiper-button-prev8,
.Slider-Arrows .swiper-button-next8 {
    position: unset;
    margin: 0;
    transform: unset;
}

.Slider-Arrows-Unpositionate {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-box-align: center;
    -ms-box-align: center;
    flex-wrap:wrap;
    justify-content:center;
    position: relative;
    height: auto;
    margin: 2rem auto 0 auto;
    padding: 0;
    gap: 2rem;
}

.Slider-Arrows-Unpositionate .slided-arrows {
    position: unset;
    transition: unset;
    margin: 0;
}

/*********************End*********************/

/****************Universal Css****************/

.Caption-Transparent {
    background: transparent;
}

.subtitled {
    font-family: NeueHaasDisplay-Roman !important;
}

.Subtitle-Colored h4 {
    width: auto !important;
    display: inline-block;
    padding: .5rem 3rem !important;
    --border-offset: var(--buttons-border-offset);
    --border-opacity: calc(1 - var(--buttons-border-opacity));
    border-radius: var(--buttons-radius-outset);
}

.product-card-wrapper .Rating-Price {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-box-align: center;
    -ms-box-align: center;
    flex-wrap:wrap;
    justify-content: space-between;
    width: 100%;
    height: auto;
    margin: 0.5rem auto;
    padding: 0;
}

.product-grid-section--masonary {
    align-items: start;
}

.product-grid-section--masonary .grid__item:nth-child(even) {
    margin-top: 10rem;
}

.product-card-wrapper--under-card2 .quick-add {
    margin: 1rem auto 0 auto;
}

.product-card-swatches input {
    display: none;
}

.product-card-swatches legend.form__label {
    display: none;
}

.product-card-swatches fieldset {
    border: unset;
    padding-left: 0;
}

.Prod-Swatches {
    position: relative;
    z-index: 1;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-box-align: center;
    -ms-box-align: center;
    flex-wrap: wrap;
    gap: 0.2rem;
}

.Prod-Swatches .pro-swatch-option {
    width: 16px;
    height: 16px;
    border-radius: 100%;
    cursor: pointer;
}

.Prod-Swatches .pro-swatch-option--size {
    width: auto;
    height: auto;
    border-radius: var(--variant-pills-radius);
    border: var(--variant-pills-border-width) solid rgba(var(--color-foreground),var(--variant-pills-border-opacity));
    padding: 1rem 2rem;
    font-size: 1.4rem;
    line-height: 1;
    letter-spacing: .1rem;
    text-align: center;
}

.Product-Swatches--over_image {
    position: absolute;
    top: 0;
    width: auto;
    right: 0;
    padding: 2rem;
    transition: 0.5s ease-in;
    visibility: hidden;
    opacity: 0;
}

.product-card-wrapper:hover .Product-Swatches--over_image {
    visibility: visible;
    opacity: 1;
}



.Parallax-Image{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  will-change:transform;
}

.Slider-View-All {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-box-align: center;
    gap: 2rem;
    -ms-box-align: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

.Slider-View-All .Slider-Button-Box,
.Slider-Button-Box {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-box-align: center;
    -ms-box-align: center;
    flex-wrap: wrap;
    gap: .5rem;
    position: relative;
}

.Slider-View-All .Slider-Button-Box .swiper-button-prev,
.Slider-View-All .Slider-Button-Box .swiper-button-next,
.Slider-Button-Box .swiper-button-prev,
.Slider-Button-Box .swiper-button-next {
    position: unset;
}

.Slider-View-All .Slider-Button-Box .swiper-button-prev2,
.Slider-View-All .Slider-Button-Box .swiper-button-next2,
.Slider-Button-Box .swiper-button-prev2,
.Slider-Button-Box .swiper-button-next2 {
    position: unset;
    transform: unset;
    margin: 0;
}

.Country-Selector--currency_only .disclosure__button {
    padding: 0 !important;
    min-height: unset;
    min-width: unset;
    line-height: normal;
    height: 3rem;
    outline: none !important;
    box-shadow: unset !important;
}

.Country-Selector--currency_only .disclosure__button::before,.Country-Selector--currency_only .disclosure__button::after {
    box-shadow: unset !important;
    border: none !important;
    border-bottom: 1px solid rgb(var(--color-foreground)) !important;
}

.Slide-Box-Radius,
.Slide-Box-Radius .Product-Card,
.Slide-Box-Radius .Product-Card .Video,
.Slide-Box-Radius .Product-Card .Video-Box,
.Slide-Box-Radius .Product-Card video,
.Slide-Box-Radius .Product-Card img,
.Slide-Box-Radius svg,
.Slide-Box-Radius img,
.Slide-Box-Radius video {
    border-radius: 10px;
}

.Slide-Box-Radius.Slide-Box--over-image .Prod-Info {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.Slide-Box--over-image .Video,
.Slide-Box--over-image svg,
.Slide-Box--over-image img {
    border-bottom-right-radius: unset;
    border-bottom-left-radius: unset;
}

.Slide-Box-Radius .Product-Card .Flex-Info-Box {
    border-radius: 10px;
}

.Slide-Box-Radius .Product-Card .Flex-Box,
.Slide-Box-Radius .Product-Card .Flex-Box .Overlay {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.Listed-Box {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    gap: 2rem 0;
}

.Listed-Box .Listed-Flex {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-box-align: center;
    -ms-box-align: center;
    flex-wrap: wrap;
    gap: 1rem;
}

.Product-Listed-Box {
    justify-content: space-between;
}

.Listed-Box .Listed-Flex .Image-Box,
.Listed-Box .Listed-Flex .Listed-Info-Box {
    margin: 0;
    height: auto;
    padding: 0;
    width: auto;
}

.Listed-Box .Listed-Flex .Image-Box .Image,
.Listed-Box .Listed-Flex .Listed-Info-Box .Listed-Info {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}

.Listed-Box .Listed-Flex .Image-Box .Image img,
.Listed-Box .Listed-Flex .Image-Box .Image svg,
.Listed-Box .Listed-Flex .Listed-Info-Box .Listed-Info h2 {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    line-height: normal;
}

.more-text {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease;
}

.full-container-paded {
    width:100%;
    padding-left: 1rem;
    padding-right: 1rem;
}

@keyframes zoomInOut {
    0% {
        transform: scale(1)
    }
    50% {
        transform: scale(1.2)
    }
    100% {
        transform: scale(1)
    }
}


.Panneld {
  position: sticky;
  top: 0;
  height: auto;
  width: 100%;
}

/* IMPORTANT: stacking base */
.Panneld {
  z-index: 1;
}

/* active comes on top */
.Panneld.is-active {
  z-index: 10;
}

.button-link,.button--link,
.button--decoration-underline {
    background: transparent;
    border: none;
    box-shadow: unset;
    padding: 0 !important;
    min-height: unset;
    min-width: unset;
    color: currentColor;
    text-decoration:none;
}

.button-link::after,.button-link::before,
.button--link::after,.button--link::before,

.button--decoration-underline::after,.button--decoration-underline::before,
.button--decoration-underline::after,.button--decoration-underline::before{
    display: none;
}

.button--decoration-underline {
    text-decoration:underline;
}

.Sold-Out-Card-Badge--false {
    display:none !important;
}

.body-font,
.body-font span {
    font-family: var(--font-body-family) !important;
    font-style: var(--font-body-style) !important;
    font-weight: var(--font-body-weight) !important;
}

.Italic, .body-font .Italic {
    font-style: italic !important;
}

.page-width--narrow {
    margin:0 auto;
}

/********************End**********************/