.elementor-40 .elementor-element.elementor-element-0ed67ab{--display:flex;}.elementor-40 .elementor-element.elementor-element-1cf91d5{--display:flex;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-40 .elementor-element.elementor-element-bc43ac2{width:var( --container-widget-width, 112.704% );max-width:112.704%;--container-widget-width:112.704%;--container-widget-flex-grow:0;}.elementor-40 .elementor-element.elementor-element-bc43ac2.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-40 .elementor-element.elementor-element-bc43ac2 img{width:98%;max-width:98%;height:122px;}.elementor-40 .elementor-element.elementor-element-7419850{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-40 .elementor-element.elementor-element-7419850.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-40 .elementor-element.elementor-element-9458f64{width:var( --container-widget-width, 83.375% );max-width:83.375%;--container-widget-width:83.375%;--container-widget-flex-grow:0;}.elementor-40 .elementor-element.elementor-element-9458f64.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-40 .elementor-element.elementor-element-ff19d5c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--overflow:hidden;}.elementor-widget-wc-add-to-cart .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-40 .elementor-element.elementor-element-65d6f4e .elementor-button{background-color:#61CE70;}.elementor-40 .elementor-element.elementor-element-65d6f4e{margin:-18px -18px calc(var(--kit-widget-spacing, 0px) + -18px) -18px;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-40 .elementor-element.elementor-element-8df16e9{margin:-1px -12px calc(var(--kit-widget-spacing, 0px) + -12px) -12px;padding:0px 46px 0px 0px;}.elementor-40 .elementor-element.elementor-element-8df16e9 .elementor-icon-wrapper{text-align:start;}.elementor-40 .elementor-element.elementor-element-8df16e9.elementor-view-stacked .elementor-icon{background-color:#3D2B1F;}.elementor-40 .elementor-element.elementor-element-8df16e9.elementor-view-framed .elementor-icon, .elementor-40 .elementor-element.elementor-element-8df16e9.elementor-view-default .elementor-icon{color:#3D2B1F;border-color:#3D2B1F;}.elementor-40 .elementor-element.elementor-element-8df16e9.elementor-view-framed .elementor-icon, .elementor-40 .elementor-element.elementor-element-8df16e9.elementor-view-default .elementor-icon svg{fill:#3D2B1F;}.elementor-40 .elementor-element.elementor-element-8df16e9 .elementor-icon{font-size:32px;}.elementor-40 .elementor-element.elementor-element-8df16e9 .elementor-icon svg{height:32px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-40 .elementor-element.elementor-element-7419850{--width:97.223%;}}/* Start custom CSS for html, class: .elementor-element-2f99c97 */.beauty-announcement{
    width:100%;
    background:linear-gradient(90deg,#A56E87,#C28AA2,#A56E87);
    color:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:35px;
    padding:14px 25px;
    font-family:'Poppins',sans-serif;
    font-size:14px;
    letter-spacing:.5px;
    position:relative;
    overflow:hidden;
}

.beauty-announcement::before{
    content:"";
    position:absolute;
    top:0;
    left:-120%;
    width:120%;
    height:100%;
    background:linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,.35),
        transparent
    );
    animation:shine 6s infinite;
}

.beauty-item{
    display:flex;
    align-items:center;
    gap:10px;
    transition:.35s;
    cursor:pointer;
}

.beauty-item:hover{
    color:#FFE8A3;
    transform:translateY(-2px);
}

.icon{
    width:34px;
    height:34px;
    border-radius:50%;
    background:rgba(255,255,255,.18);
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:17px;
    backdrop-filter:blur(8px);
}

.divider{
    width:1px;
    height:22px;
    background:rgba(255,255,255,.25);
}

@keyframes shine{
    100%{
        left:120%;
    }
}
/* ==========================
   Mobile Announcement Bar
========================== */

@media (max-width:768px){

.beauty-announcement{
    height:42px;
    padding:0;
    overflow:hidden;
    display:block;
    position:relative;
}

.beauty-item{
    position:absolute;
    width:100%;
    height:42px;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:13px;
    opacity:0;
    animation:slideText 12s infinite;
}

.beauty-item:nth-child(1){
    animation-delay:0s;
}

.beauty-item:nth-child(3){
    animation-delay:4s;
}

.beauty-item:nth-child(5){
    animation-delay:8s;
}

.divider{
    display:none;
}

}

