* {
    margin: 0%;
    padding: 0%;
    font-family: 'Inter', sans-serif;
}

ul {
    list-style: none;
}

a {

    text-decoration: none;
}

/* Horizontal scroll fix */

html,
body {
    overflow-x: hidden;
    max-width: 100vw;
    margin: 0;
    padding: 0;
    height: 100%;
}

#root {
    /* overflow-x: hidden; */
    overflow: visible;
    max-width: 100vw;
    min-height: 100vh;
}

.hover-image-box {
    width: 90% !important;
    max-width: 1200px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
}

.hover-image-box .div-div-div {
    width: 100% !important;
    overflow-x: hidden !important;
}

@media (max-width: 768px) {
    .hover-image-box {
        width: 95% !important;
    }
}

/* header part start  */

button.ant-btn.css-dev-only-do-not-override-1odpy5d.ant-btn-primary.ant-btn-color-primary.ant-btn-variant-solid {
    background: transparent !important;
}

:where(.css-1odpy5d).ant-btn-variant-solid {
    background-color: transparent;
}


/*menu*/
.ant-btn-primary,
.ant-btn-link,
.ant-menu-item,
.ant-menu-title-content,
button.ant-btn-primary span,
.ant-btn-color-primary .anticon,
.ant-menu-item:hover,
.ant-menu-submenu-title:hover {
    /* color: #161514 !important; */

    color: #000 !important;
}

:where(.css-dev-only-do-not-override-1v5z42l).ant-btn-color-primary,
:where(.css-1v5z42l).ant-btn-color-primary,
.ant-btn-primary {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

.ant-btn-primary:focus,
.ant-btn-primary:active,
.ant-btn-primary:focus-visible {
    box-shadow: none !important;
    outline: none !important;
}

:where(.css-dev-only-do-not-override-1v5z42l).ant-btn-color-primary {
    color: #000 !important;
    /* color:#161514; */
    box-shadow: none !important;
}

:where(.css-dev-only-do-not-override-1odpy5d).ant-btn-variant-solid {
    color: #fff;
    background: transparent !important;
}

:where(.css-dev-only-do-not-override-1v5z42l).ant-btn-variant-solid:not(:disabled):not(.ant-btn-disabled):hover {
    background-color: white !important;
    color: #fff;
}

:where(.css-dev-only-do-not-override-1v5z42l).ant-btn-variant-solid:not(:disabled):not(.ant-btn-disabled):active {
    background-color: white !important;
    color: #fff;
}

:where(.css-dev-only-do-not-override-1m63z2v).ant-btn-color-primary {
    /* color: #161514; */
    color: #000 !important;
    box-shadow: none !important;
}

.all-main {
    position: sticky !important;
    top: 0%;
    z-index: 999 !important;
    border-bottom: 1px solid #bc6a38;
    background-image: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)),
        url('/assets/img/Background/B1.JPG');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.top-head {
    display: block;
    width: 100%;
    /* background-color: white;  */
    background-color: transparent;
    border-bottom: 1px solid black;
}


.container {
    width: 100%;
    max-width: 1400px;
    display: block;
    box-sizing: border-box;
    padding: 0px 15px;
    margin: 0 auto;
}

.top-head .top-head-inner-main {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -15px;
}

.top-head .top-head-inner-main .top-head-child {
    width: 50%;
    display: block;
    padding: 0px 15px;
    box-sizing: border-box;
}

.top-head .top-head-inner-main .top-head-child .top-head-inner-child .top-menu {
    display: flex;
    list-style: none;
    padding: 6px 0px;
}

.top-head .top-head-inner-main .top-head-child .top-head-inner-child .top-menu>li {
    padding: 0px 10px;
    font-size: 14px;
}

.top-head .top-head-inner-main .top-head-child .top-head-inner-child .top-menu>li>a {
    text-decoration: none;
    color: #333;
    font-weight: 200;
    opacity: 0.8;
    position: relative;
    display: inline-block;
}

.top-head .top-head-inner-main .top-head-child .top-head-inner-child .top-menu>li>a::after {
    content: '';
    position: absolute;
    width: 0%;
    height: 2px;
    bottom: -4px;
    left: 0;
    background-color: #333;
    /* Change to your preferred color */
    transition: width 0.3s ease-in-out;
}

.top-head .top-head-inner-main .top-head-child .top-head-inner-child .top-menu>li>a:hover::after {
    width: 100%;
}

.top-head .top-head-inner-main .top-head-child:nth-child(2) {
    align-self: end;
    display: flex;
    justify-content: end;
}

.top-head .top-head-inner-main .top-head-child:nth-child(1) {
    align-self: center;
    display: flex;
    justify-content: flex-start;
}

.top-head .top-head-inner-main .top-head-child .top-head-inner-child .top-menu>li .top-icon {
    font-size: 20px;
}

.middle-head-main {
    display: block;
    width: 100%;
    /* padding: 20px 0px; */
    background-color: transparent;
}

.middle-head-main .middle-head-inner-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0px;
    margin: 0px 17px;
}


.middle-head-main .middle-head-inner-main .middle-head-child {
    flex: 1;
    display: flex;
    align-items: center;
}

.middle-icon {
    font-size: 25px;
    /* padding: 0px 10px; */
    /* opacity: 0.7; */
    /* color: #161514; */
    color: #000 !important;
}

/* #middle-icon {
    opacity: 0.6; 
} */

.middle-down {
    position: absolute;
    top: 18%;
    left: 78%;
}

/* .middle-head-main .middle-head-inner-main .middle-head-child .middle-head-inner-child img {
    width: 6%;
} */

.middle-head-inner-child {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.middle-head-inner-child1 {
    display: none;
}

:where(.css-dev-only-do-not-override-1m63z2v).ant-btn-color-primary {
    color: black !important;
    box-shadow: none !important;
    font-size: 17px;
}

.middle-head-child:nth-child(1) {
    align-self: center;
    display: flex;
    justify-content: flex-start;
}

.logo-container-main {
    text-align: center;
    width: 100%;
    /* margin-bottom: 10px; */
}

.header-logo-img {
    height: 80px;
    width: auto;
}

/* Playfair Display for Tagline */

/* @import url('https://fonts.cdnfonts.com/css/amoera'); */
@import url('https://fonts.cdnfonts.com/css/pp-pangaia');

.logo-tagline {
    /* font-family: 'Playfair Display', serif;  */
    /* font-family: 'Cinzel', serif; */
    /* font-family: 'amoera', sans-serif; */
    font-family: 'PP Pangaia', sans-serif;
    font-size: 16px;
    color: #666;
    margin-top: -10px;
    font-weight: 1200px;
    letter-spacing: 0.5px;
}

/* Navigation Menu Row */
.nav-menu-wrapper {
    display: flex;
    justify-content: center;
    padding: 0;
    border-top: none !important;
}

.middle-menu {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 35px;
    /* Links vache ni space */
}

.middle-menu li a {
    font-size: 18px;
    color: #000;
    font-weight: 400;
    text-decoration: none;
}

.middle-head-child:nth-child(3) {
    align-self: center;
    display: flex;
    justify-content: end;
}

.middle-head-main .middle-head-inner-main .middle-head-child .middle-head-inner-child .middle-menu>li {
    font-size: 18px;
    padding: 0px 20px;
}

.middle-head-main .middle-head-inner-main .middle-head-child .middle-head-inner-child .middle-menu>li>a {
    position: relative;
    display: inline-block;
    color: #000000;
    text-decoration: none;
}

.middle-menu>li>a::after {
    content: '';
    position: absolute;
    width: 0%;
    height: 2px;
    bottom: -8px;
    left: 0;
    background-color: #000;
    /* Change to your preferred color */
    transition: width 0.3s ease-in-out;
}

.middle-menu>li>a:hover::after {
    width: 100%;
}

.bottom-main {
    display: block;
    width: 100%;
    /* background: rgba(188, 106, 56, 1); */
    background: #9A5BA7;
    padding: 10px 0px;
    color: rgba(255, 255, 255, 1);
}

.bottom-main .bottom-inner-main .bottom-child .bottom-inner-child {
    display: flex;
    justify-content: center;
}

.bottom-main .bottom-inner-main .bottom-child .bottom-inner-child .botton-one {
    /* font-size: 20px; */
    /* font-weight: bold; */
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .2em;
    text-transform: uppercase;
    word-spacing: 5px;
}

.botton-two {
    font-size: 14px;
    /* padding: 0px 15px; */
    text-decoration: underline;
    padding-left: 15px;
}

.search-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    /* background-color: #f0edea; */
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999;
}

.search-box {
    border: 1px solid #d5b3a8;
    background: white;
    width: 60%;
    display: flex;
    align-items: center;
    padding: 10px 20px;
    position: relative;
}

.search-box input {
    flex: 1;
    border: none;
    outline: none;
    font-size: 1.2rem;
}

.search-icon {
    margin-left: 10px;
    cursor: pointer;
}

.close-icon {
    margin-left: 10px;
    font-size: 1.5rem;
    cursor: pointer;
}

/* header part end  */
/* banner part start  */

.banner-main {
    display: block;
    width: 100%;
}

.banner-main .banner-inner-main .banner-child .banner-inner-child>img {
    display: block;
    width: 100%;
    height: auto;
}

/* banner part end  */

/* about part start  */
.about-main {
    display: block;
    width: 100%;
    background-color: white;
    padding: 50px 0px;
}

.about-inner-main {
    display: flex;
    justify-content: center;
}

.about-child {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    padding: 0px 20px;
}

.about-one {
    font-size: 45px !important;
    color: #000;
    /* color: rgba(47, 65, 87, 1); */
    font-family: 'IM Fell French Canon', serif !important;
    text-align: center;
    margin-bottom: 30px;
    position: relative;
    padding-bottom: 20px;
}


.about-one::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 120px;
    height: 2px;
    background: linear-gradient(90deg, transparent, #2f4157, transparent);
}

.about-two {
    font-size: 20px !important;
    line-height: 1.8;
    color: #536660;
    text-align: justify;
    hyphens: auto;
}

.about-three {
    color: rgba(47, 65, 87, 1);
}

.about-btn {
    display: flex;
    flex-wrap: wrap;
    cursor: pointer;
}

.about-four {
    font-size: 21px;
    color: #9A5BA7;
    display: flex;
    justify-content: center;
    align-self: center;
}

/* about part end  */

/* bio part start  */
.bio-main {
    display: block;
    width: 100%;
    background-color: white;
    padding: 0px 0px;
}

.bio-main .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.bio-one {
    font-size: 45px !important;
    font-family: 'IM Fell French Canon', serif !important;
    /* color: rgba(47, 65, 87, 1); */
    color: #000;
    text-align: center;
    width: 100%;
    margin-bottom: 50px;
    position: relative;
    padding-bottom: 20px;
}

.bio-one::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 120px;
    /* આની લંબાઈ થોડી ઓછી રાખી છે */
    height: 2px;
    background: linear-gradient(90deg, transparent, #2f4157, transparent);
}

.bio-main .bio-inner-main {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
}

/* PHOTO SECTION - LEFT SIDE */
.bio-main .bio-inner-main .bio-child:nth-child(1) {
    flex: 0 0 auto;
    order: 1;
}

/* DESCRIPTION SECTION - RIGHT SIDE */
.bio-main .bio-inner-main .bio-child:nth-child(2) {
    flex: 0 1 600px;
    order: 2;
}

/* Photo Image Adjustments */
.bio-main .bio-inner-main .bio-child .bio-inner-child>img {
    display: block;
    width: 100%;
    max-width: 250px;
    height: auto;
    border-radius: 0px;
    /* Sharp edges */
}

/* Description Text Adjustments */
.bio-two {
    font-size: 20px !important;
    line-height: 1.8;
    /* color: rgba(47, 65, 87, 1); */
    color: #536660;
    text-align: justify;
    margin: 0;
}

.bio-btn {
    display: flex;
}

.bio-three {
    display: flex;
    justify-content: center;
    align-self: center;
    background: #9A5BA7;
    padding: 13px 35px;
    border-radius: 21px;
    font-size: 16px;
    color: rgba(255, 255, 255, 1);
    letter-spacing: 5%;
    font-size: 16px;
}

/* bio part end  */

/* category part start  */

.category-main {
    display: block;
    width: 100%;
    /* background-color: #edece7; */
    padding: 50px 0px !important;
}

.category-main .category-text .category-one {
    text-align: center;
    font-size: 45px;
    font-family: 'IM Fell French Canon', serif;
    color: rgb(0, 0, 0);
    position: relative;
    padding-bottom: 20px;
}

.category-one {
    text-align: center;
    font-size: 45px !important;
    font-family: 'IM Fell French Canon', serif;
    color: rgb(0, 0, 0);
    position: relative;
    padding-bottom: 20px;
}

.category-one::after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 150px;
    height: 2px;
    background: linear-gradient(90deg, transparent, #2f4157, transparent);
}

.category-main .category-inner-main {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -15px;
}

.category-main .category-inner-main .category-child {
    padding: 30px 15px;
    box-sizing: border-box;
    /* width: 50%; */
}

.category-main .category-inner-main .category-child:nth-child(1) {
    width: 50%
}

.category-main .category-inner-main .category-child:nth-child(2) {
    width: 50%;
}

.category-two {
    font-size: 40px;
    font-family: 'IM Fell French Canon';
    padding-bottom: 40px;
    font-weight: 400;
    color: rgba(47, 65, 87, 1);
}

.category-three {
    font-size: 20px;
    line-height: 27px;
    color: rgba(47, 65, 87, 1);
}

.category-btn {
    display: flex;
}

.category-four {
    display: flex;
    justify-content: center;
    align-self: center;
    font-size: 21px;
    color: #9A5BA7;
}

.category-img {
    display: flex;
    gap: 25px;
    /* align-items: flex-end; */
    justify-content: center;
}

.category-img img {
    height: 450px;
    width: 40px;
    border-radius: 20px;
    object-fit: cover;
    transition: all 0.4s ease-in-out;
    cursor: pointer;
}

.category-img img.zoomed {
    width: 335px;
    height: 450px;
    border-radius: 30px;
    /* border-top-right-radius: 0px;
    border-bottom-right-radius: 130px;
    border-top-left-radius: 80px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 130px; */
}

/* category part end  */


.video-main {
    position: relative;
}

#myvideo {
    width: 100%;
    height: 500px;
    overflow: hidden;
    object-fit: cover;
}

.video-one {
    font-size: 30px;
    font-family: Libre Caslon Text;
    text-align: center;
    text-transform: uppercase;
    color: white;
}

.video-two {
    font-size: 20px;
    text-align: center;
    font-family: Libre Caslon Text;
    letter-spacing: 8%;
    color: white;
}

.video-child {
    position: absolute;
    top: 50%;
    left: 21%;
    transform: translate(0, -50%);
}

/* category part end  */

/* work part start  */

.work-main {
    display: block;
    width: 100%;
    background-color: white;
    padding: 100px 0px;
}

.work-main .work-inner-main {
    display: flex;
    flex-wrap: wrap;
    /* margin: 0px -15px; */
}

.work-main .work-inner-main .work-child {
    /* width: 50%; */
    padding: 0px 15px;
    display: block;
    box-sizing: border-box;
}

.work-main .work-inner-main .work-child:nth-child(1) {
    width: 40%;
    display: flex;
    justify-content: center;
    align-self: center;
}

.work-main .work-inner-main .work-child:nth-child(2) {
    width: 60%;
}

.work-main .work-inner-main .work-child .work-inner-child>img {
    /* width: 100%; */
    height: auto;
    display: block;
}

.work-main .work-inner-main .work-child .work-inner-child .work-one {
    font-family: 'IM Fell French Canon', serif !important;
    font-size: 45px;
    text-align: end;
    line-height: 80%;
    padding-bottom: 20px;
}

.work-two {
    font-size: 20px;
    line-height: 27px;
    color: #536660;
    text-align: justify;
    color: #333;
    font-weight: 200;
    text-align: end;
    padding-bottom: 15px;
}

.work-box {
    background: #9A5BA7;
    border-radius: 25px;
    padding: 12px 0px;
    margin: 20px 0px;
    width: 50%;
    align-self: end;
    margin-left: auto;
}

.work-item {
    display: flex;
}

.work-icon {
    font-size: 30px;
    padding-left: 15px;
    padding-top: 10px;
    color: white;
}

.work1-three {
    font-size: 18px;
    line-height: 27px;
    color: #536660;
    ;
    margin: 0;
    padding-bottom: 8px;
    text-align: justify;
}

.work1-gap {
    margin-top: 5px;
}

.work-four {
    font-size: 18px;
    color: white;
    padding: 0px 10px;

}

.work-btn {
    display: flex;
    justify-content: end;
    padding-top: 15px;
}

.work-five {
    display: flex;
    justify-content: center;
    align-self: center;
    background: #9A5BA7;
    color: rgba(255, 255, 255, 1);
    padding: 13px 35px;
    border-radius: 21px;
    font-size: 16px;
}

/* work part end  */

/* client part start */

/* .client-main {
    width: 100%;
    background-color: #E5DCD3;
    padding: 100px 0px;
    font-family: 'IM FELL French Canon', serif;
}

.client-one {
    font-size: 55px;
    text-align: center;
    line-height: 80px;
}

.client-inner-main {
    display: flex;
    flex-wrap: wrap;
    margin-top: 50px;
    align-items: center;
    justify-content: center;
}

.client-child {
    padding: 0px 15px;
    box-sizing: border-box;
}

.client-child:nth-child(1) {
    width: 40%;
}

.client-child:nth-child(2) {
    width: 60%;
}

.client-main .client-inner-main .client-child>img {
    width: 5%;
    padding-bottom: 10px;
}

.client-img-box {
    display: flex;
    justify-content: center;
    align-items: center;
}

.client-img-single {
    width: 250px;
    height: 250px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #000;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
}

.client-quote {
    font-size: 40px;
    margin-bottom: 20px;
}

.client-review {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 20px;
    height: 100px;
}

.client-name {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 20px;
    padding-right: 40px;
}

.client-dots {
    display: flex;
    gap: 8px;
    margin-bottom: 20px;
    justify-content: center;
    align-self: center;
    position: absolute;
    left: 27%;
}

.client-menu {
    display: flex;
    position: relative;
}

.dot {
    width: 50px;
    height: 5px;
    background: #c0b7b7;
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

.dot.active {
    background-color: #3d3d3d;
    width: 50px;
}

.client-next-btn {
    width: 40px;
    height: 40px;
    background: #000;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    cursor: pointer;
    position: absolute;
    right: 20%;
    top: -24%;
} */
.client-main {
    background-color: white;
    padding: 100px 0;
    font-family: 'IM Fell French Canon', serif;
    overflow: hidden;
}

.client-one {
    font-size: 55px;
    text-align: center;
    line-height: 80px;
    font-family: 'IM Fell French Canon';
    color: rgba(47, 65, 87, 1);
}

.carousel-wrapper {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-top: 50px;
}

.carousel-inner {
    display: flex;
    transition: transform 0.6s ease-in-out;
    width: 100%;
}

.carousel-item {
    display: flex;
    flex: 0 0 100%;
    padding: 0 20px;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
}

.carousel-left {
    width: 40%;
    display: flex;
    justify-content: center;
}

.carousel-right {
    width: 60%;
    position: relative;
    padding-left: 45px;
}

.client-img-single {
    width: 400px;
    height: 400px;
    /* border-radius: 50%; */
    object-fit: cover;
    /* border: 2px solid #000; */
    /* box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2); */
}

.quote-img {
    width: 30px;
    margin-bottom: 10px;
}

.client-review {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 20px;
}

.client-name {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 20px;
}

.client-dot {
    width: 50px;
    height: 5px;
    background: #c0b7b7;
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

.client-dot.active {
    background-color: #3d3d3d;
}

.client-menu {
    display: flex;
    justify-content: center;
    position: relative;
    padding-top: 50px;
}

.client-dots {
    display: flex;
    justify-content: center;
    /* margin-top: 30px; */
    gap: 8px;
    align-self: center;
    padding-left: 5%;
}


.client-next-btn {
    width: 40px;
    height: 40px;
    background: #000;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    cursor: pointer;
    /* margin: 20px auto; */
    position: absolute;
    right: 32%;
    top: 54%;
    align-self: center;
}


/* client part end  */

/* second page start  */

/* bio1 block start  */
.bio1-main {
    display: block;
    width: 100%;
    background-color: white;
    padding: 100px 0px;
}

.bio1-main .bio1-inner-main {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -15px;
}

.bio1-main .bio1-inner-main .bio1-child {
    padding: 0px 15px;
    box-sizing: border-box;
}

.bio1-main .bio1-inner-main .bio1-child:nth-child(1) {
    width: 63%;
    display: flex;
    justify-content: center;
    align-self: center;
}

.bio1-main .bio1-inner-main .bio1-child:nth-child(2) {
    width: 37%;
    display: flex;
    justify-content: center;
}

.bio1-main .bio1-inner-main .bio1-child .bio1-inner-child img {
    width: 100%;
}

.bio1-one {
    font-size: 25px;
    color: #536660;
    line-height: 38px;
}

/* bio1 block end  */
/**/
.bio2-main {
    display: block;
    width: 100%;
    background-color: white;
    padding: 100px 0;
}

.bio2-main .bio2-inner-main {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -15px;
}

.bio2-main .bio2-inner-main .bio2-child {
    padding: 0px 15px;
    box-sizing: border-box;
}

.bio2-main .bio2-inner-main .bio2-child:nth-child(2) {
    width: 60%;
    display: flex;
    justify-content: center;
    align-self: center;
}

.bio2-main .bio2-inner-main .bio2-child:nth-child(1) {
    width: 40%;
    display: flex;
    justify-content: center;
}

.bio2-main .bio2-inner-main .bio2-child .bio2-inner-child img {
    width: 100%;
}

.bio2-one {
    font-size: 25px;
    color: #536660;
    line-height: 38px;
}

.bio2-two {
    margin-left: 180px;
}

/**/
.journey-container {
    background-color: white;
    padding: 100px 0;
    font-family: Arial, sans-serif;
}

.journey-title {
    text-align: center;
    font-size: 2.5rem;
    color: #0f1e5a;
    font-weight: bold;
    margin-bottom: 50px;
}

.timeline {
    position: relative;
    max-width: 1000px;
    margin: auto;
    padding: 20px 0;
}

.line-wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 4px;
    z-index: 1;
}

.base-line {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #0f1e5a;
}

.journey-dot {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 14px;
    height: 14px;
    background-color: #0f1e5a;
    border-radius: 50%;
    z-index: 2;
}

/* Timeline Items */
.timeline-item {
    position: relative;
    width: 50%;
    padding: 30px 40px;
    box-sizing: border-box;
    opacity: 0;
    transition: all 0.6s ease-out;
}

.timeline-item.left {
    left: 0;
    text-align: right;
    transform: translateX(-100px);
}

.timeline-item.right {
    left: 50%;
    text-align: left;
    transform: translateX(100px);
}

.timeline-item.show {
    opacity: 1;
    transform: translateX(0);
}

.timeline-item .content {
    background: transparent;
    color: #0f1e5a;
    font-size: 1rem;
}

.timeline-item h3 {
    font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: 10px;
}

/* workshop page start  */
.work1-main {
    display: block;
    width: 100%;
    background-color: white;
    padding: 50px 0;
}

.work1-main .work1-inner-main {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -15px;
}

.work1-main .work1-inner-main .work1-child {
    /* width: 50%; */
    display: block;
    padding: 0px 15px;
    box-sizing: border-box;
}

.work1-main .work1-inner-main .work1-child .work1-inner-child>img {
    display: block;
    max-width: 390px;
    height: auto;

}

.work1-main .work1-inner-main .work1-child:nth-child(1) {
    width: 40%;
    display: flex;
    justify-content: center;
    align-self: center;
    margin-top: 15px;
}

.work1-main .work1-inner-main .work1-child:nth-child(2) {
    width: 50%;
}

.work1-one {
    font-family: 'IM Fell French Canon', serif !important;
    font-size: 45px;
    line-height: 80px;
    padding-bottom: 20px;
    /* margin-bottom: 20px; */
    letter-spacing: 0.5px;
}

