/*==================================
  Project : Ecommerce Website
  Author  : Ajay Rajput
  Version : 1.0
==================================*/

/*==================================================
    Veda Health Life Design System
==================================================*/

:root{

    /*==============================
        Background
    ==============================*/
    --body-bg:#F5F1E6;
    --white:#FFFFFF;
    --light-bg:#F8F9FA;

    /*==============================
        Brand Colors
    ==============================*/
    --primary:#1E3D2B;
    --primary-hover:#29563D;

    --accent:#A8C5A0;

    /*==============================
        Button Gradient
    ==============================*/
    --btn-gradient:linear-gradient(135deg,#FF6BAA,#FF2E7A);
    --btn-gradient-hover:linear-gradient(135deg,#FF2E7A,#FF6BAA);

    /*==============================
        Text Colors
    ==============================*/
    --text-primary:#1A1A1A;
    --text-secondary:#6B6B6B;
    --text-white:#FFFFFF;

    /*==============================
        Border
    ==============================*/
    --border:#E6E6E6;

    /*==============================
        Shadows
    ==============================*/
    --shadow-sm:0 5px 15px rgba(0,0,0,.08);
    --shadow-md:0 10px 30px rgba(0,0,0,.12);
    --shadow-lg:0 20px 45px rgba(0,0,0,.15);

    /*==============================
        Border Radius
    ==============================*/
    --radius-sm:10px;
    --radius-md:16px;
    --radius-lg:24px;
    --radius-pill:50px;

    /*==============================
        Transition
    ==============================*/
    --transition:.35s ease;

    /*==============================
        Section Spacing
    ==============================*/
    --section-space:100px;
    --item-gap:30px;

    /*==============================
        Font Size
    ==============================*/
    --fs-h1:56px;
    --fs-h2:42px;
    --fs-h3:32px;
    --fs-p:16px;
    --fs-small:14px;
}
/*========================
End
========================*/
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html{
    scroll-behavior: smooth;
}

body{
    font-family:'Inter',sans-serif;
    /*background:var(--body-bg);*/
    color:var(--text-primary);
    font-size:var(--fs-p);
    margin:0;
    padding:0;
    overflow-x:hidden;
}

button,
a,
input{
    font-family:inherit;
}

a{
    text-decoration: none;
    color: inherit;
}

ul{
    list-style: none;
}

img{
    max-width: 100%;
    height: auto;
    display: block;
}


/*=========================
     POPUP CSS START #536b45
=========================*/

.offer-popup-overlay{
    position:fixed;
    inset:0;
    width:100%;
    height:100%;
    padding:15px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(15,25,18,.70);
    backdrop-filter:blur(4px);
    -webkit-backdrop-filter:blur(4px);
    opacity:0;
    visibility:hidden;
    z-index:999999;
    transition:.3s ease;
}

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

.offer-popup{
    position:relative;
    width:100%;
    max-width:700px;
    min-height:370px;
    background:#fff;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 25px 70px rgba(0,0,0,.28);
    transform:scale(.94) translateY(15px);
    transition:.35s ease;
}

.offer-popup-overlay.active .offer-popup{
    transform:scale(1) translateY(0);
}


/* =========================
   LEFT IMAGE
========================= */

.offer-image{
    min-height:370px;
    height:100%;
    overflow:hidden;
}

.offer-image img{
    width:100%;
    height:100%;
    min-height:370px;
    object-fit:cover;
    display:block;
}


/* =========================
   RIGHT CONTENT
========================= */

.offer-content{
    min-height:370px;
    padding:32px 30px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    background:#fff;
}

.offer-small{
    width:max-content;
    padding:6px 11px;
    margin-bottom:12px;
    border-radius:50px;
    background:#536b45;
    color:#fff;
    font-size:9px;
    font-weight:800;
    letter-spacing:1.5px;
}

.offer-content h2{
    margin:0;
    color:#1e3d2b;
    font-size:28px;
    line-height:1.15;
    font-weight:800;
}

.offer-content h2 span{
    color:#ff2e7a;
}

.offer-text{
    margin:10px 0 16px;
    color:#777;
    font-size:13px;
    line-height:1.5;
}


/* =========================
   TIMER
========================= */

.offer-timer{
    display:flex;
    align-items:center;
    gap:7px;
    margin-bottom:17px;
}

.timer-box{
    width:55px;
    height:52px;
    border:1px solid #e7e9e5;
    border-radius:10px;
    background:#f7f9f6;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}

.timer-box strong{
    color:#1e3d2b;
    font-size:18px;
    line-height:1;
    font-weight:800;
}

.timer-box small{
    margin-top:5px;
    color:#888;
    font-size:7px;
    font-weight:700;
    letter-spacing:1px;
}

.timer-colon{
    color:#ff2e7a;
    font-size:18px;
    font-weight:800;
}


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

.mobile-label{
    display:block;
    margin-bottom:6px;
    color:#333;
    font-size:11px;
    font-weight:700;
}


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

.mobile-input{
    width:100%;
    height:48px;
    display:flex;
    align-items:center;
    overflow:hidden;
    border:1px solid #536b45;
    border-radius:10px;
    background:#fff;
    transition:.2s ease;
}

.mobile-input:focus-within{
    border-color:#ff5b96;
    box-shadow:0 0 0 3px rgba(255,91,150,.10);
}

.country-code{
    height:100%;
    min-width:78px;
    padding:0 10px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    border-right:1px solid #e8e8e8;
    background:#fafafa;
    color:#222;
    font-size:13px;
    font-weight:700;
}

.india-flag{
    font-size:18px;
    line-height:1;
}

.mobile-input input{
    flex:1;
    width:100%;
    height:100%;
    padding:0 12px;
    border:0;
    outline:0;
    background:#fff;
    color:#222;
    font-size:13px;
}

.mobile-input input::placeholder{
    color:#aaa;
}


/* =========================
   ERROR
========================= */

.mobile-error{
    min-height:16px;
    margin-top:3px;
    color:#dc3545;
    font-size:10px;
}


/* =========================
   BUTTON
========================= */

.offer-button{
    width:100%;
    height:48px;
    border:0;
    border-radius:10px;
    background:#536b45;
    color:#fff;
    font-size:12px;
    font-weight:800;
    letter-spacing:.7px;
    cursor:pointer;
    box-shadow:0 7px 20px rgba(255,46,122,.20);
    transition:.25s ease;
}

.offer-button:hover{
    transform:translateY(-2px);
    box-shadow:0 10px 25px rgba(255,46,122,.28);
}

.offer-button i{
    margin-left:6px;
}


/* =========================
   SECURITY
========================= */

.offer-note{
    margin-top:8px;
    text-align:center;
    color:#999;
    font-size:9px;
}

.offer-note i{
    margin-right:3px;
}


/* =========================
   CLOSE BUTTON
========================= */

.offer-close{
    position:absolute;
    top:10px;
    right:10px;
    z-index:10;
    width:31px;
    height:31px;
    padding:0;
    border:0;
    border-radius:50%;
    background:rgba(255,255,255,.94);
    color:#333;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    box-shadow:0 3px 12px rgba(0,0,0,.12);
    transition:.2s ease;
}

.offer-close:hover{
    transform:rotate(90deg);
}


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

@media(max-width:767px){

    .offer-popup-overlay{
        padding:12px;
    }

    .offer-popup{
        max-width:420px;
        min-height:auto;
        border-radius:18px;
    }

    /* IMAGE HIDDEN */

    .offer-image{
        display:none;
    }

    .offer-content{
        min-height:auto;
        padding:32px 22px 23px;
    }

    .offer-content h2{
        font-size:26px;
    }

    .offer-text{
        font-size:12px;
        margin:9px 0 17px;
    }

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

}


/* =========================
   SMALL PHONE
========================= */

@media(max-width:380px){

    .offer-content{
        padding:29px 18px 20px;
    }

    .offer-content h2{
        font-size:23px;
    }

    .offer-small{
        font-size:8px;
    }

    .timer-box{
        width:51px;
        height:50px;
    }

    .timer-box strong{
        font-size:17px;
    }

    .timer-colon{
        font-size:16px;
    }

}
/*=========================
     POPUP CSS END
=========================*/
/*==========================================
    Top Announcement Bar
==========================================*/
.top-bar{
    background:#536b45;
    color:var(--white);
    height:55px;
    overflow:hidden;
    display:flex;
    align-items:center;
}

.announcement-slider{
    display:flex;
    width:max-content;
    animation:marquee 20s linear infinite;
}

.announcement-track{
    display:flex;
    align-items:center;
    flex-shrink:0;
}

.announcement-track span{
    display:flex;
    align-items:center;
    gap:8px;
    margin-right:80px;
    white-space:nowrap;
    font-size:15px;
    font-weight:500;
}

.announcement-track i,
.announcement-track strong{
    color:#fff;
}

/* Hover par pause */

.top-bar:hover .announcement-slider{
    animation-play-state:paused;
}

@keyframes marquee{

    from{
        transform:translateX(0);
    }

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

}
/*==========================================
    Top Announcement Bar End
==========================================*/
/*================================== 
                        HEADER
  ==================================*/
.vhl-header{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    z-index:1055;
    /*color:#000;*/
    background:transparent;
    transition:
        background .35s ease,
        color .35s ease,
        box-shadow .35s ease;
}
/*================================== 
                        SCROLLED HEADER
  ==================================*/
.vhl-header.scrolled{
    position:fixed;
    top:0;
    left:0;
    background:#536b45;
    color:#ffffff;
    box-shadow:0 4px 22px rgba(0,0,0,.07);
}
/*================================== 
                        HEADER CONTAINER
  ==================================*/
.vhl-header-container{
    width:100%;
    max-width:1600px;
    margin:0 auto;
}
/*================================== 
                        HEADER INNER
  ==================================*/

.vhl-header-inner{
    width:100%;

    min-height:88px;

    position:relative;

    display:flex;

    align-items:center;

    justify-content:center;
}


/*================================== 
                        MAIN LOGO
  ==================================*/

.vhl-logo{
    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    color:inherit;

    text-decoration:none;

    line-height:1;

    text-align:center;
}

.vhl-logo:hover{
    color:inherit;
}

.vhl-logo-title{
    font-family:Georgia,'Times New Roman',serif;

    font-size:28px;

    font-weight:700;

    letter-spacing:-.7px;

    white-space:nowrap;
}

.vhl-logo-subtitle{
    margin-top:8px;

    font-size:10px;

    font-weight:500;

    letter-spacing:3.5px;

    white-space:nowrap;
}


/*================================== 
                        DESKTOP ACTIONS
  ==================================*/

.vhl-actions{
    position:absolute;

    top:0;
    right:0;

    height:88px;

    display:flex;

    align-items:center;

    gap:24px;
}

.vhl-action-icon{
    width:38px;

    height:38px;

    display:flex;

    align-items:center;

    justify-content:center;

    position:relative;

    padding:0;

    border:0;

    outline:0;

    background:transparent;

    color:inherit;

    text-decoration:none;

    font-size:20px;

    cursor:pointer;

    transition:
        transform .25s ease,
        opacity .25s ease;
}

.vhl-action-icon:hover{
    color:inherit;

    opacity:.7;

    transform:translateY(-2px);
}

.vhl-action-icon:focus{
    outline:none;

    box-shadow:none;
}


/*================================== 
                        CART COUNT
  ==================================*/

.vhl-cart-count{
    position:absolute;

    top:0;
    right:-2px;

    width:16px;
    height:16px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:#222;

    color:#fff;

    font-size:8px;

    font-weight:600;

    line-height:1;
}


/*================================== 
                        DESKTOP NAVIGATION
  ==================================*/

.vhl-nav{
    width:100%;

    min-height:50px;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:44px;

    border-top:1px solid #000;
}

.vhl-header.scrolled .vhl-nav{
    border-top-color:#ededed;
}

.vhl-nav a{
    position:relative;

    color:inherit;

    text-decoration:none;

    padding:8px 0;

    font-size:14px;

    font-weight:500;

    line-height:1;

    white-space:nowrap;

    transition:opacity .25s ease;
}

.vhl-nav a:hover{
    color:inherit;

    opacity:.7;
}

.vhl-nav a::after{
    content:"";

    position:absolute;

    left:0;
    bottom:2px;

    width:0;

    height:1px;

    background:currentColor;

    transition:width .3s ease;
}

.vhl-nav a:hover::after{
    width:100%;
}


/*================================== 
                        SEARCH BOX
  ==================================*/

.vhl-search-box{
    width:100%;

    height:0;

    overflow:hidden;

    opacity:0;

    transition:
        height .3s ease,
        opacity .25s ease;
}

.vhl-search-box.active{
    height:82px;

    opacity:1;
}

.vhl-search-inner{
    width:100%;

    max-width:720px;

    height:48px;

    margin:0 auto;

    display:flex;

    align-items:center;

    background:#fff;

    border:1px solid #e3e3e3;

    border-radius:50px;

    padding:0 8px 0 19px;

    color:#555;

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

.vhl-search-icon{
    flex:0 0 auto;

    margin-right:12px;

    font-size:14px;

    color:#666;
}

.vhl-search-inner input{
    flex:1;

    width:100%;

    min-width:0;

    height:100%;

    padding:0;

    border:0;

    outline:0;

    background:transparent;

    color:#222;

    font-size:14px;
}

.vhl-search-inner input::placeholder{
    color:#999;
}


/*================================== 
                        SEARCH CLOSE
  ==================================*/

.vhl-search-close{
    width:38px;

    height:38px;

    flex:0 0 38px;

    display:flex;

    align-items:center;

    justify-content:center;

    padding:0;

    border:0;

    border-radius:50%;

    background:#f3f3f3;

    color:#444;

    cursor:pointer;

    font-size:14px;

    transition:
        background .25s ease,
        color .25s ease,
        transform .25s ease;
}

.vhl-search-close:hover{
    background:#222;

    color:#fff;

    transform:rotate(90deg);
}

/*================================== 
        LOGGED IN USER
==================================*/

.vhl-user-account{
    position:relative;
    display:flex;
    align-items:center;
}


/*================================== 
        USER BUTTON
==================================*/

.vhl-user-btn{
    display:flex;
    align-items:center;
    gap:6px;
    border:0;
    background:transparent;
    padding:0;
    color:inherit;
    cursor:pointer;
    text-decoration:none;
}

.vhl-user-name{
    font-size:14px;
    font-weight:600;
    white-space:nowrap;
}

.vhl-user-arrow{
    font-size:9px;
    margin-left:2px;
    transition:.25s ease;
}

.vhl-user-account:hover .vhl-user-arrow{
    transform:rotate(180deg);
}


/*================================== 
        USER DROPDOWN
==================================*/

.vhl-user-dropdown{
    position:absolute;
    top:calc(100% + 14px);
    right:-10px;

    width:210px;

    background:#fff;
    border:1px solid #eeeeee;
    border-radius:14px;

    padding:8px;

    box-shadow:0 15px 40px rgba(0,0,0,.12);

    opacity:0;
    visibility:hidden;

    transform:translateY(8px);

    transition:
        opacity .25s ease,
        visibility .25s ease,
        transform .25s ease;

    z-index:9999;
}

.vhl-user-account:hover .vhl-user-dropdown{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}


/*================================== 
        DROPDOWN LINKS
==================================*/

.vhl-user-dropdown a{
    display:flex;
    align-items:center;
    gap:10px;

    padding:11px 12px;

    color:#333;
    text-decoration:none;

    font-size:14px;

    border-radius:9px;

    transition:.2s ease;
}

.vhl-user-dropdown a i{
    width:18px;
    text-align:center;
}

.vhl-user-dropdown a:hover{
    background:#f6f6f6;
    color:#800000;
}


/*================================== 
        DROPDOWN DIVIDER
==================================*/

.vhl-user-divider{
    height:1px;
    background:#eeeeee;
    margin:6px 0;
}


/*================================== 
        MOBILE USER INFO
==================================*/

.vhl-mobile-user{
    padding:18px 0 12px;
    margin-bottom:8px;

    border-bottom:1px solid rgba(0,0,0,.08);
}

.vhl-mobile-user-name{
    font-size:17px;
    font-weight:600;
    color:#222;
}

.vhl-mobile-user-label{
    display:block;
    margin-top:3px;

    font-size:11px;
    letter-spacing:1px;
    text-transform:uppercase;

    color:#888;
}

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

.vhl-hero{
    width:100%;

    position:relative;

    overflow:hidden;

    background:#f5f5f5;
}

.vhl-hero .carousel,
.vhl-hero .carousel-inner,
.vhl-hero .carousel-item{
    width:100%;
}

.vhl-hero .carousel-item{
    position:relative;

    overflow:hidden;
}


/*================================== 
                        HERO IMAGE
  ==================================*/

.vhl-hero-image{
    display:block;

    width:100%;

    height:100vh;

    min-height:650px;

    object-fit:cover;

    object-position:center;
}


/*================================== 
                        HERO OVERLAY
  ==================================*/

.vhl-hero .carousel-item::after{
    content:"";

    position:absolute;

    inset:0;

    z-index:1;

    pointer-events:none;

    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,.46) 0%,
            rgba(0,0,0,.20) 45%,
            rgba(0,0,0,.03) 75%,
            rgba(0,0,0,0) 100%
        );
}


/*================================== 
                        HERO CONTENT
  ==================================*/

.vhl-hero-content{
    position:absolute;

    left:7%;

    top:25%;

    z-index:2;

    width:min(580px,80%);

    transform:translateY(-35%);

    color:#fff;
}

.vhl-hero-small{
    display:block;

    margin-bottom:16px;

    font-size:11px;

    font-weight:600;

    letter-spacing:3px;

    line-height:1.4;
}

.vhl-hero-content h1{
    margin:0 0 18px;

    font-size:clamp(42px,5vw,70px);

    font-weight:600;

    line-height:1.04;

    letter-spacing:-1.5px;
}

.vhl-hero-content p{
    max-width:500px;

    margin:0 0 28px;

    font-size:15px;

    line-height:1.7;
}


/*================================== 
                        ACTION BUTTONS
  ==================================*/

.vhl-hero-buttons{
    display:flex;

    align-items:center;

    flex-wrap:wrap;

    gap:12px;
}

.vhl-btn-primary,
.vhl-btn-outline{
    min-height:47px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:9px;

    padding:12px 23px;

    border-radius:0;

    text-decoration:none;

    font-size:13px;

    font-weight:600;

    line-height:1;

    transition:
        background .3s ease,
        color .3s ease,
        border-color .3s ease;
}

.vhl-btn-primary{
    background:#fff;

    color:#222;

    border:1px solid #fff;
}

.vhl-btn-primary:hover{
    background:transparent;

    color:#fff;

    border-color:#fff;
}

.vhl-btn-outline{
    background:transparent;

    color:#fff;

    border:1px solid rgba(255,255,255,.8);
}

.vhl-btn-outline:hover{
    background:#fff;

    color:#222;

    border-color:#fff;
}


/*================================== 
                        SLIDER INDICATORS
  ==================================*/

.vhl-slider-indicators{
    position:absolute;

    right:30px;

    bottom:32px;

    z-index:5;

    display:flex;

    flex-direction:column;

    align-items:center;

    gap:9px;
}

.vhl-slider-indicators button{
    width:7px;

    height:7px;

    padding:0;

    border:0;

    border-radius:20px;

    background:rgba(255,255,255,.55);

    opacity:1;

    cursor:pointer;

    transition:
        height .3s ease,
        background .3s ease;
}

.vhl-slider-indicators button.active{
    height:28px;

    background:#fff;
}


/*================================== 
                        MOBILE HEADER
  ==================================*/
/* =========================================================
   MOBILE MENU / CART / SEARCH
========================================================= */

.vhl-mobile-menu,
.vhl-mobile-cart-only,
.vhl-mobile-search{

    position:absolute;

    top:50%;
    transform:translateY(-50%);

    width:42px;
    height:42px;

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

    padding:0;

    border:0;
    outline:0;

    background:transparent;

    color:inherit;

    font-size:18px;
    line-height:1;

    cursor:pointer;

    z-index:3;
}


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

.vhl-mobile-menu{
    left:15px;
}


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

.vhl-mobile-search{
    right:15px;
}


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

.vhl-mobile-cart-only{

    right:40px;

    text-decoration:none;

    color:inherit;
}


/* =========================================================
   CART COUNT
========================================================= */

.vhl-mobile-cart-only .vhl-cart-count{

    position:absolute;

    top:4px;
    right:2px;

    min-width:14px;
    height:14px;

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

    padding:0;

    background:transparent;

    color:#fff;

    border:0;

    font-size:10px;
    font-weight:700;

    line-height:1;

    pointer-events:none;
}


/* =========================================================
   FOCUS
========================================================= */

.vhl-mobile-menu:focus,
.vhl-mobile-cart-only:focus,
.vhl-mobile-search:focus{

    outline:none;
    box-shadow:none;
}

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

.vhl-mobile-menu-panel{
    width:min(90vw,390px) !important;

    max-width:390px;

    height:100vh;

    background:#fff;

    border:0;

    color:#222;

    z-index:1100;

    box-shadow:
        8px 0 35px rgba(0,0,0,.14);
}


/*================================== 
                        PANEL HEADER
  ==================================*/

.vhl-mobile-panel-header{
    position:relative;

    width:100%;

    min-height:112px;

    display:flex;

    align-items:flex-start;

    justify-content:space-between;

    gap:15px;

    padding:25px 20px;

    background:#fff;

    border-bottom:1px solid #eeeeee;
}


/*================================== 
                        PANEL BRAND
  ==================================*/

.vhl-mobile-panel-brand{
    flex:1;

    min-width:0;
}

.vhl-mobile-panel-brand-link{
    display:flex;

    flex-direction:column;

    align-items:flex-start;

    color:#222;

    text-decoration:none;
}

.vhl-mobile-panel-brand-link:hover{
    color:#222;
}

.vhl-mobile-panel-title{
    display:block;

    font-family:'Inter',sans-serif;

    font-size:20px;

    font-weight:700;

    letter-spacing:-.5px;

    line-height:1.1;

    white-space:nowrap;
}

.vhl-mobile-panel-subtitle{
    display:block;

    margin-top:8px;

    color:#888;

    font-size:7px;

    font-weight:500;

    letter-spacing:2.5px;

    line-height:1.2;

    white-space:nowrap;
}


/*================================== 
                        CLOSE BUTTON
  ==================================*/

.vhl-mobile-panel-close{
    flex:0 0 40px;

    width:40px;

    height:40px;

    display:flex;

    align-items:center;

    justify-content:center;

    margin:0;

    padding:0;

    border:0;

    outline:0;

    border-radius:50%;

    background:#f5f5f5;

    color:#555;

    font-size:20px;

    cursor:pointer;

    transition:
        background .25s ease,
        color .25s ease,
        transform .25s ease;
}

.vhl-mobile-panel-close:hover{
    background:#536b45;

    color:#fff;

    transform:rotate(90deg);
}

.vhl-mobile-panel-close:focus{
    outline:none;

    box-shadow:none;
}


/*================================== 
                        PANEL BODY
  ==================================*/

.vhl-mobile-panel-body{
    width:100%;

    height:calc(100vh - 112px);

    padding:18px 18px 30px;

    overflow-y:auto;

    background:#fff;

    scrollbar-width:thin;
}


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

.vhl-mobile-account{
    width:100%;

    margin-bottom:25px;

    border:1px solid #eeeeee;

    border-radius:16px;

    overflow:hidden;

    background:#fff;

    box-shadow:
        0 8px 25px rgba(0,0,0,.045);
}


/*================================== 
                        ACCOUNT HEADER
  ==================================*/

.vhl-mobile-account-head{
    display:flex;

    align-items:center;

    gap:13px;

    padding:18px;

    background:#faf7f8;

    border-bottom:1px solid #eeeeee;
}

.vhl-mobile-account-avatar{
    width:48px;

    height:48px;

    flex:0 0 48px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:#536b45;

    color:#fff;

    font-size:19px;
}

.vhl-mobile-account-info{
    min-width:0;

    display:flex;

    flex-direction:column;
}

.vhl-mobile-account-greeting{
    color:#222;

    font-size:17px;

    font-weight:700;

    line-height:1.2;
}

.vhl-mobile-account-welcome{
    margin-top:5px;

    color:#888;

    font-size:11px;

    line-height:1.4;
}


/*================================== 
                        ACCOUNT LINKS
  ==================================*/

.vhl-mobile-account-links{
    width:100%;

    display:flex;

    flex-direction:column;
}

.vhl-mobile-account-links a{
    min-height:55px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    padding:0 17px;

    color:#333;

    text-decoration:none;

    border-bottom:1px solid #eeeeee;

    font-size:14px;

    font-weight:500;

    transition:
        background .2s ease,
        color .2s ease;
}

.vhl-mobile-account-links a:last-child{
    border-bottom:0;
}

.vhl-mobile-account-links a:hover{
    background:#fafafa;

    color:#536b45;
}

.vhl-mobile-account-left{
    display:flex;

    align-items:center;

    gap:13px;
}

.vhl-mobile-account-left i{
    width:20px;

    text-align:center;

    color:#777;

    font-size:15px;

    transition:color .2s ease;
}

.vhl-mobile-account-links a:hover .vhl-mobile-account-left i{
    color:#536b45;
}

.vhl-mobile-account-arrow{
    color:#aaa;

    font-size:10px;

    transition:
        transform .2s ease,
        color .2s ease;
}

.vhl-mobile-account-links a:hover .vhl-mobile-account-arrow{
    color:#536b45;

    transform:translateX(3px);
}


/*================================== 
                        LOGOUT
  ==================================*/

.vhl-mobile-account-links .vhl-mobile-logout{
    color:#9a3b3b;
}

.vhl-mobile-account-links .vhl-mobile-logout i{
    color:#9a3b3b;
}


/*================================== 
                        LOGIN BOX
  ==================================*/

.vhl-mobile-login-box{
    display:flex;

    align-items:center;

    gap:13px;

    padding:17px;

    background:#faf7f8;
}

.vhl-mobile-login-icon{
    width:46px;

    height:46px;

    flex:0 0 46px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:#536b45;

    color:#fff;

    font-size:18px;
}

.vhl-mobile-login-content{
    display:flex;

    flex-direction:column;

    min-width:0;
}

.vhl-mobile-login-content span{
    color:#222;

    font-size:14px;

    font-weight:700;
}

.vhl-mobile-login-content small{
    margin-top:4px;

    color:#888;

    font-size:10px;
}


/*================================== 
                        LOGIN BUTTON
  ==================================*/

.vhl-mobile-login-btn{
    min-height:52px;

    display:flex;

    align-items:center;

    gap:10px;

    padding:0 17px;

    color:#536b45;

    text-decoration:none;

    font-size:13px;

    font-weight:600;

    border-top:1px solid #eeeeee;
}

.vhl-mobile-login-btn > span{
    flex:1;
}

.vhl-mobile-login-btn > i:first-child{
    font-size:15px;
}

.vhl-mobile-login-btn > i:last-child{
    color:#aaa;

    font-size:10px;
}


/*================================== 
                        SECTION TITLE
  ==================================*/

.vhl-mobile-section-title{
    margin:0 3px 7px;

    color:#999;

    font-size:9px;

    font-weight:700;

    letter-spacing:1.8px;

    text-transform:uppercase;
}


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

.vhl-mobile-nav{
    width:100%;

    display:flex;

    flex-direction:column;

    border-top:1px solid #eeeeee;

    border-bottom:1px solid #eeeeee;
}

.vhl-mobile-nav a{
    width:100%;

    min-height:55px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    padding:0 5px;

    color:#222;

    text-decoration:none;

    border-bottom:1px solid #eeeeee;

    font-size:14px;

    font-weight:500;

    transition:
        color .2s ease,
        padding .2s ease;
}

.vhl-mobile-nav a:last-child{
    border-bottom:0;
}

.vhl-mobile-nav a:hover{
    color:#536b45;

    padding-left:9px;
}

.vhl-mobile-nav a i{
    color:#aaa;

    font-size:10px;

    transition:
        transform .2s ease,
        color .2s ease;
}

.vhl-mobile-nav a:hover i{
    color:#536b45;

    transform:translateX(3px);
}


/*================================== 
                        QUICK ACCESS TITLE
  ==================================*/

.vhl-mobile-quick-title{
    margin-top:27px;

    margin-bottom:10px;
}


/*================================== 
                        QUICK ACTIONS
  ==================================*/

.vhl-mobile-quick-actions{
    width:100%;

    display:grid;

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

    gap:8px;
}

.vhl-mobile-quick-actions a{
    min-height:88px;

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    gap:9px;

    padding:10px 5px;

    border:1px solid #e8e8e8;

    border-radius:12px;

    background:#fff;

    color:#333;

    text-decoration:none;

    transition:
        background .25s ease,
        color .25s ease,
        border-color .25s ease,
        transform .25s ease;
}

.vhl-mobile-quick-actions a:hover{
    background:#536b45;

    border-color:#536b45;

    color:#fff;

    transform:translateY(-2px);
}


/*================================== 
                        QUICK ICON
  ==================================*/

.vhl-mobile-quick-icon{
    position:relative;

    width:36px;

    height:36px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:#f7f2f4;

    color:#536b45;

    font-size:16px;

    transition:
        background .25s ease,
        color .25s ease;
}

.vhl-mobile-quick-actions a:hover .vhl-mobile-quick-icon{
    background:rgba(255,255,255,.15);

    color:#fff;
}


/*================================== 
                        CART COUNT
  ==================================*/

.vhl-mobile-cart-count{
    position:absolute;

    top:-5px;

    right:-5px;

    min-width:17px;

    height:17px;

    padding:0 4px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50px;

    background:#222;

    color:#fff;

    font-size:8px;

    font-weight:700;

    line-height:1;
}


/*================================== 
                        QUICK TEXT
  ==================================*/

.vhl-mobile-quick-text{
    font-size:10px;

    font-weight:600;

    white-space:nowrap;
}


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

.vhl-mobile-menu-footer{
    padding:28px 0 5px;

    text-align:center;
}

.vhl-mobile-menu-footer span{
    color:#b1b1b1;

    font-size:8px;

    font-weight:500;

    letter-spacing:2px;
}


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

@media(max-width:375px){

    .vhl-mobile-menu-panel{
        width:92vw !important;
    }

    .vhl-mobile-panel-header{
        padding-left:17px;

        padding-right:17px;
    }

    .vhl-mobile-panel-body{
        padding-left:15px;

        padding-right:15px;
    }

    .vhl-mobile-panel-title{
        font-size:18px;
    }

    .vhl-mobile-account-head{
        padding:15px;
    }

    .vhl-mobile-account-greeting{
        font-size:16px;
    }

    .vhl-mobile-account-links a{
        min-height:52px;

        padding-left:15px;

        padding-right:15px;
    }

    .vhl-mobile-nav a{
        min-height:52px;
    }

    .vhl-mobile-quick-actions{
        gap:6px;
    }

    .vhl-mobile-quick-actions a{
        min-height:82px;
    }

}


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

@media(max-width:340px){

    .vhl-mobile-panel-title{
        font-size:16px;
    }

    .vhl-mobile-panel-subtitle{
        font-size:6px;

        letter-spacing:2px;
    }

    .vhl-mobile-account-welcome{
        font-size:9px;
    }

    .vhl-mobile-account-greeting{
        font-size:15px;
    }

    .vhl-mobile-account-links a,
    .vhl-mobile-nav a{
        font-size:13px;
    }

    .vhl-mobile-quick-text{
        font-size:9px;
    }

}

/*================================== 
                        PANEL HEADER
  ==================================*/

.vhl-mobile-panel-header{
    position:relative;

    width:100%;

    min-height:126px;

    display:flex;

    align-items:flex-start;

    justify-content:space-between;

    gap:15px;

    padding:27px 22px;

    background:#fff;

    border-bottom:1px solid #ededed;
}


/*================================== 
                        PANEL BRAND
  ==================================*/

.vhl-mobile-panel-brand{
    flex:1 1 auto;

    min-width:0;

    overflow:hidden;
}

.vhl-mobile-panel-brand-link{
    display:flex;

    flex-direction:column;

    align-items:flex-start;

    justify-content:flex-start;

    width:100%;

    max-width:100%;

    padding:0;

    margin:0;

    color:#222;

    text-decoration:none;
}

.vhl-mobile-panel-brand-link:hover{
    color:#222;
}


/*================================== 
                        PANEL TITLE
  ==================================*/

.vhl-mobile-panel-title{
    display:block;

    width:100%;

    overflow:hidden;

    text-overflow:ellipsis;

    white-space:nowrap;

    font-family:'Inter',sans-serif;

    font-size:21px;

    font-weight:700;

    letter-spacing:-.6px;

    line-height:1.1;
}


/*================================== 
                        PANEL SUBTITLE
  ==================================*/

.vhl-mobile-panel-subtitle{
    display:block;

    margin-top:8px;

    color:#777;

    font-size:7px;

    font-weight:500;

    letter-spacing:2.5px;

    line-height:1.2;

    white-space:nowrap;
}


/*================================== 
                        PANEL CLOSE BUTTON
  ==================================*/

.vhl-mobile-panel-close{
    position:relative;

    z-index:20;

    flex:0 0 42px;

    width:42px;

    height:42px;

    display:flex;

    align-items:center;

    justify-content:center;

    margin:0;

    padding:0;

    border:0;

    outline:0;

    background:#fff;

    color:#666;

    font-size:26px;

    line-height:1;

    cursor:pointer;

    pointer-events:auto;

    -webkit-appearance:none;

    appearance:none;

    transition:
        color .25s ease,
        transform .25s ease;
}

.vhl-mobile-panel-close:hover{
    color:#111;

    transform:rotate(90deg);
}

.vhl-mobile-panel-close:focus,
.vhl-mobile-panel-close:active{
    outline:none;

    box-shadow:none;
}


/*================================== 
                        PANEL BODY
  ==================================*/

.vhl-mobile-panel-body{
    width:100%;

    height:calc(100vh - 126px);

    padding:10px 22px 30px;

    overflow-y:auto;

    background:#fff;
}


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

.vhl-mobile-nav{
    width:100%;

    display:flex;

    flex-direction:column;
}

.vhl-mobile-nav a{
    width:100%;

    min-height:74px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:20px;

    padding:0;

    border-bottom:1px solid #ededed;

    color:#222;

    text-decoration:none;

    font-size:16px;

    font-weight:500;
}

.vhl-mobile-nav a span{
    flex:1;

    min-width:0;
}

.vhl-mobile-nav a i{
    flex:0 0 auto;

    color:#999;

    font-size:11px;

    transition:
        transform .25s ease,
        color .25s ease;
}

.vhl-mobile-nav a:hover{
    color:#222;
}

.vhl-mobile-nav a:hover i{
    color:#222;

    transform:translateX(4px);
}


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

.vhl-mobile-actions{
    width:100%;

    display:grid;

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

    gap:10px;

    margin-top:30px;

    padding-top:30px;

    border-top:1px solid #ededed;
}

.vhl-mobile-actions a{
    min-height:82px;

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    gap:8px;

    border:1px solid #e7e7e7;

    color:#222;

    text-decoration:none;

    font-size:11px;

    transition:
        background .25s ease,
        color .25s ease,
        border-color .25s ease;
}

.vhl-mobile-actions a i{
    font-size:19px;
}

.vhl-mobile-actions a:hover{
    background:#222;

    border-color:#222;

    color:#fff;
}


/*================================== 
                        LARGE DESKTOP
  ==================================*/

@media(min-width:1600px){

    .vhl-header-container{
        padding-left:55px !important;

        padding-right:55px !important;
    }

    .vhl-header-inner{
        min-height:92px;
    }

    .vhl-actions{
        height:92px;

        gap:27px;
    }

    .vhl-action-icon{
        width:40px;

        height:40px;

        font-size:21px;
    }

    .vhl-nav{
        min-height:54px;

        gap:48px;
    }

    .vhl-nav a{
        font-size:15px;
    }

    .vhl-hero-content{
        left:8%;

        width:600px;
    }

}


/*================================== 
                        DESKTOP
  ==================================*/

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

    .vhl-header-container{
        padding-left:45px !important;

        padding-right:45px !important;
    }

    .vhl-actions{
        gap:24px;
    }

    .vhl-nav{
        gap:42px;
    }

}


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

@media(max-width:991.98px){

    .vhl-header-inner{
        min-height:76px;

        padding-left:55px;

        padding-right:55px;
    }

    .vhl-logo-title{
        font-size:21px;
    }

    .vhl-logo-subtitle{
        font-size:8px;

        letter-spacing:2.5px;

        margin-top:6px;
    }

    .vhl-mobile-menu{
        left:14px;
    }

    .vhl-mobile-search{
        right:14px;
    }

    .vhl-hero-image{
        height:82vh;

        min-height:600px;
    }

    .vhl-hero-content{
        left:40px;

        width:calc(100% - 110px);

        transform:translateY(-30%);
    }

    .vhl-hero-content h1{
        font-size:48px;
    }

    .vhl-hero-content p{
        max-width:450px;
    }

    .vhl-slider-indicators{
        right:20px;

        bottom:30px;
    }

}


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

@media(max-width:575.98px){

    .vhl-header-container{
        padding-left:0 !important;

        padding-right:0 !important;
    }

    .vhl-header-inner{
        min-height:70px;

        padding-left:50px;

        padding-right:50px;
    }


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

    .vhl-logo-title{
        font-size:18px;

        letter-spacing:-.3px;
    }

    .vhl-logo-subtitle{
        margin-top:6px;

        font-size:7px;

        letter-spacing:2px;
    }


    /*================================== 
                        MOBILE HEADER ICONS
  ==================================*/

    .vhl-mobile-menu,
    .vhl-mobile-search{
        width:38px;

        height:38px;

        font-size:16px;
    }

    .vhl-mobile-menu{
        left:12px;
    }

    .vhl-mobile-search{
        right:12px;
    }


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

    .vhl-search-box{
        padding-left:10px;

        padding-right:10px;
    }

    .vhl-search-box.active{
        height:70px;
    }

    .vhl-search-inner{
        height:44px;

        padding-left:15px;
    }

    .vhl-search-inner input{
        font-size:13px;
    }

    .vhl-search-close{
        width:34px;

        height:34px;

        flex-basis:34px;

        font-size:13px;
    }


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

    .vhl-hero-image{
        width:100%;

        height:82vh;

        min-height:610px;

        object-position:center;
    }

    .vhl-hero .carousel-item::after{
        background:
            linear-gradient(
                90deg,
                rgba(0,0,0,.50) 0%,
                rgba(0,0,0,.18) 55%,
                rgba(0,0,0,.02) 100%
            );
    }


    /*================================== 
                        MOBILE HERO CONTENT
  ==================================*/

    .vhl-hero-content{
        left:20px;

        right:55px;

        top:auto;

        bottom:95px;

        width:auto;

        transform:none;
    }

    .vhl-hero-small{
        margin-bottom:12px;

        font-size:9px;

        letter-spacing:2px;
    }

    .vhl-hero-content h1{
        margin-bottom:14px;

        font-size:36px;

        line-height:1.06;

        letter-spacing:-.8px;
    }

    .vhl-hero-content p{
        max-width:420px;

        margin-bottom:20px;

        font-size:13px;

        line-height:1.6;
    }


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

    .vhl-hero-buttons{
        gap:9px;
    }

    .vhl-btn-primary,
    .vhl-btn-outline{
        min-height:43px;

        padding:10px 16px;

        font-size:11px;
    }


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

    .vhl-slider-indicators{
        right:15px;

        bottom:24px;

        gap:8px;
    }

    .vhl-slider-indicators button{
        width:6px;

        height:6px;
    }

    .vhl-slider-indicators button.active{
        height:23px;
    }


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

    .vhl-mobile-menu-panel{
        width:88vw !important;

        max-width:390px;
    }

    .vhl-mobile-panel-header{
        min-height:116px;

        padding:24px 20px;

        gap:12px;
    }

    .vhl-mobile-panel-title{
        font-size:20px;

        letter-spacing:-.5px;
    }

    .vhl-mobile-panel-subtitle{
        margin-top:8px;

        font-size:7px;

        letter-spacing:2.4px;
    }

    .vhl-mobile-panel-close{
        flex-basis:40px;

        width:40px;

        height:40px;

        font-size:25px;
    }

    .vhl-mobile-panel-body{
        height:calc(100vh - 116px);

        padding-left:20px;

        padding-right:20px;
    }

    .vhl-mobile-nav a{
        min-height:74px;

        font-size:16px;
    }

}


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

@media(max-width:380px){

    .vhl-header-inner{
        min-height:66px;

        padding-left:45px;

        padding-right:45px;
    }

    .vhl-mobile-menu,
    .vhl-mobile-search{
        width:36px;

        height:36px;

        font-size:15px;
    }

    .vhl-mobile-menu{
        left:10px;
    }

    .vhl-mobile-search{
        right:10px;
    }

    .vhl-logo-title{
        font-size:16px;
    }

    .vhl-logo-subtitle{
        margin-top:5px;

        font-size:6px;

        letter-spacing:1.7px;
    }


    /*================================== 
                        SMALL MOBILE PANEL
  ==================================*/

    .vhl-mobile-menu-panel{
        width:90vw !important;
    }

    .vhl-mobile-panel-header{
        padding-left:18px;

        padding-right:18px;
    }

    .vhl-mobile-panel-title{
        font-size:18px;
    }

    .vhl-mobile-panel-subtitle{
        font-size:6px;

        letter-spacing:2px;
    }

    .vhl-mobile-panel-close{
        width:38px;

        height:38px;

        flex-basis:38px;

        font-size:23px;
    }

    .vhl-mobile-panel-body{
        padding-left:18px;

        padding-right:18px;
    }

    .vhl-hero-content{
        left:18px;

        right:48px;

        bottom:90px;
    }

    .vhl-hero-content h1{
        font-size:31px;
    }

    .vhl-hero-content p{
        font-size:12px;
    }

}


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

@media(max-width:340px){

    .vhl-header-inner{
        padding-left:42px;

        padding-right:42px;
    }

    .vhl-logo-title{
        font-size:15px;
    }

    .vhl-logo-subtitle{
        font-size:5.5px;

        letter-spacing:1.5px;
    }

    .vhl-hero-content h1{
        font-size:28px;
    }

}


/*================================== 
                        REDUCED MOTION
  ==================================*/

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

    *,
    *::before,
    *::after{
        scroll-behavior:auto !important;

        animation:none !important;

        transition:none !important;
    }

}

