@font-face {
    font-family: 'icons';
    src: url('../fonts/icons.woff2') format('woff2');
}

/* Default Desktop Hide */
.free-shipping-section{
    display:none;
}

/* Mobile Only */
@media only screen and (max-width:767px){

.free-shipping-section{
    display:block;
    width:100%;
    padding:8px;
    background:#fff;
    box-sizing:border-box;
}

.free-shipping-section .free-shipping-container{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    min-height:46px;
    background:#5f061e;
    border-radius:12px;
    padding:10px 40px 10px 12px;
    box-sizing:border-box;
}

.free-shipping-section .shipping-text{
    width:100%;
    text-align:center;
    color:white;
    font-size:12px;
    font-weight:700;
    text-transform:uppercase;
    font-family:Arial, Helvetica, sans-serif;
}

.free-shipping-section .shipping-close{
    position:absolute;
    right:10px;
    top:50%;
    transform:translateY(-50%);
    width:24px;
    height:24px;
    border:none;
    background:transparent;
    color:white;
    font-size:20px;
    line-height:24px;
    cursor:pointer;
    padding:0;
}

.free-shipping-section .shipping-close:hover{
    color:#000;
}

}

  #goTop .icon {
    color: #ffffff !important;
   
}

.icon-CaretTopThin{
    color: #ffffff !important;
}

#goTop .icon,
#goTop .icon-CaretTopThin,
#goTop .ic-wrap .icon {
    color: #fff !important;
}

#goTop .border-progress {
        z-index: 0 !important;
}


/*---------------------------footer start-----------------------------------------*/



/* =========================================================
   VELORI BEAUTY PREMIUM FOOTER
   COMPLETELY SECTION SCOPED
========================================================= */

.velori-footer,
.velori-footer *,
.velori-footer *::before,
.velori-footer *::after {
    box-sizing: border-box;
}


.velori-footer {
    --vf-primary: #570418;
    --vf-primary-dark: #38000d;
    --vf-primary-light: #76122e;

    --vf-bg: #f5f0ed;
    --vf-bg-soft: #fbf8f6;

    --vf-dark: #17080c;
    --vf-text: #570418;

    --vf-border: rgba(87, 4, 24, 0.17);

    position: relative;

    width: calc(100% - 44px);
    max-width: 1900px;

    margin: 22px auto;

    overflow: hidden;

    background:
        linear-gradient(
            135deg,
            #f8f4f1 0%,
            #eee4e1 100%
        );

    border: 1px solid rgba(87, 4, 24, 0.09);

    border-radius: 26px;

    color: var(--vf-text);

    font-family:
        'NeueHaasUnicaW1G-Regular',
        Arial,
        sans-serif;

    isolation: isolate;
}


/* =========================================================
   DEFAULT
========================================================= */

.velori-footer a {
    color: inherit;
    text-decoration: none;
}

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


/* =========================================================
   AMBIENT BACKGROUND
========================================================= */

.velori-footer .velori-footer__ambient {

    position: absolute;

    width: 600px;
    height: 600px;

    border-radius: 50%;

    pointer-events: none;

    filter: blur(90px);

    opacity: 0.18;

    z-index: -1;
}


.velori-footer .velori-footer__ambient--1 {

    top: -250px;
    right: -180px;

    background: #a94461;

    animation:
        veloriAmbientOne
        12s ease-in-out infinite alternate;
}


.velori-footer .velori-footer__ambient--2 {

    left: -250px;
    bottom: 250px;

    background: #d9a9a2;

    animation:
        veloriAmbientTwo
        15s ease-in-out infinite alternate;
}


@keyframes veloriAmbientOne {

    from {
        transform:
            translate3d(0, 0, 0)
            scale(1);
    }

    to {
        transform:
            translate3d(-100px, 120px, 0)
            scale(1.15);
    }

}


@keyframes veloriAmbientTwo {

    from {
        transform:
            translate3d(0, 0, 0)
            scale(1);
    }

    to {
        transform:
            translate3d(160px, -60px, 0)
            scale(1.2);
    }

}


/* =========================================================
   BRAND HERO
========================================================= */

.velori-footer .velori-footer__brand {

    min-height: 570px;

    padding: 38px 55px 45px;

    display: flex;
    flex-direction: column;
    justify-content: space-between;

    position: relative;

    overflow: hidden;
}


.velori-footer .velori-footer__brand-top {

    display: flex;
    align-items: center;
    justify-content: space-between;

    position: relative;
    z-index: 3;
}


.velori-footer .velori-footer__eyebrow,
.velori-footer .velori-footer__brand-year {

    font-size: 13px;

    font-weight: 600;

    letter-spacing: 0.16em;

    color: var(--vf-primary);

    text-transform: uppercase;
}


/* LARGE TEXT */

.velori-footer .velori-footer__brand-link {

    position: relative;

    display: flex;

    align-items: center;
    justify-content: center;

    width: 100%;

    min-height: 380px;

    perspective: 1000px;
}


.velori-footer .velori-footer__brand-text {

    position: absolute;

    width: 100%;

    color: var(--vf-primary);

    text-align: center;

    white-space: nowrap;

    font-size: clamp(120px, 12vw, 280px);

    font-weight: 600;

    line-height: 0.75;

    letter-spacing: -0.075em;

    text-transform: uppercase;

    transition:
        transform 0.8s cubic-bezier(.16, 1, .3, 1),
        opacity 0.8s cubic-bezier(.16, 1, .3, 1);
}


.velori-footer .velori-footer__brand-text:first-child {

    transform:
        translateY(0)
        rotateX(0deg);
}


.velori-footer .velori-footer__brand-text--outline {

    color: transparent;

    -webkit-text-stroke:
        1.4px var(--vf-primary);

    transform:
        translateY(110%)
        rotateX(-30deg);

    opacity: 0;
}


.velori-footer .velori-footer__brand-link:hover
.velori-footer__brand-text:first-child {

    transform:
        translateY(-110%)
        rotateX(35deg);

    opacity: 0;
}


.velori-footer .velori-footer__brand-link:hover
.velori-footer__brand-text--outline {

    transform:
        translateY(0)
        rotateX(0);

    opacity: 1;
}


/* BRAND BOTTOM */

.velori-footer .velori-footer__brand-bottom {

    display: flex;

    justify-content: space-between;

    align-items: flex-end;

    position: relative;

    z-index: 2;
}


.velori-footer .velori-footer__brand-bottom p {

    max-width: 520px;

    margin: 0;

    font-size: 27px;

    line-height: 1.25;

    letter-spacing: -0.02em;

    color: var(--vf-dark);
}


.velori-footer .velori-footer__brand-bottom p span {

    color: var(--vf-primary);

    font-family:
        Georgia,
        'Times New Roman',
        serif;

    font-style: italic;

    font-size: 34px;
}


.velori-footer .velori-footer__scroll-text {

    display: flex;

    align-items: center;

    gap: 12px;

    font-size: 12px;

    font-weight: 600;

    letter-spacing: 0.14em;
}


.velori-footer .velori-footer__scroll-arrow {

    width: 38px;

    height: 38px;

    border: 1px solid var(--vf-border);

    border-radius: 50%;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    animation:
        veloriArrowBounce
        1.8s ease-in-out infinite;
}


@keyframes veloriArrowBounce {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(5px);
    }

}


/* =========================================================
   MARQUEE STRIP
========================================================= */

.velori-footer .velori-footer__marquee {

    overflow: hidden;

    background: var(--vf-primary);

    color: #ffffff;

    border-top: 1px solid var(--vf-primary);
    border-bottom: 1px solid var(--vf-primary);

    transform: rotate(-1deg) scale(1.02);

    position: relative;

    z-index: 5;
}


.velori-footer .velori-footer__marquee-track {

    width: max-content;

    display: flex;

    align-items: center;

    gap: 30px;

    padding: 15px 0;

    animation:
        veloriMarquee 30s linear infinite;
}


.velori-footer .velori-footer__marquee-track span {

    font-size: 14px;

    font-weight: 600;

    letter-spacing: 0.12em;

    white-space: nowrap;
}


.velori-footer .velori-footer__marquee-track i {

    font-style: normal;

    font-size: 13px;

    opacity: 0.65;
}


@keyframes veloriMarquee {

    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }

}


/* =========================================================
   MAIN AREA
========================================================= */

.velori-footer .velori-footer__main {

    display: grid;

    grid-template-columns:
        minmax(390px, 0.85fr)
        minmax(600px, 1.45fr);

    border-top: 1px solid var(--vf-border);
}


/* =========================================================
   NEWSLETTER
========================================================= */

.velori-footer .velori-footer__newsletter {

    padding: 70px 55px 65px;

    border-right: 1px solid var(--vf-border);

    position: relative;
}


.velori-footer .velori-footer__small-label {

    display: block;

    margin-bottom: 25px;

    font-size: 12px;

    font-weight: 600;

    letter-spacing: 0.16em;

    text-transform: uppercase;

    color: rgba(87, 4, 24, 0.62);
}


.velori-footer .velori-footer__newsletter-title {

    max-width: 580px;

    margin: 0 0 27px;

    color: var(--vf-dark);

    font-size: clamp(42px, 4vw, 73px);

    line-height: 0.98;

    letter-spacing: -0.055em;

    font-weight: 500;
}


.velori-footer .velori-footer__newsletter-title span {

    color: var(--vf-primary);

    font-family:
        Georgia,
        'Times New Roman',
        serif;

    font-style: italic;

    font-weight: 400;
}


.velori-footer .velori-footer__description {

    max-width: 600px;

    margin: 0 0 34px;

    color: var(--vf-text);

    font-size: 17px;

    line-height: 1.65;
}


/* FORM */

.velori-footer .velori-footer__form {

    width: 100%;

    max-width: 620px;
}


.velori-footer .velori-footer__form-group {

    position: relative;

    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        auto;

    align-items: center;

    padding: 7px;

    background: rgba(255, 255, 255, 0.7);

    border: 1px solid var(--vf-border);

    border-radius: 80px;

    box-shadow:
        0 15px 50px rgba(61, 5, 20, 0.06);

    backdrop-filter: blur(14px);

    transition:
        box-shadow 0.35s ease,
        border-color 0.35s ease,
        transform 0.35s ease;
}


.velori-footer .velori-footer__form-group:focus-within {

    transform:
        translateY(-3px);

    border-color:
        rgba(87, 4, 24, 0.5);

    box-shadow:
        0 22px 60px
        rgba(61, 5, 20, 0.12);
}


.velori-footer .velori-footer__input {

    width: 100%;

    min-width: 0;

    height: 62px;

    padding: 0 24px;

    border: 0;

    outline: 0;

    background: transparent;

    color: var(--vf-primary);

    font-family:
        'NeueHaasUnicaW1G-Regular',
        sans-serif;

    font-size: 16px;
}


.velori-footer .velori-footer__input::placeholder {

    color:
        rgba(87, 4, 24, 0.52);
}


.velori-footer .velori-footer__submit {

    min-width: 170px;

    height: 58px;

    padding: 0 22px;

    border: 0;

    border-radius: 50px;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 15px;

    color: #ffffff;

    background:
        var(--vf-primary);

    cursor: pointer;

    font-family:
        'NeueHaasUnicaW1G-Regular',
        sans-serif;

    font-size: 14px;

    font-weight: 600;

    letter-spacing: 0.03em;

    transition:
        background 0.3s ease,
        transform 0.3s ease,
        box-shadow 0.3s ease;
}


.velori-footer .velori-footer__submit:hover {

    background:
        var(--vf-primary-dark);

    transform:
        translateY(-2px);

    box-shadow:
        0 12px 30px
        rgba(87, 4, 24, 0.23);
}


.velori-footer .velori-footer__submit-arrow {

    font-size: 18px;

    transition:
        transform 0.3s ease;
}


.velori-footer .velori-footer__submit:hover
.velori-footer__submit-arrow {

    transform:
        translate(4px, -4px);
}


.velori-footer .velori-footer__privacy-text {

    margin: 18px 0 0;

    font-size: 13px;

    line-height: 1.5;

    color:
        rgba(87, 4, 24, 0.63);
}


.velori-footer .velori-footer__privacy-text a {

    color: var(--vf-primary);

    text-decoration: underline;

    text-underline-offset: 4px;
}


.velori-footer .velori-footer__error {

    margin-top: 10px;

    padding-left: 20px;

    color: #d00000;

    font-size: 13px;
}


/* =========================================================
   RIGHT SIDE
========================================================= */

.velori-footer .velori-footer__right {

    display: flex;

    flex-direction: column;
}


/* =========================================================
   LINK GRID
========================================================= */

.velori-footer .velori-footer__links-grid {

    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    flex: 1;
}


.velori-footer .velori-footer__column {

    position: relative;

    padding: 68px 40px 60px;

    border-right:
        1px solid var(--vf-border);

    transition:
        background 0.4s ease,
        transform 0.4s ease;
}


