/**************************************
                General
**************************************/
:root {
    --animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --animation-duration: 1s;
    --gold: #ffffff;
  }

*,
*::before,
*::after {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

html {
    font-size: 100%;
    box-sizing: inherit;
    scroll-behavior: smooth;
    height: -webkit-fill-available;
}
html.lenis, html.lenis body {
    height: auto;
  }
  
  .lenis.lenis-smooth {
    scroll-behavior: auto !important;
  }
  
  .lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain;
  }
  
  .lenis.lenis-stopped {
    overflow: hidden;
  }
  
  .lenis.lenis-smooth iframe {
    pointer-events: unset;
  }
html::-webkit-scrollbar {
    width: 6px;
    background-color: #ef5da45e;
}

html::-webkit-scrollbar-thumb {
    background-color: #EF5DA3;
    border-radius: 50rem;
}

a,
button {
    cursor: pointer;
    border: none;
    outline: none;
    user-select: none;
    background: none;
    box-shadow: none;
}

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

body {
    font-size: 18px;
    font-family: 'Euclid Circular A Regular';
    font-weight: normal;
    color: #000;
}

a,
a:hover,
a:focus {
    color: #EF5DA3;
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    text-decoration: none;
}

h1,
h2,
h3,
h4{
    font-family: 'Fontspring DEMO mersin regular';
    font-weight: normal;
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
}

main {
    overflow: clip;
}

img {
    max-width: 100%;
    height: auto;
    transition: all .5s;
}

.w-100 {
    width: 100% !important;
}

.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

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

.container-fluid {
    padding: 0 30px;
}


/* Enable view transitions for navigation */
@media(prefers-reduced-motion: no-preference) {
    @view-transition {
        navigation: auto;
    }
}

/* Basic settings for all animations */
::view-transition-group(*) {
    animation-duration: 0.8s;
    animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
    animation-fill-mode: both;
}
/* ========================
    PARALLAX DEPTH TRANSITION
   ======================== */

::view-transition-old(root) {
    animation: parallaxDepthOut 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

::view-transition-new(root) {
    animation: parallaxDepthIn 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

@keyframes parallaxDepthOut {
    0% { 
        transform: perspective(1000px) translateZ(0px) rotateX(0deg);
        opacity: 1;
        filter: blur(0px) brightness(1);
    }
    50% {
        transform: perspective(1000px) translateZ(-300px) rotateX(-15deg);
        opacity: 0.6;
        filter: blur(5px) brightness(0.7);
    }
    100% { 
        transform: perspective(1000px) translateZ(-600px) rotateX(-30deg);
        opacity: 0;
        filter: blur(15px) brightness(0.3);
    }
}

@keyframes parallaxDepthIn {
    0% { 
        transform: perspective(1000px) translateZ(600px) rotateX(30deg);
        opacity: 0;
        filter: blur(15px) brightness(1.5);
    }
    50% {
        transform: perspective(1000px) translateZ(300px) rotateX(15deg);
        opacity: 0.6;
        filter: blur(5px) brightness(1.2);
    }
    100% { 
        transform: perspective(1000px) translateZ(0px) rotateX(0deg);
        opacity: 1;
        filter: blur(0px) brightness(1);
    }
}


/**************************************
         Animation
**************************************/
/* Keyframes */
@keyframes slideInUp {
    0% {
        opacity: 0;
        transform: translateY(25%);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

@keyframes slideInDown {
    0% {
        opacity: 0;
        transform: translateY(-25%);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

@keyframes slideInLeft {
    0% {
        opacity: 0;
        transform: translateX(25%);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

@keyframes slideInRight {
    0% {
        opacity: 0;
        transform: translateX(-25%);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale(0.75);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

@keyframes zoomReverseIn {
    0% {
        opacity: 0;
        transform: scale(1.25);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

@keyframes flipInY {
    0% {
        opacity: 0;
        transform: perspective(90vw) rotateY(67.50deg);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

/* Animations */
[data-animation] {
    opacity: 0;
    animation-timing-function: var(--animation-timing-function);
    animation-fill-mode: both;
    animation-duration: var(--animation-duration);
    will-change: transform, opacity;
}

/* Disable animation of the children */
.animations-disabled,
.animations-disabled [data-animation] {
    animation: none !important;
    opacity: 1 !important;
}

/* Slide Animations */
.slideInUp {
    animation-name: slideInUp;
}

.slideInDown {
    animation-name: slideInDown;
}

.slideInLeft {
    animation-name: slideInLeft;
}

.slideInRight {
    animation-name: slideInRight;
}

/* Fade Animations */
.fadeIn {
    animation-name: fadeIn;
}

/* Zoom Animations */
.zoomIn {
    animation-name: zoomIn;
}

.zoomReverseIn {
    animation-name: zoomReverseIn;
}

/* Flip Animations */
.flipInY {
    animation-name: flipInY;
}

.flipOutY {
    animation-name: flipInY;
    animation-direction: reverse;
}
.textarea{
    font-family: 'Helvetica';
}
/**************************************
                Helper Class
**************************************/

.sec-gap {
    padding: 50px 0;
}

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

.mb-20 {
    margin-bottom: 20px;
}
.mb-50{
    margin-bottom: 50px;
}
p {
color: #282828;
font-size: 18px;
font-style: normal;
font-weight: normal;
line-height: 161.111%;
}
.section-title{
    color: #121011;
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 102.083%;
    margin-bottom: 15px;
    span{
        position: relative;
        &:after,
        &:before{
            content: "";
            position: absolute;
            width: 190px;
            height: 1px;
            background-color: #000000;
            top: 50%;
            transform: translateY(-50%);
        }
        &:after{
          right: -200px;
        }
        &:before{
            left: -200px;
        }
    }
}
.sub-dec{
    color: #111;
    font-family: 'ABC Diatype';
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 113.333%;
    margin-bottom: 17px;
}
.divider{
    width: 121px;
    height: 9.943px;
    border-radius: 80px;
    border: 1px solid #ABB9AE;
    background: rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(2px);
    margin-bottom: 15px;
    display: inline-block;
}
strong{
    font-weight: bold;
}
  
.small-line {
    width: 68px;
    height: 2px;
    background-color: rgb(237, 143, 0);
    display: inline-block;
    margin-left: 6px;
    margin-top: 20px;
    margin-bottom: 24px;
}

.primary-btn {
    text-align: center;
    padding: 14px 39px;
    border: 0;
    border-radius: 0;
    transition: all 1s;
    display: inline-block;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    z-index: 1;
    background: #F8F8F8;
    color: #090909;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
}

  
.primary-btn:before,
.primary-btn:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    scale: 1 0;
    left: 0;
    background: #EF5DA3;
    z-index: -1;
    transition: all .35s;
    transform-origin: bottom;
    top: 0;
}

.primary-btn:before {
    opacity: .5;
}

.primary-btn:after {
    transition-delay: .2s;
}

.primary-btn:hover:before,
.primary-btn:hover:after {
    scale: 1 1;
}

.primary-btn:hover {
    color: #ffffff;
}

.primary-btn:focus {
    color: currentColor;
}
.outline-btn{
    border: 1px solid #000000;
    background: transparent;
    color: #000000;
    &::after,
    &::before{
        background-color: #000000;
    }

}
.container {
    max-width: 1400px;
}

.form-control {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    display: flex;
    align-items: center;
    color: #000000;
    padding: 12px 15px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border: 1px solid #C1C1C1;
    width: 100%;
    border-radius: 4px;
    outline: none;
}

.form-control:focus {
    border-color: rgb(48, 111, 94);
}

form .btn-group {
    justify-content: center;
}

.form-group {
    margin-bottom: 10px;
}

input,
input:focus {
    outline: none;
    box-shadow: none !important;
}

.form-control::placeholder {
    color: rgba(46, 49, 58, 0.5);
}

.form-group {
    position: relative;
}

.italic {
    font-style: italic;
}


/*******************************
	Menu
*******************************/
header {
    position: relative;
    width: 100%;
    top: unset;
    padding-top: 10px;
    padding-bottom: 15px;
    z-index: 999;
    background: #FFF;
}
header.sticky {
  background: #ffffff;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  animation: slideDown 0.45s ease-out;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);
  padding-block: 13px;
}

@keyframes slideDown {
    from {
        transform: translateY(-100%);
    }

    to {
        transform: translateY(0);
    }
}
.top-action {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

/* ══ NAVBAR ══ */
.main-navbar {
    position: relative;
}
.navbar-inner {
    background: #FFF;
}

/* Logo */
.logo-wrap {
    width: auto;
    height: auto;
    transition: ease-in-out 0.4s;
}
.user-action {
    display: flex;
    align-items: center;
    gap: 16px;
    a:hover,.search:hover{
      img{
                filter: brightness(0) saturate(100%) invert(55%) sepia(39%) saturate(3267%) hue-rotate(299deg) brightness(98%) contrast(90%);
      }
    }
}
.user-action {
    position: relative;
}
.user-action > a,
.user-action > button {
    position: relative;
    z-index: 2;
}
.search {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background-color .35s ease, box-shadow .35s ease, transform .35s ease;
}
.search.active {
    background: linear-gradient(135deg, rgba(239, 93, 163, 0.18), rgba(239, 93, 163, 0.32));
    box-shadow: 0 12px 28px rgba(239, 93, 163, 0.18);
    transform: translateY(-1px);
}
.header-search-box {
    position: absolute;
    top: calc(100% + 18px);
    right: 46px;
    width: min(420px, calc(100vw - 60px));
    padding: 12px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(239, 93, 163, 0.14);
    box-shadow: 0 24px 60px rgba(17, 17, 17, 0.14);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    opacity: 0;
    visibility: hidden;
    transform: translateY(14px);
    transition: opacity .3s ease, visibility .3s ease, transform .3s ease;
    z-index: 15;
}
.header-search-box::before {
    content: "";
    position: absolute;
    top: -7px;
    right: 32px;
    width: 14px;
    height: 14px;
    background: #fff;
    border-top: 1px solid rgba(239, 93, 163, 0.14);
    border-left: 1px solid rgba(239, 93, 163, 0.14);
    transform: rotate(45deg);
}
.user-action.search-open .header-search-box {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.header-search-form {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px;
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(255, 247, 251, 0.96), rgba(255, 255, 255, 0.96));
}
.header-search-input {
    flex: 1;
    min-width: 0;
    border: 0;
    background: transparent;
    color: #181818;
    font-size: 15px;
    line-height: 1.3;
    padding: 8px 4px;
}
.header-search-input::placeholder {
    color: #9d8a94;
}
.header-search-submit {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    border-radius: 14px;
    background: linear-gradient(135deg, #EF5DA3, #d94b8e);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 14px 28px rgba(239, 93, 163, 0.22);
    transition: transform .3s ease, box-shadow .3s ease, filter .3s ease;
}
.header-search-submit img {
    width: 19px;
    height: 19px;
    object-fit: contain;
    filter: brightness(0) invert(1);
}
.header-search-submit:hover {
    transform: translateY(-1px);
    box-shadow: 0 18px 34px rgba(239, 93, 163, 0.28);
    filter: brightness(1.03);
}
.header-search-submit:focus-visible,
.header-search-input:focus-visible {
    outline: none;
}
.cart {
    position: relative;
}
.cart span {
    position: absolute;
    top: -5px;
    right: -6px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    border-radius: 50%;
    background-color: #EF5DA3;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
}

/* ══════════════════════════════════════
       DESKTOP MENU  (jQuery adds classes)
    ══════════════════════════════════════ */
#desktopMenu {
  display: flex;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
  flex: 1;
  justify-content: center;
}
#desktopMenu > li {
  position: relative;
}

/* top-level link */
#desktopMenu > li > a {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 10px 15px;
    text-decoration: none;
    white-space: nowrap;
    position: relative;
    transition: all .5s;
    color: #363636;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}
#desktopMenu > li > a:hover,
#desktopMenu > li > a.current-menu-item {
  color: #000000;
  font-weight: bold;
}

/* jQuery appends this arrow */
#desktopMenu > li > a .dyn-arrow {
  font-size: 10px;
    transition: transform 0.5s;
    display: inline-block;
    line-height: 1;
    width: 8px;
    height: 8px;
    border-top: 1px solid;
    border-left: 1px solid;
    transform: rotate(222deg);
    margin-left: 2px;

}
#desktopMenu > li:hover > a .dyn-arrow,
#desktopMenu > li.menu-open > a .dyn-arrow {
  transform: rotate(48deg);
  margin-bottom: -7px;
}

/* =====================================================
       DESKTOP DROPDOWN — Infinite depth
       jQuery adds .dd-sub on every nested ul.
       .dd-l1 = first level (drops down)
       .dd-sub = all deeper levels (flies right)
    ===================================================== */

/* L1 — drops DOWN from navbar */
#desktopMenu > li > ul.dd-l1 {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 215px;
  background: #fff;
  border-top: 3px solid var(--gold);
  border-radius: 0 0 6px 6px;
  box-shadow: 0 10px 32px rgba(0, 0, 0, 0.14);
  padding: 6px 0;
  list-style: none;
  margin: 0;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: opacity 0.22s, transform 0.22s, visibility 0.22s;
  z-index: 1000;
}
#desktopMenu > li.menu-open > ul.dd-l1 {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* All deeper levels (.dd-sub) — expand inline on click */
#desktopMenu ul.dd-sub {
  position: relative;
  top: auto;
  left: auto;
  min-width: 100%;
  background: #f8f5ef;
  border-top: 1px solid rgba(198, 175, 137, 0.45);
  border-radius: 0;
  box-shadow: none;
  padding: 4px 0 0;
  list-style: none;
  margin: 4px 0 0;
  opacity: 1;
  visibility: visible;
  transform: none;
  transition: none;
  z-index: auto;
  display: none;
}
#desktopMenu li.dd-open > ul.dd-sub {
  display: block;
}

/* Every li inside any dropdown needs position:relative */
#desktopMenu ul.dd-l1 li,
#desktopMenu ul.dd-sub li {
  position: relative;
}

/* Links inside any dropdown level */
#desktopMenu ul.dd-l1 > li > a,
#desktopMenu ul.dd-sub > li > a {
  display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 20px;
    color: #000;
    text-decoration: none;
    white-space: nowrap;
    border-left: 3px solid transparent;
    transition: background 0.15s, color 0.15s, padding-left 0.15s, border-color 0.15s;
}
#desktopMenu ul.dd-l1 > li > a:hover,
#desktopMenu ul.dd-sub > li > a:hover {
  background: #fdf6e8;
  color: #81A688;
  padding-left: 22px;
  border-left-color: #81A688;
}

/* Right-chevron arrow on links that have a sub */
#desktopMenu ul.dd-l1 > li > a .dyn-sarrow,
#desktopMenu ul.dd-sub > li > a .dyn-sarrow {
  font-size: 10px;
    flex-shrink: 0;
    transition: color 0.5s;
    width: 9px;
    height: 9px;
    border-top: 1px solid;
    border-left: 1px solid;
    transform: rotate(225deg);
    margin-left: 8px;
}
#desktopMenu ul.dd-l1 > li:hover > a .dyn-sarrow,
#desktopMenu ul.dd-sub > li:hover > a .dyn-sarrow,
#desktopMenu ul.dd-l1 > li.dd-open > a .dyn-sarrow,
#desktopMenu ul.dd-sub > li.dd-open > a .dyn-sarrow {
  color: #81A688;
  transform: rotate(315deg);
}

/* =====================================================
       MOBILE MENU CLONE — Infinite depth
       jQuery sets data-depth="N" on each <ul>
       Indentation auto-calculated from depth.
    ===================================================== */
#mobileMenuClone {
  list-style: none;
  margin: 0;
  padding: 0;
}
#mobileMenuClone ul {
  list-style: none;
  margin: 0;
  padding: 0;
  position: static !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  box-shadow: none !important;
  border-top: none !important;
  border-radius: 0 !important;
  display: none;
}
#mobileMenuClone li {
  border-bottom: 1px solid #f0f0f021;
}

