@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');


 :root {
     /* ===== Colors ===== */
     --body-bg-color: #FFFAF6;
     --primary-color: #9C4A1A;
     --brand-color-dark: #72513C;
     --seconday-color: #FFFAF6;
     --brand-color-2: #D4B483;

     --black-color: #262626;
     --site-color: #334155;
     --white-color: #FAFAFA;

     --site-border: rgba(0, 0, 0, .15);

     /* ===== Typography ===== */
     --hero-title-font: 'Transcity';
     --font-main: "Jost", sans-serif;
     --section-heading-font: 'Playfair Display', serif;

     --h1: 132px;
     --h2: 44px;
     --h3: 22px;
     --h4: 19;

     --text-base: 16px;
     --text-small: 14px;
     --menu-text: 18px;

     --line-height: 1.5;
     --letter-spacing: -0.5px;

     /* ===== 8px Spacing System ===== */
     --space-0-5: 4px;
     --space-1: 8px;
     --space-2: 16px;
     --space-3: 24px;
     --space-4: 32px;
     --space-5: 40px;
     --space-6: 48px;
     --space-7: 56px;
     --space-8: 64px;
     --space-9: 72px;
     --space-10: 80px;
     --space-11: 88px;
     --space-12: 96px;

     --header-height: 80px;

     /* ===== Shadows ===== */
     --shadow-main: 0 10px 15px rgba(0, 0, 0, .15);
     --shadow-sm: 0 6px 8px rgba(0, 0, 0, .10);

     --site-container: 1160px;
     --site-container-fluid: 1200px;
     --site-line-height: 1.7;

     /* ========================= CONTAINER MAX WIDTHS ========================= */
     --container-xs: 100%;
     --container-sm: 720px;
     /* mobile landscape / small tablets */
     --container-md: 960px;
     /* tablets */
     --container-lg: 1080px;
     /* laptops (your default) */
     --container-xl: 1280px;
     /* large laptops */
     --container-2xl: 1440px;
     /* desktops */
     --container-3xl: 1680px;
     /* 2K */
     --container-4xl: 1920px;
     /* 4K safe */

     --section-block-space: 96px;
     --section-block-space-medium: 64px;

     --inpt-field-ht: 50px;
 }

 * {
     box-sizing: border-box;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     -o-box-sizing: border-box;
     margin: 0;
     padding: 0
 }

 html {
     scroll-behavior: smooth;
 }

 html,
 body,
 div,
 span,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 p,
 img,
 ul,
 li,
 form,
 label,
 nav,
 ul,
 button,
 input {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
 }

 body {
     background: var(--body-bg-color);
     font-family: var(--font-main);
     font-size: var(--text-base);
     overflow-x: hidden;
     line-height: var(--site-line-height);
     color: var(--brand-color-dark);
     width: 100%;
     overflow-x: hidden;
     font-weight: 400;
 }

 a,
 a:focus,
 a:hover {
     outline: none !important;
     text-decoration: none;
 }

 img {
     max-width: 100%;
 }

 .site-container,
 .woocommerce .wc-empty-cart-message,
 .woocommerce .return-to-shop,
 .woocommerce-checkout .woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout {
     width: 100%;
     max-width: var(--site-container);
     padding-inline: var(--space-2);
     margin-inline: auto;
 }

 .site-container-fluid {
     width: 100%;
     max-width: var(--site-container-fluid);
     margin-inline: auto;
     padding-inline: var(--space-2);
 }

 ul {
     list-style-type: none;
 }

 .site-divider {
     margin-block: var(--site-gutters);
     width: 100%;
     height: 1px;
 }

 .index-1 {
     position: relative;
     z-index: 1;
 }

 .index-2 {
     position: relative;
     z-index: 2;
 }

 .index-5 {
     position: relative;
     z-index: 5;
 }

 .img-fit,
 .img-fluid {
     width: 100%;
     display: block;
     object-fit: cover;
 }

 .img-fluid {
     height: 100%;
 }

 .site-img {
     border-radius: 8px;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     color: var(--black-color);
 }

 /* Typography */
 h3,
 h4,
 h5,
 h6 {
     text-transform: uppercase;
 }

 h1 {
     font-family: var(--hero-title-font);
     font-weight: normal;
     color: var(--primary-color);
     line-height: -0.6px;
 }

 .site-title-h1 {
     font-size: var(--h1);
     line-height: 0.8;
 }

 .site-title-h2,
 h2 {
     font-family: var(--section-heading-font);
     line-height: 1.2;
     font-size: var(--h2);
     font-weight: normal;
     letter-spacing: -0.5px;
     color: var(--brand-color-dark);
 }

 /* h2 i {
    font-family: var(--hero-title-font);
    font-weight: 400;
    line-height: 1;
    font-size: 60px;
 } */


 .site-title-h3 {
     font-size: var(--h3);
     line-height: 1.3;
     font-weight: 500;
     color: var(--brand-color-dark);
 }

 .site-title-h4 {
     font-size: var(--h4);
 }

 .body-text {
     font-size: var(--text-base);
 }

 .small-text {
     font-size: var(--text-small);
 }

 /* Typography */
 .site-title-h2 span {
     font-weight: 700 !important;
 }

 .site-section-lg {
     padding-block: var(--space-12);
 }

 .site-section-med {
     padding-block: var(--space-8);
 }

 .site-section-sml {
     padding-block: 40px;
 }

 /* .site-container {width: 100%;max-width: var(--container-xs);margin-inline: auto;padding-inline: var(--space-2);} */
 /* @media(min-width:640px){.site-container{max-width:var(--container-sm);}}
@media(min-width:768px){.site-container{max-width:var(--container-md);}}
@media(min-width:1024px){.site-container{max-width:var(--container-lg);}}
@media(min-width:1280px){.site-container{max-width:var(--container-xl);}}
@media(min-width:1440px){.site-container{max-width:var(--container-2xl);}}
@media(min-width:1680px){.site-container{max-width:var(--container-3xl);}}
@media(min-width:1920px){.site-container{max-width:var(--container-4xl);}} */



 /* Site grid system */
 .grid {
     display: grid;
 }

 .cols-1 {
     grid-template-columns: repeat(1, 1fr);
 }

 .cols-2 {
     grid-template-columns: repeat(2, 1fr);
 }

 .cols-3 {
     grid-template-columns: repeat(3, 1fr);
 }

 .cols-4 {
     grid-template-columns: repeat(4, 1fr);
 }

 .cols-5 {
     grid-template-columns: repeat(5, 1fr);
 }

 .cols-6 {
     grid-template-columns: repeat(6, 1fr);
 }

 .span-2 {
     grid-column: span 2;
 }

 .span-3 {
     grid-column: span 3;
 }

 .span-4 {
     grid-column: span 4;
 }

 @media(max-width:767px) {
     .cols-m-1 {
         grid-template-columns: repeat(1, 1fr);
     }

     .cols-m-2 {
         grid-template-columns: repeat(2, 1fr);
     }

     .cols-m-3 {
         grid-template-columns: repeat(3, 1fr);
     }

     .m-wrap {
         flex-wrap: wrap;
     }

     .gap-m-1 {
         gap: 8px !important;
     }

     .gap-m-2 {
         gap: 16px !important;
     }

     .gap-m-3 {
         gap: 24px;
     }

     .gap-m-4 {
         gap: 32px;
     }

     .gap-m-5 {
         gap: 40px;
     }

     .gap-m-6 {
         gap: 48px;
     }

     .gap-m-8 {
         gap: 64px;
     }

     .gap-m-10 {
         gap: 80px;
     }

     .m-fd-col {
         flex-direction: column !important;
     }

     .mw-fluid {
         width: 100% !important;
     }

     .m-items-start {
         align-items: flex-start !important;
     }
 }

 @media(min-width:768px) and (max-width:1023px) {
     .cols-t-2 {
         grid-template-columns: repeat(2, 1fr);
     }

     .cols-t-3 {
         grid-template-columns: repeat(3, 1fr);
     }
 }

 /* Site grid system */


 /* Flex classes */
 /* .flex{display:flex;} */
 .flex-col {
     display: flex;
     flex-direction: column;
 }

 .inline-flex {
     display: inline-flex;
 }

 .flex-row {
     display: flex;
     flex-direction: row;
 }

 .flex-row-reverse {
     flex-direction: row-reverse;
 }

 .flex-col-reverse {
     flex-direction: column-reverse;
 }

 .flex-wrap {
     flex-wrap: wrap;
 }

 .flex-nowrap {
     flex-wrap: nowrap;
 }

 .flex-wrap-reverse {
     flex-wrap: wrap-reverse;
 }

 .items-start {
     align-items: flex-start;
 }

 .items-center {
     align-items: center;
 }

 .items-end {
     align-items: flex-end;
 }

 .items-stretch {
     align-items: stretch;
 }

 .items-baseline {
     align-items: baseline;
 }

 .justify-start {
     justify-content: flex-start;
 }

 .justify-center {
     justify-content: center;
 }

 .justify-end {
     justify-content: flex-end;
 }

 .justify-between {
     justify-content: space-between;
 }

 .justify-around {
     justify-content: space-around;
 }

 .justify-evenly {
     justify-content: space-evenly;
 }

 .self-start {
     align-self: flex-start;
 }

 .self-center {
     align-self: center;
 }

 .self-end {
     align-self: flex-end;
 }

 .self-stretch {
     align-self: stretch;
 }

 .gap-1 {
     gap: 8px;
 }

 .gap-2 {
     gap: 16px;
 }

 .gap-3 {
     gap: 24px;
 }

 .gap-4 {
     gap: 32px;
 }

 .gap-5 {
     gap: 40px;
 }

 .gap-6 {
     gap: 48px;
 }

 .gap-8 {
     gap: 64px;
 }

 .gap-10 {
     gap: 80px;
 }

 .flex-1 {
     flex: 1;
 }

 .flex-2 {
     flex: 2;
 }

 .flex-3 {
     flex: 3;
 }

 .flex-4 {
     flex: 4;
 }

 .flex-5 {
     flex: 5;
 }

 .flex-6 {
     flex: 6;
 }

 .flex-7 {
     flex: 7;
 }

 .flex-8 {
     flex: 8;
 }

 .flex-9 {
     flex: 9;
 }

 .flex-10 {
     flex: 10;
 }

 /* Flex classes */

 .row-gap-4 {
     gap: 4px;
 }

 .row-gap-12,
 .col-gap-20 {
     gap: 12px;
 }

 .row-gap-20,
 .col-gap-20 {
     gap: 20px;
 }

 .row-gap-40,
 .col-gap-40 {
     gap: 40px;
 }

 .row-gap-60,
 .col-gap-60 {
     gap: 60px;
 }

 /* Base zig-zag layout */
 /* .zig-wrapper{} */
 .zig-zag {
     display: flex;
     align-items: center;
     gap: var(--space-6);
 }

 /* Column roles */
 .zig-media {
     flex: 5;
 }

 .zig-content {
     flex: 7;
 }

 /* Auto alternate for dynamic loop content */
 .zig-wrapper>.zig-zag:nth-child(even) {
     flex-direction: row-reverse;
 }

 /* Image styling */
 .zig-img {
     width: 100%;
     border-radius: var(--space-2);
 }

 /* Mobile behavior */
 @media(max-width:767px) {
     .zig-zag {
         flex-direction: column;
     }

     .zig-media {
         order: 1;
         flex: unset;
         width: 100%;
     }

     .zig-content {
         order: 2;
         flex: unset;
         width: 100%;
     }
 }


 /* Site spacings Margin & Padding */
 .m-0 {
     margin: 0;
 }

 .m-1 {
     margin: 8px;
 }

 .m-2 {
     margin: 16px;
 }

 .m-3 {
     margin: 24px;
 }

 .m-4 {
     margin: 32px;
 }

 .m-5 {
     margin: 40px;
 }

 .m-6 {
     margin: 48px;
 }

 .m-7 {
     margin: 56px;
 }

 .m-8 {
     margin: 64px;
 }

 .m-9 {
     margin: 72px;
 }

 .m-10 {
     margin: 80px;
 }

 .mt-0 {
     margin-top: 0;
 }

 .mt-1 {
     margin-top: 8px;
 }

 .mt-2 {
     margin-top: 16px;
 }

 .mt-3 {
     margin-top: 24px;
 }

 .mt-4 {
     margin-top: 32px;
 }

 .mt-5 {
     margin-top: 40px;
 }

 .mt-6 {
     margin-top: 48px;
 }

 .mt-7 {
     margin-top: 56px;
 }

 .mt-8 {
     margin-top: 64px;
 }

 .mt-9 {
     margin-top: 72px;
 }

 .mt-10 {
     margin-top: 80px;
 }

 .mb-0 {
     margin-bottom: 0;
 }

 .mb-1 {
     margin-bottom: 8px;
 }

 .mb-2 {
     margin-bottom: 16px;
 }

 .mb-3 {
     margin-bottom: 24px;
 }

 .mb-4 {
     margin-bottom: 32px;
 }

 .mb-5 {
     margin-bottom: 40px;
 }

 .mb-6 {
     margin-bottom: 48px;
 }

 .mb-7 {
     margin-bottom: 56px;
 }

 .mb-8 {
     margin-bottom: 64px;
 }

 .mb-9 {
     margin-bottom: 72px;
 }

 .mb-10 {
     margin-bottom: 80px;
 }

 .m-auto {
     margin: auto;
 }

 .mx-auto {
     margin-inline: auto;
 }

 .mx-0 {
     margin-inline: 0;
 }

 .mx-1 {
     margin-inline: 8px;
 }

 .mx-2 {
     margin-inline: 16px;
 }

 .mx-3 {
     margin-inline: 24px;
 }

 .mx-4 {
     margin-inline: 32px;
 }

 .mx-5 {
     margin-inline: 40px;
 }

 .mx-6 {
     margin-inline: 48px;
 }

 .mx-7 {
     margin-inline: 56px;
 }

 .mx-8 {
     margin-inline: 64px;
 }

 .mx-9 {
     margin-inline: 72px;
 }

 .mx-10 {
     margin-inline: 80px;
 }

 .my-0 {
     margin-block: 0;
 }

 .my-1 {
     margin-block: 8px;
 }

 .my-2 {
     margin-block: 16px;
 }

 .my-3 {
     margin-block: 24px;
 }

 .my-4 {
     margin-block: 32px;
 }

 .my-5 {
     margin-block: 40px;
 }

 .my-6 {
     margin-block: 48px;
 }

 .my-7 {
     margin-block: 56px;
 }

 .my-8 {
     margin-block: 64px;
 }

 .my-9 {
     margin-block: 72px;
 }

 .my-10 {
     margin-block: 80px;
 }

 .p-0 {
     padding: 0;
 }

 .p-1 {
     padding: 8px;
 }

 .p-2 {
     padding: 16px;
 }

 .p-3 {
     padding: 24px;
 }

 .p-4 {
     padding: 32px;
 }

 .p-5 {
     padding: 40px;
 }

 .p-6 {
     padding: 48px;
 }

 .p-7 {
     padding: 56px;
 }

 .p-8 {
     padding: 64px;
 }

 .p-9 {
     padding: 72px;
 }

 .p-10 {
     padding: 80px;
 }

 .pt-0 {
     padding-top: 0;
 }

 .pt-1 {
     padding-top: 8px;
 }

 .pt-2 {
     padding-top: 16px;
 }

 .pt-3 {
     padding-top: 24px;
 }

 .pt-4 {
     padding-top: 32px;
 }

 .pt-5 {
     padding-top: 40px;
 }

 .pt-6 {
     padding-top: 48px;
 }

 .pt-7 {
     padding-top: 56px;
 }

 .pt-8 {
     padding-top: 64px;
 }

 .pt-9 {
     padding-top: 72px;
 }

 .pt-10 {
     padding-top: 80px;
 }

 .pb-0 {
     padding-bottom: 0;
 }

 .pb-1 {
     padding-bottom: 8px;
 }

 .pb-2 {
     padding-bottom: 16px;
 }

 .pb-3 {
     padding-bottom: 24px;
 }

 .pb-4 {
     padding-bottom: 32px;
 }

 .pb-5 {
     padding-bottom: 40px;
 }

 .pb-6 {
     padding-bottom: 48px;
 }

 .pb-7 {
     padding-bottom: 56px;
 }

 .pb-8 {
     padding-bottom: 64px;
 }

 .pb-9 {
     padding-bottom: 72px;
 }

 .pb-10 {
     padding-bottom: 80px;
 }

 .px-0 {
     padding-inline: 0;
 }

 .px-1 {
     padding-inline: 8px;
 }

 .px-2 {
     padding-inline: 16px;
 }

 .px-3 {
     padding-inline: 24px;
 }

 .px-4 {
     padding-inline: 32px;
 }

 .px-5 {
     padding-inline: 40px;
 }

 .px-6 {
     padding-inline: 48px;
 }

 .px-7 {
     padding-inline: 56px;
 }

 .px-8 {
     padding-inline: 64px;
 }

 .px-9 {
     padding-inline: 72px;
 }

 .px-10 {
     padding-inline: 80px;
 }

 .py-0 {
     padding-block: 0;
 }

 .py-1 {
     padding-block: 8px;
 }

 .py-2 {
     padding-block: 16px;
 }

 .py-3 {
     padding-block: 24px;
 }

 .py-4 {
     padding-block: 32px;
 }

 .py-5 {
     padding-block: 40px;
 }

 .py-6 {
     padding-block: 48px;
 }

 .py-7 {
     padding-block: 56px;
 }

 .py-8 {
     padding-block: 64px;
 }

 .py-9 {
     padding-block: 72px;
 }

 .py-10 {
     padding-block: 80px;
 }

 @media(max-width:767px) {
     .m-m-0 {
         margin: 0;
     }

     .m-m-1 {
         margin: 8px;
     }

     .m-m-2 {
         margin: 16px;
     }

     .m-m-3 {
         margin: 24px;
     }

     .m-m-4 {
         margin: 32px;
     }

     .m-m-5 {
         margin: 40px;
     }

     .mt-m-0 {
         margin-top: 0;
     }

     .mt-m-1 {
         margin-top: 8px;
     }

     .mt-m-2 {
         margin-top: 16px;
     }

     .mt-m-3 {
         margin-top: 24px;
     }

     .mt-m-4 {
         margin-top: 32px;
     }

     .mt-m-5 {
         margin-top: 40px;
     }

     .mb-m-0 {
         margin-bottom: 0;
     }

     .mb-m-1 {
         margin-bottom: 8px;
     }

     .mb-m-2 {
         margin-bottom: 16px;
     }

     .mb-m-3 {
         margin-bottom: 24px;
     }

     .mb-m-4 {
         margin-bottom: 32px;
     }

     .mb-m-5 {
         margin-bottom: 40px;
     }

     .mx-m-0 {
         margin-inline: 0;
     }

     .mx-m-1 {
         margin-inline: 8px;
     }

     .mx-m-2 {
         margin-inline: 16px;
     }

     .mx-m-3 {
         margin-inline: 24px;
     }

     .mx-m-4 {
         margin-inline: 32px;
     }

     .mx-m-5 {
         margin-inline: 40px;
     }

     .my-m-0 {
         margin-block: 0;
     }

     .my-m-1 {
         margin-block: 8px;
     }

     .my-m-2 {
         margin-block: 16px;
     }

     .my-m-3 {
         margin-block: 24px;
     }

     .my-m-4 {
         margin-block: 32px;
     }

     .my-m-5 {
         margin-block: 40px;
     }

     .p-m-0 {
         padding: 0;
     }

     .p-m-1 {
         padding: 8px;
     }

     .p-m-2 {
         padding: 16px;
     }

     .p-m-3 {
         padding: 24px;
     }

     .p-m-4 {
         padding: 32px;
     }

     .p-m-5 {
         padding: 40px;
     }

     .pt-m-0 {
         padding-top: 0;
     }

     .pt-m-1 {
         padding-top: 8px;
     }

     .pt-m-2 {
         padding-top: 16px;
     }

     .pt-m-3 {
         padding-top: 24px;
     }

     .pt-m-4 {
         padding-top: 32px;
     }

     .pt-m-5 {
         padding-top: 40px;
     }

     .pb-m-0 {
         padding-bottom: 0;
     }

     .pb-m-1 {
         padding-bottom: 8px;
     }

     .pb-m-2 {
         padding-bottom: 16px;
     }

     .pb-m-3 {
         padding-bottom: 24px;
     }

     .pb-m-4 {
         padding-bottom: 32px;
     }

     .pb-m-5 {
         padding-bottom: 40px;
     }

     .px-m-0 {
         padding-inline: 0;
     }

     .px-m-1 {
         padding-inline: 8px;
     }

     .px-m-2 {
         padding-inline: 16px;
     }

     .px-m-3 {
         padding-inline: 24px;
     }

     .px-m-4 {
         padding-inline: 32px;
     }

     .px-m-5 {
         padding-inline: 40px;
     }

     .py-m-0 {
         padding-block: 0;
     }

     .py-m-1 {
         padding-block: 8px;
     }

     .py-m-2 {
         padding-block: 16px;
     }

     .py-m-3 {
         padding-block: 24px;
     }

     .py-m-4 {
         padding-block: 32px;
     }

     .py-m-5 {
         padding-block: 40px;
     }
 }

 /* Site spacings Margin & Padding */

 /* Site borders and radius */
 .border-0 {
     border: 0;
 }

 .border-1 {
     border: 1px solid var(--site-border);
 }

 .border-2 {
     border: 2px solid var(--site-border);
 }

 .radius-0 {
     border-radius: 0;
 }

 .radius-0-5 {
     border-radius: var(--space-0-5);
 }

 .radius-1 {
     border-radius: var(--space-1);
 }

 .radius-2 {
     border-radius: var(--space-2);
 }

 .radius-3 {
     border-radius: var(--space-3);
 }

 .radius-4 {
     border-radius: var(--space-4);
 }

 .radius-5 {
     border-radius: var(--space-5);
 }

 .radius-6 {
     border-radius: var(--space-6);
 }

 .radius-7 {
     border-radius: var(--space-7);
 }

 .radius-8 {
     border-radius: var(--space-8);
 }

 .radius-9 {
     border-radius: var(--space-9);
 }

 .radius-10 {
     border-radius: var(--space-10);
 }

 .radius-11 {
     border-radius: var(--space-11);
 }

 .radius-12 {
     border-radius: var(--space-12);
 }

 @media(max-width:767px) {
     .radius-m-0 {
         border-radius: 0;
     }

     .radius-m-0-5 {
         border-radius: var(--space-0-5);
     }

     .radius-m-1 {
         border-radius: var(--space-1);
     }

     .radius-m-2 {
         border-radius: var(--space-2);
     }

     .radius-m-3 {
         border-radius: var(--space-3);
     }

     .radius-m-4 {
         border-radius: var(--space-4);
     }

     .radius-m-5 {
         border-radius: var(--space-5);
     }

     .radius-m-6 {
         border-radius: var(--space-6);
     }

     .radius-m-7 {
         border-radius: var(--space-7);
     }

     .radius-m-8 {
         border-radius: var(--space-8);
     }

     .radius-m-9 {
         border-radius: var(--space-9);
     }

     .radius-m-10 {
         border-radius: var(--space-10);
     }

     .radius-m-11 {
         border-radius: var(--space-11);
     }

     .radius-m-12 {
         border-radius: var(--space-12);
     }
 }

 /* Site borders and radius */


 /* Site Colors */
 .bg-primary {
     background: var(--primary-color);
     color: var(--white-color);
 }

 .bg-primary h2 {
     color: var(--white-color);
 }

 .bg-primary .site-btn {
     background: var(--white-color);
     color: var(--brand-color-dark);
 }

 .bg-primary .subtitle-text {
     color: var(--white-color);
     font-weight: 400;
 }

 .bg-secondary {
     background: var(--seconday-color);
 }

 .bg-black {
     background: var(--black-color);
 }

 .bg-white {
     background: var(--white-color);
 }

 .bg-f-white {
     background: #FFFFFF;
 }

 .text-main {
     color: var(--primary-color);
 }

 .text-secondary {
     color: var(--secondary-color);
 }

 .text-black {
     color: var(--black-color) !important;
 }

 .text-white {
     color: var(--white-color);
 }



 /* ================== CSS Re-usable STYLE ================== */
 .site-common-content {
     display: flex;
     flex-direction: column;
     gap: 14px;
 }

 /* .site-common-content .subtitle-text{margin-bottom: -15px;} */
 .site-list {
     display: flex;
     flex-direction: column;
     list-style-type: disc;
     font-size: 22px;
     padding-left: 20px;
 }

 .num-list {
     display: flex;
     gap: 24px;
     flex-direction: column;
     list-style-type: decimal;
     font-size: 22px;
     padding-left: 20px;
 }

 .check-list {
     display: flex;
     flex-direction: column;
     gap: 8px;
 }

 .check-list li {
     background: url(../images/white-check-mark.svg) no-repeat;
     background-position: 8px center;
     padding-left: 40px;
 }

 .site-common-content .site-list {
     margin-top: -10px;
 }

 .site-btn,
 .site-btn-outline {
     font-size: var(--text-base);
     font-weight: 500;
     padding: 16px 36px;
     border-radius: 12px;
     cursor: pointer;
     color: var(--white-color);
     display: inline-flex;
     justify-content: center;
     align-items: center;
     gap: 5px;
     font-family: var(--font-main);
     border: 3px solid var(--brand-color-dark);
     width: max-content;
     text-transform: uppercase;
     transition: all 0.2s ease-in;
     height: 48px;
     line-height: 1px;
 }

 .site-btn {
     background: var(--brand-color-dark);
 }

 .site-btn-outline {
     background: transparent;
     color: var(--brand-color-dark);
 }

 .site-btn:hover {
     background: var(--seconday-color);
     border: 3px solid var(--brand-color-dark);
     color: var(--brand-color-dark);
 }

 .tab-btn {
     font-size: var(--text-base);
     font-weight: 500;
     color: var(--brand-color-dark);
     padding: 16px 36px;
     border-radius: 12px;
     cursor: pointer;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     gap: 5px;
     font-family: var(--font-main);
     transition: all 0.3s ease-in;
     max-width: 240px;
     width: 100%;
     text-transform: uppercase;
     border: 3px solid transparent;
     font-weight: 500;
     height: 52px;
     background: #F6F0E6;
 }

 .tab-btn.active {
     background: var(--brand-color-dark);
     color: var(--white-color);
 }

 .tab-btn:not(.active):hover {
     border: 3px solid var(--brand-color-dark);
 }

 /* .site-btn-outline {
     font-size: 16px;
     padding: 16px 24px;
     border: 1px solid var(--primary-color);
     border-radius: var(--space-1);
     transition: all 0.3s ease-in;
     cursor: pointer;
     font-weight: 500;
     color: var(--primary-color);
     text-transform: uppercase;
     transition: all 0.4s ease-in;
 } */

 .site-btn-outline:not(.active):hover {
     background: var(--brand-color-dark);
     color: var(--white-color);
 }


 .site-big-cta {
     font-size: 18px;
     padding: 20px 40px;
     border-radius: var(--site-gutters);
     transition: all .4s;
     display: inline-block;
     margin-top: 30px;
     cursor: pointer;
     font-weight: 500
 }

 .letter-sapcing {
     letter-spacing: var(--letter-spacing);
 }

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

 .text-center-desk {
     text-align: center;
 }

 .text-right {
     text-align: right;
 }

 .text-left {
     text-align: left;
 }


 .site-card-wrap {
     display: flex;
     gap: 16px;
 }

 .site-card {
     border-radius: 8px;
     padding: 12px;
     flex: 1;
     position: relative;
 }

 .site-card .site-common-content {
     gap: 12px;
 }

 .site-card .site-common-content h3 {
     margin-bottom: -5px;
     line-height: 1.2;
 }

 .site-card .card-img {
     border-radius: 8px;
     width: 100%;
 }

 .site-card .card-btn {
     display: flex;
     gap: 5px;
     border-bottom: 2px solid var(--purple-dark-color);
     color: var(--purple-dark-color);
     font-size: 14px;
     font-weight: 700;
     font-family: var(--heading-font);
     display: inline-flex;
     align-self: flex-start;
     position: absolute;
     bottom: 12px;
     left: 12px;
 }

 .site-card:has(.card-btn) {
     padding-bottom: 100px;
 }

 .site-btn-text {
     display: flex;
     gap: 5px;
     border-bottom: 2px solid var(--purple-dark-color);
     color: var(--purple-dark-color);
     font-size: 14px;
     font-weight: 700;
     font-family: var(--heading-font);
     display: inline-flex;
     align-self: flex-start;
 }

 .site-tag {
     display: inline-flex;
     border: 1px solid var(--primary-color);
     border-radius: 100vmax;
     padding: 6px 24px;
     align-self: flex-start;
     font-size: 18px;
     font-weight: 500;
     font-family: var(--heading-font);
     color: var(--primary-color);
 }

 .text-center .site-tag,
 .text-center .site-btn {
     align-self: center;
 }

 /* Common CTA section Style */
 .site-cta-section {
     background: var(--white-color);
     background: linear-gradient(180deg, var(--white-color) 0%, rgba(220, 229, 247, 1) 100%);
 }

 .site-cta-section h2 {
     font-size: 56px;
     font-weight: 400;
     color: var(--purple-dark-color);
     line-height: 1.1;
 }

 .site-cta-section p {
     color: var(--purple-dark-color);
 }

 .cta-wrap {
     display: flex;
     align-items: center;
 }

 /* Common CTA section Style */

 /* Video player style */
 .custom-video-wrapper {
     position: relative;
     width: 100%;
     max-width: 100%;
 }

 .custom-video-wrapper video {
     width: 100%;
     display: block;
     height: 500px;
     object-fit: cover;
     border-radius: 16px;
     overflow: hidden;
 }

 .custom-play-btn {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     font-size: 60px;
     color: white;
     cursor: pointer;
     z-index: 5;
     width: 80px;
     height: 80px;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     transition: 0.3s;
 }

 /* Video player style */

 /* Pagination */
 .pagination {
     display: flex;
     align-items: center;
     justify-content: center;
     /* margin-top: 30px; */
     gap: 8px;
 }

 .page-number {
     display: inline-flex;
     justify-content: center;
     align-items: center;
     width: 40px;
     height: 40px;
     border-radius: 8px;
     background: white;
     border: 1px solid #D4B483;
     font-size: var(--text-base);
     cursor: pointer;
     color: #262626;
     transition: all 0.2s ease-in;
 }

 .pagination .page-number i {
     font-size: 24px;
     line-height: 1;
     font-weight: 500;
 }

 .page-number.active {
     border-color: var(--primary-color);
 }

 .page-number:hover:not(.active) {
     border-color: var(--primary-color);
     color: var(--white-color);
     background: var(--primary-color);
 }

 .icon {
     font-size: 22px;
     line-height: 1;
 }

 /* Pagination */

 /* UTILS */
 .for-mobile {
     display: none;
 }

 .subtitle-text {
     text-transform: uppercase;
     font-size: 16px;
     font-weight: 500;
     color: var(--brand-color-dark);
     letter-spacing: 1.4px;
     line-height: 1.3;
 }

 .btn-group {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 8px;
 }

 .btn-group a {
     height: 52px;
 }

 .site-btn-outline.active {
     background: var(--primary-color);
     color: var(--white-color);
 }

 .ft-primary {
     font-family: var(--font-main) !important;
 }

 .ft-wt-500 {
     font-weight: 500 !important;
 }

 .ft-wt-600 {
     font-weight: 600 !important;
 }

 .ft-wt-700 {
     font-weight: 700 !important;
 }

 .l-ht-1 {
     line-height: 1;
 }

 .up-case {
     text-transform: uppercase;
 }

 .tab-btn-group {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 8px;
 }

 .w-100 {
     width: 100%;
 }

 /* ================== Header Style ================== */
 .header-bar {
     position: sticky;
     top: 0;
     left: 0;
     width: 100%;
     background: var(--body-bg-color);
     box-shadow: 0 0 14px rgba(0, 0, 0, 0.1);
     z-index: 9;
 }

 .header-logo {
     display: block;
 }

 .header-wrap {
     display: flex;
     justify-content: space-between;
     gap: 16px;
     align-items: center;
     height: var(--header-height);
 }

 .main-hero .flex-col {
     max-width: 500px;
     text-align: left;
 }

 .navbar .menu,
 .user-int-bar {
     display: flex;
     align-items: center;
 }

 .user-int-bar a {
     color: var(--primary-color);
     position: relative;
 }

 .navbar .menu a {
     color: var(--black-color);
     font-size: var(--menu-text);
     font-family: var(--section-heading-font);
     font-weight: 400;
     transition: all 0.3s ease-in;
 }

 .navbar .menu a {
     position: relative;
     padding-bottom: 2px;
 }

 .user-int-bar a {
     transform: translateY(0);
 }

 .navbar .menu a:hover,
 .user-int-bar a:hover {
     color: var(--brand-color-dark);
 }

 .navbar .menu a::before {
     content: '';
     position: absolute;
     bottom: 0;
     left: 0;
     width: 0%;
     height: 2px;
     background-color: var(--primary-color);
     transition: all 0.3s ease-in;
 }

 .navbar .menu a:hover::before {
     width: 100%;
 }

 .cart-wrapper {
     position: relative;
 }

 .cart-wrapper span {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     position: absolute;
     top: -8px;
     right: -8px;
     width: 20px;
     height: 20px;
     background: var(--black-color);
     color: var(--white-color);
     border-radius: 100vmax;
     font-size: 12px;
     font-weight: 600;
     line-height: 1;
     font-family: var(--font-main);
 }

 .user-int-bar a {
     font-size: 22px;
 }

 .navbar .menu {
     gap: 40px;
 }

 .user-int-bar {
     gap: 20px;
 }

 .search-wrapper {
     position: relative;
 }

 .search-wrapper {
     & {
         input[type="search"] {
             padding: 8px;
             background: transparent;
             border-bottom: 1px solid var(--primary-color);
             width: 0%;
             opacity: 0;
             visibility: hidden;
             transition: all 0.4s ease-in;
             position: absolute;
             top: 0;
             right: 0;
             transform: translateY(-50%);
         }

         input[type="search"].active {
             width: 200px;
             opacity: 1;
             visibility: visible;
             background: var(--body-bg-color);
         }

         input[type="submit"] {
             padding: 8px;
             background: url(../images/search-line.svg) no-repeat;
             background-size: 20px;
             background-position: center center;
             position: absolute;
             width: 20px;
             height: 20px;
             top: 50%;
             right: 2px;
             transform: translate(-50%, -50%);
             cursor: pointer;
         }

         input[type="search"]::-webkit-search-cancel-button {
             -webkit-appearance: none;
             display: none;
         }

         .input[type="search"],
         input[type="search"]::placeholder {
             color: var(--primary-color);
             font-family: var(--font-main);
             font-size: var(--text-base);
         }

     }
 }


 /* ================== Header Style ================== */


 /* ================== Hero Style ================== */
 .main-hero {
     position: relative;
     height: 90vh;
 }

 .main-hero .site-container {
     position: absolute;
     left: 50%;
     height: 100%;
     display: flex;
     align-items: center;
     bottom: 0;
     z-index: 1;
     transform: translate(-50%);
     color: white;
 }

 .main-hero .hero-border {
     max-width: 360px;
     width: 100%;
 }

 .common-hero {
     height: 400px;
 }

 .hero-img {
     height: 100%;
     width: 100%;
     object-fit: cover;
     position: relative;
 }

 /* .main-hero::before {
     content: '';
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.733) 100%);
     z-index: 9;
 } */

 /* ================== Hero Style ================== */


 /* ================== Featured-section ================== */

 .featured-section .price {
     font-size: 22px;
     font-weight: 500;
     color: var(--brand-color-dark);
 }

 .featured-section-2 .product-list-grid {
     row-gap: 40px;
     column-gap: 20px;
 }

 .featured-section .img-fit {
     height: 500px;
 }

 .featured-section-2 .img-fit {
     height: 400px;
 }

 .featured-section h4 {
     font-size: 19px;
     color: var(--brand-color-dark);
 }

 .feature-slider .product-info {
     color: var(--brand-color-dark);
 }

 .product-cta {
     background: #F9F2E8;
     grid-column: span 3 / span 3;
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .product-cta .site-common-content {
     max-width: 410px;
     width: 100%;
     margin-inline: auto;
 }

 /* .product-header h2 {
     font-size: 65px;
 } */

 .product-cta h2 i,
 .product-header h2 i {
     color: var(--primary-color);
 }

 /* ================== Featured-section ================== */
 .quality-card {
     border-radius: 12px;
 }

 .quality-section p {
     line-height: 1.3;
 }

 .contact-hero h2 {
     font-size: 65px;
     line-height: 1;
 }


 .contact-hero h2 i {
     color: var(--primary-color);
 }


 /* ================== Category-section ================== */
 .category-section .tab {
     display: none;
 }

 .category-section .tab.active {
     display: flex;
     flex-direction: column;
     gap: 32px;
 }

 .category-section .bottom-line {
     padding: 16px 40px;
 }

 .cat-img {
     height: 510px;
     object-position: top center;
 }

 /* ================== Category-section ================== */


 /* ================== Speciality-Section ================== */

 .client-sign {
     position: relative;
     left: -40px;
 }

 .client-img {
     height: 600px;
 }


 .exp-section h3 {
     font-family: var(--section-heading-font);
     font-style: italic;
     text-transform: capitalize;
     font-size: 28px;
     font-weight: 400 !important;
 }

 .exp-content {
     position: relative;
 }

 .exp-content:last-child .vt-line {
     opacity: 0;
 }

 .exp-img {
     max-width: 386px;
     height: 600px;
 }

 .vt-line {
     height: 130px;
 }


 .exp-content::before {
     position: absolute;
     background: var(--brand-color-dark);
     content: '';
     width: 10px;
     border-radius: 100vmax;
     height: 10px;
     left: 0;
     top: 6px;
     transform: translate(-50%, -50%);
 }

 .gallery-cols {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     grid-template-rows: repeat(2, 1fr);
     gap: 20px;
 }

 .gallery-cols .div1 {
     grid-column: span 2 / span 2;
     grid-row: span 2 / span 2;
 }


 .gallery-cols .div2 {
     grid-column: span 2 / span 2;
     grid-column-start: 3;
 }

 .gallery-cols img {
     width: 100%;
     height: 100%;
     object-fit: cover;

 }

 .gallery-cols .div1 {
     height: 740px;
 }

 .gallery-cols .div2,
 .div3,
 .div4 {
     height: 360px;
 }

 .gallery-cols .div3 {
     grid-column-start: 3;
     grid-row-start: 2;
 }

 .gallery-cols .div4 {
     grid-column-start: 4;
     grid-row-start: 2;
 }

 .crafted-section .crafted-img {
     max-width: 480px;
 }

 .service-section img {
     height: 580px;
 }

 .service-section .site-common-content {
     gap: 8px !important;
 }


 .speciality-section {
     position: relative;
 }

 .speciality-section .sp-hero-img {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 .speciality-section .site-container {
     display: flex;
     align-items: center;
     position: relative;
     z-index: 1;
     height: 100%;
 }

 .stuff-list-wrap {
     max-width: 608px;
     width: 100%;
 }

 .stuff-list-wrap .site-common-content {
     gap: 12px;
 }

 .stuff-list-wrap .stuff-icn {
     width: 64px;
     height: 64px;
 }

 .speciality-section h2 {
     font-size: 35px;
 }

 /* ================== Frame-Section ================== */
 .frame-wrapper {
     position: relative;
 }

 .frame-section .flex-row {
     gap: 160px;
 }

 .frame-wrapper .frame-img-sml, .frame-wrapper .frame-img-sml-2 {
     position: absolute;
     width: 280px;
     height: 256px;
     bottom: -4%;
     padding: 16px;
     background: var(--seconday-color);
     box-shadow: 0px 20px 25px -5px rgba(0, 0, 0, 0.1), 0px 8px 10px -6px rgba(0, 0, 0, 0.1);
 }

.frame-wrapper .frame-img-sml {
     left: -20%;
}

.frame-wrapper .frame-img-sml-2 {
    right: -20%;
}

 .frame-wrapper .frame-img {
     height: 655px;
 }

 /* ================== Frame-Section ================== */
 .cta-section {
     position: relative;
 }

 .cta-section .cta-hero-img {
     position: absolute;
     left: 0;
     top: 0;
     object-fit: cover;
     width: 100%;
     height: 100%;
 }

 .cta-section .bg-primary {
     max-width: 444px;
     width: 100%;
     background: var(--brand-color-dark);
 }


 /* .cta-section .site-container {
    display: flex;
    justify-content: flex-end;
} */

 .cta-section h2 {
     font-size: var(--h2);
 }

 .testimonial-section .tl-img {
     height: 450px;
 }

 /* ================== Footer-Section ================== */
 .logo-wrapper {
     max-width: 360px;
     width: 100%;
 }

 #billing_first_name_field,
 #billing_last_name_field {
     width: 100%;
 }

 .woocommerce-breadcrumb {
     display: none;
 }

 .footer-section .flex-col,
 .footer-section .ql-wrapper {
     display: flex;
     flex-direction: column;
     gap: 8px;
 }

 .ql-wrapper a,
 .copyright-section a,
 .copyright-section {
     color: var(--brand-color-dark);
 }

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

 /* .ft-logo-link {
    display: block;
 } */

 .footer-logo {
     width: 220px;
     height: 220px;
     display: inline-flex;
     align-items: center;
     justify-content: center;
 }



 /* ================== Footer-Section ================== */

 /* ================== Product- Listing -Section ================== */
 .product-listing-section {
     padding-block: 112px;
 }

 .shop-filters-wrap,
 #course-filters {
     display: flex;
     flex-direction: column;
 }

 .shop-filters-wrap input[type="submit"] {
     width: max-content;
 }

 .shop-filters-wrap {
     gap: 32px;
 }

 .filter-text {
     font-size: var(--text-base);
     font-weight: 70;
 }

 .filter-title {
     display: flex;
     justify-content: space-between;
     align-items: center;
     color: var(--black-color);
     margin-bottom: 16px;
     cursor: pointer;
 }

 .filter-title p {
     font-weight: 500;
     color: var(--brand-color-dark);
 }

 .filter-title i {
     transition: transform 0.3s ease;
 }

 .filter-box.active .filter-title i {
     transform: rotate(180deg);
 }


 .course-checkbox-list,
 .course-checkbox-list-ot {
     max-height: 0;
     overflow: hidden;
     opacity: 0;
     transition: max-height 0.4s ease, opacity 0.3s ease;
 }

 .filter-box {
     border-top: 1px solid var(--brand-color-dark);
     padding-top: 24px;
 }

 .filter-box.active .course-checkbox-list,
 .filter-box.active .course-checkbox-list-ot {
     max-height: 500px;
     opacity: 1;
     padding-bottom: 32px;
 }

 .checkbox {
     display: flex;
     align-items: center;
     gap: var(--space-1);
     cursor: pointer;
     font-size: var(--text-base);
     color: var(--black-color);
     margin-bottom: var(--space-1);
 }

 .skill-filter .checkbox input {
     display: none;
 }

 .skill-filter .checkbox {
     margin-bottom: 4px;
 }

 .skill-filter .checkbox {
     display: inline-block;
     margin-right: 2px;
 }

 .skill-filter .checkbox-span {
     display: inline-block;
     border-radius: 100vmax;
     background: transparent;
     padding: 8px 16px;
     white-space: nowrap;
     font-size: 14px;
     font-weight: 500;
     border: 2px solid var(--primary-color);
     transition: all 0.4s ease-in;
 }

 /* .skill-filter .checkbox-span:hover {
    color: var(--primary-color);
    border: 2px solid var(--primary-color);
    background: var(--purple-color);
} */

 .skill-filter input[type="checkbox"]:checked+.checkbox-span {
     background-color: var(--primary-color);
     border: 2px solid var(--primary-color);
     color: var(--white-color);
 }

 .product-listing-section .listing-wrapper {
     gap: 100px;
 }

 .checkbox input,
 input#rememberme {
     appearance: none;
     width: 20px;
     height: 20px;
     border: 1px solid #D4B483;
     background: #F9F2E8;
     border-radius: 4px;
     position: relative;
     transition: all 0.3s ease;
 }

 .checkbox input:checked,
 input#rememberme:checked {
     background-color: var(--brand-color-dark);
     border: 2px solid var(--brand-color-dark)
 }

 .filter-title {
     color: var(--brand-color-dark);
 }

 .checkbox input:checked::after,
 input#rememberme:checked::after {
     content: '';
     position: absolute;
     top: 2px;
     left: 5px;
     width: 4px;
     height: 9px;
     border: solid var(--white-color);
     border-width: 0 2px 2px 0;
     transform: rotate(45deg);
 }

 .checkbox-counter {
     display: flex;
     align-items: center;
     justify-content: space-between;
     margin-bottom: 8px;
     color: var(--brand-color-dark);
 }

 .checkbox-counter .checkbox {
     margin-bottom: initial;
     color: var(--brand-color-dark);
 }

 .clear-all-filters {
     font-size: 14px;
     color: var(--brand-color-dark);
     font-weight: 700;
     border-bottom: 2px solid var(--brand-color-dark);
 }

 .selected-tag {
     display: inline-flex;
     margin-bottom: 4px;
     margin-right: 4px;
     align-items: center;
     gap: 8px;
     padding: 8px 12px;
     background-color: var(--brand-color-dark);
     cursor: pointer;
     border-radius: 12px;
     color: var(--white-color);
 }

 .selected-tag .cross-icn {
     font-size: 16px;
     line-height: 1;
 }

 .sorting-bar {
     justify-content: flex-end;
 }

 .sorting-right-bar .btn-group {
     gap: initial;
 }

 .grid-btn {
     display: flex;
     justify-content: center;
     align-items: center;
     color: var(--bg-smokey-light);
     border: 1px solid var(--bg-smokey-light);
     width: 40px;
     height: 40px;
     transition: all 0.4s ease-in;
     cursor: pointer;
 }

 .grid-btn.active {
     color: var(--primary-color);
     /* border: 1px solid var(--primary-color) */
 }

 .sort-by-select {
     position: relative;
     display: flex;
     align-items: end;
     gap: 6px;
 }

 .sort-by-select select {
     background: transparent;
     border: none;
     font-size: 16px;
     font-weight: 400;
     font-family: var(--font-main);
     color: var(--brand-color-dark);
     padding: 5px;
     cursor: pointer;
     appearance: none;
     width: 150px;
     border: none;
     outline: none;
 }


 .sort-by-select::after {
     content: "\ea4e";
     font-family: "remixicon";
     color: var(--brand-color-dark);
     position: absolute;
     right: 0;
     font-weight: 900;
     font-size: 16px;
     top: 3px;
     /* transform: translateY(-50%); */
 }



 a.filter-btn.popup-trigger {
     color: var(--brand-color-dark);
 }

 .shop-card {
     position: relative;
 }

 .heart-icn {
     position: absolute;
     top: 16px;
     right: 16px;
     color: black;
     z-index: 9;
 }

 .shop-card img {
     width: 100%;
     object-fit: cover;
     height: 294px;
 }

 .color-variety-wrap {
     gap: 16px;
 }

 .color-variety-wrap .color {
     width: 35px;
     height: 35px;
     border-radius: 100vmax;
     cursor: pointer;
 }

 .color.c1 {
     background: #9C4A1A;
 }

 .color.c2 {
     background: #F26060;
 }

 .color.c3 {
     background: #E09A32;
 }

 .color.c4 {
     background: #37BC7C;
 }

 .color.c5 {
     background: #556FF6;
 }

 .color.c6 {
     background: #0C0C0C;
 }

 .color.c7 {
     background: #D4B483;
 }

 .color.c8 {
     background: #EBDDAD;
 }

 .color.c9 {
     background: #B21616;
 }

 .color.c10 {
     background: #A61DD4;
 }

 .product-grid-col {
     row-gap: 40px;
     column-gap: 12px;
 }

 .product-grid-col {
     display: grid;
     gap: 40px 12px;
 }

 .product-grid-col>a {
     transition: transform 0.45s cubic-bezier(.22, .61, .36, 1);
     will-change: transform;
 }

 .product-grid-col.grid.cols-2 a img {
     height: 450px;
 }

 /* ================== Subs-Section ================== */
 .swiper {
     width: 100%;
     height: 100%;
 }

 /* .swiper-slide {
     display: flex;
     justify-content: center;
     align-items: center;
 } */

 .story-slider .swiper-slide {
     filter: grayscale(1);
     transition: transform 0.35s ease-in-out;
 }

 .story-slider .swiper-slide-active {
     filter: grayscale(0);
     z-index: 2;
 }

 .story-slider .swiper-slide img {
     width: 280px;
     height: 280px;
     object-fit: cover;
 }


 .swiper-slide img {
     display: block;
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 /* .thumbnail-slider-wrap .swiper {
     width: 100%;
     height: max-content;
     margin-left: auto;
     margin-right: auto;
 } */

 .thumbnail-slider-wrap .swiper-slide {
     background-size: cover;
     background-position: center;
 }

 .thumbnail-slider-wrap .mySwiper2 {
     height: 640px;
     width: 100%;
     border-radius: 8px;
 }

 .all-filter-wrapper .color:has(input:checked) {
     border: 1px solid #000;
 }

 .thumbnail-slider-wrap .small-thumb-slider {
     overflow: visible;
     width: 84px;
     margin: initial;
     transform: none !important;
 }

 .thumbnail-slider-wrap .mySwiper .swiper-slide {
     width: 25%;
     height: 96px;
     /* opacity: 0.4; */
 }

 .thumbnail-slider-wrap .mySwiper .swiper-slide-thumb-active {
     opacity: 1;
     border: 3px solid var(--primary-color);
     border-radius: 8px;
 }

 .thumbnail-slider-wrap .swiper-slide img {
     display: block;
     width: 100%;
     height: 100%;
     object-fit: cover;
     object-position: top center;
     border-radius: 8px;
 }

 .thumbnail-slider-wrap {
     min-width: 1px;
     width: 100%;
     flex-direction: row-reverse;
     display: flex;
     gap: 8px;
     height: 752px;
 }

 .small-swiper-wrapper {
     flex-direction: column;
     gap: 16px;
 }

 .small-swiper-wrapper .swiper-slide {
     width: 100% !important;
     border: 3px solid transparent;
 }

 .thumbnail-slider-wrap .mySwiper .product-detail-col .product-title {
     font-size: 35px;
 }

 .final-price .offer {
     margin-top: 16px;
     text-decoration: line-through;
     text-decoration-color: var(--site-color);
 }

 .stock-wrapper,
 .stock-wrapper i {
     color: #65A30D;
 }

 .product-detail-col .proudct-info {
     font-family: var(--heading-font);
 }

 .star-wrapper i {
     color: #E0B151;
 }

 .filter-options {
     display: flex;
     gap: 8px;
     flex-wrap: wrap;
     margin-top: 8px;
 }

 .filter-options label {
     position: relative;
     display: flex;
     align-items: center;
     cursor: pointer;
 }

 .filter-options input[type="radio"] {
     display: none;
 }

 .filter-options span {
     width: 49px;
     height: 49px;
     background: #ECE9D5;
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .filter-options span {
     background-color: var(--bg-smokey-light);
     color: #212121;
     font-size: 16px;
     transition: all 0.3s ease;
     font-weight: 500 !important;
     font-weight: var(--body-text);
     white-space: nowrap;
 }

 .filter-options input[type="radio"]:checked+span {
     background-color: var(--primary-color);
     color: var(--white-color);
 }

 #quanity {
     appearance: none;
     background: #F6ECDF;
     height: 55px;
     width: 78px;
     text-align: left;
     padding-left: 30px;
     background-image: url(../images/fitler-dd-icn.svg);
     background-repeat: no-repeat;
     background-position: right 16px center;
     border: none;
     outline: none;
     font-size: var(--text-base);
     color: var(--primary-color);
     cursor: pointer;
 }

 .shop-btn-wrap a {
     width: 100%;
     text-align: center;
     justify-content: center;
     align-items: center;
     border-radius: 8px;
     text-transform: uppercase;
     font-weight: 500;
     height: 52px;
 }

 .accordion {
     overflow: hidden;
 }

 .accordion.active {
     display: block;
 }

 .product-accordian-container .accordion-item {
     background: rgba(212, 180, 131, 0.2);
     padding: 16px;
     border-radius: 8px;
 }

 .product-accordian-container .accordion-item+.accordion-item {
     margin-top: 16px;
 }


 .accordion-header {
     cursor: pointer;
     display: flex;
     justify-content: space-between;
     align-items: center;
     font-size: var(--text-base);
     font-weight: normal;
     line-height: 1.3;
     color: var(--black-color);
 }

 .accordion-header h3 {
     text-transform: capitalize;
 }

 .accordion-content {
     padding-bottom: var(--site-gutters);
     display: none;
     color: var(--light-color);
     font-size: var(--body-text);
     letter-spacing: -0.5px;
     margin-top: 12px;
 }

 .faq-icon {
     font-size: 20px;
     width: 24px;
     height: 24px;
     position: relative;
     transition: all .4s;
     color: var(--brand-color-dark);
 }

 .accordion-header.active .faq-icon,
 .sub-accordion-header.active .faq-icon {
     transform: rotate(180deg);
 }

 .designer-img {
     width: 108px;
     height: 95px;
 }

 .designer-name {
     font-size: 22px;
     font-weight: 500;
     line-height: 1.3;
 }


 .trending-slider .product-info {
     text-align: left;
 }

 .trending-section .section-header {
     max-width: 844px;
     width: 100%;
     margin-inline: auto;
 }

 .benefit-section.bg-primary {
     background: var(--brand-color-dark);
 }

 .benefit-section .section-header {
    min-width: 350px;
 }

 .all-filter-wrapper .color {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 34px;
     height: 34px;
 }

 .all-filter-wrapper .color input {
     display: none;
 }


 .social-link h3 {
     font-size: 16px;
     font-weight: 700;
 }

 .address-wrapper {
     max-width: 940px;
     margin-inline: auto;
     width: 100%;
     gap: 40px;
 }

 .map {
     max-width: 521px;
     width: 100%;
     overflow: hidden;
 }

 .map iframe {
     width: 100%;
     height: 456px;
     border-radius: 8px;
 }

 .social-link a,
 .social-link p {
     color: var(--brand-color-dark);
     position: relative;
     font-size: 16px;
     transition: all 0.4s ease-in;
 }

 .social-link a::before {
     content: '';
     position: absolute;
     bottom: 0;
     left: 0;
     background: var(--primary-color);
     height: 2px;
     width: 0%;
     transition: all 0.2s ease-in;
 }

 .social-link a:hover:before {
     width: 100%;
 }

 .social-link a:hover {
     color: var(--primary-color);
 }

 .contact-section .bg-f-white {
     padding-block: 64px;
     padding-inline: 16px;
     border-radius: 8px;
 }

 .contact-form {
     width: 100%;
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     gap: 16px;

     & {

         input[type="text"],
         input[type="email"],
         textarea {
             display: block;
             width: 100% !important;
             border: 1px solid #D4B483;
             height: var(--inpt-field-ht);
             padding: 12px 16px;
             font-family: var(--font-main);
             color: var(--brand-color-dark);
             font-size: var(--text-base);
             outline: none;
             border-radius: 8px;
             border: 1px solid #D4B483;
             background: #FFFAF6;
         }

         textarea {
             height: 124px;
         }

         input::placeholder,
         textarea::placeholder {
             font-family: var(--font-main);
             color: var(--brand-color-dark);
             font-size: var(--text-base);
         }

         input[type="checkbox"] {
             appearance: none;
             width: 24px;
             height: 24px;
             background: white;
             border-radius: 4px;
             position: relative;
             transition: all 0.3s ease;
             border: 1px solid #D4B483;
         }

         input[type="checkbox"]:checked {
             background-color: var(--primary-color);
             border: 2px solid var(--primary-color)
         }

         input[type="checkbox"]:checked::after {
             content: '';
             position: absolute;
             top: 49%;
             left: 50%;
             transform: translate(-50%, -50%) rotate(45deg);
             width: 4px;
             height: 9px;
             border: solid var(--white-color);
             border-width: 0 2px 2px 0;
         }

         input[type="submit"] {
             width: 100%;
             margin-top: 16px;
             height: var(--inpt-field-ht);
         }

         form {
             display: flex;
             flex-direction: column;
             gap: 16px;
         }

         div#wpcf7-f164-o1 {
             width: 100%;
         }

         .wpcf7-list-item {
             margin: 0 !important;
         }

         .wpcf7-list-item label {
             display: flex;
             align-items: center;
             gap: 8px;
         }

         .wpcf7 form .wpcf7-response-output {
             margin: 0 !important;
         }
     }
 }

 .cta-form-section .contact-form {
     flex-direction: row;
     align-items: center;
     gap: 8px;
 }

 .cta-form-section .contact-form input[type="email"] {
     border: none;
     max-width: 360px;
     width: 100%;
 }

 .cta-form-section .cta-hero-img {
     filter: brightness(0.3);
 }

 .cta-form-section .contact-form .site-btn {
     margin-top: initial;
     width: max-content;
 }

 .cta-form-section .site-common-content {
     max-width: 780px;
     gap: 8px;
 }

 .contact-img {
     height: 546px;
 }

 .contact-img img {
     height: 100%;
     border-radius: 8px;
 }

 .team-content-wrapper {
     cursor: pointer;
 }

 .designer-section h3 {
     font-size: 35px;
 }

 .designer-section .team-img {
     max-width: 408px;
     height: 361px;
     width: 100%;
     object-fit: cover;
 }

 .designer-section .team-popup-img img {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 .designer-section .card-title {
     color: var(--primary-color);
     text-transform: uppercase;
     font-size: 16px;
     font-weight: 700;
 }

 .designer-section .team-slide-content {
     justify-content: space-evenly;
 }

 .team-popup-inner,
 .trainer-popup-inner {
     position: relative;
     max-width: 1100px;
     width: 100%;
 }

 .team-slide-content.bg-primary {
     color: white;
     padding: 36px 36px;
     display: flex;
     flex-direction: column;
     gap: 20px;
 }

 .team-slide-content.bg-primary p {
     font-size: 22px;
 }

 .team-popup-outer-layer,
 .trainer-popup-outer-layer {
     position: fixed;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     display: flex;
     justify-content: center;
     align-items: center;
     background-color: #000000CC;
     padding: 40px;
     z-index: 99;
 }

 .team-popup-outer-layer,
 .trainer-popup-outer-layer {
     opacity: 0;
     visibility: hidden;
     transition: 0.3s ease;
 }

 .team-popup-outer-layer {
     opacity: 0;
     visibility: hidden;
     transition: 0.3s ease;
 }

 .team-popup-outer-layer.active {
     opacity: 1;
     visibility: visible;
 }

 .popup-cross-icn-team {
     position: absolute;
     right: 0;
     font-size: 48px;
     top: -10px;
     color: white;
     cursor: pointer;
     z-index: 99;
 }

 .popup-grid img {
     width: 100%;
     height: 110px;
     object-fit: cover;
 }

 .grid-shop-btn a {
     color: white;
     border-bottom: 3px solid var(--white-color);
     font-weight: 500;
 }

 .desginer-slider-section h3 {
     font-family: var(--font-main);
     font-weight: 500;
     margin-bottom: 4px;
     margin-top: 8px;
 }

 .desginer-slider-section .designer-info-card {
     text-align: left;
 }

 .desginer-slider-section .designer-info-card img {
     height: 350px;
     width: 100%;
     object-fit: cover;
 }

 .designer-slider {
     padding-top: 24px !important;
     padding-bottom: 60px !important;
 }

 .swiper-pagination-bullet {
     background: #FAD1AF !important;
     opacity: 1 !important;
 }

 .swiper-pagination-bullet-active {
     background: var(--brand-color-dark) !important;
 }

 .standard-section .standard-img {
     width: 100%;
     object-fit: cover;
     height: 640px;
 }

 .standard-section .standard-content .flex-row {
     padding-block: 16px;
     padding-inline: 24px;
 }

 .standard-section .standard-content h3 {
     font-size: 22px;
 }

 .stuff-wrapper .stuff-icn {
     width: 50px;
     height: 50px;
 }

 .payment-section .site-container {
     max-width: 870px;
 }

 .tab-pallet {
     display: none;
 }

 .tab-pallet.active {
     display: block;
 }

 .num-list,
 .num-list h3 {
     font-size: 22px;
     margin-bottom: 4px;
     font-weight: 500;
 }

 .num-list li {
     padding-left: 8px;
 }

 .privacy-section h3 {
     font-size: var(--h3);
     font-family: var(--font-main);
 }

 .privacy-section p {
     font-size: var(--text-base);
 }

 .tagline span {
     display: block;
     font-size: 16px;
     text-transform: uppercase;
     font-weight: 700;
 }

 .tagline h4 {
     font-family: var(--section-heading-font);
     font-size: 24px;
     text-transform: capitalize;
     line-height: 1.2;
     font-weight: 500;
 }

 .visual-product img {
     width: 110px;
     height: 100px;
     object-fit: cover;
     border-radius: 8px;
 }

 .cart-items-wrapper,
 .cart-btn-wrapper,
 .add-items {
     display: flex;
 }

 .add-items {
     flex-direction: column;
     gap: 16px;
     align-items: flex-end;
 }

 .cart-btn-wrapper a,
 .cart-btn-wrapper p {
     width: 40px;
     height: 40px;
     display: inline-flex;
     justify-content: center;
     align-items: center;
     line-height: 1;
     font-size: var(--text-base);
 }

 .cart-btn-wrapper a {
     background: #ECE9D5;
     color: var(--brand-color-dark);
     border-radius: 4px;
 }

 .edit-btn {
     align-self: flex-end;
     font-size: var(--text-base);
     color: var(--brand-color-dark);
     border-bottom: 3px solid var(--brand-color-dark);
     font-weight: 500;
     text-transform: uppercase;
 }

 .cart-section .cart-summary-col .flex-row+.flex-row {
     border-top: 1px solid #171717;
     padding-top: 24px;
     margin-top: 24px;
 }

 .promo-code-wrapper input[type="text"] {
     width: 100%;
     border: none;
     border-bottom: 1px solid var(--brand-color-dark);
     height: 63px;
     background: none;
 }

 .promo-code-wrapper {
     position: relative;
 }

 .promo-code-wrapper input[type="text"],
 .promo-code-wrapper input[type="text"]::placeholder {
     font-family: var(--font-main);
     color: var(--brand-color-dark);
     font-size: var(--text-base);
 }

 .promo-code-wrapper .ul-btn {
     position: absolute;
     top: 50%;
     right: 0;
     transform: translateY(-50%);
     cursor: pointer;

 }

 .ul-btn {
     display: inline-block;
     padding-bottom: 1px;
     border-bottom: 3px solid var(--brand-color-dark);
     font-family: var(--font-main);
     font-size: var(--text-base);
     color: var(--brand-color-dark);
     font-weight: 500;
     background: transparent;
     text-transform: uppercase;
 }

 .product-price-window,
 .order-summary-col .site-list {
     font-size: var(--text-base);
     color: var(--brand-color-dark);
 }

 .order-divider {
     height: 1px;
     width: 100%;
     background: #171717;
 }

 .grand-total {
     font-size: 22px;
     font-weight: 500;
 }

 :where(.woocommerce) .select2-container .select2-selection {
     border: none !important;
 }

 .checkout-section .form-row label,
 :where(.woocommerce) .select2-container .select2-selection--single .select2-selection__rendered {
     color: var(--brand-color-dark);
 }

 .checkout-section .checkout-form-col {
     & {

         .select2-selection.select2-selection--single {
             display: block;
             width: 100% !important;
             height: var(--inpt-field-ht);
             padding: 12px 16px;
             font-family: var(--font-main);
             color: var(--brand-color-dark);
             font-size: var(--text-base);
             outline: none;
             border-radius: 8px;
             background-color: #F6F0E6 !important;
             background: #F6F0E6 !important;
         }

         .select2-selection__rendered {
             padding: initial !important;
             border: none !important;
         }

         input[type="text"],
         input[type="email"],
         input[type="tel"],
         .login-alert {
             display: block;
             width: 100%;
             background: #F6F0E6;
             font-size: var(--text-base);
             font-family: var(--font-main);
             color: var(--brand-color-dark);
             height: 56px;
             padding: 16px 24px;
             border-radius: 8px;
             border: none !important;
         }

         input::placeholder {
             font-size: var(--text-base);
             font-family: var(--font-main);
             color: var(--brand-color-dark);
         }

         input[type="submit"] {
             width: 100%;
             margin-top: 24px;
         }

         .login-alert {
             margin-bottom: 8px;
         }
     }
 }

 .order-summary-col .visual-product+.visual-product {
     border-top: 1px solid var(--black-color);
     margin-top: 16px;
     padding-top: 16px;
 }

 .cart-section .order-summary-col {
     position: sticky;
     top: 0;
     left: 0;
 }

 .checkout-section .instructions {
     padding-top: 24px;
     border-top: 1px solid var(--brand-color-dark);
     margin-top: 24px;
 }

 /* .checkout-section .tagline h4 {
     font-size: var(--text-base);
 } */

 .popup-form-outer-layer {
     background-color: #000000CC;
     width: 100%;
     height: 100%;
     position: fixed;
     top: 0;
     left: 0;
     z-index: 9;
     /* padding: 20px; */
     height: 100%;
     display: none;
     flex-direction: column;
     justify-content: flex-end;
     align-items: flex-end;
     z-index: 999;
 }

 .popup-form {
     max-width: 360px;
     /* height: 500px; */
     overflow-y: auto;
     overflow-x: hidden;
     scroll-behavior: smooth;
     scrollbar-width: none;
     -ms-overflow-style: none;
     width: 100%;
     /* margin-inline: auto; */
     position: relative;
     gap: 8px !important;
     padding-block: 60px;
     padding-inline: 40px;
 }

 .popup-form .form {
     gap: 8px;
 }

 .popup-form h2 {
     font-size: 32px;
 }

 .popup-form .popup-cross-icn {
     position: absolute;
     right: 16px;
     font-size: 48px;
     top: 0px;
     color: var(--black-color);
     cursor: pointer;
     z-index: 1000;
 }

 /* .popup-form-outer-layer.active {
     display: flex;
 } */

 .popup-form input[type="submit"] {
     margin-top: 16px;
 }

 .filter-heading p {
     font-size: var(--h2);
     color: var(--black-color);
 }

 .stock-btn {
     & {
         .switch {
             position: relative;
             display: inline-block;
             width: 44px;
             height: 20px;
         }

         .switch input {
             opacity: 0;
             width: 0;
             height: 0;
         }

         .slider {
             position: absolute;
             cursor: pointer;
             top: 0;
             left: 0;
             right: 0;
             bottom: 0;
             background-color: #F9F2E8;
             -webkit-transition: .4s;
             transition: .4s;
         }

         .slider:before {
             position: absolute;
             content: "";
             height: 15px;
             width: 15px;
             left: 2px;
             bottom: 1.5px;
             background-color: var(--brand-color-dark);
             -webkit-transition: .4s;
             transition: .4s;
         }

         input:checked+.slider {
             background-color: var(--brand-color-dark);
             border: 1px solid var(--brand-color-dark);
         }

         input:focus+.slider {
             box-shadow: 0 0 1px var(--brand-color-dark);
         }

         input:checked+.slider:before {
             -webkit-transform: translateX(23px);
             -ms-transform: translateX(23px);
             transform: translateX(23px);
             background-color: var(--white-color);
         }

         /* Rounded sliders */

         .slider.round {
             border-radius: 34px;
             border: 1px solid var(--brand-color-dark);
         }

         .slider.round:before {
             border-radius: 50%;
         }
     }
 }

 .range-wrap input[type="range"] {
     width: 100%;
     appearance: none;
     -webkit-appearance: none;
     height: 6px;
     background: var(--brand-color-dark);
     border-radius: 100vmax;
     outline: none;
 }

 .range-wrap input[type="range"]::-webkit-slider-thumb {
     appearance: none;
     width: 18px;
     height: 18px;
     border-radius: 50%;
     background: var(--brand-color-dark);
     cursor: pointer;
     border: none;
 }

 .range-values {
     display: flex;
     align-items: center;
     gap: 24px;
     margin-top: 16px;
 }

 .range-wrap::-webkit-slider-runnable-track {
     height: 6px;
     background: white;
     /* 👈 change track color here */
     border-radius: 100vmax;
 }

 .range-values input {
     background: transparent;
     border: 1px solid var(--brand-color-dark);
     height: 45px;
     padding-left: 16px;
     width: 100%;
 }

 .range-values input,
 .range-values input::placeholder {
     color: var(--brand-color-dark);
     font-weight: var(--text-base);
     font-family: var(--font-main);
 }

 .minus-divi {
     height: 1px;
     width: 8px;
     background: var(--brand-color-2);
 }

 body.popup-open {
     overflow: hidden !important;
 }

 /* .popup-form-outer-layer {
  height: 100vh;
} */

 .popup-form {
     height: 100vh;
     overflow-y: auto;
     overscroll-behavior: contain;
 }

 .variant-thumb label {
     cursor: pointer;
 }

 .variant-thumb input[type="radio"] {
     display: none;
 }

 .variant-thumb input[type="radio"]:checked+img {
     border-radius: 4px;
     border: 2px solid #9C4A1A;
     box-shadow: 5px 4px 9px rgba(0, 0, 0, 0.25);
     cursor: pointer;
 }

 .variant-thumb img {
     width: 100%;
     height: 150px;
     object-fit: cover;
     border-radius: 4px;
     border: 2px solid transparent;
 }

 .all-filter-wrapper h3 {
     text-transform: capitalize;
     margin-bottom: 16px;
 }

 .shipping-detail a {
     color: var(--brand-color-dark);
     font-weight: 500;
     display: none;
 }

 .accordion-content ul {
     list-style: disc;
     padding-left: 24px;
     display: flex;
     flex-direction: column;
     gap: 8px;
 }

 .feature-slider-2 .swiper-slide img {
     height: 400px;
 }

 .visual-product-row,
 .order-summary-col,
 .tagline h4 {
     color: var(--brand-color-dark);
 }

 .cart-title,
 .checkout-section h3 {
     font-size: 28px;
     font-family: var(--section-heading-font) !important;
     font-weight: 500 !important;
     line-height: 1.2;
     text-transform: capitalize;
     text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
     color: var(--brand-color-dark) !important;
 }


 .woocommerce-shipping-fields span {
     color: var(--brand-color-dark);
 }

 .checkout-confirm p>i {
     color: var(--brand-color-dark);
 }

 .checkout-confirm .flex-row {
     display: none;
 }

 .login-alert {
     background: #D4B483 !important;
 }

 .checkout-form-col {
     color: var(--black-color);
 }
/* 
 .privacy-header h2 {
     text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
 } */

 .privacy-section {
     color: var(--brand-color-dark);
 }

 .privacy-content {
     gap: 8px;
 }

 .privacy-section h3,
 .pirvacy-content-wrapper h4 {
     font-family: var(--section-heading-font);
     font-weight: 400;
     font-size: 28px;
     line-height: 1.2;
     color: var(--brand-color-dark) !important;
 }

 .pirvacy-content-wrapper h4 {
     font-size: 24px;
     font-weight: 500;
     text-transform: capitalize;
 }

 .privacy-content ul {
     list-style: disc;
     padding-left: 20px;
     display: flex;
     flex-direction: column;
     gap: 8px;
 }

 .privacy-content.num-list-2 ul {
     list-style: decimal;
 }

 .privacy-content a {
     color: var(--black-color);
     text-decoration: underline;
 }

 .thanks-page {
     padding-top: 96px;
     padding-bottom: 60px;
 }

 .thanks-page h3 {
     font-family: var(--section-heading-font);
     text-transform: capitalize;
 }

 .blog-card h3,
 .blog-card h4 {
     font-family: var(--section-heading-font);
     text-transform: initial;
 }

 .blog-card .blog-img {
     height: 400px;
 }

 .blog-card h4 {
     font-size: 18px;
     line-height: 1;
     margin-bottom: 2px;
 }

 .blog-card .admin-img {
     width: 48px;
     height: 48px;
     border-radius: 100vmax;
     object-position: top;
 }

 .blog-content .grid {
     row-gap: 48px;
     column-gap: 16px;
 }

 .blog-card .description {
     color: var(--site-color);
 }

 .single-blog-content {
     padding-block: 60px;
 }

 .single-blog-content p {
     font-size: var(--text-base);
 }

 .single-blog-content h3 {
     font-size: 28px;
     font-family: var(--section-heading-font);
     text-transform: capitalize;
     font-weight: 500;
     margin-bottom: -14px;
     margin-top: 8px;
 }

 .blog-header-img {
     max-height: 400px;
     height: 100%;
     margin-block: 8px;
     border-radius: 8px;
 }

 .single-blog-content .site-container {
     max-width: 700px;
 }

 .blog-switcher a {
     color: var(--primary-color);
     font-weight: 500;
 }

 .woocommerce-checkout .woocommerce-error {
     border-top-color: var(--brand-color-dark) !important;
 }

 .woocommerce-info,
 .woocommerce-info::before,
 .woocommerce-message,
 .woocommerce-message::before {
     border-top-color: var(--brand-color-dark) !important;
     color: var(--brand-color-dark) !important;
 }

 .woocommerce-message a {
     font-weight: 500;
 }

 .return-to-shop a.button.wc-backward {
     background: var(--brand-color-dark) !important;
     color: var(--white-color) !important;
     font-weight: 500 !important;
 }

 .stories-section p {
     color: var(--brand-color-dark) !important;
 }

 .wpcf7-list-item-label {
     color: var(--brand-color-dark);
 }

 .woocommerce-checkout article h1,
 .woocommerce-cart article h1 {
     display: none;
 }

 .com-container {
     max-width: 1200px;
     margin-inline: auto;
     border-radius: 16px;
 }

 .proccess-bg {
     background: url(../images/proccess-bg.jpg) no-repeat;
     background-size: cover;
     color: var(--white-color);
 }

 .proccess-bg .subtitle-text,
 .proccess-bg h2,
 .custm-section .subtitle-text,
 .custm-section h2,
 .custm-section p {
     color: var(--white-color);
 }

 .pro-card {
     background: var(--body-bg-color);
     color: var(--brand-color-dark);
     padding-block: 16px;
     padding-inline: 24px;
     border-radius: 12px;
 }

 .pro-card .body-text {
    line-height: 1.4;
    font-size: 22px;
    margin-top: 4px;
 }

 .pro-card img {
     margin-bottom: 8px;
 }

 .pro-content h3 {
     text-transform: initial;
     color: var(--brand-color-dark);
     font-weight: 700;
 }

 .pro-card .step {
     letter-spacing: 1.4px;
     margin-bottom: 6px;
     font-size: 16px;
 }

 .un-section .btn-group {
     justify-content: flex-start;
 }

 .un-section {
     background: #F9F2E8;
     margin-block: 24px;
 }

 .custm-section .grid img {
     height: 580px;
     width: 100%;
     object-fit: cover;
     border-radius: 12px;
 }

 .custm-section {
     background: url(../images/custm-bg.jpg) no-repeat;
     background-size: cover;
 }

 .custm-section .check-list {
     flex-direction: row;
     justify-content: space-between;
     padding-left: 8px;
     color: var(--white-color);
 }

 .checklist-wrapper i {
     color: var(--white-color);
     font-size: 22px;
 }

 .checklist-wrapper p {
     font-size: 28px;
 }

 .custm-section .site-btn {
     background: var(--white-color) !important;
     color: var(--brand-color-dark);
     border-color: var(--white-color) !important;
 }

 .custm-section .site-btn:hover {
     background: var(--brand-color-dark) !important;
     color: var(--white-color) !important;
 }

 .custm-section .site-btn-outline:hover {
     background: var(--white-color) !important;
     color: var(--brand-color-dark) !important;
 }

 .custm-section .site-btn-outline {
     border-color: var(--white-color) !important;
     color: var(--white-color) !important;
 }

 .cart-count {
     border-radius: 100%;
     width: 16px;
     height: 16px;
     position: absolute;
     top: -6px;
     right: -8px;
     align-items: center;
     background: black;
     color: white;
     font-weight: 500;
     display: inline-flex;
     font-size: 12px;
     justify-content: center;
 }

 .product-hype-wrapper {
     display: none;
 }

 .final-price .product-title {
     display: flex;
     flex-direction: row-reverse;
     gap: 8px;
     align-items: center;
 }

 ins {
     text-decoration: none !important;
 }

 .woocommerce-notices-wrapper {
     display: none;
 }

 .subs-form form {
     flex-direction: row !important;
     position: relative;
 }

 .subs-form .wpcf7-response-output {

     position: absolute;
     bottom: -40px;
     left: 0;
 }

 .subs-form .wpcf7-not-valid-tip {
     text-align: left;
 }

 .subs-form .wpcf7-spinner {
     display: none;
 }

 .policy-tab-section h3,
 .policy-tab-section h4 {
     font-family: var(--section-heading-font);
     text-transform: capitalize;
     color: var(--brand-color-dark);
     font-weight: 400;
 }

 .policy-tab-section h3 {
     font-size: 28px;
 }

 .policy-tab-section h4 {
     font-size: 24px;
     font-weight: 500;
 }

 .policy-tab-section .tab-btn-group {
     justify-content: initial;
 }

 .policy-tab-section .tab-btn {
     max-width: max-content;
 }

 .policy-tab-section ul {
     list-style: disc;
     padding-left: 16px;
 }

 .policy-tab-section {
     padding-top: initial;
 }

 .product-card .price del {
     display: none;
 }

 .product-card {
     gap: 24px;
 }

 .final-price .product-title del {
     font-size: 16px !important;
     margin-top: 8px;
     font-weight: 500;
 }

 .woocommerce-error li a {
     color: var(--brand-color-dark) !important;
 }


 .switcher-img {
     position: relative;
 }

 .switch-img-2 {
     position: absolute;
     top: 0;
     left: 0;
     opacity: 0;
 }

 .product-card:hover .switch-img-2 {
     opacity: 1;
 }

 .swal2-icon.swal2-success [class^=swal2-success-line] {
     background-color: rgb(82 167 35) !important;
 }

 .swal2-icon.swal2-success .swal2-success-ring {

     border: .25em solid rgb(82 167 35) !important;
 }

 .swal2-close {
     color: var(--brand-color-dark) !important;
     font-weight: bold;
 }

 .swal2-icon.swal2-error {
     color: red !important;
     border-color: red !important;
 }

 .swal2-content {
     font-family: var(--font-main) !important;
     font-size: var(--text-base) !important;
     color: var(--brand-color-dark) !important;
     padding: initial !important;
 }

 .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
     background-color: red !important;
 }

 .swal2-loader {
     border-color: var(--brand-color-dark) transparent var(--brand-color-dark) transparent !important;
 }

 .swal2-timer-progress-bar {
     background: hsla(23, 31%, 34%, 0.4) !important;
 }