.velori-footer .velori-footer__column:last-child {

    border-right: 0;
}


.velori-footer .velori-footer__column:hover {

    background:
        rgba(255, 255, 255, 0.25);
}


/* HEADINGS */

.velori-footer .velori-footer__heading {

    display: flex;

    gap: 12px;

    align-items: center;

    margin: 0 0 35px;

    color: var(--vf-dark);

    font-size: 14px;

    font-weight: 600;

    text-transform: uppercase;

    letter-spacing: 0.08em;
}


.velori-footer .velori-footer__heading span {

    display: inline-flex;

    width: 28px;

    height: 28px;

    align-items: center;

    justify-content: center;

    border: 1px solid var(--vf-border);

    border-radius: 50%;

    color: var(--vf-primary);

    font-size: 9px;
}


/* LIST */

.velori-footer .velori-footer__list {

    display: flex;

    flex-direction: column;

    gap: 4px;
}


.velori-footer .velori-footer__list li {

    position: relative;

    overflow: hidden;

    border-bottom:
        1px solid rgba(87, 4, 24, 0.095);
}


.velori-footer .velori-footer__list li:last-child {

    border-bottom: 0;
}


.velori-footer .velori-footer__list a {

    min-height: 52px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 15px;

    color: var(--vf-primary);

    font-size: 16px;

    line-height: 1.3;

    transition:
        padding-left 0.35s cubic-bezier(.16,1,.3,1),
        color 0.25s ease;
}


.velori-footer .velori-footer__list a::before {

    content: '';

    position: absolute;

    left: -9px;

    width: 5px;

    height: 5px;

    border-radius: 50%;

    background: var(--vf-primary);

    opacity: 0;

    transition:
        left 0.35s ease,
        opacity 0.35s ease;
}


.velori-footer .velori-footer__list a:hover {

    padding-left: 15px;

    color:
        var(--vf-primary-dark);
}


.velori-footer .velori-footer__list a:hover::before {

    left: 0;

    opacity: 1;
}


.velori-footer .velori-footer__list a > i {

    font-style: normal;

    font-size: 14px;

    opacity: 0;

    transform:
        translate(-6px, 6px);

    transition:
        opacity 0.3s ease,
        transform 0.3s ease;
}


.velori-footer .velori-footer__list a:hover > i {

    opacity: 1;

    transform:
        translate(0, 0);
}


/* SOCIAL ICON */

.velori-footer .velori-footer__social-list a > span {

    display: inline-flex;

    align-items: center;

    gap: 10px;
}


.velori-footer .velori-footer__social-list
a > span > i {

    width: 20px;

    text-align: center;
}


/* =========================================================
   SUPPORT
========================================================= */

.velori-footer .velori-footer__support {

    min-height: 230px;

    display: grid;

    grid-template-columns:
        minmax(0, 1.4fr)
        minmax(250px, 0.7fr);

    gap: 40px;

    align-items: end;

    padding: 48px 45px;

    border-top:
        1px solid var(--vf-border);

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.28),
            rgba(255,255,255,.05)
        );
}


.velori-footer .velori-footer__support h3 {

    margin: 0;

    color: var(--vf-dark);

    font-size: clamp(29px, 2.3vw, 43px);

    line-height: 1.05;

    letter-spacing: -0.04em;

    font-weight: 500;
}


.velori-footer .velori-footer__support p {

    max-width: 500px;

    margin:
        20px 0 0;

    color: var(--vf-text);

    font-size: 15px;

    line-height: 1.6;
}


.velori-footer .velori-footer__support-contact {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    justify-content: flex-end;
}


.velori-footer .velori-footer__contact-label {

    margin-bottom: 15px;

    font-size: 10px;

    font-weight: 600;

    letter-spacing: 0.13em;

    color:
        rgba(87, 4, 24, 0.55);
}


.velori-footer .velori-footer__support-contact a {

    position: relative;

    display: flex;

    gap: 12px;

    align-items: center;

    padding-bottom: 8px;

    color: var(--vf-primary);

    font-size: 16px;

    word-break: break-word;
}


.velori-footer .velori-footer__support-contact a::after {

    content: '';

    position: absolute;

    bottom: 0;
    left: 0;

    width: 100%;

    height: 1px;

    background: var(--vf-primary);

    transform:
        scaleX(0);

    transform-origin: right;

    transition:
        transform 0.4s cubic-bezier(.16,1,.3,1);
}


.velori-footer .velori-footer__support-contact a:hover::after {

    transform:
        scaleX(1);

    transform-origin: left;
}


.velori-footer .velori-footer__support-contact i {

    font-style: normal;

    transition:
        transform 0.3s ease;
}


.velori-footer .velori-footer__support-contact a:hover i {

    transform:
        translate(4px, -4px);
}


/* =========================================================
   BOTTOM
========================================================= */

.velori-footer .velori-footer__bottom {

    min-height: 90px;

    padding: 20px 42px;

    display: grid;

    grid-template-columns:
        1fr auto 1fr;

    gap: 25px;

    align-items: center;

    border-top:
        1px solid var(--vf-border);

    color:
        rgba(87, 4, 24, 0.72);

    font-size: 13px;
}


.velori-footer .velori-footer__bottom-center {

    display: flex;

    align-items: center;

    gap: 9px;

    color: var(--vf-dark);
}


.velori-footer .velori-footer__payment-icon {

    width: 27px;

    height: 27px;

    border-radius: 50%;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    color: white;

    background: var(--vf-primary);

    font-weight: 600;
}


.velori-footer .velori-footer__bottom-right {

    text-align: right;
}


/* =========================================================
   CURSOR GLOW
========================================================= */

.velori-footer .velori-footer__cursor-glow {

    position: absolute;

    width: 320px;

    height: 320px;

    border-radius: 50%;

    pointer-events: none;

    background:
        radial-gradient(
            circle,
            rgba(143, 39, 67, 0.15) 0%,
            rgba(143, 39, 67, 0.04) 45%,
            transparent 72%
        );

    transform:
        translate(-50%, -50%);

    opacity: 0;

    z-index: 0;

    transition:
        opacity 0.35s ease;
}


/* =========================================================
   SCROLL REVEAL
========================================================= */

.velori-footer .velori-reveal {

    opacity: 0;

    transform:
        translateY(45px);

    transition:
        opacity 0.85s cubic-bezier(.16,1,.3,1),
        transform 0.85s cubic-bezier(.16,1,.3,1);
}


.velori-footer .velori-reveal.velori-visible {

    opacity: 1;

    transform:
        translateY(0);
}


/* =========================================================
   1500 SCREEN
========================================================= */

@media (max-width: 1500px) {

    .velori-footer .velori-footer__brand {

        min-height: 510px;

        padding:
            35px 42px;
    }


    .velori-footer .velori-footer__brand-link {

        min-height: 330px;
    }


    .velori-footer .velori-footer__brand-text {

        font-size:
            clamp(100px, 11.5vw, 230px);
    }


    .velori-footer .velori-footer__main {

        grid-template-columns:
            minmax(360px, 0.85fr)
            minmax(590px, 1.3fr);
    }


    .velori-footer .velori-footer__newsletter {

        padding:
            60px 42px;
    }


    .velori-footer .velori-footer__column {

        padding:
            58px 30px;
    }

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1199px) {

    .velori-footer {

        width:
            calc(100% - 30px);
    }


    .velori-footer .velori-footer__brand {

        min-height: 390px;
    }


    .velori-footer .velori-footer__brand-link {

        min-height: 245px;
    }


    .velori-footer .velori-footer__main {

        grid-template-columns:
            1fr;
    }


    .velori-footer .velori-footer__newsletter {

        border-right: 0;

        border-bottom:
            1px solid var(--vf-border);
    }


    .velori-footer .velori-footer__links-grid {

        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .velori-footer {

        width:
            calc(100% - 18px);

        margin:
            9px auto;

        border-radius:
            15px;
    }


    /* AMBIENT */

    .velori-footer .velori-footer__ambient {

        width: 300px;

        height: 300px;

        filter: blur(60px);
    }


    /* BRAND */

    .velori-footer .velori-footer__brand {

        min-height: 280px;

        padding:
            24px 18px;
    }


    .velori-footer .velori-footer__eyebrow,
    .velori-footer .velori-footer__brand-year {

        font-size: 9px;

        letter-spacing:
            0.1em;
    }


    .velori-footer .velori-footer__brand-link {

        min-height: 145px;
    }


    .velori-footer .velori-footer__brand-text {

        font-size:
            clamp(48px, 14vw, 88px);

        line-height: .82;

        letter-spacing: -.055em;

        white-space: normal;
    }


    .velori-footer .velori-footer__brand-text--outline {

        display: none;
    }


    .velori-footer .velori-footer__brand-link:hover
    .velori-footer__brand-text:first-child {

        transform: none;

        opacity: 1;
    }


    .velori-footer .velori-footer__brand-bottom {

        align-items: center;
    }


    .velori-footer .velori-footer__brand-bottom p {

        max-width: 230px;

        font-size: 16px;
    }


    .velori-footer .velori-footer__brand-bottom p span {

        font-size: 20px;
    }


    .velori-footer .velori-footer__scroll-text {

        font-size: 8px;
    }


    .velori-footer .velori-footer__scroll-arrow {

        width: 30px;

        height: 30px;
    }


    /* MARQUEE */

    .velori-footer .velori-footer__marquee-track {

        gap: 20px;

        padding:
            11px 0;
    }


    .velori-footer .velori-footer__marquee-track span {

        font-size: 10px;
    }


    /* NEWSLETTER */

    .velori-footer .velori-footer__newsletter {

        padding:
            38px 20px;
    }


    .velori-footer .velori-footer__small-label {

        margin-bottom:
            18px;

        font-size:
            9px;
    }


    .velori-footer .velori-footer__newsletter-title {

        margin-bottom:
            20px;

        font-size:
            39px;

        line-height:
            1;
    }


    .velori-footer .velori-footer__description {

        margin-bottom:
            24px;

        font-size:
            14px;

        line-height:
            1.55;
    }


    /* FORM */

    .velori-footer .velori-footer__form-group {

        padding: 5px;

        grid-template-columns:
            minmax(0, 1fr)
            115px;
    }


    .velori-footer .velori-footer__input {

        height: 50px;

        padding:
            0 13px;

        font-size:
            13px;
    }


    .velori-footer .velori-footer__submit {

        min-width: 115px;

        height: 48px;

        padding:
            0 11px;

        gap: 6px;

        font-size:
            11px;
    }


    .velori-footer .velori-footer__submit-arrow {

        font-size: 14px;
    }


    /* ====================================
       MOBILE - 1 ROW ME 2 COLUMNS
    ==================================== */

    .velori-footer .velori-footer__links-grid {

        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }


    .velori-footer .velori-footer__column {

        padding:
            34px 18px;

        border-right:
            1px solid var(--vf-border);

        border-bottom:
            1px solid var(--vf-border);
    }


    .velori-footer .velori-footer__column:nth-child(2n) {

        border-right: 0;
    }


    .velori-footer .velori-footer__column:last-child {

        border-bottom: 0;
    }


    .velori-footer .velori-footer__heading {

        gap: 8px;

        margin-bottom: 20px;

        font-size: 11px;
    }


    .velori-footer .velori-footer__heading span {

        width: 23px;

        height: 23px;

        font-size: 8px;
    }


    .velori-footer .velori-footer__list a {

        min-height: 42px;

        gap: 7px;

        font-size: 13px;
    }


    .velori-footer .velori-footer__list a > i {

        display: none;
    }


    /* SUPPORT */

    .velori-footer .velori-footer__support {

        min-height: auto;

        grid-template-columns:
            1fr;

        gap: 27px;

        padding:
            38px 20px;
    }


    .velori-footer .velori-footer__support h3 {

        font-size:
            29px;
    }


    .velori-footer .velori-footer__support p {

        font-size: 13px;
    }


    .velori-footer .velori-footer__support-contact a {

        font-size:
            13px;
    }


    /* BOTTOM */

    .velori-footer .velori-footer__bottom {

        min-height: auto;

        padding:
            23px 18px;

        grid-template-columns:
            1fr;

        gap: 13px;

        text-align: center;

        font-size:
            11px;
    }


    .velori-footer .velori-footer__bottom-center {

        justify-content:
            center;
    }


    .velori-footer .velori-footer__bottom-right {

        text-align:
            center;
    }


    /* REMOVE CURSOR EFFECT MOBILE */

    .velori-footer .velori-footer__cursor-glow {

        display: none;
    }

}


/* =========================================================
   EXTRA SMALL
========================================================= */

@media (max-width: 480px) {

    .velori-footer .velori-footer__brand {

        min-height:
            245px;

        padding:
            20px 14px;
    }


    .velori-footer .velori-footer__brand-link {

        min-height:
            125px;
    }


    .velori-footer .velori-footer__brand-text {

        font-size:
            clamp(42px, 10vw, 65px);
    }


    .velori-footer .velori-footer__brand-bottom p {

        font-size:
            14px;
    }


    .velori-footer .velori-footer__brand-bottom p span {

        font-size:
            18px;
    }


    .velori-footer .velori-footer__newsletter {

        padding:
            32px 16px;
    }


    .velori-footer .velori-footer__newsletter-title {

        font-size:
            33px;
    }


    .velori-footer .velori-footer__form-group {

        grid-template-columns:
            minmax(0, 1fr)
            104px;
    }


    .velori-footer .velori-footer__submit {

        min-width:
            104px;

        font-size:
            10px;
    }


    .velori-footer .velori-footer__column {

        padding:
            29px 15px;
    }


    .velori-footer .velori-footer__heading {

        font-size:
            10px;
    }


    .velori-footer .velori-footer__list a {

        min-height:
            38px;

        font-size:
            12px;
    }

}


/* =========================================================
   ACCESSIBILITY
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .velori-footer *,
    .velori-footer *::before,
    .velori-footer *::after {

        animation-duration:
            0.01ms !important;

        animation-iteration-count:
            1 !important;

        transition-duration:
            0.01ms !important;
    }

}

@media (max-width: 1199px) {
    body {
        padding-bottom: 5px !important;
    }
}
/*---------------------------footer end-----------------------------------------*/





/*---------------------------how to use it -flash start-----------------------------------------*/
/* =========================================================
   PRODUCT INFORMATION SECTION — COMPLETELY SCOPED CSS
========================================================= */
.vb-product-info-section {
    --vb-background: #fbf5ef;
    --vb-text: #101010;
    --vb-image-width: 445px;
    --vb-image-height: 446px;

    position: relative;
    width: 100%;
    min-height: 495px;
    overflow: hidden;
    background:
        linear-gradient(
            to bottom,
            var(--vb-background) 0,
            var(--vb-background) 84.7%,
            #ffffff 84.7%,
            #ffffff 100%
        );
    color: var(--vb-text);
    font-family: Arial, Helvetica, sans-serif;
}

.vb-product-info-section *,
.vb-product-info-section *::before,
.vb-product-info-section *::after {
    box-sizing: border-box;
}

/* ================= MAIN WRAPPER ================= */
.vb-product-info-section .vb-product-info-wrap {
    position: relative;
    width: min(920px, calc(100% - 40px));
    min-height: 495px;
    margin: 0 auto;
}

/* ================= CENTER IMAGE ================= */
.vb-product-info-section .vb-product-info-image {
    position: absolute;
    top: 24px;
    left: 50%;
    z-index: 1;
    width: var(--vb-image-width);
    height: var(--vb-image-height);
    transform: translateX(-50%);
    overflow: hidden;
    background: #e8e2dc;
}

.vb-product-info-section .vb-product-info-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* ================= CONTENT COMMON ================= */
.vb-product-info-section .vb-product-info-content {
    position: absolute;
    z-index: 2;
    color: var(--vb-text);
}

.vb-product-info-section .vb-product-info-content h2 {
    margin: 0;
    color: var(--vb-text);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 42px;
    line-height: 1.08;
    font-weight: 400;
    letter-spacing: -2px;
}

.vb-product-info-section .vb-product-info-description {
    margin-top: 28px;
    color: #111111;
    font-size: 13px;
    line-height: 1.47;
    font-weight: 400;
    letter-spacing: 0.8px;
}

/* ================= LEFT CONTENT ================= */
.vb-product-info-section .vb-product-info-left {
    top: 267px;
    left: 0;
    width: 300px;
}

.vb-product-info-section .vb-product-info-left .vb-product-info-description {
    margin-left: 35px;
}

/* ================= RIGHT CONTENT ================= */
.vb-product-info-section .vb-product-info-right {
    top: 17px;
    right: -7px;
    width: 280px;
}

.vb-product-info-section .vb-product-info-right .vb-product-info-description {
    margin-top: 28px;
    margin-left: 44px;
}

/* ================= MORE BUTTON ================= */
.vb-product-info-section .vb-product-info-more {
    display: inline-block;
    margin-top: 6px;
    padding: 0 0 3px;
    border: 0;
    border-bottom: 1px solid #111111;
    border-radius: 0;
    outline: none;
    background: transparent;
    color: #111111;
    font: inherit;
    font-size: 9px;
    line-height: 1;
    font-weight: 500;
    letter-spacing: 4px;
    cursor: pointer;
}

.vb-product-info-section .vb-product-info-left .vb-product-info-more {
    margin-left: 35px;
}

.vb-product-info-section .vb-product-info-right .vb-product-info-more {
    margin-left: 44px;
}

.vb-product-info-section .vb-product-info-more:hover {
    opacity: 0.55;
}

/* =========================================================
   POPUP
========================================================= */
.vb-product-info-section .vb-info-popup {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    visibility: hidden;
    opacity: 0;
    transition:
        opacity 0.3s ease,
        visibility 0.3s ease;
}

.vb-product-info-section .vb-info-popup.vb-popup-active {
    visibility: visible;
    opacity: 1;
}

.vb-product-info-section .vb-info-popup-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.48);
    backdrop-filter: blur(3px);
}

