@charset "utf-8";



@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Kaushan+Script&family=Marcellus&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Pacifico&family=Satisfy&display=swap');

@font-face {

    font-family: 'Galactic';

    src: url('../fonts/Galactic.eot');

    src: url('../fonts/Galactic.eot?#iefix') format('embedded-opentype'),

        url('../fonts/Galactic.woff2') format('woff2'),

        url('../fonts/Galactic.woff') format('woff'),

        url('../fonts/Galactic.ttf') format('truetype'),

        url('../fonts/Galactic.svg#Galactic') format('svg');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}

@font-face {

    font-family: 'Amorius';

    src: url('../fonts/AMOROUSRegular.eot');

    src: url('../fonts/AMOROUSRegular.eot?#iefix') format('embedded-opentype'),

        url('../fonts/AMOROUSRegular.woff2') format('woff2'),

        url('../fonts/AMOROUSRegular.woff') format('woff'),

        url('../fonts/AMOROUSRegular.ttf') format('truetype'),

        url('../fonts/AMOROUSRegular.svg#AMOROUSRegular') format('svg');

    font-weight: 100;

    font-style: normal;

    font-display: swap;

}

@font-face {

    font-family: 'Hendrigo';

    src: url('../fonts/HendrigoRegular.eot');

    src: url('../fonts/HendrigoRegular.eot?#iefix') format('embedded-opentype'),

        url('../fonts/HendrigoRegular.woff2') format('woff2'),

        url('../fonts/HendrigoRegular.woff') format('woff'),

        url('../fonts/HendrigoRegular.ttf') format('truetype'),

        url('../fonts/HendrigoRegular.svg#HendrigoRegular') format('svg');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}

@font-face {

    font-family: 'Helison';

    src: url('../fonts/Helison.eot');

    src: url('../fonts/Helison.eot?#iefix') format('embedded-opentype'),

        url('../fonts/Helison.woff2') format('woff2'),

        url('../fonts/Helison.woff') format('woff'),

        url('../fonts/Helison.ttf') format('truetype'),

        url('../fonts/Helison.svg#Helison') format('svg');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}

@font-face {

    font-family: 'Old-English-Text-MT';

    src: url('../fonts/OldEnglishTextMT.eot');

    src: url('../fonts/OldEnglishTextMT.eot?#iefix') format('embedded-opentype'),

        url('../fonts/OldEnglishTextMT.woff2') format('woff2'),

        url('../fonts/OldEnglishTextMT.woff') format('woff'),

        url('../fonts/OldEnglishTextMT.ttf') format('truetype'),

        url('../fonts/OldEnglishTextMT.svg#OldEnglishTextMT') format('svg');

    font-weight: 500;

    font-style: normal;

    font-display: swap;

}

@font-face {

    font-family: 'Script-MT';

    src: url('../fonts/ScriptMTBold.eot');

    src: url('../fonts/ScriptMTBold.eot?#iefix') format('embedded-opentype'),

        url('../fonts/ScriptMTBold.woff2') format('woff2'),

        url('../fonts/ScriptMTBold.woff') format('woff'),

        url('../fonts/ScriptMTBold.ttf') format('truetype'),

        url('../fonts/ScriptMTBold.svg#ScriptMTBold') format('svg');

    font-weight: bold;

    font-style: normal;

    font-display: swap;

}

@font-face {

    font-family: 'Freshman';

    src: url('../fonts/Freshman.eot');

    src: url('../fonts/Freshman.eot?#iefix') format('embedded-opentype'),

        url('../fonts/Freshman.woff2') format('woff2'),

        url('../fonts/Freshman.woff') format('woff'),

        url('../fonts/Freshman.ttf') format('truetype'),

        url('../fonts/Freshman.svg#Freshman') format('svg');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}

@font-face {

    font-family: 'Matura';

    src: url('../fonts/MaturaMTScriptCapitals.eot');

    src: url('../fonts/MaturaMTScriptCapitals.eot?#iefix') format('embedded-opentype'),

        url('../fonts/MaturaMTScriptCapitals.woff2') format('woff2'),

        url('../fonts/MaturaMTScriptCapitals.woff') format('woff'),

        url('../fonts/MaturaMTScriptCapitals.ttf') format('truetype'),

        url('../fonts/MaturaMTScriptCapitals.svg#MaturaMTScriptCapitals') format('svg');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}

@font-face {

    font-family: 'Monotype-Corsiva';

    src: url('../fonts/MonotypeCorsiva.eot');

    src: url('../fonts/MonotypeCorsiva.eot?#iefix') format('embedded-opentype'),

        url('../fonts/MonotypeCorsiva.woff2') format('woff2'),

        url('../fonts/MonotypeCorsiva.woff') format('woff'),

        url('../fonts/MonotypeCorsiva.ttf') format('truetype'),

        url('../fonts/MonotypeCorsiva.svg#MonotypeCorsiva') format('svg');

    font-weight: normal;

    font-style: italic;

    font-display: swap;

}



:root{

    --jost: 'Jost', sans-serif;

    --marcellus: 'Marcellus', serif;

    --kaushan:'Kaushan Script', cursive;

    --pacifico:'Pacifico', cursive;

    --satisfy:'Satisfy', cursive;

    --font-awesome: 'Font Awesome 6 Free';

    --font-bold: 700;

    --semi-bold:600;

    --medium:500;

    --regular:400;

    --yellow:#C69D2E;

    --common-transition: all 0.3s ease 0s;

}

@media only screen and (min-width: 1600px){

    .container{max-width: 1500px;}

}

@media only screen and (min-width: 1720px){

    .container{max-width: 1630px;}

}

/* ~-~-~-~-~-~-~-~-~-~ global adjustments ~-~-~-~-~-~-~-~-~-~ */

html{ overflow-x: hidden;}

body { margin: 0; padding: 0; font-family: var(--jost); font-weight: var(--regular); font-size: 18px; color: var(--bs-black); overflow-x: hidden;}

h1, h2, h3, h4, h5, h6 { margin: 0 0 30px; padding: 0;}

h1, h2, h3, h4{ font-family: var(--marcellus); font-weight: var(--regular);}

h1{font-size: 130px; line-height: 1;}

h2{font-size: 70px;}

h3{font-size: 50px;}

h4{ font-size: 32px;}

h5{ font-size: 24px;}

h6{ font-size: 18px; font-weight: var(--font-bold);}

p{ line-height: 1.4; margin: 0 0 30px; padding: 0;}

@media only screen and (max-width: 1599px){

    h1{font-size: 100px;}

    h2{font-size: 50px;}

    h3{font-size: 40px;}

    h4{ font-size: 28px;}

    h5{ font-size: 22px;}   

}

@media only screen and (max-width: 1199px){

    h1{font-size: 60px;}

    h2{font-size: 38px;}

    h3{font-size: 32px;}

    h4{ font-size: 25px;}

    h5{ font-size: 20px;}

    h6{ font-size: 16px;}

    body{ font-size: 16px;}   

}

@media only screen and (max-width: 991px){

    h1{font-size: 40px;}

    h2{font-size: 32px;}

    h3{font-size: 26px;}

    h4{ font-size: 22px;}

    h5{ font-size: 18px;}  

}

@media only screen and (max-width: 575px){

    h1{font-size: 34px;}

    h2{font-size: 28px;}

    h3{font-size: 24px;}

    h4{ font-size: 20px;}

    h5{ font-size: 17px;}  

}

@media only screen and (max-width: 767px){

    h1, h2, h3, h4, h5, h6, p { margin: 0 0 20px; }

}

/* --- for placeholder color --- */