/*=========================================================
      PURE VEDA CSS
=========================================================*/
.vhl-pure-veda-section{
    width:100%;
    padding:10px 0 120px;
    background:#fff;
    overflow:hidden;
}
/*=========================================================
    CONTAINER
=========================================================*/
.vhl-pure-veda-container{
    width:100%;
    max-width:1380px;
    margin:0 auto;
    padding:0 35px;
}
/*=========================================================
    MAIN CARD
=========================================================*/
.vhl-pure-veda-card{
    position:relative;
    min-height:570px;
    display:flex;
    align-items:center;
    padding:85px 105px;
    overflow:hidden;
    border-radius:28px;
    background:
        linear-gradient(
            125deg,
            #eef3ed 0%,
            #f4f5ee 48%,
            #e8eee6 100%
        );
    box-shadow:
        0 28px 70px rgba(55,72,58,.10),
        0 8px 25px rgba(55,72,58,.06);
}

/*=========================================================
    CONTENT
=========================================================*/
.vhl-pure-veda-content{
    position:relative;
    z-index:5;
    max-width:680px;
}

/*=========================================================
    EYEBROW
=========================================================*/

.vhl-pure-veda-eyebrow{

    display:flex;

    align-items:center;

    gap:12px;

    margin-bottom:22px;

    color:#71806f;

    font-size:9px;

    font-weight:700;

    letter-spacing:3px;

}


