/* DETAILS
==================================================
	Theme Name: 
==================================================
*/

@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Kaushan+Script&family=Marcellus&display=swap');
.marcellus-regular { font-family: "Marcellus", serif; font-weight: 400; font-style: normal; }

.kaushan-script-regular { font-family: "Kaushan Script", cursive; font-weight: 400; font-style: normal; }
.jost { font-family: "Jost", sans-serif; font-optical-sizing: auto; font-style: normal; }  
  
:root {
    /* General Transitions */
    --transition-common: all 0.4s ease;

    /* Colors */
    --color-accent: #c69d2e;
    --rgb-accent: 230, 57, 70;
    --color-white: #fff;
    --color-black: #000;

    /* Font Settings */
    --ff-base: "Jost", sans-serif;
    --ff-title: "Marcellus", serif;
    --ff-kaushan:"Kaushan Script";
    --ff-awesome: "Font Awesome 6 Free";
    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semi-bold: 600;
    --fw-bold: 700;

    /* Font Sizes */
    --f-size-XXL: 60px;
    --f-size-XL: 40px;
    --f-size-L: 30px;
    --f-size-M: 26px;
    --f-size-S: 24px;
    --f-size-Body: 18px;

    --fw-bold:700;
    --fw-semi-bold:600;
    --fw-medium:500;
    --fw-regular:400;

    /* Layout Adjustments */
    --margin-title: 0 0 25px 0;
    --margin-paragraph: 0 0 25px 0;
    --gap-50:50px;

    --border-radius-image: 10px;
    --padding-height: clamp(60px, 7.76563vw, 100px);

    /* Form Styling */
    --form-height: 50px;
    --form-font-color: #777;
    --form-placeholder-color: #868686;
    --form-border-radious: 8px;
    --form-holder-bg: #f3f3f3;
}
@media only screen and (max-width: 1399px) {
    :root{
         /* Font Sizes */
    --f-size-XXL: 45px;
    --f-size-XL: 35px;
    --f-size-L: 26px;
    --f-size-M: 24px;
    --f-size-S: 22px;
    }
}
@media only screen and (max-width: 1199px) {
    :root{
         /* Layout Adjustments */
     --gap-50:30px;
    }
}
@media only screen and (max-width: 991px) {
    :root{
         /* Font Sizes */
    --f-size-XXL: 35px;
    --f-size-XL: 28px;
    --f-size-L: 24px;
    --f-size-M: 22px;
    --f-size-S: 20px;
    --f-size-Body: 16px;
    }
}
@media only screen and (max-width: 575px) {
    :root{
         /* Font Sizes */
    --f-size-XXL: 30px;
    --f-size-XL: 26px;
    --f-size-L: 22px;
    --f-size-M: 20px;
    --f-size-S: 18px;
    --f-size-Body: 15px;
    }
}
@media only screen and (max-width: 439px) {
    :root{
         /* Font Sizes */
    --f-size-XXL: 27px;
    --f-size-XL: 24px;
    --f-size-L: 20px;
    --f-size-M: 18px;
    --f-size-S: 17px;
    --f-size-Body: 14px;
    }
}

/* GLOBAL SETTINGS START HERE ========================== */
/* GLOBAL SETTINGS START HERE ========================== */
/* GLOBAL SETTINGS START HERE ========================== */
* {
    box-sizing: border-box;
}
html, body { overflow-x: hidden; }
body { font-family: var(--ff-base); font-weight: var(--fw-regular); font-size: var(--f-size-Body) !important; color: var(--color-primary); margin: 0; }
p { margin-bottom: 0; }
p:not(:last-child) { margin: var(--margin-paragraph); }
h1, h2, h3, h4, h5, h6 { font-family: var(--ff-title); font-weight: var(--fw-regular); color: var(--color-black); margin: var(--margin-title); text-transform: capitalize;}
h1 { font-size: var(--f-size-XXL) !important; }
h2 { font-size: var(--f-size-XL) !important; }
h3 { font-size: var(--f-size-L) !important; }
h4 { font-size: var(--f-size-M) !important; }
h5 { font-size: var(--f-size-S) !important; }
h6 { font-size: var(--f-size-Body); }
img { max-width: 100%; display: block; }
a { text-decoration: none; transition: var(--transition-common); color: inherit; }
a:link, a:visited, a:focus, a:hover { color: var(--color-accent); }
a:hover, .alink:hover { text-decoration: none; }
ul { list-style: none; margin: 0; padding: 0; }