.vb-product-info-section .vb-info-popup-box {
    position: relative;
    z-index: 2;
    width: min(520px, 100%);
    padding: 52px 48px 45px;
    background: #fbf5ef;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.22);
    transform: translateY(25px);
    transition: transform 0.3s ease;
}

.vb-product-info-section
.vb-info-popup.vb-popup-active
.vb-info-popup-box {
    transform: translateY(0);
}

.vb-product-info-section .vb-info-popup-close {
    position: absolute;
    top: 12px;
    right: 18px;
    width: 34px;
    height: 34px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #111111;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 33px;
    line-height: 34px;
    font-weight: 300;
    cursor: pointer;
}

.vb-product-info-section .vb-info-popup-label {
    display: block;
    margin-bottom: 13px;
    font-size: 9px;
    letter-spacing: 3px;
}

.vb-product-info-section .vb-info-popup-box h3 {
    margin: 0 0 20px;
    color: #111111;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 39px;
    line-height: 1.1;
    font-weight: 400;
}

.vb-product-info-section .vb-info-popup-box p {
    margin: 0;
    color: #222222;
    font-size: 14px;
    line-height: 1.8;
    letter-spacing: 0.45px;
}

/* =========================================================
   TABLET
========================================================= */
@media only screen and (max-width: 991px) {
    .vb-product-info-section {
        --vb-image-width: 390px;
        --vb-image-height: 430px;

        min-height: 480px;
    }

    .vb-product-info-section .vb-product-info-wrap {
        width: calc(100% - 30px);
        min-height: 480px;
    }

    .vb-product-info-section .vb-product-info-left {
        left: 5px;
        width: 255px;
    }

    .vb-product-info-section .vb-product-info-right {
        right: 0;
        width: 245px;
    }

    .vb-product-info-section .vb-product-info-content h2 {
        font-size: 35px;
    }

    .vb-product-info-section .vb-product-info-description {
        font-size: 11px;
    }
}

/* =========================================================
   MOBILE
========================================================= */
@media only screen and (max-width: 767px) {
    .vb-product-info-section {
        min-height: auto;
        padding: 26px 0 45px;
        background: var(--vb-background);
        overflow: visible;
    }

    .vb-product-info-section .vb-product-info-wrap {
        display: flex;
        flex-direction: column;
        width: calc(100% - 30px);
        min-height: 0;
    }

    .vb-product-info-section .vb-product-info-image {
        position: relative;
        top: auto;
        left: auto;
        order: 1;
        width: 100%;
        height: auto;
        aspect-ratio: 1 / 1;
        transform: none;
    }

    .vb-product-info-section .vb-product-info-content {
        position: relative;
        top: auto;
        right: auto;
        left: auto;
        width: 100%;
    }

    .vb-product-info-section .vb-product-info-right {
        order: 2;
        margin-top: 32px;
    }

    .vb-product-info-section .vb-product-info-left {
        order: 3;
        margin-top: 42px;
    }

    .vb-product-info-section .vb-product-info-content h2 {
        font-size: 38px;
        letter-spacing: -1.5px;
    }

    .vb-product-info-section .vb-product-info-description,
    .vb-product-info-section
    .vb-product-info-left
    .vb-product-info-description,
    .vb-product-info-section
    .vb-product-info-right
    .vb-product-info-description {
        margin-top: 20px;
        margin-left: 0;
        font-size: 12px;
        line-height: 1.65;
    }

    .vb-product-info-section
    .vb-product-info-description br {
        display: none;
    }

    .vb-product-info-section
    .vb-product-info-left
    .vb-product-info-more,
    .vb-product-info-section
    .vb-product-info-right
    .vb-product-info-more {
        margin-top: 10px;
        margin-left: 0;
    }

    .vb-product-info-section .vb-info-popup-box {
        padding: 45px 25px 32px;
    }

    .vb-product-info-section .vb-info-popup-box h3 {
        font-size: 33px;
    }
}

/*---------------------------header-flash end-----------------------------------------*/
/*---------------------------header-flash start-----------------------------------------*/

.veloribeauty-section{
  --rb-bg:#fbfaf9;
  --rb-text:#570418;
  --rb-border:#c98ca4;
  --rb-white:#ffffff;
  --rb-title-font: Georgia, "Times New Roman", serif;
  --rb-body-font: Arial, Helvetica, sans-serif;

  width:100%;
  background:var(--rb-bg);
  overflow:hidden;
  position:relative;
}

.veloribeauty-section *{
  box-sizing:border-box;
}

.veloribeauty-section .rb-slider{
  width:100%;
  min-height:760px;
  position:relative;
  background:var(--rb-bg);
  overflow:hidden;
}

/* CENTER STAGE */
.veloribeauty-section .rb-stage{
  width:100%;
  position:relative;
  z-index:2;
  margin-top:87px;
}

@media (max-width:767px){
  .veloribeauty-section .rb-stage{
    margin-top:75px !important;
  }
}

.veloribeauty-section .rb-stage-inner{
  max-width:1120px;
  width:calc(100% - 220px);
  margin:0 auto;
  min-height:760px;

  display:grid;
  grid-template-columns:680px 1fr;
  gap:90px;
  align-items:center;

  position:relative;
}

.veloribeauty-section .rb-main-image{
  width:100%;
  height:610px;
  overflow:hidden;
  background:#ead2c6;
}

.veloribeauty-section .rb-main-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.veloribeauty-section .rb-content{
  max-width:440px;
  color:var(--rb-text);
}

.veloribeauty-section .rb-kicker{
  display:inline-block;
  margin-bottom:28px;

  font-size:13px;
  letter-spacing:9px;
  color:var(--rb-text);

  font-family:var(--rb-body-font);
}

.veloribeauty-section .rb-content h2{
  margin:0 0 28px;

  font-size:58px;
  line-height:1.02;
  font-weight:400;

  color:var(--rb-text);
  font-family:var(--rb-title-font);
}

.veloribeauty-section .rb-content p{
  margin:0 0 36px;

  font-size:20px;
  line-height:1.65;
  letter-spacing:1px;

  color:var(--rb-text);
  font-family:var(--rb-body-font);
}

.veloribeauty-section .rb-btn{
  min-width:355px;
  height:56px;
  padding:0 25px;

  border:1px solid var(--rb-border);
  border-radius:40px;

  color:var(--rb-text);
  text-decoration:none;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  font-size:12px;
  letter-spacing:6px;
  text-transform:uppercase;

  background:transparent;
  transition:.3s ease;

  font-family:var(--rb-body-font);
}

.veloribeauty-section .rb-btn:hover{
  background:var(--rb-text);
  color:#fff;
  border-color:var(--rb-text);
}

/* SIDE PREVIEWS */
.veloribeauty-section .rb-side-preview{
  position:absolute;
  top:87px;

  width:170px;
  height:610px;

  overflow:hidden;
  z-index:1;

  pointer-events:none;
}

.veloribeauty-section .rb-side-left{
  left:0;
}

.veloribeauty-section .rb-side-right{
  right:0;
}

.veloribeauty-section .rb-side-preview img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;

  transition:opacity .35s ease;
  pointer-events:none;
}

.veloribeauty-section .rb-fade-overlay{
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:2;
}

.veloribeauty-section .rb-fade-left{
  background:linear-gradient(
    to right,
    var(--rb-bg) 0%,
    rgba(243,241,239,.82) 45%,
    rgba(243,241,239,0) 100%
  );
}

.veloribeauty-section .rb-fade-right{
  background:linear-gradient(
    to left,
    var(--rb-bg) 0%,
    rgba(243,241,239,.82) 45%,
    rgba(243,241,239,0) 100%
  );
}

/* ========================= */
/* ARROWS FIX */
/* ========================= */