.vhl-pure-veda-eyebrow::before{

    content:"";

    width:32px;

    height:1px;

    background:#71806f;

}


/*=========================================================
    TITLE
=========================================================*/

.vhl-pure-veda-title{

    margin:0 0 27px;

    color:#1d241e;

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

    font-size:clamp(48px,5vw,72px);

    font-weight:400;

    line-height:.95;

    letter-spacing:-3px;

}


.vhl-pure-veda-title span{

    display:block;

    margin-left:52px;

    color:#687c68;

    font-family:
        'Brush Script MT',
        'Segoe Script',
        cursive;

    font-size:clamp(48px,5vw,70px);

    font-style:italic;

    letter-spacing:-1px;

}


/*=========================================================
    INTRO
=========================================================*/

.vhl-pure-veda-intro{

    margin:0 0 27px;

    color:#303930;

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

    font-size:23px;

    font-weight:400;

    line-height:1.35;

}


.vhl-pure-veda-intro em{

    color:#687c68;

    font-weight:400;

}


/*=========================================================
    TEXT
=========================================================*/

.vhl-pure-veda-text{

    max-width:620px;

}


.vhl-pure-veda-text p{

    margin:0 0 15px;

    color:#687068;

    font-size:13px;

    font-weight:400;

    line-height:1.8;

}


/*=========================================================
    HIGHLIGHT TEXT
=========================================================*/

.vhl-pure-veda-text
.vhl-pure-veda-highlight{

    margin-top:7px;

    margin-bottom:15px;

    color:#263126;

    font-size:14px;

    font-weight:700;

}


/*=========================================================
    BUTTON
=========================================================*/

.vhl-pure-veda-button{

    position:relative;

    z-index:5;

    display:inline-flex;

    align-items:center;

    gap:18px;

    margin-top:18px;

    padding:14px 18px 14px 22px;

    border:1px solid #71806f;

    border-radius:50px;

    background:#71806f;

    color:#fff;

    text-decoration:none;

    font-size:10px;

    font-weight:700;

    letter-spacing:.7px;

    transition:
        background .3s ease,
        color .3s ease,
        transform .3s ease,
        box-shadow .3s ease;

}


.vhl-pure-veda-button i{

    width:28px;

    height:28px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:#fff;

    color:#71806f;

    font-size:10px;

    transition:
        transform .3s ease;

}


.vhl-pure-veda-button:hover{

    background:#263126;

    border-color:#263126;

    color:#fff;

    transform:translateY(-3px);

    box-shadow:
        0 10px 25px rgba(38,49,38,.16);

}


.vhl-pure-veda-button:hover i{

    transform:translateX(3px);

}


/*=========================================================
    LEAF SHADOW
=========================================================*/

.vhl-leaf-shadow{

    position:absolute;

    z-index:1;

    width:190px;

    height:330px;

    opacity:.16;

    filter:blur(5px);

    pointer-events:none;

}


/*=========================================================
    LEAF ONE
=========================================================*/

.vhl-leaf-one{

    right:70px;

    top:-55px;

    transform:rotate(28deg);

    background:

        radial-gradient(
            ellipse 48% 18% at 50% 15%,
            #6b8069 0 48%,
            transparent 51%
        ),

        radial-gradient(
            ellipse 48% 18% at 50% 32%,
            #6b8069 0 48%,
            transparent 51%
        ),

        radial-gradient(
            ellipse 48% 18% at 50% 49%,
            #6b8069 0 48%,
            transparent 51%
        ),

        radial-gradient(
            ellipse 48% 18% at 50% 66%,
            #6b8069 0 48%,
            transparent 51%
        );

}


/*=========================================================
    LEAF TWO
=========================================================*/

.vhl-leaf-two{

    right:-20px;

    bottom:-90px;

    width:240px;

    height:360px;

    transform:rotate(-32deg);

    opacity:.12;

    background:

        radial-gradient(
            ellipse 48% 16% at 50% 15%,
            #516651 0 48%,
            transparent 51%
        ),

        radial-gradient(
            ellipse 48% 16% at 50% 31%,
            #516651 0 48%,
            transparent 51%
        ),

        radial-gradient(
            ellipse 48% 16% at 50% 47%,
            #516651 0 48%,
            transparent 51%
        ),

        radial-gradient(
            ellipse 48% 16% at 50% 63%,
            #516651 0 48%,
            transparent 51%
        );

}


/*=========================================================
    LEAF THREE
=========================================================*/

.vhl-leaf-three{

    left:50%;

    bottom:-190px;

    width:300px;

    height:300px;

    transform:rotate(18deg);

    opacity:.06;

    background:
        radial-gradient(
            ellipse,
            #516651 0%,
            transparent 68%
        );

}


/*=========================================================
    VHL SIDE MARK
=========================================================*/

.vhl-pure-veda-mark{

    position:absolute;

    right:42px;

    top:50%;

    transform:
        translateY(-50%)
        rotate(90deg);

    color:#71806f;

    font-size:9px;

    font-weight:700;

    letter-spacing:5px;

    opacity:.55;

}


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

@media(max-width:991.98px){

    .vhl-pure-veda-section{

        padding:90px 0 100px;

    }


    .vhl-pure-veda-container{

        padding:0 25px;

    }


    .vhl-pure-veda-card{

        min-height:520px;

        padding:70px 65px;

    }


    .vhl-pure-veda-title{

        font-size:54px;

    }


    .vhl-pure-veda-title span{

        font-size:55px;

        margin-left:35px;

    }


    .vhl-pure-veda-intro{

        font-size:20px;

    }

}


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

@media(max-width:767.98px){

    .vhl-pure-veda-section{

        padding:20px 0 80px;

    }


    .vhl-pure-veda-container{

        padding:0 16px;

    }


    .vhl-pure-veda-card{

        min-height:auto;

        display:block;

        padding:55px 28px 60px;

        border-radius:22px;

    }


    .vhl-pure-veda-content{

        max-width:100%;

    }


    .vhl-pure-veda-eyebrow{

        margin-bottom:19px;

        font-size:8px;

        letter-spacing:2.5px;

    }


    .vhl-pure-veda-title{

        margin-bottom:25px;

        font-size:43px;

        letter-spacing:-2px;

    }


    .vhl-pure-veda-title span{

        margin-left:22px;

        font-size:45px;

    }


    .vhl-pure-veda-intro{

        font-size:19px;

        line-height:1.4;

    }


    .vhl-pure-veda-text p{
        font-size:12px;
        line-height:1.75;

    }


    .vhl-pure-veda-text
    .vhl-pure-veda-highlight{

        font-size:13px;

    }


    .vhl-pure-veda-button{

        margin-top:12px;

        font-size:9px;

    }


    .vhl-pure-veda-mark{

        right:18px;

        top:auto;

        bottom:25px;

        transform:rotate(90deg);

    }


    .vhl-leaf-one{

        right:-65px;

        top:-70px;

        opacity:.13;

        transform:rotate(25deg) scale(.8);

    }


    .vhl-leaf-two{

        right:-75px;

        bottom:-100px;

        opacity:.10;

        transform:rotate(-30deg) scale(.8);

    }
    .card-phone-screen{
        display: none;
    }

}


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

@media(max-width:380px){

    .vhl-pure-veda-card{

        padding:48px 23px 55px;

    }


    .vhl-pure-veda-title{

        font-size:38px;

    }


    .vhl-pure-veda-title span{

        font-size:40px;

        margin-left:18px;

    }


    .vhl-pure-veda-intro{

        font-size:17px;

    }


    .vhl-pure-veda-button{

        width:100%;

        justify-content:space-between;

    }

}

/* =========================================
   HOME PAGE
========================================= */

body.vhl-home{
    padding-top:0;
    color: #fff !important;
}


/* =========================================
   OTHER PAGES
========================================= */

/* Large screen */
body:not(.vhl-home) {
    padding-top: 150px;
}

/* Tablet */
@media (max-width: 991px) {
    body:not(.vhl-home) {
        padding-top: 80px;
    }
}

/* Mobile */
@media (max-width: 767px) {
    body:not(.vhl-home) {
        padding-top: 80px;
    }
}
/*body.vhl-home .vhl-header {
    background:transparent;
    color:#fff;
}*/
body.vhl-home .vhl-nav{
    border-top: 1px solid rgba(255, 255, 255, .26);
}
/*=====================
END HOME 
========================*/

/*================================== 
        BEST SELLER CSS
  ==================================*/
/*======================== SECTION =========================*/

.vhl-best-seller-section{
    width:100%;
    padding:10px 0 125px;
    background:#fff;
    overflow:hidden;
}

.vhl-best-container{
    width:100%;

    max-width:1600px;

    margin:0 auto;

    padding:0 55px;
}


/*================================== 
                        SECTION HEADER
  ==================================*/

.vhl-best-header{
    display:flex;

    align-items:flex-end;

    justify-content:space-between;

    gap:30px;

    margin-bottom:65px;
}

.vhl-best-heading-content{
    min-width:0;
}

.vhl-best-eyebrow{
    position:relative;

    display:inline-flex;

    align-items:center;

    gap:10px;

    margin-bottom:18px;

    color:#888;

    font-size:10px;

    font-weight:600;

    letter-spacing:3px;

    line-height:1;
}

.vhl-best-eyebrow::before{
    content:"";

    width:28px;

    height:1px;

    background:#222;
}

.vhl-best-title{
    margin:0;

    color:#191919;

    font-size:clamp(42px,5vw,68px);

    font-weight:500;

    line-height:.98;

    letter-spacing:-2.5px;
}

.vhl-best-title em{
    display:block;

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

    font-style:italic;

    font-weight:400;

    letter-spacing:-2px;
}


/*================================== 
                        VIEW ALL
  ==================================*/

.vhl-best-view-all{
    display:inline-flex;

    align-items:center;

    gap:10px;

    padding-bottom:7px;

    border-bottom:1px solid #222;

    color:#222;

    text-decoration:none;

    font-size:12px;

    font-weight:600;

    line-height:1;

    white-space:nowrap;

    transition:opacity .25s ease;
}

.vhl-best-view-all:hover{
    color:#222;

    opacity:.7;
}

.vhl-best-view-all i{
    transition:transform .25s ease;
}

.vhl-best-view-all:hover i{
    transform:translateX(5px);
}


/*================================== 
                        PRODUCT ROW
  ==================================*/

.vhl-best-row{
    margin:0;

    border-bottom:1px solid #e9e9e9;
}


/*================================== 
                        PRODUCT ITEM
  ==================================*/

.vhl-best-item{
    position:relative;

    height:100%;

    padding:0 28px 30px;
}


/*================================== 
                        IMAGE AREA
  ==================================*/

.vhl-best-image{
    position:relative;

    width:100%;

    height:430px;

    display:flex;

    align-items:center;

    justify-content:center;

    overflow:visible;

    transition:transform .45s ease;
}

.vhl-best-item:hover .vhl-best-image{
    transform:translateY(-3px);
}


/*================================== 
                        WISHLIST
  ==================================*/

.vhl-best-wishlist{
    position:absolute;

    top:21px;

    left:0;

    z-index:8;

    width:39px;

    height:39px;

    display:flex;

    align-items:center;

    justify-content:center;

    padding:0;

    border:1px solid #e1e1e1;

    border-radius:50%;

    background:#fff;

    color:#222;

    font-size:14px;

    line-height:1;

    cursor:pointer;

    transition:
        background .25s ease,
        border-color .25s ease,
        color .25s ease,
        transform .25s ease;
}

.vhl-best-wishlist:hover{
    background:#222;

    border-color:#222;

    color:#fff;

    transform:scale(1.06);
}


/*================================== 
                        BADGE
  ==================================*/

.vhl-best-badge{
    position:absolute;

    top:22px;

    right:0;

    z-index:6;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    min-height:25px;

    padding:0 10px;

    background:#222;

    color:#fff;

    font-size:7px;

    font-weight:600;

    letter-spacing:1.3px;

    line-height:1;

    white-space:nowrap;

    transition:
        letter-spacing .25s ease;
}

.vhl-best-item:hover .vhl-best-badge{
    letter-spacing:1.6px;
}


/*================================== 
                        IMAGE GLOW
  ==================================*/

.vhl-best-glow{
    position:absolute;

    top:52%;

    left:50%;

    width:230px;

    height:230px;

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

    z-index:1;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(214,224,215,.55) 0%,
            rgba(237,240,237,.28) 42%,
            rgba(255,255,255,0) 72%
        );

    filter:blur(12px);

    pointer-events:none;
}


/*================================== 
                        IMAGE LINK
  ==================================*/

.vhl-best-image-link{
    position:relative;

    z-index:3;

    width:100%;

    height:100%;

    display:flex;

    align-items:center;

    justify-content:center;

    text-decoration:none;

    cursor:pointer;
}


/*================================== 
                        PRODUCT IMAGE
  ==================================*/

.vhl-best-image-link img{
    display:block;

    width:auto;

    max-width:86%;

    height:auto;

    max-height:84%;

    object-fit:contain;

    object-position:center;

    transition:
        transform .5s ease;
}

.vhl-best-item:hover
.vhl-best-image-link img{
    transform:
        scale(1.055)
        translateY(-7px);
}


/*================================== 
                        PRODUCT DETAILS
  ==================================*/

.vhl-best-details{
    padding-top:2px;
}

.vhl-best-category{
    display:block;

    margin-bottom:8px;

    color:#999;

    font-size:8px;

    font-weight:600;

    letter-spacing:1.5px;

    line-height:1.3;
}


/*================================== 
                        PRODUCT NAME
  ==================================*/

.vhl-best-product-name{
    margin:0 0 11px;

    color:#222;

    font-size:18px;

    font-weight:600;

    line-height:1.3;
}


/*================================== 
                        RATING
  ==================================*/

.vhl-best-rating{
    display:flex;

    align-items:center;

    gap:7px;

    margin-bottom:11px;

    color:#777;

    font-size:10px;

    line-height:1;
}

.vhl-stars{
    display:flex;

    align-items:center;

    gap:2px;

    color:#222;

    font-size:9px;
}

.vhl-best-rating-value{
    color:#777;

    font-size:10px;
}


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

.vhl-best-price{
    display:flex;

    align-items:center;

    flex-wrap:wrap;

    gap:9px;

    margin-bottom:19px;
}

.vhl-best-price strong{
    color:#222;

    font-size:21px;

    font-weight:700;

    line-height:1;
}

.vhl-best-price del{
    color:#aaa;

    font-size:15px;

    line-height:1;
}


/*================================== 
                        DISCOUNT
  ==================================*/

.vhl-best-discount{
    display:inline-flex;

    align-items:center;

    justify-content:center;

    min-height:21px;

    padding:0 8px;

    border-radius:2px;

    background:#f0f5f0;

    color:#55705a;

    font-size:11px;

    font-weight:700;

    letter-spacing:.2px;

    line-height:1;

    white-space:nowrap;
}


/*================================== 
                        ADD TO CART
  ==================================*/

.vhl-best-cart{
    width:100%;
    min-height:50px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:5px 6px 5px 17px;
    border:1px solid #dedede;
    border-radius:2px;
    background:#fff;
    color:#222;
    text-decoration:none;
    font-size:11px;
    font-weight:600;
    letter-spacing:.35px;
    line-height:1;
    cursor:pointer;
    transition:
        background .3s ease,
        border-color .3s ease,
        color .3s ease,
        transform .25s ease;
}