/* Utility Classes */
.padding-common { padding: var(--padding-height) 0; }
.background-cover { background-size: cover; background-position: center; background-repeat: no-repeat; }
.overlay-content { position: relative; z-index: 3; }
.responsive-image-wrapper { position: relative; overflow: hidden; }
.responsive-image-wrapper img { display: block; position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.mb-50 { margin-bottom: var(--gap-50); }


.bg-grey{background: #F4F4F4; position: relative; isolation: isolate;}
.bg-grey::before{ content: ""; background: #F4F4F4; width: 350%; position: absolute; z-index: -1; top: 0; left: -350%; bottom: 0;}
.bg-grey::after{ content: ""; background: #F4F4F4; width: 350%; position: absolute; z-index: -1; top: 0; right: -350%; bottom: 0;}
.heading-style{ position: relative; margin-bottom: 40px;}
.sub-title { font-family: var(--ff-kaushan); margin-bottom: 10px !important; display: inline-block; padding: 5px 0; border-top: 1px solid #000; border-bottom: 1px solid #000; }
.slick-arrow{ background: transparent !important; width: 30px; height: 30px; opacity: 1; z-index: 2;}
.slick-arrow::before{ content: ''; display: block; background-position: center !important; background-size: 100% !important; background-repeat: no-repeat !important; width: 30px; height: 20px; opacity: 1; filter: brightness(0) ;}
.slick-prev { left: -50px; }
.slick-next{ right: -50px;}
.slick-prev:before{ background: url(../images/arrow-prev.svg);}
.slick-next:before{  background: url(../images/arrow-next.svg);}


/*================ Button Styles ================*/
/* ~~~~~ buttons adjustments ~~~~~ */
a.btn, .btn, .review-form .action.submit.primary, .bundle-options-container .block-bundle-summary .product-addto-links>.action, .product-item-actions .actions-secondary>.action, .product-social-links .action.tocompare, .wishlist.split.button>.action.split, .product-social-links .action.mailto.friend, .product-social-links .action.towishlist, .block-bundle-summary .action.towishlist, .product-item .action.towishlist, .table-comparison .action.towishlist, button[type=submit]{ display: inline-block; background: transparent; border: 2px solid var(--color-black); border-radius: 0; text-align: center; color: var(--white); line-height: 1; text-transform: uppercase; font-weight: var(--fw-medium); font-size: var(--f-size-Body);  padding: 18px 35px; transition: var(--transition-common);}
.btn:hover, a.btn:hover, .review-form .action.submit.primary:hover, .bundle-options-container .block-bundle-summary .product-addto-links>.action:hover, .product-item-actions .actions-secondary>.action:hover, .product-social-links .action.tocompare:hover, .wishlist.split.button>.action.split:hover, .product-social-links .action.mailto.friend:hover, .product-social-links .action.towishlist:hover, .block-bundle-summary .action.towishlist:hover, .product-item .action.towishlist:hover, .table-comparison .action.towishlist:hover, button[type=submit]:hover{ background: var(--color-black); border: 2px solid var(--color-black); color: var(--color-white);}
.btn:focus-visible, a.btn:focus-visible { color: var(--pink); background-color: transparent; border-color: inherit; outline: inherit; box-shadow: none; }
@media only screen and ( max-width:1199px ){
    a.btn, .btn{ padding: 16px 25px;}
    .heading-style{ margin-bottom: 28px;}
}
@media only screen and (max-width:991px){
    .btn{ letter-spacing: 3.4px;}
}
@media only screen and (max-width:575px){
    a.btn, .btn { padding: 14px 20px; border-width: 1px; letter-spacing: 2px; }
}
/* ~~~~~ buttons adjustments ~~~~~ */

@media only screen and (max-width: 767px) {
    .button__primary { padding: 16px 35px; font-size: 14px; }
}
@media only screen and (min-width: 1400px){
    .navigation, .breadcrumbs, .page-header .header.panel, .header.content, .footer.content, .page-wrapper>.widget, .page-wrapper>.page-bottom, .block.category.event, .top-container, .page-main{ max-width: 1320px;}
    .breadcrumbs{ max-width: 1320px;}
}
.page-wrapper .breadcrumbs { padding: 0 20px; margin-left: auto !important; margin-right: auto !important; }

/*================ Form Control Styles ================*/
.form-row { margin-bottom: 22px; position: relative; }
.form-row label {transition: var(--transition-common); line-height: 1; }
.form-control{ height: 50px !important;}
.form-control, textarea { background-color: var(--form-holder-bg) !important; height: var(--form-height) !important; border: none; border: 1px solid #B4B4B4 !important; border-radius: var(--form-border-radious) !important; box-shadow: none !important; color: var(--form-font-color); font-size: var(--f-size-Body); padding-right: 20px; padding-left: 20px; }
select.form-control { background: url(../images/select-arrow.svg); background-position: right 5px center; background-size: 13px; background-repeat: no-repeat; padding: 2px 22px 2px 15px; height: fit-content; color: var(--color-secondary); cursor: pointer; }
textarea.form-control, textarea { height: 150px !important; resize: none; }
.form-control::-moz-placeholder { color: var(--form-placeholder-color); opacity: 1; font-weight: 400; font-size: 0;}
.form-control:-ms-input-placeholder { color: var(--form-placeholder-color); font-weight: 400; font-size: 0;}
.form-control::-webkit-input-placeholder { color: var(--form-placeholder-color); font-weight: 400; font-size: 0;}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-transition: "color 9999s ease-out, background-color 9999s ease-out";
    -webkit-transition-delay: 9999s;
}
/* .form-row .form-control:focus+label {
    transform: translate(15px , -13px);
    font-size: 14px;
    border-color: #B4B4B4;
    background: #ffff;
} */
/* GLOBAL SETTINGS END HERE ========================== */
/* GLOBAL SETTINGS END HERE ========================== */
/* GLOBAL SETTINGS END HERE ========================== */

/* HEADER PART START HERE ========================== */
/* HEADER PART START HERE ========================== */

/* hamburger menu design */
.hamburger-nav { display: none; vertical-align: top; width: 30px; height: 26px; position: relative; margin: 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(--color-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: 5px; -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: 12px; -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) { bottom: 5px; -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; background: var(--color-white); border-radius: 9px; opacity: 1; -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; position: absolute; left: 15px; content: ' '; height: 24px; width: 2px; background-color: #fff; }
.hamburger-nav-close span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.hamburger-nav-close span:nth-child(2) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}

.header-section { position: relative; }
.header-section .top-header { padding: 15px 0; background: var(--color-white);}
.header-section .top-header li a{ color: var(--color-black);}
.header-section .top-header li a:hover{ color: var(--color-accent);}
.header-section .logo-wrap a.logo { display: block; margin: 0 auto !important; float: none; width: fit-content; height: 80px; }
.header-section .top-header .inner-row{ grid-template-columns: 1fr 200px 1fr; }

.header-section .message.global.demo { position: fixed; inset: 0; z-index: 1001; max-width: 750px; width: calc(100% - 30px); margin: auto; display: flex; align-items: center; justify-content: center; background: #bf9525; border-radius: 10px; min-height: 150px; height: 35vh; }
.header-section .message.global.demo button#closed { position: absolute; z-index: 1; top: -15px; right: -10px; border-radius: 50%; padding: 0; width: 35px; height: 35px; }


/* .header-section .message.global.demo, body:has(.header-section .message.global.demo:not([style="display: none;"])):before{ display: none;}
html:has(.header-section .message.global.demo:not([style="display: none;"])) { height: inherit !important; overflow: inherit !important; } */


html:has(.header-section .message.global.demo:not([style="display: none;"])){ height: 100vh; overflow: hidden;}
body:has(.header-section .message.global.demo:not([style="display: none;"])):before{ position: fixed; visibility: visible; opacity: 1; z-index: 999;}
.header-section .message.global.demo p { font-size: 14px !important; line-height: 1.1; }
.header-section .message.global.demo a{ color: var(--color-black);}
.header-section .top-header .connect-info li{ margin-bottom: 0 !important;}
.header-section .logo-wrap{ text-align: center;}
.header-section .logo-wrap a.logo { display: block; margin: 0 auto !important; float: none; width: fit-content; height: 80px;}
.header-section .logo-wrap a.logo img{ width: auto; height: 100%;}
.header-icon button.action.search{ top: 50%; transform: translateY(-50%);}
.header-icon button.action.search::before, .header-icon button.action.search::after{ display: none;}


.header-section .top-header .connect-info li{ display: flex; align-items: center; padding: 0 20px; border-right: 1px solid var(--color-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(--color-black); border-radius: 100%;}
.header-section .top-header .social-info li a:hover{ background: var(--color-black); }
.header-section .top-header .social-info li a:hover img{ filter: brightness(0) invert(1);}
.header-section .bottom-header { background: #000; padding: 12px 0;}
.header-section .bottom-header .desktop-wrap 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 .desktop-wrap li a{ display: inline-block; color: var(--color-white); padding: 12px 0; text-transform: capitalize; line-height: normal; font-weight: var(--fw-regular); border: 0 !important;}
.header-section .menu-item-has-children > a{ position: relative; padding-right: 15px !important;}
.header-section .menu-item-has-children > a::before { position: absolute; content: ''; border: solid #fff; border-width: 0 2px 2px 0; display: inline-block; padding: 3px; transform: rotate(45deg); -webkit-transform: rotate(45deg); top: 26px; right: 0; }
.header-section .bottom-header li a:hover, .header-section .bottom-header li.active a{ color: var(--color-accent) !important;}
.header-section .bottom-header li a:hover::before { border-color: var(--color-accent); }

.header-icon .block-search { width: 300px; margin-right: 15px; }
.header-icon .form-control { padding-right: 35px; background: transparent; color: #fff  !important; }
.header-icon button.action.search { position: absolute; z-index: 1; top: 13px; right: 15px; width: 20px; height: 20px; background: url(../images/search.svg); background-position: center; background-size: 100%; background-repeat: no-repeat !important; border: 0; }
.header-icon li{ margin: 0 12px;}
.header-icon li a { display: block; width: 20px; }
.header-icon li a img{ height: auto; width: 100%;}

/* Mobile Menu */
.mobile-menu { display: none; background: #1B210A; width: 100%; max-width: 450px; height: 100vh; position: fixed; top: 0; right: -450px; overflow: hidden; z-index: 1010; transition: var(--transition-common); }
.mobile-menu .top-row { padding: 20px 0; }
.mobile-menubar { height: calc(100vh - 150px); padding: 20px 0; overflow: auto; }
.menu-open .mobile-menu { right: 0; }
.mobile-menu .mobile-menubar li { opacity: 0; -webkit-transform: translateX(-150px); transform: translateX(-150px); -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; }
.menu-open .mobile-menu .mobile-menubar li { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
.menu-open .mobile-menu .mobile-menubar li:nth-child(2) { transition-delay: 0.24s; }
.menu-open .mobile-menu .mobile-menubar li:nth-child(3) { transition-delay: 0.32s; }
.menu-open .mobile-menu .mobile-menubar li:nth-child(4) { transition-delay: 0.40s; }
.menu-open .mobile-menu .mobile-menubar li:nth-child(5) { transition-delay: 0.48s; }
.menu-open .mobile-menu .mobile-menubar li:nth-child(6) { transition-delay: 0.56s; }
.menu-open .mobile-menu .mobile-menubar li:nth-child(7) { transition-delay: 0.56s; }

body::before { content: ""; background: rgba(0, 0, 0, 0.6); backdrop-filter: blur(2px); position: absolute; z-index: 1000; top: 0; right: 0; bottom: 0; left: 0; height: 100%; transition: var(--transition-common); opacity: 0; visibility: hidden; }
html.menu-open { height: 100vh; overflow: hidden; }
.menu-open body::before { opacity: 1; visibility: visible; }

.navigation{ background: transparent;}
.minicart-wrapper .action.showcart{ position: relative;}
.minicart-wrapper .action.showcart:before{ color: var(--color-white) !important;}
.minicart-wrapper .action.showcart .counter.qty { display: flex; align-items: center; justify-content: center; background: var(--color-accent); color: var(--color-white); width: 25px; height: 25px; line-height: 1; border-radius: 50%; margin: 0; position: absolute; top: -10px; right: -20px; font-size: 12px; }
.minicart-wrapper .block-minicart{ border-radius: 15px;}
.minicart-wrapper .block-minicart .checkout { padding-right: 10px; padding-left: 10px; letter-spacing: 0; }
.minicart-items .product>.product-item-photo{ width: 80px;}
.minicart-items .product-item-name a { color: #000000; width: 100%; }
.minicart-wrapper .block-minicart a.action.viewcart { width: 100%; }
.minicart-wrapper .action.close { width: 20px; height: 20px; display: flex; align-items: center; top: 5px; right: 5px; }
.minicart-items-wrapper{ max-height: 350px; overflow: auto; }
/*-----scroll-bar-design----------*/
/* width */
.minicart-wrapper ::-webkit-scrollbar {width: 8px; height: 4px;   border-radius: 10px;}

/* Track */
.minicart-wrapper ::-webkit-scrollbar-track {box-shadow: inset 0 0 2px #263B79;  border-radius: 10px;}
 
/* Handle */
.minicart-wrapper ::-webkit-scrollbar-thumb {background: var(--color-accent); border-radius: 10px; }
/*-----scroll-bar-design----------*/

/* ~~ header sticky start ~~ */
@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.header-sticky .header-section {position: fixed; z-index: 999; top: 0; width: 100%; box-shadow: 4px 4px 15px 0px rgb(0 0 0 / 10%); animation: slide-down 0.5s; transition: var(--transition-common); z-index: 999; background: var(--white);}
.header-sticky .header-section .top-header { padding: 10px 0; }
.header-sticky .header-section .bottom-header li a{ padding: 10px 0;}
.header-sticky .header-section .menu-item-has-children > a::before{ top: 19px;}

/* .header-sticky main{ padding-top: 124px;} */
/* .header-sticky .header-section .message.global.demo { opacity: 0; pointer-events: none;} */
/* ~~ header sticky end ~~ */

@media only screen and (max-width: 1399px){
    .header-section .logo-wrap{ max-width: 240px;}
    .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;}
}
@media only screen and (max-width: 1199px){
    .header-section .bottom-header .desktop-wrap li { margin: 0 8px; }
    .header-icon .block-search { width: 250px; margin-right: 10px; }
    .header-icon .form-control{ padding-right: 28px; padding-left: 10px;}
    .header-icon button.action.search { top: 17px; right: 10px; width: 16px; height: 16px; }
}
@media only screen and (max-width: 991px){
    .header-section .top-header .inner-row { grid-template-columns: 1fr; }
    .desktop-wrap{ display: none;}
    .header-section .top-header { padding: 15px 0; }
    .header-section .logo-wrap { position: relative; top: 0; max-width: 100%; text-align: center;}
    .header-section .logo-wrap a.logo{ height: 60px;}
    .header-section .button-wrap .btn{ display: none;}
    .hamburger-nav{ display: block;}
    .mobile-menu{ display: block; background: var(--color-black); width: 100vw; height: 100vh; position: fixed; top: 0; left: -100vw; overflow: hidden; z-index: 999; transition: var(--transition-common);}
    .menu-open .mobile-menu{ left: 0; overflow: scroll;}
    .mobile-menu .top-row { padding: 15px; }
    .mobile-menu .logo-wrap { max-width: 100%; }
    .mobile-menu li{ position: relative;}
    .mobile-menu li .arrow{ position: absolute; top: 15px; right: 0;}
    .mobile-menu .mobile-menubar li a { display: block; padding: 15px 20px; border-bottom: 1px dotted;  }
    .mobile-menu  li a{ color: var(--color-white); text-transform: capitalize;}
    .mobile-menu i{ color: var(--color-white);}
    .mobile-menu li.menu-item-has-children ul{ display: none; max-width: calc(100% - 20px); margin-left: auto;}

    .mobile-menu .menu-contact-wrap{ padding: 30px 0;}
    .mobile-menu .connect-info{ padding-bottom: 20px;}
    .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(--color-white); border-radius: 100%;}
    .header-sticky .header-section .top-header{ padding: 10px 0;}
}
@media only screen and (max-width: 767px){
    .header-section .logo-wrap{ max-width: 100%;}
    .header-section .bottom-header{ padding: 15px 0;}
    .header-section .bottom-header li{ margin: 0 5px;}
    .header-section .nav-toggle{ display: none;}
    body.header-sticky{ padding-top: 146px;}
}
@media only screen and (max-width: 575px){
    .header-section .top-header { padding: 10px 0; }
    .mobile-menu .logo-wrap { max-width: 160px; }
    body.header-sticky{ padding-top: 136px;}
}
@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: 439px){
    .header-icon .block-search { width: 190px;}
    .header-icon .form-control{ height: 40px;  padding-right: 22px; padding-left: 8px;}
    .header-icon button.action.search { top: 13px; right: 8px; width: 14px; height: 14px; }
    .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 HERE ****************/
/* HOME PAGE START HERE ****************/
.hero-section{ margin-top: -2px;}
.hero-banner { position: relative; padding-bottom: 47%; }
.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 .mobile-image{ display: none;}
.hero-banner .container-holder { display: flex; align-items: center; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 3; }
.hero-banner .banner-info{ color: var(--color-white);}
.hero-banner .banner-info:not(.btn) *{ color: var(--color-white);}
.hero-banner .banner-info h1{ text-transform: capitalize;}
.hero-banner .btn{ border-color: var(--color-white);}
.hero-banner .btn:hover{ background: var(--color-white); color: var(--color-black);}

.hero-section .slick-arrow::before { filter: brightness(0) invert(1); }
.hero-section .slick-prev{ left: 5%;}
.hero-section .slick-next{ right: 5%;}
.hero-slider:not(.slick-initialized){ display: flex; flex-wrap: nowrap;}
.hero-slider:not(.slick-initialized) .slider-col{ width: 100%; flex: 0 0 auto;}

.collections-section .title-info{ margin-bottom: var(--gap-50);}
.collections-section .collection-box-item-row{ margin: 0 -18px;}
.collections-section .collection-box-item{ padding: 0 36px; margin-bottom: 50px;}
.collection-box a{ color: var(--color-black);}
.collection-box .image-wraper::before { content: ""; position: absolute; z-index: -1; width: 100%; height: 100%; border: 1px solid #000; border-radius: 15px; top: -15px; right: -15px; transition: var(--transition-common);}
.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;  transition: var(--transition-common); border-radius: 15px; overflow: hidden;}
.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;}
.collections-section .collection-box-item:nth-child(even) .inner-row .image-wraper::before{ top: auto; right: auto; bottom: -15px; left: 15px;}
/* .collections-section .collection-box-item:last-child{ margin-bottom: 0;} */
.collection-box .info-wraper{ width: 100%;}
.collection-box h3{ margin-bottom: 10px;}
/* .collection-box a:hover img{ transform: scale(1.1);} */
.collection-box a:hover .image-wraper::before{ top: 0; right: 0;}
.collection-box-item:nth-child(even) .collection-box a:hover .image-wraper::before{ bottom: 0; left: 0;}

.celebs-section .title-row .heading-style h2{ margin-bottom: 0;}

.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; 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(--color-black); color: var(--color-white);}
.home-about-section .item-row:nth-child(odd) .btn:hover{ background: var(--color-white); color: var(--color-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(--transition-common);}
.product-box .imag-box{ position: relative;}
.product-box .imag-box .inner-image { position: relative;  margin-bottom: 20px; aspect-ratio: 1/1;}
.product-box .imag-box .inner-image img{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover;  transition: var(--transition-common);}
.product-box .imag-box .cart-icon { display: inline-block; position: absolute; z-index: 2; right: 0; bottom: 0; left: 0; margin: 0 auto; opacity: 0; visibility: hidden; transition: var(--transition-common);}
.product-box .imag-box .cart-icon ul { justify-content: center; }
.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(--color-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-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-box a.quick-view { position: absolute; top: -1px; left: 0; right: 0; text-align: center; padding: 15px 0; background: #ffffff9c; text-transform: uppercase; color: #000; opacity: 0; transition: var(--transition-common);}
.product-slider .item-wrap:hover .product-box a.quick-view{ opacity: 1;}
.product-slider .item-wrap:hover .product-box .cart-icon{ transform: translateY(-20px); opacity: 1; visibility: visible;}
.product-section .slick-arrow { transform: translateY(-90px); }
.product-slider .slick-slide:nth-child(even){ transform: translateY(50px);}
.quick-vew-modal-wrap .modal-dialog { max-width: 1300px; }

.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;}

.celebs-box .image-wraper { position: relative; padding-bottom: 120%; margin-bottom: 20px; border-radius: 15px; overflow: hidden;}
.celebs-box .image-wraper img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: var(--transition-common);}
.celebs-box h5{ margin-bottom: 0;}
.celebs-slider .slick-list { margin: 0 -12px; }
.celebs-slider .slick-slide { padding: 0 12px; }
.celebs-box:hover .image-wraper img{ transform: scale(1.1);}

.men-women-card-box .card-image { padding-bottom: 100%; border-radius: 20px; overflow: hidden; }
.men-women-card-box .card-image::before { content: ""; position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.6); }
.men-women-card-box .card-image img { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: var(--transition-common); }
.men-women-card-box .card-info { position: absolute; z-index: 5; right: 0; bottom: 0; left: 0; padding: 20px 15px 30px; }
.men-women-card-box .card-info h2{ color: var(--color-white); margin-bottom: 0;}
.men-women-card-box:hover .card-image img{ transform: scale(1.1);}

/* .testimonials-slider{ padding-bottom: 50px;} */
.testimonials-slider{ margin: 0;}
.testimonials-box { display: flex; flex-direction: column; height: 100%; padding: 30px; background: #FEFCFA80; box-shadow: -5px -5px 20px 0px #0000000A; border-right: 2px solid #20303E4D; border-bottom: 2px solid #20303E4D; border-radius: 20px; transition: var(--transition-common); }
.testimonials-box .review-star { margin-bottom: 20px; }
.testimonials-box .review-content { margin-bottom: 20px; }
.testimonials-box .review-profile-row { margin-top: auto; display: flex; align-items: center; }
.testimonials-box .review-author-profile { width: 70px; height: 70px; flex: 0 0 auto; border-radius: 50%; overflow: hidden; margin-right: 24px; }
.testimonials-box .review-author-profile img { width: 100%; height: 100%; object-fit: cover; } .testimonials-box .review-author-info h5 { font-family: var(--ff-base); margin-bottom: 5px; }
.testimonials-slider .slick-list{ padding: 0 !important; margin: 0 -12px;}
.testimonials-slider .slick-slide{ padding: 0 12px;}


.slick-center .testimonials-box { background: #E3C9A480; border-color: var(--color-black); }

.slick-dots { position: static; margin-top: 20px; }
.slick-dots li{ width: auto; height: auto;}
.slick-dots li button{ width: 30px; height: 8px; background: #BDC0C5; border-radius: 50px; opacity: 1; transition: var(--transition-common); }
.slick-dots li button::before{ display: none;}
.slick-dots li.slick-active button{ background: var(--color-black); }

.about-us-section .image-col { width: calc(50% - 12px); }
.about-us-section .image-col .image-wraper{ position: relative; border-radius: 16px; padding-bottom: 150%; overflow: hidden;}
.about-us-section .image-col .image-wraper img{ position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
blockquote { padding: 30px; background: black; border: 1px solid #000; border-radius: 16px; color: #fff; }

.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(--color-black); width: 100px; height: 100px; border-radius: 50%; margin: 0 auto 20px; }
.policy-info-box .icon img{ width: auto; max-height: 40%; filter: brightness(0) invert(1);}
.policy-info-box h4{ margin-bottom: 0;}

.main-footer{ background: var(--color-black); color: var(--color-white); padding-top: calc(var(--padding-height) - 20px);}
.main-footer h4 { color: var(--color-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-row{ position: relative;}
.main-footer .form-control { background: transparent !important; color: var(--color-white); height: 55px; }
.main-footer input[type=submit] { background: url(../images/arrow_right-white.svg); background-position: center !important; background-size: 100% !important; background-repeat: no-repeat !important; width: 30px; height: 15px; border: 0; font-size: 0; padding: 0 !important; position: absolute; top: 16px; right: 10px; }
.footer-info button.btn { margin-top: 15px; border-color: #fff; }
.main-footer li{ text-transform: capitalize;}
.main-footer li a{ color: var(--color-white); }
.main-footer li a:hover{ color: var(--color-accent);}
.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;}
.bottom-footer ul{ display: flex; align-items: center;}
.bottom-footer li:not(:last-child){ padding-right: 8px; margin-right: 8px; border-right: 1px solid #fff;}

@media only screen and (max-width: 1399px){
    .hero-banner .banner-info{ max-width: 510px;}
    .hero-section .slick-prev{ left: 20px;}
    .hero-section .slick-next{ right: 20px;}
    .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;}
    .slick-prev{ left: -35px;}
    .slick-next{ right: -35px;}
    .testimonial-section .full-width-wraper .info-wraper{ padding: 20px 30px;}
    .main-footer .logo-wrap{ max-width: 260px;}
}
@media only screen and (max-width: 1199px){
    .full-width-wraper .image-wraper { padding-bottom: 130%; }
    .slick-prev{ left: -25px;}
    .slick-next{ right: -25px;}
    .celebs-slider .slick-list { margin: 0 -8px; }
    .celebs-slider .slick-slide { padding: 0 8px; }
    .product-slider .slick-list { margin: 0 -8px; }
    .product-slider .slick-slide{ padding: 0 8px;}
    .product-slider .slick-slide:nth-child(even) { transform: translateY(30px); }
    .testimonials-box{ padding: 20px;}
    .top-footer.padding-common{ padding-bottom: 70px;}
    .main-footer .footer-info { margin-bottom: 30px; }
    .main-footer .footer-menu { margin-bottom: 30px; }
    
}
@media only screen and (max-width: 991px){
    .hero-banner .banner-info{ max-width: 60%;}
    .collections-section{ padding-bottom: 20px;}
    .collections-section .collection-box-item{ margin-bottom: 30px;}
   
    .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-box .imag-box .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;}
    .about-us-section .image-row { margin-bottom: 25px; }
    blockquote{ padding: 15px;}
    .top-footer.padding-common{ padding-bottom: 50px;}
    .main-footer .logo-wrap{ max-width: 200px;}
}
@media only screen and (max-width: 767px){
    .hero-banner { padding-bottom: 60%; }
     .hero-banner .banner-bg::after{ content: ""; background: rgba(0, 0, 0, 0.5); position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0;}
    .hero-banner .banner-info { max-width: 100%; padding: 20px; position: relative; z-index: 5; text-align: center; }

    .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%; margin-bottom: 0;}
    .collection-box .image-wraper::before{ top: auto; bottom: -10px; left: 10px;}
    .collections-section .collection-box-item:nth-child(even) .inner-row .image-wraper::before { top: auto; right: auto; bottom: -10px; left: 10px; }
    .collection-box .info-wraper{ margin-bottom: 10px;}
    .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%;}
    .celebs-box{ margin-bottom: 30px;}
    .trending-section{ padding: 60px 0;}
    .trending-section .col-md-4:last-child .celebs-box{ margin-bottom: 0;}
    .celebs-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; }
    .men-women-card-box .card-info{ padding: 10px;}
    .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;}
    .top-footer.padding-common{ padding-bottom: 30px;}
    .main-footer .logo-wrap{ margin: 0 auto 30px;}
    .main-footer h4{ margin-bottom: 15px;}
    .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 ul{ justify-content: center;}
}
@media only screen and (max-width: 575px){
    .hero-banner { padding-bottom: 70%; }
     .slick-prev{ left: -10px;}
    .slick-next{ right: -10px;}
    .men-women-section .row{ margin: 0 -5px;}
    .men-women-section .row>*{ padding: 0 5px;}

    .about-us-section .image-col { width: calc(50% - 5px); }
    .main-footer .logo-wrap { max-width: 180px; }
}
@media only screen and (max-width: 479px){
    .hero-banner { padding-bottom: 90%; }
    .hero-banner .banner-info { max-width: 100%; }
    .collection-box .image-wraper { padding-bottom: 85%; }
    .full-width-wraper .image-wraper { padding-bottom: 90%; }
    
    
}
@media only screen and (max-width: 439px){
    .slick-arrow { width: 25px; height: 25px; }
    .slick-arrow::before{ width: 20px; height: 15px;}
    .hero-section .slick-prev{ left: 5px;}
    .hero-section .slick-next{ right: 5px;}
    .hero-banner .banner-info{ padding: 10px;}
}
/* HOME PAGE END HERE ****************/
/* HOME PAGE END HERE ****************/


.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(--color-white);}
.inner-banner .banner-info *{ color: var(--color-white); margin: 0;}
.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;}
.trusted-commitment-section .image-outer { padding: 55px 20px 55px 55px; isolation: isolate;}
.trusted-commitment-section .image-wrapper { padding-bottom: 78%; overflow: visible; }
.trusted-commitment-section .image-wrapper img{ border-radius: 20px;}

.trusted-commitment-section .image-outer::after{ content: ""; position: absolute; z-index: -1; bottom: 15px; left: 20px; width: 92px; height: 98px; border: 2px solid var(--color-accent); border-radius: 20px;}
.trusted-commitment-section .image-outer::before{ content: ""; position: absolute; z-index: -1; top: 0; right: 0; width: 160px; height: 163px; border: 2px solid var(--color-accent); border-radius: 20px;}

.trusted-commitment-section .image-outer .image-wraper::after { content: ""; position: absolute; z-index: 1; bottom: -55px; left: 25px; width: 44px; height: 46px; border: 2px solid #B1A189; border-radius: 10px; }
.our-mission-vision-section .top-row h2 { margin-bottom: 0; }

.our-mission-vision-section .image-wrapper { padding-bottom: 65%; height: 100%; border-radius: 20px; }

/* Mission/Vision Box */
.mission-vision-box { padding: 35px; background: var(--color-black); border-radius: 20px; transition: var(--transition-common); }

.mission-vision-box .title-row { margin-bottom: 20px; }

.mission-vision-box .title-row h4 { margin-bottom: 0; font-weight: var(--fw-bold); color: var(--color-white); }

.mission-vision-box .title-row .icon { height: 65px; }

.mission-vision-box .title-row .icon img { width: auto; height: 100%; }

.mission-vision-box p { color: var(--color-white); }


.mission-vision-box-col:not(:last-child) { margin-bottom: 20px; }

@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%;}
    .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%;}
}


.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(--color-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(--color-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; }
}


.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(--color-black); color: var(--color-white); font-weight: var(--semi-bold);  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(--color-black); top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; transform: translateY(110%); transition: var(--transition-common); }
.customize-box:hover{ color: var(--color-white);}
.customize-box:hover::before{ opacity: 1; visibility: visible; transform: none;}
.customize-box:hover .bottom-info{ background: var(--color-white); color: var(--color-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;}
@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;} }


.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; }
}


.faq-wraper .accordion-item{ background: transparent; 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(--color-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; }
}

.product-gallery-slider{ margin-bottom: 30px;}
.product-gallery-image{ position: relative; border-radius: 15px; overflow: hidden;}
.product-gallery-image img{ position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.product-gallery-slider .product-gallery-image{ padding-bottom: 90%;}
.product-gallery-thumb-slider .product-gallery-image{ padding-bottom: 90%; cursor: pointer;}
.product-gallery-thumb-slider .slider-slide{ padding: 0 10px;}


.provied-box { display: flex; flex-direction: column; height: 100%;}
.provied-box .icon{ height: 100px; margin-bottom: 20px;}
.provied-box .icon img{ height: 100%; width: auto;}
.provied-box h6 { padding: 0 5px; margin-bottom: 10px;}
.provied-box p { margin-top: auto;}
.quantity, .wc-block-components-quantity-selector { display: flex; align-items: center; width: 145px !important; height: 50px; border: 1px solid #9B9B9B; border-radius: 50px !important; outline: none !important; margin-right: 20px;}
.wc-block-components-quantity-selector::before, .wc-block-components-quantity-selector::after{ display: none;}
.quantity button, .wc-block-components-quantity-selector button{ width: 35px; height: 100%; flex: 0 0 auto; padding: 0; background: transparent; border: 0;}
.quantity input, .wc-block-components-quantity-selector input { width: 100%; height: 100%; border: 0; text-align: center; outline: none;}
.quantity input[type="number"]::-webkit-inner-spin-button, .quantity input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.product-dis p{ margin-bottom: 8px;}

/* CONTACT US PAGE START HERE ========================== */
/* CONTACT US PAGE START HERE ========================== */
/* .submit-btn.btn { padding: 0; border: 0; }
.submit-btn.btn::after { position: absolute; z-index: 1; top: 14px; right: 20px; }
.submit-btn.btn input[type="submit"] { padding: 19px 60px 19px 30px; background: transparent !important; border: 0 !important; outline: none; font-weight: var(--fw-semi-bold); color: var(--color-secondary); transition: var(--transition-common);}
.submit-btn.btn:hover input[type="submit"]{ color: var(--color-white);} */
.form-outer { padding: 30px; background: var(--color-white); border-radius: 20px; border: 1px solid var(--color-black); box-shadow: 0 0 30px #8787878a; }

.wpcf7-not-valid { border-color: #dc3232 !important; }
.wpcf7-not-valid-tip { display: none; }
.wpcf7-response-output { margin: 20px 0 0 !important; padding: 5px 10px !important; font-size: 16px; line-height: normal; }
.contact-info-box-outer{ margin-left: 9%;  padding: 60px; border-radius: 20px; background-color: var(--color-black);}
.contact-info-box-outer h2{ color: var(--color-white);}
.contact-info-box-row { padding: 20px; background: #F5F5F51A; border-radius: 10px; }
.contact-info-box-row p { margin-bottom: 5px; color: #F5F5F580; }
.contact-info-box-row h5{ margin-bottom: 0; font-family: var(--ff-base); font-weight: var(--fw-semi-bold); color: var(--color-white);}
.contact-info-box-row a{ color: var(--color-white);}
.contact-info-box-row a:hover{ color: var(--color-accent);}
.contact-info-box-row .icon { width: 35px; margin-right: 20px; flex: 0 0 auto; }

.contact-info-col:not(:last-child){ margin-bottom: 32px;}
@media only screen and (max-width: 1399px){
  .contact-info-box-outer{ padding: 40px;}
}
@media only screen and (max-width: 1199px){
  .contact-info-box-outer{ padding: 35px 25px; margin-left: 2%;}
  .contact-info-box-row .icon{ width: 30px; margin-right: 15px;}
}
@media only screen and (max-width: 991px){
  .form-outer{ margin-bottom: 25px; padding: 30px 15px;}
  .contact-info-box-outer { padding: 35px 15px; margin-left: 0; }
}
@media only screen and (max-width: 479px){
  .contact-info-box-row{ padding: 20px 15px;}
  .contact-info-box-row .icon { width: 25px; margin-right: 12px; }
}
/* CONTACT US PAGE END HERE ========================== */
/* CONTACT US PAGE END HERE ========================== */

/*  ACCOUNT PAGE START HERE ========================== */
/*  ACCOUNT PAGE START HERE ========================== */
.customer-account-login .page-title-wrapper { margin: 0; padding-top: var(--padding-height); text-align: center;}
.customer-account-login .page-title-wrapper .page-title{ font-size: var(--f-size-XL);}
.customer-account-login .login-container { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0 15px; margin-bottom: 60px;}
.customer-account-login .login-container::before, .customer-account-login .login-container::after{ display: none !important;}
.customer-account-login .login-container>* { background: transparent !important; padding: 0 !important; border: 1px solid #000; border-radius: 15px; margin: 0; overflow: hidden; }
.customer-account-login .login-container .block  .block-title { text-transform: capitalize; color: #ffffff; background: #000; padding: 15px; margin: 0; }
.customer-account-login .login-container .block .block-title strong { display: block; margin: 0; line-height: 1; color: var(--color-white); font-size: var(--f-size-L) !important; text-transform: none; text-align: center; font-weight: 400;}
.customer-account-login .login-container .block-content { padding: 20px; }
.customer-account-login .login-container .block-content fieldset { margin-bottom: 0 !important; }
.customer-account-login .login-container a.action.remind { border: 0 !important; color: var(--color-accent) !important; text-decoration: underline; margin: 15px 0 0 15px; }
.customer-account-login .login-container .block-content .action.primary, .action.primary, .action-primary { display: inline-block; background: transparent; border: 2px solid var(--color-black); border-radius: 0; text-align: center; color: var(--color-black); line-height: 1; text-transform: uppercase; font-weight: var(--fw-medium); font-size: var(--f-size-Body); padding: 18px 35px; transition: var(--transition-common); width: fit-content; margin: 0px;}
.customer-account-login .login-container .block-content .action.primary:hover, .action.primary:hover, .action-primary:hover{ background: var(--color-black); border: 2px solid var(--color-black); color: var(--color-white);}

.customer-account-create .page-title-wrapper, .customer-account-forgotpassword .page-title-wrapper { display: block; margin: 0; padding-top: var(--padding-height); text-align: center;}
.customer-account-create .page-title-wrapper h1,.customer-account-forgotpassword .page-title-wrapper h1{ font-size: var(--f-size-XXL);}
form.form.create.account.form-create-account, form.form.password.forget { background: #fff !important; margin: 0 auto !important; max-width: 550px; width: 100%; min-width: auto; padding: 0 15px; }
.form-create-account .fieldset.create.account:after{ display: none;}
form.form.create.account.form-create-account .field, form.form.password.forget .field{ margin-bottom: 20px;}
.login-container .fieldset>.field>.control{ width: 100% !important;}
form.form.create.account.form-create-account .input-text, form.form.password.forget .input-text, .input-text:not(.form-control), .select { background-color: var(--form-holder-bg) !important; height: var(--form-height) !important; border: none !important; border: 1px solid #B4B4B4 !important; border-radius: var(--form-border-radious) !important; box-shadow: none !important; color: var(--form-font-color); font-size: var(--f-size-Body) !important; padding-right: 20px !important; padding-left: 20px !important; }
form.form.create.account.form-create-account .fieldset, form.form.password.forget .fieldset{ margin-bottom: 0 !important; }
.password-strength-meter { background: transparent !important; height: auto !important; line-height: normal !important; }
legend.legend { padding-bottom: 0 !important; }
input[type="checkbox"] { width: 20px; height: 20px; border: 1px solid #666666; }
.login-container .fieldset:after, .form.password.forget .fieldset:after{ margin-top: 20px;}
.form.password.forget .fieldset:after{ margin-bottom: 20px;}
.field.choice { display: flex; align-items: center; gap: 8px; }
.field.choice input{ margin: 0; accent-color: var(--color-black);}
.fieldset>.legend { border: 0; background: #000; color: #fff; padding: 10px 15px !important; border-radius: 5px; display: block; font-size: var(--f-size-Body); }
.fieldset>.legend *{ font-size: var(--f-size-Body) !important;}

@media only screen and (max-width: 991px){
    .customer-account-login .login-container .block-content { padding: 20px 15px; }
    .customer-account-login .login-container .block-content .action.primary, .action.primary, .action-primary { letter-spacing: 4.4px; padding: 15px 20px; }
}
@media only screen and (max-width: 768px){
    .customer-account-login .login-container{ padding: 0; margin-bottom: 15px;}
    .customer-account-login .login-container>* { width: 100%; max-width: 100% !important; }
    .customer-account-login .block.block-customer-login{ margin-bottom: 25px !important;}
    .customer-account-login .login-container .block-content { padding: 20px 15px; }
    form.form.create.account.form-create-account, form.form.password.forget{ padding: 20px 15px;}
    form.form.create.account.form-create-account .field,  form.form.password.forget .field{ margin-bottom: 12px;}
}

.checkout-onepage-success .page-title-wrapper{ margin: 0 !important; padding-top: var(--padding-height);}
.checkout-onepage-success .page-title-wrapper h1 { color: var(--color-black); font-size: var(--f-size-XL) !important; text-transform: none;  font-family: var(--ff-calibri-bold); font-weight: normal; }
.checkout-onepage-success .page-title-wrapper a.action.print { display: none; }
.checkout-onepage-success .checkout-success { max-width: 780px; text-align: center; width: calc(100% - 30px); margin: 0 auto; background: #FFFFFF; box-shadow: 0px 32px 50px 5px #1212121a; padding: 80px; }
.checkout-onepage-success .checkout-success p { margin-bottom: 15px; color: #6C7275; }
.checkout-onepage-success .checkout-success .actions-toolbar{ text-align: center;}
.checkout-onepage-success .checkout-success .actions-toolbar .primary{ float: none; text-align: center;}
textarea.product-item-comment {
    display: none !important;
}
.column .block-addbysku .qty .qty, .bundle-options-container .input-text.qty, .box-tocart .input-text.qty, .account .data.table-return-items .qty .input-text, .table-giftregistry-items .field.qty .qty, .block-giftregistry-shared-items .qty .qty, .table.grouped .col.qty .control.qty .qty, .block-wishlist-info-items .input-text.qty, .multicheckout .table-wrapper .col .qty .input-text, .account .table-wrapper .data.table.wishlist .box-tocart .qty, .products-grid.wishlist .product-item .box-tocart input.qty, .sidebar .block-addbysku .fieldset .fields .field.qty .qty { padding: 0 !important; }
.filter-options-content a:hover {
    background-color: transparent;
    text-decoration: none;
}

/* my account page start here */
.account button.btn { display: inline-block !important; vertical-align: top !important; background: var(--clr-black) !important; padding: 16px 50px !important; border: 0 !important; border-radius: 50px !important; box-shadow: none !important; color: var(--clr-white) !important; text-align: center; line-height: 1 !important; text-transform: capitalize !important; font-family: 'calibri-bold' !important; font-size: var(--f-size-Body) !important; transition: var(--transition-common) !important; }
.account button.btn:hover{ background: var(--color-accent) !important; }
.sales-order-view .page-title-wrapper { padding-top: var(--padding-height); display: block; }
.sales-order-view .page-title-wrapper .page-title { display: block; font-size: var(--f-size-XL); margin: 0 !important; text-align: center; }
.sales-order-view .page-title-wrapper  .order-status { margin: 10px 0; padding: 5px 10px; border: 1px solid #e21512; text-transform: none; background: #e2151263; border-radius: 5px; line-height: 1; color: #000000; font-size: 12px; }
.sales-order-view  .order-links .item strong { border: 0; padding: 0; line-height: 1; color: var(--clr-black); margin: 0 0 20px; }
.sales-order-view .order-details-items, .sales-order-view .block-order-details-view { background: #fff; padding: 50px; border-radius: 15px;  }
.sales-order-view .order-details-items .order-title{ display: none;}
.sales-order-view .order-view-custom .order-meta { display: flex; justify-content: space-between; }
.sales-order-view .order-view-custom .order-title {text-align: center; font-size: var(--f-size-XXXL);  font-weight: var(--fw-regular); text-transform: none; margin-top: 60px;}
.sales-order-view .order-details-items .table-wrapper{ margin-bottom: 0 !important;}
.sales-order-view .block-order-details-view{ margin-bottom: 0;}
.sales-order-view .block-order-details-view .box { margin-bottom: 0; }
.sales-order-view .order-details-items th{ color: #6C7275; font-weight: bold;}
.wishlist-index-index table.wishlist-table td .price{ font-size: var( --f-size-S);}

.sales-order-view .order-view-custom{   max-width: 1260px; padding: 0 15px; margin: 40px auto 0;}

.sales-order-view .order-view-custom  .order-meta p{ margin-bottom: 6px; font-size: var(--f-size-M); color: var(--clr-black);}
.sales-order-view .order-view-custom th, .sales-order-view .order-view-custom td{ font-size: 13px;}
.sales-order-view  ul.items.order-links{ display: none;}

.returnrequest-index-returnrequest .page-title-wrapper, .returnrequest-index-submit .page-title-wrapper, .returnrequest-index-success .page-title-wrapper{ margin-top: 50px;}
.returnrequest-index-returnrequest .return-request-form{ max-width: 1260px; padding: 0 15px; box-shadow: none;}
.common-container{ max-width: 1260px; margin: 0 auto; padding: 0 15px;}
.returnrequest-index-submit .page-title-wrapper .page-title{ margin-bottom: 0;}

.returnrequest-index-submit .return-form-section{ border: 1px solid #0A13241A;}
.returnrequest-index-submit .return-form-section h3{ margin-bottom: 20px !important;}
.return-form-wrapper{ align-items: start;}
.returnrequest-index-submit .return-form-section fieldset.fieldset { display: flex; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; }
.returnrequest-index-submit .return-form-section fieldset.fieldset .field{ width: 100%; padding: 0 12px;}
.returnrequest-index-submit .return-form-section fieldset.fieldset .field:nth-child(1), .returnrequest-index-submit .return-form-section fieldset.fieldset .field:nth-child(2){ width: 50%;}
.returnrequest-index-submit .return-form-section .form-input { border: none; border: 1px solid; }
.returnrequest-index-submit .return-form-section .form-total{ margin-bottom: 20px;}
.returnrequest-index-submit .return-form-section .form-total h3{ margin-bottom: 0 !important;}
.return-summary-card{ max-height: none !important;}
.summary-item span:nth-child(2){ font-weight: var(--fw-bold);}

.return-success-wrapper .summary-actions .button { background: #fff !important; color: #000 !important; border: 1px solid #666666 !important; }
.return-success-wrapper .summary-actions .button:hover{ background: var(--clr-black) !important; color: var(--clr-white) !important; border-color: var(--clr-black) !important;}
th.text-center { text-align: center; }
td span.qty-round { display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; margin: 0 auto; padding: 5px; }

@media only screen and (max-width: 1199px) {
    .account button.btn { padding: 15px 40px !important; }
    .sales-order-view .order-details-items, .sales-order-view .block-order-details-view{ padding: 30px;}
    .wishlist-index-index table.wishlist-table td { padding: 5px; font-size: 13px; }
    .sales-order-view .order-view-custom th, .sales-order-view .order-view-custom td { font-size: 12px; padding: 5px; }
}
@media only screen and (max-width: 991px) {
    .account button.btn{ padding: 13px 30px !important; }
    .sales-order-view .order-details-items, .sales-order-view .block-order-details-view { padding: 20px 10px; }
    .sales-order-view .order-details-items th, .sales-order-view .order-details-items td { padding: 10px 5px; }
    .sales-order-view .order-details-items .table-order-items .product-item-name, .sales-order-view .price-including-tax .price, .sales-order-view .price-excluding-tax .price, .sales-order-view address{ font-size: 15px;}
    .wishlist-index-index table.wishlist-table td{ font-size: 12px;}
    .wishlist-index-index table.wishlist-table td .button{ font-size: 12px;}
    .sales-order-view .order-view-custom .order-layout{ gap: 20px;}
    .sales-order-view .order-view-custom{ padding: 0;}
    .sales-order-view .order-view-custom .order-details { width: 100%; flex: 0 0 auto; }
    .order-details { order: 2; }
    .order-summary { order: 1; }
}
@media only screen and (max-width: 575px) {
    .account button.btn{ padding: 10px 25px !important; font-size: 10px; }
    .sales-order-view .order-view-custom th{ min-width: 120px;}
    .account .page-title-wrapper{ padding-top: unset !important;}
}
.sidebar.sidebar-additional { display: none; }
body.account .sidebar.sidebar-main { background: #F3F5F7; border-radius: 15px; padding: 0px 20px; margin-bottom: 3em; }
.block-collapsible-nav .content { background: #f3f5f7; padding: 15px 0; }
.block-collapsible-nav .content ul.nav.items { display: block; }
.block-collapsible-nav .item a, .block-collapsible-nav .item > strong { border-left: unset; color: #575757; display: block; padding: 5px 0px 5px 0px; background: transparent !important;}
.block-collapsible-nav .item.current a, .block-collapsible-nav .item.current > strong { border-color: unset !important; color: #000; font-weight: 600; border: unset; border-bottom: 2px solid #000; }
.block-collapsible-nav .item .delimiter{ display: none;}
.account #maincontent { width: calc(100% - 30px); margin: 0 auto; padding-top: var(--padding-height);}
.account .page-title-wrapper{ margin: 0 auto !important; } 
.account .page-title-wrapper .page-title { margin: 0 0 25px; font-size: var(--f-size-XL) !important; font-weight: normal !important; }
.account.page-layout-2columns-left .column.main{ padding-right: 0 !important;}
.account .column.main .input-text, .account .column.main select{ height: 45px !important; min-height: auto; padding: 5px 30px !important; border: 1px solid #CBCBCB !important; border-radius: 8px !important; outline: none; color: #6C7275 !important; font-weight: normal; line-height: normal; }

.account .order-history-table th{ padding: 10px; border-bottom: 1px solid #E8ECEF; color: #6C7275;  font-family: var(--ff-calibri-regular); font-weight: normal;}
.account .order-history-table td{ padding: 25px 10px; border-bottom: 1px solid #E8ECEF;  color: #141718; padding: 25px 0;}
.account .order-history-table td a{ font-family: var(--fw-semi-bold); font-weight: var(--fw-bold); color: #141718; text-decoration: underline;}
.account .order-history-table td.pending{ color: #0074ba;}
.account .order-history-table td.processing{ color: #F57906;}
.account .order-history-table td.delivered{ color: #01AB31;}
.account .message.info { background: #F3F5F7; margin: 15px 0 0; color: #6C7275 !important; font-family: var(--ff-calibri-regular); }
@media only screen and (max-width: 991px){
    .account.page-layout-2columns-left .column.main{ padding-left: 20px !important;}
    .account th, .account td{ font-size: 14px;}
}
@media only screen and (max-width: 768px){
    .account.page-layout-2columns-left .column.main  { padding-left: 0 !important; padding-bottom: var(--padding-height) !important; margin: 0;}
    .account .block-collapsible-nav { position: static; margin: 40px 0; }
    .account .block-collapsible-nav .title.block-collapsible-nav-title { padding: 13px 44px 13px 10px; color: #141718 !important; font-family: var(--ff-calibri-bold); font-size: 16px;}
    .account .block-collapsible-nav .title.block-collapsible-nav-title strong{ color: #141718 !important; font-family: var(--ff-calibri-bold); font-size: 16px;}
    .account .block-collapsible-nav .content { background: #FFFFFF; padding: 15px; }
    .account .order-history-table tr:not(:last-child){ border-bottom: 1px solid #E8ECEF; padding-bottom: 15px; margin-bottom: 15px;}
    .account .order-history-table th{ display: none;}
    .account .order-history-table td { display: block; padding: 8px 0; border: 0; }
    .account .order-history-table td::before { padding-right: 10px; content: attr(data-th) ' '; display: inline-block; color: #6C7275 ; font-weight: 400; min-width: 50%; font-size: 14px; }
    .order-details { order: 2; }
    .order-summary { order: 1; width: 100%; }
    .sales-order-view .order-view-custom .order-layout{ flex-direction: column-reverse;}
}

.breadcrumbs { margin: 15px 0 15px !important; min-height: 24px; }
.page-title { font-family: var(--ff-title); font-weight: var(--fw-regular); color: var(--color-black); margin: var(--margin-title); text-transform: capitalize; font-size: var(--f-size-XL) !important; }
.product-info-main .product-reviews-summary { float: unset !important; }
.fotorama__stage__frame .fotorama__img { border-radius: 15px; }
.fotorama__thumb { border-radius: 15px; }
.product-info-main .product-info-stock-sku { float: left !important; }
.product.attribute.description { display: inline-block; }

/* PRODUCT DETAILS PAGE START HERE */
/* PRODUCT DETAILS PAGE START HERE */
.breadcrumbs a:visited{ color: var(--color-accent);}
.product-info-main *:not(.btn):not(.btn *) { color: var(--color-black); }
.box-tocart .fieldset.button-row { gap: 0 20px; }
.box-tocart .fieldset.button-row>*{ margin-bottom: 0 !important;}
.product-social-links .product-addto-links { display: flex; align-items: center; gap: 10px; }
.product-social-links .product-addto-links>* { margin: 0 !important; padding-right: 10px !important; padding-left: 10px !important; width: calc(50% - 5px); }
.product-info-main .product-info-stock-sku{ padding: 0;}
.product-info-main .product.attribute.sku{ text-align: left;}
.quantity, .wc-block-components-quantity-selector { border: 1px solid var(--color-accent); border-radius: 5px !important; padding: 5px; }
.quantity .control, .wc-block-components-quantity-selector .control{ width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.quantity button, .wc-block-components-quantity-selector button { width: 35px; height: 100%; flex: 0 0 auto; padding: 0; background: var(--color-accent); border: 0; color: #fff !important; }
.quantity input:not(.form-control), .wc-block-components-quantity-selector input:not(.form-control) { border-radius: 0 !important; flex: 1; height: 100% !important; width: 100% !important; padding: 0 !important; background: transparent !important; border: 0 !important; }
.fotorama__nav--thumbs .fotorama__nav__frame{ padding: 2px 4px;}
.fieldset:empty, .review-form fieldset.fieldset.additional_info { display: none; }
.page-main-details .product-section-title { text-align: center; border: 0; }
.review-form{ max-width: 950px; margin: 0 auto;}
/* PRODUCT DETAILS PAGE END HERE */
/* PRODUCT DETAILS PAGE END HERE */

/* CART PAGE START HERE */
/* CART PAGE START HERE */
.checkout-cart-index .page-title-wrapper{ padding-top: var(--padding-height);}
.cart-container{ padding-bottom: calc(var(--padding-height) - 40px);}
.abs-shopping-cart-items-desktop, .block-cart-failed, .cart-container .form-cart, .cart-container .cart-gift-item { width: 65%; }
.cart-summary { width: 35%; border-radius: 10px; }
.cart.table-wrapper .cart thead tr th.col{ padding-top: 0; color: var(--color-black);}
.cart.table-wrapper .cart tbody td, .cart.table-wrapper .cart tbody td span{ color: var(--color-black); font-weight: var(--fw-regular) !important;}
.cart.table-wrapper .cart tbody td a{ color: var(--color-accent);}
.checkout-cart-index .product-image-container { width: 100px; }

.cart.table-wrapper .actions-toolbar { text-align: right; }
.cart.table-wrapper .actions-toolbar>.action-edit, .cart.table-wrapper .actions-toolbar>.action-delete { position: static; color: var(--color-black); }
.cart.table-wrapper .actions-toolbar>.action-edit:before, .cart.table-wrapper .actions-toolbar>.action-delete:before{ color: var(--color-black);}
.cart.table-wrapper .action { margin-right: 10px; }
.cart.table-wrapper .col.qty .input-text { padding: 0 !important; background: transparent !important; border: 0 !important; color: #000; height: auto; }
.cart-discount { width: 100%; }
.cart-discount .title { width: fit-content; padding: 10px 15px !important; background: #000; border: 1px solid #000 !important; border-radius: 5px; color: #fff !important; transition: var(--transition-common); }
.cart-discount .title #block-discount-heading, .cart-discount .block.active>.title:after, .cart-discount .block>.title:after{ color: var(--color-white); transition: var(--transition-common);}
.cart-discount .title:hover{ background: transparent;}
.cart-discount .title:hover #block-discount-heading, .cart-discount .title:hover::after, .cart-discount .block>.title:hover:after{ color: var(--color-black);}
.cart-discount .block .content{ padding: 0; margin-top: 25px;}
.cart-discount .coupon, .cart-discount .coupon .field{ display: block;}

.cart-summary .summary.title { font-weight: 500; }


.category-our-collection .columns{ padding-top: var(--padding-height); padding-bottom: var(--padding-height);} 
.toolbar-products >*{ margin-bottom: 0;}
.toolbar-products .modes { display: none; }
a.action.sorter-action.sort-desc { display: none; }
.products.list.product-items .product-item { width: 33.33%; margin: 0; padding: 0 12px; }
.page-products .product-item-info{ width: 100%; background: var(--color-white) !important; margin: 0 !important; transition: var(--transition-common); border-bottom: 0 !important; border-radius: 10px 10px 0 0;}
.products-grid .product-item-inner{ border-radius: 0 0 10px 10px;}
.product-item-actions .actions-secondary { margin: 5px; }
.product-item-actions a.action { padding: 0px !important; width: 35px !important; height: 35px; }

.checkout-container{ padding: var(--padding-height) 0;}
.opc-progress-bar-item._active>span:before,.opc-progress-bar-item._active:before{ background: var(--color-black) !important; border-color: var(--color-black) !important;}
.table-checkout-shipping-method tr {
    display: block;
}