@keyframes slideText{

0%,30%{
opacity:1;
transform:translateY(0);
}

33%,100%{
opacity:0;
transform:translateY(-15px);
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7cf5c97 *//* ===========================
   Google Font
=========================== */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

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

body{
    font-family:'Poppins',sans-serif;
    background:#F8F5F3;
    color:#3D2B1F;
}

a{
    text-decoration:none;
}

ul{
    list-style:none;
}

img{
    max-width:100%;
}

/* ===========================
   Announcement Bar
=========================== */

.announcement-bar{
    width:100%;
    height:42px;
    background:linear-gradient(90deg,#A56E87,#C38EA5,#A56E87);
    display:flex;
    justify-content:center;
    align-items:center;
    gap:45px;
    color:#fff;
    font-size:14px;
    font-weight:500;
    overflow:hidden;
    position:relative;
}

.announcement-bar::before{
    content:"";
    position:absolute;
    top:0;
    left:-120%;
    width:120%;
    height:100%;
    background:linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,.35),
        transparent
    );
    animation:shine 6s linear infinite;
}

.announcement-text{
    position:relative;
    z-index:2;
    white-space:nowrap;
}

@keyframes shine{

100%{
left:120%;
}

}

/* ===========================
   Main Header
=========================== */

.header{
    width:100%;
    background:#F1E9DE;
    box-shadow:0 8px 25px rgba(0,0,0,.05);
}

.container{

    width:90%;
    max-width:1400px;

    margin:auto;

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:18px 0;

}

/* ===========================
   Logo
=========================== */

.logo h2{

    color:#A56E87;

    font-size:32px;

    letter-spacing:2px;

}

.logo span{

    display:block;

    color:#6B5A50;

    font-size:13px;

    margin-top:2px;

    letter-spacing:1px;

}

/* ===========================
   Search Box
=========================== */

.search-box{

    width:520px;

    display:flex;

    background:#fff;

    border-radius:50px;

    overflow:hidden;

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

}

.search-box input{

    width:100%;

    border:none;

    outline:none;

    padding:15px 22px;

    font-size:15px;

    background:transparent;

}

.search-box button{

    width:65px;

    border:none;

    background:#A56E87;

    color:#fff;

    cursor:pointer;

    transition:.3s;

}

.search-box button:hover{

    background:#8E5A73;

}

/* ===========================
   Header Icons
=========================== */

.header-icons{

    display:flex;

    gap:28px;

    align-items:center;

}

.icon{

    position:relative;

    text-align:center;

    cursor:pointer;

    transition:.3s;

}

.icon i{

    font-size:22px;

    color:#3D2B1F;

    transition:.3s;

}

.icon p{

    margin-top:5px;

    font-size:12px;

    color:#555;

}

.icon:hover{

    transform:translateY(-4px);

}

.icon:hover i{

    color:#A56E87;

}

/* ===========================
   Badge
=========================== */

.badge{

    position:absolute;

    top:-8px;

    right:-10px;

    width:20px;

    height:20px;

    border-radius:50%;

    background:#A56E87;

    color:#fff;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:11px;

    font-weight:600;

    box-shadow:0 3px 8px rgba(0,0,0,.15);

}

/* ===========================
   Hamburger
=========================== */

.menu-toggle{

    display:none;

    font-size:28px;

    cursor:pointer;

    color:#3D2B1F;

}
/* =========================================
   NAVIGATION BAR
========================================= */

.navbar{
    width:100%;
    background:#ffffff;
    border-top:1px solid #f1e4ea;
    border-bottom:1px solid #f1e4ea;
    position:relative;
    z-index:999;
}

.navbar ul{
    max-width:1300px;
    margin:auto;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:40px;
}

.navbar ul li{
    position:relative;
}

.navbar ul li a{

    display:block;
    padding:18px 0;
    color:#3D2B1F;
    font-size:15px;
    font-weight:600;
    transition:.35s;
    position:relative;

}

/* ==============================
      GOLD UNDERLINE
================================ */

.navbar ul li a::after{

    content:"";

    position:absolute;

    left:50%;

    bottom:8px;

    width:0;

    height:3px;

    background:linear-gradient(90deg,#D4AF37,#FFD86F);

    border-radius:20px;

    transition:.35s;

    transform:translateX(-50%);

}

.navbar ul li:hover>a{

    color:#A56E87;

}

.navbar ul li:hover>a::after{

    width:100%;

}

/* =========================================
        DROPDOWN MENU
========================================= */

.dropdown-menu{

    position:absolute;

    left:50%;

    top:100%;

    transform:translateX(-50%) translateY(15px);

    width:250px;

    background:#FFF9FB;

    border-radius:18px;

    overflow:hidden;

    opacity:0;

    visibility:hidden;

    transition:.35s;

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

    border:1px solid #f3dde7;

}

/* Show Dropdown */

.dropdown:hover .dropdown-menu{

    opacity:1;

    visibility:visible;

    transform:translateX(-50%) translateY(0);

}

/* Dropdown Links */

.dropdown-menu li{

    width:100%;

}

.dropdown-menu li a{

    display:block;

    padding:15px 22px;

    color:#4b3a3a;

    font-size:14px;

    transition:.3s;

}

/* Hover Effect */

.dropdown-menu li a:hover{

    background:linear-gradient(90deg,#A56E87,#C38EA5);

    color:#ffffff;

    padding-left:32px;

}

/* Arrow */

.dropdown-menu::before{

    content:"";

    position:absolute;

    top:-8px;

    left:50%;

    width:16px;

    height:16px;

    background:#FFF9FB;

    transform:translateX(-50%) rotate(45deg);

    border-left:1px solid #f3dde7;

    border-top:1px solid #f3dde7;

}

/* =========================================
        ICON ANIMATION
========================================= */

.header-icons .icon:hover{

    transform:translateY(-4px) scale(1.08);

}

/* =========================================
        SEARCH ANIMATION
========================================= */

.search-box{

    transition:.35s;

}

.search-box:hover{

    box-shadow:0 15px 35px rgba(165,110,135,.25);

}

/* =========================================
        STICKY HEADER
========================================= */

.header{

    position:sticky;

    top:0;

    z-index:9999;

}

/* =========================================
      MENU ANIMATION
========================================= */

.navbar ul li{

    transition:.3s;

}

.navbar ul li:hover{

    transform:translateY(-2px);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c465cdf *//* ===== Navigation ===== */

.beauty-nav{
    background:#FDF8F5;
    padding:18px 0;
    box-shadow:0 8px 25px rgba(0,0,0,.05);
}

.beauty-nav ul{
    list-style:none;
    display:flex;
    justify-content:center;
    gap:45px;
    margin:0;
    padding:0;
}

.beauty-nav ul li{
    position:relative;
}

.beauty-nav ul li a{
    text-decoration:none;
    color:#4B2E39;
    font-size:16px;
    font-weight:600;
    font-family:Poppins,sans-serif;
    transition:.35s;
    padding:8px 0;
}

/* Elegant Underline */

.beauty-nav ul li>a::after{

    content:"";

    position:absolute;

    left:50%;

    bottom:-8px;

    width:0;

    height:3px;

    background:linear-gradient(90deg,#D4AF37,#E7C873);

    border-radius:30px;

    transition:.35s;

    transform:translateX(-50%);
}

.beauty-nav ul li:hover>a{

    color:#A56E87;

}

.beauty-nav ul li:hover>a::after{

    width:100%;

}

/* ===== Dropdown ===== */

.dropdown-menu{

    position:absolute;

    top:55px;

    left:50%;

    transform:translateX(-50%) translateY(15px);

    background:#FFF7FA;

    width:240px;

    border-radius:18px;

    box-shadow:0 20px 50px rgba(0,0,0,.12);

    padding:15px 0;

    opacity:0;

    visibility:hidden;

    transition:.35s;

    border:1px solid #F0DCE5;

    overflow:hidden;

}

.dropdown:hover .dropdown-menu{

    opacity:1;

    visibility:visible;

    transform:translateX(-50%) translateY(0);

}

.dropdown-menu a{

    display:block;

    padding:14px 24px;

    color:#5A3D49;

    font-size:15px;

    transition:.3s;

}

.dropdown-menu a:hover{

    background:linear-gradient(90deg,#A56E87,#C28AA2);

    color:#fff;

    padding-left:35px;

}

/* Small arrow */

.dropdown-menu::before{

    content:"";

    position:absolute;

    top:-8px;

    left:50%;

    transform:translateX(-50%) rotate(45deg);

    width:16px;

    height:16px;

    background:#FFF7FA;

    border-left:1px solid #F0DCE5;

    border-top:1px solid #F0DCE5;

}

/* Mobile */

@media(max-width:768px){

.beauty-nav ul{

flex-direction:column;

gap:0;

}

.dropdown-menu{

position:static;

transform:none;

width:100%;

box-shadow:none;

opacity:1;

visibility:visible;

display:none;

margin-top:10px;

}

.dropdown:hover .dropdown-menu{

display:block;

}

}/* End custom CSS */