/*================================== 
                        CART TEXT
  ==================================*/
.vhl-best-cart-text{
    display:flex;

    align-items:center;

    min-height:38px;
}


/*================================== 
                        CART ICON
  ==================================*/

.vhl-best-cart-icon{
    width:38px;

    height:38px;

    flex:0 0 38px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:2px;

    background:#f3f3f3;

    color:#222;

    font-size:12px;

    transition:
        background .3s ease,
        color .3s ease,
        transform .3s ease;
}


/*================================== 
                        CART HOVER
  ==================================*/

.vhl-best-cart:hover{
    background:#536b45;

    border-color:#536b45;

    color:#fff;

    transform:translateY(-2px);
}

.vhl-best-cart:hover
.vhl-best-cart-icon{
    background:#fff;

    color:#222;

    transform:scale(1.05);
}


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

@media(max-width:991.98px){

    .vhl-best-seller-section{
        padding:10px 0 100px;
    }

    .vhl-best-container{
        padding:0 30px;
    }

    .vhl-best-header{
        margin-bottom:50px;
    }

    .vhl-best-item{
        padding-left:22px;

        padding-right:22px;

        padding-bottom:28px;

        border-bottom:1px solid #e9e9e9;
    }

    .vhl-best-image{
        height:390px;
    }

    .vhl-best-wishlist{
        top:20px;
    }

}


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

@media(max-width:575.98px){

    .vhl-best-seller-section{
        padding:10px 0 80px;
    }

    .vhl-best-container{
        padding:0 18px;
    }

    .vhl-best-header{
        flex-direction:column;

        align-items:flex-start;

        margin-bottom:40px;
    }

    .vhl-best-eyebrow{
        margin-bottom:15px;
    }

    .vhl-best-title{
        font-size:43px;

        letter-spacing:-1.8px;
    }

    .vhl-best-title em{
        letter-spacing:-1.5px;
    }

    .vhl-best-view-all{
        margin-top:2px;
    }

    .vhl-best-item{
        padding-left:14px;

        padding-right:14px;

        padding-bottom:25px;
    }

    .vhl-best-image{
        height:350px;
    }


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

    .vhl-best-wishlist{
        top:18px;

        left:0;

        width:36px;

        height:36px;

        font-size:13px;
    }


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

    .vhl-best-badge{
        top:19px;

        right:0;

        min-height:24px;

        padding:0 9px;

        font-size:6.5px;
    }


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

    .vhl-best-glow{
        width:200px;

        height:200px;
    }


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

    .vhl-best-image-link img{
        max-width:82%;

        max-height:82%;
    }


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

    .vhl-best-product-name{
        font-size:17px;
    }


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

    .vhl-best-price{
        gap:8px;

        margin-bottom:17px;
    }


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

    .vhl-best-cart{
        min-height:48px;

        padding-left:15px;
    }

    .vhl-best-cart-icon{
        width:36px;

        height:36px;

        flex-basis:36px;
    }

}


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

@media(max-width:380px){

    .vhl-best-container{
        padding:0 14px;
    }

    .vhl-best-title{
        font-size:38px;
    }

    .vhl-best-image{
        height:320px;
    }

    .vhl-best-item{
        padding-left:10px;

        padding-right:10px;
    }

    .vhl-best-product-name{
        font-size:16px;
    }

    .vhl-best-discount{
        font-size:8px;

        padding:0 7px;
    }

}


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

@media(max-width:340px){

    .vhl-best-title{
        font-size:35px;
    }

    .vhl-best-image{
        height:300px;
    }

}

/*================================== 
CATEGORY HEADING 
==================================*/ 
.vhl-best-category-heading{ 
    margin:60px 0 30px;
    padding:0 10px 14px; 
    border-bottom:1px solid #e9e9e9; 
} 
.vhl-best-category-eyebrow{ 
    display:block; 
    margin-bottom:7px; 
    color:#888; 
    font-size:9px; 
    font-weight:600; 
    letter-spacing:2.5px; 
    line-height:1; 
} 
.vhl-best-category-title{ 
    margin:0; 
    color:#191919; 
    font-size:36px; 
    font-weight:500; 
    line-height:1; 
    letter-spacing:-1px; 
}
.vhl-intimate-heading{ 
    border-bottom-color:#f0dce5; 
} 
.vhl-ayurvedic-heading{ 
    margin-top:70px; 
} 
 @media(max-width:575.98px){ 

 .vhl-best-category-heading{ 
        margin:38px 0 22px; 
        padding:0 5px 11px; 
    } 
 .vhl-best-category-eyebrow{ 
    margin-bottom:6px; 
    font-size:8px; 
    letter-spacing:2px; 
} 
 .vhl-best-category-title{ 
    font-size:27px; 
    letter-spacing:-.8px; 
} 
 .vhl-ayurvedic-heading{ 
    margin-top:48px; 
  } 
  .vhl-best-product-name .ayubabe-logo {
    width: 85px;
    height: 30px;
    object-fit: contain;
    display:none !important;
    flex-shrink: 0;
}
}
/*================================== MOBILE PRODUCT GRID FIX ==================================*/
 @media(max-width:575.98px){ /*================================== BEST SELLER CONTAINER ==================================*/ .vhl-best-container{ padding-left:10px; padding-right:10px; } /*================================== CATEGORY HEADING ==================================*/ .vhl-best-category-heading{ margin:38px 0 20px; padding:0 6px 10px; } .vhl-best-category-eyebrow{ margin-bottom:6px; font-size:7px; letter-spacing:2px; } .vhl-best-category-title{ font-size:25px; letter-spacing:-.6px; } /*================================== PRODUCT COLUMN ==================================*/ .vhl-best-row{ margin-left:0; margin-right:0; } /*================================== PRODUCT CARD ==================================*/ .vhl-best-item{ padding-left:8px; padding-right:8px; padding-bottom:18px; } /*================================== MOBILE IMAGE AREA ==================================*/ .vhl-best-image{ height:245px; } /*================================== MOBILE IMAGE ==================================*/ .vhl-best-image-link img{ max-width:88%; max-height:88%; } /*================================== MOBILE GLOW ==================================*/ .vhl-best-glow{ width:155px; height:155px; } /*================================== MOBILE WISHLIST ==================================*/ .vhl-best-wishlist{ top:14px; left:2px; width:34px; height:34px; font-size:12px; } /*================================== MOBILE BADGE ==================================*/ .vhl-best-badge{ top:15px; right:2px; min-height:21px; padding:0 7px; font-size:5.5px; letter-spacing:1px; } /*================================== PRODUCT DETAILS ==================================*/ .vhl-best-details{ padding-top:0; } /*================================== PRODUCT NAME ==================================*/ .vhl-best-product-name{ margin-bottom:8px; font-size:15px; line-height:1.25; } /*================================== AYUBABE LOGO ==================================*/ .ayubabe-logo{ max-width:48px; height:auto; display:block; margin-bottom:4px; } /*================================== RATING ==================================*/ .vhl-best-rating{ gap:5px; margin-bottom:8px; font-size:9px; } .vhl-stars{ gap:1px; font-size:8px; } .vhl-best-rating-value{ font-size:9px; } /*================================== PRICE ==================================*/ .vhl-best-price{ gap:6px; margin-bottom:13px; } .vhl-best-price strong{ font-size:18px; } .vhl-best-price del{ font-size:12px; } /*================================== DISCOUNT ==================================*/ .vhl-best-discount{ min-height:18px; padding:0 6px; font-size:8px; } /*================================== ADD TO CART ==================================*/ .vhl-best-cart{ min-height:44px; padding:4px 4px 4px 10px; font-size:9px; } .vhl-best-cart-text{ min-height:34px; } .vhl-best-cart-icon{ width:34px; height:34px; flex-basis:34px; font-size:10px; } } /*================================== SMALL MOBILE ==================================*/ @media(max-width:380px){ .vhl-best-container{ padding-left:8px; padding-right:8px; } .vhl-best-item{ padding-left:6px; padding-right:6px; } .vhl-best-image{ height:225px; } .vhl-best-product-name{ font-size:14px; } .vhl-best-price strong{ font-size:17px; } .vhl-best-cart{ font-size:8.5px; } }
/*=========================================================
      SHOP BY CATEGORY CSS
=========================================================*/
/*=================================================
    SHOP BY CATEGORY
=================================================*/

/*=================================================
    CATEGORY SECTION BACKGROUND
=================================================*/

.vhl-category-section{
    position:relative;
    width:100%;
    padding:100px 0 130px;
    overflow:hidden;

    /* Soft paper / cream base */
    background:
        linear-gradient(
            135deg,
            #fbf7f2 0%,
            #f8f1eb 48%,
            #fcf8f4 100%
        );
}


/*=================================================
    TOP RIGHT BOTANICAL DECORATION
=================================================*/

.vhl-category-section::before{
    content:"";
    position:absolute;

    width:330px;
    height:430px;

    top:-80px;
    right:35px;

    opacity:.45;

    background:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 330 430'%3E%3Cg fill='none' stroke='%23dca998' stroke-width='1.5' opacity='.55'%3E%3Cpath d='M165 0 C150 80 180 145 230 205 C270 255 280 335 320 410'/%3E%3Cpath d='M163 65 C120 45 82 38 45 48 C82 78 119 91 166 82'/%3E%3Cpath d='M177 120 C220 98 255 94 291 105 C260 132 221 145 177 138'/%3E%3Cpath d='M199 181 C237 160 271 160 305 173 C276 198 240 207 199 198'/%3E%3Cpath d='M224 244 C260 224 292 227 320 240 C290 263 257 270 224 261'/%3E%3Cpath d='M111 73 C82 96 62 123 54 153 C84 143 108 116 122 87'/%3E%3Cpath d='M128 150 C97 175 80 205 75 235 C104 221 124 192 137 164'/%3E%3C/g%3E%3C/svg%3E")
    no-repeat center/contain;

    pointer-events:none;
    z-index:0;
}


/*=================================================
    BOTTOM LEFT SOFT LEAVES
=================================================*/

.vhl-category-container::before{
    content:"";
    position:absolute;

    width:300px;
    height:330px;

    left:-85px;
    bottom:-180px;

    opacity:.38;

    background:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 330'%3E%3Cg fill='none' stroke='%23dca998' stroke-width='1.5' opacity='.65'%3E%3Cpath d='M30 325 C60 250 90 185 135 130 C175 82 220 45 285 12'/%3E%3Cpath d='M82 226 C48 210 28 187 15 155 C48 161 73 182 92 207'/%3E%3Cpath d='M110 184 C76 165 57 139 48 109 C80 119 102 140 121 165'/%3E%3Cpath d='M143 142 C116 116 108 87 110 61 C136 78 150 105 154 127'/%3E%3Cpath d='M174 106 C156 78 157 51 166 29 C187 49 193 73 187 96'/%3E%3C/g%3E%3C/svg%3E")
    no-repeat center/contain;

    pointer-events:none;
    z-index:0;
}


/*=================================================
    BOTTOM RIGHT MAROON BRUSH STROKE
=================================================*/

.vhl-category-container::after{
    content:"";

    position:absolute;

    width:430px;
    height:190px;

    right:-90px;
    bottom:-50px;

    transform:rotate(-18deg);

    opacity:.85;

    background:
        linear-gradient(
            160deg,
            transparent 0%,
            transparent 8%,
            rgba(128,0,0,.05) 9%,
            rgba(128,0,0,.12) 22%,
            rgba(128,0,0,.55) 48%,
            rgba(128,0,0,.72) 65%,
            rgba(128,0,0,.18) 84%,
            transparent 100%
        );

    clip-path:polygon(
        2% 46%,
        8% 35%,
        18% 42%,
        29% 27%,
        41% 39%,
        55% 18%,
        69% 31%,
        82% 14%,
        96% 26%,
        100% 43%,
        91% 51%,
        76% 48%,
        61% 62%,
        45% 51%,
        31% 69%,
        16% 57%,
        5% 67%
    );

    pointer-events:none;
    z-index:0;
}


/*=================================================
    DOTTED DECORATIVE CIRCLE
=================================================*/

.vhl-category-collage::before{
    content:"";

    position:absolute;

    width:270px;
    height:270px;

    left:22%;
    top:340px;

    border:2px dashed rgba(210,135,111,.35);

    border-radius:50%;

    z-index:0;
}


/*=================================================
    SECOND DOTTED CURVE
=================================================*/

.vhl-category-collage::after{
    content:"";

    position:absolute;

    width:420px;
    height:230px;

    left:36%;
    top:470px;

    border:2px dashed rgba(210,135,111,.30);

    border-left-color:transparent;
    border-bottom-color:transparent;

    border-radius:50%;

    transform:rotate(15deg);

    z-index:0;
}


/*=================================================
    KEEP CONTENT ABOVE BACKGROUND
=================================================*/

.vhl-category-heading,
.vhl-category-card{
    z-index:5;
}


/*=================================================
    HEADING
=================================================*/

.vhl-category-heading{
    position:absolute;
    top:45px;
    left:13%;
    z-index:10;
}

.vhl-category-mini{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:14px;
    color:#536b45;
    font-size:9px;
    font-weight:700;
    letter-spacing:3px;
}


.vhl-category-mini::before{
    content:"";

    width:25px;
    height:1px;

    background:#536b45;
}

.vhl-category-heading h2{
    margin:0;
    font-family:Georgia,serif;
    font-size:52px;
    line-height:1.05;
    font-weight:500;
    color:#181818;
}

.vhl-category-heading h2 span{
    display:block;

    margin-left:27px;

    color:#536b45;

    font-family:
        'Brush Script MT',
        'Segoe Script',
        cursive;

    font-size:46px;

    font-weight:400;

    font-style:italic;

    letter-spacing:-1px;
}

.vhl-category-heading p{
    margin:15px 0 0;
    font-size:14px;
    letter-spacing:1px;
    color:#777;
}


/*=================================================
    COLLAGE
=================================================*/

.vhl-category-collage{
    position:relative;
    /*height:1080px;*/
    height:680px;
}


/*=================================================
    CATEGORY CARD
=================================================*/

.vhl-category-card{
    position:absolute;
    display:block;
    text-decoration:none;
    z-index:2;
}

.vhl-category-card::before{
    content:"";
    position:absolute;
    inset:12px -12px -12px 12px;
    border:1px solid rgba(128,0,0,0.16);
    z-index:-1;
    transition:all .45s ease;
}


/*=================================================
    IMAGE
=================================================*/

.vhl-category-image{
    position:relative;
    width:400px;
    height:530px;
    overflow:hidden;
    background:#eee;
    box-shadow:
        0 25px 60px rgba(0,0,0,0.12);
}

.vhl-category-image img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    transition:transform .8s cubic-bezier(.2,.7,.2,1);
}


/*=================================================
    HEALTH
=================================================*/

.vhl-category-health{
    left:10%;
    top:195px;
    width:400px;
    transform:rotate(-2.2deg);
}

.vhl-category-health .vhl-category-image{
    border-radius:4px;
}


/*=================================================
    BEAUTY
=================================================*/

.vhl-category-beauty{
    left:50%;
    top:0;
    width:400px;
    transform:rotate(1.2deg);
}

.vhl-category-beauty .vhl-category-image{
    border-radius:4px;
}


/*=================================================
    INTIMATE
=================================================*/

.vhl-category-intimate{
    left:45%;
    top:620px;
    width:400px;
    transform:rotate(2.2deg);
}

.vhl-category-intimate .vhl-category-image{
    border-radius:4px;
}


/*=================================================
    CATEGORY NAME
=================================================*/

.vhl-category-name{
    position:absolute;
    left:-22px;
    bottom:-32px;
    z-index:5;
}

.vhl-category-name span{
    display:inline-block;
    font-family:"Brush Script MT","Segoe Script",cursive;
    font-size:38px;
    font-weight:500;
    color:#800000;
    line-height:1;
    text-shadow:0 3px 10px rgba(0,0,0,0.08);
}


/*=================================================
    HOVER EFFECT
=================================================*/

.vhl-category-card:hover{
    z-index:20;
}

.vhl-category-card:hover .vhl-category-image img{
    transform:scale(1.06);
}

.vhl-category-card:hover::before{
    inset:7px -17px -17px 7px;
    border-color:rgba(128,0,0,0.28);
}

.vhl-category-health:hover{
    transform:rotate(-1deg) translateY(-8px);
}

.vhl-category-beauty:hover{
    transform:rotate(2deg) translateY(-8px);
}

.vhl-category-intimate:hover{
    transform:rotate(1deg) translateY(-8px);
}


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

@media(max-width:991px){

    .vhl-category-section{
        padding:80px 0 100px;
    }

    .vhl-category-container{
        padding:0 20px;
    }

    .vhl-category-heading{
        left:7%;
        top:35px;
    }

    .vhl-category-heading h2{
        font-size:42px;
    }

    .vhl-category-collage{
        height:850px;
    }

    .vhl-category-image{
        width:300px;
        height:400px;
    }

    .vhl-category-health{
        left:3%;
        top:175px;
        width:300px;
    }

    .vhl-category-beauty{
        left:52%;
        top:0;
        width:300px;
    }

    .vhl-category-intimate{
        left:45%;
        top:450px;
        width:300px;
    }

    .vhl-category-name span{
        font-size:32px;
    }
}


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

@media(max-width:767px){

    .vhl-category-section{
        padding:70px 15px 90px;
    }

    .vhl-category-container{
        padding:0;
    }

    .vhl-category-heading{
        position:relative;
        top:auto;
        left:auto;
        margin-bottom:55px;
        text-align:center;
    }

    .vhl-category-mini{
        font-size:10px;
        letter-spacing:3px;
    }

    .vhl-category-heading h2{
        font-size:39px;
    }

    .vhl-category-heading p{
        font-size:13px;
    }

    .vhl-category-collage{
        height:auto;
        display:flex;
        flex-direction:column;
        align-items:center;
        gap:70px;
    }

    .vhl-category-card{
        position:relative;
        left:auto !important;
        top:auto !important;
        width:100% !important;
        max-width:400px;
        transform:none;
    }

    .vhl-category-image{
        width:100%;
        height:auto;
        aspect-ratio:400 / 530;
    }

    .vhl-category-health{
        order:1;
        transform:rotate(-1deg);
    }

    .vhl-category-beauty{
        order:2;
        transform:rotate(1deg);
    }

    .vhl-category-intimate{
        order:3;
        transform:rotate(-1deg);
    }

    .vhl-category-card::before{
        inset:10px -8px -10px 8px;
    }

    .vhl-category-name{
        left:-5px;
        bottom:-28px;
    }

    .vhl-category-name span{
        font-size:34px;
    }
}


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

@media(max-width:480px){

    .vhl-category-section{
        padding:60px 12px 80px;
    }

    .vhl-category-heading h2{
        font-size:34px;
    }

    .vhl-category-heading p{
        font-size:12px;
    }

    .vhl-category-collage{
        gap:60px;
    }

    .vhl-category-name span{
        font-size:30px;
    }
}
/*===============================
new css end
================================*/
/*=========================================================
    VIDEO REVIEWS
=========================================================*/

.vhl-video-reviews{
    padding:85px 0 95px;
    background:#f8f7f1;
    overflow:hidden;
}


/*=========================================================
    SECTION HEADER
=========================================================*/

.vhl-video-review-header{
    max-width:800px;
    margin:0 auto 38px;
}

.vhl-video-review-label{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    margin-bottom:12px;
    color:#345c43;
    font-size:12px;
    font-weight:800;
    letter-spacing:2px;
}

.vhl-video-review-label span{
    width:35px;
    height:1px;
    background:#8da895;
}

.vhl-video-review-header h2{
    margin:0;
    color:#193b25;
    font-family:Georgia,serif;
    font-size:48px;
    line-height:1.15;
    font-weight:700;
}