/* Base link style — all levels */
#mobileMenuClone li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-decoration: none;
  transition: color 0.2s, background 0.15s;
  white-space: normal;
  border-left: none !important;
}
#mobileMenuClone li a::after {
  display: none !important;
}
#mobileMenuClone li a:hover {
  color: #000000 !important;
  background: #fdf6e8;
}
#mobileMenuClone li a.mob-open{
color: #81A688 !important;
}
/* Depth 0 — top level */
#mobileMenuClone > li > a {
  padding: 10px 20px;
  color: #ffffff;
  font-size: 14.5px;
  font-weight: normal;
  background: #EF5DA3;
  
}
.off-panel{
  .social {
    background: #fff;
    padding: 10px 20px;
}
}
/* Depth 1+ — indentation via data-depth on ul */
#mobileMenuClone ul[data-depth="1"] > li > a {
  padding: 11px 20px 11px 32px;
  font-size: 13.5px;
  font-weight: 500;
  color: #000000;
  background: #f7f7f7;
}
#mobileMenuClone ul[data-depth="2"] > li > a {
  padding: 10px 20px 10px 46px;
  font-size: 13px;
  color: #000000;
  background: #f0f0f0;
}
#mobileMenuClone ul[data-depth="3"] > li > a {
  padding: 9px 20px 9px 60px;
  font-size: 12.5px;
  color: #000000;
  background: #e9e9e9;
}
#mobileMenuClone ul[data-depth="4"] > li > a {
  padding: 9px 20px 9px 74px;
  font-size: 12px;
  color: #000000;
  background: #e2e2e2;
}
#mobileMenuClone ul[data-depth="5"] > li > a {
  padding: 9px 20px 9px 88px;
  font-size: 12px;
  color: #000000;
  background: #dadada;
}

/* Arrow */
#mobileMenuClone .mob-arr {
  font-size: 11px;
  color: #aaa;
  flex-shrink: 0;
  margin-left: 6px;
  transition: transform 0.25s, color 0.25s;
}
#mobileMenuClone a.mob-open .mob-arr {
  transform: rotate(180deg);
  color: #81A688;
}
#mobileMenuClone .dyn-arrow,
#mobileMenuClone .dyn-sarrow {
  display: none !important;
}

/* Custom Order */
.btn-order {
  background: var(--gold);
  color: #fff;
  border-radius: 6px;
  font-weight: 600;
  font-size: 13.5px;
  padding: 11px 22px;
  text-decoration: none;
  white-space: nowrap;
  margin-left: 14px;
  flex-shrink: 0;
  transition: background 0.2s, transform 0.15s;
}
.btn-order:hover {
  background: var(--gold-d);
  color: #fff;
  transform: translateY(-1px);
}

/* Toggler */
.nav-toggler {
  background: none;
  border: none;
  cursor: pointer;
  padding: 8px;
  display: none;
  margin-left: auto;
}
.nav-toggler span {
  display: block;
  width: 25px;
  height: 2px;
  background: #333;
  margin: 5px 0;
  border-radius: 2px;
  transition: 0.3s;
}

/* ══ SIDEBAR ══ */
.sidebar-btns {
  position: fixed;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 999;
  display: flex;
  flex-direction: column;
  gap: 3px;
  .sidebar-btn:nth-child(2) {
    background: #F9F1E3;
    &:hover{
        background: #81A688;
    }
  }
}
.sidebar-btn {
    writing-mode: vertical-rl;
    text-orientation: mixed;
    transform: rotate(180deg);
    letter-spacing: 1.2px;
    padding: 16px 17px;
    text-decoration: none;
    transition: background 0.2s;
    border-radius: 6px;
    background: #D4BE9A;
    color: #000;
    font-family: 'Aeonik TRIAL Bold';
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 12px;
    margin-bottom: 10px;
}
.sidebar-btn:hover {
  background: #81A688;
  color: #fff;
}

.wa-btn {
  position: fixed;
  bottom: 40px;
  right: 14px;
  z-index: 999;
}
.wa-btn:hover {
  transform: scale(1.1);
}

/* ══ OFFCANVAS ══ */
.off-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 2000;
  opacity: 0;
  transition: opacity 0.3s;
}
.off-overlay.show {
  opacity: 1;
}
.off-panel {
  position: fixed;
  top: 0;
  left: -310px;
  width: 300px;
  height: 100%;
  background: #EF5DA3;
  z-index: 2001;
  overflow-y: auto;
  transition: left 0.3s ease;
  display: flex;
  flex-direction: column;
}
.off-panel.open {
  left: 0;
}
.off-head {
  background: var(--gold);
  padding: 13px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
}
.off-head .off-logo {
 position: relative;
     width: 90px;
}
.off-close {
      border: none;
    color: #ff5268;
    font-size: 32px;
    cursor: pointer;
    line-height: 1;
    width: 22px;
    height: 40px;
    background: #00000000;
    border-radius: 4px;
}
.off-body {
  padding: 0;
  flex: 1;
}
.off-footer {
  padding: 16px 20px;
  flex-shrink: 0;
  border-top: 1px solid #eee;
  text-align: center;
  .primary-btn{
    margin: 0 auto;
  }
}


/* ══════════════════════════════════════════════════
       MODERN POPUP SYSTEM
       Usage: <a data-popup="popup-id"> any trigger </a>
       Reusable — works for any number of popups
    ══════════════════════════════════════════════════ */

/* Overlay */
.ppu-overlay {
  position: fixed;
  inset: 0;
  z-index: 9000;
  background: rgba(10, 10, 20, 0.55);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.35s ease, visibility 0.35s ease;
}
.ppu-overlay.ppu-active {
  opacity: 1;
  visibility: visible;
}

/* Modal box */
.ppu-modal {
  position: fixed;
  inset: 0;
  z-index: 9001;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  pointer-events: none;
}
.ppu-box {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.22), 0 0 0 1px rgba(0, 0, 0, 0.06);
  width: 100%;
  max-width: 520px;
  pointer-events: all;
  transform: translateY(28px) scale(0.96);
  opacity: 0;
  transition: transform 0.38s cubic-bezier(0.22, 0.68, 0, 1.2),
    opacity 0.32s ease;
  overflow: hidden;
  position: relative;
}
.ppu-overlay.ppu-active ~ .ppu-modal .ppu-box,
.ppu-box.ppu-show {
  transform: translateY(0) scale(1);
  opacity: 1;
}

/* Gold accent top bar */
.ppu-accent {
  height: 4px;
  background: linear-gradient(90deg, var(--gold) 0%, var(--gold-d) 100%);
}

/* Header */
.ppu-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22px 28px 0;
}
.ppu-icon-wrap {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: linear-gradient(135deg, var(--gold) 0%, var(--gold-d) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  color: #fff;
  box-shadow: 0 6px 16px rgba(201, 168, 76, 0.4);
  flex-shrink: 0;
}
.ppu-title-wrap {
  margin-left: 14px;
  flex: 1;
}
.ppu-title {
  font-size: 18px;
  font-weight: 700;
  color: #1a1a2e;
  margin: 0;
  line-height: 1.2;
}
.ppu-subtitle {
  font-size: 13px;
  color: #888;
  margin: 3px 0 0;
}
.ppu-close-btn {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #f4f4f6;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #555;
  transition: background 0.2s, color 0.2s, transform 0.2s;
  flex-shrink: 0;
}
.ppu-close-btn:hover {
  background: #ffe8b0;
  color: var(--gold-d);
  transform: rotate(90deg);
}

/* Divider */
.ppu-divider {
  height: 1px;
  background: #f0f0f0;
  margin: 18px 28px 0;
}

/* Body */
.ppu-body {
  padding: 22px 28px 28px;
}

/* Form rows */
.ppu-row {
  margin-bottom: 16px;
}
.ppu-row:last-child {
  margin-bottom: 0;
}
.ppu-row.ppu-row-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.ppu-label {
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: #555;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  margin-bottom: 6px;
}
.ppu-input,
.ppu-select,
.ppu-textarea {
  width: 100%;
  padding: 11px 14px;
  border: 1.5px solid #e8e8ec;
  border-radius: 9px;
  font-size: 14px;
  font-family: "Inter", sans-serif;
  color: #333;
  background: #fafafa;
  transition: border-color 0.2s, box-shadow 0.2s, background 0.2s;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
}
.ppu-input:focus,
.ppu-select:focus,
.ppu-textarea:focus {
  border-color: var(--gold);
  box-shadow: 0 0 0 3px rgba(201, 168, 76, 0.15);
  background: #fff;
}
.ppu-textarea {
  resize: vertical;
  min-height: 90px;
}
.ppu-select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23999' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  padding-right: 38px;
  cursor: pointer;
}

