.elementor-141879 .elementor-element.elementor-element-182c91d{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-141879 .elementor-element.elementor-element-0e6297d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-141879 .elementor-element.elementor-element-d8cf050{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-141879 .elementor-element.elementor-element-e0a63f9{--spacer-size:214px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-ed1093e */.elementor-141879 .elementor-element.elementor-element-ed1093e {
    overflow:hidden;
}

/* SLIDER */

.premium-hero-slider{
    width:100%;
    height:100vh;
    overflow:hidden;
}

/* SLIDES */

.swiper-slide{
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
    overflow:hidden;
}

/* BACKGROUNDS */

.slide-purple{
    background:#d9c8ef;
}

.slide-yellow{
    background:#f7c52b;
}

/* HERO INNER */

.hero-inner{
    width:100%;
    height:100%;
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
}

/* TITLE */

.hero-title{
    position:absolute;
    top:7%;
    left:50%;
    transform:translateX(-50%);
    text-align:center;
    font-size:clamp(50px,8vw,130px);
    line-height:.9;
    font-weight:900;
    text-transform:uppercase;
    color:#7d1246;
    z-index:5;
    width:100%;
}

.orange{
    color:#ff5a00;
}

/* PRODUCT */

.hero-product{
    width:min(550px,80vw);
    position:relative;
    z-index:10;
    animation:float 4s ease-in-out infinite;
}

/* FLOAT EFFECT */

@keyframes float{

    0%{
        transform:
        translateY(0px)
        rotate(0deg);
    }

    50%{
        transform:
        translateY(-15px)
        rotate(1deg);
    }

    100%{
        transform:
        translateY(0px)
        rotate(0deg);
    }
}

/* BADGES */

.badge{
    position:absolute;
    width:140px;
    z-index:20;
    animation:spinFloat 6s ease-in-out infinite;
}

.badge-left{
    left:20%;
    top:35%;
}

/* SPARKLES */

.spark{
    position:absolute;
    width:40px;
    opacity:.9;
    animation:sparkle 3s infinite ease-in-out;
}

.spark-1{
    top:35%;
    left:25%;
}

.spark-2{
    top:50%;
    right:25%;
}

/* SPARKLE ANIMATION */

@keyframes sparkle{

    0%{
        transform:scale(1) rotate(0deg);
    }

    50%{
        transform:scale(1.3) rotate(20deg);
    }

    100%{
        transform:scale(1) rotate(0deg);
    }
}

/* BADGE FLOAT */

@keyframes spinFloat{

    0%{
        transform:translateY(0px) rotate(-10deg);
    }

    50%{
        transform:translateY(-10px) rotate(10deg);
    }

    100%{
        transform:translateY(0px) rotate(-10deg);
    }
}

/* BUTTONS */

.hero-buttons{
    position:absolute;
    bottom:8%;
    display:flex;
    gap:20px;
    z-index:50;
}

.hero-btn{
    padding:14px 28px;
    border-radius:12px;
    text-decoration:none;
    font-weight:700;
    transition:.3s;
}

.hero-btn.dark{
    background:#111;
    color:#fff;
}

.hero-btn.light{
    border:2px solid #111;
    color:#111;
}

/* PAGINATION */

.swiper-pagination-bullet{
    width:12px;
    height:12px;
    background:#fff;
    opacity:.5;
}

.swiper-pagination-bullet-active{
    opacity:1;
}

/* MOBILE */

@media(max-width:767px){

    .hero-title{
        font-size:52px;
        top:10%;
    }

    .hero-product{
        width:85vw;
    }

    .badge{
        width:90px;
    }

    .hero-buttons{
        flex-direction:column;
        width:80%;
    }

    .hero-btn{
        text-align:center;
    }
}/* End custom CSS */