.vhl-video-review-header h2 strong{
    color:#315f3d;
}

.vhl-video-review-header p{
    max-width:650px;
    margin:12px auto 0;
    color:#606962;
    font-size:16px;
    line-height:1.6;
}


/*=========================================================
    SLIDER
=========================================================*/

.vhl-video-slider-wrapper{
    position:relative;
    display:flex;
    align-items:center;
    gap:15px;
}

.vhl-video-slider{
    width:100%;
    overflow:hidden;
}

.vhl-video-track{
    margin:0;
    transition:transform .6s ease;
    will-change:transform;
}

.vhl-video-track > div{
    flex:0 0 20%;
    max-width:20%;
}


/*=========================================================
    VIDEO CARD
=========================================================*/

.vhl-video-card{
    height:100%;
    overflow:hidden;
    border:1px solid #e5e9e2;
    border-radius:18px;
    background:#fff;
    box-shadow:0 7px 25px rgba(32,55,42,.07);
    transition:all .35s ease;
}

.vhl-video-card:hover{
    transform:translateY(-5px);
    box-shadow:0 15px 35px rgba(32,55,42,.13);
}


/*=========================================================
    VIDEO FRAME
=========================================================*/

.vhl-video-frame{
    position:relative;
    width:100%;
    aspect-ratio:9 / 16;
    overflow:hidden;
    background:#edf1eb;
}

.vhl-video-frame iframe{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    border:0;
}


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

.vhl-video-arrow{
    flex:0 0 42px;
    width:42px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #315f3d;
    border-radius:50%;
    background:#fff;
    color:#315f3d;
    cursor:pointer;
    transition:all .3s ease;
    z-index:5;
}

.vhl-video-arrow:hover{
    background:#315f3d;
    color:#fff;
    transform:scale(1.05);
}


/*=========================================================
    DOTS
=========================================================*/

.vhl-video-dots{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    margin-top:25px;
}

.vhl-video-dot{
    width:7px;
    height:7px;
    padding:0;
    border:0;
    border-radius:50%;
    background:#b8c5bb;
    cursor:pointer;
    transition:all .3s ease;
}

.vhl-video-dot.active{
    width:24px;
    border-radius:10px;
    background:#315f3d;
}


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

@media(max-width:991px){

    .vhl-video-reviews{
        padding:70px 0 80px;
    }

    .vhl-video-review-header h2{
        font-size:40px;
    }

    .vhl-video-track > div{
        flex:0 0 33.333333%;
        max-width:33.333333%;
    }

}


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

@media(max-width:767px){

    .vhl-video-reviews{
        padding:55px 0 65px;
    }

    .vhl-video-review-header{
        margin-bottom:25px;
    }

    .vhl-video-review-label{
        gap:8px;
        margin-bottom:9px;
        font-size:9px;
        letter-spacing:1.6px;
    }

    .vhl-video-review-label span{
        width:23px;
    }

    .vhl-video-review-header h2{
        font-size:29px;
    }

    .vhl-video-review-header p{
        margin-top:9px;
        padding:0 10px;
        font-size:12px;
        line-height:1.55;
    }

    .vhl-video-slider-wrapper{
        gap:7px;
    }

    .vhl-video-track{
        --bs-gutter-x:9px;
    }

    .vhl-video-track > div{
        flex:0 0 100%;
        max-width:100%;
    }

    .vhl-video-card{
        border-radius:14px;
    }

    .vhl-video-card:hover{
        transform:none;
    }

    .vhl-video-arrow{
        flex:0 0 32px;
        width:32px;
        height:32px;
    }

    .vhl-video-arrow i{
        font-size:11px;
    }

    .vhl-video-dots{
        margin-top:18px;
    }

}
/*====================================
         VIDEO REVIEWS END
======================================*/
/*==============================
    Trust Counter
==============================*/
.trust-counter-section{
    padding:70px 0;
    background:var(--body-bg);
}

.trust-counter{
    text-align:center;
    position:relative;
}

.trust-counter::after{
    content:"";
    position:absolute;
    top:50%;
    right:0;
    transform:translateY(-50%);
    width:1px;
    height:60px;
    background:#e5e5e5;
}

.col-4:last-child .trust-counter::after{
    display:none;
}

.trust-counter h2{
    font-size:48px;
    font-weight:700;
    color:#1E3D2B;
    margin-bottom:8px;
}
.trust-counter-section h2{
     margin: 0;
    color: #193b25;
    font-family: Georgia, serif;
    font-size: 48px;
    line-height: 1.15;
    font-weight: 700;
}
.trust-counter p{
    font-size:16px;
    color:#777;
    margin:0;
    font-weight:500;
}
/* ==================================
   MOBILE SCREEN
================================== */
@media (max-width: 767px) {
    .trust-counter-section h2 {
        font-size: 20px;
    }
}
/*==============================
    Trust Counter End
==============================*/

/*=========================================
            Footer CSS start
=========================================*/
/*=========================================
            FOOTER
==========================================*/

.footer-section{

    background:#faf9f4;

    color:#000;

    overflow:hidden;

}


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

.footer-newsletter{

    background:
        linear-gradient(
            135deg,
            #1E3D2B 0%,
            #294936 55%,
            #536b45 100%
        );

    border-bottom:1px solid rgba(255,255,255,.12);

}


.footer-newsletter-label{

    display:inline-block;

    color:#cdddc8;

    font-size:12px;

    font-weight:700;

    letter-spacing:2px;

    margin-bottom:8px;

}


.footer-newsletter-title{

    color:#fff;

    font-size:34px;

    font-weight:700;

    margin-bottom:8px;

    letter-spacing:-.5px;

}


.footer-newsletter-text{

    color:rgba(255,255,255,.72);

    font-size:15px;

    line-height:1.7;

}


.newsletter-input{

    height:55px;

    border:none;

    border-radius:50px;

    padding:0 22px;

    font-size:14px;

    box-shadow:none !important;

}


.newsletter-input::placeholder{

    color:#8b8b8b;

}


.newsletter-input:focus{

    border:none;

    box-shadow:0 0 0 3px rgba(255,255,255,.15) !important;

}


.subscribe-btn{

    height:55px;

    border-radius:50px;

    background:#fff;

    color:#1E3D2B;

    font-weight:700;

    border:none;

    transition:.35s;

}


.subscribe-btn i{

    margin-right:7px;

}


.subscribe-btn:hover{

    background:#F4900E;

    color:#fff;

    transform:translateY(-2px);

}


/*=========================================
            MAIN FOOTER
==========================================*/

.footer-section > .container{

    padding-top:65px !important;

    padding-bottom:55px !important;

}


.footer-title{

    color:#000;

    font-size:17px;

    font-weight:800;

    margin-bottom:26px;

    position:relative;

    display:inline-block;

    letter-spacing:.2px;

}


.footer-title::after{

    content:"";

    position:absolute;

    left:0;

    bottom:-9px;

    width:38px;

    height:3px;

    background:#000;

    border-radius:10px;

}


/*=========================================
            FOOTER LINKS
==========================================*/

.footer-links{

    margin:0;

    padding:0;

}


.footer-links li{

    margin-bottom:13px;

}


.footer-links a{

    color:#000;

    font-size:14px;

    font-weight:500;

    text-decoration:none;

    position:relative;

    display:inline-flex;

    align-items:center;

    transition:.3s;

}


.footer-links a::after{

    content:"";

    position:absolute;

    left:0;

    bottom:-3px;

    width:0;

    height:1.5px;

    background:#536b45;

    transition:.35s;

}


.footer-links a:hover{

    color:#000;

    transform:translateX(5px);

}


.footer-links a:hover::after{

    width:100%;

}


/*=========================================
            SOCIAL ICONS
==========================================*/

.social-links i{

    width:28px;

    min-width:28px;

    font-size:16px;

    color:#000;

    transition:.35s;

}


.social-links a:hover i{

    transform:rotate(10deg) scale(1.15);

}


/*=========================================
            MARKETPLACE
==========================================*/

.market-card{

    background:#fff;

    border:1px solid #ece9df;

    border-radius:12px;

    padding:7px;

    display:flex;

    justify-content:center;

    align-items:center;

    min-height:72px;

    transition:.35s;

    text-decoration:none;

}


.market-card img{

    max-width:100%;

    max-height:48px;

    object-fit:contain;

    transition:.35s;

}


.market-card:hover{

    transform:translateY(-5px);

    box-shadow:0 12px 28px rgba(0,0,0,.10);

    border-color:#d8dfd3;

}


.market-card:hover img{

    transform:scale(1.07);

}


/*=========================================
            PAYMENT SECTION
==========================================*/

.footer-payments{

    background:#f1eee5;

    border-top:1px solid #e6e1d5;

    border-bottom:1px solid #e6e1d5;

    padding:22px 0;

}


.payment-wrapper{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:25px;

}


.payment-heading{
    display:flex;
    align-items:center;
    gap:9px;
    color:#536b45;
    font-size:14px;
    font-weight:700;
    white-space:nowrap;
}

.payment-heading i{

    font-size:16px;

}


.payment-methods{

    display:flex;

    align-items:center;

    justify-content:flex-end;

    flex-wrap:wrap;

    gap:10px;

}


.footer-payment-card{

    background:#fff;

    border:1px solid #e5e2d9;

    border-radius:8px;

    min-width:72px;

    height:40px;

    padding:6px 12px;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:5px;

    transition:.25s;

}


.footer-payment-card:hover{

    transform:translateY(-2px);

    box-shadow:0 5px 15px rgba(0,0,0,.08);

}


.footer-payment-card img{

    max-width:65px;

    max-height:26px;

    object-fit:contain;

}


.payment-text{

    font-size:12px;

    font-weight:800;

}


.payment-text i{

    font-size:18px;

}


.upi{

    color:#5f259f;

}


.visa{

    color:#1434CB;

    font-size:16px;

    font-style:italic;

}


.mastercard{

    color:#333;

}


.mastercard i{

    color:#eb001b;

}


.rupay{

    color:#1c4385;

    font-size:15px;

}


.cod{

    color:#536b45;

}


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

.footer-bottom{

    background:#faf9f4;

    border-top:0;

    font-size:13px;

    color:#666;

}


.footer-bottom strong{

    color:#20261d;

}


.footer-bottom a{

    color:#000;

    text-decoration:none;

    transition:.3s;

}


.footer-bottom a:hover{

    color:#536b45;

}


.footer-secure{
    color:#000;
    font-weight:600;
}


.footer-secure i{

    margin-right:6px;

}


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

@media(max-width:1199px){
    .footer-title{
        font-size:16px;
    }
    .footer-links a{
        font-size:13px;
    }
}
@media(max-width:991px){
    .footer-section > .container{
        padding-top:50px !important;
        padding-bottom:40px !important;
    }
    .footer-title{
        margin-top:5px;
    }
    .payment-wrapper{
        flex-direction:column;
        justify-content:center;
    }
    .payment-methods{
        justify-content:center;
    }
}
/*=========================================
            MOBILE
==========================================*/
@media(max-width:767px){
    .footer-newsletter{
        text-align:center;
    }
    .footer-newsletter-title{
        font-size:27px;
    }
    .footer-newsletter-text{
        font-size:13px;
    }
    .footer-newsletter-label{
        font-size:10px;
        letter-spacing:1.5px;
    }
    .newsletter-input,
    .subscribe-btn{
        height:50px;
    }
    /*-------------------------------------
        IMPORTANT:
        2 COLUMNS ON MOBILE
    --------------------------------------*/
    .footer-section > .container{
        padding-top:42px !important;
        padding-bottom:32px !important;
    }
    .footer-section > .container > .row{
        --bs-gutter-x:1.5rem;
        --bs-gutter-y:2.2rem;
    }
    .footer-title{
        font-size:16px;
        margin-bottom:21px;
    }
    .footer-links li{
        margin-bottom:10px;
    }
    .footer-links a{
        font-size:13px;
        line-height:1.5;
    }
    .social-links i{
        width:25px;
        min-width:25px;
        font-size:15px;
    }
    .market-card{
        min-height:62px;
        padding:7px;
    }
    .market-card img{
        max-height:30px;
    }
    /*-------------------------------------
            PAYMENT
    --------------------------------------*/
    .footer-payments{
        padding:20px 0;
    }
    .payment-heading{
        font-size:13px;
    }
    .payment-methods{
        gap:7px;
    }
    .footer-payment-card{
        min-width:62px;
        height:36px;
        padding:5px 8px;
    }
    .footer-payment-card img{
        max-width:55px;
        max-height:22px;
    }
    .payment-text{
        font-size:10px;
    }
    .payment-text i{
        font-size:15px;
    }
    /*-------------------------------------
            BOTTOM
    --------------------------------------*/
    .footer-bottom{
        text-align:center;
        font-size:12px;
    }
    .footer-secure{
        font-size:12px;
    }
}
/*=========================================
        VERY SMALL MOBILE
==========================================*/
@media(max-width:380px){
    .footer-links a{
        font-size:12px;
    }
    .footer-title{
        font-size:15px;
    }
    .footer-newsletter-title{
        font-size:24px;
    }
    .footer-payment-card{
        min-width:58px;
        padding:5px 6px;
    }
}

/*=========================================
            EMAIL JOIN US
==========================================*/
.footer-join-box{
    margin-top:22px;
}
.footer-join-form{
    width:100%;
    display:flex;
    align-items:center;
    border-bottom:1px solid #000;
    padding-bottom:10px;
}
.footer-join-form input{
    width:100%;
    min-width:0;
    border:0;
    outline:0;
    background:transparent;
    padding:0;
    color:#20261d;
    font-family:inherit;
    font-size:16px;
}
.footer-join-form input::placeholder{
    color:#000;
    opacity:1;
}
.footer-join-form button{
    flex-shrink:0;
    border:0;
    padding:0;
    margin:0;
    background:transparent;
    color:#000;
    font-size:12px;
    font-weight:600;
    letter-spacing:3px;
    white-space:nowrap;
    cursor:pointer;
    transition:.3s ease;
}
.footer-join-form button i{
    font-size:9px;
    margin-left:6px;
    transition:.3s ease;
}
.footer-join-form button:hover{
    color:#74213e;
}
.footer-join-form button:hover i{
    transform:translateX(4px);
}

/*=========================================
            MOBILE
==========================================*/
@media(max-width:767px){
    .footer-join-box{
        margin-top:17px;
    }
    .footer-join-form{
        padding-bottom:9px;
    }
    .footer-join-form input{
        font-size:14px;
    }
    .footer-join-form button{
        font-size:10px;
        letter-spacing:2.5px;
    }

}/*=========================================
            EMAIL JOIN US
==========================================*/
.footer-join-box{
    margin-top:22px;
}
.footer-join-form{
    width:100%;
    display:flex;
    align-items:center;
    border-bottom:1px solid #000;
    padding-bottom:10px;
}
.footer-join-form input{
    width:100%;
    min-width:0;
    border:0;
    outline:0;
    background:transparent;
    padding:0;
    color:#20261d;
    font-family:inherit;
    font-size:16px;
}
.footer-join-form input::placeholder{
    color:#000;
    opacity:1;
}
.footer-join-form button{
    flex-shrink:0;
    border:0;
    padding:0;
    margin:0;
    background:transparent;
    color:#000;
    font-size:12px;
    font-weight:600;
    letter-spacing:3px;
    white-space:nowrap;
    cursor:pointer;
    transition:.3s ease;
}
.footer-join-form button i{
    font-size:9px;
    margin-left:6px;
    transition:.3s ease;
}
.footer-join-form button:hover{
    color:#74213e;
}
.footer-join-form button:hover i{
    transform:translateX(4px);
}

/*=========================================
            MOBILE
==========================================*/
@media(max-width:767px){
    .footer-join-box{
        margin-top:17px;
    }
    .footer-join-form{
        padding-bottom:9px;
    }
    .footer-join-form input{
        font-size:14px;
    }
    .footer-join-form button{
        font-size:10px;
        letter-spacing:2.5px;
    }
}
/*=========================================
            Footer CSS End
===========================================*/

/*=================================================
            ABOUT CSS START
===================================================*/
/* =========================================================
   VEDA HEALTH LIFE
   ABOUT US - PREMIUM STYLES
========================================================= */

.vhl-about-page{
    --vhl-green:#174d3b;
    --vhl-green-dark:#0d3528;
    --vhl-green-soft:#eaf2ec;
    --vhl-green-light:#f4f8f4;
    --vhl-cream:#fbfaf6;
    --vhl-gold:#b4945b;
    --vhl-gold-light:#d5c18f;
    --vhl-white:#ffffff;
    --vhl-black:#10241d;
    --vhl-text:#304139;
    --vhl-muted:#6b7771;
    --vhl-border:#e1e9e3;
    --vhl-shadow:0 20px 55px rgba(13,53,40,.08);
    color:var(--vhl-text);
    background:#fff;
    overflow:hidden;
}

.vhl-about-page *{
    box-sizing:border-box;
}

.vhl-about-page img{
    max-width:100%;
    display:block;
}

.vhl-about-page p{
    color:var(--vhl-muted);
    font-size:16px;
    line-height:1.85;
}

.vhl-about-page h1,
.vhl-about-page h2,
.vhl-about-page h3,
.vhl-about-page h4,
.vhl-about-page p{
    margin-top:0;
}

.vhl-about-page h1,
.vhl-about-page h2,
.vhl-about-page h3,
.vhl-about-page h4{
    color:var(--vhl-black);
}

.vhl-about-page strong{
    color:inherit;
}


/* =========================================================
   COMMON
========================================================= */

.vhl-eyebrow{
    display:inline-flex;
    align-items:center;
    gap:12px;
    margin-bottom:22px;
    color:var(--vhl-gold);
    font-size:11px;
    font-weight:800;
    letter-spacing:3px;
    line-height:1;
}

.vhl-eyebrow:before{
    content:"";
    width:28px;
    height:1px;
    background:var(--vhl-gold);
}

.vhl-section-heading{
    margin-bottom:70px;
}

.vhl-section-heading.centered{
    max-width:900px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}

.vhl-section-heading.centered .vhl-eyebrow{
    justify-content:center;
}

.vhl-section-heading h2{
    margin-bottom:20px;
    font-size:clamp(42px,5.3vw,72px);
    line-height:1;
    letter-spacing:-2.5px;
    font-weight:800;
}

.vhl-section-heading h2 span{
    display:block;
    color:var(--vhl-green);
}

.vhl-section-heading p{
    max-width:650px;
    margin:25px auto 0;
}

.vhl-number{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:42px;
    height:42px;
    margin-bottom:25px;
    border:1px solid var(--vhl-gold);
    border-radius:50%;
    color:var(--vhl-gold);
    font-size:12px;
    font-weight:800;
}


/* =========================================================
   01 - PURE VEDA PURE YOU
========================================================= */

.vhl-about-intro{
    position:relative;
    padding:120px 0 130px;
    background:
        radial-gradient(circle at 85% 20%,rgba(180,148,91,.10),transparent 25%),
        var(--vhl-cream);
}

.vhl-intro-layout{
    display:grid;
    grid-template-columns:120px minmax(0,850px);
    gap:70px;
    max-width:1080px;
    margin:0 auto;
}

.vhl-intro-label{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:18px;
    color:var(--vhl-gold);
    font-size:10px;
    font-weight:800;
    letter-spacing:2px;
}

.vhl-intro-label span:first-child{
    display:flex;
    align-items:center;
    justify-content:center;
    width:42px;
    height:42px;
    border:1px solid var(--vhl-gold);
    border-radius:50%;
}

.vhl-intro-label span:last-child{
    writing-mode:vertical-rl;
    transform:rotate(180deg);
}

.vhl-intro-content h1{
    max-width:850px;
    margin-bottom:32px;
    font-size:clamp(60px,8vw,112px);
    line-height:.88;
    letter-spacing:-6px;
    font-weight:900;
}

