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

.rk-hero{

    width:100%;

    overflow:hidden;

    position:relative;

    background:#ffffff;

}

#rkHeroSlider{

    width:100%;

}

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

.rk-hero-slide{

    width:100%;

    position:relative;

    display:flex;

    justify-content:center;

    align-items:center;

    background:#ffffff;

}

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

.rk-hero-image{

    width:100%;

    height:auto;

    display:block;

    object-fit:cover;

    object-position:center center;

    user-select:none;

    -webkit-user-drag:none;

}

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

.carousel-indicators{

    margin-bottom:20px;

}

.carousel-indicators button{

    width:12px;

    height:12px;

    border-radius:50%;

    border:none;

    margin:0 5px;

    background:#d8d8d8;

    opacity:1;

    transition:.3s;

}

.carousel-indicators .active{

    background:#0c3f01;

    transform:scale(1.2);

}

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

.carousel-control-prev,
.carousel-control-next{

    display:none !important;

}

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

@media(max-width:991.98px){

.rk-hero{

    margin-top:0;

}

.rk-hero-slide{

    min-height:auto;

}

.rk-hero-image{

    width:100%;

    height:auto;

    object-fit:contain;

    object-position:center;

}

.carousel-indicators{

    margin-bottom:12px;

}

}

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

@media(max-width:767.98px){

.rk-hero{

    background:#ffffff;

}

.rk-hero-slide{

    width:100%;

    overflow:hidden;

}

.rk-hero-image{

    width:100%;

    height:auto;

    object-fit:contain !important;

    object-position:center center;

}

.carousel-indicators{

    bottom:5px;

    margin-bottom:5px;

}

.carousel-indicators button{

    width:10px;

    height:10px;

}

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

.rk-hero-image{

object-fit:contain !important;

height:auto;

width:100%;

}

}