#rbPrev,
#rbNext{
  position:absolute !important;
  top:50% !important;
  transform:translateY(-50%) !important;

  width:56px;
  height:56px;

  border:none;
  border-radius:50%;

  background:rgba(255,255,255,.95);
  color:var(--rb-text);

  display:flex !important;
  align-items:center;
  justify-content:center;

  cursor:pointer !important;

  z-index:999999 !important;
  pointer-events:auto !important;

  box-shadow:0 8px 20px rgba(0,0,0,.08);

  padding:0;
}

#rbPrev{
  left:22px !important;
}

#rbNext{
  right:22px !important;
}

#rbPrev svg,
#rbNext svg{
  width:18px;
  height:18px;
}

/* fade animation */
.veloribeauty-section .rb-fade-switch{
  animation:rbFadeIn .45s ease;
}

@keyframes rbFadeIn{
  from{
    opacity:.2;
    transform:translateY(8px);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}

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

@media (max-width:1400px){

  .veloribeauty-section .rb-stage-inner{
    width:calc(100% - 180px);
    grid-template-columns:560px 1fr;
    gap:65px;
  }

  .veloribeauty-section .rb-main-image{
    height:540px;
  }

  .veloribeauty-section .rb-side-preview{
    width:130px;
    height:540px;
  }

  .veloribeauty-section .rb-content h2{
    font-size:48px;
  }
}

@media (max-width:1199px){

  .veloribeauty-section .rb-slider{
    min-height:auto;
    padding:80px 0;
  }

  .veloribeauty-section .rb-stage{
    margin-top:0;
  }

  .veloribeauty-section .rb-stage-inner{
    width:calc(100% - 120px);
    min-height:auto;

    grid-template-columns:1fr 1fr;
    gap:36px;
  }

  .veloribeauty-section .rb-main-image{
    height:480px;
  }

  .veloribeauty-section .rb-side-preview{
    width:72px;
    height:480px;
    top:80px;
  }

  .veloribeauty-section .rb-content h2{
    font-size:40px;
  }

  .veloribeauty-section .rb-content p{
    font-size:17px;
  }

  .veloribeauty-section .rb-btn{
    min-width:260px;
  }
}

/* ========================= */
/* MOBILE */
/* ========================= */

@media (max-width:767px){

  .veloribeauty-section{
    padding:0;
  }

  .veloribeauty-section .rb-slider{
    min-height:auto;
    padding:14px 0 26px;
    overflow:hidden;
  }

  .veloribeauty-section .rb-stage{
    margin-top:0;
  }

  .veloribeauty-section .rb-stage-inner{
    width:100%;
    min-height:auto;

    display:block;
    padding:0 22px;
  }

  .veloribeauty-section .rb-main-image{
    position:relative;

    width:100%;
    height:auto;

    aspect-ratio:0.88 / 1;

    min-height:360px;
    overflow:hidden;

    background:#eadfd6;
  }

  .veloribeauty-section .rb-main-image img{
    width:100%;
    height:100%;

    object-fit:cover;
    object-position:center center;
  }

  .veloribeauty-section .rb-content{
    max-width:100%;
    text-align:left;

    padding:18px 6px 0;
  }

  .veloribeauty-section .rb-kicker{
    display:block;

    margin-bottom:14px;

    font-size:11px;
    line-height:1.2;
    letter-spacing:7px;
  }

  .veloribeauty-section .rb-content h2{
    margin:0 0 14px;

    font-size:26px;
    line-height:1.08;
  }

  .veloribeauty-section .rb-content p{
    margin:0 0 22px;

    font-size:14px;
    line-height:1.55;

    letter-spacing:0;
  }

  .veloribeauty-section .rb-btn{
    width:100%;
    min-width:100%;

    height:44px;

    font-size:10px;
    letter-spacing:4px;
  }

  .veloribeauty-section .rb-side-preview{
    display:block;

    top:14px;

    width:14px;
    height:calc(((100vw - 44px) / 0.88));

    max-height:430px;
    min-height:360px;
  }

  /* mobile me arrows hide */
  #rbPrev,
  #rbNext{
    display:none !important;
  }
}

/* extra small */

@media (max-width:480px){

  .veloribeauty-section .rb-stage-inner{
    padding:0 18px;
  }

  .veloribeauty-section .rb-main-image{
    aspect-ratio:0.86 / 1;
    min-height:330px;
  }

  .veloribeauty-section .rb-side-preview{
    width:12px;
    height:calc(((100vw - 36px) / 0.86));

    max-height:400px;
    min-height:330px;
  }

  .veloribeauty-section .rb-content{
    padding:16px 6px 0;
  }

  .veloribeauty-section .rb-content h2{
    font-size:24px;
  }

  .veloribeauty-section .rb-content p{
    font-size:13px;
  }
}

/*---------------------------header-flash end-----------------------------------------*/

/*---------------------------best seller start-----------------------------------------*/

.own-height{
    height: 430px !important;
}


.box-swiper-product {
    
    border: 1px solid #ffe9e9 !important;
    
}

.banner-v05 .bn_image {

    padding-bottom: 0px !important;
}


.ownfont-size{
    font-size: 165px !important;
    line-height: 197px !important;
}



@media (max-width:767px){
    .ownfont-size{
    font-size: 48px !important;
    line-height: 56px !important;
}

.custext{
    font-size: 21px !important;
}

}

.banner-v05 .bn_image {
  
    padding-top: 0px !important;
   
}
/*---------------------------best seller end-----------------------------------------*/



/*---------------------------categories start-----------------------------------------*/
.rb-shopbycat,
.rb-shopbycat *{
  box-sizing:border-box;
}

.rb-shopbycat{
  position:relative;
  width:100%;
  overflow:hidden;
  background:linear-gradient(to bottom, #ffffff 0, #ffffff 188px, #fdf6f0 188px, #fdf6f0 100%);
  margin:0;
  padding:0;
  -webkit-font-smoothing:antialiased;
  -webkit-text-size-adjust:100%;
  color:#000914;
  line-height:1.15;
}

.rb-shopbycat__wrap{
  position:relative;
  max-width:1440px;
  margin:0 auto;
  min-height:1380px;
  padding:0 40px;
}

.rb-shopbycat__head{
  position:absolute;
  left:238px;
  top:272px;
  z-index:10;
}

.rb-shopbycat__head h2{
  margin:0;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:76px;
  line-height:.90;
  font-weight:400;
  letter-spacing:-1.2px;
  color:#570418 !important;
}

.rb-shopbycat__stage{
  position:relative;
  min-height:1380px;
}

.rb-shopbycat__card{
  position:absolute;
  display:block;
  text-decoration:none;
}

.rb-shopbycat__imgbox{
  position:relative;
  overflow:hidden;
  background:#ead8d8;
}

.rb-shopbycat__imgbox img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
  transition:transform .45s ease;
}

.rb-shopbycat__card:hover .rb-shopbycat__imgbox img{
  transform:scale(1.015);
}

.rb-shopbycat__label{
  position:absolute;
  left:0;
  display:inline-block;
  white-space:nowrap;
  z-index:5;
  color:#570418;
  font-family:"Snell Roundhand","Brush Script MT","Segoe Script","Lucida Handwriting",cursive;
  font-weight:400;
  line-height:1;
  pointer-events:none;
}

/* DESKTOP */
.rb-shopbycat__card--eye{
  top:108px;
  right:150px;
  width:360px;
  z-index:4;
}
.rb-shopbycat__card--eye .rb-shopbycat__imgbox{
  width:360px;
  height:477px;
}
.rb-shopbycat__label--eye{
  left:20px;
  bottom:-44px;
  font-size:78px;
  transform:rotate(-8deg);
}

.rb-shopbycat__card--lip{
  top:528px;
  left:352px;
  width:360px;
  z-index:3;
}
.rb-shopbycat__card--lip .rb-shopbycat__imgbox{
  width:360px;
  height:479px;
}
.rb-shopbycat__label--lip{
  left:18px;
  bottom:-46px;
  font-size:79px;
  transform:rotate(-8deg);
}

.rb-shopbycat__card--best{
  top:930px;
  left:825px;
  width:302px;
  z-index:2;
}
.rb-shopbycat__card--best .rb-shopbycat__imgbox{
  width:302px;
  height:400px;
}
.rb-shopbycat__label--best{
  left:6px;
  bottom:-37px;
  font-size:55px;
  transform:rotate(-7deg);
}