.work1-two {
    font-size: 20px;
    color: #000000;
    line-height: 22px;
}

.work1-three {
    font-size: 20px;
    color: #536660;
    line-height: 22px;
    padding: 10px 0px;
}

.work2-main {
    display: block;
    width: 100%;
    background-color: #ffffff !important;
    /* padding: 40px 0 20px; */
    /* background-color: #edece7; */
}


.work2-text {
    text-align: center;
    position: relative;
    padding-top: 0px;
    /* background-color: #edece7 !important; */
}


.exhibition-spacing {
    border-top: 20px solid #ffffff;
    /* White line */
    /* padding-top: 60px;  */

}

#work2one {
    padding-top: 10px;
}

.work2-one {
    font-size: 45px;
    font-family: 'IM Fell French Canon', serif !important;
    /* line-height: 1.2; */
    color: #000000;
    text-transform: capitalize;
    margin: 0;
    padding-bottom: 20px;
    margin-bottom: 20px;
    position: relative;
    display: inline-block;
    background-color: #ffffff;

    /* background-color: transparent; */
}

.work2-one::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 120px;
    height: 2px;

    background: linear-gradient(90deg, transparent, #000000, transparent) !important;
}

.work2-two {
    font-size: 20px;
    text-align: left;
    line-height: 30px;
    color: #536660;
    padding-top: 20px;
}

.work2-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    /* padding: 100px 0; */
    position: relative;
}

/* workshop page end  */


.slider-window {
    overflow: hidden;
    width: 880px;
    /* 220px x 4 images */
}

.slider-track {
    display: flex;
    transition: transform 0.3s ease-in-out;
}

.img-wrapper {
    min-width: 220px;
    flex-shrink: 0;
    padding: 10px;
}

.img-wrapper img {
    width: 100%;
    height: auto;
    border-radius: 10px;
}

.arrow {
    background-color: transparent;
    border: none;
    font-size: 2rem;
    cursor: pointer;
}

.slider1-main {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    padding: 100px 0;
    position: relative;
}

.slider-window {
    width: 1150px;
    /* 5 images * 220px (image + margin) */
    overflow: hidden;
}

.slider-track {
    display: flex;
    gap: 63px;
    transition: transform 0.3s ease-in-out;
    overflow-x: auto;
    scroll-behavior: smooth;
    scrollbar-width: none;
}

.slider-track::-webkit-scrollbar {
    display: none;
}

.img-wrapper {
    flex: 0 0 auto;
    width: 200px;
    height: 300px;
    background-color: #ffffff;
    border-radius: 50% / 40%;
    overflow: hidden;
}


.img-wrapper {
    flex: 0 0 auto;
    width: 200px;
    height: 300px;
    background-color: rgba(47, 65, 87, 1);
    border-radius: 50% / 40%;
    overflow: hidden;
    transition: all 0.4s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.img-wrapper img {
    width: 100%;
    height: 100%;
    /* object-fit: cover; */
}


.img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50% / 40%;
    transition: transform 0.4s ease;
}

.img-wrapper:hover img {
    transform: scale(1.1);
    /* zoom */
}

.arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: white;
    border: 1px solid #000;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    font-size: 18px;
    cursor: pointer;
    z-index: 10;
}

.arrow.left {
    left: 20px;
}

.arrow.right {
    right: 20px;
}


/* selling part start  */
/* Animation for image */
.fade-in {
    animation: fadeIn 0.8s ease-in-out forwards;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: scale(0.95);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

.selling-main {
    background-color: white;
    padding: 40px 0;
    font-family: 'Georgia', serif;
}

.title {
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 30px;
}

.selling-inner-main {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 40px;
    position: relative;
}

.slider-button {
    position: absolute;
    top: 28%;
    left: 33%;
}

.selling-left {
    flex: 1;
}

.selling-category-list {
    list-style: none;
    padding: 0;
    margin: 0 0 30px 0;
}

.selling-category-list li {
    font-size: 14px;
    color: #333;
    margin-bottom: 15px;
    letter-spacing: 1px;
    cursor: pointer;
    position: relative;
}

.selling-one {
    font-size: 45px;
    padding: 50px 0px;
    position: relative;
    color: rgba(47, 65, 87, 1);
    font-family: 'IM Fell French Canon';
}

.selling-one::before {
    content: '';
    width: 45%;
    height: 4px;
    background-color: #3c4c44;
    position: absolute;
    bottom: 10px;
    bottom: 13%;
    border-radius: 10px;
}

.selling-collection-link {
    display: flex;
    align-items: center;
    font-weight: bold;
    font-size: 14px;
    letter-spacing: 1px;
}

.selling-collection-link span {
    color: #9A5BA7;
}

.about-five {
    height: 90px;
    width: 290px;
    padding-left: 20px;
}

.setting-img {
    height: 350px;
    width: 250px;
    padding: 20px;
    /* border-top-right-radius: 40%;
    border-bottom-left-radius: 40%; */
}

.selling-child {
    width: 35%;
    padding: 0px 15px;
}

.selling-child:nth-child(2) {
    display: flex;
    justify-content: end;
    width: 65%;
}

.selling-inner-child-flex {
    display: flex;
}

.selling-right {
    flex: 2;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.selling-arrow-button {
    background: black;
    color: white;
    border: none;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    font-size: 18px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 85%;
    margin-top: 6%;
}

.selling-count {
    font-size: 50px;
    margin: 10px 0px;
    color: rgba(47, 65, 87, 1);
}

.selling-nav-slide {
    height: 5px;
    width: 40px;
    background-color: gray;
    border-radius: 10px;
}

.selling-nav-slide {
    width: 40px;
    height: 4px;
    background-color: gray;
    margin: 0 2px;
    display: inline-block;
    transition: background-color 0.3s;
}

.selling-nav-slide.active {
    background-color: rgba(47, 65, 87, 1);
}

/* selling part end  */

/* shop part start  */
.shop-main {
    display: block;
    width: 100%;
    background-color: white;
}

.shop-main .shop-inner-main {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -15px;
    padding: 30px 0px;
}

.shop-main .shop-inner-main .shop-child {
    display: block;
    box-sizing: border-box;
    padding: 0px 15px;
}

.shop-main .shop-inner-main .shop-child:nth-child(1) {
    width: 20%;
}

.shop-main .shop-inner-main .shop-child:nth-child(2) {
    width: 80%;
}

.shop-main .shop-inner-main .shop-child .shop-inner-child {
    display: flex;
    flex-wrap: wrap;
}

.shop-main .shop-inner-main .shop-child .shop-inner-child .item {
    position: relative;
    width: 33.33%;
    box-sizing: border-box;
    padding: 0px 15px;
    overflow: hidden;
    /* margin: 15px 0px; */
    margin-bottom: 30px;
}

.shop-main .shop-inner-main .shop-child .shop-inner-child .item>img {
    display: block;
    height: auto;
    width: 100%;
    /* position: relative; */
    height: 300px;
}

.imgimgimg {
    display: block;
    height: auto;
    width: 100%;
    /* position: relative; */
    height: 300px;
    object-fit: contain;
}


.shop-main .shop-inner-main .shop-child .shop-inner-child .item .shop-box {
    display: flex;
    margin: 10px 0px;
    justify-content: space-between;
}

.shop-main .shop-inner-main .shop-child .shop-inner-child .item .shop-box .s1 {
    margin-bottom: 15px;
    display: block;
    color: #686565;
    font-weight: 500;
    font-size: 1.125rem;
    transition: .3s;
}

.shop-main .shop-inner-main .shop-child .shop-inner-child .item .shop-box .s2 {
    font-size: 18px;
    font-weight: 600;
    color: #000000;
}

.shop-main .shop-inner-main .shop-child .shop-inner-child .item .Quiek-view {
    background-color: #e2e2e2;
    text-align: center;
    padding: 9px 0px;
    width: 92%;
    position: absolute;
    opacity: 0;
    transition: 0.2s linear;
    bottom: 15%;
    z-index: 1;
    cursor: pointer;
}

.shop-main .shop-inner-main .shop-child .shop-inner-child .item:hover .Quiek-view {
    display: block;
    opacity: 1;
    bottom: 13%;
}

.shop-main .shop-inner-main .shop-child .shop-inner-child .item:hover .Quiek-view>.q1 {
    display: inline-block;
    cursor: pointer;
    padding: 5px 8px;
    font-size: 13px;
    background-color: #fff;
}

.shop-main .shop-inner-main .shop-child .shop-inner-child .item:hover .Quiek-view>.q1>a {
    display: block;
    color: #686565;
    transition: .3s;
}

.shop-main .shop-inner-main .shop-child .shop-inner-child .item:hover .Quiek-view>.q1>a:hover {
    color: #000000;
}

/* 
.size {
    position: absolute;
    top: 0;
    left: 0%;
    padding: 7px;
    background-color: antiquewhite;
    opacity: 0;
    transform: translateX(0);
    transition: all 0.4s ease;
    pointer-events: none;
}

.item:hover .size {
    left: 12px;
    opacity: 1;
    transform: translateX(0);
    pointer-events: auto;
} */
/* .size {
 
    background-color: #f8f6f2;
    color: #1a1a1a;

    padding: 8px 22px;
    font-family: 'IM Fell French Canon', serif !important;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 3px;

    border: 1px solid #e5e2dd;

    opacity: 0;
    transform: translateX(-20px);
    transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1);
    pointer-events: none;

    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.03);
    z-index: 10;
}

.item:hover .size {
    left: 15px;
    opacity: 1;
    transform: translateX(0);
    pointer-events: auto;
} */
.size {
    position: absolute;
    top: 15px;
    left: 0;
    background-color: #f8f6f2;
    color: #1a1a1a;
    padding: 8px 22px;
    font-family: 'IM Fell French Canon', serif !important;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 3px;
    border: 1px solid #e5e2dd;
    opacity: 0;
    transform: translateX(-20px);
    transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1);
    pointer-events: none;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.03);
    z-index: 10;
}

/* Only apply hover if size div has content */
.item:hover .size:not(:empty) {
    left: 15px;
    opacity: 1;
    transform: translateX(0);
    pointer-events: auto;
}

/* Hide completely if empty */
.size:empty {
    display: none;
}

/* Shop page end css */

.icon-li-wp {
    background-color: transparent;
    border: none;
    font-size: 25px;
}

.filter-box {
    width: 100%;
    background: #f8f6f2;
    border: 1px solid #ccc;
    font-family: sans-serif;
}

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

.filter-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    cursor: pointer;
    font-weight: 500;
    transition: background 0.3s;
}

.filter-header:hover {
    background-color: #eceae6;
}

.filter-label {
    font-size: 16px;
}

.filter-icon svg {
    font-size: 14px;
}

.dropdown-box {
    padding: 0 16px 12px;
    animation: dropdown 0.7s ease-in-out;
}

.dropdown-box .dropdown-boxname {
    padding: 5px 0px;
    cursor: pointer;
}

.dropdown-content>div {
    margin-top: 6px;
    font-size: 14px;
}

@keyframes dropdown {
    from {
        opacity: 0;
        transform: translateY(-30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Add these styles inside your Shop.css file */

.dropdown-content {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 10px;
}

.dropdown-content>div {
    /* background-color: #fff; */
    padding: 6px 20px;
    border-radius: 4px;
    /* border: 1px solid #ddd; */
    transition: background-color 0.2s, transform 0.2s;
    cursor: pointer;
}

.dropdown-content>div:hover {
    background-color: #f0f0f0;
    transform: translateX(5px);
}


/* shop part end  */


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

body {
    font-family: 'Inter', sans-serif;
    background-color: white;
}

/* .tab-container {
    /* max-width: 1200px; */
/* margin: 50px auto;
    padding: 0 20px; */
/*}/*

.tab-content {
    display: none;
}

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

/* ===================== MAIN CONTAINER ===================== */
/* .login-main {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: white;
    padding: 20px;
} */

.login-main {
    display: block;
    width: 100%;
    background-color: white;
    padding: 30px 0;
    min-height: 550px;
}

/* ===================== LOGIN CARD ===================== */
/* .login-inner-child {
    background: transparent;
    padding: 40px;
    border-radius: 10px;
    width: 35%;
    margin: auto;
    box-sizing: border-box;
} */
.login-inner-main {
    max-width: 800px;
    margin: 0 auto;
    padding: 0px 20px;
}

.login-child {
    text-align: center;
    margin-bottom: 30px;
}

.login-inner-child {
    background: #ffffff;
    padding: 50px 40px;
    border-radius: 0;
    border: 1px solid #ddd;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
}

/* ===================== TITLE ===================== */
/* .login-title {
    text-align: center;
    font-weight: 700;
    font-size: 36px;
    margin-bottom: 35px;
    letter-spacing: 0.5px;
    color: #2F4157;
} */
.login-title {
    /* font-family: 'Playfair Display', serif; */
    font-family: 'IM Fell French Canon', serif !important;
    font-size: 45px;
    font-weight: 549;
    color: #000000;
    letter-spacing: 0.5px;
    /* text-transform: uppercase; */
    margin: 0 0 40px 0;
    padding-bottom: 20px;
    margin-bottom: 20px;
    position: relative;
    display: inline-block;
}

.login-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 120px;
    height: 2px;
    background: linear-gradient(90deg, transparent, #000000, transparent);
}


/* ===================== LABEL ===================== */
/* label {
    font-size: 14px;
    font-weight: 500;
    display: block;
    margin-top: 10px;
    margin-bottom: 5px;
    color: #2F4157;
} */
.login-inner-child label {
    font-family: 'Playfair Display', serif;
    font-size: 16px;
    color: #5a5a5a;
    margin-bottom: 10px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    font-weight: 500;
    display: block;
    text-align: left;
    margin-top: 30px;
}

.login-inner-child label:first-of-type {
    margin-top: 10px;
}

/* ===================== INPUTS ===================== */
/* .login-input {
    width: 100%;
    padding: 14px;
    border: 1px solid #2F4157;
    border-radius: 6px;
    margin-bottom: 25px;
    font-size: 14px;
    outline: none;
    background: white;
    transition: border-color 0.3s ease;
}

.login-input:focus {
    border-color: #1e2d3e;
} */
.login-input {
    width: 100%;
    border: none;
    border-bottom: 1px solid #ddd;
    border-radius: 0;
    padding: 15px 0;
    font-size: 16px;
    background: transparent;
    color: #000000;
    outline: none;
    font-family: 'Inter', sans-serif;
    transition: all 0.3s ease;
}

.login-input:focus {
    border-bottom: 1px solid #000000;
}

/* .login-input::placeholder {
            color: #999;
        } */
/* ===================== PASSWORD ROW ===================== */
/*.password-section {
     display: flex;
    justify-content: space-between;
    align-items: center;
} */
.password-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px;
}

.password-section label {
    margin: 0;
}

.password-input-wrapper {
    position: relative;
    width: 100%;
}

.password-input-wrapper .login-input {
    padding-right: 40px !important;
}


.password-input-wrapper span {
    position: absolute;
    right: 5px;
    top: 15px;
    cursor: pointer;
    color: #5a5a5a;
    transition: color 0.3s ease;
}

.password-input-wrapper span:hover {
    color: #000;
}

/* ===================== FORGOT PASSWORD LINK ===================== */

.forgot-password {
    color: #000000;
    font-size: 14px;
    text-decoration: underline;
    cursor: pointer;
    transition: color 0.3s ease;
}

.forgot-password:hover {
    color: rgb(104, 104, 104);
}

/* ===================== SIGN IN BUTTON ===================== */
/* .login-button {
    width: 100%;
    padding: 13px;
    background-color: #2F4157;
    border: none;
    border-radius: 6px;
    font-weight: 600;
    cursor: pointer;
    margin-top: 10px;
    color: #FFFFFF;
    font-size: 15px;
    letter-spacing: 0.5px;
    line-height: 26px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
    transition: background 0.3s ease;
}

.login-button:hover {
    background-color: #3a4d66;
} */
.login-button {
    background: transparent;
    color: #000000;
    padding: 18px 60px;
    border: 2px solid #000000;
    border-radius: 0;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.5px;
    cursor: pointer;
    width: fit-content;
    margin: 40px auto 20px;
    display: block;
    text-transform: uppercase;
    font-family: 'Playfair Display', serif;
    transition: all 0.4s ease;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.login-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: #000000;
    transition: all 0.4s ease;
    z-index: -1;
}

.login-button:hover::before {
    left: 0;
}

.login-button:hover {
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(140, 129, 129, 0.244);
}


/* ===================== CREATE ACCOUNT LINK ===================== */
/* .create-account {
    text-align: center;
    font-size: 16px;
    color: #2F4157;
    margin-top: 20px;
    cursor: pointer;
    letter-spacing: 0.5px;
    transition: color 0.3s ease;
}

.create-account:hover {
    color: #1f2e41;
} */
.create-account {
    text-align: center;
    margin-top: 20px;
    color: #333;
    font-size: 16px;
}

.create-account a {
    color: #000000;
    text-decoration: underline;
    cursor: pointer;
    transition: color 0.3s ease;
}

.create-account a:hover {
    color: rgb(104, 104, 104);
}

/* ===================== USER DROPDOWN ===================== */
.user-dropdown-wrapper {
    position: relative;
    display: inline-block;
}

.user-dropdown {
    display: none;
    position: absolute;
    top: 30px;
    right: 0;
    background-color: #fff;
    min-width: 140px;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
    border-radius: 6px;
    z-index: 1000;
    text-align: left;
    padding: 10px 0;
}

.user-dropdown a {
    display: block;
    padding: 8px 16px;
    color: #333;
    text-decoration: none;
    font-size: 14px;
}

.user-dropdown a:hover {
    background-color: #f0f0f0;
}

.user-dropdown-wrapper:hover .user-dropdown {
    display: block;
}

/* ===================== RESPONSIVE STYLES ===================== */

/* Large Tablets */
@media (max-width: 1024px) {
    .login-inner-child {
        width: 100%;
        padding: 35px;
    }

    .login-title {
        font-size: 32px;
    }
}

/* Tablets */
/* ============================================================
   Tablets & Mobile 
   ============================================================ */
@media (max-width: 768px) {
    .login-inner-child {
        width: 100% !important;
        padding: 30px 20px !important;
        box-sizing: border-box !important;
    }

    .login-title {
        font-size: 22px !important;
        letter-spacing: 0.5px !important;
        margin-bottom: 25px !important;
        text-align: center !important;
    }

    .password-section {
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        align-items: center !important;
        width: 100% !important;
        margin-bottom: 5px !important;
    }

    .login-inner-child label {
        font-size: 11px !important;
        letter-spacing: 0.5px !important;
        margin-bottom: 0px !important;
        font-weight: 600 !important;
        text-transform: uppercase !important;
    }


    .forgot-password {
        text-align: right !important;
        font-size: 12px !important;
        white-space: nowrap !important;
        margin: 0 !important;
        color: #7e7971 !important;
        text-decoration: underline !important;
    }


    .login-input {
        width: 100% !important;
        font-size: 13px !important;
        padding: 10px 0px !important;
        margin-bottom: 20px !important;
        border: none !important;
        border-bottom: 1px solid #ddd !important;
        background: transparent !important;
    }


    .login-button {
        display: block !important;
        margin: 30px auto !important;
        width: 150px !important;
        font-size: 14px !important;
        padding: 10px !important;
    }

    /* Create account લિંક સેન્ટરમાં */
    .create-account {
        font-size: 13px !important;
        text-align: center !important;
        display: block !important;
        margin-top: 15px !important;
        text-decoration: underline !important;
        color: #333 !important;
    }
}

/* ============================================================
   Extra Small Mobile 
   ============================================================ */
@media (max-width: 480px) {
    .login-inner-child {
        padding: 25px 15px !important;
    }

    .login-title {
        font-size: 20px !important;
    }

    .login-button {
        width: 140px !important;
        margin: 30px auto 10px !important;
        font-size: 13px !important;
    }

    .password-section {
        display: flex !important;
        justify-content: space-between !important;
    }

    .forgot-password {
        font-size: 11px !important;
    }

    .create-account {
        font-size: 13px !important;
        margin-top: 15px !important;
    }
}


/* login page end  */



/* register page start  */

/* ===================== MAIN CONTAINER ===================== */
/* .register-main {
    background-color: #eee7d8;
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 60px 20px;
    box-sizing: border-box;
} */
.register-main {
    display: block;
    width: 100%;
    background-color: white;
    padding: 60px 0;
    min-height: 600px;
}


/* ===================== REGISTER BOX ===================== */
/* .register-container {
    display: flex;
    flex-direction: column;
    width: 420px;
    background: #fff;
    border-radius: 12px;
    padding: 35px 30px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    font-family: "Segoe UI", sans-serif;
    box-sizing: border-box;
} */
.register-inner-main {
    max-width: 800px;
    margin: 0 auto;
    padding: 0px 20px;
}

.register-child {
    text-align: center;
    margin-bottom: 30px;
}

.register-inner-child {
    background: #ffffff;
    padding: 50px 40px;
    border-radius: 0;
    border: 1px solid #ddd;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
}

/* ===================== TITLE ===================== */
/* .register-title {
    text-align: center;
    font-weight: 700;
    font-size: 28px;
    margin-bottom: 25px;
    color: #2F4157;
    letter-spacing: 0.5px;
} */
.register-title {
    /* font-family: 'Playfair Display', serif; */
    font-family: 'IM Fell French Canon', serif !important;
    font-size: 45px;
    font-weight: 549;
    color: #000000;
    letter-spacing: 0.5px;
    /* text-transform: uppercase; */
    margin: 0 0 40px 0;
    padding-bottom: 20px;
    position: relative;
    display: inline-block;
}

.register-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 120px;
    height: 2px;
    background: linear-gradient(90deg, transparent, #000000, transparent);
}


.register-form-row {
    display: flex;
    gap: 30px;
    margin-bottom: 30px;
}

.register-form-group {
    flex: 1;
    display: flex;
    flex-direction: column;
}

/* ===================== LABEL ===================== */
/* label {
    font-size: 16px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    margin-bottom: 8px;
    line-height: 20px;
    color: #2F4157;
    font-weight: 600;
} */
.register-form-group label {
    font-family: 'Playfair Display', serif;
    font-size: 16px;
    color: #5D4037;
    margin-bottom: 10px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    font-weight: 500;
    display: block;
    text-align: left;
}

.register-inner-child label {
    font-family: 'Playfair Display', serif;
    font-size: 16px;
    color: #5D4037;
    margin-bottom: 10px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    font-weight: 500;
    display: block;
    text-align: left;
    margin-top: 30px;
}

.register-form-group label {
    margin-top: 0;
}

.register-form-row:first-child {
    margin-top: 0;
}

/* ===================== INPUT FIELDS ===================== */
/* .register-input {
    width: 100%;
    border: 1px solid #333;
    padding: 13px 10px;
    border-radius: 8px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
    outline: none;
    font-size: 14px;
    background-color: #fff;
    transition: border-color 0.3s ease;
    box-sizing: border-box;
}

.register-input:focus {
    border-color: #2F4157;
} */
.register-input {
    width: 100%;
    border: none;
    border-bottom: 1px solid #ddd;
    border-radius: 0;
    padding: 15px 0;
    font-size: 16px;
    background: transparent;
    color: #000000;
    outline: none;
    font-family: 'Inter', sans-serif;
    transition: all 0.3s ease;
}

.register-input:focus {
    border-bottom: 1px solid #5d4037;
}

.register-input::placeholder {
    color: #999;
}


/* ===================== BUTTON ===================== */
/* .register-button {
    margin-top: 25px;
    background-color: #2F4157;
    border: none;
    border-radius: 8px;
    height: 45px;
    font-weight: bold;
    cursor: pointer;
    color: #fff;
    font-size: 15px;
    letter-spacing: 0.5px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
    transition: background-color 0.3s ease;
}

.register-button:hover {
    background-color: #3a4d66;
} */
.register-button {
    background: transparent;
    color: #5d4037;
    padding: 18px 60px;
    border: 2px solid #5d4037;
    border-radius: 0;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.5px;
    cursor: pointer;
    width: fit-content;
    margin: 40px auto 20px;
    display: block;
    text-transform: uppercase;
    font-family: 'Playfair Display', serif;
    transition: all 0.4s ease;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.register-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: #5d4037;
    transition: all 0.4s ease;
    z-index: -1;
}

.register-button:hover::before {
    left: 0;
}

.register-button:hover {
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(93, 64, 55, 0.3);
}

/*already */
.already-account {
    text-align: center;
    margin-top: 20px;
    color: #333;
    font-size: 16px;
}

.already-account a {
    color: #5d4037;
    text-decoration: underline;
    cursor: pointer;
    transition: color 0.3s ease;
}

.already-account a:hover {
    color: #8d6e63;
}

/* Responsive */
@media (max-width: 768px) {
    .register-form-row {
        flex-direction: column;
        gap: 20px;
    }

    .login-title,
    .register-title {
        font-size: 35px;
    }

    .login-inner-child,
    .register-inner-child {
        padding: 40px 25px;
    }

    .login-button,
    .register-button {
        padding: 15px 40px;
        font-size: 12px;
    }

    .password-section {
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
    }
}

/* ===================== OPTIONAL FORM BLOCK ===================== */
.form-container {
    display: flex;
    flex-direction: column;
    max-width: 450px;
    margin: 40px auto;
    padding: 25px;
    background-color: #ffffff;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    font-family: 'Segoe UI', sans-serif;
    box-sizing: border-box;
}

.form-label {
    margin-top: 15px;
    font-size: 14px;
    font-weight: 600;
    color: #333;
}

.form-input,
.form-select,
.form-file {
    margin-top: 6px;
    padding: 10px;
    font-size: 14px;
    border-radius: 8px;
    border: 1px solid #ccc;
    transition: border-color 0.3s;
}

.form-input:focus,
.form-select:focus {
    border-color: #2F4157;
    outline: none;
}

.form-file {
    padding: 5px;
}

/* ===================== RESPONSIVE DESIGN ===================== */
/* Tablets */
@media (max-width: 768px) {
    .register-container {
        width: 80%;
        padding: 30px 25px;
    }

    .register-title {
        font-size: 24px;
        margin-bottom: 20px;
    }

    label {
        font-size: 15px;
    }

    .register-input {
        font-size: 13px;
        padding: 12px 8px;
    }

    .register-button {
        font-size: 14px;
        height: 42px;
    }
}

/* Mobile */
@media (max-width: 480px) {
    .register-main {
        padding: 30px 10px;
    }

    .register-container {
        width: 100%;
        padding: 25px 20px;
    }

    .register-title {
        font-size: 22px;
    }

    label {
        font-size: 14px;
    }

    .register-input {
        font-size: 13px;
        padding: 10px 8px;
    }

    .register-button {
        font-size: 13px;
        height: 40px;
    }
}

/* register page end  */

/* add category  */
.main-category {
    background-color: #e5dcd3;
}

.category-wrapper {
    padding: 130px 0px;
}

.category-form-box {
    background: #e5dcd3;
    padding: 30px;
    width: 40%;
    margin: 0 auto;
    border-radius: 10px;
    font-family: 'Arial', sans-serif;
}

h2 {
    text-align: left;
    color: #2c3e50;
    font-weight: bold;
}

hr {
    border: none;
    border-top: 2px solid #2c3e50;
    margin: 10px 0 20px 0;
}

.category-form {
    display: flex;
    flex-direction: column;
}

.category-radio-options {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
    color: #2c3e50;
}

.category-radio-options input[type="radio"] {
    margin-right: 5px;
}

.category-input-box {
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
}

.category-input-box label {
    margin-bottom: 5px;
    color: #2c3e50;
}

.category-input-box input {
    padding: 10px;
    border: 1px solid #999;
    border-radius: 5px;
    font-size: 16px;
    outline: none;
}

.category-submit-btn {
    padding: 10px 20px;
    background-color: #2c3e50;
    color: white;
    font-weight: bold;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    text-transform: uppercase;
}

.category-submit-btn:hover {
    background-color: #34495e;
}

/* add category  */

/* contact page start  */


/* contect css start  */
/* contect page css start  */

.contect-page-main {
    display: block;
    width: 100%;
    background-color: white;
    /* padding: 20px 0; */
    padding: 0px 0;
    padding-bottom: 20px;
}

.contect-page-child {
    /* padding: 20px; */
    /* display: flex; */
    /* align-self: center; */
    padding: 0px 15px;
    box-sizing: border-box;
    /* width: 50%; */
    display: block;
}

.contect-page-child-inner-main img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
    justify-content: center;
}

.contect-page-child:nth-child(1) {
    width: 30%;
}

.contect-page-child:nth-child(2) {
    width: 70%;
    display: flex;
    justify-content: center;
    align-self: center;
}

/* .contect-page-flex-main {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -15px;
} */
.contect-page-flex-main {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 0 auto;
}

/* .contect-page-child-inner-main {
    color: #333;
    font-family: 'Arial', sans-serif;
    display: block;
    max-width: 800px;
} */

.contect-page-child-inner-main h2 {
    font-size: 28px;
    margin-bottom: 20px;
    font-weight: bold;
    text-transform: lowercase;
}

/* 
.contect-page-child-inner-main p {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 15px;
} */
.contect-page-child-inner-main {
    color: #333;
    font-family: 'Arial', sans-serif;
    display: block;
    max-width: 700px;
    text-align: center;
    padding: 0 20px;
}

.contect-page-child-inner-main img {
    max-width: 450px;
    width: 100%;
    height: auto;
    margin-bottom: 30px;
    border-radius: 4px;
    margin-top: 30px;
}

.contect-page-child-inner-main p {
    font-size: 18px;
    line-height: 1.6;
    margin-bottom: 20px;
    color: #536660;
    ;

}


/* .contect-page-child-inner-main a {
    color: #000;
    text-decoration: underline;
} */


/* contect page css end  */
.contect-wrapper {
    max-width: 800px;
    margin: 0 auto;
    padding: 0px 20px;
}

#contacttitle {
    padding-top: 30px;
}