/* Munish style */
.custom-slider{display: flex;flex-direction: column;max-width: 100%;}
.thumbnail-slider-wrap .varswiper {height: 640px;width: 100%;border-radius: 8px;}
.thumbnail-slider-wrap .varthumbswiper {overflow: visible;width: 84px;margin: initial;transform: none !important;}
.slide-flex {min-width: 1px;width: 100%;flex-direction: row-reverse;display: flex;gap: 8px;height: 752px;}
.small-swiper-wrapper .swiper-slide{height: 80px;}
/* Munish style */

.weavers-section .grid {
    gap: 20px;
}

.weavers-section h3 {
    font-size: 14px;
    font-weight: 700;
}

.craft-card h3 {
    font-size: 16px;
}

.abt-box-content {display: flex;flex-direction: column;gap: 30px;}
.abt-box-content p{font-size: 16px;color: var(--brand-color-dark);}
.abt-box-content ul{display: flex;gap: 10px;flex-direction: column;}
.abt-box-content ul li{font-size: 16px;color: var(--brand-color-dark);display: flex;gap: 10px;line-height: 1.5;}
.abt-box-content ul li img{max-width: 22px;}

.location-box-wrap{display: flex;gap: 30px;justify-content: space-between;}
.location-box-wrap h4{font-size: 14px;color: var(--brand-color-dark);text-transform: uppercase;margin-bottom: 15px;}
.location-box-wrap p{font-size: 18px;color: var(--brand-color-dark); line-height: 1.5;}
.location-box-wrap .divider{width: 1px;background: var(--brand-color-dark);opacity: .2;min-width: 1px;}

.location-box{max-width: 220px;}

.bespoke-title{font-size: 64px !important;}

.bespoke-extra-text{text-align: center;}
.bespoke-extra-text p{color: var(--white-color);font-size: 22px;font-weight: 500;}
.bespoke-extra-text h3{color: var(--white-color);font-size: 35px;font-weight: 500;text-transform: none;line-height: 1;}

.checklist-2{flex-wrap: wrap;column-gap: 30px;}
.size-28{font-size: 28px !important;}

.return-btn{display: flex;gap: 8px;}
.return-btn:hover{background: var(--brand-color-dark); color: var(--white-color);}