/* File upload area */
.ppu-file-area {
  border: 2px dashed #e0e0e8;
  border-radius: 10px;
  padding: 22px;
  text-align: center;
  cursor: pointer;
  transition: border-color 0.2s, background 0.2s;
  background: #fafafa;
}
.ppu-file-area:hover {
  border-color: var(--gold);
  background: #fffdf4;
}
.ppu-file-area i {
  font-size: 28px;
  color: var(--gold);
  display: block;
  margin-bottom: 8px;
}
.ppu-file-area p {
  margin: 0;
  font-size: 13px;
  color: #777;
}
.ppu-file-area p strong {
  color: #333;
}
.ppu-file-area input[type="file"] {
  display: none;
}

/* Brochure preview cards */
.ppu-brochure-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.ppu-brochure-card {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
  border-radius: 10px;
  border: 1.5px solid #efefef;
  background: #fafafa;
  transition: border-color 0.2s, background 0.2s, transform 0.15s;
  cursor: pointer;
  text-decoration: none;
}
.ppu-brochure-card:hover {
  border-color: var(--gold);
  background: #fffdf4;
  transform: translateX(3px);
}
.ppu-brochure-icon {
  width: 44px;
  height: 44px;
  border-radius: 8px;
  background: linear-gradient(135deg, #fff3dc 0%, #fde9a0 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  color: var(--gold);
  flex-shrink: 0;
}
.ppu-brochure-info {
  flex: 1;
}
.ppu-brochure-info strong {
  display: block;
  font-size: 14px;
  color: #222;
  font-weight: 600;
}
.ppu-brochure-info span {
  font-size: 12px;
  color: #999;
}
.ppu-brochure-dl {
  width: 34px;
  height: 34px;
  border-radius: 8px;
  background: var(--gold);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  flex-shrink: 0;
  transition: background 0.2s, transform 0.15s;
}
.ppu-brochure-card:hover .ppu-brochure-dl {
  background: var(--gold-d);
  transform: translateY(-1px);
}

/* Submit button */
.ppu-submit {
  width: 100%;
  padding: 13px;
  background: linear-gradient(135deg, var(--gold) 0%, var(--gold-d) 100%);
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  border: none;
  border-radius: 10px;
  cursor: pointer;
  letter-spacing: 0.3px;
  box-shadow: 0 6px 20px rgba(201, 168, 76, 0.35);
  transition: transform 0.2s, box-shadow 0.2s, filter 0.2s;
  position: relative;
  overflow: hidden;
}
.ppu-submit::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0);
  transition: background 0.2s;
}
.ppu-submit:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 28px rgba(201, 168, 76, 0.45);
  filter: brightness(1.05);
}
.ppu-submit:active {
  transform: translateY(0);
}

/* Note text */
.ppu-note {
  font-size: 12px;
  color: #aaa;
  text-align: center;
  margin-top: 12px;
}
.ppu-note i {
  color: var(--gold);
  margin-right: 4px;
}

/* ══ RESPONSIVE ══ */
@media (max-width: 991px) {
  #desktopMenu,
  .btn-order {
    display: none !important;
  }
  .nav-toggler {
    display: block;
  }
  .sidebar-btn {
    padding: 12px 10px;
    font-size: 14px;
}
}
.topbar{
  background-color: #EF5DA3;
  padding: 9px;
  p{
    text-align: center;
        margin: 0;
        color: #FFF;
        font-size: 15px;
        font-style: normal;
        font-weight: normal;
        line-height: normal;
        text-transform: uppercase;
  }
}