.vhl-intro-content h1 span{
    display:block;
    color:var(--vhl-green);
}

.vhl-lead{
    max-width:680px;
    margin-bottom:55px!important;
    color:var(--vhl-black)!important;
    font-size:25px!important;
    line-height:1.5!important;
}

.vhl-lead strong{
    color:var(--vhl-green);
}

.vhl-text-content{
    max-width:760px;
}

.vhl-text-content p{
    margin-bottom:24px;
}

.vhl-highlight-message{
    display:flex;
    align-items:center;
    gap:18px;
    margin:38px 0;
    padding:23px 26px;
    border-left:3px solid var(--vhl-gold);
    background:rgba(255,255,255,.7);
    color:var(--vhl-green);
    font-size:22px;
    font-weight:700;
}

.vhl-highlight-message i{
    font-size:22px;
}

.vhl-final-line{
    margin-top:32px;
    color:var(--vhl-black)!important;
    font-size:20px!important;
}


/* =========================================================
   02 - AYURVEDA NEVER LEFT
========================================================= */

.vhl-never-left{
    padding:130px 0;
    background:#fff;
}

.vhl-large-statement{
    margin-top:38px;
    color:var(--vhl-gold);
    font-size:clamp(38px,6vw,76px);
    font-weight:900;
    letter-spacing:4px;
    line-height:1;
}

.vhl-heritage-layout{
    display:grid;
    grid-template-columns:.9fr 1.1fr;
    gap:85px;
    align-items:center;
}

.vhl-heritage-content h3{
    margin-bottom:30px;
    font-size:clamp(36px,4vw,56px);
    line-height:1;
    letter-spacing:-2px;
    font-weight:800;
}

.vhl-heritage-content h3 span{
    display:block;
    margin-top:6px;
    color:var(--vhl-green);
}

.vhl-heritage-content p{
    margin-bottom:20px;
}

.vhl-heritage-content p strong{
    color:var(--vhl-green);
}

.vhl-principles{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px;
}

.vhl-principle-card{
    position:relative;
    min-height:250px;
    padding:32px;
    border:1px solid var(--vhl-border);
    border-radius:24px;
    background:linear-gradient(145deg,#fff,#f7faf7);
    box-shadow:0 8px 30px rgba(13,53,40,.03);
    transition:all .35s ease;
    overflow:hidden;
}

.vhl-principle-card:after{
    content:"";
    position:absolute;
    right:-40px;
    bottom:-50px;
    width:130px;
    height:130px;
    border-radius:50%;
    background:rgba(23,77,59,.05);
    transition:.35s ease;
}

.vhl-principle-card:hover{
    transform:translateY(-8px);
    border-color:#cad9ce;
    box-shadow:var(--vhl-shadow);
}

.vhl-principle-card:hover:after{
    transform:scale(1.3);
}

.vhl-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:54px;
    height:54px;
    margin-bottom:25px;
    border-radius:50%;
    background:var(--vhl-green-soft);
    color:var(--vhl-green);
    font-size:21px;
}

.vhl-card-number{
    position:absolute;
    top:28px;
    right:28px;
    color:#c8d3cc;
    font-size:12px;
    font-weight:800;
}

.vhl-principle-card h4{
    margin-bottom:12px;
    color:var(--vhl-black);
    font-size:18px;
    letter-spacing:1px;
    font-weight:800;
}

.vhl-principle-card p{
    margin:0;
    font-size:14px;
    line-height:1.7;
}


/* FORMULA */

.vhl-formula{
    position:relative;
    margin-top:90px;
    padding:48px 55px;
    border-radius:30px;
    background:var(--vhl-green-dark);
    box-shadow:0 25px 60px rgba(13,53,40,.15);
    overflow:hidden;
}

.vhl-formula:before{
    content:"";
    position:absolute;
    top:-130px;
    right:-100px;
    width:300px;
    height:300px;
    border:1px solid rgba(255,255,255,.1);
    border-radius:50%;
}

.vhl-formula-label{
    margin-bottom:28px;
    color:#aebfb5;
    font-size:10px;
    font-weight:800;
    letter-spacing:3px;
    text-align:center;
}

.vhl-formula-items{
    display:grid;
    grid-template-columns:repeat(3,1fr);
}

.vhl-formula-items>div{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding:0 25px;
    border-right:1px solid rgba(255,255,255,.14);
    text-align:center;
}

.vhl-formula-items>div:last-child{
    border-right:0;
}

.vhl-formula-items span{
    color:var(--vhl-gold-light);
    font-size:11px;
    font-weight:800;
}

.vhl-formula-items strong{
    color:#fff;
    font-size:18px;
    letter-spacing:.5px;
}


/* =========================================================
   03 - WHY WE STARTED
========================================================= */

.vhl-why-started{
    padding:130px 0;
    background:var(--vhl-green-light);
}

.vhl-why-grid{
    display:grid;
    grid-template-columns:.85fr 1.15fr;
    gap:100px;
}

.vhl-why-heading h2{
    margin-bottom:40px;
    font-size:clamp(44px,5.3vw,72px);
    line-height:.98;
    letter-spacing:-3px;
    font-weight:900;
}

.vhl-why-heading h2 span{
    display:block;
    color:var(--vhl-green);
}

.vhl-vertical-line{
    width:1px;
    height:110px;
    margin-left:6px;
    background:linear-gradient(to bottom,var(--vhl-gold),transparent);
}

.vhl-why-content{
    padding-top:45px;
}

.vhl-why-content p{
    margin-bottom:24px;
}

.vhl-large-copy{
    color:var(--vhl-green)!important;
    font-size:30px!important;
    line-height:1.3!important;
    font-weight:700;
}

.vhl-prevention-box{
    display:flex;
    align-items:flex-start;
    gap:25px;
    margin-top:45px;
    padding:32px;
    border:1px solid #d7e3d9;
    border-radius:24px;
    background:#fff;
    box-shadow:0 15px 40px rgba(13,53,40,.06);
}

.vhl-prevention-icon{
    flex:0 0 58px;
    display:flex;
    align-items:center;
    justify-content:center;
    width:58px;
    height:58px;
    border-radius:50%;
    background:var(--vhl-green-soft);
    color:var(--vhl-green);
    font-size:23px;
}

.vhl-prevention-box>div:last-child>span{
    display:block;
    margin-bottom:12px;
    color:var(--vhl-gold);
    font-size:10px;
    font-weight:800;
    letter-spacing:2px;
}

.vhl-prevention-box h3{
    margin:0;
    color:var(--vhl-black);
    font-size:24px;
    line-height:1.25;
    font-weight:800;
}

.vhl-prevention-box h3 span{
    color:var(--vhl-green);
}


/* =========================================================
   04 - WHAT WE BELIEVE
========================================================= */

.vhl-beliefs{
    padding:130px 0;
    background:#fff;
}

.vhl-belief-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
}

.vhl-belief-card{
    position:relative;
    min-height:310px;
    padding:35px;
    border:1px solid var(--vhl-border);
    border-radius:26px;
    background:#fff;
    overflow:hidden;
    transition:.35s ease;
}

.vhl-belief-card:hover{
    transform:translateY(-9px);
    box-shadow:var(--vhl-shadow);
    border-color:#c9d8ce;
}

.vhl-belief-number{
    position:absolute;
    top:25px;
    right:28px;
    color:#cad5ce;
    font-size:12px;
    font-weight:800;
}

.vhl-belief-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:58px;
    height:58px;
    margin:25px 0 35px;
    border-radius:50%;
    background:var(--vhl-green-soft);
    color:var(--vhl-green);
    font-size:22px;
    transition:.35s ease;
}

.vhl-belief-card:hover .vhl-belief-icon{
    background:var(--vhl-green);
    color:#fff;
    transform:rotate(-8deg);
}

.vhl-belief-card h3{
    margin-bottom:13px;
    font-size:18px;
    line-height:1.2;
    letter-spacing:.5px;
    font-weight:800;
}

.vhl-belief-card p{
    margin:0;
    font-size:14px;
    line-height:1.7;
}


/* =========================================================
   05 - THE VEDA STANDARD
========================================================= */

.vhl-standard{
    position:relative;
    padding:130px 0;
    background:var(--vhl-green-dark);
    overflow:hidden;
}

.vhl-standard:before{
    content:"VEDA";
    position:absolute;
    right:-30px;
    bottom:-100px;
    color:rgba(255,255,255,.025);
    font-size:260px;
    line-height:1;
    font-weight:900;
}

.vhl-standard-grid{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:.9fr 1.1fr;
    gap:100px;
}

.vhl-standard-left .vhl-eyebrow{
    color:var(--vhl-gold-light);
}

.vhl-standard-left .vhl-eyebrow:before{
    background:var(--vhl-gold-light);
}

.vhl-standard-left h2{
    margin-bottom:60px;
    color:#fff;
    font-size:clamp(50px,6vw,82px);
    line-height:.9;
    letter-spacing:-4px;
    font-weight:900;
}

.vhl-standard-left h2 span{
    display:block;
    color:#a9c5b0;
}

.vhl-standard-quote{
    max-width:500px;
    padding-left:25px;
    border-left:2px solid var(--vhl-gold);
}

.vhl-standard-quote i{
    margin-bottom:15px;
    color:var(--vhl-gold-light);
    font-size:20px;
}

.vhl-standard-quote p{
    margin:0;
    color:#d4dfd8;
    font-size:19px;
    line-height:1.6;
}

.vhl-standard-quote strong{
    display:block;
    margin-top:8px;
    color:#fff;
    font-size:25px;
}

.vhl-standard-right{
    padding-top:45px;
}

.vhl-standard-right p{
    color:#b9c9c0;
}

.vhl-standard-intro{
    margin-bottom:10px!important;
}

.vhl-standard-right h3{
    margin-bottom:28px;
    color:#fff;
    font-size:31px;
    line-height:1.2;
}

.vhl-standard-points{
    margin-top:45px;
}

.vhl-standard-point{
    display:grid;
    grid-template-columns:45px 1fr;
    gap:20px;
    padding:22px 0;
    border-top:1px solid rgba(255,255,255,.12);
}

.vhl-standard-point>span{
    color:var(--vhl-gold-light);
    font-size:12px;
    font-weight:800;
}

.vhl-standard-point strong{
    display:block;
    margin-bottom:5px;
    color:#fff;
    letter-spacing:1px;
}

.vhl-standard-point p{
    margin:0;
    font-size:14px;
}


/* =========================================================
   06 - FROM FAMILY TO YOURS
========================================================= */

.vhl-family{
    padding:130px 0;
    background:var(--vhl-cream);
}

.vhl-family-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:90px;
    align-items:center;
}

.vhl-family-image{
    position:relative;
    padding:0 25px 25px 0;
}

.vhl-image-frame{
    position:relative;
    height:620px;
    border-radius:28px;
    overflow:hidden;
    background:#ddd;
}

.vhl-image-frame:after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(to top,rgba(13,53,40,.2),transparent 40%);
}

.vhl-image-frame img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .8s ease;
}

.vhl-family-image:hover img{
    transform:scale(1.04);
}

.vhl-family-image:after{
    content:"";
    position:absolute;
    right:0;
    bottom:0;
    width:55%;
    height:55%;
    border:1px solid var(--vhl-gold);
    border-radius:0 0 28px 0;
    z-index:0;
}

.vhl-image-badge{
    position:absolute;
    left:0;
    bottom:0;
    z-index:3;
    display:flex;
    align-items:center;
    gap:12px;
    padding:16px 22px;
    border-radius:0 20px 0 20px;
    background:var(--vhl-green);
    color:#fff;
    font-size:10px;
    font-weight:800;
    letter-spacing:1.5px;
}

.vhl-image-badge i{
    color:var(--vhl-gold-light);
}

.vhl-family-content h2{
    margin-bottom:35px;
    font-size:clamp(46px,5vw,70px);
    line-height:.95;
    letter-spacing:-3px;
    font-weight:900;
}

.vhl-family-content h2 span{
    display:block;
    color:var(--vhl-green);
}

.vhl-family-content p{
    margin-bottom:21px;
}

.vhl-family-quote{
    margin-top:40px;
    padding:24px 0 0;
    border-top:1px solid var(--vhl-border);
}

.vhl-family-quote span{
    display:block;
    margin-bottom:10px;
    color:var(--vhl-gold);
    font-size:10px;
    font-weight:800;
    letter-spacing:2px;
}

.vhl-family-quote strong{
    display:block;
    max-width:520px;
    color:var(--vhl-green);
    font-size:24px;
    line-height:1.35;
}


/* =========================================================
   07 - OUR PROMISE
========================================================= */

.vhl-promise{
    padding:130px 0;
    background:#fff;
}

.vhl-promise-intro{
    max-width:760px;
    margin:0 auto 55px;
    text-align:center;
}

.vhl-promise-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:16px;
    max-width:1050px;
    margin:0 auto;
}

.vhl-promise-card{
    position:relative;
    min-height:190px;
    padding:30px;
    border:1px solid var(--vhl-border);
    border-radius:22px;
    background:var(--vhl-green-light);
    transition:.3s ease;
    overflow:hidden;
}

.vhl-promise-card:hover{
    transform:translateY(-6px);
    background:#fff;
    box-shadow:var(--vhl-shadow);
}

.vhl-promise-card i{
    display:flex;
    align-items:center;
    justify-content:center;
    width:46px;
    height:46px;
    margin-bottom:28px;
    border-radius:50%;
    background:#fff;
    color:var(--vhl-green);
}

.vhl-promise-card>span{
    position:absolute;
    top:28px;
    right:28px;
    color:#c5d1c9;
    font-size:11px;
    font-weight:800;
}

.vhl-promise-card h3{
    margin:0;
    font-size:15px;
    line-height:1.35;
    letter-spacing:1px;
}

.vhl-promise-bottom{
    max-width:900px;
    margin:75px auto 0;
    text-align:center;
}

.vhl-promise-bottom span{
    display:block;
    margin-bottom:12px;
    color:var(--vhl-muted);
    font-size:11px;
    font-weight:700;
    letter-spacing:2px;
}

.vhl-promise-bottom strong{
    display:block;
    color:var(--vhl-green);
    font-size:clamp(30px,4vw,52px);
    line-height:1;
    letter-spacing:-1px;
}

/*==================================
      08  VHL AWARDS SECTION
==================================*/

.vhl-awards-section {
    padding: 20px 0 75px;
    background: #ffffff;
    overflow: hidden;
}
/*==================================
        AWARDS HEADING
==================================*/

.vhl-awards-heading {

    margin-bottom:20px;

    text-align: center;

}


.vhl-awards-heading h2 {

    margin: 0;

    font-family:
        "Playfair Display",
        Georgia,
        serif;

    font-size: 32px;

    font-weight: 400;

    line-height: 1.2;

    letter-spacing: 7px;

    text-transform: uppercase;

    color: #20261d;

}


.vhl-awards-heading h2 span {

    display: inline-block;

    margin: 0 8px;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size: 30px;

    font-weight: 300;

    letter-spacing: 2px;

    color: #536b45;

}


/*==================================
        HEADING DECORATION
==================================*/

.vhl-awards-heading::after {

    content: "";

    display: block;

    width: 45px;

    height: 1px;

    margin: 16px auto 0;

    background: #536b45;

}
/*==================================
        AWARDS SLIDER
==================================*/
.vhlAwardsSwiper {
    width: 100%;
    padding:20px 0 35px;
    overflow: visible;
}
/*==================================
        SLIDE
==================================*/
.vhlAwardsSwiper .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.50;
    transform: scale(0.88);
    transition:
        opacity 0.6s ease,
        transform 0.6s ease;
}
/*==================================
        CENTER SLIDE
==================================*/
.vhlAwardsSwiper .swiper-slide-active {
    opacity: 1;
    transform: scale(1);
}
/*==================================
        AWARD ITEM
==================================*/
.vhl-award-item {
    width: 100%;
    max-width: 570px;
    display: flex;
    justify-content: center;
    align-items: center;
}
/*==================================
        AWARD IMAGE
==================================*/
.vhl-award-image {
    width: 100%;
    height: 170px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.vhl-award-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}
/*==================================
        PAGINATION
==================================*/
.vhl-awards-pagination {
    bottom: 5px !important;
}
.vhl-awards-pagination
.swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    margin: 0 4px !important;
    opacity: 0.25;
    transition: all 0.3s ease;
}
.vhl-awards-pagination
.swiper-pagination-bullet-active {
    width: 22px;
    border-radius: 20px;
    opacity: 1;
}
/*==================================
        TABLET
==================================*/
@media (max-width: 991px) {
    .vhl-awards-section {
        padding: 60px 0 65px;
    }
    .vhl-awards-heading h2 {
        font-size: 28px;
    }
    .vhl-award-item {
        max-width: 450px;
    }
    .vhl-award-image {
        height: 150px;
    }
}
/*==================================
        MOBILE
==================================*/
@media (max-width: 767px) {

    .vhl-awards-section {
        padding: 50px 0 60px;
    }
    .vhl-awards-heading {
        margin-bottom: 25px;

    }


    .vhl-awards-heading h2 {
        font-size:20px;
        letter-spacing: 4px;

    }


    .vhl-awards-heading h2 span {
        margin: 0 4px;
        font-size: 23px;

    }


    .vhl-awards-heading::after {

        width: 35px;

        margin-top: 12px;

    }

    .vhlAwardsSwiper {

        padding-top: 5px;

    }


    .vhlAwardsSwiper .swiper-slide {

        opacity: 0.25;

        transform: scale(0.92);

    }


    .vhlAwardsSwiper .swiper-slide-active {

        opacity: 1;

        transform: scale(1);

    }


    .vhl-award-item {

        max-width: 92%;

    }


    .vhl-award-image {

        height: 150px;

    }

}


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

@media (max-width: 400px) {

    .vhl-award-image {

        height: 130px;

    }


    .vhl-award-item {

        max-width: 94%;

    }

}

/* =========================================================
   09 - THANK YOU
========================================================= */

.vhl-thank-you{
    padding:100px 0;
    background:#fff;
}

.vhl-thank-you-inner{
    max-width:900px;
    margin:auto;
    text-align:center;
}

.vhl-thank-you-inner h2{
    margin-bottom:25px;
    font-size:clamp(35px,4.5vw,60px);
    line-height:1;
    letter-spacing:-2px;
    font-weight:900;
}

.vhl-thank-you-inner h2 span{
    display:block;
    color:var(--vhl-green);
}

.vhl-thank-you-inner p{
    margin:0;
    color:var(--vhl-gold);
    font-size:18px;
    font-weight:700;
}


/* =========================================================
   10 - FUTURE
========================================================= */

.vhl-future{
    position:relative;
    padding:150px 0;
    background:
        linear-gradient(rgba(8,39,29,.88),rgba(8,39,29,.94)),
        url("../images/about/about-future.webp") center/cover no-repeat;
    overflow:hidden;
}

.vhl-future:before{
    content:"";
    position:absolute;
    left:-180px;
    top:-180px;
    width:400px;
    height:400px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:50%;
}

.vhl-future:after{
    content:"";
    position:absolute;
    right:-200px;
    bottom:-200px;
    width:500px;
    height:500px;
    border:1px solid rgba(255,255,255,.06);
    border-radius:50%;
}

.vhl-future-overlay{
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at center,rgba(90,140,105,.14),transparent 45%);
}

.vhl-future-content{
    position:relative;
    z-index:2;
    max-width:1050px;
    margin:auto;
    text-align:center;
}

.vhl-future-content .vhl-eyebrow{
    color:var(--vhl-gold-light);
}

.vhl-future-content .vhl-eyebrow:before{
    background:var(--vhl-gold-light);
}

.vhl-future-content h2{
    margin-bottom:15px;
    color:#fff;
    font-size:clamp(42px,6vw,78px);
    line-height:.95;
    letter-spacing:-3px;
    font-weight:900;
}