/* 
#contacttitle {
    background-color: #000000 !important;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    padding: 25px 0;
    text-align: center;
    margin-bottom: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#contacttitle h2 {
    color: #ffffff !important;
    margin: 0;
    font-family: 'IM Fell French Canon', serif !important;
    font-size: 45px;
    font-weight: normal;
    letter-spacing: 1px;
}

#contacttitle h2::after {
    content: "";
    display: block;
    height: 1px;
    width: 180px;
    margin: 12px auto 0;
    background: linear-gradient(90deg, transparent, #ffffff, transparent) !important;
}
 */

@media screen and (max-width: 700px) {
    #contacttitle h2 {
        font-size: 28px !important;
    }

    #contacttitle {
        padding: 30px 0;
        margin-bottom: 30px;
    }

    #contacttitle h2::after {
        width: 120px;
    }
}

@media screen and (max-width: 480px) {
    #contacttitle h2 {
        font-size: 24px !important;
    }

    #contacttitle {
        padding: 30px 0;
        margin-bottom: 20px;
    }

    #contacttitle h2::after {
        width: 100px;
        margin: 6px auto 0;
    }
}


@media screen and (max-width: 320px) {
    #contacttitle h2 {
        font-size: 20px !important;
    }
}

.contect-title {
    text-align: center;
    margin-bottom: 60px;
    position: relative;
}

.contect-title h2 {
    font-family: 'IM Fell French Canon', serif !important;
    font-size: 45px;
    /* font-weight: 545; */
    font-weight: 549;
    color: #000000;
    letter-spacing: 0.5px;
    margin: 0;
    padding-bottom: 20px;
    margin-bottom: 20px;
    position: relative;
    display: inline-block;
    /* font-family: 'Playfair Display', serif; */
    /* text-transform: uppercase; */
}

.contect-title h2::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 120px;
    height: 2px;
    background: linear-gradient(90deg, transparent, #000000, transparent);
}

.contect-form-box {
    background: #000000;
    padding: 50px 40px;
    border-radius: 0;
    border: 1px solid #333;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
}

.contect-form {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.contect-row {
    display: flex;
    gap: 30px;
}

.contect-group {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.contect-group label {
    font-family: 'Playfair Display', serif;
    font-size: 16px;
    color: #000000;
    margin-bottom: 10px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    font-weight: 500;
}

.contect-group input,
.contect-group textarea {
    border: none;
    border-bottom: 1px solid #444;
    border-radius: 0;
    padding: 15px 0;
    font-size: 16px;
    background: transparent;
    color: #000000;
    outline: none;
    font-family: 'Inter', sans-serif;
    transition: all 0.3s ease;
}

.contect-group input:focus,
.contect-group textarea:focus {
    border-bottom: 1px solid #000000;
}

.contect-group input::placeholder,
.contect-group textarea::placeholder {
    color: #666;
}

.contect-group textarea {
    min-height: 120px;
    resize: none;
    border: 1px solid #444;
    padding: 15px;
    margin-top: 5px;
}

.contect-group textarea:focus {
    border: 1px solid #5d4037;
}

.contect-submit-btn {
    background: transparent;
    color: #000000;
    padding: 18px 60px;
    border: 2px solid #000000;
    border-radius: 0;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.5px;
    cursor: pointer;
    width: fit-content;
    align-self: center;
    text-transform: uppercase;
    font-family: 'Playfair Display', serif;
    transition: all 0.4s ease;
    position: relative;

    overflow: hidden;
}

.contect-submit-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: #000000;
    transition: all 0.4s ease;
    z-index: -1;
}

.contect-submit-btn:hover::before {
    left: 0;
}

.contect-submit-btn:hover {
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(140, 129, 129, 0.244);
}

/* Responsive */
/* Responsive */
@media (max-width: 768px) {
    .contect-title {
        margin-bottom: 40px;
    }

    .contect-title h2 {
        font-size: 32px;
        letter-spacing: 0.5px;
    }

    .contect-form-box {
        padding: 40px 25px;
    }

    .contect-row {
        flex-direction: column;
        gap: 30px;
    }

    .contect-submit-btn {
        padding: 15px 40px;
        font-size: 12px;
        letter-spacing: 0.5px;
    }
}

/* Mobile specific - 480px and below */
@media (max-width: 480px) {
    .contect-wrapper {
        padding: 0px 15px;
    }

    .contect-title {
        margin-bottom: 30px;
    }

    .contect-title h2 {
        font-size: 24px;
        letter-spacing: 0.5px;
        padding-bottom: 15px;
        font-weight: 300 !important;
    }

    .contect-title h2::after {
        width: 80px;
    }

    .contect-form-box {
        background: white !important;
        padding: 30px 15px;
        border: none !important;
        box-shadow: none !important;
    }

    .contect-form {
        gap: 0;
    }

    .contect-group {
        margin-bottom: 30px;
    }

    .contect-group:last-of-type {
        margin-bottom: 20px;
    }

    .contect-group label {
        font-size: 12px;
        letter-spacing: 0.5px;
        color: #5a5a5a;
        margin-bottom: 10px;
        display: block;
    }

    .contect-group input {
        border: none !important;
        border-bottom: 1px solid #444 !important;
        border-radius: 0 !important;
        padding: 15px 0 !important;
        font-size: 14px;
        color: #000000;
        background: transparent !important;
        box-shadow: none !important;
        outline: none !important;
        width: 100%;
        display: block;
    }

    .contect-group input:focus {
        border: none !important;
        border-bottom: 1px solid #000000 !important;
        outline: none !important;
    }

    .contect-group textarea {
        border: 1px solid #444 !important;
        border-radius: 0 !important;
        min-height: 120px;
        padding: 15px !important;
        margin-top: 5px;
        background: transparent !important;
        font-size: 14px;
        color: #000000;
        outline: none !important;
        width: 100%;
        display: block;
    }

    .contect-group textarea:focus {
        border: 1px solid #000000 !important;
        outline: none !important;
    }

    .contect-submit-btn {
        width: 140px !important;
        margin: 30px auto 10px !important;
        font-size: 13px !important;
    }
}

/* Extra small devices - 400px and below */
@media (max-width: 400px) {
    .contect-page-main {
        padding: 0px 0;
    }

    .contect-wrapper {
        padding: 0px 12px !important;
    }

    .contect-title h2 {
        font-size: 22px;
        letter-spacing: 0.5px;
    }

    .contect-form-box {
        padding: 25px 12px;
    }

    .contect-group {
        margin-bottom: 28px;
    }

    .contect-group label {
        font-size: 11px;
        margin-bottom: 8px;
    }
}

/* contect css end  */

/* contact page end  */


.product-main {
    padding: 50px 0;
    background-color: #f7eedc;
    font-family: 'Segoe UI', sans-serif;
    min-height: 100vh;
}

.container {
    width: 100%;
    max-width: 1400px;
    display: block;
    box-sizing: border-box;
    padding: 0px 15px;
    margin: 0 auto;
}


.product-inner-main {
    display: flex;
    flex-wrap: wrap;
    /* gap: 50px; */
    /* justify-content: center; */
    /* align-items: center; */
    margin: 0px -15px;
}

.product-child {
    width: 50%;
    padding: 0px 15px;
    display: block;
    box-sizing: border-box;
}

.product-child:nth-child(2) {
    display: flex;
    /* justify-content: center; */
    align-self: center;
    padding-left: 150px;
}

.product-child .product-inner-child img {
    width: 100%;
    height: 500px;
    display: block;
}

/* .single-product {
    display: flex;
    flex-direction: column;
    gap: 15px;
} */

.single-product p:first-of-type {
    font-size: 28px;
    font-weight: bold;
    color: #2F4157;
    line-height: 40px;
}

.single-product p:nth-of-type(2) {
    font-size: 25px;
    color: #333;
    line-height: 40px;
    font-weight: 200;
}

.single-product label {
    font-weight: 500;
    color: #2F4157;
    font-size: 20px;
    text-transform: full-size-kana;
    padding-top: 20px;
}

.single-product input[type="number"] {
    width: 80px;
    padding: 8px;
    font-size: 16px;
    border: 1px solid #2F4157;
    border-radius: 0px;
    background: #f7eedc;
}

.add-to-cart {
    background-color: #2e4a62;
    color: white;
    border: none;
    padding: 9px 24px;
    font-size: 22px;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    display: block;
    padding-top: 30px;
    margin-top: 15px;
    width: 100%;
}

.add-to-cart:hover {
    background-color: #1e3246;
}

@media (max-width: 768px) {
    .product-inner-main {
        flex-direction: column;
        align-items: flex-start;
    }

    .product-inner-child img {
        max-width: 100%;
    }
}

/*account*/
/* .account-page {
    background-color: white;
    padding: 60px 40px;
    font-family: 'Georgia', serif;
    color: #000;
    min-height: 100vh;
}


.account-title {
    text-align: center;
    margin-bottom: 60px;
}

.account-title h1 {
    font-size: 36px;
    letter-spacing: 0.5px;
    font-weight: 500;
}

.account-title button {
    margin-top: 15px;
    padding: 8px 20px;
    background-color: transparent;
    border: 1px solid #a66a4c;
    font-size: 14px;
    letter-spacing: 2px;
    cursor: pointer;
}

.account-content {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

.order-history,
.account-details {
    flex: 1;
    min-width: 300px;
    align-content: center;
    margin: 0 auto;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.order-history h2,
.account-details h2 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 10px;
}

.order-history p,
.account-details p {
    font-size: 18px;
    line-height: 1.6;
}

.caps-name {
    text-transform: uppercase;
    letter-spacing: 5px;
    font-size: 16px;
    font-weight: 500;
    margin-top: 10px;
}*/
:root {
    --secondary-grey: #8c8c8c;
    --primary-black: #111;
    --light-grey: #f4f4f4;
    --border-color: #e0e0e0;
    --accent-color: #555;
}

/* Empty State */
.account-empty-state {

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    background-color: #fafafa;
    gap: 20px;
}

.account-empty-state p {
    font-size: 18px;
    color: var(--accent-color);
}

.account-empty-state button {
    background: var(--primary-black);
    color: white;
    border: none;
    padding: 12px 40px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    cursor: pointer;
    transition: 0.3s;
}

.account-empty-state button:hover {
    background: #333;
}

/* Main Wrapper */
.account-page-wrapper {
    background-color: #fafafa;
    min-height: 100vh;
}

.modern-account-container {
    max-width: 1100px;
    margin: 40px auto;
    display: grid;
    grid-template-columns: 300px 1fr;
    gap: 30px;
    padding: 0 20px;
}

/* Sidebar Styling */
.profile-sidebar {
    background: white;
    padding: 40px 20px;
    text-align: center;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);
    height: fit-content;
    position: sticky;
    top: 100px;
}

.user-avatar {
    width: 80px;
    height: 80px;
    background: var(--primary-black);
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-weight: bold;
    margin: 0 auto 20px;
    letter-spacing: 2px;
    /* text-transform: uppercase; */

}

.profile-sidebar h2 {
    font-size: 20px;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.user-status {
    /* color: green;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 30px; */
    font-size: 11px;
    color: var(--secondary-grey);
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 25px;
    display: block;
}

/* Sidebar Navigation */
.sidebar-nav {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 30px;
}

.nav-btn {
    background: none;
    border: 1px solid transparent;
    padding: 12px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    transition: 0.3s;
    border-radius: 6px;
    text-align: left;
}

.nav-btn:hover {
    background: var(--light-grey);
}

.nav-btn.active {
    background: var(--primary-black);
    color: white;
    font-weight: 600;
}

.logout-modern-btn {
    width: 100%;
    background: none;
    border: 1px solid var(--primary-black);
    padding: 12px;
    cursor: pointer;
    font-weight: 600;
    transition: 0.3s;
    border-radius: 6px;
}

.logout-modern-btn:hover {
    background: var(--primary-black);
    color: white;
}

/* Content Area styling */
.account-main-content {
    display: flex;
    flex-direction: column;
}

.account-card-modern {
    background: white;
    padding: 30px;
    border-radius: 12px;
    margin-bottom: 30px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);
}

.account-card-modern h3 {
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 25px;
    border-bottom: 1px solid var(--light-grey);
    padding-bottom: 10px;
}

.info-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.info-item {
    flex: 1 1 calc(50% - 10px);
}

.full-width {
    flex: 1 1 100%;
}

.info-item label {
    display: block;
    font-size: 12px;
    color: var(--accent-color);
    margin-bottom: 8px;
    text-transform: uppercase;
    font-weight: 600;
}

.display-field {
    padding: 15px;
    background: var(--light-grey);
    border-radius: 6px;
    font-size: 15px;
    color: #333;
}

