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

.kk-hero{

    position:relative;

    overflow:hidden;

    min-height:calc(100vh - 90px);

    display:flex;

    align-items:center;

    padding-top:20px;

    background:

        radial-gradient(circle at top right,

        rgba(212,175,55,.12),

        transparent 35%),

        radial-gradient(circle at bottom left,

        rgba(198,40,40,.05),

        transparent 35%);

}

.kk-hero-grid{

    display:grid;

    grid-template-columns:1.1fr .9fr;

    align-items:center;

    gap:var(--kk-gap-xl);

}

.kk-hero-content{

    max-width:680px;

}

.kk-hero h1{

    margin-bottom:20px;
    line-height:1.05;
}

.kk-hero p{

    max-width:560px;

    margin-bottom:var(--kk-gap-lg);

}

.kk-hero-buttons{

    display:flex;

    align-items:center;

    gap:18px;

    margin:var(--kk-gap-lg) 0;

    flex-wrap:wrap;

}

.kk-hero-stats{

    display:flex;

    align-items:center;

    gap:50px;

}

.kk-hero-stats strong{

    display:block;

    font-size:28px;

    color:var(--kk-text);

}

.kk-hero-stats span{

    display:block;

    color:var(--kk-text-light);

    font-size:14px;

    margin-top:4px;

}

.kk-hero-image{

    text-align:center;

    padding-bottom:40px;

}

.kk-hero-image img{

    width:100%;

    max-width:620px;

    filter:

        drop-shadow(

            0 30px 45px rgba(0,0,0,.18)

        );

}

/*=========================================================
    Floating Image
=========================================================*/

.kk-floating{

    animation:kkFloat 5s ease-in-out infinite;

}

@keyframes kkFloat{

    0%,100%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-15px);

    }

}
/*=========================================================
    Trust Badges
=========================================================*/

.kk-hero-trust{

    display:flex;

    flex-wrap:wrap;

    gap:16px;

    margin-bottom:32px;

}

.kk-hero-trust span{

    display:flex;

    align-items:center;

    gap:8px;

    color:var(--kk-text-light);

    font-size:14px;

    font-weight:600;

}

.kk-hero-trust i{

    color:var(--kk-secondary);

}

@media(max-width:992px){

    .kk-hero-trust{

        justify-content:center;

    }

}

/*=========================================================
    Responsive
=========================================================*/

@media (max-width:992px){

    .kk-hero{
        
        min-height:auto;

        padding:60px 0;

    }

    .kk-hero-grid{

        grid-template-columns:1fr;

        text-align:center;

        gap:50px;

    }

    .kk-hero-content{

        max-width:100%;

    }

    .kk-hero p{

        margin-inline:auto;

    }

    .kk-hero-buttons{

        justify-content:center;

    }

    .kk-hero-stats{

        justify-content:center;

        flex-wrap:wrap;

        gap:35px;

    }
    .kk-hero-tags{

    justify-content:center;

}

}
@media(max-width:768px){

    .kk-hero-buttons{

        flex-direction:column;

    }

    .kk-hero-buttons .kk-btn{

        width:100%;

    }

}

/*=====================================
Hero Tags
=====================================*/

.kk-hero-tags{

    display:flex;

    flex-wrap:wrap;

    gap:16px;

    margin-bottom:var(--kk-gap-lg);
    

}

.kk-hero-tags span{

    padding:6px 12px;

    background:var(--kk-bg);

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

    border-radius:var(--kk-radius-pill);

    font-size:13px;

    font-weight:500;

    color:var(--kk-text);

}