/************************************* Home Page **************************************/
.hero-banner{
    position: relative;
    padding: 0 30px;
    .slide-item{
        position: relative;
       
        .container{
            position: absolute;
            inset: 0;
            z-index: 1;
            display: flex;
            align-items: center;
            justify-content: end;
        }
        .banner-content {
            width: 615px;
            height: 413px;
            position: relative;
            text-align: center;
            z-index: 1;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding-inline: 3%;
            img{
              position: absolute;
              inset: 0;
            }
        }
        h1{
          color: #FFF;
          font-size: 44px;
          font-style: normal;
          font-weight: normal;
          line-height: 113.636%;
          margin-bottom: 14px;
        }
        p{
            background: linear-gradient(90deg, #FFD89B 0%, #D0B07B 100%);
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            font-size: 24px;
            font-style: normal;
            font-weight: normal;
            line-height: normal;
            text-transform: uppercase;
            margin-bottom: 12px;
        }
        .banner-bg{
          width: 100%;
          height: 100%;
          object-fit: cover;
        }
    }
    .slick-active{
        .banner-content img{
            animation: slideInDown .6s ease-in-out both 0.2s;
        }
        p{
          animation: slideInUp .7s ease-in-out both 0.4s;
            
        }
        h1{
          animation: slideInUp .8s ease-in-out both 0.6s;  
        }
        .primary-btn{
          animation: slideInUp .9s ease-in-out both 0.8s;  
        }
    }
      .slick-dots {
        bottom: 26px;
        text-align: right;
        right: 2%;
    }
.slick-dots li{
    position: relative;
    display: inline-block;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
    background: #ffffff85;
    width: 9.371px;
    height: 9.371px;
    border-radius: 50%;
    transition: all .5s;
    &.slick-active{
        width: 39px;
        background: #ffffff;
        border-radius: 50rem;
    }
}
}
.hero-slider {
    margin-bottom: 4px;
    padding-block: 4px;
    .slick-list {
    outline: 1px dashed #EF5DA3;
    outline-offset: 2px;
}
}
.slick-dotted.slick-slider {
    margin-bottom: 4px;
}
.category{
  .section-title{
    color: #363636;
font-family: 'Euclid Circular A Regular';
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
& span {
        &:after, &:before {
            width: 30px;
        }
        &:before {
            left: -35px;
        }
        &:after {
            right: -35px;
        }
    }
  }
}
.category-item {
    display: inline-block;
    text-align: center;
    transition: all .5s;
    &:hover{
      transform: translateY(-5px);
      p{
        color: #EF5DA3;
        &::after{
          background: #EF5DA3;
        }
      }
    }
}
.category-image {
    position: relative;
}
.flower {
    position: absolute;
    top: 20px;
    right: -14px;
    animation: rotate 4s linear infinite;
}
@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.category-list {
  display: flex;
  justify-content: space-between;
  .category-item:nth-child(2n){
    .flower{
      top: unset;
            bottom: -22px;
            right: -22px;
    }
  }
  p{
    color: #000;
font-size: 19px;
font-style: normal;
font-weight: 400;
line-height: normal;
position: relative;
transition: all .5s;
&::after{
 content: '';
  position: absolute;
  bottom: -4px;
  width: 100px;
  height: 1px;
  background: #000000;
  left: 50%;
  transform: translateX(-50%);
  transition: all .5s;
}
  }
}
.mb-35{
    margin-bottom: 35px;
}
.social {
    display: flex;
    gap: 10px;
    a{
      width: 33.974px;
      height: 33.974px;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: all .5s;
      border: 1px solid #BABABA;
      border-radius: 50%;
      img{
        width: 11px;
      }
      &:hover{
        background: #EF5DA3;
        border-color: #EF5DA3;
      }
    }
}
.flat-off-item {
    position: relative;
    overflow: hidden;
    height: 550px;
    &::after{
      content: '';
      inset: 0;
      background: linear-gradient(270deg, rgba(0, 0, 0, 0.00) 35%, #2A190E 100%);
      position: absolute;
    }
    .flat-off-bg{
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    .vt1{
        position: absolute;
        left: -6px;
        bottom: 9px;
        z-index: 2;
	display: none;
    }
    .vt2{
      position: absolute;
      right: -6px;
      top: 9px;
      z-index: 2;
	display: none;
    }
    .flat-off-content {
      position: absolute;
      z-index: 2;
      bottom: 81px;
      left: 46px;
      width: 55%;
      h5{
        background: linear-gradient(90deg, #FFD89B 0%, #D0B07B 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-size: 22px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-transform: uppercase;
        margin-bottom: 6px;
      }
      h2{
        color: #FFF;
        font-size: 48px;
        font-style: normal;
        font-weight: 400;
        line-height: 112.5%;
        margin-bottom: 0px;
      }
      p{
        color: #fff;
      }
    }
  }
  .best-seller-item{
    position: relative;
    overflow: hidden;
    &:hover{
      .best-saller-img{
        transform: scale(1.041);
      }

    }
    .best-saller-img{
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: top center;
      display: block;
    }
    .best-seller-content {
    position: absolute;
    inset: 0;
    background: linear-gradient(0deg, #000 0%, rgba(102, 102, 102, 0.00) 34.18%);
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: end;
    flex-direction: column;
    padding: 30px;
    h3 {
    color: #FFF;
    font-size: 34px;
    font-style: normal;
    font-weight: 400;
    line-height: 49px;
    margin-bottom: 0;
    transition: all .5s;
}
p{
  background: linear-gradient(90deg, #FFD89B 0%, #D0B07B 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    margin: 0;
}
}
  }
  .bs-wish{
    position:absolute;
    top:10px;
    right:10px;
    background:#fff;
    border:none;
    width:30px;
    height:30px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:13px;
    color:#bbb;
    box-shadow:0 2px 6px rgba(0,0,0,.15);
    cursor:pointer;z-index:2;transition:.2s;
  }
.bs-wish:hover,.bs-wish.active{
  color:#EF5DA3;
  img{
    filter: brightness(0) saturate(100%) invert(55%) sepia(39%) saturate(3267%) hue-rotate(299deg) brightness(98%) contrast(90%);
  }
}
.bestseller-slider{
  .slick-list{
    margin: 0 -20px;
  }
  .slick-slide{
    margin: 0 20px;
  }
}
.best-sallers .best-seller-item {
  position: relative !important;
  overflow: hidden !important;
  height: 580px !important;
}
.best-sallers .best-seller-item .best-saller-img {
  width: 100% !important;
  height: 580px !important;
  object-fit: cover !important;
  object-position: top center !important;
  display: block !important;
  transition: transform 0.5s ease;
}
.best-sallers .best-seller-item:hover .best-saller-img {
  transform: scale(1.04);
}
/* .best-sallers .best-seller-item .best-seller-content {
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(0deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.0) 40%) !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
  flex-direction: column !important;
  text-align: center !important;
  padding: 30px 20px !important;
  text-decoration: none !important;
  width: 100% !important;
} */
.best-sallers .best-seller-item .best-seller-content h3 {
  color: #fff !important;
  font-size: 28px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  margin-bottom: 8px !important;
  width: 100% !important;
}
.best-sallers .best-seller-item .best-seller-content p {
  color: #D4AF37 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  margin: 0 !important;
  width: 100% !important;
}
.best-sallers .col-lg-3 {
  padding: 0;
}
.slick-arrow {
    width: 44px;
    height: 44px;
    background: #fff;
    z-index: 1;
    color: #000;
    transition: all .5s;
    &:hover,&:focus{
      background: #EF5DA3;
    }
    &::before{
      content: '';
    width: 10px;
    height: 10px;
    border-top: 1px solid;
    border-left: 1px solid;
    display: inline-block;
    transform: rotate(135deg);
    margin-right: 5px;
    opacity: 1;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    color: #000;
    }
}
.slick-prev {
    left: 18px;
    transform: rotate(180deg);
}
.slick-next {
    right: 18px;
}
.offer-banner-bg{
  width: 100%;
  margin-block: 30px;
}
.latest-blouse{
.best-seller-content{
  h3,.price{
    color: #141414;
font-family: 'Euclid Circular A Regular';
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
margin-bottom: 8px;
  }
  h3:hover{
    color: #EF5DA3;
  }
  .price{
    display: flex;
    gap: 12px;
  }
  .old-price {
    color: #8B8B8B;
    text-decoration-line: line-through;
}
.price-less {
    border-radius: 2px;
    background: #EF5DA3;
    color: #fff;
    padding: 0 4px;
}

}
}
.latest-blouse-item{
  position: relative;
  .blouse-img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
.tag {
    border-radius: 5px;
    border: 1px solid #C5C5C5;
    background: #FFF;
    padding: 4px 7px;
    color: #9E9E9E;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    display: inline-block;
}
.out-of-stock-badge {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 2;
    background: #fb0000;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 4px 10px;
    border-radius: 4px;
}
.out-of-stock-badge-inline {
    position: static;
    display: inline-block;
    margin-bottom: 12px;
}
.primary-btn-disabled,
.primary-btn-disabled:hover {
    background: #9E9E9E !important;
    color: #FFFFFF !important;
    cursor: not-allowed;
    pointer-events: none;
}
.primary-btn-disabled:before,
.primary-btn-disabled:after {
    display: none;
}
.cart-btn-disabled,
.cart-btn-disabled:hover {
    background: #9E9E9E !important;
    cursor: not-allowed;
}
.rating {
    color: #1F1F1F;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}
.tag-rating {
    display: flex;
    gap: 15px;
    align-items: center;
    margin-bottom: 6px;
}

.latest-blouse-img{
    position: relative;
    overflow: hidden;
    margin-bottom: 15px;
    height: 450px;
    .primary-btn{
        position: absolute;
        bottom: 20px;
        left: 10px;
        right: 10px;
        transform: translateY(150%);
    }
    &:hover{
      .primary-btn{
        transform: translateY(0);
      }
    }
}
.latest-blouse-slider{
  .slick-list{
    margin: 0 -15px;
  }
  .slick-slide{
    margin: 0 15px;
  }
}
.latest-saree-collections{
  .latest-saree-collection-box{
    background: #F3E8ED;
    padding: 50px;
    .bestseller-slider{
      .slick-list{
        margin: 0 0px;
      }
      .slick-slide{
        margin: 0 0px;
      }
    }
    .best-seller-item {
      height: 450px;
    & .best-seller-content {
      .price{
        color: #fff;
        font-family: 'Euclid Circular A Regular';
        .old-price{
          color: #8B8B8B;
          text-decoration-line: line-through;
        }
      }
        h3 {
            font-size: 18px;
            line-height: normal;
            margin-bottom: 10px;
            font-family: 'Euclid Circular A Regular';
            text-transform: uppercase;
        }
    }
}
  }
}
.flat-off-section{
  .flat-off-item {
    position: relative;
    overflow: hidden;
    height: 980px;
    &::after {
        content: '';
        inset: 0;
        position: absolute;
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.87) 0%, rgba(102, 102, 102, 0.00) 76.33%);
    }
}
}
.about-content {
    background: #F3E8ED;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 21%;
    .section-title {
    color: #000000;
    font-size: 44px;
    margin-bottom: 15px;
}
.primary-btn {
    background: #000000;
    color: #ffffff;
}
}
.about-img {
    height: 100%;
    img{
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
}
.latest-jewellery{
  padding-left: 30px;
  .jewellery-slider{
    .slick-list{
      margin: 0 -15px;
    }
    .slick-slide{
      margin: 0 15px;
    }
    .best-seller-item {
	height: 450px;
    & .best-seller-content {
      padding: 30px 16px;
        h3,.price {
            margin-bottom: 0;
            transition: all .5s;
            color: #FFF;
            text-align: center;
            font-family: 'Euclid Circular A Regular';
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            text-transform: uppercase;
        }
        .price{
          margin-top: 6px;
        }
    }
}
  }
}
.progress-bar {
    width: 97%;
    height: 1px;
    background: #7B7B7B;
    margin-top: 56px;
    position: relative;
    &::after{
      content: '';
        width: 188.587px;
        height: 1.707px;
        background: #000000;
        position: absolute;
        top: 0;
        left: 55%;
    }
}
.play-btn {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.real-result{
    .best-seller-content {
        text-align: center;
    }
    .latest-blouse-img {
    z-index: 1;
    overflow: hidden;
    &:hover{
      img{
        transform: scale(1.1);
      }
      .play-btn{
        img{
          transform: scale(.9);
        }
      }
    }
}
.rating {
    color: #FDC807;
    font-size: 24px;
    margin-bottom: 6px;
    display: inline-block;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}
h5{
color: #1C1C1C;
text-align: center;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 138.889%;
margin-bottom: 10px;
}
p{
color: #EF5DA3;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
}
.real-result-slider{
  .slick-list{
    margin: 0 -15px;
  }
  .slick-slide{
    margin: 0 15px;
  }
}
ul.accordion-list {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  list-style: none;
  
  li {
   position: relative;
        display: block;
        width: 100%;
        height: auto;
        background-color: #FFF;
        padding: 14px 0;
        margin: 0 auto 15px auto;
        border-bottom: 1px solid #848484;
        border-radius: 0;
        cursor: pointer;
    
    &.active {
      h3 {
        &:after {
          content: "-";
        }
      }
    }
    
    h3 {
      color: #1C1C1C;
      font-family: 'Euclid Circular A Regular';
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: 125%;
      text-transform: uppercase;
      cursor: pointer;
      
      &:after {
      content: "+";
      position: absolute;
      right: 0;
      top: 18px;
      color: #4C4C4C;
      transition: all 0.3s ease-in-out;
      font-size: 34px;
      }
    }
    
    div.answer {
      position: relative;
      display: block;
      width: 100%;
      height: auto;
      margin: 0;
      padding: 0;
      cursor: pointer;
      
      p {
        position: relative;
        display: block;
        padding: 10px 0 0 0;
        cursor: pointer;
        line-height: 150%;
        margin: 0 0 15px 0;
      }
    }
  }
}
.feed-slider{
  .slick-list{
    margin: 0 -2px;
  }
  .slick-slide{
    margin: 0 2px;
  }
}

.feeds{

  .latest-saree-collection-box {
      background: #FEF4F9;
  }
.feed-box {
    overflow: hidden;
    &:hover{
      img{
        transform: scale(1.051);
      }
    }
}
  .section-title {
    margin-bottom: 15px;
    color: #1C1C1C;
    font-family: 'Euclid Circular A Regular';
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 25px;
    text-transform: uppercase;
  }

}
.policy{
  text-align: center;
  .col-lg-2:hover{
    img{
      transform: rotateY(360deg);
      filter: brightness(0) saturate(100%) invert(55%) sepia(39%) saturate(3267%) hue-rotate(299deg) brightness(98%) contrast(90%);
    }
  }
}
.footer-box{
  background: #FFEAF4;
  padding-block: 70px;
  margin-bottom: 40px;
}
.site-footer-heading {
    color: #000;
    font-family: 'Euclid Circular A Regular';
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
    text-transform: uppercase;
    margin-bottom: 13px;
}
.site-footer-links{
  a{
    color: #1B1B1B;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
    &:hover{
      color: #EF5DA3;
    }
  }
}
.site-footer-contact-block{
  p a{
    color: #1B1B1B;
    &:hover{
      color: #EF5DA3;
    }
  }
}
.copyright {
    margin-top: 50px;
    text-align: center;
    p{
      margin-bottom: 0;
    }
}
.site-footer{
  padding: 30px;
}
.footer-content{
  h2 {
    font-size: 48px;
}

h3{
font-size: 34px;
}

  h4{
        color: #000;
        font-family: 'Euclid Circular A Regular';
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 25px;
        text-transform: uppercase;
        margin-bottom: 6px;
  }
}

/* ======================================================
  Inner Page
======================================================= */
.inner-banner{
  .slide-item {
        padding-top: 3px;
        margin-bottom: 10px;
                & .banner-content {
                  width: 590.512px;
                  height: 383.578px;
            img {
                position: absolute;
                inset: 0;
                z-index: -1;
            }
        }
          h1 {
            margin-bottom: 8px;
        }
                p {
            background: linear-gradient(90deg, #ffffff 0%, #ffffff 100%);
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            text-transform: unset;
            margin-bottom: 0px;
            color: #FFF;
            text-align: center;
            font-size: 17px;
            font-style: normal;
            font-weight: 400;
            line-height: 25px;
        }
    }
  .banner-bg{
    outline: 1px dashed #EF5DA3;
    outline-offset: 2px;
  }
}
.about-about{
  padding-block: 20px;
  .about-content {
    padding: 11%;
}
}
.short-line{
  & span {
        &:after, &:before {
            width: 124px;
        }
        &:before {
            left: -134px;
        }
        &:after {
            right: -134px;
        }

    }
}
.mission{
  padding-block: 20px;
  .about-content {
    padding: 11%;
    background: #fff;
}
}
.vission{
  padding-block: 40px;
  .latest-saree-collection-box {
    padding: 27px;
    background: #F3E8ED;
}
.about-content {
    background: #F3E8ED;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    text-align: left;
    padding: 35px;
    .section-title{
      span:before{
        opacity: 0;
      }
    }
}
}
.core-value-box{
  background: #FEF4F9;
  height: 100%;
  padding: 35px;
  text-align: center;
  transition: all .5s;
&:hover{
  transform: translateY(-5px);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);
  .icon-box{
    background: #EF5DA3;
    img{
      transform: rotateY(180deg);
    }
  }
}
  .icon-box {
    width: 81px;
    height: 81px;
    background: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-inline: auto;
    margin-bottom: 20px;
    position: relative;
    transition: all .5s;
    .flower {
    top: unset;
    right: -7px;
    bottom: 0;
    width: 30px;
}
}
h3 {
    color: #121011;
    font-family: 'Euclid Circular A Regular';
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 49px;
}
}
.core-value{
  .section-title{
    margin-bottom: 40px;
  }
}
.ceo-founder{
  .about-content{
    position: relative;
    .flower {
    position: absolute;
    top: unset;
    right: 160px;
    bottom: 90px;
}
  }
}
.signature {
    color: #000;
    font-family: OneSignature;
    font-size: 73px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    margin-top: 50px;
}
 .journey-timeline {
      position: relative;
      padding-left: 110px;
      width: 100%;
    }
 
    /* Vertical pink line */
    .journey-timeline::before {
      content: '';
      position: absolute;
      left: 35px;
      top: 0;
      bottom: 0;
      width: 2px;
      background: linear-gradient(to bottom, #000000 0%, #000000 100%);
      border-radius: 2px;
      z-index: 0;
    }
 
    /* ── Each step ── */
    .our-journey-step {
      position: relative;
      margin-bottom: 28px;
      cursor: pointer;
    }
 
    .our-journey-step:last-child {
      margin-bottom: 0;
    }
 
    /* Year circle – sits on the vertical line */
    .our-journey-step-circle {
          position: absolute;
    left: -106px;
    top: 50%;
    transform: translateY(-50%);
    width: 64px;
    height: 64px;
    border-radius: 50%;
    border: 2px solid #000000;
    background: #F3F1F1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 21px;
    font-weight: 500;
    color: #000000;
    letter-spacing: 0.03em;
    z-index: 2;
    transition: border-color 0.35s ease, background 0.35s ease, color 0.35s ease, box-shadow 0.35s ease, transform 0.35s cubic-bezier(.34, 1.56, .64, 1);
    }
 
    /* Small dot on line above / below the active circle */
    .our-journey-step-circle::before {
      content: '';
      position: absolute;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: #000000;
      top: -27px;
      left: 50%;
      transform: translateX(-50%);
      transition: background 0.35s ease, transform 0.35s ease;
    }
 
    /* Card */
    .our-journey-step-card {
      background: #fff;
      border-radius: 14px;
      padding: 18px 22px;
      box-shadow: 0 4px 33px 0 rgba(0, 0, 0, 0.16);
      transition:
        box-shadow 0.35s ease,
        transform 0.35s cubic-bezier(.34,1.56,.64,1);
      border: 1.5px solid transparent;
      text-align: left;
    }
 
    .our-journey-step-card-title {
      margin-bottom: 5px;
    transition: color 0.3s ease;
    color: #121212;
    font-family: 'Euclid Circular A Regular';
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    }
 
    .our-journey-step-card-desc {
      font-size: 0.83rem;
      color: #888;
      line-height: 1.55;
      transition: color 0.3s ease;
    }
 
    /* ════════════════════════════
       HOVER STATE
    ════════════════════════════ */
    .our-journey-step:hover .our-journey-step-circle {
      border-color: #EF5DA3;
      background: #EF5DA3;
      color: #fff;
      box-shadow: 0 0 0 6px rgba(233, 30, 140, 0.12);
      transform: translateY(-50%) scale(1.08);
    }
 
    .our-journey-step:hover .our-journey-step-circle::before {
      background: #EF5DA3;
      transform: translateX(-50%) scale(1.3);
    }
 
    .our-journey-step:hover .our-journey-step-card {
      box-shadow: 0 8px 32px rgba(233, 30, 140, 0.13);
      transform: translateX(6px);
      border-color: rgba(233, 30, 140, 0.18);
    }
 
    .our-journey-step:hover .our-journey-step-card-title {
      color: #EF5DA3;
    }
 
    .our-journey-step:hover .our-journey-step-card-desc {
      color: #666;
    }
 
    /* ── Pink dot at very bottom of line ── */
    .journey-timeline::after {
      content: '';
      position: absolute;
      left: 30px;
      bottom: -6px;
      width: 12px;
      height: 12px;
      border-radius: 50%;
      background: #EF5DA3;
      z-index: 1;
    }
.our-jurney{
    .about-content {
      padding: 7%;
      background: #fff;
      display: block;
      padding-left: 26%;
    }
    .section-title{
      text-align: left;
      margin-bottom: 40px;
    }

}

.privacy-policy{
  & .slide-item {
    overflow: hidden;
    padding-inline: 6px;
    &::after{
      content: '';
      background: rgba(0, 0, 0, 0.30);
      position: absolute;
      inset: 5px 6px;
    }
        .container {
            justify-content: center;
        }
    }
}
.privacy-policy-content{
  h2{
  color: #1C1C1C;
        font-family: 'Euclid Circular A Regular';
        font-size: 25px;
        font-style: normal;
        font-weight: 600;
        line-height: 100%;
        margin-bottom: 20px;
  }
  h3{
    color: #1C1C1C;
    font-family: 'Euclid Circular A Regular';
    font-size: 23px;
    font-style: normal;
    font-weight: 500;
    line-height: 108.696%;
    margin-bottom: 14px;
  }
  ul{
    padding-left: 24px;
    list-style-type: disc;
    margin-bottom: 20px;
    li{
      color: #1C1C1C;
      font-size: 18px;
      font-style: normal;
      font-weight: 400;
      line-height: 32px;
    }
  }
}

.contact-list {
    border-bottom: 1px solid #000000;
    margin-bottom: 35px;
    width: 90%;
    padding-bottom: 15px;
    h4{
      margin-bottom: 2px;
      font-size: 22px;
    }
    p{
      line-height: 156.25%;
      a{
        color: #000;
        &:hover{
          color: #EF5DA3;
        }
      }
    }
}
.contact-page{
  .form-control{
    width: 100%;
    border: 1px solid #000;
    padding: 18px 16px;
    margin-bottom: 20px;
    color: #000;
    font-family: 'Euclid Circular A Regular';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  h3{
    color: #171717;
    font-family: 'Fontspring DEMO mersin regular';
    font-size: 34px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    text-align: center;
    margin-bottom: 24px;
  }
.primary-btn {
  background: #000;
  color: #fff;
  width: 100%;
}
}
.map{
   padding-top: 10px;
  iframe{
    border: 0;
    width: 100%;
    height: 245px;
  }
}
.contact-alert{padding:12px 16px;border-radius:6px;margin-bottom:16px;font-size:14px;font-weight:500;}
.contact-alert-success{background:#d4edda;color:#155724;border:1px solid #c3e6cb;}
.contact-alert-error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb;}
.contact-field-error{display:block;color:#c0392b;font-size:12px;margin-top:4px;margin-bottom:8px;}
.contact-page .form-control.is-invalid{border-color:#c0392b;}
.blog-banner{
  .slide-item{
    background: #FFE8F3;
    padding: 20px;
    margin-top: 10px;
    h1{
      text-align: center;
      color: #000;
    }
  }
}
.blog-main{
  margin-top: -13px;
}
/* Section */
.blog-section {
  padding: 60px 0;
}


/* =========================
   BLOG LIST (FEATURED)
========================= */
.blog-section .blog-list {
  border: 1px solid #000;
  margin-bottom: 40px;
  background: #fff;
  padding: 4px;
  .primary-btn{
    background: #000;
    color: #fff;
  }
}

.blog-section .blog-list .blog-list-inner {
  display: flex;
  align-items: center;
}

.blog-section .blog-list .blog-content {
  width: 50%;
  padding: 40px;
}

.blog-section .blog-list .blog-content .meta {
  color: #000;
    font-family: 'Euclid Circular A Regular';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}

.blog-section .blog-list .blog-content h2 {
  margin: 15px 0;
  color: #121212;
    font-family: 'Fontspring DEMO mersin regular';
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

.blog-section .blog-list .blog-content p {
    margin-bottom: 20px;
    color: #1C1C1C;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

.blog-section .blog-list .blog-image {
  width: 50%;
}

.blog-section .blog-list .blog-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  margin-bottom: -4px;
}


/* =========================
   BLOG GRID
========================= */
.blog-section .blog-gride {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
  margin-bottom: 40px;
}

.blog-section .blog-gride .blog-item {
  background: #fff;
}

.blog-section .blog-gride .blog-item img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}

.blog-section .blog-gride .blog-item .meta {
  display: block;
  margin: 10px 0;
 color: #000;
    font-family: 'Euclid Circular A Regular';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}

.blog-section .blog-gride .blog-item h4 {
  margin-bottom: 10px;
    color: #121212;
    font-family: 'Fontspring DEMO mersin regular';
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

.blog-section .blog-gride .blog-item p {
  position: relative;
}

.blog-section .blog-gride .blog-item .read-link {
  display: inline-block;
  margin-bottom: 10px;
  color: #000;
  font-family: 'Euclid Circular A Regular';
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  text-transform: uppercase;
  &:hover{
    color: #EF5DA3;
  }
}
/* MAIN */
.blog-details {
  padding: 60px 0;
}

.blog-details .blog-wrapper {
  display: flex;
  gap: 40px;
}

/* LEFT CONTENT */
.blog-details .blog-content {
  width: 70%;
  h2 {
    color: #1C1C1C;
    font-family: 'Euclid Circular A Regular';
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    margin-bottom: 15px;
}
}

.blog-details .blog-content .title {
    margin-bottom: 10px;
    color: #121212;
    font-size: 50px;
    font-style: normal;
    font-weight: normal;
    line-height: 100%;
}

.blog-details .blog-content .meta {
  margin-bottom: 20px;
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}

.blog-details .featured-img img {
  width: 100%;
  margin-bottom: 20px;
}

.blog-details .blog-content h3 {
  color: #1C1C1C;
  font-family: 'Euclid Circular A Regular';
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  margin-bottom: 15px;
}

.blog-details .blog-content ul,
.blog-details .blog-content ol {
  padding-left: 20px;
  margin-bottom: 20px;
  list-style-type: disc;
}
.blog-details .blog-content ol{
  list-style-type: decimal;
}
.blog-details .blog-content ul li,
.blog-details .blog-content ol li {
  margin-bottom: 8px;
}

/* NAV */
.blog-details .blog-nav {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
  border-top: 1px solid #ddd;
  padding-top: 20px;
}

.blog-details .blog-nav .prev,
.blog-details .blog-nav .next {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 40%;
  span{
    color: #000;
    transition: all .5s;
  }
  small{
    display: block;
  }
  &:hover{
    span{
      color: #EF5DA3;
    }
  }
}
.blog-details .blog-nav .next{
  text-align: right;
}
.blog-details .blog-nav img {
  width: 88px;
  height: 88px;
  border-radius: 50%;
  object-fit: cover;
}

/* SIDEBAR */
.blog-details .blog-sidebar {
  width: 30%;
}

/* WIDGET */
.blog-details .widget {
  background: #FFF6FA;
  padding: 20px;
  margin-bottom: 25px;
}

.blog-details .widget h4 {
     margin-bottom: 15px;
    color: #000;
    font-family: 'Fontspring DEMO mersin regular';
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

/* RECENT POSTS */
.blog-details .recent-posts .post {
  display: flex;
  gap: 10px;
  margin-bottom: 15px;
  align-items: center;
      border-bottom: 1px solid #000000;
    padding-bottom: 15px;
&:hover{
  p{
    color: #EF5DA3;
  }
}
}

.blog-details .recent-posts img {
      border-radius: 50%;
    width: 87px;
    height: 87px;
    object-fit: cover;
}

.blog-details .recent-posts p {
  margin: 0;
    color: #121212;
    font-family: 'Fontspring DEMO mersin regular';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    transition: all .5s;
}

.blog-details .recent-posts span {
    color: #000;
    font-family: 'Euclid Circular A Regular';
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}

/* TAGS */
.blog-details .categories .tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.blog-details .categories a {
  border-radius: 10px;
  border: 1px solid #000;
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 4px;
  color: #000;
  transition: all .5s;
  &:hover{
    background: #EF5DA3;
    color: #fff;
    border-color: #fff;
  }
}

/* PROMO */
.blog-details .promo {
  position: relative;
  padding: 0;
  &::after{
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.90) 0%, rgba(0, 0, 0, 0.00) 61.42%);
  }
  h4{
    color: #fff;
    line-height: 110%;
    margin-bottom: 30px;
  }
}

.blog-details .promo img {
  width: 100%;
}

.blog-details .promo .overlay {
     position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    text-align: center;
    padding: 24px;
}


/* RESPONSIVE */
@media (max-width: 992px) {
  .blog-details .blog-wrapper {
    flex-direction: column;
  }

  .blog-details .blog-content,
  .blog-details .blog-sidebar {
    width: 100%;
  }
}

.product-listing-banner{
  & .slide-item {
        .container {
            justify-content: start;
        }
        p {
            color: #d0b07b;
            text-align: center;
            background: linear-gradient(90deg, #FFD89B 0%, #d0b07b 100%);
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            font-size: 24px;
            font-style: normal;
            font-weight: normal;
            line-height: normal;
            text-transform: uppercase;
            margin-bottom: 12px;
        }
    }
}

.filter-sidebar{
    width:100%;
    transition:.4s;
}

.filter-close{
    display:none;
}

.filter-title{
    margin-bottom: 18px;
    color: #000;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    text-transform: uppercase;
}

/* =========================
FILTER ITEM
========================= */

.filter-item{
    border-bottom:1px solid #cfcfcf;
}

.filter-head{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:16px 0;
    cursor:pointer;
    user-select:none;
}

.filter-head h4{
    color: #000;
    font-family: 'Euclid Circular A Regular';
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    text-transform: uppercase;
}

.filter-icon{
    font-size:20px;
    transition:.3s;
}

.filter-item.active .filter-icon{
    transform:rotate(45deg);
}

.filter-body{
    display:none;
    padding-bottom:18px;
}

.filter-item.active .filter-body{
    display:block;
}

/* =========================
CHECKBOX
========================= */

.checkbox-list li{
    margin-bottom:10px;
}

.checkbox-list label{
       display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    color: #212121;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    line-height: 31px;
}

.checkbox-list input{
    width:14px;
    height:14px;
    accent-color: #EF5DA3;
}

/* =========================
PRICE RANGE
========================= */

.price-range{
    margin-top:15px;
}

.price-slider{
    position:relative;
    height:6px;
    border-radius:30px;
    margin-bottom:22px;
    background:#ddd;
}

.price-progress{
    position:absolute;
    left:0%;
    right:0%;
    height:100%;
    border-radius:30px;
    background:#ff4f93;
}

.range-input{
    position:relative;
}

.range-input input{
    position:absolute;
    top:-28px;
    width:100%;
    height:6px;
    background:none;
    pointer-events:none;
    appearance:none;
    -webkit-appearance:none;
}

.range-input input::-webkit-slider-thumb{
    height:16px;
    width:16px;
    border-radius:50%;
    background:#ff4f93;
    pointer-events:auto;
    -webkit-appearance:none;
    cursor:pointer;
    border:none;
}

.range-input input::-moz-range-thumb{
    height:16px;
    width:16px;
    border:none;
    border-radius:50%;
    background:#ff4f93;
    pointer-events:auto;
    cursor:pointer;
}

.price-fields{
    display:flex;
    gap:12px;
}

.price-fields input{
    width:100%;
    height:38px;
    border:1px solid #ccc;
    padding:0 10px;
    font-size:12px;
}
/* =========================
COLOR
========================= */

.color-list li{
    margin-bottom:10px;
}

.color-list label{  
    display:flex;
    align-items:center;
    gap:10px;
    cursor:pointer;
    color: #212121;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 31px;
}

.color-box{
    width:14px;
    height:14px;
    border:1px solid #ccc;
    display:inline-block;
    flex-shrink:0;
}

.color-list label.active .color-box{
    outline:2px solid #333;
    outline-offset:2px;
}
.color-list label.active{
    font-weight:500;
}

.black{background:#000;}
.white{background:#fff;}
.red{background:red;}
.blue{background:blue;}
.pink{background:#ff71c8;}
.purple{background:purple;}
.green{background:green;}
.shop-heading{
    display:flex;
    align-items:center;
    gap:8px;
    margin-bottom:28px;
}

.shop-heading h2{
   color: #000;
    font-family: 'Euclid Circular A Regular';
    font-size: 21px;
    font-style: normal;
    font-weight: normal;
    line-height: 25px;
    text-transform: uppercase;
}

.shop-heading span{
    color: #888;
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}
.mobile-filter-btn{
    display: none;
    position: fixed;
    bottom: 17px;
    right: 10px;
    z-index: 100;
    border: none;
    background: #EF5DA3;
    color: #fff;
    padding: 10px 20px;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .2);
}

.sidebar-overlay{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.5);
    opacity:0;
    visibility:hidden;
    transition:.3s;
    z-index:999;
}

.sidebar-overlay.active{
    opacity:1;
    visibility:visible;
}

@media(max-width:991px){

    .filter-sidebar{
        position: fixed;
        top: 0;
        left: -320px;
        width: 300px;
        height: 100%;
        z-index: 9999;
        background: #fff;
        padding: 10px;
    }

    .filter-sidebar.active{
        left:0;
    }

    .filter-close{
        display:flex;
        justify-content:flex-end;
        margin-bottom:10px;
    }

    .filter-close button{
        border:none;
        background:#EF5DA3;
        color:#fff;
        width:35px;
        height:35px;
        border-radius:50%;
        cursor:pointer;
        font-size:16px;
    }

    .mobile-filter-btn{
        display:block;
    }

}

@media(max-width:600px){

    .shop-heading{
        flex-direction:column;
        align-items:flex-start;
    }

}
/* =========================
   RESPONSIVE
========================= */
@media (max-width: 992px) {
  .blog-section .blog-list .blog-list-inner {
    flex-direction: column;
  }

  .blog-section .blog-list .blog-content,
  .blog-section .blog-list .blog-image {
    width: 100%;
  }

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

@media (max-width: 576px) {
  .blog-section .blog-gride {
    grid-template-columns: 1fr;
  }
}

.bqt-category{
  .bqt-category-item{
    text-align: center;
    display: block;
    span{
      display: block;
      width: 100%;
      height: 284.699px;
      position: relative;
      .shape{
        width: 100%;
        height: 100%;
      }
    }
    .cimg{
      position: absolute;
      clip-path: polygon(92.799% 5.838%, 92.799% 8.275%, 92.799% 8.275%, 94.003% 8.889%, 95.132% 9.743%, 96.173% 10.818%, 97.115% 12.095%, 97.946% 13.553%, 98.653% 15.174%, 99.224% 16.939%, 99.647% 18.827%, 99.91% 20.82%, 100% 22.898%, 100% 77.102%, 100% 77.102%, 99.91% 79.179%, 99.647% 81.171%, 99.224% 83.057%, 98.653% 84.82%, 97.946% 86.44%, 97.115% 87.897%, 96.173% 89.173%, 95.132% 90.249%, 94.003% 91.106%, 92.799% 91.725%, 92.799% 94.162%, 92.799% 94.162%, 92.206% 94.239%, 91.642% 94.461%, 91.116% 94.816%, 90.634% 95.292%, 90.206% 95.877%, 89.839% 96.557%, 89.539% 97.323%, 89.316% 98.159%, 89.176% 99.056%, 89.128% 100%, 10.872% 100%, 10.872% 100%, 10.824% 99.056%, 10.684% 98.159%, 10.461% 97.323%, 10.162% 96.557%, 9.794% 95.877%, 9.366% 95.292%, 8.884% 94.816%, 8.358% 94.461%, 7.794% 94.239%, 7.201% 94.162%, 7.201% 91.725%, 7.201% 91.725%, 5.997% 91.111%, 4.868% 90.257%, 3.827% 89.182%, 2.885% 87.905%, 2.054% 86.447%, 1.347% 84.825%, 0.776% 83.061%, 0.353% 81.173%, 0.09% 79.18%, 0% 77.102%, 0% 22.879%, 0% 22.879%, 0.09% 20.806%, 0.353% 18.817%, 0.776% 16.932%, 1.347% 15.169%, 2.054% 13.549%, 2.885% 12.089%, 3.827% 10.811%, 4.868% 9.733%, 5.997% 8.875%, 7.201% 8.256%, 7.201% 5.838%, 7.201% 5.838%, 7.794% 5.761%, 8.358% 5.539%, 8.884% 5.184%, 9.366% 4.708%, 9.794% 4.123%, 10.162% 3.442%, 10.461% 2.677%, 10.684% 1.84%, 10.824% 0.944%, 10.872% 0%, 89.128% 0%, 89.128% 0%, 89.176% 0.944%, 89.316% 1.84%, 89.539% 2.677%, 89.839% 3.442%, 90.206% 4.123%, 90.634% 4.708%, 91.116% 5.184%, 91.642% 5.539%, 92.206% 5.761%, 92.799% 5.838%);
      inset: 0;
      height: 100%;
      width: 100%;
      scale: .96;
      object-fit: cover;
    }
    h4 {
    color: #000;
    font-family: 'Euclid Circular A Regular';
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-bottom: 1px solid #000000;
    display: inline-block;
    margin-top: 14px;
    padding-bottom: 10px;
}
&:hover{
  transform: translateY(-5px);
  h4{
    color: #EF5DA3;
    border-color: #d94b8e;
  }
  .cimg{
    transform: scale(1.04);
  }
}
  }
}
.experience-inside{
  .experience-inside-content{
    margin-top: 30px;
    .core-value-box {
    background: #FFF;
    transition: all .5s;
    h3 {
        color: #121212;
        font-family: 'Fontspring DEMO mersin regular';
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: 125%;
        margin-bottom: 3px;
    }
    &:hover{
      transform: translateY(-5px);
      .icon-box{
        background:#EF5DA3;
        img{
          transform: scale(1.1);
        }
      }
    }
}
.icon-box {
  width: 87px;
  height: 87px;
  background: #F3E8ED;
  outline: 1px dashed #000;
  outline-offset: 7px;
  margin-bottom: 30px;
  transition: all .5s;
    }
  }
}
.gallery-item{
  position: relative;
  width: 100%;
  height: 676px;
  overflow: hidden;
  .gallery-img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  &:hover{
    .gallery-img{
      transform: scale(1.2) rotate(5deg);
    }
    a{
      opacity: 1;
      img{
        scale: 1;
      }
    }
  }
  a{
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.680);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: all .4s;
    img{
      scale: .8;
    }
  }
}
.how-it-work{
  .row .col-lg-3:last-child{
    .core-value-box{
      &::after{
        display: none;
      }
    }

  }
  .core-value-box {
    & .icon-box {
        .flower {
            top: unset;
            right: -20px;
            bottom: -17px;
            width: 57px;
        }
    }
}
  .core-value-box {
    background: #ffffff;
    padding-inline: 0;
    position: relative;
    &::after{
      content: '';
      position: absolute;
      background-image: url(../img/curve-arrow.webp);
      width: 118px;
      height: 27px;
      background-repeat: no-repeat;
      top: 100px;
      left: 85%;
      z-index: 1;
    }
    .icon-box {
      width: 148px;
        height: 148px;
        background: #F3E8ED;
        outline: 1px dashed #000;
        outline-offset: 10px;
      z-index: 1;
      margin-bottom: 27px;
      transition: all .5s;
      &::after{
        content: '';
        position: absolute;
        width: 119px;
      height: 119px;
      background: #FFFFFF;
      filter: drop-shadow(0 4px 28px rgba(0, 0, 0, 0.20));
      z-index: -1;
      border-radius: 50%;
      }
  }
      h3 {
        color: #121212;
        font-family: "FONTSPRING DEMO - Montas";
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px;
        margin-bottom: 10px;
    }
    &:hover{
      .icon-box{
        background: #f8bbd7;
        img{
          transform: rotateY(180deg);
        }
      }
    }
}
}
.testmonials{
  .latest-saree-collection-box {
        padding-top: 100px;
        padding-bottom: 50px;
    }
    .slick-arrow {
    width: 50px;
    height: 60px;
    background: #ffffff00;
    z-index: 1;
    color: #000;
    transition: all .5s;
    top:9%;
    transform: unset;
    &::before {
        width: 30px;
        height: 30px;
        border-top: 2px solid;
        border-left: 2px solid;
    }
    &:hover{
      &::before{
        color: #EF5DA3;
      }
    }
}
.slick-next {
    right: -60px;
}
.slick-prev {
    left: -60px;
  &::before{
    transform: rotate(316deg);
  }
}
}
.testi-item{
  text-align: center;
  i{
    color: #FDC807;
    font-style: normal;
    font-size: 22px;
    margin-bottom: 10px;
    display: block;
  }
  h5{
    color: #000;
        text-align: center;
        font-family: 'Euclid Circular A Regular';
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: 116.667%;
        display: inline-block;
        border-bottom: 1px solid #000;
        padding-bottom: 10px;
  }
}
.product-content{
  text-align: left;
  padding-bottom: 70px;
  border-bottom: 1px solid #C6C6C6;
  margin-bottom: 50px;
  h2{
      color: #000;
      font-family: 'Euclid Circular A Regular';
      font-size: 26px;
      font-style: normal;
      font-weight: normal;
      line-height: 25px;
      text-transform: uppercase;
      margin-bottom: 16px;
  }
}
hr{
  margin-top: 50px;
}


 .product-wrapper {
      display: flex;
      gap: 30px;
      flex-wrap: wrap;
    }

    /* LEFT */

    .product-gallery {
      width: 49%;
      display: flex;
      gap: 15px;
      height: 768px;
    }

    .thumb-slider {
      width: 100px;
      margin-top: 60px;
      .slick-next {
        right: 27px;
        top: -35px;
            &::before {
        content: '';
        transform: rotate(224deg);
        margin-right: 2px;
       
    }
      }
      .slick-prev {
    left: 25px;
    transform: rotate(269deg);
    bottom: 0px;
    top: unset;
}
    }

    .thumb-item {
      padding: 0px;
      position: relative;
      cursor: pointer;
    }

    .thumb-item img {
      height: 160px;
    object-fit: cover;
    border: 2px solid transparent;
    transition: .3s;
    width: 100px;
    }

    .thumb-slider .slick-current img {
      border-color: #d9005b;
    }

    .video-thumb .play-btn {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 42px;
      height: 42px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 15px;
      color: #000;
      pointer-events: none;
      img{
      width: auto;
      height: auto;
      border: 0;
    }
    }

    .main-slider {
      flex: 1;
      overflow: hidden;
    }

    .main-item {
      position: relative;
    }

    .main-item img {
      height: 768px;
      object-fit: cover;
    }

    .main-video-thumb .play-btn {
          position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    img{
      width: auto;
      height: auto;
    }
    }

    /* RIGHT */

    .product-details-content {
      width: 48%;
    }

    .breadcrumb {
      font-size: 13px;
      color: #777;
      margin-bottom: 15px;
    }

    .category {
      margin-bottom: 5px;
    color: #EF5DA3;
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    }

    .product-title {
      margin-bottom: 12px;
    color: #1C1C1C;
    font-family: 'Euclid Circular A Regular';
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    text-transform: uppercase;
    }

    .product-info {
          margin-bottom: 14px;
    color: #8D8D8D;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    span{
      color: #525252;
      font-size: 18px;
      font-style: normal;
      font-weight: 400;
      line-height: 138.889%;
    }
    }

    .price-box {
      display: flex;
      align-items: center;
      gap: 12px;
      margin-bottom: 0px;
    }
.product-details-content{
    .new-price {
    color: #000;
    font-family: 'Euclid Circular A Regular';
    font-size: 28px;
    font-style: normal;
    font-weight: normal;
    line-height: 25px;
    }

    .old-price {
      font-size: 28px;
      color: #A7A7A7;
      text-decoration: line-through;
    }

    .discount {
      color: #C80C0F;
      font-weight: 700;
      font-size: 18px;
    }
 
.tax-text{
color: #565656;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    margin-bottom:10px;
}
    .rating {
          margin-bottom: 12px;
    color: #FDC807;
    font-size: 17px;
    span{
      color: #565656;
    }
    }
  }
    .product-form {
      width: 100%;
    }

    .option-title {
      margin-bottom: 12px;
      color: #010101;
      font-size: 18px;
      font-style: normal;
      font-weight: 400;
      line-height: 25px;
    }

    /* SIZE */

    .size-list {
      display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 12px;
    border-bottom: 1px solid #C9C9C9;
    padding-bottom: 12px;
    }

    .size-list label {
      cursor: pointer;
    }

    .size-list input {
      display: none;
    }

    .size-list span {
      width: 49px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s;
    border-radius: 14px;
    border: 1px solid #000;
    font-size: 15px;
    }

    .size-list input:checked+span {
      background: #EF5DA3;
      color: #fff;
      border-color: #EF5DA3;
    }

    /* COLOR */

    .product-color-list {
      display: flex;
      gap: 12px;
      margin-bottom: 12px;
    border-bottom: 1px solid #C9C9C9;
    padding-bottom: 12px;
    }

    .color-item {
      cursor: pointer;
    }

    .color-item input {
      display: none;
    }

    .color-item span {
      width: 34px;
      height: 34px;
      border-radius: 50%;
      display: block;
      border: 3px solid #fff;
      box-shadow: 0 0 0 1px #ccc;
      transition: .3s;
    }

    .color-item input:checked+span {
      transform: scale(1.12);
      box-shadow: 0 0 0 1px #000;
    }

    /* QTY */

    .qty-wrapper {
      margin-bottom: 30px;
    }

    .qty-box {
      display: flex;
      width: fit-content;
      border: 1px solid #ccc;
    }

    .qty-box button {
      width: 42px;
      height: 42px;
      border: none;
      background: #fff;
      cursor: pointer;
      font-size: 18px;
    }

    .qty-box input {
      width: 55px;
      border: none;
      border-left: 1px solid #ccc;
      border-right: 1px solid #ccc;
      text-align: center;
      outline: none;
    }

    /* BUTTON */

    .cart-btn,
    .buy-btn {
      width: 100%;
      height: 52px;
      border: none;
      cursor: pointer;
      font-size: 16px;
      font-weight: 700;
      transition: .3s;
    }

    .cart-btn {
      color: #fff;
    background: #000;
    margin-bottom: 10px;
    }

    .cart-btn:hover {
      background: #EF5DA3;
    }

    .buy-btn {
      background: #fff;
      border: 1px solid #222;
    }

    .buy-btn:hover {
      background: #111;
      color: #fff;
    }

    /* FEATURE */

    .feature-list {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 18px;
      margin-top: 30px;
    }

    .feature-item {
      display: flex;
    gap: 10px;
    align-items: center;
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    }

section.blog-details.product-details {
    padding-top: 25px;
}
.product-information{
  padding-top: 0;
}
    /* RESPONSIVE */

    @media(max-width:991px) {

      .product-gallery,
      .product-details-content {
        width: 100%;
      }

      .main-item img {
        height: auto;
      }

      .product-title {
        font-size: 30px;
      }

    }

    @media(max-width:600px) {

      .product-gallery {
        flex-direction: column-reverse;
      }

      .thumb-slider {
        width: 100%;
      }

      .thumb-item img {
        height: 90px;
      }

      .feature-list {
        grid-template-columns: 1fr;
      }

    }
.styling-ideas{
  padding:20px 0;
  overflow:hidden;
}

.styling-ideas .section-title{
  margin-bottom:45px;

}

.styling-ideas .styling-wrapper{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:35px;
}

.styling-ideas .style-main-card{
  width:38%;
}

.styling-ideas .style-grid{
  width:50%;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:25px;
}

.styling-ideas .style-card{
  background: #FFF6F2;
  text-decoration:none;
  overflow:hidden;
  position:relative;
  transition:.35s;
}

.styling-ideas .style-card:hover{
  transform:translateY(-8px);
}

.styling-ideas .large-card{
  min-height:720px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:35px 20px;
}

.styling-ideas .large-card .style-image{
  height:620px;
}

.styling-ideas .small-card{
  min-height:320px;
  padding:25px 15px;
}

.styling-ideas .small-card .style-image{
  height:220px;
}

.styling-ideas .wide-card{
  grid-column:span 2;
  min-height:340px;
  padding:25px 20px;
}

.styling-ideas .wide-card .style-image{
  height:240px;
}

.styling-ideas .style-image{
  display:flex;
  align-items:center;
  justify-content:center;
}

.styling-ideas .style-image img{
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  transition:.4s;
}

.styling-ideas .style-card:hover img{
  transform:scale(1.06);
}

.styling-ideas .style-card h3{
  text-align:center;
  margin-top:20px;
  font-size:28px;
  font-weight:500;
  color:#222;
}

.styling-ideas .small-card h3,
.styling-ideas .wide-card h3{
  font-size:24px;
}

.styling-ideas .plus-icon{
  font-size:60px;
  color:#222;
  font-weight:300;
  line-height:1;
}

/* RESPONSIVE */

@media(max-width:991px){

  .styling-ideas .styling-wrapper{
    flex-direction:column;
  }

  .styling-ideas .style-main-card,
  .styling-ideas .style-grid{
    width:100%;
  }

  .styling-ideas .large-card{
    min-height:auto;
  }

  .styling-ideas .large-card .style-image{
    height:500px;
  }

}

@media(max-width:767px){

  .styling-ideas{
    padding:60px 0;
  }

  .styling-ideas .section-title{
    font-size:34px;
    margin-bottom:35px;
  }

  .styling-ideas .style-grid{
    grid-template-columns:1fr;
  }

  .styling-ideas .wide-card{
    grid-column:span 1;
  }

  .styling-ideas .plus-icon{
    font-size:40px;
  }

  .styling-ideas .large-card .style-image{
    height:380px;
  }

  .styling-ideas .small-card .style-image,
  .styling-ideas .wide-card .style-image{
    height:220px;
  }

  .styling-ideas .style-card h3{
    font-size:22px;
  }

}
/* =========================================================
   LAPTOP LARGE (1600px)
   ========================================================= */
@media (max-width: 1600px) {

}

/* =========================================================
   1920px @125% SCALING (1536px viewport)
   ========================================================= */
@media (max-width: 1536px) {

}


/* =========================================================
   LAPTOP STANDARD (1440px / 1366px)
   ========================================================= */
@media (max-width: 1366px) {
 .container {
    max-width: 1200px;
}
.footer-content{
  h2 {
    font-size: 48px;
}

h3{
font-size: 24px;
}
}
#desktopMenu > li > a {
    padding: 10px 10px;
}
.flat-off-item {
    & .flat-off-content {
        h2 {
            font-size: 38px;
        }
        p{
          font-size: 15px;
        }
    }
}
.best-seller-item {
    & .best-seller-content {
        h3 {
            font-size: 26px;
        }
        p{
          font-size: 15px;
        }
    }
}
.best-seller-item {
    & .best-seller-content {
        h3 {
            font-size: 26px;
        }
    }
}
.latest-blouse {
    & .best-seller-content {
        h3, .price {
            font-size: 16px;
        }
    }
}
.latest-saree-collections {
    & .latest-saree-collection-box {
        & .best-seller-item {
            height:450px;
            & .best-seller-content {
                h3 {
                    font-size: 16px;
                }
            }
        }
    }
}
.about-content {
    padding: 12%;
}
.sec-gap {
    padding: 20px 0;
}
.real-result {
    h5 {
        font-size: 14px;
    }
        .latest-blouse-img {
        z-index: 1;
        margin-bottom: 4px;
    }
    .rating {
        font-size: 20px;
    }
}
ul.accordion-list {
    & li {
        & div.answer {
            p {
               font-size: 16px;
               margin-bottom: 0;
            }
        }
    }
}
.how-it-work {
    & .core-value-box {
        &::after {
            background-size: 90px;
            background-position: 26%;
        }
    }
}
.gallery-item {
    height: 480px;
}
.experience-inside {
    & .experience-inside-content {
        .core-value-box {
            padding-inline: 10px;
        }
    }
}
.our-jurney {
    .about-content {
        padding-left: 12%;
    }
}
.about-content {
    .section-title {
        font-size: 34px;
        margin-bottom: 15px;
    }
}
.about-about {
    .about-content {
        padding: 7% 4%;
    }
}
.mission {
    .about-content {
        padding: 7% 4%;
    }
}
.core-value-box {
    padding: 20px;
}
.our-jurney {
    .section-title {
        text-align: left;
        margin-bottom: 40px;
    }
}
}

/* =========================================================
   1920px @150% SCALING (1280px viewport)
   ========================================================= */
@media (max-width: 1280px) {
 
}

/* =========================================================
   TABLET LANDSCAPE
   ========================================================= */
@media (max-width: 1199.98px) {
    #desktopMenu > li > a {
        padding: 10px 6px;
        font-size: 13px;
    }
    .hero-banner {
    & .slide-item {
        .banner-content {
            transform: scale(.81);
        }
    }
}
.flat-off-item {
    .flat-off-content {
        left: 25px;
        width: 55%;
    }
}
.flat-off-item {
    height: 400px;
        &::after {
        background: linear-gradient(270deg, rgb(0 0 0 / 30%) 35%, #2A190E 100%);
    }
}
.bestseller-slider{
  .slick-list{
    margin: 0 -5px;
  }
  .slick-slide{
    margin: 0 5px;
  }
}
.best-seller-item {
    & .best-seller-content {
        h3 {
            font-size: 24px;
            line-height: 110%;
            margin-bottom: 10px;
        }
    }
}
.latest-saree-collections {
    .latest-saree-collection-box {
        background: #F3E8ED;
        padding: 20px;
    }
}
.latest-blouse-slider{
  .slick-list{
    margin: 0 -5px;
  }
  .slick-slide{
    margin: 0 5px;
  }
}
.latest-jewellery {
    & .jewellery-slider {
      .slick-list{
    margin: 0 -5px;
  }
        .slick-slide {
            margin: 0 5px;
        }
                & .best-seller-item {
            & .best-seller-content {
                padding: 15px 16px;
                background: linear-gradient(0deg, #000 0%, rgb(0 0 0 / 35%) 34.18%);
            }
        }
    
    }
}
.flat-off-section {
    .flat-off-item {
        height: 514px;
        .flat-off-content {
            bottom: 30px;
        }
    }
}
.about-content {
        padding: 8%;
    }
    .real-result-slider{
  .slick-list{
    margin: 0 -5px;
  }
  .slick-slide{
    margin: 0 5px;
  }
}
p {
    font-size: 16px;
}
.footer-box {
    padding-block: 26px;
    margin-bottom: 40px;
    padding-top: 0;
}
.gallery-item {
    height: 350px;
}
.experience-inside{
  .about-content {
    padding: 10px;
}
}
.bqt-category {
    & .bqt-category-item {
        span {
            height: 210.699px;
        }
    }
}
}

/* =========================================================
   TABLET PORTRAIT
   ========================================================= */
@media (max-width: 991.98px) {
  .social {
    display: flex;
    gap: 10px;
    align-items: center;
}
    .hero-banner {
        & .slide-item {
            .banner-content {
                transform: scale(.61) translateX(155px);
            }
        }
    }
    .category-list {
    display: flex;
    justify-content: space-between;
    gap: 15px;
}
.section-title {
    font-size: 34px;
    & span {
        &:after, &:before {
            width: 80px;
        }
        &:before {
            left: -90px;
        }
        &::after {
            right: -90px;
        }
    }
}
    .latest-jewellery {
        padding: 15px;
    }
    ul.accordion-list {
    & li {
        h3 {
            font-size: 18px;
            padding-right: 25px;
        }
    }
}
.how-it-work {
    .row .col-lg-3:nth-child(2) {
      .core-value-box{
        &::after{
          display: none;
        }
      }
    }
}
.privacy-policy{
  & .slide-item {
    .banner-content {
        transform: scale(.61) translateX(0px);
    }
}
}
.privacy-policy-content {
    h2 {
        font-size: 22px;
        line-height: 110%;
        margin-bottom: 20px;
    }
}

}

/* =========================================================
   MOBILE LARGE
   ========================================================= */
@media (max-width: 767.98px) {
 
}

/* =========================================================
   MOBILE SMALL
   ========================================================= */
@media (max-width: 575.98px) {
.container-fluid {
    padding: 0 15px;
}
.footer-content{
  h2 {
    font-size: 28px;
}

h3{
font-size: 18px;
}
}
.nav-toggler {
    padding: 0px;
}
    .social {
        gap: 7px;
    }
    header {
    padding-top: 2px;
    padding-bottom: 3px;
}
.top-action{
  .social{
    a{
    display: none;
  }
  }
}
.logo-wrap {
    width: 100px;
    height: auto;
    transition: ease-in-out 0.4s;
}
header.sticky {
    padding-block: 2px;
}
.user-action {
    display: flex;
    gap: 10px;
}
.header-search-box {
    right: 0;
    width: min(340px, calc(100vw - 30px));
}
.header-search-form {
    gap: 8px;
}
.hero-banner {
    position: relative;
    padding: 0 15px;
}

    .category-list {
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
        justify-content: center;
    }
.category-item {
    width: 31%;
}
.flower {
    top: 20px;
    right: -7px;
    width: 30px;
}
.category-list {
    & .category-item:nth-child(2n) {
        .flower {
            top: unset;
            bottom: -10px;
            right: -7px;
        }
    }
}
.category-list {
    p {
        font-size: 16px;
    }
}
.flat-off-item {
    .flat-off-content {
        left: 20px;
        width: 69%;
    }
}
.flat-off-item {
    & .flat-off-content {
        h2 {
            font-size: 30px;
        }
        h5 {
            font-size: 18px;
        }
                    p {
                font-size: 14px;
                margin-bottom: 18px;
            }
    }

}
.primary-btn {
    padding: 11px 28px;
    font-size: 14px;
}
.section-divider {
    img{
      width: 100%;
      height: 15px;
      object-fit: cover;
    }
}
.offer-banner-bg {
    width: 100%;
    margin-block: 4px;
}
.section-title {
        font-size: 24px;
          & span {
            &:after, &:before {
                width: 20px;
            }
            &:before {
                left: -25px;
            }
            &::after {
                right: -25px;
            }
        }
    }
    .mb-35 {
    margin-bottom: 20px;
}
.progress-bar {
    width: 83%;
    height: 1px;
    background: #7B7B7B;
    margin-top: 20px;
    position: relative;
}
.about-content {
          padding: 8% 4%;
    .section-title {
        font-size: 26px;
    }
}
    ul.accordion-list {
        & li {
          margin-bottom: 0;
            h3 {
                font-size: 16px;
                padding-right: 25px;
            }
                        & div.answer {
                p {
                    font-size: 14px;
                    margin-bottom: 0;
                }
            }
        }
    }
    .feeds {
    .section-title {
        font-size: 16px;
    }
}
    .latest-saree-collections {
        .latest-saree-collection-box {
            padding: 20px 10px;
        }
        .feed-box{
          img{
            width: 100%;
          }
        }
    }
    .site-footer {
    padding: 30px 15px;
}
.site-footer-links {
    a {
        font-size: 14px;
        line-height: 29px;
    }
}
.site-footer-heading {
    font-size: 14px;
    margin-bottom: 6px;
}
footer{
  p{
    margin-bottom: 4px;
  }
}
.footer-content {
    h4 {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 6px;
    }
}
.topbar {
    p {
        font-size: 10px;
    }
}
.slick-arrow {
    width: 30px;
    height: 30px;
    &::before {
        width: 7px;
        height: 7px;
    }
}
.slick-next {
    right: 0px;
}
.slick-prev {
    left: 0;
}
    .hero-banner {
        & .slide-item {
            .banner-content {
                transform: scale(.551) translateX(100px);
                height: 204px;
            }
        p {
            font-size: 20px;
            margin-bottom: 4px;
        }
        h1 {
            font-size: 24px;
            margin-bottom: 6px;
        }
        }
    .slick-dots {
        bottom: 7px;
    }
    .slick-dots li {
        width: 6.371px;
        height: 6.371px;
        margin: 0 2px;
        &.slick-active {
            width: 14px;
            background: #ffffff;
            border-radius: 50rem;
        }
    }
    .primary-btn {
        padding: 10px 18px;
        font-size: 14px;
    }
    }
        .inner-banner {
        & .slide-item {
            p {
                font-size: 16px;
                margin-bottom: 4px;
            }
        }
    }
.vission {
    .latest-saree-collection-box {
        padding: 8px;
    }
}
.vission {
    padding-block: 15px;
}
.experience-inside {
    .experience-inside-content {
        margin-top: 0px;
    }
}
    .how-it-work {
        & .core-value-box {
          padding-block: 12px;
            &::after {
               display: none;
            }
        }
    }
    .testmonials{
      p {
        font-size: 14px;
    }
            .latest-saree-collection-box {
            padding: 20px 4px;
        }
        .testi-item {
    h5 {
        font-size: 16px;
        padding-bottom: 10px;
    }
    i{
      margin: 0;
    }
}
    .slick-arrow {
        top: 32%;
                &::before {
            width: 20px;
            height: 20px;
            border-top: 2px solid;
            border-left: 2px solid;
        }
    }
        .slick-next {
        right: -28px;
    }
    .slick-prev {
        left: -28px;
    }
    }
    .blog-banner{
      & .slide-item {
            h1 {
                font-size: 24px;
                margin-bottom: 0px;
            }
        }
    }
    .blog-banner {
    .slide-item {
        padding: 13px;
        margin-top: 0px;
    }
}
.blog-section {
    padding: 15px 0;
}
.blog-section .blog-list .blog-content {
    padding: 10px;
}
.blog-section .blog-list .blog-content h2 {
    margin: 9px 0;
    font-size: 22px;
}
.blog-section .blog-list .blog-list-inner {
  .blog-image{
    order: -1;
  }
  }
  .blog-section .blog-gride .blog-item h4 {
    margin-bottom: 5px;
    font-size: 20px;
    line-height: 25px;
}
.blog-section .blog-gride .blog-item .read-link{
  font-size: 14px;
}
.blog-details {
    padding: 15px 0;
}
.blog-details .blog-content .title {
    font-size: 26px;
    line-height: 125%;
}
.blog-details .blog-content .meta {
    margin-bottom: 20px;
    font-size: 14px;
}
p {
        font-size: 14px;
    }
    .blog-details .blog-content {
    h2 {
        font-size: 20px;
        line-height: 125%;
    }
}
.blog-details .blog-content h3 {
    font-size: 18px;
    line-height: 116%;
    margin-bottom: 15px;
}
body {
    font-size: 14px;
}
.blog-details .blog-nav {

    flex-direction: column;
}
.blog-details .blog-nav .prev, .blog-details .blog-nav .next {
    width: 100%;
}
.blog-details .recent-posts p {
    font-size: 16px;
    margin-bottom: 5px;
}
.blog-details .recent-posts span {
    font-size: 13px;
}
.blog-details .widget h4 {
    margin-bottom: 15px;
    font-size: 24px;
}
.privacy-policy{
  & .slide-item {
    .banner-content {
        transform: scale(.61) translateX(0px);
    }
}
}
.privacy-policy-content {
    h2 {
        font-size: 18px;
        line-height: 110%;
        margin-bottom: 20px;
    }
}
p {
    line-height: 155.111%;
}
.privacy-policy-content {
    h3 {
      font-size: 17px;
    }
}
.privacy-policy-content {
    & ul {
        li {
            font-size: 14px;
            line-height: 115%;
            margin-bottom: 10px;
        }
    }
}
.contact-list {
    h4 {
        margin-bottom: 2px;
        font-size: 20px;
    }
}
.contact-list {
    margin-bottom: 15px;
    width: 90%;
    padding-bottom: 0px;
}
.contact-page {
    h3 {
        font-size: 24px;
        line-height: normal;
        margin-bottom: 16px;
    }
}
.contact-page {
    .form-control {
      padding: 12px 12px;
      margin-bottom: 12px;
      font-size: 14px;
    }
}

.ceo-founder {
    .about-content {
        padding: 20px 0px;
    }
}
.our-jurney {
    .about-content {
        padding: 0;
        padding-left: 0;
        padding-bottom: 30px;
    }
}
.journey-timeline {
    padding-left: 50px;
    width: 100%;
}
.our-journey-step {
    margin-bottom: 15px;
}
.our-journey-step-circle {
    left: -50px;
    width: 40px;
    height: 40px;
    font-size: 12px;
}
.vission {
    .about-content {
        padding: 15px 5px;
    }
}
.core-value-box {
    h3 {
    font-size: 18px;
    }
}
.journey-timeline::before {
    left: 19px;
}
.journey-timeline::after {
    left: 14px;
}
.our-journey-step-card {
    border-radius: 14px;
    padding: 12px 12px;
}
.our-journey-step-card-title {
    margin-bottom: 0px;
    font-size: 20px;
}
.our-journey-step-card-desc{
  margin: 0;
}
.our-journey-step-circle::before {
    top: -32px;
}
.product-listing-banner {
    & .slide-item {
          .banner-content {
                transform: scale(.551) translateX(0px);
                height: 204px;
            }
    }
}
.shop-heading {
    gap: 0;
    margin-bottom: 10px;
    }
    .shop-heading span {
    font-size: 14px;
}
.shop-heading h2 {
    font-size: 18px;
}
.product-content {
    h2 {
        font-size: 18px;
        margin-bottom: 8px;
    }
}
.product-content {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
/* ── Bagisto gallery inside ritz layout ── */
.ritz-bagisto-gallery {
    width: 49%;
    min-width: 0;
}
.ritz-bagisto-gallery .sticky {
    position: relative !important;
    top: unset !important;
}
.ritz-bagisto-gallery img {
    border-radius: 8px;
}
/* .ritz-bagisto-gallery .max-1180\:hidden {
    display: flex !important;
} */
.ritz-bagisto-gallery .min-1180\:hidden {
    display: none !important;
}

/* ── Custom gallery (no Slick) ── */
.ritz-thumb-list {
    width: 100px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    overflow-y: auto;
    max-height: 768px;
    scrollbar-width: none;
}
.ritz-thumb-list::-webkit-scrollbar { display: none; }

.ritz-thumb {
    width: 100px;
    height: 120px;
    flex-shrink: 0;
    cursor: pointer;
    position: relative;
    border: 2px solid transparent;
    transition: border-color .25s;
    overflow: hidden;
}
.ritz-thumb.active,
.ritz-thumb:hover {
    border-color: #d9005b;
}
.ritz-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ritz-main-wrap {
    flex: 1;
    overflow: hidden;
    position: relative;
}
.ritz-main-item {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.ritz-main-item.active {
    display: block;
    position: relative;
}
.ritz-main-item img {
    width: 100%;
    height: 768px;
    object-fit: cover;
}

@media (max-width: 767px) {
    .ritz-thumb-list {
        flex-direction: row;
        width: 100%;
        max-height: none;
        overflow-x: auto;
        overflow-y: hidden;
    }
    .ritz-thumb {
        width: 70px;
        height: 80px;
    }
    .ritz-main-item img {
        height: 400px;
    }
}

.product-gallery {
    height: auto;
}

.thumb-slider {
  margin-top: 14px;
    .slick-prev {
        left: -11px;
        transform: rotate(1deg);
        bottom: 28px;
        top: unset;
    }
    .slick-next {
        right: -10px;
        top: 46px;
                &::before {
            content: '';
            transform: rotate(314deg);
            margin-right: 2px;
        }
    }
}
    .product-title {
        font-size: 24px;
    }
    .product-info {
    span {
        font-size: 16px;
    }
}
        }

        .overflow-y-auto {
    z-index: 999;
}

.sec-gap.policy img{
  display:inline-block !important;
}



p.price-label {
    display: none;
}
.size-chart-trigger {
button{
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 10px;
    color: #ef5da3;
}
}
.product-info{
p{
    margin-bottom: 4px;
}
}

.mb-8.mt-6.grid.gap-4.max-md\:mb-0.max-sm\:mt-4.max-sm\:gap-2\.5
 {
  div:nth-child(2) {
    display: none;
  }
}