/* =========================================================
   KEYHELD HOME HERO SLIDER
   Font: Cormorant Garamond
========================================================= */


/* =========================================================
   ELEMENTOR WRAPPER
========================================================= */

.elementor-widget-muzex_theme_slider2 {
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


.elementor-widget-muzex_theme_slider2
> .elementor-widget-container {
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


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

.keyheld-home-slider-section {
    position: relative;

    width: 100%;
    max-width: none;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden;

    font-family: "Cormorant Garamond", Georgia, serif !important;
}


/* Force typography */

.keyheld-home-slider-section,
.keyheld-home-slider-section h1,
.keyheld-home-slider-section h2,
.keyheld-home-slider-section h3,
.keyheld-home-slider-section p,
.keyheld-home-slider-section div,
.keyheld-home-slider-section span,
.keyheld-home-slider-section a {
    font-family: "Cormorant Garamond", Georgia, serif !important;
}


/* =========================================================
   CAROUSEL
========================================================= */

.keyheld-home-slider {
    position: relative;

    width: 100%;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   BEFORE OWL INITIALIZES
========================================================= */

.keyheld-home-slider:not(.owl-loaded)
> .slide-item {
    display: none !important;
}


.keyheld-home-slider:not(.owl-loaded)
> .slide-item:first-child {
    display: block !important;
}


/* =========================================================
   OWL LOADED
========================================================= */

.keyheld-home-slider.owl-loaded {
    display: block !important;
}


/* =========================================================
   OWL STRUCTURE
========================================================= */

.keyheld-home-slider .owl-stage-outer {
    width: 100%;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;
}


.keyheld-home-slider .owl-stage {
    display: flex !important;

    margin: 0 !important;
    padding: 0 !important;
}


.keyheld-home-slider .owl-item {
    margin: 0 !important;
    padding: 0 !important;
}


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

.keyheld-home-slider .slide-item {
    position: relative;

    width: 100%;

    height: 600px;
    min-height: 600px;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden;
}


/* =========================================================
   BACKGROUND IMAGE
========================================================= */

.keyheld-home-slider .image-layer {
    position: absolute !important;

    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;

    z-index: 1;
}


/* =========================================================
   DARK OVERLAY
========================================================= */

.keyheld-home-slider__overlay {
    position: absolute;

    inset: 0;

    width: 100%;
    height: 100%;

    background: rgba(0, 14, 31, 0.40);

    z-index: 2;

    pointer-events: none;
}


/* =========================================================
   CONTENT CONTAINER
========================================================= */

.keyheld-home-slider
.slide-item > .container {
    position: relative;

    display: flex;

    align-items: center;
    justify-content: center;

    width: 100%;
    max-width: 1200px;

    height: 600px;
    min-height: 600px;

    margin: 0 auto !important;

    padding: 0 40px;

    box-sizing: border-box;

    z-index: 3;
}


/* =========================================================
   CONTENT BOX
========================================================= */

.keyheld-home-slider .content-box {
    position: relative;

    width: 100%;
    max-width: 1000px;

    margin: 0 auto;

    padding: 45px 20px 20px;

    box-sizing: border-box;

    text-align: center;
}


/* =========================================================
   MAIN TITLE
   Canva: 68.4
========================================================= */

.keyheld-home-slider__title {
    width: 100%;
    max-width: 980px;

    margin: 0 auto 14px !important;
    padding: 0 !important;

    font-family: "Cormorant Garamond", Georgia, serif !important;

    font-size: 63.4px !important;
    line-height: 1.05 !important;

    font-weight: 600 !important;

    letter-spacing: -0.6px;

    color: #ffffff !important;

    text-align: center !important;

    text-shadow: none !important;
}


/* =========================================================
   SUBTITLE
   Canva: 25.6
========================================================= */

.keyheld-home-slider__subtitle {
    width: 100%;
    max-width: 760px;

    margin: 0 auto 52px !important;
    padding: 0 !important;

    font-family: "Cormorant Garamond", Georgia, serif !important;

    font-size: 25.6px !important;
    line-height: 1.35 !important;

    font-weight: 600 !important;

    letter-spacing: 0;

    color: #ffffff !important;

    text-align: center !important;
}


/* =========================================================
   BUTTON WRAPPER
========================================================= */

.keyheld-home-slider .btn-box {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 100%;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   BUTTON
   Canva text: 17.9
========================================================= */

.keyheld-home-slider__button,
.keyheld-home-slider__button:visited {
    position: relative;

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    min-width: 190px;
    min-height: 56px;

    margin: 0 !important;

    padding: 14px 32px !important;

    box-sizing: border-box;

    border: 1px solid #f8f5ed !important;

    border-radius: 0 !important;

    background: #f8f5ed !important;

    font-family: "Cormorant Garamond", Georgia, serif !important;

    font-size: 17.9px !important;
    line-height: 1.2 !important;

    font-weight: 600 !important;

    letter-spacing: 0;

    color: #252525 !important;

    text-align: center !important;

    text-decoration: none !important;

    box-shadow: none !important;

    transition: none !important;
    transform: none !important;
}


/* =========================================================
   REMOVE THEME BUTTON EFFECTS
========================================================= */

.keyheld-home-slider__button::before,
.keyheld-home-slider__button::after,

.keyheld-home-slider
.thm-btn.keyheld-home-slider__button::before,

.keyheld-home-slider
.thm-btn.keyheld-home-slider__button::after {
    content: none !important;

    display: none !important;

    opacity: 0 !important;
    visibility: hidden !important;

    transform: none !important;

    transition: none !important;
}


/* =========================================================
   BUTTON HOVER
   NO VISUAL CHANGE
========================================================= */

.keyheld-home-slider__button:hover,
.keyheld-home-slider__button:focus,
.keyheld-home-slider__button:active {
    border-color: #f8f5ed !important;

    background: #f8f5ed !important;

    color: #252525 !important;

    box-shadow: none !important;

    transform: none !important;

    text-decoration: none !important;
}


/* =========================================================
   NAVIGATION WRAPPER
========================================================= */

.keyheld-home-slider .owl-nav {
    margin: 0 !important;
    padding: 0 !important;
}


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

.keyheld-home-slider
.owl-nav
button.owl-prev,

.keyheld-home-slider
.owl-nav
button.owl-next {
    position: absolute;

    top: 50%;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 52px !important;
    height: 52px !important;

    min-width: 52px !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: translateY(-50%);

    border: 0 !important;
    border-radius: 50% !important;

    background: rgba(0, 0, 0, 0.34) !important;

    color: #ffffff !important;

    box-shadow: none !important;

    font-size: 0 !important;
    line-height: 0 !important;

    z-index: 20;
}


.keyheld-home-slider
.owl-nav
button.owl-prev {
    left: 20px !important;
}


.keyheld-home-slider
.owl-nav
button.owl-next {
    right: 20px !important;
}


/* No arrow hover effect */

.keyheld-home-slider
.owl-nav
button.owl-prev:hover,

.keyheld-home-slider
.owl-nav
button.owl-next:hover {
    background: rgba(0, 0, 0, 0.34) !important;
}


/* =========================================================
   REMOVE MUZEX DUPLICATE ARROWS
========================================================= */

.keyheld-home-slider
.owl-nav
button.owl-prev::before,

.keyheld-home-slider
.owl-nav
button.owl-prev::after,

.keyheld-home-slider
.owl-nav
button.owl-next::before,

.keyheld-home-slider
.owl-nav
button.owl-next::after,

.banner-carousel.keyheld-home-slider
.owl-nav
button.owl-prev::before,

.banner-carousel.keyheld-home-slider
.owl-nav
button.owl-prev::after,

.banner-carousel.keyheld-home-slider
.owl-nav
button.owl-next::before,

.banner-carousel.keyheld-home-slider
.owl-nav
button.owl-next::after {
    content: none !important;

    display: none !important;

    width: 0 !important;
    height: 0 !important;

    font-size: 0 !important;

    background: none !important;
}


/* =========================================================
   CUSTOM ARROW
========================================================= */

.keyheld-home-slider
.owl-nav
button.owl-prev > span,

.keyheld-home-slider
.owl-nav
button.owl-next > span {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 0 3px !important;

    color: #ffffff !important;

    font-family: Arial, sans-serif !important;

    font-size: 32px !important;
    line-height: 1 !important;

    font-weight: 300 !important;

    text-indent: 0 !important;

    transform: none !important;
}


/* =========================================================
   REMOVE INHERITED ICONS
========================================================= */

.keyheld-home-slider
.owl-nav
button.owl-prev > span::before,

.keyheld-home-slider
.owl-nav
button.owl-prev > span::after,

.keyheld-home-slider
.owl-nav
button.owl-next > span::before,

.keyheld-home-slider
.owl-nav
button.owl-next > span::after {
    content: none !important;

    display: none !important;
}


/* =========================================================
   SMALL DESKTOP
========================================================= */

@media (max-width: 1199px) {

    .keyheld-home-slider__title {
        max-width: 850px;

        font-size: 58px !important;
    }


    .keyheld-home-slider__subtitle {
        max-width: 700px;

        font-size: 22px !important;
    }


    .keyheld-home-slider__button {
        min-width: 180px;

        font-size: 16.5px !important;
    }

}


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

@media (max-width: 991px) {

    .keyheld-home-slider .slide-item {
        height: 540px;
        min-height: 540px;
    }


    .keyheld-home-slider
    .slide-item > .container {
        height: 540px;
        min-height: 540px;

        padding-left: 55px;
        padding-right: 55px;
    }


    .keyheld-home-slider .content-box {
        max-width: 760px;

        padding-top: 35px;
    }


    .keyheld-home-slider__title {
        max-width: 720px;

        margin-bottom: 12px !important;

        font-size: 48px !important;
        line-height: 1.08 !important;
    }


    .keyheld-home-slider__subtitle {
        max-width: 600px;

        margin-bottom: 42px !important;

        font-size: 19px !important;
        line-height: 1.38 !important;
    }


    .keyheld-home-slider__button {
        min-width: 170px;
        min-height: 50px;

        padding: 12px 25px !important;

        font-size: 15px !important;
    }


    .keyheld-home-slider
    .owl-nav
    button.owl-prev,

    .keyheld-home-slider
    .owl-nav
    button.owl-next {
        width: 46px !important;
        height: 46px !important;

        min-width: 46px !important;
    }


    .keyheld-home-slider
    .owl-nav
    button.owl-prev > span,

    .keyheld-home-slider
    .owl-nav
    button.owl-next > span {
        font-size: 28px !important;
    }

}


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

@media (max-width: 767px) {

    .keyheld-home-slider .slide-item {
        height: 520px;
        min-height: 520px;
    }


    .keyheld-home-slider
    .slide-item > .container {
        height: 520px;
        min-height: 520px;

        padding-left: 42px;
        padding-right: 42px;
    }


    .keyheld-home-slider .content-box {
        max-width: 100%;

        padding: 25px 12px 15px;
    }


    .keyheld-home-slider__title {
        max-width: 100%;

        margin-bottom: 12px !important;

        font-size: 38px !important;
        line-height: 1.08 !important;

        letter-spacing: -0.2px;
    }


    .keyheld-home-slider__subtitle {
        max-width: 470px;

        margin-bottom: 36px !important;

        font-size: 17px !important;
        line-height: 1.4 !important;
    }


    .keyheld-home-slider__button {
        min-width: 165px;
        min-height: 48px;

        padding: 11px 22px !important;

        font-size: 14.5px !important;
    }


    .keyheld-home-slider
    .owl-nav
    button.owl-prev,

    .keyheld-home-slider
    .owl-nav
    button.owl-next {
        width: 40px !important;
        height: 40px !important;

        min-width: 40px !important;
    }


    .keyheld-home-slider
    .owl-nav
    button.owl-prev {
        left: 8px !important;
    }


    .keyheld-home-slider
    .owl-nav
    button.owl-next {
        right: 8px !important;
    }


    .keyheld-home-slider
    .owl-nav
    button.owl-prev > span,

    .keyheld-home-slider
    .owl-nav
    button.owl-next > span {
        font-size: 25px !important;
    }

}


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

@media (max-width: 480px) {

    .keyheld-home-slider .slide-item {
        height: 480px;
        min-height: 480px;
    }


    .keyheld-home-slider
    .slide-item > .container {
        height: 480px;
        min-height: 480px;

        padding-left: 35px;
        padding-right: 35px;
    }


    .keyheld-home-slider .content-box {
        padding-left: 5px;
        padding-right: 5px;
    }


    .keyheld-home-slider__title {
        font-size: 31px !important;
        line-height: 1.1 !important;
    }


    .keyheld-home-slider__subtitle {
        max-width: 360px;

        margin-bottom: 32px !important;

        font-size: 15.5px !important;
        line-height: 1.4 !important;
    }


    .keyheld-home-slider__button {
        min-width: 155px;
        min-height: 45px;

        padding: 10px 20px !important;

        font-size: 13.5px !important;
    }


    .keyheld-home-slider
    .owl-nav
    button.owl-prev,

    .keyheld-home-slider
    .owl-nav
    button.owl-next {
        width: 36px !important;
        height: 36px !important;

        min-width: 36px !important;
    }


    .keyheld-home-slider
    .owl-nav
    button.owl-prev > span,

    .keyheld-home-slider
    .owl-nav
    button.owl-next > span {
        font-size: 23px !important;
    }

}