/* LARGE TABLET */
@media (max-width:1280px){
  .rb-shopbycat{
    background:linear-gradient(to bottom, #ffffff 0, #ffffff 188px, #fdf6f0 188px, #fdf6f0 100%);
  }

  .rb-shopbycat__wrap{
    max-width:1200px;
    min-height:659px;
    padding:0 24px;
  }

  .rb-shopbycat__head{
    left:110px;
    top:230px;
  }

  .rb-shopbycat__head h2{
    font-size:62px;
  }

  .rb-shopbycat__stage{
    min-height:650px;
  }

  .rb-shopbycat__card--eye{
    top:110px;
    right:70px;
    width:320px;
  }
  .rb-shopbycat__card--eye .rb-shopbycat__imgbox{
    width:320px;
    height:424px;
  }
  .rb-shopbycat__label--eye{
    font-size:64px;
    bottom:-36px;
  }

  .rb-shopbycat__card--lip{
    top:535px;
    left:150px;
    width:320px;
  }
  .rb-shopbycat__card--lip .rb-shopbycat__imgbox{
    width:320px;
    height:425px;
  }
  .rb-shopbycat__label--lip{
    font-size:65px;
    bottom:-37px;
  }

  .rb-shopbycat__card--best{
    top:890px;
    left:530px;
    width:265px;
  }
  .rb-shopbycat__card--best .rb-shopbycat__imgbox{
    width:265px;
    height:351px;
  }
  .rb-shopbycat__label--best{
    font-size:49px;
    bottom:-31px;
  }
}

/* TABLET */
@media (max-width:991px){
  .rb-shopbycat{
    background:linear-gradient(to bottom, #ffffff 0, #ffffff 188px, #fdf6f0 188px, #fdf6f0 100%);
  }

  .rb-shopbycat__wrap{
    min-height:659px;
    padding:0 18px;
  }

  .rb-shopbycat__head{
    left:34px;
    top:22px;
  }

  .rb-shopbycat__head h2{
    font-size:44px;
    line-height:.90;
    letter-spacing:-.45px;
  }

  .rb-shopbycat__stage{
    min-height:650px;
  }

  .rb-shopbycat__card--lip{
    left:34px;
    top:154px;
    width:430px;
    z-index:5;
  }
  .rb-shopbycat__card--lip .rb-shopbycat__imgbox{
    width:430px;
    height:535px;
  }
  .rb-shopbycat__label--lip{
    left:18px;
    bottom:-38px;
    font-size:66px;
  }

  .rb-shopbycat__card--eye{
    right:-72px;
    top:214px;
    width:212px;
    z-index:4;
  }
  .rb-shopbycat__card--eye .rb-shopbycat__imgbox{
    width:212px;
    height:312px;
  }
  .rb-shopbycat__label--eye{
    left:14px;
    bottom:-27px;
    font-size:46px;
  }

  .rb-shopbycat__card--best{
    display:none;
  }
}

/* MOBILE SLIDER */
@media (max-width:767px){
  .rb-shopbycat{
    background:linear-gradient(to bottom, #ffffff 0, #ffffff 188px, #fdf6f0 188px, #fdf6f0 100%);
    overflow:hidden;
  }

  .rb-shopbycat__wrap{
    max-width:100%;
    min-height:659px !important;
    padding:0 12px 28px;
    position:relative;
  }

  .rb-shopbycat__head{
    position:absolute;
    left:22px;
    top:26px;
    z-index:20;
  }

  .rb-shopbycat__head h2{
    margin:0;
    font-family:Georgia,"Times New Roman",serif !important;
    font-size:34px;
    line-height:.95;
    font-weight:400;
    letter-spacing:-.4px;
    color:#570418 !important;
  }

  .rb-shopbycat__stage{
    position:relative;
    min-height:650px;
  }

  .rb-shopbycat__card{
    top:auto !important;
    left:auto !important;
    right:auto !important;
    width:auto !important;
    transition:
      transform .55s ease,
      opacity .55s ease,
      filter .55s ease;
    will-change:transform,opacity;
  }

  .rb-shopbycat__card .rb-shopbycat__imgbox{
    background:#d8c1c1;
  }

  .rb-shopbycat__card .rb-shopbycat__imgbox img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    display:block;
  }

  .rb-shopbycat__card .rb-shopbycat__label{
    transition:opacity .35s ease, transform .35s ease;
  }

  /* active slide */
  .rb-shopbycat__card.is-active{
    position:absolute;
    left:22px !important;
    top:146px !important;
    width:calc(100% - 74px) !important;
    z-index:8;
    opacity:1;
    transform:translateX(0);
    pointer-events:auto;
  }

  .rb-shopbycat__card.is-active .rb-shopbycat__imgbox{
    width:100%;
    height:auto;
    aspect-ratio:1 / 1.33;
    overflow:hidden;
  }

  .rb-shopbycat__card.is-active .rb-shopbycat__label{
    display:block !important;
    left:18px !important;
    bottom:-22px !important;
    font-size:34px !important;
    transform:rotate(-7deg) !important;
    opacity:1;
    color:#570418;
  }

  /* next preview slide */
  .rb-shopbycat__card.is-next{
    position:absolute;
    right:-56px !important;
    top:194px !important;
    width:100px !important;
    z-index:9;
    opacity:1;
    transform:translateX(0);
    pointer-events:none;
  }

  .rb-shopbycat__card.is-next .rb-shopbycat__imgbox{
    width:100px;
    height:410px;
    overflow:hidden;
    background:#8e6a6a;
  }

  .rb-shopbycat__card.is-next .rb-shopbycat__label{
    display:none !important;
    opacity:0;
  }

  /* hidden slides */
  .rb-shopbycat__card.is-hidden{
    position:absolute;
    left:22px !important;
    top:146px !important;
    width:calc(100% - 74px) !important;
    z-index:1;
    opacity:0;
    transform:translateX(-28px);
    pointer-events:none;
  }

  .rb-shopbycat__card.is-hidden .rb-shopbycat__imgbox{
    width:100%;
    height:auto;
    aspect-ratio:1 / 1.33;
  }

  .rb-shopbycat__card.is-hidden .rb-shopbycat__label{
    display:none !important;
    opacity:0;
  }
}
/*---------------------------categories end-----------------------------------------*/

/*---------------------------shade finder start-----------------------------------------*/



 .vf-shadefinder{
    background: white;
    overflow:hidden;
    font-family: Arial, Helvetica, sans-serif;
  }

  .vf-shadefinder *,
  .vf-shadefinder *::before,
  .vf-shadefinder *::after{
    box-sizing:border-box;
  }

  .vf-shadefinder__container{
    max-width:1220px;
    margin:0 auto;
    padding:0 22px;
  }

  .vf-shadefinder__content{
    max-width:1020px;
    margin:0 auto;
  }

  .vf-shadefinder__title{
    margin:0;
    color: #570418;
    font-family: Georgia, "Times New Roman", serif;
    font-weight:400;
    line-height:0.86;
    letter-spacing:-1.2px;
    font-size:64px;
  }

  .vf-shadefinder__title span{
    display:block;
  }

  .vf-shadefinder__title em{
    font-style:italic;
    font-weight:400;
    color:#000;
    font-family:"Brush Script MT", "Segoe Script", cursive;
    font-size:1.02em;
    letter-spacing:0;
    position:relative;
    top:2px;
    margin-left:4px;
  }

  .vf-shadefinder__desc{
    margin:24px 0 32px;
    max-width:980px;
    color:#0a0a0a;
    font-size:17px;
    line-height:1.45;
    letter-spacing:1.3px;
    font-weight:400;
  }

  .vf-shadefinder__btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:163px;
    height:36px;
    padding:0 26px;
    border:1px solid #570418;
    text-decoration:none;
    color:#570418;
    background:transparent;
    font-size:11px;
    letter-spacing:4px;
    text-transform:uppercase;
    transition:all .25s ease;
  }

  .vf-shadefinder__btn:hover{
    background:#570418;
    color:#fff;
  }

  .vf-shadefinder__gallery{
    max-width:1040px;
    margin:54px auto 34px;
    display:flex;
    align-items:flex-start;
    justify-content:center;
    gap:28px;
  }

  .vf-shadefinder__card{
    overflow:hidden;
    background:#ddd;
    flex:0 0 auto;
  }

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

  .vf-shadefinder__card--left{
    width:279px;
    height:279px;
    margin-top:71px;
  }

  .vf-shadefinder__card--center{
    width:424px;
    height:422px;
  }

  .vf-shadefinder__card--right{
    width:279px;
    height:279px;
    margin-top:71px;
  }

  .vf-shadefinder__scale{
    max-width:855px;
    margin:0 auto;
  }

  .vf-shadefinder__labels{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:14px;
    margin-bottom:14px;
  }

  .vf-shadefinder__labels span{
    flex:1;
    text-align:center;
    color:#000;
    font-size:10px;
    line-height:1.6;
    letter-spacing:3px;
    text-transform:uppercase;
    display:block;
    min-height:30px;
  }

  .vf-shadefinder__bar{
    height:11px;
    width:100%;
    background:linear-gradient(
      to right,
      #f1d4bf 0%,
      #edc19e 18%,
      #e3a36c 38%,
      #cd7a36 58%,
      #a44c17 79%,
      #6f2f0b 100%
    );
  }

  @media (max-width: 1100px){
    .vf-shadefinder__title{
      font-size:56px;
    }

    .vf-shadefinder__gallery{
      max-width:920px;
      gap:22px;
    }

    .vf-shadefinder__card--left,
    .vf-shadefinder__card--right{
      width:235px;
      height:235px;
    }

    .vf-shadefinder__card--center{
      width:360px;
      height:382px;
    }
  }

  @media (max-width: 767px){
    .vf-shadefinder{
      padding:28px 0 34px;
    }

    .vf-shadefinder__container{
      padding:0 16px;
    }

    .vf-shadefinder__content{
      max-width:100%;
    }

    .vf-shadefinder__title{
      font-size:42px;
      line-height:0.9;
      letter-spacing:-0.8px;
    }

    .vf-shadefinder__title em{
      font-size:1em;
      margin-left:2px;
    }

    .vf-shadefinder__desc{
      margin:20px 0 24px;
      font-size:15px;
      line-height:1.5;
      letter-spacing:.8px;
      max-width:100%;
    }

    .vf-shadefinder__btn{
      min-width:150px;
      height:38px;
      font-size:10px;
      letter-spacing:3px;
    }

    .vf-shadefinder__gallery{
      margin:34px auto 28px;
      gap:12px;
      align-items:flex-start;
    }

    .vf-shadefinder__card--left,
    .vf-shadefinder__card--right{
      width:28%;
      height:130px;
      margin-top:52px;
    }

    .vf-shadefinder__card--center{
      width:44%;
      height:230px;
    }

    .vf-shadefinder__scale{
      max-width:100%;
      overflow-x:auto;
      padding-bottom:2px;
    }

    .vf-shadefinder__labels{
      min-width:640px;
      gap:8px;
      margin-bottom:12px;
    }

    .vf-shadefinder__bar{
      min-width:640px;
      height:10px;
    }

    .vf-shadefinder__labels span{
      font-size:9px;
      letter-spacing:2.4px;
      min-height:28px;
    }
  }
  
  /*---------------------------shade finder end-----------------------------------------*/
  
  .img-won-heigth{
      height: 600px !important;
  }
  
    @media (max-width: 767px){
         .img-won-heigth{
      height: 350px !important;
  }
    }


.padding-own-about{
    padding-top: 162px !important;
      padding-bottom: 20px !important;
}

 @media (max-width: 767px){
        .padding-own-about{
      padding-top: 120px !important;
    padding-bottom: 0px !important;
}
}
    .shop-own-height{
         height: 250px !important;
    }
    
     @media (max-width: 767px){
        .shop-own-height{
         height: 210px !important;
    }
    }
    
     @media (max-width: 767px){
    .tf-grid-layout.tf-col-4 {
    grid-template-columns: repeat(2, 1fr) !important;
}
}



 /* SECTION ONLY */
.founder-section {

  font-family: 'Georgia', serif;
}

/* CONTAINER */
.founder-section .container {
  width: 90%;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* LEFT IMAGE */
.founder-section .image-box {
  width: 45%;
  display: flex;
  justify-content: center;
}

.founder-section .image-box img {
  width: 420px;
  height: 420px;
  border-radius: 50%;
  object-fit: cover;
}

/* RIGHT CONTENT */
.founder-section .content-box {
  width: 45%;
}

.founder-section .content-box h2 {
  font-size: 48px;
  color: #1c1c1c;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 20px;
}

.founder-section .content-box h2 span {
  font-style: italic;
  font-weight: 500;
}

/* PARAGRAPH */
.founder-section .content-box p {
  font-size: 16px;
  color: #333;
  line-height: 1.8;
  max-width: 420px;
}

/* RESPONSIVE */
@media (max-width: 768px) {
  .founder-section .container {
    flex-direction: column;
    text-align: center;
  }

  .founder-section .image-box,
  .founder-section .content-box {
    width: 100%;
  }

  .founder-section .image-box img {
    width: 300px;
    height: 300px;
    margin-bottom: 30px;
  }
}


    .shade-section {
  background: #fffbf9;
  padding: 60px;
  font-family: "Georgia", serif;
}

.shade-section .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* LEFT */
.shade-section .left {
  width: 50%;
}

.shade-section .tabs {
  font-size: 12px;
  letter-spacing: 2px;
  margin-bottom: 20px;
}

.shade-section .tabs span {
  margin-right: 20px;
  color: #a78d86;
}

.shade-section .tabs .active {
  border-bottom: 1px solid #7a2c2c;
  color: #7a2c2c;
}

.shade-section h1 {
  font-size: 48px;
  color: #7a2c2c;
  font-weight: 400;
  line-height: 1.2;
}

/* Shade bar */
.shade-section .shade-bar {
  display: flex;
  margin: 30px 0;
}

.shade-section .shade {
  width: 60px;
  height: 20px;
  margin-right: 10px;
  border-radius: 10px;
  cursor: pointer;
}

.shade:nth-child(1) { background: #f5e3d6; }
.shade:nth-child(2) { background: #e7c3a3; }
.shade:nth-child(3) { background: #d59663; }
.shade:nth-child(4) { background: #c66e3b; }
.shade:nth-child(5) { background: #a34d24; }
.shade:nth-child(6) { background: #6d2a16; }

.shade.active {
  outline: 2px solid #7a2c2c;
}

.shade-section .shade-label {
  color: #7a2c2c;
  letter-spacing: 2px;
  font-size: 12px;
}

.shade-section .shade-label span {
  font-size: 10px;
}

/* Buttons */
.shade-section .buttons {
  margin-top: 40px;
}

.shade-section .btn {
  padding: 15px 60px;
  margin-right: 20px;
  border: 1px solid #7a2c2c;
  background: transparent;
  color: #7a2c2c;
  cursor: pointer;
}

/* RIGHT */
.shade-section .right {
  width: 40%;
}

.shade-section .grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 10px;
}

.shade-section .grid img {
  width: 100%;
  height: auto;
}

@media (max-width: 768px) {

  .shade-section {
    padding: 30px 20px;
  }

  .shade-section .container {
    flex-direction: column;
    align-items: center;
  }

  /* FULL WIDTH */
  .shade-section .left,
  .shade-section .right {
    width: 100%;
    text-align: center;
  }

  /* HEADING */
  .vf-shadefinder__title span {
    font-size: 32px !important;
    margin-left: 0 !important;
  }

  .shade-section h2 {
    font-size: 26px !important;
    margin-bottom: 20px;
  }

  /* 👉 IMAGE KO UPPER LAO */
  .shade-section .right {
    order: 2;
    margin: 20px 0;
  }

  /* 👉 LEFT KO SPLIT KARO VISUALLY */
  .shade-section .shade-bar {
    margin-top: 20px;
    justify-content: center;
  }

  /* 👉 BUTTONS */
  .shade-section .buttons {
    margin-top: 20px;
  }

  .shade-section .btn {
    width: 100%;
    margin: 10px 0;
  }

  /* 👉 IMAGE SIZE */
  .shade-section .grid img {
    width: 90%;
    margin: auto;
  }

}

@media (max-width: 768px) {

  .shade-section .container {
    display: flex;
    flex-direction: column;
  }

  /* 👇 IMAGE KO HEADING KE BAAD LAO */
  .shade-section .right {
    order: -1;
    width: 100%;
    margin: 20px 0;
  }

  .shade-section .left {
    width: 100%;
    text-align: center;
  }

}



    .match-section {
  background: white;
  padding: 80px 0;
  font-family: 'Playfair Display', serif;
}

.match-section .container {
  width: 1200px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.match-section .left {
  width: 45%;
}

.match-section .left h1 {
  font-size: 60px;
  color: #7c2f3a;
  line-height: 1.2;
  margin-bottom: 20px;
}

.match-section .left p {
  font-size: 16px;
  color: #7c2f3a;
  margin-bottom: 40px;
  max-width: 420px;
}

.match-section .left button {
  padding: 14px 60px;
  border: 1px solid #7c2f3a;
  background: transparent;
  color: #7c2f3a;
  letter-spacing: 3px;
  text-transform: uppercase;
  cursor: pointer;
}

.match-section .right {
  width: 50%;
}

.match-section .right img {
  width: 100%;
  display: block;
}

@media (max-width: 768px) {
  .match-section .container {
    flex-direction: column;
    text-align: center;
  }

  .match-section .right {
    order: -1; /* 👈 This moves image to top */
    width: 100%;
    margin-bottom: 20px;
  }

  .match-section .left {
    width: 100%;
  }

  .match-section .left h2 span {
    display: block;
    margin-left: 0 !important;
  }
}

.banner-why-choose {
   
    background: #fff9f9 !important;
 
}




.shop-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;

  background: #000;
  color: #fff;
  border: none;
  padding: 12px 20px;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
}

.shop-btn img {
  width: 20px;
  height: 20px;
}

  .rare-container {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding: 20px;

  font-family: Arial, sans-serif;
}

.rare-container .card {
  background: #fff;
  padding: 40px 30px;
  width: 100%;
  max-width: 460px; /* responsive */
  border-radius: 18px;
  border: 1px solid #f1e7e7;
  box-shadow: 0 8px 25px rgba(0,0,0,0.05);
  text-align: center;
}

.rare-container .logo {
  color: #570418 !important;
  margin-bottom: 25px;
  font-size: 50px;
  font-weight: 500;
}

.rare-container .title {
  font-size: 22px;
  margin-bottom: 6px;
}

.rare-container .subtitle {
  color: #666;
  font-size: 14px;
  margin-bottom: 25px;
}

.rare-container .shop-btn {
  width: 100%;
  padding: 15px;
  border: none;
  border-radius: 12px;
  background: black;
  color: #fff;
  font-weight: 600;
  cursor: pointer;
  margin-bottom: 22px;
  font-size: 15px;
}

.rare-container .divider {
  display: flex;
  align-items: center;
  margin: 18px 0;
}

.rare-container .divider span {
  flex: 1;
  height: 1px;
  background: #e5e5e5;
}

.rare-container .divider p {
  margin: 0 12px;
  color: #999;
  font-size: 13px;
}

.rare-container .input {
  width: 100%;
  padding: 15px;
  border-radius: 12px;
  border: 1px solid #570418;
  margin-bottom: 18px;
  outline: none;
  font-size: 14px;
  transition: 0.3s;
}

/* focus effect like screenshot */
.rare-container .input:focus {
  border: 1px solid #7a2d3b;
  box-shadow: 0 0 0 2px rgba(122,45,59,0.1);
}

.rare-container .continue-btn {
  width: 100%;
  padding: 15px;
  border: none;
  border-radius: 12px;
  background: #570418 !important;
  color: #fff;
  font-weight: 600;
  cursor: pointer;
  margin-bottom: 18px;
  font-size: 15px;
}

.rare-container .checkbox {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 13px;
  text-align: left;
  margin-bottom: 18px;
  line-height: 1.5;
}

.rare-container .checkbox input {
  accent-color: #7a2d3b;
  margin-top: 4px;
}

.rare-container .terms {
  font-size: 12px;
  color: #777;
}

.rare-container .terms a {
  color: #555;
  text-decoration: underline;
}

/* 🔥 MOBILE FIX */
@media (max-width: 480px) {
  .rare-container {
    padding: 15px;
    margin-top: -52px;
        margin-bottom: -71px;
  }

  .rare-container .card {
    padding: 25px 18px;
    border-radius: 14px;
   
  }

  .rare-container .logo {
    font-size: 28px;
  }

  .rare-container .title {
    font-size: 20px;
  }

  .rare-container .shop-btn,
  .rare-container .continue-btn {
    padding: 13px;
    font-size: 14px;
  }

  .rare-container .input {
    padding: 13px;
  }
}



.form-sub .btn-action {
    background: #570418 !important;
}

.form-sub fieldset input {
    border: 1px solid #570418 !important;
}

#userEmail::-webkit-input-placeholder { color: #570418 !important; }
#userEmail:-ms-input-placeholder { color: #570418 !important; }
#userEmail::placeholder { color: #ff0000; #570418 !important;}


.rb-swatches {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 24px;
}

.rb-swatches__track {
  display: flex;
  align-items: center;
  gap: 12px;
  overflow-x: auto;
}

.rb-swatch {
  border: 0;
  background: transparent;
  padding: 0;
  cursor: pointer;
}

.rb-swatch__plain {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 20px;
}

.rb-swatch__plain img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.rb-swatch__ring {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  border: 1.4px solid #a14d68;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
}

.rb-swatch__ring img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}



.swatch-value {
  width: 60px;
  height: 60px;
  display: inline-block;
  cursor: pointer;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}



/* Hover */
.swatch-value:hover {
  transform: scale(1.05);
}

/* Selected */
.swatch-value.active {
  outline: 2px solid black;
}


.rb-bestsellers,
.rb-bestsellers *,
.rb-bestsellers *::before,
.rb-bestsellers *::after{
  box-sizing:border-box;
}

.rb-bestsellers{
  width:100%;
  background:#f8f3ee;
  padding:26px 0 0;
  margin:0;
  font-family:"Neue Haas Unica","Helvetica Neue",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
  color:#07184a;
  overflow:hidden;
  padding-bottom: 40px;
}

.rb-bestsellers__inner{
  max-width:1240px;
  margin:0 auto;
  padding:0 28px;
}

.rb-bestsellers__header{
  margin-bottom:34px;
}

.rb-bestsellers__title{
  margin:0;
  font-family:Georgia,"Times New Roman",serif;
  font-size:3.95rem;
  line-height:.9;
  font-weight:400;
  letter-spacing:-0.045em;
  color:#07184a;
}

.rb-bestsellers__shopnow{
  display:inline-block;
  margin-top:26px;
  text-decoration:none;
  text-transform:uppercase;
  font-size:10px;
  line-height:1;
  letter-spacing:.56em;
  color:#973c5e;
  border-bottom:1px solid #973c5e;
  padding-bottom:3px;
}

/* SLIDER MODE (Desktop + Mobile) */
.rb-bestsellers__grid {
  display: flex !important;
  overflow-x: auto;
  scroll-behavior: smooth;
  gap: 20px;
  scrollbar-width: none;
}

.rb-bestsellers__grid::-webkit-scrollbar {
  display: none;
}

/* Each card width */
.rb-bestsellers__grid .card-product {
  flex: 0 0 300px;
  max-width: 300px;
}

/* Desktop pe thoda bada */
@media (min-width: 992px) {
  .rb-bestsellers__grid .card-product {
    flex: 0 0 23%;
    max-width: 23%;
  }
}

.rb-card{
  display:flex;
  flex-direction:column;
  min-width:0;
}

.rb-card__media{
  display:flex;
  flex-direction:column;
}

.rb-card__imagewrap{
  display:block;
  position:relative;
  width:100%;
  aspect-ratio:0.78 / 1;
  overflow:hidden;
  background:linear-gradient(to bottom,#eee5dc 0%,#eee5dc 63%,#f8f3ee 63%,#f8f3ee 100%);
  text-decoration:none;
}

.rb-card__imagewrap--small{
  aspect-ratio:.64 / 1;
}

.rb-card__image{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  transition:transform .35s ease;
}

.rb-card:hover .rb-card__image{
  transform:scale(1.02);
}

.rb-card__image--small{
  padding:14% 14% 14% 14%;
}

.rb-card__variant{
  min-height:16px;
  margin:10px 0 0;
  font-size:9px;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.45em;
  color:#07184a;
}

.rb-card__variant--blank{
  color:transparent;
}

.rb-card__content{
  padding-top:12px;
  min-height:122px;
}

.rb-card__name{
  margin:0;
  font-family:Georgia,"Times New Roman",serif;
  font-weight:400;
  font-size:18px;
  line-height:1.03;
  color:#07184a;
}

.rb-card__name a{
  color:inherit;
  text-decoration:none;
}

.rb-card__name--muted{
  color:#b8afb1;
}

.rb-swatches{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:24px;
}

.rb-swatches__nav{
  border:0;
  background:transparent;
  color:#9d3558;
  font-size:28px;
  line-height:1;
  padding:0;
  cursor:pointer;
  flex:0 0 auto;
}

.rb-swatches__track{
  display:flex;
  align-items:center;
  gap:12px;
  overflow-x:auto;
  scrollbar-width:none;
}

.rb-swatches__track::-webkit-scrollbar{
  display:none;
}

.rb-swatch{
  border:0;
  background:transparent;
  padding:0;
  cursor:pointer;
  flex:0 0 auto;
}

.rb-swatch__plain{
  display:flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:20px;
}

.rb-swatch__plain img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}

.rb-swatch__ring{
  width:42px;
  height:42px;
  border-radius:50%;
  border:1.4px solid #a14d68;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:5px;
}

.rb-swatch__ring img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}

.rb-card__footer{
  margin-top:auto;
}

.rb-card__btn{
  width:100%;
  min-height:30px;
  border:1px solid #570418 !important;
  background:transparent;
  color:#9d3558;
  text-transform:uppercase;
  letter-spacing:.48em;
  font-size:10px;
  line-height:1.1;
  padding:11px 10px 10px;
  cursor:pointer;
  display:flex;
  border-radius: 5px;
  align-items:center;
  justify-content:center;
  gap:10px;
  transition:all .25s ease;
}

.rb-card__btn:hover{
  background:#570418 !important;
  color:#fff;
}

.rb-card__btn--muted{
  opacity:.45;
}

.rb-card__dot{
  letter-spacing:0;
}

.rb-card__floating-arrow{
  position:absolute;
  right:14px;
  top:50%;
  transform:translateY(-50%);
  width:38px;
  height:38px;
  border-radius:50%;
  background:rgba(255,255,255,.96);
  color:#9d3558;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:26px;
  box-shadow:0 8px 20px rgba(0,0,0,.05);
}

@media (max-width:1199px){
  .rb-bestsellers__grid{
    gap:22px;
  }

  .rb-bestsellers__title{
    font-size:3.4rem;
  }
}

@media (max-width:991px){
  .rb-bestsellers{
    padding-top:20px;
  }

  .rb-bestsellers__inner{
    padding:0 18px;
  }

  .rb-bestsellers__title{
    font-size:2.7rem;
  }

  .rb-bestsellers__header{
    margin-bottom:24px;
  }

  .rb-bestsellers__shopnow{
    margin-top:18px;
  }

  .rb-bestsellers__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:24px 16px;
  }

  .rb-card__content{
    min-height:auto;
  }
}

@media (max-width:575px){
  .rb-bestsellers{
    padding-top:16px;
  }

  .rb-bestsellers__inner{
    padding:0 14px;
  }

  .rb-bestsellers__title{
    font-size:2.25rem;
    line-height:.92;
  }

  .rb-bestsellers__shopnow{
    font-size:9px;
    letter-spacing:.42em;
    margin-top:14px;
  }

  .rb-bestsellers__grid{
    display:flex;
    gap:14px;
    overflow-x:auto;
    overflow-y:hidden;
    scroll-behavior:smooth;
    padding-bottom:4px;
    scrollbar-width:none;
  }

  .rb-bestsellers__grid::-webkit-scrollbar{
    display:none;
  }

  .rb-card{
    flex:0 0 268px;
    width:268px;
  }

  .rb-card--small{
    flex:0 0 210px;
    width:210px;
  }

  .rb-card__name{
    font-size:16px;
  }

  .rb-card__btn{
    font-size:9px;
    letter-spacing:.3em;
    padding:10px 8px;
    gap:8px;
  }

  .rb-swatches{
    gap:6px;
    margin-top:18px;
  }

  .rb-swatches__nav{
    font-size:24px;
  }

  .rb-swatch__ring{
    width:36px;
    height:36px;
  }

  .rb-swatch__plain{
    width:24px;
    height:18px;
  }
}


.rr-section {
  padding: 60px 40px;
  font-family: 'Georgia', serif;
}

.rr-wrapper {
  max-width: 1200px;
  margin: auto;
  display: flex;
  align-items: center;
  gap: 60px;
}

/* IMAGE */
.rr-image-box {
  flex: 1;
}

.rr-image-box img {
  width: 100%;
  border-radius: 6px;
}

/* CONTENT */
.rr-content-box {
  flex: 1;
  color: #7a3b4a;
}

.rr-subtitle {
  font-size: 21px;
  font-weight: 400;
  margin: 0;
  font-family: 'NeueHaasUnicaW1G-Regular', sans-serif;
  color: #570418;
}

.rr-title {
  font-size: 48px;
  font-style: italic;
  margin: -26px 0 8px;
  font-weight: 500;
}

/* TEXT */
.rr-desc {
  font-size: 15px;
  line-height: 1.7;
  color: #6e5a5f;
  margin-bottom: 18px;
}

.rr-desc-small {
  font-size: 14px;
}

/* RESPONSIVE */
@media (max-width: 768px) {
  .rr-wrapper {
    flex-direction: column;
    text-align: center;
  }
  
  .rr-title {
  font-size: 48px;
  font-style: italic;
  margin: -8px 0 8px;
  font-weight: 500;
}


}






   .ugc-section {
  font-family: "Neue Haas Unica", sans-serif;
  padding: 80px 60px;
  overflow: hidden;
}

/* layout */
.ugc-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* LEFT */
.ugc-left {
  width: 35%;
}

.ugc-left h2 {
  font-size: 56px;
}

.ugc-left span {
  font-style: italic;
}

.ugc-left p {
  margin: 20px 0;
}

.ugc-left a {
  font-size: 12px;
  letter-spacing: 3px;
  border-bottom: 1px solid #000;
  text-decoration: none;
}

/* RIGHT */
.ugc-right {
  width: 65%;
  overflow: hidden;
}

/* TRACK */
.ugc-track {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 220px;
  grid-template-rows: repeat(6, 100px);
  gap: 25px; /* 👈 MAIN IMPORTANT GAP */
  animation: scrollLeft 30s linear infinite;
}

/* ITEMS */
.ugc-item {
  border-radius: 10px;
  overflow: hidden;
}

/* DIFFERENT HEIGHTS (NO OVERLAP BUT RANDOM LOOK) */
.ugc-item.tall {
  grid-row: span 3;
}

.ugc-item.wide {
  grid-row: span 2;
}

/* image */
.ugc-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* animation */
@keyframes scrollLeft {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

/* MOBILE RESPONSIVE FIX */
@media (max-width: 768px) {
    
    
      .ugc-section {
  font-family: "Neue Haas Unica", sans-serif;
  padding: 80px 12px !important;
  overflow: hidden;
}

  .ugc-wrapper {
    flex-direction: column;
    align-items: flex-start;
  }

  /* TEXT TOP */
  .ugc-left {
    width: 100%;
    margin-bottom: 40px;
  }

  .ugc-left h2 {
    font-size: 38px;
  }

  .ugc-left p {
    font-size: 14px;
  }

  /* IMAGES BELOW */
  .ugc-right {
    width: 100%;
  }

  .ugc-track {
    grid-auto-columns: 160px;
    grid-template-rows: repeat(6, 80px);
    gap: 15px;
    animation: scrollLeft 20s linear infinite;
  }

  .ugc-item.tall {
    grid-row: span 3;
  }

  .ugc-item.wide {
    grid-row: span 2;
  }

  .ugc-item img {
    border-radius: 8px;
  }
}


.popup-shopping-cart .cart-threshold .tf-progress-ship .value {
    background: #570418 !important;
    
}

.popup-shopping-cart .cart-threshold .tf-progress-ship .value:before {
     color: #570418 !important;
     border: 1px solid  #570418 !important;
}


@media (min-width: 1200px) {
    .wg-quantity {
        min-width: 99px !important;
    }
}

.own-cartimg-height{
    width: 100px !important; 
    height: 133px !important;
}

@media (max-width: 767px) {
    .own-cartimg-height{
    width: 100px !important;  
    height: 112px !important;
}
}

.popup-shopping-cart .cart-threshold {
 
    background: #fff8f9 !important;
    
}

.nav-icon-list .shop-cart .count {
   
    background: #570418 !important;
}



.box-text_empty.type-shop_cart .shop-empty_top .icon {

    background: #570418 !important;
  
}


.offcanvas.offcanvas-end, .offcanvas.offcanvas-start {
    width: 320px;
    margin-top: 10px !important;
    margin-right: 10px !important;
    margin-bottom: 18px !important;
    border-radius: 10px !important;
}

.offcanvas.hiding, .offcanvas.show, .offcanvas.showing {
   
    margin-bottom: 15px !important;
}

.tf-cart-notification .time-count {
  
    color: #570418 !important;
   
}

.mobile-only,
.desktop-only {
    display: none !important;
}

/* Mobile */
@media (max-width: 768px) {
    .mobile-only {
        display: block !important;
    }
}

/* Desktop */
@media (min-width: 769px) {
    .desktop-only {
        display: block !important;
    }
}

 input[type="radio"],
input[type="checkbox"] {
  accent-color: #570418 !important; /* yahan apna color daalo */
}

 .qty-clean {
  display: inline-flex;
  align-items: center;
  width: 90px;
  background: #fff6f4; /* light grey/beige tone */
  border-radius: 8px;
  padding: 6px 12px;
  gap: 18px;
}

/* buttons */
.qty-clean .q-btn {
  border: none;
  background: transparent;
  font-size: 18px;
  color: #333;
  cursor: pointer;
  line-height: 1;
}

/* value */
.qty-clean .q-value {
  font-size: 14px;
  color: #222;
  min-width: 10px;
  text-align: center;
  background: transparent;
  border: 0px;
}


.ip-discount-code input {
    border-radius: 100px !important;
    padding-top: 9px !important;
    padding-bottom: 9px !important;
    padding-left: 22px !important;
}

@media (max-width: 767px) {
.qty-clean {
    
    padding: 0px 11px !important;
  
}
}


@font-face {
  font-family: "Ogg Regular";
  src: url("Ogg-Regular.woff2") format("woff2"),
       url("Ogg-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}


.tf-product-info-wrap .variant-color .color-btn:not(.select-item).active {
    border-color: #570418 !important;
    border-radius: 40px !important;
}

.tf-product-info-wrap .variant-color .color-btn.style-image .img img {
    
    border-radius: 40px !important;
}



.shop-own-height1{
         height: 150px !important;
    }
    
     @media (max-width: 767px){
        .shop-own-height1{
         height: 210px !important;
    }
    }
    
.cookiepolicy{
    display:none;
    position:fixed;
    bottom:20px;
    right:20px;
    width:420px;
    z-index:99999;
}

.cookie-box{
    background:#570418;
    color:#fff;
    padding:28px 30px;
    border-radius:18px;
    box-shadow:0 10px 30px rgba(0,0,0,.18);
}

.cookie-text{
    font-size:15px;
    line-height:1.8;
    margin-bottom:22px;
    width:100%;
}

.cookie-box button{
    background:#fff;
    color:#570418;
    border:none;
    padding:14px 24px;
    border-radius:12px;
    cursor:pointer;
    font-weight:600;
    font-size:15px;
    width:100%;
    display:block;
    text-align:center;
    transition:0.3s ease;
}

.cookie-box button:hover{
    background:#f5f5f5;
}

@media(max-width:600px){
    .cookiepolicy{
        left:10px;
        right:10px;
        width:auto;
        bottom:10px;
    }

    .cookie-box{
        padding:20px;
    }
}



/*-----------------------------------insight-------------------------------*/

/* =========================================
   Desktop layout
   ========================================= */

.hero-section {
    position: relative;
    width: 100%;
    height: 100vh;
    min-height: 650px;
    display: flex;
    overflow: hidden;
}

/* Left image */

.hero-section .left-side {
    position: relative;
    width: 50%;
    height: 100%;
    flex: 0 0 50%;
    overflow: hidden;
}

.hero-section .left-side img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

/* Right video */

.hero-section .right-side {
    position: relative;
    width: 50%;
    height: 100%;
    flex: 0 0 50%;
    overflow: hidden;
}

.hero-section .right-side video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

/* Center content */

.hero-section .overlay-content {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 5;
    width: min(620px, 44%);
    padding: 20px;
    box-sizing: border-box;
    transform: translate(-50%, -50%);
    color: #fff;
    text-align: center;
    pointer-events: none;
}

.hero-section .overlay-content span {
    display: block;
    margin: 0 0 18px;
    color: #fff;
    font-family: Arial, sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 8px;
    text-transform: uppercase;
}

.hero-section .overlay-content .vf-shadefinder__title {
    margin: 0;
    padding: 0;
    color: #fff !important;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(48px, 4.3vw, 74px);
    font-weight: 400;
    line-height: 1.05;
    letter-spacing: -1px;
}

.hero-section .overlay-content p {
    margin: 24px 0 0;
    color: #fff;
    font-family: Arial, sans-serif;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 7px;
    text-transform: uppercase;
}


/* =========================================
   Tablet
   ========================================= */

@media (max-width: 992px) and (min-width: 577px) {

    .hero-section {
        min-height: 720px;
    }

    .hero-section .overlay-content {
        width: 55%;
    }

    .hero-section .overlay-content .vf-shadefinder__title {
        font-size: clamp(40px, 6vw, 58px);
    }

    .hero-section .overlay-content p {
        font-size: 14px;
        letter-spacing: 5px;
    }
}


/* =========================================
   Mobile layout
   ========================================= */

@media (max-width: 576px) {

    .hero-section {
        position: relative;
        width: 100%;
        height: auto;
        min-height: 720px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        padding: 34px 20px 42px;
        box-sizing: border-box;
        overflow: hidden;
        isolation: isolate;
    }

    /* Full background video */

    .hero-section .right-side {
        position: absolute;
        inset: 0;
        z-index: -2;
        width: 100%;
        height: 100%;
        flex: none;
        overflow: hidden;
    }

    .hero-section .right-side video {
        position: absolute;
        top: 50%;
        left: 50%;
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto;
        object-fit: cover;
        object-position: center;
        transform: translate(-50%, -50%) translateZ(0);
        -webkit-transform: translate(-50%, -50%) translateZ(0);
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        image-rendering: auto;
        display: block;
    }

    /* Background overlay */

    .hero-section::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: -1;
        background:
            linear-gradient(
                to bottom,
                rgba(35, 10, 15, 0.08) 0%,
                rgba(35, 10, 15, 0.03) 45%,
                rgba(35, 10, 15, 0.08) 100%
            );
        pointer-events: none;
    }

    /* Text */

    .hero-section .overlay-content {
        position: relative;
        top: auto;
        left: auto;
        order: 1;
        z-index: 3;
        width: 100%;
        padding: 0;
        transform: none;
        text-align: center;
        pointer-events: none;
    }

    .hero-section .overlay-content span {
        margin: 0 0 13px;
        font-size: 14px;
        line-height: 1;
        letter-spacing: 6px;
    }

    .hero-section .overlay-content .vf-shadefinder__title {
        margin: 0 auto;
        max-width: 100%;
        color: #fff !important;
        font-size: clamp(30px, 9vw, 39px) !important;
        line-height: 1.08;
        letter-spacing: -0.8px;
        overflow-wrap: break-word;
    }

    .hero-section .overlay-content p {
        margin: 16px auto 0;
        max-width: 290px;
        font-size: 11px;
        line-height: 1.55;
        letter-spacing: 4px;
    }

    /* Image card */

    .hero-section .left-side {
        position: relative;
        order: 2;
        z-index: 3;
        width: calc(100% - 34px);
        max-width: 350px;
        height: auto;
        flex: none;
        margin: 48px auto 0;
        overflow: hidden;
        background: #fff;
        aspect-ratio: 0.88 / 1;
        box-shadow: 0 8px 25px rgba(0,0,0,.12);
    }

    .hero-section .left-side img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center top;
        display: block;
    }
}


/* =========================================
   iPhone SE / extra-small mobile
   ========================================= */

@media (max-width: 380px) {

    .hero-section {
        min-height: 667px;
        padding: 26px 14px 30px;
    }

    .hero-section .overlay-content span {
        margin-bottom: 10px;
        font-size: 12px;
        letter-spacing: 5px;
    }

    .hero-section .overlay-content .vf-shadefinder__title {
        font-size: 28px !important;
        line-height: 1.08;
    }

    .hero-section .overlay-content p {
        margin-top: 13px;
        max-width: 250px;
        font-size: 9px;
        letter-spacing: 3px;
    }

    .hero-section .left-side {
        width: calc(100% - 26px);
        max-width: 320px;
        margin-top: 38px;
        aspect-ratio: 0.88 / 1;
    }
}

 /* =====================================================
           CSS ONLY APPLIED TO .rare-products SECTION
        ====================================================== */

        .rare-products,
        .rare-products * {
            box-sizing: border-box;
        }

        .rare-products {
            --section-bg: #fbf6f0;
            --text-color: #090909;
            --circle-bg: #eee4da;
            --max-width: 1540px;

            width: 100%;
            overflow: hidden;
            background: var(--section-bg);
            color: var(--text-color);
            font-family: Arial, Helvetica, sans-serif;
        }

       .rare-products__item {
    min-height: 692px;
    padding: 40px 149px;
    display: flex;
    align-items: center;
    justify-content: center;
}

        .rare-products__container {
            width: 100%;
            max-width: var(--max-width);
            margin: 0 auto;
            display: grid;
            grid-template-columns: minmax(480px, 1.08fr) minmax(420px, 0.92fr);
            align-items: center;
            gap: clamp(70px, 8vw, 145px);
        }

        .rare-products__item--reverse .rare-products__container {
            grid-template-columns: minmax(420px, 0.92fr) minmax(480px, 1.08fr);
        }

        /* Circular product image */

        .rare-products__visual {
            width: min(100%, 760px);
            aspect-ratio: 1 / 1;
            position: relative;
            border-radius: 50%;
            overflow: hidden;
            background: var(--circle-bg);
        }

        .rare-products__visual img {
            width: 100%;
            height: 100%;
            display: block;
            object-fit: cover;
            object-position: center;
        }

        /* Optional soft background treatment */

        .rare-products__visual::after {
            content: "";
            position: absolute;
            inset: 0;
            border-radius: inherit;
            pointer-events: none;
            box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.015);
        }

        /* Text content */

        .rare-products__content {
            width: 100%;
            max-width: 620px;
        }

        .rare-products__title {
            margin: 0 0 24px;
            color: var(--text-color);
            font-family: Georgia, "Times New Roman", serif;
            font-size: clamp(46px, 4vw, 72px);
            font-weight: 400;
            line-height: 0.98;
            letter-spacing: -3px;
        }

        .rare-products__list {
            margin: 0;
            padding: 0;
            list-style: none;
            font-size: clamp(18px, 1.45vw, 24px);
            line-height: 1.48;
            letter-spacing: 0.3px;
        }

        .rare-products__list li {
            position: relative;
            padding-left: 15px;
        }

        .rare-products__list li::before {
            content: "•";
            position: absolute;
            top: 0;
            left: 0;
        }

        .rare-products__button {
            display: inline-block;
            margin-top: 32px;
            padding: 0 0 5px;
            border-bottom: 1px solid currentColor;
            color: var(--text-color);
            font-size: 20px;
            font-weight: 400;
            line-height: 1;
            letter-spacing: 1px;
            text-decoration: none;
            text-transform: uppercase;
            transition:
                opacity 0.25s ease,
                letter-spacing 0.25s ease;
        }

        .rare-products__button:hover {
            opacity: 0.65;
            letter-spacing: 1.8px;
        }

        /* Second section positioning */

        .rare-products__item--reverse .rare-products__content {
            justify-self: end;
        }

        .rare-products__item--reverse .rare-products__visual {
            justify-self: end;
        }

        /* Tablet */

        @media (max-width: 1100px) {
            .rare-products__item {
                min-height: auto;
                padding: 70px 40px;
            }

            .rare-products__container,
            .rare-products__item--reverse .rare-products__container {
                grid-template-columns: minmax(340px, 1fr) minmax(340px, 1fr);
                gap: 55px;
            }

            .rare-products__title {
                font-size: clamp(42px, 5vw, 58px);
                letter-spacing: -2px;
            }

            .rare-products__list {
                font-size: 18px;
            }
        }

        /* Mobile */

        @media (max-width: 767px) {
            .rare-products__item {
                padding: 55px 20px;
            }

            .rare-products__container,
            .rare-products__item--reverse .rare-products__container {
                display: flex;
                flex-direction: column;
                gap: 40px;
            }

            .rare-products__item--reverse .rare-products__container {
                flex-direction: column;
            }

            .rare-products__visual {
                width: min(100%, 550px);
                order: 1;
            }

            .rare-products__content,
            .rare-products__item--reverse .rare-products__content {
                width: min(100%, 550px);
                max-width: none;
                justify-self: auto;
                order: 2;
            }

            .rare-products__title {
                margin-bottom: 20px;
                font-size: clamp(40px, 12vw, 58px);
                line-height: 1;
                letter-spacing: -2px;
            }

            .rare-products__list {
                font-size: 17px;
                line-height: 1.5;
            }

            .rare-products__button {
                margin-top: 28px;
                font-size: 17px;
            }
        }

        @media (max-width: 430px) {
            .rare-products__item {
                padding: 42px 16px;
            }

            .rare-products__container,
            .rare-products__item--reverse .rare-products__container {
                gap: 30px;
            }

            .rare-products__title {
                font-size: 40px;
                letter-spacing: -1.5px;
            }

            .rare-products__list {
                font-size: 16px;
            }
        }
        
        
        /* =====================================================
       REACH OUT SECTION
    ===================================================== */

    .reach-out-section,
    .reach-out-section * {
        box-sizing: border-box;
    }

    .reach-out-section {
        width: 100%;
        padding: 45px 24px 70px;
        background: #fbf8f5;
        color: #050505;
        font-family: "Montserrat", Arial, sans-serif;
    }

    .reach-out-section .reach-out-container {
        width: min(100%, 1100px);
        margin: 0 auto;

        display: grid;
        grid-template-columns: minmax(0, 1fr) 442px;
        align-items: start;
        gap: 80px;
    }

    /* =====================================================
       LEFT CONTENT
    ===================================================== */

    .reach-out-section .reach-out-content {
        width: 100%;
        min-width: 0;

        /*
         * Image top par rahegi aur content thoda neeche
         * se start hoga.
         */
        padding-top: 70px;
    }

    .reach-out-section .reach-out-title {
        margin: 0 0 24px;
        max-width: 500px;

        font-family: "Italiana", Georgia, serif;
        font-size: clamp(40px, 4.2vw, 58px);
        line-height: 1.02;
        font-weight: 400;
        letter-spacing: -1.8px;
    }

    .reach-out-section .reach-out-title .script-text {
        display: inline-block;
        margin: 0 3px;

        font-family: "Sacramento", cursive;
        font-size: 1.15em;
        line-height: 0.75;
        font-weight: 400;
        letter-spacing: 0;

        transform: rotate(-3deg);
        transform-origin: center;
    }

    .reach-out-section .reach-out-description {
        max-width: 520px;
        margin: 0 0 27px;

        font-size: 15px;
        line-height: 1.68;
        font-weight: 500;
    }

    .reach-out-section .reach-out-subtitle {
        margin: 0 0 5px;

        font-size: 15px;
        line-height: 1.55;
        font-weight: 700;
    }

    .reach-out-section .reach-out-email-list {
        margin: 0 0 27px;
        padding: 0;
        list-style: none;

        font-size: 15px;
        line-height: 1.65;
        font-weight: 500;
    }

    .reach-out-section .reach-out-email-list li {
        position: relative;
        padding-left: 14px;
        overflow-wrap: anywhere;
    }

    .reach-out-section .reach-out-email-list li::before {
        content: "•";
        position: absolute;
        top: 0;
        left: 0;
    }

    /* =====================================================
       RIGHT IMAGE COLLAGE
    ===================================================== */

    .reach-out-section .reach-out-gallery {
        width: 442px;
        height: 572px;

        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        grid-template-rows: repeat(5, minmax(0, 1fr));

        overflow: hidden;
        background: #dedede;
    }

    .reach-out-section .reach-out-gallery-item {
        position: relative;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    .reach-out-section .reach-out-gallery-item img {
        display: block;
        width: 100%;
        height: 100%;

        object-fit: cover;
        object-position: center;

        transition: transform 0.35s ease;
    }

    .reach-out-section .reach-out-gallery-item:hover img {
        transform: scale(1.05);
    }

    /* =====================================================
       ALERTS
    ===================================================== */

    .reach-out-section .alert {
        width: 100%;
        margin: 0 0 18px;
        padding: 12px 15px;
        border: 1px solid transparent;
        border-radius: 6px;

        font-size: 14px;
        line-height: 1.5;
    }

    .reach-out-section .alert-success {
        border-color: #badbcc;
        background: #d1e7dd;
        color: #0f5132;
    }

    .reach-out-section .alert-danger {
        border-color: #f5c2c7;
        background: #f8d7da;
        color: #842029;
    }

    /* =====================================================
       FORM
    ===================================================== */

    .reach-out-section .reach-out-form {
        width: 100%;
        margin-top: 18px;
    }

    .reach-out-section .form-content {
        width: 100%;
    }

    .reach-out-section .form-row {
        width: 100%;
        margin-bottom: 18px;

        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
    }

    .reach-out-section .form-field {
        width: 100%;
        min-width: 0;
        margin: 0;
        padding: 0;
        border: 0;
    }

    .reach-out-section .form-field-full {
        width: 100%;
        margin-bottom: 18px;
    }

    .reach-out-section .form-label {
        display: block;
        margin: 0 0 8px;

        font-size: 15px;
        line-height: 1.4;
        font-weight: 500;
        color: #050505;
    }

    .reach-out-section .required-mark {
        color: #a70d24;
    }

    .reach-out-section input,
    .reach-out-section select,
    .reach-out-section textarea {
        display: block;
        width: 100%;
        max-width: 100%;
        min-width: 0;

        border: 1px solid #dedbd8;
        border-radius: 8px;
        outline: none;

        background: #ffffff;
        color: #111111;

        font-family: "Montserrat", Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;

        transition:
            border-color 0.2s ease,
            box-shadow 0.2s ease;
    }

    .reach-out-section input,
    .reach-out-section select {
        height: 54px;
        padding: 0 16px;
    }

    .reach-out-section select {
        cursor: pointer;

        appearance: none;
        -webkit-appearance: none;

        padding-right: 45px;

        background-image:
            linear-gradient(45deg, transparent 50%, #69101e 50%),
            linear-gradient(135deg, #69101e 50%, transparent 50%);
        background-position:
            calc(100% - 20px) 23px,
            calc(100% - 15px) 23px;
        background-size: 5px 5px, 5px 5px;
        background-repeat: no-repeat;
    }

    .reach-out-section textarea {
        min-height: 145px;
        padding: 15px 16px;
        resize: vertical;
    }

    .reach-out-section input::placeholder,
    .reach-out-section textarea::placeholder {
        color: #a9a8ad;
        opacity: 1;
    }

    .reach-out-section input:focus,
    .reach-out-section select:focus,
    .reach-out-section textarea:focus {
        border-color: #69101e;
        box-shadow: 0 0 0 3px rgba(105, 16, 30, 0.1);
    }

    .reach-out-section input.is-invalid,
    .reach-out-section select.is-invalid,
    .reach-out-section textarea.is-invalid {
        border-color: #dc3545;
    }

    .reach-out-section .field-error {
        margin-top: 6px;

        color: #dc3545;
        font-size: 12px;
        line-height: 1.4;
    }

    /* =====================================================
       CAPTCHA AND BUTTON
    ===================================================== */

    .reach-out-section .captcha-wrap {
        width: 100%;
        margin: 0 0 20px;
        overflow-x: auto;
        overflow-y: hidden;
    }

    .reach-out-section .submit-button {
        min-width: 170px;
        min-height: 52px;
        padding: 13px 28px;

        border: 1px solid #69101e;
        border-radius: 6px;
        cursor: pointer;

        background: #69101e;
        color: #ffffff;

        font-family: "Montserrat", Arial, sans-serif;
        font-size: 14px;
        line-height: 1.3;
        font-weight: 600;

        transition:
            background-color 0.25s ease,
            color 0.25s ease,
            transform 0.25s ease;
    }

    .reach-out-section .submit-button:hover {
        background: transparent;
        color: #69101e;
        transform: translateY(-1px);
    }

    .reach-out-section .submit-button:disabled {
        cursor: not-allowed;
        opacity: 0.65;
        transform: none;
    }

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

    @media (max-width: 1050px) {
        .reach-out-section .reach-out-container {
            grid-template-columns: minmax(0, 1fr) minmax(350px, 420px);
            gap: 45px;
        }

        .reach-out-section .reach-out-gallery {
            width: 100%;
            height: auto;
            aspect-ratio: 442 / 572;
        }

        .reach-out-section .reach-out-content {
            padding-top: 45px;
        }
    }

    @media (max-width: 820px) {
        .reach-out-section {
            padding: 35px 18px 55px;
        }

        .reach-out-section .reach-out-container {
            width: min(100%, 600px);
            grid-template-columns: 1fr;
            gap: 38px;
        }

        .reach-out-section .reach-out-content {
            padding-top: 0;
        }

        .reach-out-section .reach-out-gallery {
            width: 100%;
            max-width: 442px;
            margin: 0 auto;
        }

        /*
         * Mobile par content pehle aur image uske neeche.
         */
        .reach-out-section .reach-out-content {
            order: 1;
        }

        .reach-out-section .reach-out-gallery {
            order: 2;
        }
    }

    @media (max-width: 600px) {
        .reach-out-section .form-row {
            grid-template-columns: 1fr;
            gap: 17px;
            margin-bottom: 17px;
        }

        .reach-out-section .reach-out-title {
            font-size: 39px;
            line-height: 1.06;
        }

        .reach-out-section .submit-button {
            width: 100%;
        }
    }

    @media (max-width: 400px) {
        .reach-out-section {
            padding: 25px 14px 45px;
        }

        .reach-out-section .reach-out-title {
            font-size: 34px;
        }

        .reach-out-section .reach-out-description,
        .reach-out-section .reach-out-subtitle,
        .reach-out-section .reach-out-email-list,
        .reach-out-section .form-label {
            font-size: 14px;
        }

        .reach-out-section .g-recaptcha {
            transform: scale(0.9);
            transform-origin: left top;
        }

        .reach-out-section .captcha-wrap {
            margin-bottom: 0;
        }
    }