.form-control{ background: transparent !important; border: 0; border-bottom: 1px solid #FFFFFF !important; border-radius: 0;}

.form-control::-moz-placeholder{color:#9E9E9E;  opacity:1;font-weight: 400;}

.form-control:-ms-input-placeholder{color:#9E9E9E; font-weight: 400; }

.form-control::-webkit-input-placeholder{color:#9E9E9E; font-weight: 400;}

.form-control:focus { box-shadow: 0 0 0;}

/* --- for placeholder color --- */

textarea { padding: 10px 20px; }



@media only screen and (max-width: 1440px){}

@media only screen and (max-width: 991px){}

@media only screen and (max-width: 550px){}

@media only screen and (max-width:380px){}



img{ max-width: 100%; /*filter: grayscale(100%);*/ transition: var(--common-transition);}

img:hover{ filter: inherit;}

.img img{ width: 100%;}

a, img{ border:0; text-decoration: none; outline: none;}

a, a:link, a:visited, a:focus, a:hover{ outline: none; text-decoration: none; transition: var(--common-transition);}

a:hover{ text-decoration:none;}

ul{padding: 0; margin: 0; list-style: none;}

.common-padding{padding: 100px 0;}

.common-padding-top{ padding-top: 100px;}

.common-padding-bottom{padding-bottom: 100px;}



.bg-grey{background: #F4F4F4;}

.heading-style{ position: relative; padding-bottom: 35px; margin-bottom: 40px;}

.heading-style::before{ position: absolute; content: ''; background: url(../images/title-design-left.svg); background-position: center !important; background-size: 100% !important; background-repeat: no-repeat !important; width: 155px; height: 17px; bottom: 0; left: 0;}

.heading-style.text-center::before{ background: url(../images/title-design-center.svg);width: 250px; right: 0; margin: 0 auto;}

.heading-style h5{ margin-bottom: 0;}

.heading-style h2{ margin-bottom: 0;}

.sub-title{ font-family: var(--kaushan); margin-bottom: 0;}

.slick-arrow{ opacity: 1; z-index: 2;}

.slick-arrow::before{ position: absolute; content: ''; background-position: center !important; background-size: 100% !important; background-repeat: no-repeat !important; width: 30px; height: 20px; opacity: 1;}

.slick-prev { left: -60px; }

.slick-next{ right: -28px;}

.slick-prev:before{ background: url(../images/arrow-prev.svg);}

.slick-next:before{  background: url(../images/arrow-next.svg);}

@media only screen and (max-width: 991px){

    .common-padding{padding: 80px 0;}

    .common-padding-top{ padding-top: 80px;}

    .common-padding-bottom{padding-bottom: 80px;}   

}

@media only screen and (max-width: 767px){

    .common-padding{padding: 60px 0;}

    .common-padding-top{ padding-top: 60px;}

    .common-padding-bottom{padding-bottom: 60px;}

    .heading-style{ padding-bottom: 25px; margin-bottom: 30px;}  

}







/* ~~~~~ buttons adjustments ~~~~~ */

.woocommerce-page a { color: var(--yellow); }

.btn, a.btn{ display: inline-block; background: transparent; border: 2px solid var(--bs-black); border-radius: 0; text-align: center; color: var(--bs-black); line-height: 1; text-transform: uppercase; font-weight: var(--semi-bold); letter-spacing: 5.4px;  padding: 22px 35px; transition: var(--common-transition);}

.btn:hover, a.btn:hover{ background: var(--bs-black); border: 2px solid var(--bs-black); color: var(--bs-white);}

.btn:focus-visible { color: var(--pink); background-color: transparent; border-color: inherit; outline: inherit; box-shadow: none; }

.woocommerce-page .btn, .single-product .summary .single_add_to_cart_button{ display: inline-block !important; background: transparent !important; border: 2px solid var(--bs-black) !important; border-radius: 0 !important; text-align: center !important; font-size: 18px !important; color: var(--bs-black) !important; line-height: 1 !important; text-transform: uppercase !important; font-weight: var(--semi-bold) !important; letter-spacing: 5.4px !important;  padding: 22px 35px !important; transition: var(--common-transition) !important;}

.woocommerce-page .btn:hover, .single-product .summary .single_add_to_cart_button:hover{ background: var(--bs-black) !important; border: 2px solid var(--bs-black) !important; color: var(--bs-white) !important;}

@media only screen and ( max-width:1199px ){

    .btn{ font-size: 15px;     padding: 16px 25px;}

    .woocommerce-page .btn, .single-product .summary .single_add_to_cart_button{ font-size: 15px !important;     padding: 16px 25px !important;}

}

@media only screen and (max-width:991px){

    .btn{ letter-spacing: 3.4px;}

    .woocommerce-page .btn, .single-product .summary .single_add_to_cart_button{ letter-spacing: 3.4px !important;}

}

@media only screen and (max-width:575px){

    .btn { padding: 15px 20px; letter-spacing: 2px; } 

    .woocommerce-page .btn, .single-product .summary .single_add_to_cart_button{ padding: 15px 20px !important; letter-spacing: 2px !important;}

}

/* ~~~~~ buttons adjustments ~~~~~ */





/* ~~~~~ header style start~~~~~ */

/* ~~~~~~~~~~ hamburger menu styling  start~~~~~~~~~~ */

.hamburger-nav{ display: none; vertical-align: top; width: 30px; height: 24px; position: relative; margin: 0 15px 0 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; margin-top: 0; z-index: 9;}

.hamburger-nav span{ display: block; position: absolute; height: 2px; width: 100%; background: var(--bs-white); border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}

.hamburger-nav span:nth-child(1){ top: 0px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}

.hamburger-nav span:nth-child(2){ top: 10px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}

.hamburger-nav span:nth-child(3){ top: 20px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}

.hamburger-nav-close { vertical-align: top;width: 30px; height: 24px;position: relative;margin: 0 0 0 15px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;margin-top: 0;z-index: 9;}

.hamburger-nav-close span {display: block;position: absolute;height: 2px;width: 100%;background: var(--white); border-radius: 9px;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg); transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}

.hamburger-nav-close span{background: var(--bs-white);}

.hamburger-nav-close span:nth-child(1) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 10px;left: 3px;}

.hamburger-nav-close span:nth-child(2) { width: 0%; opacity: 0;}

.hamburger-nav-close span:nth-child(3) {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 10px; left: 2px;}

.mysticky-welcomebar-fixed{ z-index: 99 !important; }

/* ~~~~~~~~~~ hamburger menu styling  end~~~~~~~~~~ */



.header-section { position: relative; z-index: 1000; }

.header-section .top-header { padding: 20px 0; background: var(--bs-white); transition: var(--common-transition);}

.header-section .top-header .container{ position: relative;}

.header-section .top-header li a{ color: var(--bs-black);}

.header-section .top-header li a:hover{ color: var(--yellow);}

.header-section .logo-wrap { position: absolute; inset: 0; width: fit-content; height: fit-content; margin: auto; transition: var(--common-transition);}

.header-section .logo-wrap a{ display: block; height: 60px;}

.header-section .logo-wrap a img{ width: auto; height: 100%;}

.header-section .top-header .connect-info li{ display: flex; align-items: center; padding: 0 20px; border-right: 1px solid var(--bs-black);}

.header-section .top-header .connect-info li:first-child{ padding-left: 0;}

.header-section .top-header .connect-info li:last-child{ border-right: 0; padding-right: 0;}

.header-section .top-header .connect-info li span { display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; margin-right: 10px; }

.header-section .top-header .social-info li{ margin: 0 5px;}

.header-section .top-header .social-info li:first-child{ margin-left: 0;}

.header-section .top-header .social-info li:last-child{ margin-right: 0;}

.header-section .top-header .social-info li a{ display: flex; align-items: center; justify-content: center; width: 39px; height: 39px; border: 1px solid var(--bs-black); border-radius: 100%; padding: 12px;}

.header-section .top-header .social-info li a:hover{ background: var(--bs-black); }

.header-section .top-header .social-info li a:hover img{ filter: brightness(0) invert(1);}

.header-section .bottom-header { background: #000; padding: 10px 0;}

.header-section .bottom-header li{ margin: 0 15px;}

.header-section .bottom-header li:first-child{ margin-left: 0;}

.header-section .bottom-header li:last-child{ margin-right: 0;}

.header-section .bottom-header li a{ display: inline-block; color: var(--bs-white); padding: 9px 0;}

.header-section .menu-item-has-children > a{ position: relative; padding-right: 15px !important;}

.header-section .menu-item-has-children > a::before { content: ''; position: absolute; top: 50%; right: 0; border: solid #fff; border-width: 0 2px 2px 0; display: inline-block; padding: 3px; transform: rotate(45deg) translate(0,-50%);}

.header-section .bottom-header li a:hover{ color: var(--yellow);}

.header-section .bottom-header li a:hover::before { border-color: var(--yellow); }

.current-menu-item > a{ color: var(--yellow) !important;}

.header-section .current-menu-item > a{ color: var(--bs-white) !important; position: relative;}

.header-section .current-menu-item > a::after{ position: absolute; content: ""; background: var(--bs-white); width: 100%; height: 1px; right: 0; bottom: 7px; left: 0;}

.header-section .sub-menu .current-menu-item > a{ color: var(--yellow) !important;}

.header-section .menu-item-has-children .sub-menu { background: #FFF; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.13); width: 210px; padding: 20px 30px;}

.header-section .menu-item-has-children .sub-menu li{ letter-spacing: 0.18px; margin: 0;}

.header-section .menu-item-has-children .sub-menu li:last-child a{ border-bottom: 0;}

.header-section .menu-item-has-children .sub-menu li a{ display: block; border-bottom: 1px solid #CFCFCF; color: #737373; padding: 10px 0; position: relative;}

.header-section .menu-item-has-children .sub-menu li a::before { position: absolute; content: ''; background: var(--bs-black); width: 15px; height: 2px; top: 50%; left: 0; transform: translate(-15px, -50%); opacity: 0; visibility: hidden; transition: var(--common-transition); }

.header-section .menu-item-has-children .sub-menu li a:hover{ color: var(--bs-black); padding-left: 25px;}

.header-section .menu-item-has-children .sub-menu li a:hover::before{ transform: translate(0, -50%); opacity: 1; visibility: visible;}

.header-section .menu-item-has-children .sub-menu { background: #FFF; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.13); width: 210px; padding: 20px 30px; position: absolute; top: 50px; opacity: 0; visibility: hidden; transition: var(--common-transition);}

.header-section .menu-item-has-children:hover .sub-menu{ top: 100%; opacity: 1; visibility: visible;}

.header-section a.cart-contents { position: relative; }

.header-section a.cart-contents span { display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; background: #fff; border-radius: 50%; font-size: 13px; color: #000; position: absolute; top: 6px; right: -10px; }

.desktop_search { position: absolute; top: 0; right: 0; left: 0; background: #fff; box-shadow: 0 4px 20px #00000029; padding: 20px; transform: translateY(-100%); opacity: 0; visibility: hidden; transition: var(--common-transition);}

.desktop_search form{ position: relative;}

.desktop_search form .form-control{     width: 100%; height: 40px; border: 1px solid #000 !important; padding: 5px 55px 5px 20px;}

.desktop_search form .submit_btn { position: absolute; top: 50%; right: 15px; background: url(../images/arrow-next.svg); background-position: center !important; background-size: 100% !important; background-repeat: no-repeat !important; transform: translateY(-50%); width: 20px; border: 0; padding: 0; }



.desktop_search.show_search{ opacity: 1; visibility: visible; transform: translateY(0);}



.desktop-wrap.menu-wrap{ width: 70%;}

.header-section .right-col-row { width: 30%; gap: 20px;}

.header-search { width: calc(100% - 152px); }

.header-search form { position: relative; }

.header-search input[type="search"] { background: var(--bs-white) !important; border-radius: 50px; height: 45px; padding-left: 20px; padding-right: 40px; color: var(--bs-black); font-weight: var(--semi-bold);}

.header-search input.gen-grn-btn.submit_btn { position: absolute; top: 50%; right: 10px; transform: translateY(-50%); width: 30px; height: 25px; padding: 0; border: 0; background-color: transparent; background-image: url(../images/submit-arrow.svg); background-repeat: no-repeat !important; background-position: center !important; background-size: 30px !important; filter: brightness(0);}

.header-search input[type="search"]::-moz-placeholder{ color:var(--bs-black); font-weight: var(--semi-bold);}

.header-search input[type="search"]:-ms-input-placeholder{ color:var(--bs-black); font-weight: var(--semi-bold);}

.header-search input[type="search"]::-webkit-input-placeholder{ color:var(--bs-black); font-weight: var(--semi-bold);}

.header-search input[type="search"]:-webkit-autofill,

.header-search input[type="search"]:-webkit-autofill:hover, 

.header-search input[type="search"]:-webkit-autofill:focus, 

.header-search input[type="search"]:-webkit-autofill:active{ transition: background-color 9999s ease-in-out 0s; -webkit-text-fill-color: var(--bs-black);}







.mobile-menu { display: none; }

.header-section .logo-wrap.logo-wrap-mobile{ display: none;}

/* ~~~~~ header after sticky style ~~~~~ */

@keyframes slide-down {

    0% {

        opacity: 0;

        transform: translateY(-100%);

    } 

    100% {

        opacity: 1;

        transform: translateY(0);

    } 

}

.header-sticky .header-section {position: fixed; top: 0; width: 100%; box-shadow: 4px 4px 15px 0px rgb(0 0 0 / 10%); animation: slide-down 0.5s; transition: var(--common-transition); background: var(--white);}

.header-sticky .header-section .top-header { padding: 15px 0; }

.header-sticky  .header-section .logo-wrap a{ height: 55px;}

.header-sticky .header-section .menu-item-has-children > a::before{ top: 19px;}



.header-sticky main { padding-top: 114px; }

/* ~~~~~ header after sticky style ~~~~~ */

@media only screen and (max-width: 1399px){

    .header-section .top-header .connect-info li{ padding: 0 10px;}

    .header-section .top-header .connect-info li span{ margin-right: 7px;}

    .header-section .bottom-header li{ margin: 0 7.5px;}

    .header-search { width: calc(100% - 122px); }



}

@media only screen and (max-width: 1199px){

    .header-section .top-header { padding: 14px 0; } 

    .header-section .logo-wrap a { height: 50px; }

    .desktop-wrap{ display: none;}

    .header-section .top-header { padding: 10px 0; }

    .header-section .logo-wrap.logo-wrap-desktop{ display: none;}

    .header-section .logo-wrap.logo-wrap-mobile{ display: block;}

    .header-section .logo-wrap { position: relative;}

    .header-section .button-wrap .btn{ display: none;}

    .hamburger-nav{ display: block;}

    .header-section .right-col-row{ width: calc(100% - 45px); gap: 15px;}

    .header-search{ width: 40%; margin-left: auto;}

    .mobile-menu{ display: block; background: var(--bs-black); width: 85vw; height: 100vh; position: fixed; top: 0; left: -100vw; overflow: hidden; z-index: 9999; transition: var(--common-transition);}

    .menu-open .mobile-menu{ left: 0; overflow: scroll;}

    .mobile-menu .top-row { padding: 20px 0; }

    .mobile-menu .logo-wrap { max-width: 200px; }

    .mobile-menu .logo-wrap img{ filter: brightness(0) invert(1);}

    .mobile-menu li{ position: relative;}

    .mobile-menu li .arrow { display: flex; align-items: center; justify-content: end; position: absolute; top: 15px; right: 0; width: 22px; height: 22px; text-align: right; z-index: 5; }
    .mobile-menu li .arrow i{ display: block; width: 15px; height: 15px; filter: brightness(0) invert(1);}
    .mobile-menu li .arrow .fa-chevron-down { background: url(../images/plus-solid.svg) !important; background-position: center !important; background-size: 15px !important; background-repeat: no-repeat !important;}
    .mobile-menu li .arrow .fa-chevron-up { background: url(../images/minus-solid.svg) !important; background-position: center !important; background-size: 15px !important; background-repeat: no-repeat !important;} 

    .mobile-menu .mobile-menubar li a { display: block; padding: 15px 20px 15px 0; border-bottom: 1px solid; border-style: dotted; }

    .mobile-menu  li a{ color: var(--bs-white);}

    .mobile-menu i{ color: var(--bs-white);}

    .mobile-menu li.menu-item-has-children ul{ display: none; max-width: calc(100% - 20px); margin-left: auto;}

    /* .mobile-menu li.menu-item-has-children ul a{ position: relative;     padding-left: 25px;}

    .mobile-menu li.menu-item-has-children ul a::before{ position: absolute; content: ''; background: var(--bs-white); width: 15px; height: 2px; top: 50%; left: 0; transition: var(--common-transition);} */

    .mobile-menu .menu-contact-wrap{ padding: 30px 0;}

    .mobile-menu .connect-info{ padding-bottom: 20px;}

    .mobile-menu ul.nav.custm_nav { display: block; }

    .mobile-menu .connect-info ul{ justify-content: center;}

    .mobile-menu .connect-info li { display: flex; align-items: center; margin: 0 10px;}

    .mobile-menu .connect-info li:first-child{ margin-left: 0;}

    .mobile-menu .connect-info li:last-child{ margin-right: 0;}

    .mobile-menu .connect-info li span{ display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; margin-right: 10px;}

    .mobile-menu  li img{ filter: brightness(0) invert(1);}

    .mobile-menu .social-info ul{ justify-content: center;}

    .mobile-menu .social-info li{ margin: 0 5px;}

    .mobile-menu .social-info li:first-child{ margin-left: 0;}

    .mobile-menu .social-info li:last-child{ margin-right: 0;}

    .mobile-menu .social-info li a{ display: flex; align-items: center; justify-content: center; width: 39px; height: 39px; border: 1px solid var(--bs-white); border-radius: 100%; padding: 12px;}

    .mobile-menu .fa-solid::before { font-family: 'FontAwesome'; font-style: normal; font-weight: 100; font-size: 13px; }

    .header-sticky .header-section .top-header{ padding: 10px 0;}

    .header-sticky .header-section .logo-wrap a{ height: 45px;}

    .header-sticky main { padding-top: 135px; }

}

@media only screen and (max-width: 991px){

    .header-section .logo-wrap a{ height: 45px;}

    .header-search input[type="search"]{ height: 40px;}

    .header-sticky main { padding-top: 128.31px; }

}



@media only screen and (max-width: 767px){

    .header-section .bottom-header{ padding: 10px 0;}

    .header-section .bottom-header li{ margin: 0 5px;}

    .header-section .bottom-header li a { display: flex; align-items: center; justify-content: center; padding: 0; width: 20px; height: 20px; }

    .header-search { width: calc(100% - 95px); }

    .header-section a.cart-contents span{ width: 22px; height: 22px; font-size: 12px; top: -10px; right: -12px;}

    .header-sticky main{ padding-top: 125px;}

}

@media only screen and (max-width: 575px){

    .mobile-menu .logo-wrap { max-width: 160px; }

    .header-section .logo-wrap a{ height: 40px;}

    .hamburger-nav{ width: 25px; margin: 0 10px 0 0;}

    .header-section .right-col-row{ width: calc(100% - 35px); gap: 10px;}

    .header-search{ width: calc(100% - 90px);}

    .header-search input.gen-grn-btn.submit_btn{ width: 20px; height: 20px; background-size: 20px !important;}

    .header-section a.cart-contents span{ right: -7px;}

    .header-sticky .header-section .logo-wrap a{ height: 40px;}

    .header-sticky main { padding-top: 120px; }

}

@media only screen and (max-width: 479px){

    .mobile-menu .connect-info li{ margin: 0 7.5px;}

    .mobile-menu .connect-info li span { margin-right: 5px; }

}

@media only screen and (max-width: 419px){

    .mobile-menu .connect-info ul{ display: block !important; text-align: center;}

    .mobile-menu .connect-info li{ justify-content: center; margin: 5px 0;}

}

/* ~~~~~ header style end~~~~~ */

/* home-page START========================== */

.hero-banner { position: relative; padding-bottom: 39%; }

.hero-banner::before{ position: absolute; content: ''; background: linear-gradient(90deg, #0E0E0E 0%, rgba(14, 14, 14, 0.00) 65.91%); top: 0; right: 0; bottom: 0; left: 0; z-index: 1;}

.hero-banner .banner-bg{ background-position: right center !important; background-size: cover !important; background-repeat: no-repeat !important; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%;}

.hero-banner .banner-video{width: 100%; height: 100%;}

.hero-banner .banner-video video { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }



.hero-banner .mobile-image{ display: none;}

.hero-banner .container-holder { display: flex; align-items: flex-end; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 3; }

.hero-banner .container-holder .container{ padding-bottom: 150px;}

.hero-banner .banner-info{ color: var(--bs-white);}

.hero-banner .banner-info .sub-title span { display: inline-block; width: 40px; }

.hero-banner .banner-info .sub-title img{ filter: inherit;}

.hero-banner .btn{ border-color: var(--bs-white); color: var(--bs-white);}

.hero-banner .btn:hover{ background: var(--bs-white); color: var(--bs-black);}



.home-banner_slider .slick-dots{ bottom: 10px;}

.home-banner_slider .slick-dots li{ width: auto; height: auto;}

.home-banner_slider .slick-dots button { border: 1px solid #fff; width: 15px; height: 15px; border-radius: 50%; font-size: 0; }

.home-banner_slider .slick-dots button::before { width: 9px; height: 9px; background: #fff; border-radius: 50%; top: 0; right: 0; bottom: 0; left: 0; margin: auto; font-size: 0; }

.collections-section { padding-bottom: 50px;}

.collections-section .collection-box-item-row{ margin: 0 -75px;}

.collections-section .collection-box-item{ padding: 0 75px; margin-bottom: 50px;}

.collection-box a{ color: var(--bs-black);}

.collection-box .image-wraper { position: relative; width: 100%; padding-bottom: 62%; margin-bottom: 15px;}

.collection-box .image-wraper img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; /*filter: grayscale(100%);*/ transition: var(--common-transition); }

.collections-section .collection-box-item:nth-child(even){ padding-top: 35px;}

.collections-section .collection-box-item:nth-child(even) .inner-row { flex-direction: column-reverse;}

.collection-box .info-wraper{ width: 100%;}

.collection-box h3{ margin-bottom: 10px;}

/* .collection-box a:hover img{ filter: inherit;} */



.full-width-wraper{ background: #F4F4F4;}

.full-width-wraper .container-fluid{ padding: 0; }

.full-width-wraper .main-row{ 

    /* align-items: center; */

     margin: 0;}

.full-width-wraper .item{ padding: 0;}

.full-width-wraper .full-col{ width: 100vw; position: relative; left: -100%;}

.full-width-wraper .full-col .col-lg-6{ margin-left: auto; padding: 0;}

.full-width-wraper .image-wraper { position: relative; z-index: 3;

    height: 100%;

     /* padding-bottom: 85%; */

     }

.full-width-wraper .image-wraper img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }

.full-width-wraper .info-wraper{ padding: 40px;}

.home-about-section .item-row:nth-child(odd) .btn{ background: var(--bs-black); color: var(--bs-white);}

.home-about-section .item-row:nth-child(odd) .btn:hover{ background: var(--bs-white); color: var(--bs-black);}

.home-about-section .item-row:nth-child(even) .main-row{ flex-direction: row-reverse;}

.home-about-section .item-row:nth-child(even) .full-col{ left: 0;}

.home-about-section .item-row:nth-child(even) .full-col .col-lg-6{ margin-left: 0;}

.home-about-section .item-row:nth-child(even) .info-wraper{ padding-left: 0;}



.product-slider .item-wrap{ transition: var(--common-transition);}

.product-box .imag-box{ position: relative;}

.product-box .imag-box .inner-image { position: relative; padding-bottom: 110%;  margin-bottom: 20px; }

.product-box .imag-box .inner-image img{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; /*filter: grayscale(100%);*/ transition: var(--common-transition);}

.product-box .imag-box .cart-icon { display: inline-block; position: absolute; right: 0; bottom: 0; left: 0; width: fit-content; margin: 0 auto; opacity: 0; visibility: hidden; transition: var(--common-transition);}

.product-box .imag-box .cart-icon ul { justify-content: center; margin-bottom: 0;}

.product-box .cart-icon li{ margin: 0 5px;}

.product-box .cart-icon li:first-child{ margin-left: 0;}

.product-box .cart-icon li:last-child{ margin-right: 0;}

.product-box .cart-icon li a{ display: flex; align-items: center; justify-content: center; background: var(--bs-black); border-radius: 100%; width: 38px; height: 38px;}

.product-box .info-box p{margin-bottom: 5px;}

.product-box .info-box h6{ margin-bottom: 0;}

.product-box a{ color: var(--bs-black);}

.product-slider .slick-list { margin: 0 -15px; padding-bottom: 50px;}

.product-slider .slick-slide{ padding: 0 15px;}

.product-slider .item-wrap:hover{ transform: translateY(50px);}

.product-slider .item-wrap:hover .inner-image img{ filter: inherit;}

.product-slider .item-wrap:hover .product-box .cart-icon{ transform: translateY(-20px); opacity: 1; visibility: visible;}

.product-section .slick-arrow { transform: translateY(-90px); }



.repair-section .image-wraper{ position: relative;  padding-bottom: 43.6%; margin-bottom: 50px;}

.repair-section .image-wraper img{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}

.repair-section .info-wraper .inner-info{ max-width: 1240px; padding: 0 15px; margin: 0 auto;}



.trending-section .info-holder .title-row { margin-bottom: 25px;}

.trending-section .info-holder .title-info{ max-width: calc(100% - 200px);}

.trending-section .info-holder .title-info h2{ margin-bottom: 0;}







.trending-box .image-wraper { position: relative; padding-bottom: 120%; margin-bottom: 20px; }

.trending-box .image-wraper img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }

.trending-box p, .trending-box h6{ margin-bottom: 5px;}

.trending-box .image-wraperbox{ position: relative;}

.trending-box .image-wraperbox .cart-icon { display: inline-block; position: absolute; right: 0; bottom: 0; left: 0; margin: 0 auto; opacity: 0; visibility: hidden; transition: var(--common-transition);}

.trending-box .image-wraperbox .cart-icon ul { justify-content: center; margin-bottom: 0;}

.trending-box .cart-icon li{ margin: 0 5px;}

.trending-box .cart-icon li:first-child{ margin-left: 0;}

.trending-box.cart-icon li:last-child{ margin-right: 0;}

.trending-box .cart-icon li a{ display: flex; align-items: center; justify-content: center; background: var(--bs-black); border-radius: 100%; width: 38px; height: 38px;}

.trending-box a{ color: var(--bs-black);}

.trending-box:hover .cart-icon{ transform: translateY(-20px); opacity: 1; visibility: visible;}





.trending-section .big-image-wraper { position: absolute; top: 0; right: 0; bottom: 0; width: 33.3%; height: 100%; }

.trending-section .big-image-wraper img { width: 100%; height: 100%; object-fit: cover; }

/* .testimonials-slider{ padding-bottom: 50px;} */

.testimonial-section .image-wraper { height: 100%; position: relative; }

.testimonial-section .image-wraper img{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}

.testimonial-section .ti-widget .ti-reviews-container .ti-reviews-container-wrapper { margin-left: 0 !important; }

.testimonial-section .ti-widget.ti-goog .ti-review-item>.ti-inner{ padding: 15px !important;}

.testimonial-section .ti-widget.ti-goog .ti-profile-details{ white-space: inherit; text-overflow: inherit;}

.testimonial-section .ti-inner * { font-family: var(--jost) !important; }

.testimonial-section .ti-name { font-size: 24px !important; white-space: inherit !important; line-height: 1.2 !important; }

.testimonial-section .ti-review-text-container { font-family: var(--jost) !important; font-style: italic !important; font-size: 18px !important; }

.testimonial-section .ti-review-text-container .ti-highlight { line-height: 1.2 !important; }



.testimonial-section .info-wraper .ti-controls { top: auto !important; bottom: 0; }

.testimonial-section .info-wraper .ti-next{ right: 0 !important; padding: 0 !important; transform: none !important;}

.testimonial-section .info-wraper .ti-prev{ right: 50px !important; left: auto !important; padding: 0 !important; transform: none !important;}



.testimonial-section .info-wraper .ti-next::before { content: ''; position: absolute; top: 0 !important; background: url(../images/arrow-next.svg) !important; background-position: center !important; background-size: 100% !important; background-repeat: no-repeat !important; width: 30px !important; height: 20px !important; opacity: 1; transform: none !important; }

.testimonial-section .info-wraper .ti-next::after{ display: none !important;}

.testimonial-section .info-wraper .ti-prev::before { content: ''; position: absolute; top: 0 !important; background: url(../images/arrow-prev.svg) !important; background-position: center !important; background-size: 100% !important; background-repeat: no-repeat !important; width: 30px !important; height: 20px !important; opacity: 1; transform: none !important; }

.testimonial-section .info-wraper .ti-prev::after{ display: none !important;}











.testimonials-slider .slick-arrow { top: auto; bottom: 0; transform: none; right: 0; }

.testimonials-slider .slick-arrow.slick-prev { right: 50px; left: auto; }

.testimonial-box p{ font-size: 24px; font-style: italic; margin-left: 4px;}

.testimonial-box p  strong{ font-style: normal;}

.testimonial-box p span{ font-size: 18px; font-style: normal;}

.testimonial-box a{ color: var(--bs-black); text-decoration: underline;}

.policy-info-section{ padding: 50px 0;}

.policy-info-box{ background: #F4F4F4; text-align: center; height: 100%; padding: 40px 15px;}

.policy-info-box .icon { display: flex; align-items: center; justify-content: center; background: var(--bs-black); width: 100px; height: 100px; border-radius: 50%; margin: 0 auto 20px; }

.policy-info-box h4{ margin-bottom: 0;}





.main-footer .small-col { width: 24.33%; }

.main-footer .com-col { width: 21%; }

.main-footer{ background: var(--bs-black); color: var(--bs-white);}

.main-footer .footer-info { max-width: 380px; }

.main-footer .logo-wrap{ max-width: 330px; margin-bottom: 25px;}

.main-footer .logo-wrap img { filter: brightness(0) invert(1); }

.main-footer form{ margin: 0 !important;}

.main-footer .form-row{ position: relative;}

input:-webkit-autofill,

input:-webkit-autofill:hover, 

input:-webkit-autofill:focus, 

input:-webkit-autofill:active{ transition: background-color 9999s ease-in-out 0s; -webkit-text-fill-color: #000;}



.main-footer .footer-info form input.form-control  { border: 0 !important; border-bottom: 1px solid #fff !important; border-radius: 0 !important; padding-left: 0 !important; color: var(--bs-white) !important; }

.main-footer input[type=submit] { background-image: url(../images/arrow_right-white.svg) !important; background-position: center !important; background-size: 100% !important; background-repeat: no-repeat !important; width: 20px !important; height: 15px !important; border: 0 !important; font-size: 0 !important; padding: 0 !important; position: absolute; top: 10px; right: 0; margin: 0 !important; }

.main-footer input[type=submit]{ background-color: transparent !important;}

.main-footer .foot { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; }

.main-footer .foot .response { padding: 0 !important; margin: 0 !important; width: 100% !important; color: var(--bs-white) !important; font-size: 15px;}

.mce_inline_error { background: transparent !important; }

.main-footer li a{ color: var(--bs-white);}

.main-footer li a:hover{ color: var(--yellow);}

.main-footer .footer-menu li a{ display: inline-block; padding: 5px 0;}

.main-footer .footer-menu .social-info li{ margin: 0 5px;}

.main-footer .footer-menu .social-info li:first-child{ margin-left: 0;}

.main-footer .footer-menu .social-info li:last-child{ margin-right: 0;}

.main-footer .footer-menu .social-info li a{ display: flex; align-items: center; justify-content: center; width: 39px; height: 39px; border: 1px solid #fff; border-radius: 50%;}

.main-footer .footer-menu .social-info li a img{ filter: brightness(0) invert(1);}



.bottom-footer{ border-top: 2px solid #585858; padding: 18px 0;}

.main-footer .card-wraper li { display: flex; align-items: center; justify-content: center; margin: 0 5px; height: 100%; }

.main-footer .card-wraper li:last-child{ margin-right: 0;}

.main-footer .card-wraper li:not(.cash-on-delivery) { border-radius: 5px; background: #F3F4F6; padding: 7px 8px; }

.main-footer .card-wraper li span{ font-size: 10px; font-weight: var(--medium); text-transform: uppercase; line-height: 1;}

.main-footer .card-wraper li.cash-on-delivery  span:not(.info){ display: inline-flex; align-items: center; justify-content: center; background: #F3F4F6; border-radius: 50%; width: 35px; height: 35px; margin-right: 6px;}

.main-footer .card-wraper li img{ filter: inherit;}

.main-footer input:-webkit-autofill,
.main-footer input:-webkit-autofill:hover, 
.main-footer input:-webkit-autofill:focus, 
.main-footer input:-webkit-autofill:active{ transition: background-color 9999s ease-in-out 0s; -webkit-text-fill-color: #ffffff !important;}

@media only screen and (max-width: 1599px){

    /* .full-width-wraper .image-wraper{ padding-bottom: 100%;} */

    .testimonial-box p { font-size: 22px; }

}

@media only screen and (max-width: 1399px){

    .collections-section .collection-box-item-row{ margin: 0 -25px;}

    .collections-section .collection-box-item{ padding: 0 25px;}

    /* .full-width-wraper .image-wraper { padding-bottom: 110%; } */

    .full-width-wraper .info-wraper{ padding: 20px 15px;}

    .product-section .slick-prev{ left: -40px;}

    .product-section .slick-next{ right: -10px;}

    .testimonial-section .ti-name{ font-size: 20px !important;}

    .testimonial-section .full-width-wraper .info-wraper{ padding: 20px 30px;}

    .main-footer .logo-wrap{ max-width: 260px;}

}

@media only screen and (max-width: 1199px){

    .hero-banner .container-holder .container { padding-bottom: 80px; }

    .testimonial-box p { font-size: 20px; }

    .testimonial-section .ti-review-text-container{ font-size: 16px !important;}

    .main-footer .col-md-6 { width: 50% !important; }

    .top-footer.common-padding{ padding-bottom: 70px;}

    .main-footer .footer-info { margin-bottom: 30px; }

    .main-footer .footer-menu { margin-bottom: 30px; }

    

}

@media only screen and (max-width: 1024px){

    .testimonial-section .ti-widget.ti-goog .ti-controls{ display: block;}

}

@media only screen and (max-width: 991px){

    .hero-banner .banner-info{ max-width: 60%;}

    .collections-section{ padding-bottom: 20px;}

    .collections-section .collection-box-item-row{ margin: 0 -12px;}

    .collections-section .collection-box-item{ padding: 0 12px;}

    .collections-section .collection-box-item{ margin-bottom: 30px;}

    .collections-section .collection-box-item:nth-child(even){ padding-top: 0;}

    .collections-section .collection-box-item .inner-row{ flex-direction: column-reverse !important;}

    .collection-box .image-wraper{ padding-bottom: 80%; margin-bottom: 0;}

    .full-width-wraper .image-wraper { padding-bottom: 80%; }

    .full-width-wraper .full-col{ left: 0;}

    .full-width-wraper .full-col .row{ margin: 0;}

    .full-width-wraper .info-wraper{ padding: 60px 0;}

    .product-slider .slick-list{ padding-bottom: 0;}

    .product-slider .item-wrap:hover{ transform: none;}

    .product-section .slick-prev{ left: -10px;}

    .product-section .slick-next { right: 18px; }

    .product-box .imag-box .cart-icon{ transform: translateY(-10px); opacity: 1; visibility: visible;}

    .trending-box .image-wraperbox .cart-icon { transform: translateY(-10px); opacity: 1; visibility: visible;}

    .repair-section .image-wraper{ margin-bottom: 30px;}

    .trending-section{ padding: 80px 0;}

    .trending-section  .info-holder { padding: 0; margin-bottom: 30px;}

    .trending-section .big-image-wraper{ position: relative; margin: 0 auto;}

    .testimonial-section .full-width-wraper .info-wraper{ padding: 60px 0;}

    .testimonial-section .ti-name{ font-size: 18px !important;}

    .top-footer.common-padding{ padding-bottom: 50px;}

    .main-footer .logo-wrap{ max-width: 200px;}

}

@media only screen and (max-width: 767px){

    .hero-banner { padding-bottom: 50%; }

    .hero-banner .btn{ letter-spacing: 3px; padding: 15px;}

    .collections-section .collection-box-item{ margin-bottom: 30px;}

    .collections-section .collection-box-item:nth-child(even){ padding-top: 0;}

    .collections-section .collection-box-item .inner-row{ flex-direction: column-reverse !important;}

    .collection-box .image-wraper{ padding-bottom: 75%;}

    .full-width-wraper .image-wraper { padding-bottom: 85%; }

    .product-slider .slick-list{ margin: 0 -10px;}

    .product-slider .slick-slide{ padding: 0 10px;}

    .product-box .cart-icon li{ margin: 0 2.5px;}

    .product-box .cart-icon li a{ width: 32px; height: 32px; }

    .product-box .cart-icon li a img{ padding: 6px;}

    .product-section .slick-arrow { transform: translateY(-55px); }

    .repair-section .image-wraper{ padding-bottom: 55%;}

    .trending-box{ margin-bottom: 30px;}

    .trending-section{ padding: 60px 0;}

    .trending-section .col-md-4:last-child .trending-box{ margin-bottom: 0;}

    .trending-box .image-wraper{ padding-bottom: 75%;}

    .trending-section .big-image-wraper { width: 100%; position: relative; padding-bottom: 85%; }

    .trending-section .big-image-wraper img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

    .policy-info-box{ height: auto; margin-bottom: 30px;}

    .policy-info-section .col-md-4:last-child .policy-info-box{ margin-bottom: 0;}

    .policy-info-box .icon{ width: 80px; height: 80px;}

    .main-footer{ text-align: center;}

    .main-footer .col-md-6{ width: 100% !important;}

    .top-footer.common-padding{ padding-bottom: 30px;}

    .main-footer .logo-wrap{ margin: 0 auto 30px;}

    .main-footer .footer-info{ max-width: 100%;}

    .main-footer .social-info{ margin-top: 10px;}

    .main-footer .social-info ul{ justify-content: center;}

    .bottom-footer .inner-row { display: block !important; text-align: center; }

    .bottom-footer .card-wraper ul{ justify-content: center; margin-top: 5px;}

}

@media only screen and (max-width: 575px){

    .hero-banner .container-holder .container{ padding-bottom: 30px;}

    .hero-banner .banner-info { max-width: 70%; }

    .repair-section .image-wraper{ padding-bottom: 75%;}

    .repair-section .info-wraper .inner-info{ padding: 0;}

    .trending-section .info-holder .title-info{ max-width: calc(100% - 140px);}

    .testimonial-box p { font-size: 18px; }

    .testimonial-section .ti-name{ font-size: 17px !important;}

    .testimonials-slider .slick-arrow.slick-prev{     right: 80px;}

    .testimonials-slider .slick-arrow{ right: 40px;}

    .main-footer .logo-wrap { max-width: 180px; }

}

@media only screen and (max-width: 479px){

    .hero-banner .banner-info { max-width: 100%; }

    .hero-banner .btn{ font-size: 14px;}

    .collections-section{ padding-top: 40px;}

    .collections-section .collection-box-item-row{ margin: 0 -5px;}

    .collections-section .collection-box-item{ padding: 0 5px;}

    .collection-box h3{ font-size: 22px;}

    .collection-box .image-wraper { padding-bottom: 85%; }

    .full-width-wraper .image-wraper { padding-bottom: 90%; }

    .testimonial-section .ti-widget.ti-goog .ti-controls{ display: none;}

    

    

}

@media only screen and (max-width: 379px){

    .trending-section .info-holder .title-row{ display: block !important;}

    .trending-section .info-holder .title-info{ max-width: 100%; margin-bottom: 20px;}

}

/* home page end */



/* Permanent Jewelry page start */

.inner-banner{ position: relative; padding-bottom: 24%;}

.inner-banner::before { position: absolute; content: ''; background: linear-gradient(90deg, #0E0E0E 0%, rgba(14, 14, 14, 0.00) 65.91%); top: 0; right: 0; bottom: 0; left: 0; z-index: 1; }

.inner-banner .banner-bg{ background-position: center !important; background-size: cover !important; background-repeat: no-repeat !important; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%;}

.inner-banner .container-holder { display: flex; align-items: center; position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; z-index: 3; }

.inner-banner .banner-info{ color: var(--bs-white);}

.permanent-jewelry-section .item-row .row{ align-items: center; margin: 0;}

.permanent-jewelry-section .item-row .col-lg-6{ padding: 0;}

.permanent-jewelry-section .item-row .info-wraper { padding: 20px 65px; }

.permanent-jewelry-section .item-row .info-wraper p:last-child{ margin-bottom: 0;}

.common-image-wraper{ position: relative; padding-bottom: 100%;}

.common-image-wraper img{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}

.permanent-jewelry-section .item-row:nth-child(even) .row{ flex-direction: row-reverse;}

.permanent-jewelry-section .item-row:nth-child(even) .info-wraper{ padding-left: 0;}

@media only screen and (max-width: 1399px){

    .permanent-jewelry-section .item-row .info-wraper { padding: 15px 25px; }

    .common-image-wraper{ padding-bottom: 105%;}

}

@media only screen and (max-width: 1199px){

    .permanent-jewelry-section .item-row .info-wraper { padding: 10px 15px; }

    .common-image-wraper{ padding-bottom: 115%;}

}

@media only screen and (max-width: 991px){

    .inner-banner{ padding-bottom: 30%;}

    .woocommerce-products-header.inner-banner{ padding-bottom: 25%;}

    .common-image-wraper{ padding-bottom: 85%; margin-bottom: 30px;}

    .permanent-jewelry-section .item-row .info-wraper{ padding: 0;}

    .permanent-jewelry-section .item-row { margin-bottom: 35px; }

    .permanent-jewelry-section .item-row:last-child{ margin-bottom: 0;}

}

@media only screen and (max-width: 767px){

    .inner-banner{ padding-bottom: 35%;}

}

@media only screen and (max-width: 479px){

    .inner-banner{ padding-bottom: 45%;}

}

@media only screen and (max-width: 379px){

    .inner-banner{ padding-bottom: 50%;}

}

/* Permanent Jewelry page end */



/* custom-repair page start */

.custom-repair-section .common-image-wraper { padding-bottom: 90%; }

.custom-repair-section .info-wraper{ padding: 20px 30px;}

.custom-repair-section .info-wraper p:last-child{ margin-bottom: 0;}

.custom-repair-contact-section{ background-position: center !important; background-size: cover !important; background-repeat: no-repeat !important;}

.custom-repair-contact-section .info-wraper{ background: rgba(255, 255, 255, 0.40); text-align: center; max-width: 1160px; padding: 50px; margin: 0 auto; }

.custom-repair-contact-section .info-wraper .inner-info{ background: var(--bs-white); padding: 55px 145px;}

.custom-repair-contact-section .info-wraper  .logo-wrap{ max-width: 320px; margin: 0 auto 30px;}



.why-choose-section li{ display: flex; align-items: center; font-weight: var(--semi-bold); letter-spacing: 0.18px; margin-bottom: 20px;}

.why-choose-section li span{ display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--bs-black); border-radius: 50%; width: 60px; height: 60px; flex: 0 0 auto; margin-right: 20px;}



.precision-section.repair-section .info-wraper .inner-info{ max-width: 1330px;}

.repair-section .info-wraper li{ width: 33.33%; text-align: left; font-weight: var(--semi-bold); margin-bottom: 25px; padding-left: 35px; padding-right: 15px; position: relative;}

.repair-section .info-wraper li::before{ position: absolute; content: ''; background: url(../images/back.svg); background-position: center !important; background-size: 100% !important; background-repeat: no-repeat !important; width: 20px; height: 20px; position: absolute; top: 4px; left: 0;}

@media only screen and (max-width: 1399px){

    .custom-repair-section .common-image-wraper{ padding-bottom: 105%;}

    .custom-repair-section .info-wraper{ padding: 0 0 0 25px;}

}

@media only screen and (max-width: 1199px){

    .custom-repair-section .info-wraper { padding: 0; }

}

@media only screen and (max-width: 991px){

    .custom-repair-section .common-image-wraper { padding-bottom: 85%; }

    .custom-repair-contact-section .info-wraper{ padding: 30px;}

    .custom-repair-contact-section .info-wraper .inner-info{ padding: 40px 60px; }

    .custom-repair-contact-section .info-wraper .logo-wrap{ max-width: 240px;}

    .why-choose-section li:last-child{ margin-bottom: 0;}

    .repair-section .info-wraper li{ padding-left: 20px;}

    .repair-section .info-wraper li::before{ width: 15px; height: 15px;}

}

@media only screen and (max-width: 767px){

    .custom-repair-contact-section .info-wraper .logo-wrap { max-width: 180px; }

    .custom-repair-contact-section .info-wraper { padding: 15px; }

    .custom-repair-contact-section .info-wraper .inner-info { padding: 25px 20px; }

    .why-choose-section li span{ width: 55px; height: 55px; margin-right: 10px;}

    .repair-section .info-wraper li{ width: 50%;}

}

@media only screen and (max-width: 479px){

    .repair-section .info-wraper li{ width: 100%; padding-right: 0; margin-bottom: 20px;}

    .repair-section .info-wraper li:last-child{ margin-bottom: 0;}

}

@media only screen and (max-width: 379px){

    .custom-repair-contact-section .info-wraper .inner-info { padding: 20px 15px; }

    .custom-repair-contact-section .info-wraper .inner-info .btn { font-size: 14px; padding: 15px; }

}

/* custom-repair page end */



/* Custom Design page start */

.customize-box {background: #F4F4F4;  position: relative; overflow: hidden; height: 100%; padding-bottom: 150px;}



.customize-box .top-info { padding: 30px;}

.customize-box  p{ margin-bottom: 5px;}

.customize-box h4{ margin-bottom: 20px;}

.customize-box .bottom-info{ background: var(--bs-black); color: var(--bs-white); font-weight: var(--semi-bold); letter-spacing: 5.4px; text-transform: uppercase; text-align: right; padding: 30px; position: absolute; right: 0; bottom: 0; left: 0; z-index: 1;}

.customize-box .icon { display: flex; align-items: center; justify-content: center; background: #000; border-radius: 50%; border: 7px solid #fff; width: 105px; height: 105px; position: absolute; bottom: 50px; z-index: 2; }



/* .customize-box::before { position: absolute; content: ''; background: var(--bs-black); top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; transform: translateY(110%); transition: var(--common-transition); }

.customize-box:hover{ color: var(--bs-white);}

.customize-box:hover::before{ opacity: 1; visibility: visible; transform: none;}

.customize-box:hover .bottom-info{ background: var(--bs-white); color: var(--bs-black);} */

.personalized-section .full-width-wraper .full-col{ left: 0;}

.personalized-section .full-width-wraper  .full-col .col-lg-6{ margin-left: 0;}

.personalized-section .full-width-wraper .info-wraper{ padding-left: 0;}

.create-dream-piece-section .section-heading { text-align: center; max-width: 1230px; margin: 0 auto 40px; }

.personalized-section .full-width-wraper .info-wraper p:last-child{ margin-bottom: 0;}

.appointment_wrapper .form-control { border: 1px solid #dadada !important; }

.appointment_wrapper label { font-size: 15px; }

.appointment_wrapper input.btn.submit { background: var(--bs-black); color: var(--bs-white); border: 2px solid var(--bs-black); border-radius: 0; text-align: center; line-height: 1; text-transform: uppercase; font-weight: var(--semi-bold); letter-spacing: 5.4px; padding: 22px 60px; }

.appointment_wrapper input.btn.submit:hover { background-color: transparent; color: var(--black); }

@media only screen and (max-width: 1399px){

    .customize-box{ padding-bottom: 110px;}

    .customize-box .top-info{ padding: 25px 15px;}

    .customize-box .icon{     border: 5px solid #fff; width: 80px; height: 80px;     bottom: 30px; }

    .customize-box .bottom-info{ padding: 20px 15px;}

}

@media only screen and (max-width: 991px){

.customize-box-item{ margin-bottom: 30px;}

}

@media only screen and (max-width: 767px){

    .customize-box-item:last-child{ margin-bottom: 0;}

    }

/* Custom Design page end */



/* about us page start */

.about-us-section .common-image-wraper{ padding-bottom: 90%;}

.about-us-section .info-wraper { padding: 20px 30px; }

.about-us-section .info-wraper p:last-child{ margin-bottom: 0;}

.policy-info-section.about-policy-info-section { padding: 0 0 100px 0; }

@media only screen and (max-width: 1399px){

    .about-us-section .common-image-wraper { padding-bottom: 105%; }

    .about-us-section .info-wraper{ padding: 0 0 0 25px;}

}

@media only screen and (max-width: 1199px){

    .about-us-section .info-wraper{ padding: 0;}

}

@media only screen and (max-width: 991px){

    .policy-info-section.about-policy-info-section { padding: 0 0 80px 0; }

}

@media only screen and (max-width: 767px){

    .policy-info-section.about-policy-info-section { padding: 0 0 60px 0; }

}

/* about us page start */



/* faq page start */

.faq-wraper .accordion-item{ border-color: #737373;  border-right: 0; border-left: 0; border-radius: 0; position: relative;}

.faq-wraper button.accordion-button{ background: transparent; font-size: 32px; font-family: var(--marcellus); color: var(--bs-black); box-shadow: none; padding: 20px 50px 20px 0; position: inherit;}

.faq-wraper .accordion-button::after { position: absolute; top: 25px; right: 0; filter: brightness(0);}

.faq-wraper .accordion-body{ padding: 0 50px 35px 0;}

.faq-wraper .accordion-body p:last-child{ margin-bottom: 0;}

@media only screen and (max-width: 1599px){

    .faq-wraper button.accordion-button{ font-size: 28px;}

}

@media only screen and (max-width: 1199px){

    .faq-wraper button.accordion-button{ font-size: 25px;}

}

@media only screen and (max-width: 991px){

    .faq-wraper button.accordion-button{ font-size: 22px;}

}

@media only screen and (max-width: 767px){

    .faq-wraper button.accordion-button{ padding-right: 25px;}

    .faq-wraper .accordion-button::after{ top: 22px;}

    .faq-wraper .accordion-body{ padding-right: 0;}

}

@media only screen and (max-width: 575px){

    .faq-wraper button.accordion-button{ font-size: 20px; padding: 15px 25px 15px 0;}

    .faq-wraper .accordion-body { padding: 0 0 25px 0; }

}

/* faq page end */



/* shop page start */

.shop_product_listing.common-padding{ padding-bottom: 70px;}

.product_archive_outer { display: flex; flex-wrap: wrap; margin: 0 -15px;}

.product_archive_outer .product_filter_wrap { width: 380px; padding: 0 15px;}

.product_archive_outer .product_filter_wrap > div { background: #F4F4F4; padding: 30px; }

.product_archive_outer .product_filter_wrap .widget-title { font-family: var(--jost); font-size: 42px; font-weight: 500; margin-bottom: 15px; }

.product_archive_outer .product_filter_wrap ul.woof_list{ margin-top: 15px !important;}

.product_archive_outer .product_filter_wrap ul.woof_list.woof_list_radio li { display: flex; align-items: center; }

.product_archive_outer .product_filter_wrap ul.woof_list.woof_list_radio li:not(:last-child){ margin-bottom: 10px;}

.product_archive_outer .product_filter_wrap .woof_container{ border-bottom: 1px solid #C7C7C7; padding: 15px 0; margin: 0; }

.product_archive_outer .product_filter_wrap .woof_container:last-child{ border-bottom: 0; padding-bottom: 0; margin-bottom: 0;}

.product_archive_outer .product_filter_wrap h4{ font-size: 18px; font-weight: 700;}

.product_archive_outer .woof_container_inner h4{ margin-bottom: 0 !important; }

.product_archive_outer .woof_container_inner h4 a { font-size: 0; height: 30px; width: 20px; position: relative; }

.product_archive_outer .woof_container_inner h4 a:after{ content: ''; position: absolute; top: 7px; right: 10px; border: solid #000; border-width: 0 2px 2px 0; display: inline-block; padding: 3px; transform: rotate(-45deg); transition: var(--common-transition); }

.product_archive_outer .woof_container_inner h4 a.woof_front_toggle_opened:after{ transform: rotate(45deg); }

.product_archive_outer .product_filter_wrap .product_view_outer { padding: 0 30px 30px; }

.product_archive_outer .product_filter_wrap .product_view_outer .woocommerce-ordering { margin: 0; float: none; }

.product_archive_outer .product_filter_wrap .product_view_outer .woocommerce-ordering select { width: 100%; background: transparent; border: 1px solid #000; outline: none; height: 45px; padding: 8px; }

.product_archive_outer .product_filter_wrap .woof_container:last-of-type{ padding-bottom: 0; margin-bottom: 0;}







/* .product_archive_outer .product_filter_wrap .product_view_outer .woocommerce-ordering select::-webkit-outer-spin-button,

.product_archive_outer .product_filter_wrap .product_view_outer .woocommerce-ordering select::-webkit-inner-spin-button { display: none; } */





.woof_show_auto_form, .woof_hide_auto_form{ filter: brightness(0);}

.woof_autohide_wrapper .woof_auto_show.woof_overflow_hidden { display: none !important;}

.woof_autohide_wrapper br{ display: none;}

.product_archive_outer .product_filter_wrap .woof_block_html_items label{ color: #737373; padding: 0; transition: var(--common-transition);}

.product_archive_outer .product_filter_wrap .iradio_square-blue { width: 20px; height: 20px; background-color: transparent !important; background-image: none !important; background-size: 26px !important; background-position: center !important; background-repeat: no-repeat !important; border: 1px solid #737373; transition: var(--common-transition); }

.product_archive_outer .product_filter_wrap .iradio_square-blue.checked { background: url(../images/checkbox-checked.svg) !important; background-size: 26px !important; background-position: center !important; background-repeat: no-repeat !important;}

/* .product_archive_outer .product_filter_wrap .iradio_square-blue.hover{ background: var(--bs-black);} */

.product_archive_outer .product_filter_wrap ul.woof_list.woof_list_radio li a.woof_radio_term_reset.woof_radio_term_reset_visible { display: none !important; }

.product_archive_outer .product_filter_wrap label.hover{ color: var(--bs-black);}

.irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single{ background-color: var(--bs-black) !important;}

.irs--round .irs-from:before, .irs--round .irs-to:before, .irs--round .irs-single:before{ border-top-color: var(--bs-black) !important;}

.product_archive_outer .product_filter_wrap .irs--round .irs-from{ background-color: var(--bs-black);}

.product_archive_outer .product_filter_wrap .irs--round .irs-handle{ border-color: var(--bs-black);}

.product_archive_outer .product_filter_wrap .irs--round .irs-bar{ background-color: var(--bs-black);}

.product_archive_outer .outer_product_list{ width: calc(100% - 380px); padding: 0 15px;}

.product_archive_outer .outer_product_list .top_filter_wrapper { display: flex; align-items: center; justify-content: space-between; margin-bottom: 50px;}

.product_archive_outer .outer_product_list .top_filter_wrapper p{ margin-bottom: 0;}

.product_archive_outer .outer_product_list .product_view_outer { display: flex; align-items: center; }

.outer_product_list .top_filter_wrapper .woocommerce-ordering { display: none; }

.product_archive_outer .outer_product_list  .view_outer{ margin-right: 40px;}

.product_archive_outer .outer_product_list  .view_outer ul{ display: flex; margin: 0 -7.5px;}

.product_archive_outer .outer_product_list .view_outer ul li{ padding: 0 7.5px;}

.product_archive_outer .outer_product_list .view_outer ul a{ display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border: 1px solid #000; transition: var(--common-transition);}

.product_archive_outer .outer_product_list .view_outer ul a:hover{  background: var(--bs-black);}

.product_archive_outer .outer_product_list .view_outer ul a:hover img{  filter: brightness(0) invert(1); }

.product_archive_outer .outer_product_list .view_outer ul .active a{ background: var(--bs-black);}

.product_archive_outer .outer_product_list .view_outer ul .active a img{ filter: brightness(0) invert(1); }

.product_archive_outer .outer_product_list .product_view_outer form.woocommerce-ordering { margin-bottom: 0; }

.product_archive_outer .outer_product_list .product_view_outer select { position: relative; height: 40px; border: 1px solid #000; color: #737373; padding: 5px 35px 5px 15px;  -webkit-appearance: none; background: url(../images/chevron-down.svg); background-size: 15px !important; background-position: right 15px center !important; background-repeat: no-repeat !important;}

.product_archive_outer .outer_product_list .products{ display: flex; flex-wrap: wrap; margin: 0 -15px;}

.product_archive_outer .outer_product_list .products li.product  { width: 33.33% !important; padding: 0 15px !important; margin: 0 0 30px !important; transition: var(--common-transition);}

.shop_product_listing.item-llist .product_archive_outer .outer_product_list .products li.product { width: 100% !important;}

.shop_product_listing.item-2 .product_archive_outer .outer_product_list .products li.product { width: 50% !important;}

.shop_product_listing.item-3 .product_archive_outer .outer_product_list .products li.product { width: 33.33% !important;}

.shop_product_listing.item-4 .product_archive_outer .outer_product_list .products li.product { width: 25% !important;}



.shop_product_listing.item-llist .product_archive_outer .outer_product_list .products li.product{ display: flex; flex-wrap: wrap; align-items: center;}

.shop_product_listing.item-llist .product_archive_outer .outer_product_list .products li.product .imag-box{ max-width: 450px; width: 100%; margin-right: 20px;}

.shop_product_listing.item-llist .product_archive_outer .outer_product_list .products li.product .imag-box .inner-image{ margin-bottom: 0;}

.shop_product_listing.item-llist .product_archive_outer .outer_product_list .products li.product  .inner-image{ padding-bottom: 100%;}



.outer_product_list .products li .imag-box{ position: relative;}

.outer_product_list .products li .inner-image { position: relative; padding-bottom: 110%; margin-bottom: 20px;}

.outer_product_list .products li .inner-image img{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100% !important; object-fit: cover;}

.outer_product_list .products li .cart-icon { display: inline-block; position: absolute; right: 0; bottom: 0; left: 0; margin: 0 auto; opacity: 0; visibility: hidden; transition: var(--common-transition); }

.outer_product_list .products li .cart-icon ul{ justify-content: center; margin-bottom: 0;}

.outer_product_list .products li .cart-icon ul li{ padding: 0 5px;}

.outer_product_list .products li .cart-icon ul li i{ margin: 0 !important;}

.outer_product_list .products li .cart-icon li a { display: flex !important; align-items: center; justify-content: center; background: var(--bs-black); border-radius: 100%; width: 38px; height: 38px; padding: 0 !important; margin: 0 !important; }

.outer_product_list .products li .cart-icon li a.added_to_cart.wc-forward, .related_prdcts .products .slide_items .cart-icon li a.added_to_cart.wc-forward { display: none !important; }

.outer_product_list .products li .cart-icon li a img { margin: 0; width: 22px; }

.outer_product_list .products li a{ color: var(--bs-black);}

.outer_product_list .products li:hover .cart-icon{     transform: translateY(-20px); opacity: 1; visibility: visible;}

.yith-wcwl-add-to-wishlist{ margin-top: 0 !important;}

.yith-wcwl-add-button a { font-size: 0 !important; background: var(--bs-black) !important;}

.yith-wcwl-add-button a i { font-size: 17px; }

.yith-wcwl-add-to-wishlist i { margin: 0 !important; color: #fff; }

.product .woocommerce-loop-product__title, .woocom-loop-product__title { padding: 0.5em 0; margin: 0; font-size: 1em;font-family: var(--jost); color: #000; letter-spacing: 0.18px; }

.product  .price{ color: var(--bs-black) !important; }

.product .price p{ margin-bottom: 5px;}

.product  .price .woocommerce-Price-amount{ font-weight: 700;}





.woocommerce-pagination ul{ display: flex !important; justify-content: center; border: 0 !important;}

.woocommerce-pagination ul li { width: 40px; height: 40px; border: 0 !important; margin: 0 10px !important; display: flex !important; align-items: center; justify-content: center; }

.woocommerce-pagination ul li a, .woocommerce-pagination ul li span { display: flex !important; align-items: center; justify-content: center; width: 100%; height: 100%; border: 1px solid #737373 !important; color: #737373 !important; transition: var(--common-transition); }

.woocommerce-pagination ul li a:hover, .woocommerce-pagination ul li span:hover{ background: var(--bs-black) !important; border: 1px solid #000 !important; color: var(--bs-white) !important;}

.woocommerce-pagination ul li a.current, .woocommerce-pagination ul li span.current{ background: var(--bs-black) !important; border: 1px solid #000 !important; color: var(--bs-white) !important;}



/* .woocommerce-pagination ul{ display: flex !important; justify-content: center;}

.woocommerce-pagination ul li{ margin: 0 10px !important; flex: 0 0 auto; border: 0 !important; float: none !important;}

.woocommerce-pagination .page-numbers { display: inline-flex !important; align-items: center; justify-content: center; width: 40px; height: 40px; border: 1px solid #737373 !important; color: #737373 !important; transition: var(--common-transition);}

.woocommerce-pagination .page-numbers:hover, .woocommerce-pagination .page-numbers.current { background: var(--bs-black) !important; color: var(--bs-white) !important; border-color: #000 !important; } */



div.woof_info_popup { top: auto; bottom: 0; }

.product_archive_outer .woof_reset_search_form { display: inline-block !important; background: transparent !important; border: 2px solid var(--bs-black) !important; border-radius: 0 !important; text-align: center !important; font-size: 16px !important; color: var(--bs-black) !important; line-height: 1 !important; text-transform: uppercase !important; font-weight: var(--semi-bold) !important; letter-spacing: 5.4px !important; padding: 18px 30px !important; transition: var(--common-transition) !important; }

.product_archive_outer .woof_reset_search_form:hover{     background: var(--bs-black) !important; border: 2px solid var(--bs-black) !important; color: var(--bs-white) !important;}



/* #yith-wcwl-popup-message { width: 300px; padding: 5px 15px; top: 0; right: 0; left: auto; margin-left: 0 !important; font-size: 15px; } */

#yith-wcwl-popup-message { width: 300px; padding: 5px 15px; top: auto; right: 0; left: auto; bottom: 15px; margin: 0 auto !important; font-size: 15px; }

@media only screen and (max-width: 1599px){

    .product_archive_outer .outer_product_list .view_outer { margin-right: 20px; }

}

@media only screen and (max-width: 1399px){

    .product_archive_outer .product_filter_wrap > div{ padding: 30px 20px;}

    .product_archive_outer .product_filter_wrap .product_view_outer { padding: 0 20px 30px; }

    .product_archive_outer .product_filter_wrap{ width: 300px;}

    .product_archive_outer .product_filter_wrap .widget-title { font-size: 34px;}

    .product_archive_outer .outer_product_list{ width: calc(100% - 300px);}

    .shop_product_listing.item-llist .product_archive_outer .outer_product_list .products li.product .imag-box{ max-width: 45%; margin-right: 0; padding-right: 20px;}

    .shop_product_listing.item-llist .product_archive_outer .outer_product_list .products li.product .info-box { max-width: 55%; width: 100%; }

}

@media only screen and (max-width: 1199px){

    

    .product_archive_outer .product_filter_wrap .widget-title { font-size: 28px;}

    .outer_product_list .products li .cart-icon li a{ width: 30px; height: 30px;}

}

@media only screen and (max-width: 991px){

    .shop_product_listing.common-padding{ padding-bottom: 50px;}



    .product_archive_outer .product_filter_wrap .product_view_outer{ display: none;}

    .product_archive_outer .outer_product_list .top_filter_wrapper{ display: block;}

    .outer_product_list .top_filter_wrapper .woocommerce-ordering{ display: block;}

    .product_archive_outer .outer_product_list .top_filter_wrapper .woocommerce-result-count{ float: none; margin-bottom: 25px;}

    .product_archive_outer .outer_product_list .products{ margin: 0 -7.5px !important;}

    .product_archive_outer .outer_product_list .products li.product{ padding: 0 7.5px !important;}





    .product_archive_outer .product_filter_wrap { display: none; width: 100%; margin-bottom: 30px; }

    .woof_autohide_wrapper a.woof_btn_default.woof_show_auto_form { filter: brightness(0);}

    .product_archive_outer .outer_product_list{ width: 100%;}

    .product_archive_outer .product_filter_wrap > div{ padding: 20px;}

    .product_archive_outer .product_filter_wrap .product_view_outer { padding: 0 20px 20px; }

    .outer_product_list .products li .cart-icon{     transform: translateY(-20px); opacity: 1; visibility: visible;}

}

@media only screen and (max-width: 767px){

    .shop_product_listing.common-padding{ padding-bottom: 30px;}

    .product_archive_outer .outer_product_list .products li.product{ width: 50% !important;}

    .product_archive_outer .outer_product_list .view_outer ul li.desktop_grid_itm { display: none; }

    div.woof_info_popup { bottom: 0; left: 50%; transform: translateX(-50%); padding: 15px; font-size: 16px;}

    .product_archive_outer .outer_product_list .woof_sid_auto_shortcode { padding: 15px 10px; }

    /* .product_archive_outer .outer_product_list .view_outer ul a.mobile_active{ background: var(--bs-black);}

    .product_archive_outer .outer_product_list .view_outer ul a.mobile_active img{ filter: brightness(0) invert(1);} */

    #yith-wcwl-popup-message{ top: 50%; right: auto; bottom: auto; left: 50%; transform: translateX(-50%); }

    .woof_autohide_wrapper .woof_btn_default { width: 100%; height: auto; display: flex !important; align-items: center; background-size: 30px; position: relative; }

    .woof_autohide_wrapper .woof_btn_default:before { content: ""; position: relative; width: 40px; height: 30px; display: block; }

    .woof_autohide_wrapper .woof_btn_default:after { content: "Show Filter"; }



}

@media only screen and (max-width: 575px){

    /* .product_archive_outer .outer_product_list .product_view_outer{ display: block;}

    .product_archive_outer .outer_product_list .view_outer{ margin: 0 0 20px;} */

    .product_archive_outer .outer_product_list .product_view_outer form.woocommerce-ordering{ float: none;}

    .woocommerce-pagination ul li{ margin: 0 5px !important;}

}

@media only screen and (max-width: 379px){

    .product_archive_outer .outer_product_list .view_outer ul{ margin: 0 -5px;}

    .product_archive_outer .outer_product_list .view_outer { margin-right: 10px; }

    .product_archive_outer .outer_product_list .view_outer ul li { padding: 0 5px; }

    .product_archive_outer .outer_product_list .product_view_outer select{ padding: 5px 30px 5px 10px; background-position: right 10px center !important;}

}

/* shop page end */



/* shop details page start */

/* .single-product .woocommerce-product-gallery { display: flex; flex-direction: row-reverse; } */

.single-product .woocommerce-product-gallery ul.flex-direction-nav { display: none; position: absolute; }

.single-product .woocommerce-product-gallery .flex-control-nav { width: 105px; flex: 0 0 auto; margin-right: 30px !important; padding: 0; }

.single-product .woocommerce-product-gallery .flex-control-nav li { clear: none !important; width: 100% !important; margin-bottom: 30px !important; }

.single-product .woocommerce-product-gallery .flex-viewport{ width: calc( 100% - 135px);}



.single-produc-slider-wraper .produc-slider-row { display: flex; flex-direction: row-reverse; justify-content: space-between; }

.single-produc-slider-wraper .produc-slider-row .for-wraper { width: calc(100% - 135px); }

.single-produc-slider-wraper .produc-slider-row .nav-wraper { width: 105px; }

/* .single-produc-slider-wraper .slider-for .woocommerce-product-gallery__image { position: relative; padding-bottom: 30%;} */

/* .single-produc-slider-wraper .slider-for .woocommerce-product-gallery__image { height: 50vw;}

.single-produc-slider-wraper .slider-for .woocommerce-product-gallery__image a{ display: block;} */

/* .single-produc-slider-wraper .slider-for .woocommerce-product-gallery__image a{ display: block; position: absolute;     top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%;} */

/* .single-produc-slider-wraper .slider-for .woocommerce-product-gallery__image img{ width: 100%; height: 100% !important; object-fit: cover;} */

.single-produc-slider-wraper .produc-slider-row .nav-wraper .woocommerce-product-gallery__image { padding: 5px 0; }

.single-produc-slider-wraper .produc-slider-row .nav-wraper .woocommerce-product-gallery__image:first-child{ padding-top: 0;}



/* new css 31-1-2024 */

/* .woocommerce div.product div.images.woocommerce-product-gallery .woocommerce-product-gallery__wrapper { width: 100% !important; }

.woocommerce div.product div.images.woocommerce-product-gallery .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image { width: auto !important; }

.single-product .woocommerce-product-gallery .flex-viewport a{ display: block;} */



.single-product .summary .product_title { display: flex; justify-content: space-between; gap: 12px;}
.single-product .summary .product_title .yith-wcwl-add-to-wishlist { margin-top: 5px !important; }

.single-product .summary .product_title .yith-wcwl-add-button a { display: flex; align-items: center; justify-content: center; background: transparent !important; width: 40px; height: 40px; font-size: 0 !important; }

.single-product .summary .product_title .yith-wcwl-add-button a i { color: #000; font-size: 35px; }

.single-product .summary .product_title .yith-wcwl-add-button a.view-wishlist { display: none !important; }

.single-product .summary .product_title .separator{ display: none;}

.single-product .summary .price_inr { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px;}

.single-product .summary .price_inr p{ margin-bottom: 0;}

.single-product .summary .price_inr .stock-status { background: #F4F4F4; border: 1px solid #C7C7C7;  padding: 20px 30px; line-height: 1; text-transform: uppercase; font-weight: 600;}



.single-product .attribute_pa_letter .select_option { border: 0; border-radius: 50%;}

.single-product .attribute_pa_letter .select_option .yith_wccl_value_wrapper { min-width: auto; width: 25px; height: 25px; }

.single-product .attribute_pa_letter .select_option .yith_wccl_value{ border: 0 !important;}

.single-product .attribute_pa_letter .select_option.selected{     border: 2px solid #cacaca;}



.single-product .summary .variations_form  .variations tr{ display: flex; flex-wrap: wrap;}

.single-product .summary .variations_form  .variations td{ width: 100%; position: relative; padding-right: 0 !important;}

.single-product .summary .variations_form  .variations .select_option.selected{ border: 2px solid #cacaca;}

.single-product .summary .variations_form  .variations .select_option.selected:hover{ border-color: #cacaca;}

.single-product .summary .variations_form  .variations .select_box:not( .on_ptab ) .select_option { border-color: #cacaca !important; transition: var(--common-transition); }

.single-product .summary .variations_form  .variations .select_box:not( .on_ptab ) .select_option:hover, .single-product .summary .variations_form  .variations .select_box:not( .on_ptab ) .select_option.selected { border-color: #4e4e4e !important; }



.single-product .summary .variations_form .variations td select { width: 100%; height: 40px; background-color: transparent; border: 1px solid #000; color: #737373; padding: 5px 20px; margin-right: 0 !important; }

.single-product .summary .variations_form .personalized_text{ margin-bottom: 30px;}

.single-product .summary .variations_form .personalized_text input{ width: 100%; height: 40px; border: 1px solid #000; padding: 5px 20px; transition: var(--common-transition);}

.single-product .summary .variations_form .personatext_wraper { display: flex;}

.single-product .summary .variations_form .personatext_wraper .persona_textfont_wrapr { display: flex; width: 0;  padding-left: 10px; overflow: hidden; transition: var(--common-transition); }

.single-product .summary .variations_form .personatext_wraper .persona_textfont_wrapr select { width: 65%; }

.single-product .summary .variations_form .personatext_wraper span.styledText{ flex: 0 0 auto; padding-left: 10px; font-size: 28px; transition: var(--common-transition);}

/* .single-product .summary .variations_form .personatext_wraper span.styledText{ width: 0; transition: var(--common-transition); font-size: 28px; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: rgba(0,0,0,0); line-height: initial; -webkit-text-stroke-color: #c7ab62; background-image: linear-gradient(#c5a85d,#e8d2a0,#c5a85d); font-family: var(--pacifico);} */



.personatext_wraper.has_perso  input{ width: 45% !important;}

.single-product .summary .variations_form .personatext_wraper.has_perso  .persona_textfont_wrapr{ width: 55% !important;}





.single-product .summary .variations_form .variations a.reset_variations { color: var(--yellow); position: absolute; right: 0; bottom: -25px; }

.quantity { display: inline-block; border: 1px solid #000;     padding: 5px 10px !important; float: none !important; }

.quantity button { background: transparent; border: 0; height: 100%; }

.quantity input{ border: 0;}

.quantity ::-webkit-inner-spin-button{ display: none;}



.quantity input[type=number] { -moz-appearance: textfield; }

.single-product .summary .single_add_to_cart_button{ width: 100%; margin-top: 30px; float: none;}

.single-product .summary .info_text { float: left; width: 100%; margin-top: 30px;}

.single-product .summary .info_text ul { display: flex; flex-wrap: wrap; margin: 0 -10px; }

.single-product .summary .info_text li{ display: flex; align-items: center; flex: 0 0 auto; width: 50%;  padding: 0 15px; margin-bottom: 30px;}

.single-product .summary .info_text li span { display: flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 60px; height: 60px; border: 1px solid #000; border-radius: 50%; margin-right: 15px; }



.personalized_letter{ margin-bottom: 25px;}

.personalized_letter label{ font-weight: var(--font-bold); margin-bottom: 15px;}

.personalized_letter ul { display: flex; flex-wrap: wrap; }

.personalized_letter ul li { display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; flex: 0 0 auto; border: 2px solid transparent; border-radius: 50%; font-size: 14px; margin: 0 10px 10px 0; cursor: pointer; transition: var(--common-transition); }

.personalized_letter ul li.active, .personalized_letter ul li:hover{     border: 2px solid #cacaca;}



.single-product .summary .variations_form .personalized_text label { font-weight: var(--font-bold); margin-bottom: 15px; }

.personastyle_wraper select { width: 100%; height: 40px; background-color: transparent; border: 1px solid #000; color: #737373; padding: 5px 20px; margin-right: 0 !important; }

.photo_sec_wrap { margin-top: 25px; }

.photo_sec_wrap .image_wraperr { position: relative; }

.photo_sec_wrap .image_wraperr label.btn { display: block !important; background: #000 !important; color: #fff !important; }

.photo_sec_wrap .image_wraperr input#pic_upload { position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }

.photo_sec_wrap .image_wraperr:hover label.btn{ background: transparent !important; color: #000 !important;}

.photo_sec_wrap .pic_previw { display: block; max-width: 250px; width: 100%; border: 1px solid #000; position: relative; height: 250px; padding: 15px; margin-bottom: 20px; }

.photo_sec_wrap .pic_previw img { display: block; width: 100%; height: 100%; object-fit: cover; }

.photo_sec_wrap .pic_previw button.remove-btn { display: flex; align-items: center; justify-content: center; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; background: #00000073; border: 0;  transition: var(--common-transition); opacity: 0;}

.photo_sec_wrap .pic_previw button.remove-btn img { width: 30px; height: 30px; filter: brightness(0) invert(1); }

.photo_sec_wrap .pic_previw button.remove-btn:hover{ opacity: 1;}



.woocommerce-tabs.wc-tabs-wrapper { border: 1px solid #737373; background: #FFF; padding: 30px; }

.woocommerce-tabs.wc-tabs-wrapper ul { border-bottom: 1px solid #737373; padding: 0 !important; text-align: center; }

.woocommerce-tabs.wc-tabs-wrapper ul li{ border: 0 !important; background: transparent !important;}

.woocommerce-tabs.wc-tabs-wrapper ul li::before{ display: none;}

.woocommerce-tabs.wc-tabs-wrapper ul li::after{ display: none;}

.woocommerce-tabs.wc-tabs-wrapper ul li a{ position: relative; padding: 0 50px 25px !important;     color: #737373 !important;}

.woocommerce-tabs.wc-tabs-wrapper ul li a::before{ position: absolute; content: ''; background: #000; width: 100%; height: 4px; right: 0; bottom: 0; left: 0; opacity: 0;}

.woocommerce-tabs.wc-tabs-wrapper ul li.active a{ color: var(--bs-black) !important;}

.woocommerce-tabs.wc-tabs-wrapper ul li.active a::before{ opacity: 1;}

.woocommerce-tabs.wc-tabs-wrapper  .woocommerce-Tabs-panel { margin-bottom: 0 !important;}

.woocommerce-tabs.wc-tabs-wrapper  .woocommerce-Tabs-panel p:last-child{ margin-bottom: 0;}

.woocommerce-tabs.wc-tabs-wrapper  .woocommerce-Tabs-panel a{ color: #000;}

/* .woocommerce-tabs.wc-tabs-wrapper  .woocommerce-Tabs-panel .comment-form-author, .woocommerce-tabs.wc-tabs-wrapper  .woocommerce-Tabs-panel .comment-form-email{ display: inline-block; width: 50%;} */

.woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel .comment-form-author input, .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel .comment-form-email input { display: block; width: 100%; height: 40px; border: 1px solid #000; padding: 5px 15px; }

.woocommerce-tabs.wc-tabs-wrapper .comment-form-cookies-consent{ display: flex; align-items: start;}

.woocommerce input[type=checkbox] { width: 24px; height: 24px; border: 1px solid #737373; border-radius: 0; margin-right: 10px;}

.woocommerce-Reviews .commentlist{ padding: 0;}

.woocommerce-product-rating a.woocommerce-review-link{ color: var(--yellow);}

.woocommerce-tabs.wc-tabs-wrapper ul.children{ border-bottom: 0;}

.woocommerce-tabs.wc-tabs-wrapper .comment-text{ text-align: left;}

.woocommerce-tabs.wc-tabs-wrapper .woocommerce-Reviews-title { font-size: 34px; }







.single-product .related_prdcts .products .product { float: none !important;}

.related.products.related_prdcts { background: #F4F4F4; padding: 100px 0 50px; }

.related_slider .slick-list{ margin: 0 -15px; padding-bottom: 50px;}

.related_slider .slide_items { padding: 0 15px; transition: var(--common-transition);}

.related_slider .slick-arrow { transform: translateY(-90px); }

.related_slider .slide_items .imag-box { position: relative; }

.related_slider .slide_items .imag-box .inner-image{     position: relative; padding-bottom: 110%; margin-bottom: 20px;}

.related_slider .slide_items .imag-box .inner-image img{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover;/* filter: grayscale(100%);*/ transition: var(--common-transition);}

.related_slider .slide_items .imag-box .cart-icon {    display: inline-block; position: absolute; right: 0; bottom: 0; left: 0; margin: 0 auto;     opacity: 0;

    visibility: hidden; transition: var(--common-transition);}

.related_slider .slide_items .imag-box .cart-icon ul{ justify-content: center; margin-bottom: 0;}

.related_slider .slide_items .imag-box .cart-icon li{ margin: 0 5px;}

.related_slider .slide_items .imag-box .cart-icon li:first-child{ margin-left: 0;}

.related_slider .slide_items .imag-box .cart-icon li:last-child{ margin-right: 0;}

.related_slider .slide_items .imag-box .cart-icon li a{display: flex; align-items: center; justify-content: center; background: var(--bs-black); border-radius: 100%; width: 38px; height: 38px;}

.related_slider .slide_items:hover{ transform: translateY(50px);}

.related_slider .slide_items:hover  .cart-icon { transform: translateY(-20px); opacity: 1; visibility: visible; }

.related_slider .slide_items a{ color: var(--bs-black);}

@media only screen and (max-width: 1599px){

    .single-product .summary .variations_form .personatext_wraper span.styledText{ font-size: 26px;}

}

@media only screen and (max-width: 1399px){

    .single-product .summary .info_text li span{ width: 55px; height: 55px; margin-right: 10px;}

    .related_slider .slick-prev { left: -40px; }

    .related_slider .slick-next { right: -10px; }

    .quantity input { width: 3rem !important; padding: 2px 5px; }

}

@media only screen and (max-width: 1199px){

    .single-product .woocommerce-product-gallery .flex-control-nav{ width: 85px; margin-right: 20px;}

    .single-product .woocommerce-product-gallery .flex-viewport { width: calc( 100% - 105px); }

    .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Reviews-title { font-size: 28px; }

    .personatext_wraper.has_perso input { width: 40% !important; }

    .single-product .summary .variations_form .personatext_wraper.has_perso .persona_textfont_wrapr { width: 60% !important; }

    .woocommerce-tabs.wc-tabs-wrapper ul li a{ padding: 0 35px 25px !important;}

}

@media only screen and (max-width: 991px){

    .single-produc-slider-wraper .produc-slider-row .nav-wraper{ width: 80px;}

    .single-produc-slider-wraper .produc-slider-row .for-wraper{ width: calc(100% - 100px);}

    .woocommerce-tabs.wc-tabs-wrapper{ padding: 20px;}

    .woocommerce-tabs.wc-tabs-wrapper ul li { padding: 0 5px !important; }

    .woocommerce-tabs.wc-tabs-wrapper ul li a{ padding: 0 20px 25px !important;}

    .single-product .summary .info_text li{ width: 100%; margin-bottom: 20px;}

    .single-product .summary .variations_form .personatext_wraper span.styledText { font-size: 22px; }

    .related_slider .slide_items:hover{ transform: none;}

    .related_slider .slide_items .imag-box .cart-icon{transform: translateY(-20px); opacity: 1; visibility: visible;}

    .related_slider .slick-prev { left: -10px; }

    .related_slider .slick-next { right: 18px; }

}

@media only screen and (max-width: 768px){

    .single-product .woocommerce-product-gallery .flex-control-nav li { height: 70px; margin-bottom: 20px !important; }

    .single-product .woocommerce-product-gallery .flex-control-nav li:last-child{ margin-bottom: 0 !important;}

    .single-product .woocommerce-product-gallery .flex-control-nav li img{ height: 100% !important; object-fit: contain !important;}

    .single-product .summary .product_title .yith-wcwl-add-button a{ align-items: start;}
    .single-product .summary .product_title .yith-wcwl-add-button a i{ font-size: 25px;}

    .single-product .summary .price_inr .stock-status{ padding: 15px 20px; font-size: 15px;}

    .single-product .summary .variations_form .personatext_wraper span.styledText { font-size: 20px; }

    .woocommerce-tabs.wc-tabs-wrapper{ padding: 20px 15px;}

    .woocommerce div.product .woocommerce-tabs ul.tabs li { padding: 0;}

    .woocommerce-tabs.wc-tabs-wrapper ul li a { padding: 0 10px 25px !important; }

    .woocommerce-tabs.wc-tabs-wrapper ul li a::before{ height: 2px;}

    .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Reviews-title { font-size: 25px; }

    .woocommerce-tabs.wc-tabs-wrapper .comment-text { padding: 15px 10px 0 !important; margin-left: 45px !important; }

    .related_slider .slide_items .imag-box .cart-icon li a{ width: 32px; height: 32px;}

    .related_slider .slide_items .imag-box .cart-icon li a img{ padding: 6px;}

}

@media only screen and (max-width: 479px){

    .single-produc-slider-wraper .produc-slider-row .nav-wraper{ width: 60px;}

    .single-produc-slider-wraper .produc-slider-row .for-wraper{ width: calc(100% - 75px);}

    .woocommerce-tabs.wc-tabs-wrapper ul{ border-bottom: 0;}

    .woocommerce div.product .woocommerce-tabs ul.tabs li { width: 100%; }

    .woocommerce-tabs.wc-tabs-wrapper ul li a{ width: 100%; padding: 5px 0 !important;}

}





/* cart page start */

.about-us-section.default_page_content .info-wraper { padding: 0; }

/* .wp-block-woocommerce-cart .wc-block-cart.wp-block-woocommerce-filled-cart-block.is-large { margin-bottom: 0; }

.wc-block-components-quantity-selector { background: #FFF; border: 1px solid #000;  border-radius: 0 !important;}

.wc-block-components-quantity-selector:after{ border: 0 !important;}

.wc-block-components-quantity-selector button { border-radius: 0 !important; border: 0 !important; } */

.wp-block-woocommerce-filled-cart-block a{ color: var(--bs-black); transition: var(--common-transition); text-decoration: underline;}

.wp-block-woocommerce-filled-cart-block a:hover{     color: var(--yellow);}

form.woocommerce-checkout h3{ font-size: 32px; margin-top: 30px;}

form.woocommerce-checkout .woocommerce-form__label-for-checkbox.checkbox { display: flex; align-items: center; }

.input-text { height: 40px; border: 1px solid #000; padding: 5px 15px; }

.select2-container .select2-selection--single{ height: 40px; border: 1px solid #000; padding: 5px 15px;}

.input-checkbox{ width: 24px; height: 24px;}

textarea{ resize: none;}



.woocommerce-cart  .info-wraper .woocommerce { display: flex; flex-wrap: wrap; margin: 0 -15px;}

.woocommerce-cart .woocommerce .woocommerce-notices-wrapper { width: 100%; padding: 0 15px;}

.woocommerce-cart .woocommerce form.woocommerce-cart-form { width: 68%; padding: 0 15px;}

.woocommerce-cart .woocommerce .cart-collaterals { width: 32%; padding: 0 15px;}

.woocommerce-cart .woocommerce .cart-collaterals .cart_totals { width: 100%; border: 1px solid #737373; float: none; padding: 20px; }



.woocommerce-cart .woocommerce form.woocommerce-cart-form table{ border: 1px solid #737373; border-radius: 0;}

.woocommerce-cart .woocommerce form .product-remove{ position: relative; padding: 0 8px;}

.woocommerce-cart .woocommerce form a.remove { font-size: 24px; }

.woocommerce-cart .woocommerce form.woocommerce-cart-form .product-name a{ color: var(--bs-black);}

.woocommerce-cart .woocommerce form.woocommerce-cart-form .product-name .variation_option{ display: block;}

.woocommerce-cart .woocommerce  .button { display: inline-block !important; background: transparent !important; border: 2px solid var(--bs-black) !important; border-radius: 0 !important; text-align: center !important; font-size: 16px !important; color: var(--bs-black) !important; line-height: 1 !important; text-transform: uppercase !important; font-weight: var(--semi-bold) !important; letter-spacing: 5.4px !important; padding: 15px 20px !important; transition: var(--common-transition) !important; }

.woocommerce-cart .woocommerce form .button:hover{     background: var(--bs-black) !important; border: 2px solid var(--bs-black) !important; color: var(--bs-white) !important;}

.woocommerce-cart .woocommerce form.woocommerce-cart-form .coupon .input-text{ width: 45%; height: 50px; border: 1px solid #000 !important; padding: 5px 20px !important; color: #000000;}

.woocommerce-message a{ background: transparent !important; color: var(--yellow) !important; text-decoration: underline !important; padding: 0 5px !important;}



/* new css 25-06-2024 */

.woocommerce-cart .woocommerce form.woocommerce-cart-form table tr{ position: relative;}

.woocommerce-cart .woocommerce form.woocommerce-cart-form table .product-remove { position: absolute; z-index: 1; top: 0; right: 5px; padding: 0; }

.woocommerce-cart .woocommerce form.woocommerce-cart-form table th.product-quantity{ min-width: 165px;}

dl.variation { font-size: 15px; line-height: 1;}



dl.variation dt, dl.variation dd { display: flex; align-items: center; height: 25px; line-height: normal; }

.variation-Personalizedimage { display: block !important; float: none !important; margin: 0 0 5px !important; text-align: left;}

dd.variation-Personalizedimage{ height: 70px !important;}

.variation-Personalizedimage img { display: block; max-width: 70px !important; width: 70px !important; height: 70px !important; object-fit: cover; border-radius: 5px;}











.woocommerce-cart .wc-empty-cart-message{ width: 100%; padding: 0 15px;}

.woocommerce-cart p.return-to-shop{ padding: 0 15px;}

.woocommerce-cart .woocommerce .cart-collaterals .cart_totals h2 { font-size: 32px; }

.woocommerce-cart .woocommerce .cart-collaterals .wc-proceed-to-checkout{ text-align: center;}

.woocommerce-cart .woocommerce .cart-collaterals a{ color: var(--bs-black);}

.woocommerce-checkout .woocommerce-privacy-policy-text{ margin-bottom: 25px;}

.woocommerce-checkout .woocommerce-privacy-policy-text a{ color: var(--yellow);}

.woocommerce-checkout .woocommerce-checkout-payment{ background: transparent !important; padding: 20px; border: 1px solid rgba(0,0,0,.1); border-radius: 10px !important;}

.woocommerce-checkout .payment_box { padding: 0 !important; background: transparent !important; }

.woocommerce-checkout .payment_box::before{ opacity: 0;}

.woocommerce-checkout .payment_methods{ background: transparent; padding: 0 !important; border-bottom: 0 !important;}

.woocommerce-checkout .woocommerce-checkout-payment .form-row { padding: 0 !important;}

.woocommerce-checkout .payment_box .wc-stripe-elements-field { height: 40px; border: 1px solid #000; padding: 5px 15px; background: transparent; color: #000; margin: 0; }

.woocommerce-checkout .woocommerce-checkout-payment .woocommerce-SavedPaymentMethods-saveNew { display: flex; align-items: start; }

.woocommerce-checkout .woocommerce-checkout-payment .woocommerce-SavedPaymentMethods-saveNew input { width: 25px !important; height: 25px !important; }

.woocommerce-checkout .woocommerce-checkout-payment .woocommerce-SavedPaymentMethods-saveNew label{ line-height: 1;}



.woocommerce-info a.woocommerce-Button.button { background: transparent !important; color: var(--yellow) !important; text-decoration: underline; }

.woocommerce-order-received address{ padding: 30px !important;}

.woocommerce-order-received .woocommerce-order-details td.product-name ul.wc-item-meta li { display: flex; align-items: center; }

.woocommerce-order-received a{ color: var(--bs-black);}

.woocommerce-order-details .wc-item-meta a{ color: var(--yellow); font-weight: var(--medium); text-decoration: underline;}



@media only screen and (max-width: 1599px){

    .woocommerce-cart .woocommerce .cart-collaterals .cart_totals a.checkout-button{ letter-spacing: 3.4px !important; padding: 20px 30px !important;}

}

@media only screen and (max-width: 1399px){

    form.woocommerce-checkout h3{ font-size: 26px;}

    .woocommerce-cart .woocommerce .cart-collaterals .cart_totals a.checkout-button { letter-spacing: 2.4px !important; padding: 15px !important; }

}

@media only screen and (max-width: 1199px){

    /* .woocommerce-cart .woocommerce form a.remove{ top: 30px;} */

    .product-quantity { padding: 5px !important; width: 125px; }

    .quantity{ padding: 2px 5px !important;}

    .quantity .qty{ width: 3rem !important;}

    .woocommerce-cart .woocommerce .cart-collaterals .cart_totals h2 { font-size: 28px; }

    .woocommerce-cart .woocommerce form.woocommerce-cart-form .coupon{ float: none !important;}

    .woocommerce-cart .woocommerce form.woocommerce-cart-form .coupon .input-text{ width: 49%;}

    .woocommerce-cart .woocommerce form.woocommerce-cart-form .coupon .button{ width: 49%; margin-top: 0 !important;}

    .woocommerce-cart .woocommerce form.woocommerce-cart-form .actions button.button { margin-top: 10px; }

    .woocommerce-cart .woocommerce .cart-collaterals .cart_totals{ padding: 20px 15px;}

    .woocommerce-cart .woocommerce .cart-collaterals .cart_totals a.checkout-button{ letter-spacing: 1.4px !important;}

    .woocommerce-cart  .info-wraper .woocommerce{ margin: 0 -10px;}
    .woocommerce-cart .woocommerce form.woocommerce-cart-form, .woocommerce-cart .woocommerce .cart-collaterals{ padding: 0 10px;}

    .woocommerce table.shop_table td{ padding: 9px 5px;}

    td.product-quantity { width: auto; }

}

@media only screen and (max-width: 991px){

    .woocommerce-cart .woocommerce form.woocommerce-cart-form{ width: 100%; margin-bottom: 30px;}

    .woocommerce-cart .woocommerce .cart-collaterals{ width: 100%;}

    .wc-block-cart-items .wc-block-cart-items__row { padding: 0 !important; }

    .wc-block-cart-items .wc-block-cart-items__row td { border-bottom: 1px solid #737373; margin: 0 0 15px !important; }

    .wc-block-cart-items .wc-block-cart-items__row:last-child td { border-bottom: 0; margin-bottom: 0 !important; padding-bottom: 0 !important; }

    .woocommerce-cart .wp-block-woocommerce-cart-totals-block{ margin-bottom: 0 !important;}

    .woocommerce-cart .wc-block-components-sidebar-layout{ margin-bottom: 0 !important;}

    .woocommerce-cart .wc-block-cart__submit{ margin-bottom: 0;}

    .woocommerce-cart .woocommerce .cart-collaterals .cart_totals h2{ font-size: 24px;}

    form.woocommerce-checkout h3 { font-size: 24px; }

    .woocommerce-order-received ul.order_details li{ margin-bottom: 8px;}

    .woocommerce-order-received .woocommerce-order-details td{ padding: 10px !important;}

}

@media only screen and (max-width: 768px){
    .woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before{ font-family: var(--jost);}
.wc-block-cart-items { margin-bottom: 30px !important;}

.woocommerce-cart .woocommerce form a.remove { font-size: 20px; position: absolute; top: 0; right: 0;}

.woocommerce-cart .woocommerce form td.product-name { border-top: 0; }
.woocommerce-cart .woocommerce form.woocommerce-cart-form table.shop_table td, .woocommerce-cart .woocommerce form.woocommerce-cart-form .product-quantity{ padding: 9px 10px !important;}
/* .woocommerce-cart .woocommerce form.woocommerce-cart-form table tr td.product-quantity { text-align: left !important; } */

.woocommerce-customer-details .woocommerce-column--billing-address{ margin-bottom: 30px;}

.woocommerce-error, .woocommerce-info, .woocommerce-message { display: flex; flex-direction: column-reverse; flex-wrap: wrap; padding: 12px 15px 12px 30px; }

.woocommerce-error a.button, .woocommerce-info a.button, .woocommerce-message a.button { margin-top: 8px; }

.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before{ left: 5px;}

.woocommerce-checkout .woocommerce-checkout-payment{ padding: 15px 10px;}

.woocommerce-checkout .woocommerce-checkout-payment .woocommerce-SavedPaymentMethods-saveNew input{ width: 20px !important; height: 20px !important; margin-right: 10px !important;}



.woocommerce-cart .woocommerce form.woocommerce-cart-form table .product-remove{ position: relative; right: 0; padding: 5px 0;}



.mysticky-welcomebar-fixed.mysticky-welcomebar-btn-mobile .mysticky-welcomebar-btn{ margin-top: 0 !important; }





}

@media only screen and (max-width: 575px){

    .woocommerce-cart .woocommerce form.woocommerce-cart-form .coupon .input-text { width: 100% !important; margin: 0 0 20px !important; }

    .woocommerce-cart .woocommerce form.woocommerce-cart-form .coupon .button{ width: 100% !important;}

    .woocommerce-cart .woocommerce .cart-collaterals .cart_totals h2{ font-size: 22px;}

    form.woocommerce-checkout h3 { font-size: 22px; }

    .woocommerce-order-received .woocommerce-order-details td{ font-size: 14px;}

    .woocommerce-order-received .woocommerce table.shop_table th{ width: 100%;}

    .woocommerce-order-received .woocommerce table.shop_table th.product-total { max-width: 90px; }



   

   

}

/* cart page end */



/* wishlist page start */

.woocommerce-wishlist .wishlist_table{ border: 1px solid #737373 !important; border-radius: 0 !important;}

.woocommerce-wishlist .wishlist_table th{ border-top: 0 !important;}

.woocommerce-wishlist .wishlist_table .stock-status{ display: none;}

.woocommerce-wishlist .wishlist_table p{ text-align: left; margin-bottom: 0;}

.woocommerce-wishlist .wishlist_table .product-stock-status{ text-align: left;}

.woocommerce-wishlist .wishlist_table  .product-add-to-cart a{ color: var(--yellow); text-decoration: underline;}

.woocommerce-wishlist .wishlist-items-wrapper td { text-align: left !important; }

.woocommerce-wishlist .wishlist-items-wrapper td a{ color: var(--bs-black);}

@media only screen and (max-width: 768px){

    .woocommerce-wishlist .wishlist_table{ padding: 20px;}

    .woocommerce-wishlist .wishlist_table li { position: relative; margin-bottom: 15px; border-bottom: 1px solid #737373; }

    .woocommerce-wishlist .wishlist_table li:last-child{ border-bottom: 0; margin-bottom: 0;}

    .woocommerce-wishlist .product-name h3{ font-size: 20px;}

    .woocommerce-wishlist .wishlist_table .additional-info-wrapper{ display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-bottom: 10px;}
    .woocommerce-wishlist .wishlist_table .additional-info-wrapper .product-add-to-cart{ display: none;}
    .woocommerce-wishlist .wishlist_table .additional-info-wrapper .additional-info{margin: 0;}

    .woocommerce-wishlist .wishlist_table .additional-info, .woocommerce-wishlist .wishlist_table .product-add-to-cart{ margin: 0 10px 0 0;}

    .woocommerce-wishlist .wishlist_table .product-remove a{ color: red;}

}

@media only screen and (max-width: 479px){

    .woocommerce-wishlist .product-name h3{ font-size: 18px;}

}





/* MyAccount page start */

.woocommerce-form-login .woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme { display: inline-flex !important; align-items: center; }

.woocommerce form.login, .woocommerce form.register{ border: 0; padding: 0; margin: 30px 0;}

.woocommerce-form a { color: var(--yellow); }

#customer_login .form-row.login_outerwrap { display: flex; align-items: center; flex-direction: row-reverse; justify-content: start; }



.woocommerce-MyAccount-navigation li a { display: inline-block; color: var(--bs-black); padding: 10px 0; transition: var(--common-transition);}

.woocommerce-MyAccount-navigation li a:hover{ color: var(--yellow);}

.woocommerce-MyAccount-navigation li.is-active a{ color: var(--yellow);}

.woocommerce-MyAccount-content a{ color: var(--bs-black); text-decoration: underline; transition: var(--common-transition);}

.woocommerce-MyAccount-content a:hover{ color: var(--yellow);}

.woocommerce-MyAccount-content .woocommerce-Addresses { display: flex; justify-content: space-between; }

.woocommerce-MyAccount-content .addresses .woocommerce-Address{ border: 1px solid #000; padding: 30px;  float: none;}

/* .woocommerce-MyAccount-content .woocommerce-Addresses::before{ display: none;} */

.woocommerce-MyAccount-content .addresses .woocommerce-Address .woocommerce-Address-title { margin-bottom: 25px;}

.woocommerce-MyAccount-content .addresses .woocommerce-Address h3{ font-size: 30px; margin-bottom: 0;}

.form-row { margin-bottom: 15px !important; }

.wc-block-components-notice-banner .wc-block-components-notice-banner__content ul { margin: 0 !important; }

.wc-block-components-notice-banner__content a { background: transparent !important; color: var(--yellow) !important; text-decoration: underline !important; margin-left: 10px !important; padding: 5px 0 !important; }

.woocommerce-MyAccount-content .my_account_orders .woocommerce-button{ background: transparent !important; color: var(--yellow) !important; text-decoration: underline !important; padding: 0 5px !important;}

.woocommerce-MyAccount-content .woocommerce-customer-details h2 { font-size: 36px; }

.woocommerce-MyAccount-content ul.wc-item-meta li { display: flex; align-items: center; }

@media only screen and (max-width: 1399px){

    .woocommerce-MyAccount-content .addresses .woocommerce-Address{ padding: 20px;}

    .woocommerce-MyAccount-content .addresses .woocommerce-Address h3{ font-size: 26px;}

}

@media only screen and (max-width: 1199px){

    .woocommerce-MyAccount-content .woocommerce-customer-details h2 { font-size: 28px; margin-bottom: 20px;}

}

@media only screen and (max-width: 991px){

    .woocommerce-account .woocommerce-MyAccount-navigation{ width: 27%;}

    .woocommerce-account .woocommerce-MyAccount-content{ width: 73%;}

    .woocommerce-MyAccount-content .addresses .woocommerce-Address{ padding: 15px;}

    .woocommerce-MyAccount-content .addresses .woocommerce-Address h3 { font-size: 20px; }

    .woocommerce-MyAccount-content .addresses .woocommerce-Address .woocommerce-Address-title a { font-size: 14px; }

    .woocommerce-MyAccount-content .woocommerce-order-details td { padding: 10px !important; }

}

@media only screen and (max-width: 768px){

    .woocommerce-account .woocommerce-MyAccount-content, .woocommerce-account .woocommerce-MyAccount-navigation{ width: 100%;}

    .woocommerce-MyAccount-navigation { margin-bottom: 30px;}

    .woocommerce-MyAccount-content .addresses .woocommerce-Address{ width: 48%;}

    .woocommerce .woocommerce-Addresses::after, .woocommerce .woocommerce-Addresses::before, .woocommerce-page .woocommerce-Addresses::after, .woocommerce-page .woocommerce-Addresses::before{ display: none;}

    .woocommerce-MyAccount-content .woocommerce-customer-details h2{ font-size: 26px;}

}

@media only screen and (max-width: 575px){

    .woocommerce-MyAccount-content .woocommerce-Addresses{ display: block;}

    .woocommerce-MyAccount-content .addresses .woocommerce-Address{ width: 100%; margin-bottom: 25px;}

    .woocommerce-MyAccount-content .addresses .woocommerce-Address:last-child{ margin-bottom: 0;}

    .wc-block-components-notice-banner{ gap: 5px; padding: 10px 5px!important;}

    .wc-block-components-notice-banner__content a{ display: block !important; width: fit-content; margin: 5px 0 0 !important; float: none !important; }

    

    .woocommerce-MyAccount-content .woocommerce-order-details td{ font-size: 15px;}

    .woocommerce-MyAccount-content ul.wc-item-meta li{ align-items: start;}

}



/* ========= new ========= */

.woof_auto_show{ opacity: 1 !important; }



/* testimonial slider adjustment start */

.testimonial-section .info-wraper { padding: 0 16px 0 40px; max-width: 1120px;}

@media only screen and (max-width: 1719px){

    .testimonial-section .info-wraper{ max-width: 1035px;}

}

@media only screen and (max-width: 1599px){

    .testimonial-section .info-wraper{ max-width: 915px;}

}

@media only screen and (max-width: 1399px){

    .testimonial-section .info-wraper{ max-width: 770px; padding-right: 16px; padding-left: 30px;}

}

@media only screen and (max-width: 1199px){

    .testimonial-section .info-wraper{ max-width: 665px; padding-right: 16px; padding-left: 0;}

}

@media only screen and (max-width: 991px){

    .testimonial-section .image-wraper{ height: auto; padding-bottom: 80%; margin-bottom: 25px;}

    .testimonial-section .info-wraper{ max-width: 100%; padding-right: 0;}

}


.details-section hr{ margin: 25px 0; clear: both;}
.details-section p{ margin-bottom: 20px;}
.details-section h3,.details-section h4{ margin-bottom: 20px;}
.details-section h3 strong, .details-section h4 strong { font-weight: 400; }
/* .details-section  img { margin: 0 20px 30px 0;} */
.details-section ul{ margin-bottom: 25px;}
.details-section :is(&nbsp){ display: none;}
.details-section p:last-child{ margin-bottom: 0;}

/* @media only screen and (max-width: 991px){
    .details-section  img { margin: 20px auto; }
} */

.alignleft{ float: left; margin: 0 20px 30px 0;}
.alignright{ float: right; margin: 0 0 30px 20px;}