/* =========================================================
   KEYHELD WEALTH CTA BLOCK
   Font: Cormorant Garamond
========================================================= */


/* =========================================================
   ELEMENTOR WIDGET
========================================================= */

.elementor-widget-muzex_wealth_cta_block {
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


.elementor-widget-muzex_wealth_cta_block
> .elementor-widget-container {
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   MAIN CTA SECTION
========================================================= */

.keyheld-wealth-cta {
    position: relative;

    width: 100%;
    max-width: none;

    margin: 0;
    padding: 0;

    background: #102e57;

/*     font-family: "Cormorant Garamond", Georgia, serif; */
	font-family: "EB Garamond" !important;
}


/* Force Cormorant Garamond */

.keyheld-wealth-cta,
.keyheld-wealth-cta h1,
.keyheld-wealth-cta h2,
.keyheld-wealth-cta h3,
.keyheld-wealth-cta h4,
.keyheld-wealth-cta h5,
.keyheld-wealth-cta h6,
.keyheld-wealth-cta p,
.keyheld-wealth-cta span,
.keyheld-wealth-cta a,
.keyheld-wealth-cta div {
/*     font-family: "Cormorant Garamond", Georgia, serif !important; */
	font-family: "EB Garamond" !important;
}


/* =========================================================
   INNER CONTENT
   More breathing room than previous version
========================================================= */

.keyheld-wealth-cta__inner {
    display: flex;
    flex-direction: column;

    align-items: center;
    justify-content: center;

    width: 100%;
    max-width: 1000px;

    min-height: 330px;

    margin: 0 auto;

    padding: 78px 45px 80px;

    box-sizing: border-box;

    text-align: center;
}


/* =========================================================
   TITLE
   Canva: 33.2
========================================================= */

.keyheld-wealth-cta__title {
    width: 100%;
    max-width: 760px;

    margin: 0 0 38px !important;
    padding: 0 !important;

/*     font-family: "Cormorant Garamond", Georgia, serif !important; */
	font-family: "EB Garamond" !important;

    font-size: 33.2px !important;
    line-height: 1.28 !important;

    font-weight: 500 !important;

    letter-spacing: 0;

    color: #ffffff !important;

    text-align: center !important;
}


/* =========================================================
   BUTTON CONTAINER
========================================================= */

.keyheld-wealth-cta__buttons {
    display: flex;

    align-items: center;
    justify-content: center;

    flex-wrap: wrap;

    gap: 12px;

    width: 100%;

    margin: 0;
    padding: 0;
}


/* =========================================================
   BUTTON BASE
   Canva text: 14.9
========================================================= */

.keyheld-wealth-cta__button,
.keyheld-wealth-cta__button:visited {
    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    min-width: 170px;
    min-height: 50px;

    margin: 0;

    padding: 13px 26px !important;

    box-sizing: border-box;

/*     font-family: "Cormorant Garamond", Georgia, serif !important; */
	font-family: "EB Garamond" !important;

    font-size: 14.9px !important;
    line-height: 1.2 !important;

    font-weight: 600 !important;

    letter-spacing: 0;

    text-align: center !important;

    text-decoration: none !important;

    white-space: nowrap;

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease;
}


/* =========================================================
   BUTTON 1 - OUTLINE
========================================================= */

.keyheld-wealth-cta__button--outline,
.keyheld-wealth-cta__button--outline:visited {
    border: 2px solid #ffffff !important;

    background: transparent !important;

    color: #ffffff !important;
}


.keyheld-wealth-cta__button--outline:hover {
    border-color: #ffffff !important;

    background: #ffffff !important;

    color: #102e57 !important;
}


/* =========================================================
   BUTTON 2 - GOLD
========================================================= */

.keyheld-wealth-cta__button--gold,
.keyheld-wealth-cta__button--gold:visited {
    border: 2px solid #bd906c !important;

    background: #bd906c !important;

    color: #ffffff !important;
}


.keyheld-wealth-cta__button--gold:hover {
    border-color: #c9a668 !important;

    background: #c9a668 !important;

    color: #ffffff !important;
}


/* =========================================================
   SMALL DESKTOP
========================================================= */

@media (max-width: 1200px) {

    .keyheld-wealth-cta__inner {
        max-width: 900px;

        min-height: 310px;

        padding: 70px 40px 72px;
    }


    .keyheld-wealth-cta__title {
        max-width: 720px;

        margin-bottom: 34px !important;

        font-size: 31px !important;
        line-height: 1.28 !important;
    }


    .keyheld-wealth-cta__button {
        min-height: 48px;

        padding: 12px 24px !important;

        font-size: 14.5px !important;
    }

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .keyheld-wealth-cta__inner {
        max-width: 800px;

        min-height: 285px;

        padding: 62px 35px 65px;
    }


    .keyheld-wealth-cta__title {
        max-width: 650px;

        margin-bottom: 32px !important;

        font-size: 29px !important;
        line-height: 1.3 !important;
    }


    .keyheld-wealth-cta__buttons {
        gap: 10px;
    }


    .keyheld-wealth-cta__button {
        min-width: 165px;
        min-height: 47px;

        padding: 12px 22px !important;

        font-size: 14px !important;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .keyheld-wealth-cta__inner {
        min-height: 0;

        padding: 55px 25px 58px;
    }


    .keyheld-wealth-cta__title {
        max-width: 520px;

        margin-bottom: 28px !important;

        font-size: 26px !important;
        line-height: 1.32 !important;
    }


    .keyheld-wealth-cta__buttons {
        width: 100%;

        gap: 12px;
    }


    .keyheld-wealth-cta__button {
        min-width: 170px;
        min-height: 46px;

        padding: 11px 20px !important;

        font-size: 13.8px !important;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .keyheld-wealth-cta__inner {
        padding: 48px 20px 50px;
    }


    .keyheld-wealth-cta__title {
        max-width: 100%;

        margin-bottom: 25px !important;

        font-size: 23px !important;
        line-height: 1.35 !important;
    }


    .keyheld-wealth-cta__buttons {
        flex-direction: column;

        gap: 10px;
    }


    .keyheld-wealth-cta__button {
        width: 100%;
        max-width: 280px;

        min-height: 46px;

        padding: 11px 20px !important;

        font-size: 13.5px !important;
    }

}