.elementor-1195 .elementor-element.elementor-element-e5a42fc{--display:flex;--min-height:40vh;--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;--justify-content:center;--overlay-opacity:0.8;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-1195 .elementor-element.elementor-element-e5a42fc:not(.elementor-motion-effects-element-type-background), .elementor-1195 .elementor-element.elementor-element-e5a42fc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.eatkingsnacks.com/wp-content/uploads/2026/07/products1.webp");background-position:center center;background-size:cover;}.elementor-1195 .elementor-element.elementor-element-e5a42fc::before, .elementor-1195 .elementor-element.elementor-element-e5a42fc > .elementor-background-video-container::before, .elementor-1195 .elementor-element.elementor-element-e5a42fc > .e-con-inner > .elementor-background-video-container::before, .elementor-1195 .elementor-element.elementor-element-e5a42fc > .elementor-background-slideshow::before, .elementor-1195 .elementor-element.elementor-element-e5a42fc > .e-con-inner > .elementor-background-slideshow::before, .elementor-1195 .elementor-element.elementor-element-e5a42fc > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, var( --e-global-color-primary ) 0%, #452A6D 100%);}.elementor-1195 .elementor-element.elementor-element-1bd7a68{text-align:center;}.elementor-1195 .elementor-element.elementor-element-1bd7a68 .elementor-heading-title{font-size:40px;color:var( --e-global-color-secondary );}.elementor-1195 .elementor-element.elementor-element-150a650{text-align:center;font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );line-height:var( --e-global-typography-accent-line-height );color:var( --e-global-color-secondary );}:root{--page-title-display:none;}@media(min-width:768px){.elementor-1195 .elementor-element.elementor-element-e5a42fc{--content-width:600px;}}@media(max-width:1024px){.elementor-1195 .elementor-element.elementor-element-150a650{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}}@media(max-width:767px){.elementor-1195 .elementor-element.elementor-element-150a650{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}}/* Start custom CSS for html, class: .elementor-element-69db093 *//*==========================================
        KING PREMIUM HERO
==========================================*/

:root{
    --primary:#22bfd3;
    --dark:#181818;
    --text:#555;
    --light:#ffffff;
}

/*=========================
MAIN SECTION
=========================*/

.king-hero{
    max-width:1400px;
    margin:0px auto;
    padding:0 30px;
    display:grid;
    grid-template-columns:48% 52%;
    gap:70px;
    align-items:center;
}

/*=========================
LEFT SIDE
=========================*/

.product-card{
    position:relative;
    background:#fff;
    border-radius:30px;
    box-shadow:0 25px 70px rgba(0,0,0,.08);
    display:flex;
    justify-content:center;
    align-items:center;
    overflow:hidden;
    min-height:620px;
    padding:40px;
}

/* Decorative Shape */

.circle-bg{
    position:absolute;
    width:520px;
    height:520px;
    background:#22bfd3;
    opacity:.08;
    border-radius:50%;
    top:-180px;
    right:-180px;
}

/* Product */

.product-img{
    width:100%;
    max-width:460px;
    height:auto;
    position:relative;
    z-index:5;
    filter:drop-shadow(0 35px 45px rgba(0,0,0,.18));
    transition:.35s;
}

.product-card:hover .product-img{
    transform:translateY(-8px);
}

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

.hero-content{
    padding-right:20px;
}

.badge{
    display:inline-block;
    padding:10px 22px;
    border:2px solid var(--primary);
    border-radius:50px;
    color:var(--primary);
    font-size:14px;
    font-weight:700;
    letter-spacing:1px;
    margin-bottom:25px;
}

.hero-content h1{
    font-size:72px;
    line-height:1.05;
    font-weight:800;
    color:var(--dark);
    margin-bottom:10px;
}

.hero-content h1 span{
    color:var(--primary);
}

.hero-content h2{
    font-size:34px;
    color:var(--primary);
    margin-bottom:25px;
}

.hero-content p{
    font-size:20px;
    line-height:36px;
    color:var(--text);
    margin-bottom:40px;
}

/*=========================
FEATURES
=========================*/

.features{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
    margin-bottom:45px;
}

.feature{
    background:#fff;
    border-radius:20px;
    padding:18px;
    display:flex;
    align-items:center;
    box-shadow:0 12px 30px rgba(0,0,0,.08);
    transition:.3s;
}

.feature:hover{
    transform:translateY(-6px);
}

.feature i{
    width:55px;
    height:55px;
    background:var(--primary);
    border-radius:50%;
    color:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:20px;
    margin-right:15px;
    flex-shrink:0;
}

.feature strong{
    display:block;
    font-size:17px;
}

.feature small{
    color:#777;
    font-size:14px;
}

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

.hero-buttons{
    display:flex;
    gap:18px;
    flex-wrap:wrap;
}

.btn-primary,
.btn-secondary{
    padding:18px 36px;
    border-radius:50px;
    font-weight:700;
    text-decoration:none;
    transition:.3s;
}

.btn-primary{
    background:var(--primary);
    color:#fff !important;
    box-shadow:0 15px 35px rgba(34,191,211,.35);
}

.btn-primary:hover{
    transform:translateY(-4px);
}

.btn-secondary{
    border:2px solid #222;
    color:#222;
    background:#fff;
}

.btn-secondary:hover{
    background:#222;
    color:#fff;
}

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

@media (max-width:1024px){

.king-hero{
    grid-template-columns:1fr;
    gap:50px;
}

.product-card{
    min-height:420px;
}

.hero-content{
    text-align:center;
    padding:0;
}

.hero-content p{
    max-width:700px;
    margin:0 auto 35px;
}

.hero-buttons{
    justify-content:center;
}

}

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

@media (max-width:767px){

.king-hero{
    padding:20px;
    gap:30px;
    margin:10px auto;
}

.product-card{
    min-height:20px;
    padding:10px;
    border-radius:25px;
}

.product-img{
    max-width:240px;
}

.circle-bg{
    width:300px;
    height:100px;
    top:-100px;
    right:-100px;
}

.hero-content{
    padding:0;
    text-align:center;
}

.badge{
    font-size:12px;
}

.hero-content h1{
    font-size:40px;
    line-height:1.15;
}

.hero-content h2{
    font-size:24px;
}

.hero-content p{
    font-size:17px;
    line-height:30px;
    margin-bottom:30px;
}

.features{
    grid-template-columns:1fr;
    gap:15px;
}

.hero-buttons{
    flex-direction:column;
    align-items:center;
}

.btn-primary,
.btn-secondary{
    width:100%;
    max-width:280px;
    text-align:center;
}

}/* End custom CSS */