.actions-flex {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.action-link {
    background: none;
    border: 1px solid #ddd;
    padding: 10px 20px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 13px;
    transition: 0.3s;
    font-weight: 500;
}

.action-link:hover {
    border-color: var(--primary-black);
    background: var(--primary-black);
    color: white;
}

/* Edit Form Styling */
.profile-edit-form {
    max-width: 600px;
}

.form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

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

.form-group label {
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: var(--accent-color);
    margin-bottom: 8px;
    text-transform: uppercase;
}

.modern-input {
    width: 100%;
    padding: 15px;
    font-size: 15px;
    border: 1px solid var(--border-color);
    border-radius: 6px;
    background: var(--light-grey);
    transition: all 0.3s ease;
    font-family: inherit;
}

.modern-input:focus {
    outline: none;
    border-color: var(--primary-black);
    background: white;
}

.password-hint {
    display: block;
    font-size: 11px;
    color: var(--accent-color);
    margin-top: 6px;
}

.form-actions {
    display: flex;
    gap: 12px;
    margin-top: 30px;
}

.save-btn {
    background: var(--primary-black);
    color: white;
    border: none;
    padding: 12px 32px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s ease;
    letter-spacing: 0.5px;
}

.save-btn:hover {
    background: #333;
}

.cancel-btn {
    background: white;
    color: var(--accent-color);
    border: 1px solid var(--border-color);
    padding: 12px 32px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.cancel-btn:hover {
    background: var(--light-grey);
    border-color: var(--primary-black);
}

/* Responsive Design */
@media (max-width: 850px) {
    .modern-account-container {
        grid-template-columns: 1fr;
    }

    .profile-sidebar {
        position: static;
        margin-bottom: 20px;
    }
}

@media (max-width: 600px) {
    .modern-account-container {
        margin: 20px auto;
        padding: 0 15px;
    }

    .profile-sidebar {
        padding: 30px 15px;
    }

    .account-card-modern {
        padding: 20px;
    }

    .info-item {
        flex: 1 1 100%;
    }

    .form-row {
        grid-template-columns: 1fr;
    }

    .form-actions {
        flex-direction: column;
    }

    .save-btn,
    .cancel-btn {
        width: 100%;
    }

    .actions-flex {
        flex-direction: column;
    }

    .action-link {
        width: 100%;
        text-align: center;
    }
}

@media (max-width: 480px) {
    .user-avatar {
        width: 70px;
        height: 70px;
        font-size: 20px;
    }

    .profile-sidebar h2 {
        font-size: 18px;
    }

    .account-card-modern h3 {
        font-size: 14px;
    }

    .modern-input {
        padding: 12px;
        font-size: 14px;
    }

    .display-field {
        padding: 12px;
        font-size: 14px;
    }
}

/* ... (તમારા બાકીના CSS પછી) ... */

/* Ultra Responsive for 360px and smaller */
@media (max-width: 360px) {
    .modern-account-container {
        padding: 0 10px;
        margin: 15px auto;
    }

    .profile-sidebar {
        padding: 20px 10px;
    }

    .user-avatar {
        width: 60px;
        height: 60px;
        font-size: 18px;
        margin-bottom: 15px;
    }

    .profile-sidebar h2 {
        font-size: 16px;
        letter-spacing: 1px;
    }

    .sidebar-nav {
        gap: 5px;
    }

    .nav-btn {
        padding: 10px;
        font-size: 13px;
    }

    .account-card-modern {
        padding: 15px;
        border-radius: 8px;
    }

    .account-card-modern h3 {
        font-size: 13px;
        margin-bottom: 15px;
    }

    .display-field,
    .modern-input {
        padding: 10px;
        font-size: 13px;
    }

    .info-item label,
    .form-group label {
        font-size: 10px;
    }

    .save-btn,
    .cancel-btn {
        padding: 10px 20px;
        font-size: 13px;
    }

    .logout-modern-btn {
        padding: 10px;
        font-size: 13px;
    }
}

/* --- Professional Red Delete Button (Always Red + Tilt) --- */
.delete-btn {
    background: transparent;
    border: 1px solid #d32f2f;
    /* Professional Muted Red */
    color: #d32f2f;
    padding: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    outline: none;
    border-radius: 0px;

    /* Default / Laptop Size */
    width: 34px;
    height: 34px;
}

/* Hover: Dustbin Nami Jase (Left Side) */
.delete-btn:hover {
    background-color: rgba(211, 47, 47, 0.05);
    /* Bahu j light background interaction maate */
    border-color: #b71c1c;
    /* Border thodi dark thase */
    color: #b71c1c;
    /* Icon color pan thodo dark thase */
}

.delete-btn svg {
    font-size: 16px;
    transition: transform 0.3s ease;
    /* Tilt transition */
}

/* Dustbin tilt effect (Left side) */
.delete-btn:hover svg {
    transform: rotate(-20deg);
    /* Left side nami jase */
}

/* --- ALL MEDIA QUERIES (Responsive) --- */

/* 1. Desktop (1200px+) */
@media (min-width: 1200px) {
    .delete-btn {
        width: 34px;
        height: 34px;
    }
}

/* 2. Laptops (1024px - 1199px) */
@media (max-width: 1199px) {
    .delete-btn {
        width: 32px;
        height: 32px;
    }
}

/* 3. Tablets (768px - 1023px) */
@media (max-width: 1023px) {
    .delete-btn {
        width: 31px;
        height: 31px;
    }
}

/* 4. Mobile Devices (481px - 767px) */
@media (max-width: 767px) {
    .delete-btn {
        width: 30px;
        height: 30px;
    }

    .delete-btn svg {
        font-size: 14px;
    }
}

/* 5. Small Mobile (Up to 480px) */
@media (max-width: 480px) {
    .delete-btn {
        width: 28px;
        /* Compact size for mobile */
        height: 28px;
    }

    .delete-btn svg {
        font-size: 13px;
    }

    /* Mobile touch par tilt thodo kam karva maate (optional) */
    .delete-btn:active svg {
        transform: rotate(-10deg);
    }
}

.qty-buttons {
    display: flex;
    align-items: center;
    gap: 10px;
}

.qty-buttons button {
    width: 32px;
    height: 32px;
    font-size: 18px;
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    cursor: pointer;
    border-radius: 4px;
    transition: background-color 0.2s;
}

.qty-buttons button:hover {
    background-color: #e0e0e0;
}

.qty-buttons span {
    font-size: 16px;
    font-weight: bold;
    min-width: 24px;
    text-align: center;
}


/* single product css end  */

/* cart css start 
.cart-item {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
}

.cart-img {
    width: 85px;
    height: 80px;
    object-fit: cover;
    margin-right: 10px;
    border-radius: 4px;
    padding: 12px 10px;
    border: 2px solid;
}

.cart-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 7px;
    padding: 0px 20px;
}

.cart-title {
    font-weight: initial;
    font-size: 18px;
    margin: 0;
    color: #2F4157;
}

.cart-price {
    font-size: 14px;
    color: #2F4157;
    margin: 0;
    padding-bottom: 10px;
}

.cart-qty {
    display: flex;
    align-items: center;
    gap: 6px;
}

.cart-qty button {
    padding: 2px 8px;
    font-size: 14px;
    border: 1px solid;
    border-radius: 4px;
    background-color: white;
    cursor: pointer;
}

.cart-actions {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 35px;
    min-width: 60px;
}

.delete-icon {
    color: #666;
    font-size: 16px;
    cursor: pointer;
}

.cart-subtotal {
    font-weight: bold;
    font-size: 14px;
    margin: 0;
}

.contect-page-inner-main {
    padding-bottom: 30px;
}

.cart-container {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.cart-content {
    flex: 1;
    overflow-y: auto;
    padding-right: 10px;
}

.cart-footer {
    padding: 16px;
    border-top: 1px solid #ddd;

    position: sticky !important;
    bottom: 0;
}

.cart-total {
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}

.checkout-btn {
    width: 100%;
    padding: 12px;
    font-size: 16px;
    background-color: #000;
    color: #fff !important;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

:where(.css-dev-only-do-not-override-1m63z2v).ant-drawer .ant-drawer-content {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    overflow: auto;
    background: white;
    pointer-events: auto;
}

.ant-drawer-content-wrapper {
    width: 480px !important;
}

:where(.css-dev-only-do-not-override-1m63z2v) a {
    color: #fff !important;
    text-decoration: none;
    background-color: transparent;
    outline: none;
    cursor: pointer;
    transition: color 0.3s;
    -webkit-text-decoration-skip: objects;
}
 */

.cart-item {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
}

.cart-img {
    width: 85px;
    height: 80px;
    object-fit: cover;
    margin-right: 10px;
    border-radius: 4px;
    padding: 12px 10px;
    border: 2px solid;
}

.cart-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 7px;
    padding: 0px 20px;
}

.cart-title {
    font-weight: initial;
    font-size: 18px;
    margin: 0;
    color: #2F4157;
}

.cart-price {
    font-size: 14px;
    color: #2F4157;
    margin: 0;
    padding-bottom: 10px;
}

.cart-qty {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 10px;
}

.cart-qty button {
    padding: 2px 8px;
    font-size: 14px;
    border: 1px solid;
    border-radius: 4px;
    background-color: white;
    cursor: pointer;
}

.cart-actions {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 35px;
    min-width: 60px;
}

.delete-icon {
    color: #666;
    font-size: 16px;
    cursor: pointer;
}

.cart-subtotal {
    font-weight: bold;
    font-size: 14px;
    margin: 0;
}

.contect-page-inner-main {
    padding-bottom: 30px;
}

.cart-container {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.cart-content {
    flex: 1;
    overflow-y: auto;
    padding-right: 10px;
}

.cart-footer {
    padding: 12px 16px;
    border-top: 1px solid #ddd;
    position: sticky !important;
    bottom: 0;
    background-color: #fff;
}

.cart-total {
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}

.checkout-btn {
    width: 100%;
    padding: 10px 16px;
    font-size: 14px;
    background-color: #000;
    color: #fff !important;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    font-weight: 500;
    letter-spacing: 0.5px;
}

.checkout-btn:hover {
    background-color: #333;
}

:where(.css-dev-only-do-not-override-1m63z2v).ant-drawer .ant-drawer-content {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    overflow: auto;
    background: white;
    pointer-events: auto;
}

.ant-drawer-content-wrapper {
    width: 480px !important;
}

:where(.css-dev-only-do-not-override-1m63z2v) a {
    color: #fff !important;
    text-decoration: none;
    background-color: transparent;
    outline: none;
    cursor: pointer;
    transition: color 0.3s;
    -webkit-text-decoration-skip: objects;
}

/* single product css start  */
:where(.css-dev-only-do-not-override-1m63z2v).ant-modal .ant-modal-content {
    position: relative;
    background-color: white !important;
    background-clip: padding-box;
    border: 0;
    border-radius: 8px;
    box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
    pointer-events: auto;
    padding: 20px 24px;
}

.modal-layout {
    display: flex;
    gap: 2rem;
    padding: 1rem;
    /* background-color: #f8f0de; */
}

.modal-left {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.modal-image-box {
    width: 100%;
    /* max-width: 350px; */
    height: 300px;
    /* background-color: #ddd; */
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-image-box img {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    max-width: 350px;
    height: 400px;
    object-fit: contain;
}

.carousel-dots {
    margin-top: 1rem;
    display: flex;
    gap: 0.5rem;
}

.dot {
    width: 8px;
    height: 8px;
    background-color: #ccc;
    border-radius: 50%;
    display: inline-block;
}

.dot.active {
    background-color: #000;
}

.modal-right {
    flex: 1;
    padding-top: 1rem;
}

.product-name {
    font-weight: 600;
    font-size: 1.4rem;
    color: #2F4157;
}

.product-price {
    font-size: 1.2rem;
    margin: 1rem 0;
    color: #2F4157;
}

input[type="number"] {
    width: 60px;
    margin: 0.5rem 0 1rem 0;
    height: 20px;
    padding: 0px 1px;
}

.add-to-cart {
    background-color: #2f4154;
    color: white;
    padding: 0.5rem 1.5rem;
    border: none;
    border-radius: 6px;
    font-size: 1rem;
    cursor: pointer;
}

.view-more {
    margin-top: 0.5rem;
    font-size: 0.85rem;
    color: gray;
    text-decoration: underline;
    cursor: pointer;
}

.product-details {
    margin: 0.5rem 0 1rem 0;
}

.product-category,
.product-subcategory {
    font-size: 15px;
    color: #2F4157;
    font-weight: 500;
    margin: 0.2rem 0;
}


/* ===============================================
   RESPONSIVE STYLES - 360px to All Screen Sizes
   =============================================== */

/* Extra Small Devices (360px - 480px) */
@media (max-width: 480px) {
    .ant-drawer-content-wrapper {
        width: 100% !important;
        max-width: 360px !important;
    }

    .cart-item {
        padding: 8px 0;
        gap: 8px;
    }

    .cart-img {
        width: 60px;
        height: 60px;
        margin-right: 8px;
        padding: 8px 6px;
    }

    .cart-info {
        padding: 0px 8px;
        gap: 5px;
    }

    .cart-title {
        font-size: 14px;
        line-height: 1.3;
    }

    .cart-price {
        font-size: 12px;
        padding-bottom: 5px;
    }

    .cart-qty {
        gap: 4px;
    }

    .cart-qty button {
        padding: 2px 6px;
        font-size: 12px;
    }

    .cart-qty span {
        font-size: 12px;
    }

    .delete-btn {
        font-size: 18px;
    }

    /* ✅ Smaller buttons for mobile */
    .cart-footer {
        padding: 10px 12px;
    }

    .checkout-btn {
        padding: 8px 12px;
        font-size: 13px;
        font-weight: 500;
        letter-spacing: 0.3px;
    }

    .cart-total {
        font-size: 14px;
    }

    .custom-info p {
        font-size: 11px;
        margin: 2px 0;
    }
}

/* Small Devices (481px - 767px) */
@media (min-width: 481px) and (max-width: 767px) {
    .ant-drawer-content-wrapper {
        width: 380px !important;
    }

    .cart-img {
        width: 70px;
        height: 70px;
    }

    .cart-info {
        padding: 0px 12px;
    }

    .cart-title {
        font-size: 16px;
    }

    .checkout-btn {
        padding: 9px 14px;
        font-size: 14px;
    }
}

/* Medium Devices (768px - 991px) */
@media (min-width: 768px) and (max-width: 991px) {
    .ant-drawer-content-wrapper {
        width: 420px !important;
    }

    .checkout-btn {
        padding: 10px 16px;
        font-size: 14px;
    }
}

/* Large Devices (992px - 1199px) */
@media (min-width: 992px) and (max-width: 1199px) {
    .ant-drawer-content-wrapper {
        width: 460px !important;
    }

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

/* Extra Large Devices (1200px and above) */
@media (min-width: 1200px) {
    .ant-drawer-content-wrapper {
        width: 480px !important;
    }

    .checkout-btn {
        padding: 12px 16px;
        font-size: 16px;
    }
}

/* Very Small Screens (320px - 359px) */
@media (max-width: 359px) {
    .ant-drawer-content-wrapper {
        width: 100% !important;
        max-width: 320px !important;
    }

    .cart-item {
        padding: 6px 0;
        flex-wrap: wrap;
    }

    .cart-img {
        width: 50px;
        height: 50px;
        margin-right: 6px;
        padding: 6px 4px;
    }

    .cart-info {
        padding: 0px 6px;
        gap: 4px;
        flex: 1;
        min-width: 150px;
    }

    .cart-title {
        font-size: 13px;
        line-height: 1.2;
    }

    .cart-price {
        font-size: 11px;
    }

    .cart-qty button {
        padding: 1px 5px;
        font-size: 11px;
    }

    .cart-qty span {
        font-size: 11px;
    }

    .delete-btn {
        font-size: 16px;
        padding: 4px;
    }

    /* ✅ Extra small buttons for very small screens */
    .cart-footer {
        padding: 8px 10px;
    }

    .checkout-btn {
        padding: 7px 10px;
        font-size: 12px;
        font-weight: 500;
    }
}

/* Modal Responsive */
@media (max-width: 600px) {
    .ant-modal {
        max-width: calc(100% - 32px) !important;
        margin: 16px auto !important;
    }

    .modal-layout {
        flex-direction: column !important;
    }

    .modal-left,
    .modal-right {
        width: 100% !important;
    }

    .modal-image-box img {
        max-height: 250px;
    }
}

/* Drawer Header Responsive */
@media (max-width: 480px) {
    :where(.css-dev-only-do-not-override-1m63z2v).ant-drawer .ant-drawer-header {
        padding: 12px 16px;
    }

    :where(.css-dev-only-do-not-override-1m63z2v).ant-drawer .ant-drawer-title {
        font-size: 16px;
    }

    :where(.css-dev-only-do-not-override-1m63z2v).ant-drawer .ant-drawer-body {
        padding: 16px 12px;
    }
}

/* Custom Info Responsive */
.custom-info {
    margin-top: 4px;
}

.custom-info p {
    margin: 3px 0;
    font-size: 12px;
    color: #666;
}

@media (max-width: 480px) {
    .custom-info p {
        font-size: 11px;
        margin: 2px 0;
    }
}

/* Delete Button Responsive */
.delete-btn {
    background: transparent;
    border: none;
    color: #ff4d4f;
    cursor: pointer;
    font-size: 20px;
    padding: 5px;
    transition: color 0.3s ease;
}

.delete-btn:hover {
    color: #ff7875;
}

@media (max-width: 480px) {
    .delete-btn {
        font-size: 18px;
        padding: 4px;
    }
}

/* cart css end  */


/* footer part start  */
.footer-main {
    display: block;
    width: 100%;
    background: #302D33;
    overflow-x: hidden;
    /* padding: 20px 0px; */
}

.footer-main .footer-inner-main {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -15px;
}

.footer-main .footer-inner-main .footer-child:nth-child(1) {

    width: 33.33%;
}

.footer-main .footer-inner-main .footer-child:nth-child(2) {
    width: 33.33%;
}

.footer-main .footer-inner-main .footer-child:nth-child(3) {

    width: 33.33%;
}



.footer-main .footer-inner-main .footer-child {
    padding: 0px 15px;
    box-sizing: border-box;
    display: block;
}

.footer-main .footer-inner-main .footer-child .footer-inner-child>img {
    display: block;
    width: 100%;
    height: auto;
}

.footer-main .footer-inner-main .footer-child .footer-inner-child .footer-one {
    padding-top: 60px;
    color: #FFFFFF;
    font-size: 23px;
    font-weight: bolder;
}

.footer-main .footer-inner-main .footer-child .footer-inner-child .footer-box {
    padding-left: 50px;
}

.footer-main .footer-inner-main .footer-child .footer-inner-child .footer-box .footer-menu {
    padding-top: 20px;
}

.footer-main .footer-inner-main .footer-child .footer-inner-child .footer-box .footer-menu>li {
    padding: 15px 0px;
}

.footer-main .footer-inner-main .footer-child .footer-inner-child .footer-box .footer-menu>li>a {
    text-decoration: none;
    font-size: 20px;
    color: #FFFFFF;
}

.footer-three {
    font-size: 20px;
    color: #FFFFFF;
    padding-top: 20px;
    font-weight: 200;
}

.footer-four {
    width: 60%;
    /* height: 51%; */
    padding: 6px 15px;
    border-radius: 10px;
    border: 1px solid #FFFFFF;
    font-size: 18px;
    outline: none;
    background: #302D33;
    color: #fff;
}

.footer-btn {
    background: #D7D8D4;
    display: inline-block;
    /* padding-top: 10px; */
    margin-top: 20px;
    padding: 8px 40px;
    border-radius: 10px;
    border: 1px solid #fff;
}

.footer-five {
    color: #2f4157;
}

/* footer part end  */
















/* dropdown part start  */

.menu-with-image {
    position: relative;
}

/* .menu-with-image .hover-image-box {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: max-content;
  padding-top: 10px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
} */
.menu-with-image .hover-image-box {
    position: absolute;
    top: 363%;
    left: 270% !important;
    transform: translateX(-50%);
    width: 1200px !important;
    padding-top: 10px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    z-index: 99;
    /* width: 100%;  */
    height: 320px;
    color: #000 !important;
}

.menu-with-image:hover .hover-image-box {
    opacity: 1;
    visibility: visible;
    color: #000 !important;
}

.hover-image-box .div-div-div {
    display: flex;
    gap: 15px;
    padding: 15px;
    border-radius: 8px;
    background-color: #f8f6f2;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
    justify-content: center;
}

.img-div {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 250px;
    padding: 15px 10px;
}

.img-div img {
    width: 100%;
    height: 250px;
    object-fit: contain;
    border-radius: 5px;
}

.img-div h3 {
    margin-top: 10px;
    font-size: 16px;
    font-weight: 500;
    color: #000;
    text-align: center;
    cursor: pointer;
    position: relative;
    display: inline-block;
}

.img-div h3::after {
    content: '';
    position: absolute;
    width: 0%;
    height: 2px;
    bottom: -8px;
    left: 0;
    background-color: #333;
    /* Change to your preferred color */
    transition: width 0.3s ease-in-out;
}

.img-div h3:hover::after {
    width: 100%;
}

@media (max-width: 600px) {
    .hover-image-box .div-div-div {
        flex-direction: column;
        align-items: center;
    }

    .img-div {
        width: 90%;
    }
}

/* dropdown part end  */
/* Checkout Main Container */
.checkout-main {
    display: block;
    width: 100%;
    background: #f8f8f8;
    padding: 40px 0;
    min-height: 100vh;
}

.container {
    width: 90%;
    max-width: 1400px;
    margin: 0 auto;
}

.checkout-inner-main {
    display: flex;
    gap: 40px;
    flex-wrap: wrap;
}

.checkout-child {
    box-sizing: border-box;
}

.checkout-left {
    flex: 1 1 55%;
    min-width: 500px;
}

.checkout-right {
    flex: 1 1 40%;
    min-width: 350px;
}

/* Left Side - Form Section */
.checkout-inner-child {
    background: #ffffff;
    padding: 40px;
    border-radius: 8px;
}

.check-one {
    font-size: 22px;
    font-weight: 600;
    color: #2c2c2c;
    margin-bottom: 10px;
    margin-top: 0;
}

.delivery-title {
    margin-top: 35px;
}

.check-form .check-label {
    display: block;
    margin-bottom: 8px;
    margin-top: 18px;
    font-weight: 500;
    font-size: 14px;
    color: #333;
}

.check-form .check-input {
    width: 100%;
    padding: 12px 14px;
    font-size: 15px;
    border: 1px solid #d1d1d1;
    border-radius: 6px;
    outline: none;
    background: #ffffff;
    transition: border-color 0.3s ease;
    box-sizing: border-box;
}

.check-form .check-input:focus {
    border-color: #2F4157;
}

.check-form .check-input::placeholder {
    color: #999;
}

.name-group {
    display: flex;
    gap: 20px;
}

.name-group > div {
    flex: 1;
}

.checkout-button {
    width: 100%;
    background-color: #2c2c2c;
    color: #ffffff;
    border: none;
    padding: 16px;
    border-radius: 6px;
    margin-top: 30px;
    cursor: pointer;
    font-weight: 400;
    font-size: 16px;
    transition: all 0.3s ease;
}

.checkout-button:hover {
    background-color: #1a1a1a;
}

/* Right Side - Order Summary */
.order-summary-card {
    background: #ffffff;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.summary-header-new {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
}

.summary-title {
    font-size: 17px;
    font-weight: 600;
    color: #2c2c2c;
    margin: 0;
}

.edit-cart-link {
    background: none;
    border: 1px solid #2c2c2c;
    color: #2c2c2c;
    font-size: 13px;
    font-weight: 500;
    padding: 6px 16px;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.edit-cart-link:hover {
    background-color: #2c2c2c;
    color: #ffffff;
}

/* Order Items Container */
.order-items-container {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 30px;
    max-height: 400px;
    overflow-y: auto;
}

.order-item-card {
    display: flex;
    gap: 15px;
    align-items: flex-start;
}

.order-product-img {
    width: 70px;
    height: 70px;
    object-fit: cover;
    border-radius: 6px;
    border: 1px solid #e5e5e5;
    flex-shrink: 0;
}

.order-product-info {
    flex: 1;
}

.product-title {
    font-size: 15px;
    font-weight: 500;
    color: #2c2c2c;
    margin: 0 0 6px 0;
    line-height: 1.4;
}

.product-quantity {
    font-size: 13px;
    color: #666;
    margin: 0;
}

/* Checkout Action Buttons */
.checkout-actions-container {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 25px;
}

.action-btn {
    width: 100%;
    padding: 14px 20px;
    border: none;
    border-radius: 6px;
    font-size: 15px;
    font-weight: 400;
    cursor: pointer;
    transition: all 0.3s ease;
}

.whatsapp-checkout-btn {
    background-color: #25D366;
    color: white;
}

.whatsapp-checkout-btn:hover {
    background-color: #1faa52;
}

.place-order-checkout-btn {
    background-color: #2F4157;
    color: white;
}

.place-order-checkout-btn:hover {
    background-color: #1f2d3d;
}



.empty-cart-msg {
    text-align: center;
    padding: 40px 20px;
    color: #999;
    font-size: 15px;
}
/* Customize Details in Checkout */
.customize-details {
    margin-top: 8px;



}

.custom-desc,
.custom-size {
    font-size: 12px;
    color: #555;
    margin: 4px 0;
    line-height: 1.5;
}

.custom-label {
    font-weight: 600;
    color: #2F4157;
}

/* Responsive */
@media (max-width: 480px) {
    .customize-details {
        padding: 6px;
        margin-top: 6px;
    }

    .custom-desc,
    .custom-size {
        font-size: 11px;
    }
}

@media (max-width: 360px) {
    .customize-details {
        padding: 5px;
    }

    .custom-desc,
    .custom-size {
        font-size: 10px;
    }
}
/* Responsive Design */
@media (max-width: 1024px) {
    .checkout-left,
    .checkout-right {
        min-width: 100%;
    }

    .checkout-inner-main {
        flex-direction: column;
    }
}

@media (max-width: 768px) {
    .checkout-left {
        min-width: 100%;
    }

    .checkout-inner-child,
    .order-summary-card {
        padding: 25px;
    }

    .name-group {
        flex-direction: column;
        gap: 0;
    }

    .order-items-container {
        max-height: 300px;
    }
}

@media (max-width: 480px) {
    .checkout-inner-child,
    .order-summary-card {
        padding: 20px;
    }

    .check-one {
        font-size: 20px;
    }

    .order-product-img {
        width: 60px;
        height: 60px;
    }

    .summary-title {
        font-size: 15px;
    }

    .action-btn {
        padding: 12px 16px;
        font-size: 14px;
    }

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

    .product-quantity {
        font-size: 12px;
    }
}

@media (max-width: 360px) {
    .checkout-left,
    .checkout-right {
        min-width: 100%;
    }

    .checkout-inner-child,
    .order-summary-card {
        padding: 15px;
    }

    .check-one {
        font-size: 18px;
    }

    .check-form .check-label {
        font-size: 13px;
    }

    .check-form .check-input {
        padding: 10px 12px;
        font-size: 14px;
    }

    .order-product-img {
        width: 55px;
        height: 55px;
    }

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

    .summary-title {
        font-size: 14px;
    }

    .edit-cart-link {
        font-size: 12px;
        padding: 5px 12px;
    }

    .action-btn {
        padding: 11px 14px;
        font-size: 13px;
    }

    .checkout-button {
        padding: 14px;
        font-size: 15px;
    }
}



/* SinglepageFull css start  */


/* SinglepageFull.css */

/* Box-sizing fix to stop elements going right */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Inter:wght@300;400;500&display=swap');

/* Main Wrapper */
.main-singlepagefull {
    background-color: #fafafa;
    /* Very soft neutral white */
    padding: 80px 0 !important;
    font-family: 'Inter', sans-serif;
    width: 100%;
}

.singlepagefull-container {
    display: flex;
    max-width: 1200px;
    margin: 0 auto;
    gap: 80px !important;
    /* Spacious gap for breathing room */
    padding: 0 20px;
    align-items: flex-start;
}

/* Image Styling */
.singlepagefull-image {
    flex: 0 0 50%;
    position: sticky;
    top: 40px;
}

.singlepagefull-image img {
    width: 100%;
    height: auto;
    border-radius: 2px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    /* Soft premium shadow */
}

/* Details Section */
.singlepagefull-details {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0px !important;
    /* Controlled by child margins */
}

/* Category & Subcategory Breadcrumb */
.product-path {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #999;
    margin-bottom: 15px;
}

.product-path .separator {
    color: #ccc;
}

/* Title Styling */
.singlepagefull-details h2 {
    font-family: 'Cormorant Garamond', serif;
    font-size: 42px !important;
    font-weight: 500;
    color: #1a1a1a;
    margin: 0 0 25px 0;
    line-height: 1.1;
}

/* Description (Remark) */
.product-remark {
    font-size: 15px;
    color: #555;
    line-height: 1.8;
    font-weight: 300;
    margin-bottom: 35px;
}

/* Attributes Row (Size & Qty side-by-side) */
.product-attributes {
    display: flex;
    gap: 60px;
    margin-bottom: 40px;
    border-top: 1px solid #eee;
    padding-top: 30px;
}

.attribute-item label {
    display: block;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: #000;
    margin-bottom: 10px;
    font-weight: 500;
}

.attribute-item span {
    font-size: 15px;
    color: #444;
}

/* Quantity Control */
.cart-qty-2 {
    display: flex;
    align-items: center;
    border: 1px solid #e2e2e2;
    width: fit-content;
    background: #fff;
}

.cart-qty-2 button {
    background: none;
    border: none;
    padding: 8px 16px;
    cursor: pointer;
    font-size: 18px;
    color: #333;
    transition: 0.2s;
}

.cart-qty-2 button:hover {
    background: #f9f9f9;
}

.cart-qty-2 span {
    font-size: 14px;
    padding: 0 15px;
    border-left: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
    min-width: 45px;
    text-align: center;
}

/* Customization Inputs */
.customize-section {
    display: flex;
    flex-direction: column;
    gap: 25px;
    margin-bottom: 40px;
}

.input-group label {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: #000;
    display: block;
    margin-bottom: 5px;
}

.customdesc {
    width: 100% !important;
    border: none !important;
    border-bottom: 1px solid #ddd !important;
    padding: 10px 0 !important;
    font-size: 14px !important;
    background: transparent !important;
    outline: none;
    transition: border-color 0.3s;
}

.customdesc:focus {
    border-bottom-color: #1a1a1a !important;
}

/* Premium Add to Cart Button */
.add-to-cart {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    padding: 13px !important;
    border: 1px solid #1a1a1a !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 3px !important;
    /* High spacing for luxury feel */
    cursor: pointer !important;
    transition: all 0.4s ease;
    width: 100% !important;
}

.add-to-cart:hover {
    background-color: transparent !important;
    color: #1a1a1a !important;
}

/* --- Mobile Fixes --- */
@media (max-width: 768px) {
    .singlepagefull-container {
        flex-direction: column;
        gap: 40px !important;
    }

    .singlepagefull-image {
        position: static;
        flex: 0 0 100%;
    }

    .product-attributes {
        gap: 30px;
    }

    .singlepagefull-details h2 {
        font-size: 32px !important;
    }
}

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap');
/* 
body {
    font-family: 'Inter', sans-serif;
    background-color: #f7f9fc;
}

.customdesc {
    /* border-radius: 7px; */
/* border: 1px solid; */
/* width: 50%;
    padding: 15px;
    border: 1px solid #2F4157;
    border-radius: 5px;
    margin-bottom: 15px;
    font-size: 14px;
    outline: none;
    background: transparent;
    padding-bottom: 11px;
  
} */
/*
.cart-qty-2 {
    display: flex;
    align-items: center;
    gap: 6px;
}

.cart-qty-2 button {

    padding: 2px 8px;
    font-size: 14px;
    border: 1px solid;
    border-radius: 4px;
    background-color: white;
    cursor: pointer;
}  */

.singlepagefull-loading {
    text-align: center;
    margin-top: 3rem;
    font-size: 18px;
    color: #555;
}

/* 
.singlepagefull-container {
    display: flex;
    flex-wrap: wrap;
    max-width: 1100px;
    margin: 0 auto;
    padding: 2rem;
    border-radius: 12px;
    gap: 2rem;
}

.singlepagefull-image {
    flex: 1 1 40%;
    min-width: 300px;
}

.singlepagefull-image img {
    width: 100%;
    height: auto;
    border-radius: 10px;
    object-fit: cover;
}

.singlepagefull-details {
    flex: 1 1 55%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1rem;
}

.singlepagefull-details h2 {
    font-size: 28px;
    color: #222;
    margin-bottom: 1rem;
}

.singlepagefull-details p {
    font-size: 16px;
    color: #444;
    line-height: 1.6;
}

.singlepagefull-details strong {
    color: #111;
}

.singlepagefull-qty-buttons {
    margin-top: 1rem;
    display: flex;
    align-items: center;
    gap: 12px;
}

.singlepagefull-qty-buttons button {
    padding: 6px 14px;
    font-size: 18px;
    border: none;
    background: #333;
    color: #fff;
    border-radius: 6px;
    cursor: pointer;
}

.singlepagefull-qty-buttons span {
    font-size: 18px;
    font-weight: 600;
    min-width: 30px;
    text-align: center;
}
 */


/* SinglepageFull css end  */




.main-singlepagefull {
    background-color: white;
}


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

.form-group input,
.form-group select {
    width: 100%;
    padding: 8px;
    margin-top: 4px;
}


/* Drawer hover css start  */

.customized-hover-container {
    position: relative;
    display: inline-block;
}

.customized-label {
    color: #007bff;
    font-weight: 600;
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 4px;
    background-color: #e6f0ff;
    display: inline-block;
    transition: background-color 0.3s ease;
}

.customized-label:hover {
    background-color: #cce0ff;
}

.customized-details {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, transform 0.3s ease;
    position: absolute;
    top: 120%;
    left: 0;
    background-color: #ffffff;
    padding: 12px;
    width: 260px;
    border: 1px solid #ccc;
    border-radius: 8px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
    z-index: 100;
    transform: translateY(-10px);
    background-color: #fdf7ed;
    width: auto;
    opacity: 10.4;
}

.customized-hover-container:hover .customized-details {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Drawer hover css end  */



/* media query start  */

@media (max-width:1300px) {
    .about-one {
        font-size: 46px;
    }

    .about-two {
        font-size: 18px;
    }

    .bio-one {
        font-size: 46px;
    }

    .category-one {
        font-size: 46px;
    }


    .bio-two {
        font-size: 18px;
        text-align: justify;
    }

    .bio1-one {
        font-size: 22px;
        color: #536660;
        line-height: 38px;
        padding: 0px 15px;
    }

    .bio2-one {
        font-size: 22px;
        color: #536660;
        line-height: 38px;
    }
}

@media (max-width:1280px) {
    .contect-page-child:nth-child(1) {
        width: 40%;
        display: flex;
        justify-content: center;
    }

    .contect-page-child:nth-child(2) {
        width: 60%;
        padding: 0px 40px;
    }

    .setting-img {
        height: 330px;
        width: 230px;
        padding: 20px;
        border-top-right-radius: 40%;
        border-bottom-left-radius: 40%;
    }

    .slider-button {
        position: absolute;
        top: 28%;
        left: 30%;
    }

    .selling-one {
        font-size: 40px;
        padding: 50px 0px;
        position: relative;
        color: rgba(47, 65, 87, 1);
        font-family: 'IM Fell French Canon';
    }

}

@media (max-width:1200px) {

    .top-head .top-head-inner-main {
        display: flex;
        flex-wrap: wrap;
        margin: 0px 15px;
    }

    .middle-head-main .middle-head-inner-main {
        /* display: flex; */
        flex-wrap: wrap;
        margin: 0px 17px;
        justify-content: space-between;
    }

    .middle-head-main .middle-head-inner-main .middle-head-child {
        /* width: 33.33%; */
        padding: 0px 0px;
        box-sizing: border-box;
    }

    .shop-main .shop-inner-main .shop-child .shop-inner-child .item .shop-box .s1 {
        font-size: 17px;
    }

    .footer-main .footer-inner-main .footer-child .footer-inner-child .footer-one {
        padding-top: 60px;
        color: #FFFFFF;
        font-size: 20px;
    }

    .footer-main .footer-inner-main .footer-child .footer-inner-child .footer-box .footer-menu>li>a {
        font-size: 18px;
    }

    .footer-three {
        font-size: 18px;
    }

    .footer-four {
        width: 57%;
        /* height: 51%; */
        padding: 5px 15px;
    }

    .work2-one {

        font-size: 45px;
        /* font-family: 'IM Fell French Canon'; */
        line-height: 80px;
        color: #000000;
    }

    .work2-two {
        font-size: 18px;
        text-align: left;
        line-height: 30px;
        color: #536660;
        padding-top: 20px;
        /* font-family: Inter; */
    }

    .client-img-single {
        width: 350px;
        height: 350px;
        /* border-radius: 50%; */
        object-fit: cover;
        /* border: 2px solid #000; */
        /* box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2); */
    }

    .client-dots {
        display: flex;
        justify-content: center;
        /* margin-top: 30px; */
        gap: 8px;
        align-self: center;
        padding-left: 0%;
    }
}

@media (max-width:1250px) {
    .menu-with-image .hover-image-box {
        position: absolute;
        top: 363%;
        left: 270%;
        transform: translateX(-50%);
        width: 1100px;
        padding-top: 10px;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease, visibility 0.3s ease;
        z-index: 99;
        /* width: 100%; */
        height: 320px;
    }

    .video-one {
        font-size: 22px;
        font-family: Libre Caslon Text;
        text-align: center;
        text-transform: uppercase;
        color: white;
    }

    .work1-one {
        /* font-family: 'IM FELL French Canon', serif; */
        font-size: 45px;
        line-height: 80px;
        padding-bottom: 20px;
        letter-spacing: 0%;
    }

    .work1-three {
        font-size: 18px;
        color: #536660;
        line-height: 22px;
        padding: 10px 0px;
    }

    .work1-two {
        font-size: 18px;
        color: #000000;
        line-height: 22px;
    }

    .category-img img {
        height: 400px;
        width: 30px;
        border-radius: 20px;
        object-fit: cover;
        transition: all 0.4s ease-in-out;
        cursor: pointer;
    }

    .category-img img.zoomed {
        width: 280px;
        height: 400px;
        border-radius: 30px;
        /* border-top-right-radius: 0px;
        border-bottom-right-radius: 115px;
        border-top-left-radius: 80px;
        border-bottom-left-radius: 0px;
        border-top-left-radius: 115px; */
    }

    .category-main .category-inner-main .category-child:nth-child(1) {
        width: 55%;
        justify-content: center;
        align-items: center;
        display: flex;
    }

    .category-two {
        font-size: 35px;
        /* font-family: IM FELL French Canon; */
        padding-bottom: 40px;
        font-weight: 400;
        color: rgba(47, 65, 87, 1);
    }

    .category-three {
        font-size: 18px;
        line-height: 27px;
        color: rgba(47, 65, 87, 1);
    }
}

@media (max-width:1180px) {
    .swiper-slide>img {
        display: block;
        width: 100%;
        height: 83% !important;
        object-fit: cover;
    }

    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: white !important;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

@media (max-width:1140px) {
    .menu-with-image .hover-image-box {
        position: absolute;
        top: 363%;
        left: 270%;
        transform: translateX(-50%);
        width: 1000px;
        padding-top: 10px;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease, visibility 0.3s ease;
        z-index: 99;
        /* width: 100%; */
        height: 320px;
    }

    .about-main {
        padding: 0px;
    }

    .about-one {
        font-size: 40px;
        color: rgb(0, 0, 0);
        /* font-family: IM FELL French Canon; */
    }

    /* .about-one::after {
    content: '';
    position: absolute;
    bottom: -100px;
    left: 50%;
    transform: translateX(-50%);
    width: 120px;
    height: 2px;
    background: linear-gradient(90deg, transparent, #000000, transparent);
} */

    .about-two {
        font-size: 16px;
        line-height: 27px;
        padding: 45px 0px;
        color: #536660;
    }

    .bio-one {
        font-size: 40px;
    }

    .category-one {
        font-size: 40px;
    }

    .bio-two {
        font-size: 16px;
    }

    .bio-main .bio-inner-main .bio-child .bio-inner-child>img {
        display: block;
        width: 88%;
        height: auto;
    }

    .work1-one {
        /* font-family: 'IM FELL French Canon', serif; */
        font-size: 40px;
        line-height: 80px;
        padding-bottom: 20px;
        letter-spacing: 0%;
    }

    .work2-one .work1-two {
        font-size: 16px;
        color: #000000;
        line-height: 22px;
    }

    .work1-three {
        font-size: 16px;
        color: #536660;
        line-height: 22px;
        padding: 10px 0px;
    }

    .work1-main .work1-inner-main .work1-child:nth-child(1) {
        width: 50%;
        display: flex;
        justify-content: center;
        align-self: center;
    }

    .work2-main {
        display: block;
        width: 100%;
        background-color: white;
        padding: 30px 0;
    }

    .selling-one {
        font-size: 34px;
        padding: 50px 0px;
        position: relative;
        color: rgba(47, 65, 87, 1);
        /* font-family: IM FELL French Canon; */
    }

    .selling-count {
        font-size: 40px;
        margin: 10px 0px;
        color: rgba(47, 65, 87, 1);
    }

    .selling-nav-slide {
        width: 33px;
        height: 4px;
        background-color: gray;
        margin: 0 2px;
        display: inline-block;
        transition: background-color 0.3s;
    }

    .slider-button {
        position: absolute;
        top: 34%;
        left: 24%;
    }

    .client-one {
        font-size: 48px;
        text-align: center;
        line-height: 80px;
        /* font-family: IM FELL French Canon; */
        color: rgba(47, 65, 87, 1);
    }
}

@media (max-width:1080px) {
    .shop-main .shop-inner-main .shop-child:nth-child(1) {
        width: 20%;
        display: none;
    }

    .shop-main .shop-inner-main .shop-child:nth-child(2) {
        width: 100%;
    }

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

    .about-four {
        font-size: 18px;
        color: #9A5BA7;
        display: flex;
        justify-content: center;
        align-self: center;
    }

    .swiper2-child-div {
        font-size: 30px !important;
        font-weight: 600;
        margin-bottom: 40px;
        font-family: 'Georgia', serif;
        color: #000;
        text-align: center;
    }

    .vv-collab-content {
        max-width: 600px;
        text-align: center !important;
    }

    .vv-collab-container {
        max-width: 1200px;
        margin: auto;
        display: flex;
        align-items: center;
        justify-content: center !important;
        gap: 59px;
        flex-wrap: wrap;
    }

    .vv-collab-content h2 {
        font-size: 2.5rem;
        color: #1e1e1e;
        font-weight: 600;
        margin-bottom: 20px;
        text-align: center !important;
    }

    .work-main .work-inner-main .work-child .work-inner-child .work-one {
        /* font-family: IM FELL French Canon; */
        font-size: 45px;
        text-align: end;
        line-height: 80%;
        padding-bottom: 30px;
        color: rgba(0, 0, 0, 1);
    }

    .work-two {
        font-size: 18px;
        line-height: 27px;
        color: #536660;
        text-align: justify;
        color: #333;
        font-weight: 200;
        text-align: end;
        padding-bottom: 15px;
    }

    .work-box {
        background: #9A5BA7;
        border-radius: 25px;
        padding: 12px 0px;
        margin: 20px 0px;
        width: 55%;
        align-self: end;
        margin-left: auto;
    }

    .myfilter-category {
        display: block !important;
    }

}


@media (max-width:1050px) {
    .category-img {
        display: flex;
        gap: 20px;
        align-items: flex-end;
    }

    .category-img img.zoomed {
        width: 230px;
        height: 330px;
        border-radius: 30px;
        /* border-top-right-radius: 0px;
        border-bottom-right-radius: 115px;
        border-top-left-radius: 80px;
        border-bottom-left-radius: 0px;
        border-top-left-radius: 115px; */
    }

    .category-img img {
        height: 330px;
        width: 28px;
        border-radius: 20px;
        object-fit: cover;
        transition: all 0.4s ease-in-out;
        cursor: pointer;
    }

    .category-two {
        font-size: 30px;
        /* font-family: IM FELL French Canon; */
        padding-bottom: 40px;
        font-weight: 400;
        color: rgba(47, 65, 87, 1);
    }

    .category-three {
        font-size: 16px;
        line-height: 27px;
        color: rgba(47, 65, 87, 1);
    }

    .category-four {
        display: flex;
        justify-content: center;
        align-self: center;
        font-size: 16px;
        color: #9A5BA7;
    }

    .category-btn img {
        width: 50%;
    }
}

@media (max-width:1040px) {
    .menu-with-image .hover-image-box {
        position: absolute;
        top: 363%;
        left: 270%;
        transform: translateX(-50%);
        width: 900px;
        padding-top: 10px;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease, visibility 0.3s ease;
        z-index: 99;
        /* width: 100%; */
        height: 320px;
    }

    .img-div img {
        width: 100%;
        height: 200px;
        object-fit: cover;
        border-radius: 5px;
    }

    .about-one {
        font-size: 36px;
        color: rgb(0, 0, 0);
        /* font-family: 'IM FELL French Canon'; */
    }

    .about-five {
        width: 50%;
    }

    .bio1-one {
        font-size: 20px;
    }

    .bio2-one {
        font-size: 19px;
        color: #536660;
        line-height: 38px;
    }

    .setting-img {
        height: 300px;
        width: 200px;
        padding: 20px;
        border-top-right-radius: 40%;
        border-bottom-left-radius: 40%;
    }
}

@media (max-width:1000px) {
    .contect-page-child-inner-main h2 {
        font-size: 26px;
        margin-bottom: 20px;
        font-weight: bold;
        text-transform: lowercase;
    }

    .contect-page-child-inner-main p {
        font-size: 15px;
        line-height: 1.6;
        margin-bottom: 15px;
    }

    .category-main .category-text .category-one {
        text-align: center;
        font-size: 46px;
        /* font-family: IM FELL French Canon; */
        padding-bottom: 70px;
        color: rgb(0, 0, 0);
    }
}

@media (max-width:945px) {
    .shop-main .shop-inner-main .shop-child .shop-inner-child .item .shop-box .s1 {
        font-size: 15px;
    }

    .icon-li-wp {
        background-color: transparent;
        border: none;
        font-size: 22px;
    }

    .video-one {
        font-size: 17px;
        font-family: Libre Caslon Text;
        text-align: center;
        text-transform: uppercase;
    }

    .work2-one {
        font-size: 40px;
        /* font-family: IM FELL French Canon; */
        line-height: 80px;
        color: #000000;
    }

    .work2-two {
        font-size: 17px;
        text-align: left;
        line-height: 30px;
        color: #536660;
        padding-top: 20px;
        /* font-family: Inter; */
    }
}

@media (max-width:900px) {
    .menu-with-image .hover-image-box {
        position: absolute;
        top: 363%;
        left: 270%;
        transform: translateX(-50%);
        width: 800px;
        padding-top: 10px;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease, visibility 0.3s ease;
        z-index: 99;
        /* width: 100%; */
        height: 320px;
    }

    .img-div img {
        width: 100%;
        height: 200px;
        object-fit: cover;
        border-radius: 5px;
    }

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

    .about-one {
        font-size: 30px;
        color: rgb(0, 0, 0);
        /* font-family: IM FELL French Canon; */
    }

    .about-two {
        font-size: 15px;
        line-height: 27px;
        padding: 45px 0px;
        color: #536660;
    }

    .bio-one {
        font-size: 32px;
    }

    .category-one {
        font-size: 32px;
    }


    .bio-two {
        font-size: 15px;
    }

    .work1-one {
        /* font-family: 'IM FELL French Canon', serif; */
        font-size: 35px;
        line-height: 80px;
        padding-bottom: 20px;
        letter-spacing: 0%;
    }

    .work1-three {
        font-size: 15px;
        color: #536660;
        line-height: 22px;
        padding: 3px 0px;
        text-align: center;
    }

    .contect-page-child-inner-main p {
        font-size: 15px;
        line-height: 1.6;
        margin-bottom: 7px;
    }
}

@media (max-width:945px) {
    .setting-img {
        height: 300px;
        width: 200px;
        padding: 20px;
        border-top-right-radius: 40%;
        border-bottom-left-radius: 40%;
    }

    .selling-one {
        font-size: 30px;
        padding: 50px 0px;
        position: relative;
        color: rgba(47, 65, 87, 1);
        /* font-family: IM FELL French Canon; */
    }

    .slider-button {
        position: absolute;
        top: 30%;
        left: 24%;
    }

    .selling-count {
        font-size: 30px;
        margin: 10px 0px;
        color: rgba(47, 65, 87, 1);
    }

    .selling-nav-slide {
        width: 24px;
        height: 4px;
        background-color: gray;
        margin: 0 2px;
        display: inline-block;
        transition: background-color 0.3s;
    }

    .selling-collection-link img {
        width: 50%;
    }

    .selling-category-list li {
        font-size: 13px;
        color: #333;
        margin-bottom: 15px;
        letter-spacing: 1px;
        cursor: pointer;
        position: relative;
    }

    .work-main .work-inner-main .work-child .work-inner-child>img {
        width: 100%;
        height: auto;
        display: block;
    }

    .work-main .work-inner-main .work-child .work-inner-child .work-one {
        /* font-family: IM FELL French Canon; */
        font-size: 38px;
        text-align: end;
        line-height: 80%;
        padding-bottom: 30px;
        color: rgba(0, 0, 0, 1);
    }

    .work-two {
        font-size: 16px;
        line-height: 27px;
        color: #536660;
        text-align: justify;
        color: #333;
        font-weight: 200;
        text-align: end;
        padding-bottom: 15px;
    }

    .work-box {
        background: #9A5BA7;
        border-radius: 25px;
        padding: 10px 0px;
        margin: 20px 0px;
        width: 52%;
        align-self: end;
        margin-left: auto;
    }

    .work-three {
        font-size: 16px;
        line-height: 27px;
        padding: 0px 10px;
    }

    .work-four {
        font-size: 16px;
        color: white;
        padding: 0px 10px;
    }

    .work-icon {
        font-size: 25px;
        padding-left: 15px;
        padding-top: 10px;
    }

    .client-one {
        font-size: 41px;
        text-align: center;
        line-height: 50px;
        /* font-family: IM FELL French Canon; */
        color: rgba(47, 65, 87, 1);
    }
}

@media (max-width:970px) {
    .client-img-single {
        width: 300px;
        height: 300px;
        /* border-radius: 50%; */
        object-fit: cover;
        /* border: 2px solid #000; */
        /* box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2); */
    }

    .client-menu {
        display: flex;
        justify-content: center;
        position: relative;
        padding-top: 35px;
    }

    .client-dot {
        width: 35px;
        height: 5px;
        background: #c0b7b7;
        border-radius: 5px;
        cursor: pointer;
        transition: 0.3s;
    }

    .client-next-btn {
        width: 35px;
        height: 35px;
        background: #000;
        color: #fff;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 20px;
        cursor: pointer;
        /* margin: 20px auto; */
        position: absolute;
        right: 32%;
        top: 42%;
        align-self: center;
    }
}

@media (max-width:800px) {
    .shop-main .shop-inner-main .shop-child .shop-inner-child .item {
        position: relative;
        width: 50%;
        box-sizing: border-box;
        padding: 0px 15px;
        overflow: hidden;
        /* margin: 15px 0px; */
        margin-bottom: 30px;
    }

    .menu-with-image .hover-image-box {
        position: absolute;
        top: 363%;
        left: 270%;
        transform: translateX(-50%);
        width: 700px;
        padding-top: 10px;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease, visibility 0.3s ease;
        z-index: 99;
        /* width: 100%; */
        height: 320px;
    }

    .img-div img {
        width: 100%;
        height: 150px;
        object-fit: cover;
        border-radius: 5px;
    }

    .work1-main {
        display: block;
        width: 100%;
        background-color: white;
        padding: 52px 0;
    }
}

@media (max-width:870px) {
    .middle-head-main .middle-head-inner-main .middle-head-child .middle-head-inner-child .middle-menu>li {
        font-size: 16px;
        padding: 0px 20px;
    }

    .middle-icon {
        font-size: 22px;
    }

    .middle-head-main .middle-head-inner-main .middle-head-child .middle-head-inner-child>img {
        width: 15%;
    }

    .bio1-one {
        font-size: 17px;
    }

    .category-img img {
        height: 300px;
        width: 28px;
        border-radius: 20px;
        object-fit: cover;
        transition: all 0.4s ease-in-out;
        cursor: pointer;
    }

    .category-img img.zoomed {
        width: 200px;
        height: 300px;
        border-radius: 30px;
        /* border-top-right-radius: 0px;
        border-bottom-right-radius: 85px;
        border-top-left-radius: 80px;
        border-bottom-left-radius: 0px;
        border-top-left-radius: 85px; */
    }

    .category-img {
        display: flex;
        gap: 18px;
        align-items: flex-end;
    }

    .category-two {
        font-size: 26px;
        /* font-family: IM FELL French Canon; */
        padding-bottom: 40px;
        font-weight: 400;
        color: rgba(47, 65, 87, 1);
    }

    .category-three {
        font-size: 14px;
        line-height: 27px;
        color: rgba(47, 65, 87, 1);
    }

    .category-four {
        display: flex;
        justify-content: center;
        align-self: center;
        font-size: 15px;
    }

    .selling-one {
        font-size: 25px;
        padding: 50px 0px;
        position: relative;
        color: rgba(47, 65, 87, 1);
        /* font-family: IM FELL French Canon; */
    }

    .setting-img {
        height: 250px;
        width: 150px;
        padding: 20px;
        border-top-right-radius: 40%;
        border-bottom-left-radius: 40%;
    }

    .slider-button {
        position: absolute;
        top: 30%;
        left: 32%;
    }

    .work-btn img {
        width: 50%;
    }

    .work-five {
        display: flex;
        justify-content: center;
        align-self: center;
        background: #9A5BA7;
        color: rgba(255, 255, 255, 1);
        padding: 12px 25px;
        border-radius: 21px;
        font-size: 15px;
    }
}

@media (max-width:850px) {
    .middle-menu {
        text-align: center;
        display: flex;
        justify-content: center;
        align-self: center;
        position: relative;
        /* padding-right: 25px; */
        /* padding-left: 25px; */
    }

    .middle-head-main .middle-head-inner-main .middle-head-child .middle-head-inner-child .middle-menu>li {
        font-size: 16px;
        padding: 0px 15px;
    }

    .swiper2-child-div {
        font-size: 27px !important;
        font-weight: 600;
        margin-bottom: 40px;
        font-family: 'Georgia', serif;
        color: #000;
        text-align: center;
    }

    .contect-page-child:nth-child(1) {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .contect-page-child:nth-child(2) {
        width: 100%;
        padding: 0px 40px;
    }

    .contect-page-child-inner-main p {
        font-size: 15px;
        line-height: 1.6;
        margin-bottom: 15px;
    }

    .contect-page-child-inner-main h2 {
        font-size: 26px;
        margin-bottom: 20px;
        font-weight: bold;
        text-transform: lowercase;
        text-align: center;
        margin-top: 25px;
    }

    .category-main .category-text .category-one {
        text-align: center;
        font-size: 40px;
        /* font-family: IM FELL French Canon; */
        padding-bottom: 70px;
        color: rgb(0, 0, 0);
    }
}

@media (max-width:810px) {
    .category-main .category-inner-main .category-child:nth-child(1) {
        width: 100%;
        justify-content: center;
        align-items: center;
        display: flex;
    }

    .category-main .category-inner-main .category-child:nth-child(2) {
        width: 100%;
        text-align: center;
    }

    .category-btn {
        display: flex;
        justify-content: center;
        padding-top: 30px;
    }

    .selling-child {
        width: 100%;
        padding: 0px 15px;
    }

    .selling-child:nth-child(2) {
        display: flex;
        justify-content: end;
        width: 100%;
    }

    .work-main .work-inner-main .work-child .work-inner-child .work-one {
        /* font-family: IM FELL French Canon; */
        font-size: 32px;
        text-align: end;
        line-height: 80%;
        padding-bottom: 30px;
        color: rgba(0, 0, 0, 1);
    }

    .work-two {
        font-size: 16px;
        line-height: 20px;
        color: #536660;
        text-align: justify;
        color: #333;
        font-weight: 200;
        text-align: end;
        padding-bottom: 15px;
    }

    .work-box {
        background: #9A5BA7;
        border-radius: 25px;
        padding: 10px 0px;
        margin: 14px 0px;
        width: 52%;
        align-self: end;
        margin-left: auto;
    }

    .work-four {
        font-size: 14px;
        color: white;
        padding: 0px 10px;
    }

    .client-img-single {
        width: 250px;
        height: 250px;
        /* border-radius: 50%; */
        object-fit: cover;
        /* border: 2px solid #000; */
        /* box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2); */
    }

    .client-next-btn {
        width: 35px;
        height: 35px;
        background: #000;
        color: #fff;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 20px;
        cursor: pointer;
        /* margin: 20px auto; */
        position: absolute;
        right: 28%;
        top: 42%;
        align-self: center;
    }

    .client-review {
        font-size: 15px;
        line-height: 22px;
        margin-bottom: 20px;
    }
}

@media (max-width:792px) {

    .middle-menu {
        text-align: center;
        display: none;
    }

    .middle-head-inner-child1 {
        /* display: block; */
        display: flex;
        align-items: center;
        line-height: 0;
    }

    .middle-mini-nav>li {
        padding: 20px 0px;
    }

    :where(.css-dev-only-do-not-override-1m63z2v) a {
        color: #333 !important;
        text-decoration: none;
        background-color: transparent;
        outline: none;
        cursor: pointer;
        transition: color 0.3s;
        -webkit-text-decoration-skip: objects;
    }

    /* Header Inner Main - Proper Alignment */
    .middle-head-main .middle-head-inner-main {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    /* All Children Equal Flex */
    .middle-head-main .middle-head-inner-main .middle-head-child {
        display: flex;
        align-items: center;
    }

    .middle-head-inner-child {
        display: flex;
        align-items: center;
        line-height: 0;
    }

    /* Left Side - Menu Icon */

    .middle-head-child:nth-child(1) {
        display: flex !important;
        align-items: center;
        gap: 15px;
        flex: 0 0 auto;
        justify-content: flex-start;
    }


    /* Center - Logo */
    .middle-head-child:nth-child(2) {
        flex: 1;
        justify-content: center;
        /* margin-bottom: -900px; */
    }

    /* Right Side - Icons */
    .middle-head-child:nth-child(3) {
        flex: 0 0 auto;
        justify-content: flex-end;
        /* display: flex; */
        /* margin-top: 10px; */
        gap: 15px;
    }

    .middle-head-main .middle-head-inner-main .middle-head-child .middle-head-inner-child img {
        width: 80%;
    }

    .middle-icon {
        font-size: 28px;
    }

    .middle-head-inner-child1 button {
        display: flex !important;
        align-items: center !important;
        padding: 0 !important;
        height: auto !important;
        min-width: unset !important;
    }

    :where(.css-dev-only-do-not-override-1m63z2v).ant-btn-color-primary {
        /* color: #7e7971 !important; */
        color: #000 !important;
        box-shadow: none !important;
        font-size: 22px;
        padding-bottom: 5px;
    }

    .bio2-one {
        font-size: 16px;
        color: #536660;
        line-height: 30px;
    }

}

/* ========== HEADER & SEARCH RESPONSIVE - 700px TO 320px ========== */
@media (max-width: 700px) {

    /* HEADER SECTION */
    .middle-head-main {
        padding: 0px;
    }

    .middle-head-main .middle-head-inner-main {
        padding: 0px 0px;
        margin: 0px 12px;
        display: flex;
        align-items: center;
        height: 38px;
        padding-bottom: 45px;
    }

    /* Logo Container */
    .logo-container-main {
        margin-bottom: 0;
        position: relative;
    }

    /* Logo Image - Responsive */

    .header-logo-img {
        height: clamp(55px, 12vw, 70px);
        width: auto;
    }

    /* Tagline - Very Small */
    .logo-tagline {
        /* font-size: clamp(11px, 2.2vw, 12px); */
        margin-top: 2px;
        letter-spacing: 0.5px;
        font-weight: 600;
        position: absolute;
        left: 35%;
        transform: translate;
        top: 94%;
    }

    /* Icons - Smaller */
    .middle-icon {
        font-size: clamp(20px, 5vw, 24px) !important;
        /* opacity: 0.8; */
    }

    :where(.css-dev-only-do-not-override-1m63z2v).ant-btn-color-primary {
        font-size: clamp(18px, 4.5vw, 20px) !important;
    }

    /* Mobile Menu Icon Container */
    .middle-head-inner-child1 {
        display: flex;
        align-items: center;
    }

    /* Navigation Menu */
    .nav-menu-wrapper {
        display: none;
    }

    .middle-menu {
        gap: 12px;
    }

    .middle-head-main .middle-head-inner-main .middle-head-child .middle-head-inner-child .middle-menu>li {
        font-size: clamp(12px, 3vw, 14px);
        padding: 0px 8px;
    }

    /* Button */
    :where(.css-dev-only-do-not-override-1m63z2v).ant-btn-color-primary {
        font-size: clamp(13px, 3.2vw, 16px);
    }

    /* Menu Underline */
    .middle-menu>li>a::after {
        bottom: -4px;
        height: 1.5px;
    }

    /* SEARCH OVERLAY */
    .search-overlay {
        height: clamp(100px, 25vw, 150px);
    }

    .search-box {
        width: 85%;
        padding: clamp(8px, 2vw, 12px) clamp(12px, 3vw, 18px);
        border: 1px solid #d5b3a8;
    }

    .search-box input {
        font-size: clamp(14px, 3.5vw, 18px);
    }

    .search-icon {
        margin-left: 8px;
        font-size: clamp(18px, 4.5vw, 22px);
    }

    .close-icon {
        margin-left: 8px;
        font-size: clamp(20px, 5vw, 24px);
    }
}

@media(max-width:540px) {
    .logo-tagline {


        font-size: 14px;
        margin-top: 2px;
        letter-spacing: 0.5px;
        font-weight: 600;
        position: absolute;
        left: 29%;
        transform: translate;
        top: 105%;
    }

}

@media (max-width: 450px) {
    .logo-tagline {
        font-size: 11px;
        letter-spacing: 0.3px;
        margin-top: 15px;
        left: 31%;
        top: 97%
    }
}

/* ========== SMALL PHONES - 400px AND BELOW ========== */
@media (max-width: 400px) {
    .middle-head-main .middle-head-inner-main {
        margin: 0px 8px;
        padding: -1px 0px;
    }

    .header-logo-img {
        height: 45px;
    }

    .logo-tagline {
        font-size: 10px;
        letter-spacing: 0.3px;
        margin-top: 1px;
    }

    .middle-icon {
        font-size: 20px !important;
    }

    :where(.css-dev-only-do-not-override-1m63z2v).ant-btn-color-primary {
        font-size: 18px !important;
    }

    .search-overlay {
        height: 110px;
    }

    .search-box {
        width: 90%;
        padding: 8px 12px;
    }

    .search-box input {
        font-size: 15px;
    }

    .search-icon {
        font-size: 19px;
    }

    .close-icon {
        font-size: 21px;
    }
}

/* ========== EXTRA SMALL PHONES - 360px AND BELOW ========== */
@media (max-width: 360px) {
    .middle-head-main .middle-head-inner-main {
        margin: 0px 6px;
    }

    .header-logo-img {
        height: 42px;
    }

    .logo-tagline {
        font-size: 10px;
        left: 25%;
        top: 123%;
    }

    .middle-icon {
        font-size: 19px !important;
    }

    :where(.css-dev-only-do-not-override-1m63z2v).ant-btn-color-primary {
        font-size: 17px !important;
    }

    .search-box {
        width: 92%;
    }
}

/* ========== VERY SMALL PHONES - 320px (iPhone SE, etc) ========== */
@media (max-width: 320px) {
    .middle-head-main .middle-head-inner-main {
        margin: 0px 5px;
        padding: 5px 0px;
    }

    .header-logo-img {
        height: 38px;
    }

    .logo-tagline {
        font-size: 8px;
        letter-spacing: 0.2px;
        left: 33%;
    }

    .middle-icon {
        font-size: 18px !important;
    }

    :where(.css-dev-only-do-not-override-1m63z2v).ant-btn-color-primary {
        font-size: 16px !important;
    }

    .search-overlay {
        height: 100px;
    }

    .search-box {
        width: 94%;
        padding: 7px 10px;
    }

    .search-box input {
        font-size: 14px;
    }

    .search-icon {
        margin-left: 6px;
        font-size: 18px;
    }

    .close-icon {
        margin-left: 6px;
        font-size: 20px;
    }
}

/* ========== RESPONSIVE FOR ALL PHONES - 700px AND BELOW ========== */
/* Covers: 320px, 360px, 375px, 390px, 400px, 480px, 600px, 700px ALL SIZES */
@media (max-width: 700px) {

    /* ABOUT SECTION */
    .about-main {
        padding: 20px 0px;
    }

    .about-child {
        max-width: 100%;
        padding: 0px 15px;
    }

    .about-one {
        font-size: clamp(22px, 5vw, 28px);
        margin-bottom: 15px;
        padding-bottom: 10px;
    }

    .about-one::after {
        width: clamp(50px, 15vw, 70px);
        height: 2px;
    }

    .about-two {
        font-size: clamp(13px, 3.5vw, 15px);
        line-height: 1.6;
        text-align: justify;
        margin-bottom: 0;
    }

    .about-three {
        display: inline;
    }

    .about-four {
        font-size: clamp(15px, 4vw, 17px);
    }

    .about-btn {
        margin-top: 10px;
    }

    /* BIO SECTION */
    .bio-main {
        padding: 20px 0px !important;
    }

    .bio-main .container {
        padding: 0 15px;
        max-width: 100%;
    }

    .bio-one {
        font-size: clamp(22px, 5vw, 28px);
        margin-bottom: 30px;
        padding-bottom: 10px;
    }

    .bio-one::after {
        width: clamp(50px, 15vw, 70px);
        height: 2px;
    }

    .bio-main .bio-inner-main {
        flex-direction: column;
        gap: 30px;
    }

    .bio-main .bio-inner-main .bio-child:nth-child(1),
    .bio-main .bio-inner-main .bio-child:nth-child(2) {
        flex: 1;
        order: unset;
        width: 100%;
        max-width: 100%;
    }

    .bio-main .bio-inner-main .bio-child .bio-inner-child>img {
        max-width: clamp(150px, 40vw, 220px);
        margin: 0 auto;
        display: block;
    }

    .bio-two {
        font-size: clamp(13px, 3.5vw, 15px);
        line-height: 1.6;
        text-align: justify;
        margin-top: 0;
        margin-bottom: 0;
    }

    .bio-btn {
        justify-content: center;
        margin-top: 15px;
    }

    .bio-three {
        padding: clamp(10px, 2.5vw, 13px) clamp(25px, 6vw, 35px);
        font-size: clamp(12px, 3vw, 14px);
        border-radius: 20px;
    }

    /* CATEGORY SECTION */
    .category-main {
        padding: 25px 0px;
    }

    .category-main .container {
        padding: 0 15px;
    }

    .category-main .category-text .category-one {
        font-size: clamp(22px, 5vw, 28px);
        padding-bottom: 25px;
    }

    .category-one::after {
        bottom: 12px;
        width: clamp(60px, 18vw, 90px);
        height: 2px;
    }

    .category-main .category-inner-main {
        margin: 0px -10px;
    }

    .category-main .category-inner-main .category-child {
        padding: 15px 10px;
        width: 100% !important;
    }

    .category-main .category-inner-main .category-child:nth-child(1),
    .category-main .category-inner-main .category-child:nth-child(2) {
        width: 100% !important;
    }

    .category-two {
        font-size: clamp(20px, 4.5vw, 26px);
        padding-bottom: 15px;
        text-align: center;
    }

    .category-three {
        font-size: clamp(13px, 3.5vw, 15px);
        line-height: 1.6;
        text-align: center;
        margin-bottom: 0;
    }

    .category-btn {
        justify-content: center;
        margin-top: 15px;
    }

    .category-four {
        font-size: clamp(15px, 4vw, 17px);
    }

    .category-img {
        gap: clamp(8px, 2vw, 12px);
        flex-wrap: wrap;
        justify-content: center;
    }

    .category-img img {
        height: clamp(200px, 50vw, 280px);
        width: clamp(25px, 6vw, 35px);
    }

    .category-img img.zoomed {
        width: clamp(120px, 35vw, 200px);
        height: clamp(200px, 50vw, 280px);
        border-radius: clamp(12px, 3vw, 20px);
    }

    /* SLIDER SECTION */
    .slidsmooth-container {
        padding-top: 12px;

    }

    .slidsmooth-text .slidsmooth-one {
        font-size: clamp(22px, 5vw, 28px);
        padding-bottom: 25px;
    }

    .slidsmooth-slide {
        height: clamp(180px, 45vw, 240px);
        margin-right: clamp(10px, 3vw, 15px);
    }

    .slidsmooth-slide img {
        height: 100%;
        width: 100%;
        object-fit: contain;
    }

    .slidsmooth-slide:hover {
        transform: scale(1.02);
    }

    .slidsmooth-slider {
        animation: slidsmooth-scroll 90s linear infinite;
    }

    .slidsmooth-wrapper:hover .slidsmooth-slider {
        animation-play-state: paused;
    }
}

@media (max-width:700px) {

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

    .modal-layout {
        display: block;
        gap: 2rem;
        padding: 1rem;
        /* background-color: #f8f0de; */
    }

    .product-details {
        margin: 0.5rem 0 1rem 0;
        text-align: center;
    }

    .product-name {
        font-weight: 600;
        font-size: 1.4rem;
        color: #2F4157;
        text-align: center;
    }

    .modal-layout .cart-qty {
        margin: 30px 0px;
        text-align: center;
        display: block ruby;
    }

    .ant-modal-content {
        width: 500px;
        margin: 0 auto;
    }

    .contect-row {
        display: block;
        gap: 20px;
    }

    .add-to-cart {
        background-color: #1a1a1a !important;
        color: #ffffff !important;
        padding: 13px 20px !important;
        border: 1px solid #1a1a1a !important;
        font-size: 13px !important;
        font-weight: 500 !important;
        text-transform: uppercase !important;
        letter-spacing: 3px !important;
        cursor: pointer !important;
        transition: all 0.4s ease;
        /* width: 1; */
        width: 100%;
        /* margin-left: 20px; */
        margin-right: 35px;
        /* margin: 0px 20px; */
    }
}

@media (max-width:750px) {
    .footer-main .footer-inner-main .footer-child:nth-child(1) {
        width: 100%;
    }

    .footer-main .footer-inner-main .footer-child:nth-child(2) {
        width: 100%;
    }

    .footer-main .footer-inner-main .footer-child:nth-child(3) {
        width: 100%;
    }

    .about-one {
        font-size: 28px;
        color: rgb(0, 0, 0);
        /* font-family: 'IM FELL French Canon'; */
    }

    .about-two {
        font-size: 14px;
        line-height: 27px;
        /* padding: 30px 0px; */
        padding: 10px 0px;
        color: #536660;
    }

    .about-four {
        font-size: 16px;
        color: #9A5BA7;
        display: flex;
        justify-content: center;
        align-self: center;
    }

    .video-two {
        font-size: 15px;
        text-align: center;
        font-family: Libre Caslon Text;
        letter-spacing: 8%;
    }

    .video-one {
        font-size: 13px;
        font-family: Libre Caslon Text;
        text-align: center;
        text-transform: uppercase;
    }

    .work1-main .work1-inner-main .work1-child:nth-child(1) {
        width: 100%;
        display: flex;
        justify-content: center;
        align-self: center;
    }

    .work1-main .work1-inner-main .work1-child:nth-child(2) {
        width: 100%;
        text-align: center;
    }

    .work-main .work-inner-main .work-child:nth-child(1) {
        width: 100%;
        display: flex;
        justify-content: center;
        align-self: center;
    }

    .work-main .work-inner-main .work-child:nth-child(2) {
        width: 100%;
    }

    .work-main .work-inner-main .work-child .work-inner-child .work-one {
        /* font-family: IM FELL French Canon; */
        font-size: 32px;
        text-align: center;
        line-height: 80%;
        padding-bottom: 30px;
        color: rgba(0, 0, 0, 1);
        padding-top: 35px;
    }

    .work-two {
        font-size: 16px;
        line-height: 20px;
        color: #536660;
        text-align: justify;
        color: #333;
        font-weight: 200;
        text-align: center;
        padding-bottom: 15px;
    }

    .work-box {
        background: #9A5BA7;
        border-radius: 25px;
        padding: 10px 0px;
        margin: 14px 0px;
        width: 52%;
        align-self: end;
        margin-left: auto;
        margin-right: auto;
    }

    .work-btn {
        display: flex;
        justify-content: center;
        padding-top: 15px;
    }

    .work-child:nth-child(1) .work-inner-child {
        display: flex;
        justify-content: center;
    }

    .work-main .work-inner-main .work-child .work-inner-child>img {
        width: 70%;
        height: auto;
        display: block;
    }
}

/* @media (max-width:700px) {
    .swiper-slide>img {
        display: block;
        width: 100%;
        height: 50% !important;
        object-fit: cover;
    }

    .bio1-one {
        font-size: 16px;
    }
} */

@media (max-width:650px) {

    /* .bio-main {
        display: block;
        width: 100%;
        background-color: white;
        /* padding: 62px 0px; */
    */ .bio-main .bio-inner-main .bio-child:nth-child(1) {
        padding: 0px 15px;
        width: 100%;
        text-align: center;
        padding-bottom: 60px;
    }

    .bio-main .bio-inner-main .bio-child:nth-child(2) {
        width: 100%;
        padding: 0px 15px;
        align-items: center;
    }

    .about-main .about-inner-main .about-child {
        width: 100%;
        padding: 0px 15px;
        box-sizing: border-box;
    }

    .bio-btn {
        display: flex;
        justify-content: center;
    }

    .work1-child:nth-child(1) .work1-inner-child {
        justify-content: center;
        display: flex;
    }

    .about-one {
        font-size: 28px !important;
        color: rgb(0, 0, 0);
        /* font-family: IM FELL French Canon; */
        text-align: center;
        padding-top: 30px;
    }

    .about-btn {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .bio-one {
        font-size: 28px !important;
    }

    .category-one {
        font-size: 28px !important;
    }

    .about-two {
        font-size: 14px !important;
    }

    .bio-two {
        font-size: 14px !important;
    }

    .bio-three {
        display: flex;
        justify-content: center;
        align-self: center;
        background: #9A5BA7;
        padding: 10px 25px;
        border-radius: 21px;
        font-size: 16px;
        color: rgba(255, 255, 255, 1);
        letter-spacing: 5%;
        font-size: 14px;
    }

    .bio-main .bio-inner-main .bio-child .bio-inner-child>img {
        display: block;
        width: 94%;
        height: auto;
    }

    .bio-child:nth-child(2) {
        margin-left: auto;
        margin-right: auto;
        display: flex;
        justify-content: center;
    }

    .about-main {
        display: block;
        width: 100%;
        background-color: white;
        padding: 0px 0px;
    }

    .bio-main {
        display: block;
        width: 100%;
        background-color: white;
        /* padding: 0px; */
        padding: 0px 0px !important;
    }

    .bio1-main .bio1-inner-main .bio1-child:nth-child(1) {
        width: 100%;
        padding-bottom: 25px;
    }

    .bio1-main .bio1-inner-main .bio1-child:nth-child(2) {
        width: 100%;
    }

    .bio2-main .bio2-inner-main .bio2-child:nth-child(1) {
        width: 100%;
    }

    .bio2-main .bio2-inner-main .bio2-child:nth-child(2) {
        width: 100%;
        display: flex;
        justify-content: center;
        align-self: center;
    }

    .work1-main {
        padding: 30px 0px;
    }

    .work1-one {
        padding: 30px 0px;
        font-size: 28px;
    }

    .work1-three {
        font-size: 14px;
    }

    .work2-one {
        padding: 10px 0px;
        font-size: 28px;
    }

    .work2-main {
        padding: 0px 0px;
    }

}

@media (max-width:630px) {

    .bottom-main .bottom-inner-main .bottom-child .bottom-inner-child {
        /* display: flex; */
        justify-content: center;
        text-align: center;
    }

    .bottom-main .bottom-inner-main .bottom-child .bottom-inner-child .botton-one {
        /* font-size: 20px; */
        /* font-weight: bold; */
        font-size: 12px;
        font-weight: 700;
        letter-spacing: .2em;
        text-transform: uppercase;
        word-spacing: 5px;
        margin-bottom: 4px;
    }

    .botton-two {
        font-size: 13px;
        /* padding: 0px 15px; */
        text-decoration: underline;
        padding-left: 15px;
    }

    .carousel-item {
        display: block;
        flex: 0 0 100%;
        padding: 0 20px;
        box-sizing: border-box;
        align-items: center;
        justify-content: center;
    }

    .carousel-left {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .carousel-right {
        width: 100%;
        position: relative;
        padding-left: 0px;
        text-align: center;
    }

    .client-next-btn {
        width: 35px;
        height: 35px;
        background: #000;
        color: #fff;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 20px;
        cursor: pointer;
        /* margin: 20px auto; */
        position: absolute;
        right: 22%;
        top: 42%;
        align-self: center;
    }

    .quote-img {
        width: 30px;
        margin-bottom: 10px;
        display: none;
    }

    .client-review {
        font-size: 15px;
        line-height: 22px;
        margin-bottom: 20px;
        padding-top: 25px;
    }

    .client-one {
        font-size: 35px;
        text-align: center;
        line-height: 50px;
        /* font-family: IM FELL French Canon; */
        color: rgba(47, 65, 87, 1);
    }
}

@media (max-width:500px) {
    .shop-main .shop-inner-main .shop-child .shop-inner-child .item {
        position: relative;
        width: 100%;
    }

    .shop-main .shop-inner-main .shop-child .shop-inner-child .item .Quiek-view {
        width: 94%;
        position: absolute;
        opacity: 0;
        transition: 0.2s linear;
        bottom: 15%;
        z-index: 1;
        cursor: pointer;
    }

    .singlepagefull-details h2 {
        font-size: 23px;
        color: #222;
        margin-bottom: 1rem;
    }

    .footer-main .footer-inner-main .footer-child .footer-inner-child .footer-one {
        padding-top: 60px;
        color: #FFFFFF;
        font-size: 18px;
    }

    .footer-main .footer-inner-main .footer-child .footer-inner-child .footer-box .footer-menu>li>a {
        font-size: 16px;
    }

    .footer-three {
        font-size: 16px;
    }

    .work-main .work-inner-main .work-child .work-inner-child .work-one {
        /* font-family: IM FELL French Canon; */
        font-size: 28px;
        text-align: center;
        line-height: 80%;
        padding-bottom: 30px;
        color: rgba(0, 0, 0, 1);
        padding-top: 35px;
    }

    .work-two {
        font-size: 15px;
        line-height: 20px;
        color: #536660;
        text-align: justify;
        color: #333;
        font-weight: 200;
        text-align: center;
        padding-bottom: 15px;
    }

    .work-main .work-inner-main .work-child .work-inner-child>img {
        width: 80%;
        height: auto;
        display: block;
    }

    .work-box {
        background: #9A5BA7;
        border-radius: 25px;
        padding: 10px 0px;
        margin: 14px 0px;
        width: 100%;
        align-self: end;
        margin-left: auto;
        margin-right: auto;
    }

    .client-main {
        background-color: white;
        padding: 35px 0;
        /* font-family: 'IM FELL French Canon', serif; */
        overflow: hidden;
    }
}

@media (max-width:560px) {
    .bottom-main .bottom-inner-main .bottom-child .bottom-inner-child {
        display: block;
        justify-content: center;
        text-align: center;
    }

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

    .bio-two {
        font-size: 13px;
    }

    .video-one {
        font-size: 11px;
        font-family: Libre Caslon Text;
        text-align: center;
        text-transform: uppercase;
    }

    .video-two {
        font-size: 12px;
        text-align: center;
        font-family: Libre Caslon Text;
        letter-spacing: 8%;
    }

    .video-child {
        position: absolute;
        top: 50%;
        left: 14%;
        transform: translate(0, -50%);
    }

    .bio2-main .bio2-inner-main .bio2-child:nth-child(1) {
        width: 100%;
        padding-bottom: 30px;
    }

    .work1-one {
        /* font-family: 'IM FELL French Canon', serif; */
        font-size: 30px;
        line-height: 50px;
        padding-bottom: 20px;
        letter-spacing: 0%;
    }

    .work1-three {
        font-size: 14px;
        color: #536660;
        line-height: 1.6;
        /* padding: 10px 0px; */
    }

    .work1-two {
        font-size: 14px;
        color: #000000;
        line-height: 22px;
    }

    .work2-one {
        font-size: 29px;
        /* font-family: IM FELL French Canon; */
        line-height: 43px;
        color: #000000;
    }

    .swiper2-child-div {
        font-size: 24px !important;
        font-weight: 600;
        margin-bottom: 40px;
        font-family: 'Georgia', serif;
        color: #000;
        text-align: center;
    }

    .ant-modal-content {
        width: 400px;
        margin: 0 auto;
    }

    .product-name {
        font-weight: 600;
        font-size: 18px;
        color: #2F4157;
        text-align: center;
    }

    .modal-image-box {
        width: 86%;
        /* max-width: 350px; */
        height: 260px;
        /* background-color: #ddd; */
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .contect-page-child-inner-main>img {
        width: 80%;
    }

    .contect-page-child:nth-child(1) .contect-page-child-inner-main {
        display: flex;
        justify-content: center;
    }

    .category-main .category-text .category-one {
        text-align: center;
        font-size: 28px;
        /* font-family: IM FELL French Canon; */
        padding-bottom: 25px;
        color: rgb(0, 0, 0);
        /* background-color: #e5e5e5; */
    }

    .client-next-btn {
        width: 35px;
        height: 35px;
        background: #000;
        color: #fff;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 20px;
        cursor: pointer;
        /* margin: 20px auto; */
        position: absolute;
        right: 22%;
        top: 42%;
        align-self: center;
        display: none;
    }
}

@media (max-width:470px) {
    .ant-modal-content {
        width: 300px;
        margin: 0 auto;
    }

    .category-three {
        font-size: 13px;
        line-height: 27px;
        color: rgba(47, 65, 87, 1);
    }

    .modal-image-box {
        width: 100%;
        /* max-width: 350px; */
        height: 225px;
        /* background-color: #ddd; */
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .category-two {
        font-size: 21px;
        /* font-family: IM FELL French Canon; */
        padding-bottom: 40px;
        font-weight: 400;
        color: rgba(47, 65, 87, 1);
    }

    .category-img img.zoomed {
        width: 145px;
        height: 250px;
        border-radius: 30px;
        /* border-top-right-radius: 0px;
        border-bottom-right-radius: 60px;
        border-top-left-radius: 80px;
        border-bottom-left-radius: 0px;
        border-top-left-radius: 59px; */
    }

    .category-img img {
        height: 250px;
        width: 25px;
        border-radius: 20px;
        object-fit: cover;
        transition: all 0.4s ease-in-out;
        cursor: pointer;
    }

    .category-btn {
        display: flex;
        justify-content: center;
        padding-top: 30px;
    }

    .category-main {
        display: block;
        width: 100%;
        /* background-color: #e5e5e5; */
        padding: 30px 0px !important;
    }

    .client-one {
        font-size: 29px;
        text-align: center;
        line-height: 35px;
        /* font-family: IM FELL French Canon; */
        color: rgba(47, 65, 87, 1);
    }

}
@media (max-width: 768px) {
    .shop-main .shop-inner-main .shop-child .shop-inner-child {
        display: flex;
        flex-wrap: wrap;
    }

    .shop-main .shop-inner-main .shop-child .shop-inner-child .item {
        width: 50%;
    }
}

@media (max-width: 500px) {
    .shop-main .shop-inner-main .shop-child .shop-inner-child .item {
        width: 50%;  /* Phone ma pan 2 grid */
    }
}

@media (max-width: 420px) {
    .shop-main .shop-inner-main .shop-child .shop-inner-child .item {
        width: 50%;  /* Chota phone ma pan 2 grid */
    }
}
@media (max-width:420px) {
    .shop-main .shop-inner-main .shop-child .shop-inner-child .item .Quiek-view {
        width: 93%;
        position: absolute;
        opacity: 0;
        transition: 0.2s linear;
        bottom: 15%;
        z-index: 1;
        cursor: pointer;
    }

    .top-head .top-head-inner-main .top-head-child .top-head-inner-child .top-menu>li {
        padding: 0px 10px;
        font-size: 12px;
    }

    .top-head .top-head-inner-main .top-head-child .top-head-inner-child .top-menu>li .top-icon {
        font-size: 17px;
    }

    .middle-head-main .middle-head-inner-main .middle-head-child .middle-head-inner-child img {
        width: 50%;
        display: block;
    }

    .bottom-main .bottom-inner-main .bottom-child .bottom-inner-child {
        display: block;
        justify-content: center;
        text-align: center;
    }

    .about-one {
        font-size: 25px;
        color: rgb(0, 0, 0);
        /* font-family: IM FELL French Canon; */
        text-align: center;
        padding-top: 30px;
    }

    .about-two {
        font-size: 14px;
        line-height: 27px;
        padding: 10px 0px;
        color: #536660;
    }

    .about-four {
        font-size: 14px;
        color: #9A5BA7;
        display: flex;
        justify-content: center;
        align-self: center;
    }

    .bio-two {
        font-size: 14px;
    }

    .work2-two {
        font-size: 15px;
        text-align: left;
        line-height: 26px;
        color: #536660;
        padding-top: 20px;
        /* font-family: Inter; */
    }

    .singlepagefull-details h2 {
        font-size: 19px;
        color: #222;
        margin-bottom: 1rem;
    }

    .contect-page-child-inner-main p {
        font-size: 14px;
        line-height: 1.6;
        margin-bottom: 15px;
        /* text-align: justify; */
    }

    :where(.css-dev-only-do-not-override-1odpy5d).ant-btn-color-primary {
        /* color: #6e6a63; */
        color: #000 !important;
        box-shadow: none;
        padding-bottom: 10px !important;
    }
}

@media (max-width:430px) {

    .middle-head-main .middle-head-inner-main .middle-head-child {
        /* width: 33.33%; */
        padding: 0px 3px;
        box-sizing: border-box;
    }

    .middle-head-child:nth-child(3) {
        position: absolute;
        right: 15px;
        top: 67px;
        width: auto;
        padding: 0;
        z-index: 10;
        justify-content: flex-end;
    }

    .middle-head-child:nth-child(1) {
        position: absolute;
        left: 15px;
        top: 67px;
        width: auto;
        padding: 0;
        z-index: 10;
        justify-content: flex-end;
    }

    .middle-icon {
        font-size: 22px;
    }

    :where(.css-dev-only-do-not-override-1m63z2v).ant-btn-color-primary {
        /* color: #7e7971 !important; */
        color: #000 !important;
        font-size: 19px;
        padding-bottom: 10px;
    }

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

    .bio-child:nth-child(2) .bio-inner-child {
        display: flex;
        justify-content: center;
    }

    .bio-main .bio-inner-main .bio-child .bio-inner-child>img {
        display: block;
        width: 80%;
        height: auto;
    }

    .contect-page-child-inner-main>img {
        width: 60%;
    }

    .client-review {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 20px;
        padding-top: 25px;
    }

    .client-name {
        font-weight: bold;
        font-size: 16px;
        margin-bottom: 20px;
    }
}

@media (max-width:400px) {
    .bio-two {
        font-size: 14px;
    }

    /* .video-one {
        font-size: 10px;
        font-family: Libre Caslon Text;
        text-align: center;
        text-transform: uppercase;
    }

    .video-two {
        font-size: 10px;
        text-align: center;
        font-family: Libre Caslon Text;
        letter-spacing: 8%;
    }

    .video-child {
        position: absolute;
        top: 50%;
        left: 8%;
        transform: translate(0, -50%);
    } */
    .logo-tagline {
        font-size: 11px;
        letter-spacing: 0.3px;
        margin-top: 15px;
        left: 31%;
        top: 93%;
    }

    .middle-head-child:nth-child(1) {
        position: absolute;
        left: 15px;
        top: 59px;
        width: auto;
        padding: 0;
        z-index: 10;
        justify-content: flex-end;
    }

    .middle-head-child:nth-child(3) {
        position: absolute;
        right: 15px;
        top: 56px;
        width: auto;
        padding: 0;
        z-index: 10;
        justify-content: flex-end;
    }

    .bio2-one {
        font-size: 13px;
        color: #536660;
        line-height: 30px;
    }

    .work1-one {
        /* font-family: 'IM FELL French Canon', serif; */
        font-size: 25px;
        line-height: 80px;
        padding-bottom: 1px;
        letter-spacing: 0%;
    }

    .contect-group label {
        font-size: 14px;
        color: #000000;
        margin-bottom: 5px;
    }

    .contect-group input,
    .contect-group textarea {
        border: 2px solid #2e3c74;
        border-radius: 8px;
        padding: 7px;
        font-size: 16px;
        background: transparent;
        color: #333;
        outline: none;
    }

    .category-img {
        display: flex;
        gap: 15px;
        align-items: flex-end;
    }

    .category-img img.zoomed {
        width: 145px;
        height: 215px;
        border-radius: 30px;
        /* border-top-right-radius: 0px;
        border-bottom-right-radius: 60px;
        border-top-left-radius: 80px;
        border-bottom-left-radius: 0px;
        border-top-left-radius: 59px; */
    }

    .category-img img {
        height: 215px;
        width: 25px;
        border-radius: 20px;
        object-fit: cover;
        transition: all 0.4s ease-in-out;
        cursor: pointer;
    }

    .category-two {
        font-size: 17px;
        /* font-family: IM FELL French Canon; */
        padding-bottom: 40px;
        font-weight: 400;
        color: rgba(47, 65, 87, 1);
    }

    .category-three {
        font-size: 13px;
        line-height: 20px;
        color: rgba(47, 65, 87, 1);
    }

    .work-five {
        display: flex;
        justify-content: center;
        align-self: center;
        background: #9A5BA7;
        color: rgba(255, 255, 255, 1);
        padding: 10px 20px;
        border-radius: 21px;
        font-size: 13px;
    }

    .work-three {
        font-size: 14px;
        line-height: 27px;
        padding: 0px 10px;
    }

    .work-icon {
        font-size: 22px;
        padding-left: 15px;
        padding-top: 10px;
    }

    .work-two {
        font-size: 15px;
        line-height: 18px;
        color: #536660;
        text-align: justify;
        color: #333;
        font-weight: 200;
        text-align: center;
        padding-bottom: 15px;
    }
}

@media (max-width:370px) {
    .middle-head-main .middle-head-inner-main .middle-head-child {
        /* width: 33.33%; */
        padding: 0px 2px;
        box-sizing: border-box;
    }

    .bio1-one {
        font-size: 16px;
        color: #536660;
        line-height: 30px;
    }

}

@media (max-width:360px) {
    .middle-head-main .middle-head-inner-main .middle-head-child {
        /* width: 33.33%; */
        padding: 0px 0px;
        color: #000;
        box-sizing: border-box;
    }

    .work1-main {
        padding: 30px 0px !important;
    }

    .about-one {
        font-size: 24px !important;
        padding-top: 30px;
    }

    .bio-one {
        font-size: 24px !important;
        padding-top: 30px !important;
    }

    .work1-one {
        font-size: 24px !important;
        padding: 10px;
    }

    .work2-one {
        font-size: 24px !important;

    }

    .logo-tagline {
        font-size: 11px;
        letter-spacing: 0.3px;
        margin-top: 15px;
        left: 28%;
        top: 101%;
    }

    .middle-head-child:nth-child(1) {
        position: absolute;
        left: 15px;
        top: 59px;
        width: auto;
        padding: 0;
        z-index: 10;
        justify-content: flex-end;
    }

    .middle-head-child:nth-child(3) {
        position: absolute;
        right: 15px;
        top: 56px;
        width: auto;
        padding: 0;
        z-index: 10;
        justify-content: flex-end;
    }

    .bottom-main .bottom-inner-main .bottom-child .bottom-inner-child .botton-one {
        /* font-size: 20px; */
        /* font-weight: bold; */
        font-size: 10px;
        font-weight: 700;
        letter-spacing: .2em;
        text-transform: uppercase;
        word-spacing: 5px;
        margin-bottom: 4px;
    }

    .botton-two {
        font-size: 11px;
        /* padding: 0px 15px; */
        text-decoration: underline;
        padding-left: 15px;
    }

    .top-head .top-head-inner-main .top-head-child .top-head-inner-child .top-menu>li {
        padding: 0px 5px;
        font-size: 11px;
    }

    .top-head .top-head-inner-main .top-head-child .top-head-inner-child .top-menu>li .top-icon {
        font-size: 15px;
    }

    .ant-modal-content {
        width: 250px;
        margin: 0 auto;
    }

    .product-name {
        font-weight: 600;
        font-size: 13px;
        color: #2F4157;
        text-align: center;
    }

    .product-category,
    .product-subcategory {
        font-size: 13px;
        color: #2F4157;
        font-weight: 500;
        margin: 0.2rem 0;
    }

    .qty-buttons {
        display: flex;
        align-items: center;
        gap: 7px;
    }

    .cart-qty button {
        padding: 2px 8px;
        font-size: 13px;
        border: 1px solid;
        border-radius: 4px;
        background-color: white;
        cursor: pointer;
    }

    .qty-buttons span {
        font-size: 14px;
        font-weight: bold;
        min-width: 24px;
        text-align: center;
    }

    /* in drawer popup strat */


    .add-to-cart-cart {
        background-color: #0f1e5a;
    }

    /* .ant-modal-content {
    width: 700px;
} */

    /* in drawer popup end */

    /* model popup strt */

    .modal-layout .cart-qty {
        margin: 30px 0px;
    }


    /* model popup end */


    .add-to-cart {
        background-color: #2f4154;
        color: white;
        padding: 0.5rem 1.5rem;
        border: none;
        border-radius: 6px;
        font-size: 13px;
        cursor: pointer;
    }

    .modal-image-box {
        width: 100%;
        /* max-width: 350px; */
        height: 167px;
        /* background-color: #ddd; */
        display: flex;
        justify-content: center;
        align-items: center;
    }

    :where(.css-dev-only-do-not-override-1odpy5d).ant-modal .ant-modal-content {
        position: relative;
        background-color: white;
        background-clip: padding-box;
        border: 0;
        border-radius: 8px;
        box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
        pointer-events: auto;
        padding: 20px 24px;
    }

    .category-img img.zoomed {
        width: 110px;
        height: 180px;
        border-radius: 30px;
        /* border-top-right-radius: 0px;
        border-bottom-right-radius: 60px;
        border-top-left-radius: 80px;
        border-bottom-left-radius: 0px;
        border-top-left-radius: 59px; */
    }

    .category-img img {
        height: 180px;
        width: 20px;
        border-radius: 20px;
        object-fit: cover;
        transition: all 0.4s ease-in-out;
        cursor: pointer;
    }
}

@media (max-width:340px) {
    .middle-head-main .middle-head-inner-main {
        display: flex;
        flex-wrap: wrap;
        margin: 0px 9px !important;
        justify-content: space-between;
    }
}

/* media query end  */
:where(.css-dev-only-do-not-override-1odpy5d).ant-btn-variant-solid {
    color: #fff;
    background: white !important;
}

:where(.css-dev-only-do-not-override-1odpy5d).ant-btn-variant-solid {
    color: #fff;
    /* background: #1677ff; */
}

:where(.css-dev-only-do-not-override-1odpy5d).ant-btn-color-primary {
    color: #000000;
    /* box-shadow: 0 2px 0 rgba(5,145,255,0.1); */
}

:where(.css-dev-only-do-not-override-1odpy5d).ant-btn-color-primary {
    color: #000000;
    box-shadow: none !important;
}

:where(.css-dev-only-do-not-override-1odpy5d).ant-btn-color-primary {
    /* color: #6e6a63; */
    color: #000 !important;
    font-size: 20px;
}

:where(.css-dev-only-do-not-override-1odpy5d).ant-btn-variant-solid:not(:disabled):not(.ant-btn-disabled):hover {
    /* background: #ffffff; */
    color: #6e6a63;
}

/* Modal styling */


/* Drawer styling */
:where(.css-dev-only-do-not-override-1odpy5d).ant-drawer .ant-drawer-content {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    overflow: auto;
    background: white;
    pointer-events: auto;
}


/* Button styling */
:where(.css-dev-only-do-not-override-1odpy5d).ant-btn-color-primary {
    /* color: #6e6a63; */
    color: #000 !important;
    box-shadow: none !important;
    padding-bottom: 5px;
}



@media (max-width: 768px) {
    .selling-inner-main {
        flex-direction: column;
        gap: 20px;
        align-items: center;
    }

    .selling-child {
        width: 100%;
        text-align: center;
        padding: 10px;
    }

    .selling-child:nth-child(2) {
        justify-content: center;
        width: 100%;
    }

    .selling-one {
        font-size: 28px;
        padding: 30px 0 10px;
    }

    .selling-category-list li {
        font-size: 13px;
        margin-bottom: 10px;
        letter-spacing: 0.5px;
    }

    .setting-img {
        height: 280px;
        width: 180px;
        padding: 10px;
        border-top-right-radius: 35%;
        border-bottom-left-radius: 35%;
    }

    .slider-button {
        position: relative;
        top: auto;
        left: auto;
        margin: 20px auto;
    }

    .selling-count {
        font-size: 26px;
        margin-bottom: 5px;
    }

    .selling-arrow-button {
        margin: 15px auto 0;
        width: 35px;
        height: 35px;
        font-size: 16px;
    }

    .selling-collection-link {
        justify-content: center;
        gap: 8px;
        font-size: 13px;
    }

    .selling-collection-link img {
        width: 18px;
    }

    .selling-nav-slide {
        width: 25px;
        height: 4px;
    }
}


@media (max-width: 480px) {
    .selling-main {
        padding: 20px 0;
    }

    .selling-inner-main {
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }

    .selling-one {
        font-size: 22px;
        padding: 20px 0 10px;
        text-align: center;
    }

    .selling-one::before {
        width: 60%;
        height: 3px;
        bottom: 8px;
        left: 20%;
    }

    .selling-category-list li {
        font-size: 12px;
        margin-bottom: 8px;
    }

    .setting-img {
        height: 220px;
        width: 150px;
        padding: 8px;
        border-top-right-radius: 30%;
        border-bottom-left-radius: 30%;
    }

    .selling-inner-child-flex {
        flex-direction: column;
        align-items: center;
    }

    .slider-button {
        position: relative;
        margin: 10px auto;
    }

    .selling-count {
        font-size: 22px;
        margin: 5px 0;
    }

    .selling-arrow-button {
        margin: 10px auto 0;
        width: 30px;
        height: 30px;
        font-size: 14px;
    }

    .selling-collection-link {
        justify-content: center;
        font-size: 12px;
        gap: 6px;
    }

    .selling-collection-link img {
        width: 14px;
    }

    .selling-nav-slide {
        width: 20px;
        height: 3px;
    }
}


.myfilter-category {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
}

.myfilter-box {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

.myfilter-item-inline {
    position: relative;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 10px 14px;
    background: #fff;
    cursor: pointer !important;
    min-width: 180px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    transition: all 0.2s ease;
}

.myfilter-item-inline:hover {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
}

.myfilter-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 500;
    color: #333;
    font-size: 15px;
}

.myfilter-label {
    user-select: none;
}

.myfilter-icon {
    font-size: 13px;
    color: #666;
}

.myfilter-dropdown-box {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 10;
    width: 100%;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 6px;
    max-height: 220px;
    overflow-y: auto;
    margin-top: 5px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.myfilter-dropdown-box div {
    padding: 8px 12px;
    cursor: pointer;
    transition: background 0.2s;
    font-size: 14px;
    color: #444;
}

.myfilter-dropdown-box div:hover {
    background: #f3f3f3;
}

/* ✅ Responsive behavior */
@media (max-width: 768px) {
    .myfilter-box {
        flex-direction: column;
        gap: 15px;
    }

    .myfilter-item-inline {
        width: 95%;
    }
}

.myfilter-category {
    display: none;
}

/*privacy*/
.privacy-main {
    background: #ffffff;
    padding: 80px 20px;
    display: flex;
    justify-content: center;
    min-height: 100vh;

}

.privacy-inner {
    max-width: 900px;
    width: 100%;
    margin: 0 auto;
    background: #ffffff;
}

/* Page Title Styling */
.privacy-title {
    font-family: 'IM Fell French Canon', serif !important;
    font-size: 45px;
    font-weight: 549;
    color: #000000;
    text-align: center;
    letter-spacing: 0.5px;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 10px;
    /* text-transform: uppercase; */
}

.privacy-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 1.5px;
    background: linear-gradient(90deg, transparent, #000, transparent);
}

.privacy-date {
    text-align: center;
    color: #888;
    margin-bottom: 40px;
    font-size: 14px;
    letter-spacing: 0.5px;
}

.privacy-intro {
    font-size: 16px;
    line-height: 1.8;
    color: #444;
    margin-bottom: 50px;
    text-align: center;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

/* Privacy Sections with Hover Effects */
.privacy-section {
    margin-bottom: 25px;
    padding: 35px;
    background: #ffffff;
    border-radius: 4px;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    border: 1px solid transparent;
}

.privacy-section:hover {
    transform: translateY(-8px);
    border-color: #f2f2f2;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.06);
}

.privacy-section h3 {
    font-family: 'Playfair Display', serif;
    font-size: 22px;
    font-weight: 600;
    color: #bc6a38;
    margin-bottom: 15px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.privacy-section h4 {
    font-size: 15px;
    margin-top: 20px;
    color: #333;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.privacy-section p {
    margin-bottom: 12px;
    color: #555;
    font-size: 15.5px;
    line-height: 1.7;
    text-align: justify;
}

.privacy-section ul {
    margin: 15px 0 20px 20px;
}

.privacy-section ul li {
    margin-bottom: 10px;
    list-style-type: disc;
    font-size: 15px;
    color: #666;
}

.privacy-section a {
    color: #bc6a38;
    text-decoration: none;
    font-weight: 600;
    transition: 0.3s;
}

.privacy-section a:hover {
    text-decoration: underline;
}

/* ===========================
   Responsive Settings
   =========================== */

@media (max-width: 1024px) {
    .privacy-title {
        font-size: 38px;
    }

    .privacy-inner {
        max-width: 800px;
    }

    .privacy-section {
        padding: 30px;
    }
}

@media (max-width: 768px) {
    .privacy-main {
        padding: 40px 15px;
    }

    .privacy-title {
        font-size: 30px;
        letter-spacing: 0.5px;
    }

    .privacy-intro {
        font-size: 14.5px;
        margin-bottom: 30px;
    }

    .privacy-section {
        padding: 25px 20px;
        margin-bottom: 15px;
    }

    .privacy-section:hover {
        transform: translateY(-4px);
    }

    .privacy-section h3 {
        font-size: 19px;
    }

    .privacy-section p,
    .privacy-section ul li {
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .privacy-title {
        font-size: 26px;
    }

    .privacy-section {
        padding: 20px 15px;
    }

    .privacy-section h3 {
        font-size: 18px;
    }

    .privacy-section h4 {
        font-size: 13px;
    }

    .privacy-intro {
        font-size: 14px;
        text-align: justify;
    }
}

/* Special styling for 370px and below */
@media (max-width: 370px) {
    .privacy-main {
        padding: 30px 10px;
    }

    .privacy-title {
        font-size: 22px;
        letter-spacing: 0.5px;
        padding-bottom: 15px;
    }

    .privacy-title::after {
        width: 60px;
    }

    .privacy-date {
        font-size: 12px;
        margin-bottom: 25px;
    }

    .privacy-intro {
        font-size: 13.5px;
        line-height: 1.6;
        margin-bottom: 30px;
    }

    .privacy-section {
        padding: 18px 12px;
        margin-bottom: 12px;
    }

    .privacy-section h3 {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .privacy-section p,
    .privacy-section ul li {
        font-size: 13px;
        line-height: 1.6;
    }

    .privacy-section h4 {
        font-size: 12px;
        margin-top: 15px;
    }

    .privacy-section ul {
        margin-left: 15px;
        margin-top: 8px;
    }

    /* Touch devices par hover lift thodu ochu */
    .privacy-section:hover {
        transform: translateY(-3px);
    }
}

/* ===========================
Responsive Styles
=========================== */

/* Large Tablets (max-width: 1200px) */
@media (max-width: 1200px) {
    .privacy-inner {
        padding: 45px 50px;
    }
}

/* Medium Tablets (max-width: 992px) */
@media (max-width: 1050px) {
    .privacy-inner {
        padding: 40px 40px;
    }

    .privacy-title {
        font-size: 1.8rem;
    }

    .privacy-section h3 {
        font-size: 1.15rem;
    }

    .privacy-section h4 {
        font-size: 0.95rem;
    }
}

@media (max-width: 1010px) {
    .privacy-inner {
        padding: 40px 40px;
        max-width: 750px;
    }

    .privacy-title {
        font-size: 1.8rem;
    }

    .privacy-section h3 {
        font-size: 1.15rem;
    }

    .privacy-section h4 {
        font-size: 0.95rem;
    }
}

/* Medium Tablets (max-width: 992px) */
@media (max-width: 992px) {
    .privacy-inner {
        padding: 40px 40px;
    }

    .privacy-title {
        font-size: 1.8rem;
    }

    .privacy-section h3 {
        font-size: 1.15rem;
    }

    .privacy-section h4 {
        font-size: 0.95rem;
    }
}

/* Small Tablets & Large Phones (max-width: 768px) */
@media (max-width: 768px) {
    .privacy-main {
        padding: 60px 0;
    }

    .privacy-inner {
        padding: 35px 30px;
    }

    .privacy-title {
        font-size: 1.6rem;
    }

    .privacy-date {
        font-size: 0.9rem;
    }

    .privacy-intro,
    .privacy-section p,
    .privacy-section ul li {
        font-size: 0.9rem;
    }

    .privacy-section h3 {
        font-size: 1.1rem;
        /* border-left: 3px solid #6b46c1; */
    }
}

/* Mobile Phones (max-width: 576px) */
@media (max-width: 576px) {
    .privacy-main {
        padding: 50px 15px;
    }

    .privacy-inner {
        padding: 25px 20px;
    }

    .privacy-title {
        font-size: 1.4rem;
        margin-bottom: 8px;
    }

    .privacy-date {
        font-size: 0.85rem;
    }

    .privacy-section h3 {
        font-size: 1rem;
    }

    .privacy-section h4 {
        font-size: 0.9rem;
    }

    .privacy-intro,
    .privacy-section p,
    .privacy-section ul li {
        font-size: 0.85rem;
    }
}

@media (max-width: 860px) {
    .privacy-main {
        padding: 50px 15px;
    }

    .privacy-inner {
        padding: 25px 20px;
        max-width: 650px;
    }

    .privacy-title {
        font-size: 1.4rem;
        margin-bottom: 8px;
    }

    .privacy-date {
        font-size: 0.85rem;
    }

    .privacy-section h3 {
        font-size: 1rem;
    }

    .privacy-section h4 {
        font-size: 0.9rem;
    }

    .privacy-intro,
    .privacy-section p,
    .privacy-section ul li {
        font-size: 0.85rem;
    }
}

@media (max-width: 745px) {
    .privacy-main {
        padding: 50px 15px;
    }

    .privacy-inner {
        padding: 25px 20px;
        max-width: 550px;
    }

    .privacy-title {
        font-size: 1.4rem;
        margin-bottom: 8px;
    }

    .privacy-date {
        font-size: 0.85rem;
    }

    .privacy-section h3 {
        font-size: 1rem;
    }

    .privacy-section h4 {
        font-size: 0.9rem;
    }

    .privacy-intro,
    .privacy-section p,
    .privacy-section ul li {
        font-size: 0.85rem;
    }
}

@media (max-width: 645px) {
    .privacy-main {
        padding: 50px 15px;
    }

    .privacy-inner {
        padding: 25px 20px;
        max-width: 450px;
    }

    .privacy-title {
        font-size: 1.4rem;
        margin-bottom: 8px;
    }

    .privacy-date {
        font-size: 0.85rem;
    }

    .privacy-section h3 {
        font-size: 1rem;
    }

    .privacy-section h4 {
        font-size: 0.9rem;
    }

    .privacy-intro,
    .privacy-section p,
    .privacy-section ul li {
        font-size: 0.85rem;
    }
}

@media (max-width: 550px) {
    .privacy-main {
        padding: 50px 15px;
    }

    .privacy-inner {
        padding: 25px 20px;
        max-width: 400px;
    }

    .privacy-title {
        font-size: 1.4rem;
        margin-bottom: 8px;
    }

    .privacy-date {
        font-size: 0.85rem;
    }

    .privacy-section h3 {
        font-size: 1rem;
    }

    .privacy-section h4 {
        font-size: 0.9rem;
    }

    .privacy-intro,
    .privacy-section p,
    .privacy-section ul li {
        font-size: 0.85rem;
    }
}

@media (max-width: 400px) {
    .privacy-inner {
        padding: 20px 15px;
    }

    .privacy-title {
        font-size: 1.3rem;
    }

    .privacy-section h3 {
        font-size: 0.95rem;
    }

    .privacy-section p,
    .privacy-intro {
        font-size: 0.8rem;
    }

    .privacy-section ul {
        margin-left: 15px;
    }
}

.terms-main {
    background: #ffffff;
    padding: 80px 20px;
    display: flex;
    justify-content: center;
    min-height: 100vh;
}

.terms-inner {
    max-width: 900px;
    width: 100%;
    margin: 0 auto;
    background: #ffffff;
}

.terms-title {
    font-family: 'IM Fell French Canon', serif;
    font-size: 45px;
    font-weight: 549;
    color: #000000;
    text-align: center;
    letter-spacing: 0.5px;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 10px;
    /* text-transform: uppercase; */
}

.terms-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 1.5px;
    background: linear-gradient(90deg, transparent, #000, transparent);
}

.terms-date {
    text-align: center;
    color: #888;
    margin-bottom: 40px;
    font-size: 14px;
    letter-spacing: 0.5px;
}

.terms-intro {
    font-size: 16px;
    line-height: 1.8;
    color: #444;
    margin-bottom: 50px;
    text-align: center;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

/* Sections with Hover Lift Effect */
.terms-section {
    margin-bottom: 25px;
    padding: 35px;
    background: #ffffff;
    border-radius: 4px;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    border: 1px solid transparent;
}

.terms-section:hover {
    transform: translateY(-8px);
    border-color: #f2f2f2;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.06);
}

.terms-section h3 {
    font-family: 'Playfair Display', serif;
    font-size: 22px;
    font-weight: 600;
    color: #bc6a38;
    /* Theme Bronze/Brown */
    margin-bottom: 15px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.terms-section p {
    margin-bottom: 12px;
    color: #555;
    font-size: 15.5px;
    line-height: 1.7;
    text-align: justify;
}

.terms-section ul {
    margin: 15px 0 20px 20px;
}

.terms-section ul li {
    margin-bottom: 10px;
    list-style-type: disc;
    font-size: 15px;
    color: #666;
}

.terms-link {
    text-decoration: none;
    transition: 0.3s;
}

.terms-link strong {
    color: #bc6a38;
}

/* =========================
RESPONSIVE BREAKPOINTS
========================= */

/* Large Tablets (max-width: 1200px) */
/* @media (max-width: 1200px) {
    .terms-inner {
        padding: 45px 50px;
    }
} */
@media (max-width: 1200px) {

    .privacy-inner,
    .terms-inner {
        padding: 45px 50px;
    }
}

/* Medium Tablets (max-width: 1050px) */

/* Medium Tablets (max-width: 1050px) */

@media (max-width: 1050px) {

    .terms-inner {
        padding: 40px 40px;
        max-width: 750px;
    }

    .terms-title {
        font-size: 2rem;
    }

    .terms-section h3 {
        font-size: 1.2rem;
    }
}


@media (max-width: 1050px) {

    .privacy-inner,
    .terms-inner {
        padding: 40px 40px;
        max-width: 750px;
    }

    .privacy-title,
    .terms-title {
        font-size: 2.2rem;
    }
}


@media (max-width: 992px) {

    .privacy-inner,
    .terms-inner {
        padding: 40px 35px;
    }

    .privacy-title,
    .terms-title {
        font-size: 2rem;
    }

    .privacy-section h3,
    .terms-section h3 {
        font-size: 1.2rem;
    }
}

@media (max-width: 768px) {

    .privacy-title,
    .terms-title {
        font-size: 1.8rem;
        letter-spacing: 1px;
    }

    .privacy-section,
    .terms-section {
        padding: 25px 20px;
        margin-bottom: 20px;
    }

    .privacy-section:hover,
    .terms-section:hover {
        transform: translateY(-4px);
    }
}

@media (max-width: 860px) {

    .privacy-main,
    .terms-main {
        padding: 70px 15px;
    }

    .privacy-inner,
    .terms-inner {
        max-width: 600px;
        padding: 35px 30px;
    }

    .privacy-intro,
    .terms-intro,
    .privacy-section p,
    .terms-section p,
    .privacy-section ul li,
    .terms-section ul li {
        font-size: 0.95rem;
        letter-spacing: 0.5px;
    }
}

@media (max-width: 700px) {
    .cart-qty button {
        margin: 0px 10px;
    }

    .privacy-inner,
    .terms-inner {
        max-width: 500px;
        padding: 30px 25px;
    }

    .privacy-title,
    .terms-title {
        font-size: 1.7rem;
    }

    .privacy-section h3,
    .terms-section h3 {
        font-size: 1.15rem;
    }
}


@media (max-width: 600px) {

    .privacy-inner,
    .terms-inner {
        max-width: 470px;
    }
}

/* Mobile (max-width: 576px) */
@media (max-width: 576px) {

    .privacy-main,
    .terms-main {
        padding: 60px 15px;
    }

    .privacy-inner,
    .terms-inner {
        padding: 30px 20px;
        max-width: 450px;
        border-radius: 12px;
    }

    .privacy-title,
    .terms-title {
        font-size: 1.6rem;
    }

    .privacy-intro,
    .terms-intro,
    .privacy-section p,
    .terms-section p,
    .privacy-section ul li {
        font-size: 0.85rem;
        letter-spacing: 0.5px;
    }
}

@media (max-width: 530px) {

    .privacy-inner,
    .terms-inner {
        max-width: 380px;
    }

    .privacy-section h3,
    .terms-section h3 {
        font-size: 1.1rem;
    }
}

@media (max-width: 480px) {

    .privacy-main,
    .terms-main {
        padding: 30px 10px;
    }

    .privacy-inner,
    .terms-inner {
        padding: 25px 18px;
        max-width: 320px;
    }

    .privacy-title,
    .terms-title {
        font-size: 1.45rem;
    }
}

@media (max-width: 400px) {

    .privacy-inner,
    .terms-inner {
        padding: 20px 15px;
        max-width: 280px;
    }

    .privacy-title,
    .terms-title {
        font-size: 1.3rem;
    }
}

/* Extra Small (370px and below) */
@media (max-width: 370px) {

    .privacy-main,
    .terms-main {
        padding: 30px 8px;
    }

    .privacy-inner,
    .terms-inner {
        padding: 15px 12px;
    }

    .privacy-title,
    .terms-title {
        font-size: 1.2rem;
        letter-spacing: 0.5px;
    }

    .privacy-intro,
    .terms-intro,
    .privacy-section p,
    .terms-section p,
    .privacy-section ul li {
        font-size: 0.8rem;
        letter-spacing: 0.5px;
        line-height: 1.6;
    }

    .privacy-section h3,
    .terms-section h3 {
        font-size: 0.95rem;
    }
}

/* .slidsmooth-container {
  width: 100%;
  overflow: hidden;
  position: relative;
  background: #f9f9f9;
  padding: 20px 0;
}

.slidsmooth-slider {
  display: flex;
  gap: 20px;
  animation: slidsmooth-scroll 15s linear infinite;
  will-change: transform;
}

.slidsmooth-slide {
  flex: 0 0 auto;
  width: 300px;
  height: 430px;
  border-radius: 12px;
  overflow: hidden;
  transition: transform 0.4s ease;
}

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

.slidsmooth-slide:hover {
  transform: scale(1.05);
}

@keyframes slidsmooth-scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

@media (max-width: 1024px) {
  .slidsmooth-slide {
    width: 240px;
    height: 160px;
  }
}

@media (max-width: 768px) {
  .slidsmooth-slide {
    width: 180px;
    height: 120px;
  }
}

@media (max-width: 480px) {
  .slidsmooth-slide {
    width: 140px;
    height: 100px;
  }
} */
.slidsmooth-container {
    width: 100%;
    overflow: hidden;

    /* background: #e5e5e5; */
    /* background: black; */
    position: relative;
    padding-top: 10px;

}

/* 
.slidsmooth-slider {
     display: flex; 
    width: max-content;
    animation: slidsmooth-scroll 100s linear infinite;*/
/* animation-name: slidsmooth-scroll;
        animation-timing-function: linear;
        animation-iteration-count: infinite; 
  
} */

/*.slidsmooth-slide {
    flex: 0 0 auto;
    height: 430px;
    margin-right: 20px;
    /* border-radius: 12px; */
/* overflow: hidden;
    transition: transform 0.4s ease;
}*/
/*
.slidsmooth-slide img {
    width: 100%;
    height: 75%;
    object-fit: contain;
    display: block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}*/
.slidsmooth-slider {

    display: flex;
    width: max-content;
    animation: slidsmooth-scroll 60s linear infinite;
    -webkit-animation: slidsmooth-scroll 60s linear infinite;
    -webkit-transform: translate3d(0, 0, 0);
    padding: 30px 0px;
    will-change: transform;

}

.slidsmooth-slide {

    flex: 0 0 auto;
    height: 250px;
    width: 200px;
    margin-right: 30px;
    overflow: hidden;
}

.slidsmooth-slide img {

    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    image-rendering: -webkit-optimize-contrast;

}


/* Hover zoom */
.slidsmooth-slide:hover {
    transform: scale(1.03);
}

.slidsmooth-wrapper {
    /* max-width: 1000px; */
    /* Adjust as needed */
    margin: 0 auto;
    margin-left: calc(50% - 50vw);
    overflow: hidden;
    position: relative;
    background-color: #000;
}

.slidsmooth-text .slidsmooth-one {
    text-align: center;
    font-size: 55px;
    font-family: 'IM Fell French Canon', serif;
    padding-bottom: 70px;
    color: rgba(47, 65, 87, 1);
}

.slidsmooth-container .category-main {
    /* padding-top: 10px !important;
    padding-bottom: 10px !important; */
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

/* Pause animation on hover */
.slidsmooth-wrapper:hover .slidsmooth-slider {
    animation-play-state: paused;
}


/* Seamless infinite scroll */
@keyframes slidsmooth-scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

/* Responsive */
@media (max-width: 1024px) {
    .slidsmooth-slide {
        /* width: 350px; */
        height: 280px;
    }

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

@media (max-width: 768px) {
    .slidsmooth-slide {
        /* width: 180px; */
        height: 280px;
    }

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

@media (max-width: 480px) {
    .slidsmooth-slide {
        /* width: 140px; */
        height: 280px;
    }


    .slidsmooth-slide img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        display: block;
        /* Safari Fix */
        -webkit-transform: translateZ(0);
    }
}

.vv-collab-section {
    background: white;
    padding: 100px 20px;
    font-family: 'Inter', 'Poppins', sans-serif;
}

.vv-collab-container {
    max-width: 1200px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 60px;
    flex-wrap: wrap;
}

.vv-collab-image img {
    width: 320px;
    height: 320px;
    object-fit: cover;
    border-radius: 100%;
    border: 5px solid #e0dedb;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08);
}

.vv-collab-content {
    max-width: 600px;
}

.vv-collab-content h2 {
    font-size: 2.5rem;
    color: #1e1e1e;
    font-weight: 600;
    margin-bottom: 20px;
}

.vv-collab-content p {
    font-size: 1.125rem;
    color: #555;
    line-height: 1.7;
    margin-bottom: 30px;
}

.vv-collab-button {
    background: #1e1e1e;
    color: #fff;
    padding: 12px 32px;
    font-size: 1rem;
    border-radius: 50px;
    border: none;
    cursor: pointer;
    transition: background 0.3s ease;
}

.vv-collab-button:hover {
    background: #333;
}

/* Responsive */
@media (max-width: 768px) {
    .vv-collab-container {
        flex-direction: column;
        text-align: center;
    }

    .vv-collab-image img {
        width: 260px;
        height: 260px;
    }

    .vv-collab-content h2 {
        font-size: 2rem;
    }

    .vv-collab-content p {
        font-size: 1rem;
    }
}

/* gallery css start  */

.gallery-main {
    display: block;
    width: 100%;
    background-color: white;
}

.gallery-main .gallery-inner-main {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -15px;
}

.gallery-imp {
    /* max-width: 1318px; */
    padding: 0px 136px;
}

.gallery-main .gallery-inner-main .gallery-child>img {
    width: 100%;
    height: 400px;
    display: block;
    object-fit: contain;
}

.gallery-main .gallery-inner-main .gallery-child {
    padding: 20px 0px;
    box-sizing: border-box;
}

.gallery-main .gallery-inner-main .gallery-child:nth-child(1) {
    width: 50%;
}

/* feedback */
.happy-customers-section {
    padding: 30px 0;
    background-color: #ffffff;
    overflow: hidden;
    width: 100%;
}

.section-title {
    text-align: center;
    margin-bottom: 20px;
    /* font-family: 'Playfair Display', serif; */
    font-family: 'IM Fell French Canon', serif !important;
    font-size: 45px;
    padding-bottom: 20px;
    color: #000000;
    font-weight: 549;
    position: relative;
    padding-bottom: 20px;
}

.section-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 150px;
    height: 2px !important;
    background: linear-gradient(90deg, transparent, #333333, transparent);
}


.slider-container {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding: 10px 0;
}

.slider-track {
    display: flex;
    /* Total 8 boxes (4 unique + 4 repeat) * 400px = 3200px */
    width: calc(400px * 8);
    animation: scrollStatic 20s linear infinite;
}

.slider-track:hover {
    animation-play-state: paused;
}

@keyframes scrollStatic {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(calc(-400px * 4));
    }
}

/* CARD STYLING */
.customer-card-horizontal {
    width: 400px;
    background: #f8f6f2;
    padding: 20px;
    display: flex;
    align-items: center;
    border: 1px solid #f0f0f0;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03);
    flex-shrink: 0;
    margin: 0;
    border-radius: 9px;
}

.customer-img-box img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
    border: 1px solid #bc6a38;
    flex-shrink: 0;
}

.customer-feedback-box {
    margin-left: 16px;
    text-align: left;
}

.customer-feedback-box p {
    font-family: 'Playfair Display', serif;
    font-size: 13px;
    /* font-style: italic; */
    color: #555;
    margin-bottom: 5px;
    line-height: 1.4;
}

.customer-feedback-box h4 {
    font-family: 'Arial', sans-serif;
    font-size: 12px;
    color: #bc6a38;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin: 0;
}

/* ============================================================
   Happy Customers Section - Full Responsive Code
   ============================================================ */

/* 1. Tablets */
@media (max-width: 768px) {
    .happy-customers-section {
        padding: 30px 0 !important;
    }

    .section-title {
        font-size: 28px !important;

        margin-bottom: 35px !important;
        padding-bottom: 12px !important;
    }

    .section-title::after {
        width: 80px !important;

    }

    .customer-card-horizontal {
        width: 300px !important;
        padding: 15px !important;
    }

    .slider-track {
        width: calc(300px * 8) !important;
        animation: scrollTablet 18s linear infinite !important;
    }
}

/* 2. Phones */
@media (max-width: 480px) {
    .happy-customers-section {
        padding: 20px 0 !important;

    }

    .section-title {
        font-size: 24px !important;
        margin-bottom: 25px !important;
        padding-bottom: 10px !important;
        letter-spacing: 0.5px !important;
        font-weight: 300 !important;

    }

    .section-title::after {
        width: 50px !important;
        height: 1.5px !important;
    }


    .customer-card-horizontal {
        width: 260px !important;
        padding: 12px !important;
        margin-left: 0 !important;
    }


    .slider-track {
        width: calc(260px * 8) !important;
        animation: scrollPhone 12s linear infinite !important;
    }

    .customer-feedback-box p {
        font-size: 11px !important;
        line-height: 1.3 !important;
    }

    .customer-feedback-box h4 {
        font-size: 10px !important;
    }

    .customer-img-box img {
        width: 45px !important;
        height: 45px !important;
    }
}


@keyframes scrollTablet {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(calc(-300px * 4));
    }
}

@keyframes scrollPhone {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(calc(-260px * 4));
    }
}

/* .ant-btn-primary, .ant-btn-link, .ant-menu-item, .ant-menu-title-content, button.ant-btn-primary span, .ant-btn-color-primary .anticon, .ant-menu-item:hover, .ant-menu-submenu-title:hover {

	color: #fff !important;
} */