.vhl-future-content h2 span{
    color:#a9c5b0;
}

.vhl-future-main{
    margin:35px 0 50px;
    color:var(--vhl-gold-light);
    font-size:clamp(32px,5vw,65px);
    line-height:1;
    letter-spacing:-2px;
    font-weight:900;
}

.vhl-future-copy{
    max-width:650px;
    margin:auto;
}

.vhl-future-copy p{
    color:#c6d4cc;
    font-size:19px;
}

.vhl-future-copy strong{
    display:block;
    margin-top:8px;
    color:#fff;
    font-size:25px;
}

.vhl-future-pillars{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    max-width:850px;
    margin:60px auto;
    border:1px solid rgba(255,255,255,.13);
    border-radius:22px;
    overflow:hidden;
}

.vhl-future-pillars>div{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:15px;
    padding:30px 20px;
    border-right:1px solid rgba(255,255,255,.13);
}

.vhl-future-pillars>div:last-child{
    border-right:0;
}

.vhl-future-pillars i{
    color:var(--vhl-gold-light);
    font-size:23px;
}

.vhl-future-pillars span{
    color:#fff;
    font-size:11px;
    font-weight:800;
    letter-spacing:1.5px;
}

.vhl-future-ending{
    max-width:650px;
    margin:0 auto;
    color:#c6d4cc;
    font-size:17px;
    line-height:1.8;
}

.vhl-future-ending strong{
    display:block;
    color:#fff;
}

.vhl-final-brand{
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    gap:18px;
    margin-top:70px;
}

.vhl-final-brand strong{
    color:#fff;
    font-size:clamp(38px,5vw,65px);
    line-height:1;
    letter-spacing:-2px;
}

.vhl-final-brand strong:last-child{
    color:#a9c5b0;
}

.vhl-welcome{
    margin-top:22px;
    color:var(--vhl-gold-light);
    font-size:17px;
    font-weight:600;
}


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

@media(max-width:1199px){

    .vhl-intro-layout{
        grid-template-columns:80px 1fr;
        gap:45px;
    }

    .vhl-heritage-layout,
    .vhl-standard-grid{
        gap:60px;
    }

    .vhl-why-grid{
        gap:60px;
    }

    .vhl-family-grid{
        gap:60px;
    }

}


/* =========================================================
   TABLET / SMALL LAPTOP
========================================================= */

@media(max-width:991px){

    .vhl-about-intro,
    .vhl-never-left,
    .vhl-why-started,
    .vhl-beliefs,
    .vhl-standard,
    .vhl-family,
    .vhl-promise,
    .vhl-recognition{
        padding-top:90px;
        padding-bottom:90px;
    }

    .vhl-intro-layout{
        grid-template-columns:1fr;
        gap:30px;
    }

    .vhl-intro-label{
        flex-direction:row;
        justify-content:flex-start;
    }

    .vhl-intro-label span:last-child{
        writing-mode:initial;
        transform:none;
    }

    .vhl-intro-content h1{
        font-size:clamp(60px,10vw,95px);
    }

    .vhl-heritage-layout,
    .vhl-why-grid,
    .vhl-standard-grid,
    .vhl-family-grid{
        grid-template-columns:1fr;
    }

    .vhl-why-content,
    .vhl-standard-right{
        padding-top:0;
    }

    .vhl-belief-grid{
        grid-template-columns:1fr 1fr;
    }

    .vhl-family-image{
        max-width:700px;
        margin:auto;
        width:100%;
    }

    .vhl-recognition-header{
        grid-template-columns:1fr;
        gap:25px;
        align-items:start;
    }

    .vhl-awards-grid{
        grid-template-columns:1fr 1fr;
    }

}


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

@media(max-width:767px){

    .vhl-about-page p{
        font-size:15px;
        line-height:1.75;
    }

    .vhl-eyebrow{
        margin-bottom:17px;
        font-size:9px;
        letter-spacing:2px;
    }

    .vhl-section-heading{
        margin-bottom:45px;
    }

    .vhl-section-heading h2{
        font-size:40px;
        letter-spacing:-1.5px;
    }

    .vhl-about-intro,
    .vhl-never-left,
    .vhl-why-started,
    .vhl-beliefs,
    .vhl-standard,
    .vhl-family,
    .vhl-promise,
    .vhl-recognition{
        padding-top:70px;
        padding-bottom:70px;
    }

    /* INTRO */

    .vhl-intro-label{
        gap:12px;
        font-size:8px;
    }

    .vhl-intro-label span:first-child{
        width:35px;
        height:35px;
    }

    .vhl-intro-content h1{
        margin-bottom:25px;
        font-size:58px;
        line-height:.9;
        letter-spacing:-3px;
    }

    .vhl-lead{
        margin-bottom:40px!important;
        font-size:20px!important;
    }

    .vhl-highlight-message{
        gap:13px;
        padding:19px;
        font-size:18px;
    }

    .vhl-final-line{
        font-size:18px!important;
    }

    /* NEVER LEFT */

    .vhl-large-statement{
        margin-top:25px;
        font-size:36px;
        letter-spacing:2px;
    }

    .vhl-heritage-content h3{
        font-size:37px;
        letter-spacing:-1.5px;
    }

    .vhl-principles{
        grid-template-columns:1fr;
        gap:14px;
    }

    .vhl-principle-card{
        min-height:auto;
        padding:25px;
    }

    .vhl-formula{
        margin-top:55px;
        padding:32px 20px;
        border-radius:22px;
    }

    .vhl-formula-items{
        grid-template-columns:1fr;
    }

    .vhl-formula-items>div{
        padding:18px 10px;
        border-right:0;
        border-bottom:1px solid rgba(255,255,255,.14);
    }

    .vhl-formula-items>div:last-child{
        border-bottom:0;
    }

    .vhl-formula-items strong{
        font-size:16px;
    }

    /* WHY */

    .vhl-why-heading h2{
        font-size:43px;
        letter-spacing:-2px;
    }

    .vhl-vertical-line{
        height:70px;
    }

    .vhl-large-copy{
        font-size:25px!important;
    }

    .vhl-prevention-box{
        gap:17px;
        padding:22px;
    }

    .vhl-prevention-icon{
        flex:0 0 48px;
        width:48px;
        height:48px;
        font-size:19px;
    }

    .vhl-prevention-box h3{
        font-size:20px;
    }

    /* BELIEFS */

    .vhl-belief-grid{
        grid-template-columns:1fr;
        gap:14px;
    }

    .vhl-belief-card{
        min-height:250px;
        padding:28px;
    }

    /* STANDARD */

    .vhl-standard-left h2{
        margin-bottom:40px;
        font-size:52px;
        letter-spacing:-2px;
    }

    .vhl-standard-quote p{
        font-size:17px;
    }

    .vhl-standard-quote strong{
        font-size:21px;
    }

    .vhl-standard-right h3{
        font-size:26px;
    }

    .vhl-standard-point{
        grid-template-columns:35px 1fr;
        gap:13px;
    }

    /* FAMILY */

    .vhl-family-grid{
        gap:45px;
    }

    .vhl-family-image{
        padding:0 12px 12px 0;
    }

    .vhl-image-frame{
        height:420px;
        border-radius:22px;
    }

    .vhl-family-image:after{
        border-radius:0 0 22px 0;
    }

    .vhl-image-badge{
        padding:12px 16px;
        font-size:8px;
    }

    .vhl-family-content h2{
        font-size:48px;
        letter-spacing:-2px;
    }

    .vhl-family-quote strong{
        font-size:20px;
    }

    /* PROMISE */

    .vhl-promise-intro{
        margin-bottom:40px;
    }

    .vhl-promise-grid{
        grid-template-columns:1fr;
        gap:12px;
    }

    .vhl-promise-card{
        min-height:150px;
    }

    .vhl-promise-bottom{
        margin-top:55px;
    }

    .vhl-promise-bottom span{
        font-size:9px;
        line-height:1.6;
    }

    .vhl-promise-bottom strong{
        font-size:32px;
        line-height:1.1;
    }

    /* RECOGNITION */

    .vhl-recognition-header{
        margin-bottom:45px;
    }

    .vhl-recognition-header h2{
        font-size:43px;
        letter-spacing:-2px;
    }

    .vhl-awards-grid{
        grid-template-columns:1fr;
    }

    .vhl-award-content{
        padding:25px;
    }

    .vhl-recognition-footer{
        padding:17px;
    }

    /* THANK YOU */

    .vhl-thank-you{
        padding:75px 0;
    }

    .vhl-thank-you-inner h2{
        font-size:37px;
    }

    /* FUTURE */

    .vhl-future{
        padding:90px 0;
    }

    .vhl-future-content h2{
        font-size:43px;
        letter-spacing:-2px;
    }

    .vhl-future-main{
        margin:25px 0 35px;
        font-size:36px;
        line-height:1.05;
    }

    .vhl-future-copy p{
        font-size:16px;
    }

    .vhl-future-copy strong{
        font-size:21px;
    }

    .vhl-future-pillars{
        grid-template-columns:1fr;
        margin:45px auto;
    }

    .vhl-future-pillars>div{
        border-right:0;
        border-bottom:1px solid rgba(255,255,255,.13);
    }

    .vhl-future-pillars>div:last-child{
        border-bottom:0;
    }

    .vhl-final-brand{
        flex-direction:column;
        gap:5px;
        margin-top:50px;
    }

    .vhl-final-brand strong{
        font-size:42px;
    }

}


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

@media(max-width:400px){

    .vhl-intro-content h1{
        font-size:51px;
    }

    .vhl-heritage-content h3{
        font-size:33px;
    }

    .vhl-why-heading h2{
        font-size:38px;
    }

    .vhl-family-content h2{
        font-size:43px;
    }

    .vhl-standard-left h2{
        font-size:46px;
    }

    .vhl-future-content h2{
        font-size:38px;
    }

    .vhl-future-main{
        font-size:32px;
    }

    .vhl-final-brand strong{
        font-size:38px;
    }

}
/* =========================================================
   ABOUT PAGE ANIMATIONS
========================================================= */

.vhl-reveal{
    opacity:0;
    transform:translateY(35px);
    transition:
        opacity .75s ease,
        transform .75s cubic-bezier(.22,1,.36,1);
}

.vhl-reveal-show{
    opacity:1;
    transform:translateY(0);
}

.vhl-award-image img{
    transition:transform .6s cubic-bezier(.22,1,.36,1);
}

@media(max-width:767px){

    .vhl-reveal{
        transform:translateY(20px);
        transition-duration:.6s;
    }

}
@media(max-width:767px){

    .vhl-future{
        background-position:center center;
        background-size:cover;
    }

}
@media(max-width:767px){

    .vhl-image-frame img{
        object-position:center;
    }

}

/*=================================================
            ABOUT CSS END
===================================================*/

/*=================================================
            CONTACT CSS START
===================================================*/

.contact-page {
    background: #ffffff;
    color: #173b32;
}

.contact-hero {
    background:
        linear-gradient(
            90deg,
            rgba(238,249,241,.97),
            rgba(238,249,241,.75)
        );
    padding: 70px 20px 80px;
    position: relative;
    overflow: hidden;
}

.contact-hero:before,
.contact-hero:after {
    content: "";
    position: absolute;
    width: 280px;
    height: 280px;
    background: rgba(119,185,84,.10);
    border-radius: 50%;
    filter: blur(5px);
}

.contact-hero:before {
    left: -120px;
    top: -80px;
}

.contact-hero:after {
    right: -100px;
    bottom: -120px;
}

.contact-hero-content {
    position: relative;
    z-index: 2;
    text-align: center;
}

.contact-breadcrumb {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #ffffff;
    border: 1px solid #e5efe8;
    border-radius: 50px;
    padding: 9px 18px;
    font-size: 14px;
    margin-bottom: 22px;
    box-shadow: 0 5px 20px rgba(0,0,0,.04);
}

.contact-breadcrumb a {
    color: #287c42;
    text-decoration: none;
}

.contact-hero h1 {
    font-size: clamp(36px, 5vw, 58px);
    font-weight: 800;
    margin: 0 0 15px;
    color: #123b30;
}

.contact-hero p {
    max-width: 650px;
    margin: auto;
    color: #5d7169;
    font-size: 17px;
    line-height: 1.7;
}

/* CONTACT CARDS */

.contact-info-section {
    margin-top: -45px;
    position: relative;
    z-index: 5;
    padding: 0 15px;
}

.contact-info-card {
    height: 100%;
    background: #ffffff;
    border: 1px solid #e8eee9;
    border-radius: 20px;
    padding: 25px;
    box-shadow: 0 12px 35px rgba(25,75,45,.08);
    transition: .3s ease;
}

.contact-info-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 45px rgba(25,75,45,.13);
}

.contact-icon {
    width: 55px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #eaf7e9;
    color: #398c35;
    border-radius: 16px;
    font-size: 22px;
    margin-bottom: 18px;
}

.contact-info-card h4 {
    font-size: 19px;
    font-weight: 700;
    margin-bottom: 9px;
    color: #153c31;
}

.contact-info-card strong {
    display: block;
    color: #277d3b;
    margin-bottom: 8px;
}

.contact-info-card p {
    margin: 0;
    color: #66766f;
    font-size: 14px;
    line-height: 1.7;
}

/* MAIN SECTION */

.contact-main {
    padding: 70px 15px;
}

.contact-form-card,
.contact-map-card {
    height: 100%;
    background: #ffffff;
    border: 1px solid #e5eee7;
    border-radius: 24px;
    box-shadow: 0 10px 35px rgba(22,65,40,.07);
    overflow: hidden;
}

.contact-form-card {
    padding: 38px;
    background: linear-gradient(145deg,#f4fbf5,#ffffff);
}

.section-small-title {
    color: #3b923b;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    margin-bottom: 8px;
}

.contact-form-card h2 {
    font-size: 31px;
    font-weight: 800;
    color: #123c30;
    margin-bottom: 10px;
}

.contact-description {
    color: #687871;
    margin-bottom: 28px;
}

.form-label {
    font-weight: 600;
    font-size: 14px;
    color: #25443a;
    margin-bottom: 8px;
}

.required {
    color: #d43c3c;
}

.form-control {
    height: 52px;
    border-radius: 12px;
    border: 1px solid #dce7df;
    padding: 0 15px;
    box-shadow: none !important;
    transition: .25s;
}

textarea.form-control {
    height: 135px;
    padding-top: 14px;
    resize: vertical;
}

.form-control:focus {
    border-color: #62a94d;
    box-shadow: 0 0 0 4px rgba(98,169,77,.10) !important;
}

/* PHONE */

.phone-wrapper {
    display: flex;
    border: 1px solid #dce7df;
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    transition: .25s;
}

.phone-wrapper:focus-within {
    border-color: #62a94d;
    box-shadow: 0 0 0 4px rgba(98,169,77,.10);
}

.phone-prefix {
    width: 72px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    font-weight: 700;
    color: #245c34;
    background: #f1f8f1;
    border-right: 1px solid #dce7df;
}

.phone-wrapper input {
    border: 0 !important;
    box-shadow: none !important;
    height: 50px;
}

/* SUBJECT CHECKBOXES */

.subject-box {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 10px;
}

.subject-option {
    position: relative;
}

.subject-option input {
    position: absolute;
    opacity: 0;
}

.subject-option label {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 48px;
    padding: 10px 13px;
    border: 1px solid #dce7df;
    border-radius: 11px;
    background: #ffffff;
    cursor: pointer;
    color: #51645c;
    font-size: 13px;
    transition: .25s;
}

.subject-option label:before {
    content: "";
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    border: 2px solid #cbd9cf;
    border-radius: 5px;
    transition: .2s;
}

.subject-option input:checked + label {
    border-color: #4b963f;
    background: #eff9ed;
    color: #286d34;
    font-weight: 600;
}

.subject-option input:checked + label:before {
    border-color: #4b963f;
    background: #4b963f;
    box-shadow: inset 0 0 0 3px #fff;
}

/* ERROR */

.field-error {
    display: none;
    color: #d43838;
    font-size: 12px;
    margin-top: 6px;
    font-weight: 500;
}

.field-error.show {
    display: block;
}

.is-invalid-custom {
    border-color: #dc3545 !important;
}

.subject-error {
    margin-top: 8px;
}

/* BUTTON */

.contact-submit {
    width: 100%;
    height: 54px;
    border: 0;
    border-radius: 12px;
    background: linear-gradient(135deg,#267b35,#4d9e37);
    color: #ffffff;
    font-weight: 700;
    letter-spacing: .3px;
    transition: .3s;
}

.contact-submit:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(46,126,50,.22);
}

.contact-submit:disabled {
    opacity: .7;
    cursor: not-allowed;
}

.security-note {
    text-align: center;
    margin-top: 13px;
    color: #718078;
    font-size: 12px;
}

/* MAP */

.contact-map-card {
    padding: 25px;
}

.map-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
}

.map-header-icon {
    width: 48px;
    height: 48px;
    background: #e9f7e8;
    color: #27803b;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    font-size: 20px;
}

.map-header h3 {
    margin: 0;
    font-size: 22px;
    font-weight: 750;
    color: #173d32;
}

.map-header p {
    margin: 3px 0 0;
    font-size: 13px;
    color: #718078;
}

.map-wrapper {
    height: 535px;
    border-radius: 18px;
    overflow: hidden;
    background: #e9eee9;
}

.map-wrapper iframe {
    width: 100%;
    height: 100%;
    border: 0;
}

/* QUICK ASSIST */

.quick-assistance {
    margin: 0 15px 70px;
    background: linear-gradient(135deg,#eff9ec,#f8fcf8);
    border: 1px solid #dfeede;
    border-radius: 25px;
    padding: 32px 40px;
}

.quick-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
}

.quick-title {
    display: flex;
    align-items: center;
    gap: 18px;
}

.quick-icon {
    width: 62px;
    height: 62px;
    border-radius: 18px;
    background: #dff2da;
    color: #27803b;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
}

.quick-title h3 {
    margin: 0 0 5px;
    font-size: 25px;
    font-weight: 800;
    color: #163e32;
}

.quick-title p {
    margin: 0;
    color: #65756e;
}

.quick-buttons {
    display: flex;
    gap: 12px;
}

.quick-btn {
    min-width: 150px;
    height: 50px;
    border-radius: 11px;
    padding: 0 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-decoration: none;
    font-weight: 700;
    transition: .25s;
}

.quick-call {
    color: #23743a;
    border: 1px solid #4c9846;
    background: #ffffff;
}

.quick-whatsapp {
    color: #ffffff;
    background: #25843d;
    border: 1px solid #25843d;
}

.quick-btn:hover {
    transform: translateY(-2px);
}

/* ALERT */

.contact-alert {
    border-radius: 12px;
    border: 0;
    font-size: 14px;
}

/* RESPONSIVE */

@media (max-width: 991px) {

    .contact-hero {
        padding: 55px 20px 70px;
    }

    .contact-main {
        padding: 50px 15px;
    }

    .map-wrapper {
        height: 450px;
    }

    .quick-content {
        flex-direction: column;
        text-align: center;
    }

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

@media (max-width: 767px) {

    .contact-hero {
        padding: 45px 18px 65px;
    }

    .contact-hero h1 {
        font-size: 36px;
    }

    .contact-hero p {
        font-size: 15px;
    }

    .contact-info-section {
        margin-top: -30px;
    }

    .contact-info-card {
        padding: 22px;
    }

    .contact-main {
        padding: 40px 12px;
    }

    .contact-form-card {
        padding: 25px 20px;
    }

    .contact-form-card h2 {
        font-size: 26px;
    }

    .subject-box {
        grid-template-columns: 1fr;
    }

    .map-wrapper {
        height: 380px;
    }

    .contact-map-card {
        padding: 18px;
    }

    .quick-assistance {
        margin: 0 12px 45px;
        padding: 28px 20px;
    }

    .quick-title {
        flex-direction: column;
    }

    .quick-buttons {
        width: 100%;
        flex-direction: column;
    }

    .quick-btn {
        width: 100%;
    }
}

/*=================================================
            CONTACT CSS END
===================================================*/
/*================================== 
                        FOUNDERS SECTION
  ==================================*/

.vhl-founders{
    position:relative;
    background:#ffffff;
    padding:120px 20px;
    overflow:hidden;
}


.vhl-founders-container{
    max-width:1200px;
    margin:0 auto;
}


/*================================== 
                        SECTION HEADER
  ==================================*/

.vhl-founders-header{
    max-width:720px;
    margin:0 auto 100px;
    text-align:center;
}


.vhl-founders-eyebrow{
    display:inline-block;
    margin-bottom:18px;
    font-size:11px;
    font-weight:700;
    letter-spacing:3px;
    color:#718875;
}


.vhl-founders-header h2{
    margin:0;
    font-family:Georgia,serif;
    font-size:52px;
    line-height:1.08;
    font-weight:500;
    color:#24382b;
}


.vhl-founders-header h2 span{
    display:block;
    font-style:italic;
    color:#7c917e;
}


.vhl-founders-header p{
    max-width:540px;
    margin:22px auto 0;
    font-size:16px;
    line-height:1.8;
    color:#6d786f;
}


/*================================== 
                        FOUNDER STORY
  ==================================*/

.vhl-founder-story{
    display:grid;
    grid-template-columns:1fr 1fr;
    align-items:center;
    gap:90px;
    margin-bottom:120px;
}


.vhl-founder-story:last-child{
    margin-bottom:0;
}


/*================================== 
                        VISUAL
  ==================================*/

.vhl-founder-visual{
    position:relative;
    min-height:520px;
    display:flex;
    align-items:center;
    justify-content:center;
}


.vhl-founder-image-wrap{
    position:relative;
    width:390px;
    height:490px;
    overflow:hidden;
    border-radius:50px;
    background:#e9eee9;
    box-shadow:0 25px 60px rgba(45,70,52,.12);
}


.vhl-founder-image-wrap img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:transform .7s ease;
}


.vhl-founder-story:hover .vhl-founder-image-wrap img{
    transform:scale(1.04);
}


/*================================== 
                        NUMBER
  ==================================*/

.vhl-founder-number{
    position:absolute;
    top:15px;
    left:30px;
    z-index:3;

    width:74px;
    height:74px;

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

    border-radius:50%;
    background:#ffffff;

    font-size:17px;
    font-weight:600;
    letter-spacing:2px;
    color:#5f7865;

    box-shadow:0 12px 30px rgba(40,60,45,.12);
}


/*================================== 
                        LEAF
  ==================================*/

.vhl-founder-leaf{
    position:absolute;
    right:45px;
    bottom:25px;

    width:68px;
    height:68px;

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

    border-radius:50%;
    background:#dfe9df;

    color:#6d876f;
    font-size:23px;

    transform:rotate(-12deg);
}


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

.vhl-founder-content{
    max-width:510px;
}


.vhl-founder-small{
    display:block;
    margin-bottom:18px;

    font-size:10px;
    font-weight:700;
    letter-spacing:3px;

    color:#7d9180;
}


.vhl-founder-content h3{
    margin:0;

    font-family:Georgia,serif;
    font-size:43px;
    line-height:1.12;
    font-weight:500;

    color:#24382b;
}


.vhl-founder-content h3 span{
    display:block;
    color:#78907b;
    font-style:italic;
}


.vhl-founder-line{
    width:55px;
    height:2px;
    margin:28px 0;

    background:#a5b6a6;
}


.vhl-founder-quote{
    margin:0;

    font-family:Georgia,serif;
    font-size:18px;
    line-height:1.9;

    color:#56645a;
}


.vhl-founder-name{
    display:flex;
    align-items:center;
    gap:12px;

    margin-top:30px;
}


.vhl-founder-name strong{
    font-size:14px;
    color:#26382b;
}


.vhl-founder-name span{
    position:relative;
    padding-left:12px;

    font-size:12px;
    color:#89938b;
}


.vhl-founder-name span::before{
    content:"";
    position:absolute;
    left:0;
    top:50%;
    width:4px;
    height:4px;
    border-radius:50%;
    background:#9aaa9b;
    transform:translateY(-50%);
}


/*================================== 
                        SECOND STORY
  ==================================*/

.vhl-founder-two{
    grid-template-columns:1fr 1fr;
}


.vhl-founder-two .vhl-founder-content{
    justify-self:end;
}


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

@media(max-width:991px){

    .vhl-founders{
        padding:90px 20px;
    }


    .vhl-founders-header{
        margin-bottom:70px;
    }


    .vhl-founders-header h2{
        font-size:42px;
    }


    .vhl-founder-story{
        grid-template-columns:1fr;
        gap:50px;
        margin-bottom:90px;
    }


    .vhl-founder-two .vhl-founder-content{
        justify-self:start;
        order:2;
    }


    .vhl-founder-two .vhl-founder-visual{
        order:1;
    }


    .vhl-founder-content{
        max-width:650px;
        margin:0 auto;
        text-align:center;
    }


    .vhl-founder-line{
        margin:25px auto;
    }


    .vhl-founder-name{
        justify-content:center;
    }


    .vhl-founder-visual{
        min-height:470px;
    }


    .vhl-founder-image-wrap{
        width:350px;
        height:440px;
    }

}


@media(max-width:576px){

    .vhl-founders{
        padding:70px 16px;
    }


    .vhl-founders-header{
        margin-bottom:55px;
    }


    .vhl-founders-eyebrow{
        font-size:9px;
        letter-spacing:2.2px;
    }


    .vhl-founders-header h2{
        font-size:34px;
    }


    .vhl-founders-header p{
        font-size:14px;
        line-height:1.7;
    }


    .vhl-founder-story{
        gap:35px;
        margin-bottom:75px;
    }


    .vhl-founder-visual{
        min-height:390px;
    }


    .vhl-founder-image-wrap{
        width:280px;
        height:355px;
        border-radius:50px;
    }


    .vhl-founder-number{
        top:8px;
        left:18px;
        width:58px;
        height:58px;
        font-size:14px;
    }


    .vhl-founder-leaf{
        right:18px;
        bottom:12px;
        width:54px;
        height:54px;
        font-size:18px;
    }


    .vhl-founder-content h3{
        font-size:32px;
    }


    .vhl-founder-quote{
        font-size:16px;
        line-height:1.8;
    }


    .vhl-founder-name{
        margin-top:24px;
    }

}

/*=========================================================
    VEDA BEAUTY SOCIAL FEED
=========================================================*/
.vhl-social-section {
    position: relative;
    overflow: hidden;
    padding: 80px 20px 85px;
    background: #faf6f1;
}

/*=========================================================
    CONTAINER
=========================================================*/
.vhl-social-container {
    position: relative;
    max-width: 1380px;
    margin: 0 auto;
}

/*=========================================================
    HEADER
=========================================================*/
.vhl-social-heading {
    text-align: center;
    margin-bottom: 42px;
}
.vhl-social-eyebrow {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    margin-bottom: 12px;
    color: #9f5260;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 5px;
}
.vhl-social-eyebrow span {
    width: 45px;
    height: 1px;
    background: #c98b93;
}
.vhl-social-heading h2 {
    margin: 0;
    color: #20241f;
    font-family:
        "Playfair Display",
        Georgia,
        serif;
    font-size: clamp(34px, 4vw, 58px);
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: 1px;
}
.vhl-social-heading h2 {
    background: linear-gradient(
        90deg,
        #e1306c,
        #c13584,
        #833ab4,
        #5851db
    );

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    background-clip: text;
    color: transparent;
}
.vhl-social-heading p {
    margin: 14px 0 0;
    color: #77736f;
    font-size: 17px;
    line-height: 1.6;
}
/*=========================================================
    SLIDER WRAPPER
=========================================================*/
.vhl-social-slider-wrap {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}
/*=========================================================
    SLIDER
=========================================================*/
.vhl-social-slider {
    display: flex;
    gap: 18px;
    width: 100%;
    overflow-x: auto;
    scroll-behavior: smooth;
    scrollbar-width: none;
    padding: 5px 2px 12px;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
}
.vhl-social-slider::-webkit-scrollbar {
    display: none;
}
/*=========================================================
    CARD
=========================================================*/
.vhl-social-card {
    flex: 0 0 calc(
        (100% - 100px) / 4
    );
    min-width: 0;
    scroll-snap-align: start;
    cursor: pointer;
    user-select: none;
}
/*=========================================================
    CUSTOM FRAME
=========================================================*/
.vhl-social-frame {
    position: relative;
    aspect-ratio: 0.70;
    overflow: hidden;
    border: 1px solid rgba(160, 100, 100, 0.22);
    border-radius: 24px;
    background: #eadfd8;
    box-shadow:0 12px 30px rgba(75, 50, 40, 0.10);
    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease;
    }
.vhl-social-card:hover
.vhl-social-frame {
    transform: translateY(-6px);
    box-shadow:
        0 18px 38px rgba(75, 50, 40, 0.16);
}
/*=========================================================
    FRAME VARIATIONS
=========================================================*/
.vhl-frame-pink {
    border-radius: 28px 28px 18px 28px;
}
.vhl-frame-green {
    border-radius: 20px 30px 30px 20px;
}
.vhl-frame-peach {
    border-radius: 30px 18px 28px 28px;
}
.vhl-frame-mauve {
    border-radius: 20px 30px 20px 30px;
}
.vhl-frame-sage {
    border-radius: 30px 22px 30px 18px;
}
.vhl-frame-rose {
    border-radius: 18px 30px 22px 30px;
}
/*=========================================================
    MEDIA
=========================================================*/
.vhl-social-media {
    position: absolute;

    inset: 0;

    overflow: hidden;
}
.vhl-social-media img,
.vhl-social-media video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/*=========================================================
    INSTAGRAM ICON
=========================================================*/
.vhl-social-instagram {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 4;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border: 1px solid rgba(255,255,255,0.7);
    border-radius: 50%;
    background: rgba(255,255,255,0.72);
    backdrop-filter: blur(8px);
    color: #9d5361;
    font-size: 14px;
}
/*=========================================================
    VIDEO PLAY BUTTON
=========================================================*/
.vhl-video-play {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    transform: translate(-50%, -50%);
    border: 1px solid rgba(255,255,255,0.9);
    border-radius: 50%;
    background: rgba(255,255,255,0.22);
    backdrop-filter: blur(8px);
    color: #fff;
    cursor: pointer;
    transition:
        transform 0.25s ease,
        background 0.25s ease;
}
.vhl-video-play:hover {
    transform:
        translate(-50%, -50%)
        scale(1.08);
    background: rgba(255,255,255,0.35);
}
.vhl-video-play i {
    margin-left: 2px;

    font-size: 15px;
}
/*=========================================================
    BOTTOM OVERLAY
=========================================================*/
.vhl-social-bottom {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 6;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px 12px 12px;
    background: linear-gradient(
        to top,
        rgba(20,18,16,0.55),
        transparent
    );
    color: #fff;
    font-size: 11px;
}
.vhl-social-bottom > span {
    display: flex;
    align-items: center;
    gap: 5px;
}
/*=========================================================
    HEART
=========================================================*/
.vhl-social-heart {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    background: transparent;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    transition:
        transform 0.2s ease;
}
.vhl-social-heart:hover {
    transform: scale(1.15);
}
.vhl-social-heart.liked {
    color: #f17c91;
}
/*=========================================================
    SLIDER ARROWS
=========================================================*/
.vhl-social-arrow {
    position: relative;
    flex: 0 0 auto;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid #d9b7b2;
    border-radius: 50%;
    background: rgba(250,246,241,0.9);
    color: #9f5260;
    cursor: pointer;
    transition:
        background 0.25s ease,
        transform 0.25s ease;
}
.vhl-social-arrow:hover {
    transform: scale(1.06);
    background: #fff;
}
.vhl-social-prev {
    margin-right: 18px;
}
.vhl-social-next {
    margin-left: 18px;
}
/*=========================================================
    DOTS
=========================================================*/
.vhl-social-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-top: 25px;
}
.vhl-social-dots button {
    width: 8px;
    height: 8px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #dfcfca;
    cursor: pointer;
    transition:
        width 0.25s ease,
        background 0.25s ease;
}
.vhl-social-dots button.active {
    width: 22px;
    border-radius: 10px;
    background: #bd6b77;
}
/*=========================================================
    VIEW MORE
=========================================================*/
.vhl-social-view-more {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    width: fit-content;
    margin: 38px auto 0;
    padding: 13px 25px;
    border: 1px solid #bd6b77;
    border-radius: 30px;
    color: #392b29;
    text-decoration: none;
    font-size: 14px;
    transition:
        background 0.25s ease,
        color 0.25s ease;
}
.vhl-social-view-more:hover {
    background: #bd6b77;
    color: #fff;
}
.vhl-social-view-more i {
    transition:
        transform 0.25s ease;
}
.vhl-social-view-more:hover i {
    transform: translateX(4px);
}
/*=========================================================
    FULLSCREEN VIEWER
=========================================================*/
.vhl-social-lightbox {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 30px;
    background: rgba(20, 18, 16, 0.96);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition:
        opacity 0.3s ease,
        visibility 0.3s ease;
}
.vhl-social-lightbox.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
/*=========================================================
    FULLSCREEN CONTENT
=========================================================*/
.vhl-social-lightbox-content {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: min(520px, 86vw);
    height: min(88vh, 820px);
    overflow: hidden;
    border-radius: 24px;
    background: #111;
    box-shadow:
        0 25px 80px rgba(0,0,0,0.45);
}
.vhl-social-lightbox-content img,
.vhl-social-lightbox-content video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: #111;
}
/*========================================================
    FULLSCREEN CLOSE
=========================================================*/
.vhl-social-lightbox-close {
    position: absolute;
    top: 22px;
    right: 25px;
    z-index: 30;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    padding: 0;
    border: 1px solid rgba(255,255,255,0.25);
    border-radius: 50%;
    background: rgba(255,255,255,0.10);
    color: #fff;
    font-size: 18px;
    cursor: pointer;
    backdrop-filter: blur(8px);
    transition:
        background 0.25s ease,
        transform 0.25s ease;
}
.vhl-social-lightbox-close:hover {
    background: rgba(255,255,255,0.22);
    transform: rotate(90deg);
}
/*=========================================================
    FULLSCREEN NEXT / PREVIOUS
=========================================================*/
.vhl-social-lightbox-arrow {
    position: absolute;
    top: 50%;
    z-index: 30;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    padding: 0;
    transform: translateY(-50%);
    border: 1px solid rgba(255,255,255,0.25);
    border-radius: 50%;
    background: rgba(255,255,255,0.10);
    color: #fff;
    cursor: pointer;
    backdrop-filter: blur(8px);
    transition:
        background 0.25s ease,
        transform 0.25s ease;
}
.vhl-social-lightbox-arrow:hover {
    background: rgba(255,255,255,0.22);
    transform:
        translateY(-50%)
        scale(1.06);
}
.vhl-lightbox-prev {
    left: 35px;
}
.vhl-lightbox-next {
    right: 35px;
}
/*=========================================================
    FULLSCREEN COUNTER
=========================================================*/
.vhl-social-lightbox-counter {
    position: absolute;
    top: 30px;
    left: 50%;
    z-index: 30;
    padding: 7px 14px;
    transform: translateX(-50%);
    border-radius: 30px;
    background: rgba(255,255,255,0.10);
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.5px;
    backdrop-filter: blur(8px);
}
/*=========================================================
    MOBILE
=========================================================*/
@media (max-width: 767px) {
    .vhl-social-section {
        padding: 55px 10px 60px;
    }

    .vhl-social-heading {
        margin-bottom: 25px;
    }
    .vhl-social-eyebrow {
        gap: 10px;
        font-size: 9px;
        letter-spacing: 3px;
    }
    .vhl-social-eyebrow span {
        width: 25px;
    }
    .vhl-social-heading h2 {
        font-size: 27px;
        letter-spacing: 0.5px;
    }
    .vhl-social-heading p {
        margin-top: 8px;
        font-size: 13px;
    }
    .vhl-social-slider {
        gap: 7px;
        padding-left: 0;
        padding-right: 0;
        scroll-snap-type: x mandatory;
    }

    /*=====================================================
        MOBILE:
        EXACTLY 2 CARDS VISIBLE
    =====================================================*/
    .vhl-social-card {
        flex: 0 0 calc(
            (100% - 7px) / 2
        );
        scroll-snap-align: start;
    }
    .vhl-social-frame {
        border-radius: 10px;
        box-shadow:0 5px 14px rgba(75, 50, 40, 0.10);
    }
    .vhl-social-instagram {
        top: 5px;
        left: 5px;
        width: 17px;
        height: 17px;
        font-size: 8px;
    }
    .vhl-video-play {
        width: 30px;
        height: 30px;
    }
    .vhl-video-play i {
        font-size: 9px;
    }
    .vhl-social-bottom {
        padding: 17px 5px 5px;
        font-size: 6px;
    }
    .vhl-social-bottom > span {
        gap: 2px;
    }
    .vhl-social-heart {
        font-size: 9px;
    }
    /*=====================================================
        MOBILE ARROWS HIDE
    =====================================================*/
    .vhl-social-arrow {
        display: none;
    }
    .vhl-social-dots {
        gap: 5px;
        margin-top: 18px;
    }
    .vhl-social-dots button {
        width: 5px;
        height: 5px;
    }
    .vhl-social-dots button.active {
        width: 14px;
    }
    .vhl-social-view-more {
        margin-top: 25px;
        padding: 10px 18px;
        font-size: 12px;
    }
    /*=====================================================
        MOBILE FULLSCREEN
    =====================================================*/
    .vhl-social-lightbox {
        padding: 0;
    }
    .vhl-social-lightbox-content {
        width: 100vw;
        height: 100vh;
        border-radius: 0;
        box-shadow: none;
    }
    .vhl-social-lightbox-content img,
    .vhl-social-lightbox-content video {
        object-fit: contain;
    }
    .vhl-social-lightbox-close {
        top: 15px;
        right: 15px;
        width: 42px;
        height: 42px;
    }
    .vhl-social-lightbox-arrow {
        width: 42px;
        height: 42px;
    }
    .vhl-lightbox-prev {
        left: 10px;
    }
    .vhl-lightbox-next {
        right: 10px;
    }
    .vhl-social-lightbox-counter {
        top: 21px;
        font-size: 11px;
    }
}
/*=========================================================
    TABLET
=========================================================*/
@media (min-width: 768px) and (max-width: 1100px) {
    .vhl-social-card {
        flex: 0 0 calc(
            (100% - 54px) / 4
        );
    }
}
/*--=========================================================
    VEDA BEAUTY - MOMENTS FROM OUR WORLD END
=========================================================-*/
/*=====================================
    AYUBABE LOGO + PRODUCT NAME
=====================================*/
.vhl-best-product-name{
    display: flex;
    font-family:math;
}


/*=====================================
    AYUBABE LOGO
=====================================*/

.vhl-best-product-name .ayubabe-logo {
    width: 85px;
    height: 30px;
    object-fit: contain;
    display: block;
    flex-shrink: 0;
}

/*===============================*/

/* ==================================
   MOBILE WISHLIST COUNT
================================== */

.vhl-mobile-quick-icon {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.vhl-mobile-wishlist-count {
    position: absolute;
    top: -8px;
    right: -10px;

    min-width: 17px;
    height: 17px;

    padding: 0 4px;

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

    background: #1E3D2B;
    color: #fff;

    font-size: 10px;
    font-weight: 600;
    line-height: 1;

    border-radius: 50%;
}