/* ==================================================
   Split from home-sections.css
   File generated for Blocksy child theme modular CSS.
================================================== */

/* ==================================================
   HOME-SECTIONS.CSS – HOMEPAGE SECTIONS
   Final safe version
   Extracted from custom.css
   Sections: 2, 3, 4, 5, 15
================================================== */

/* ==================================================
   2. HERO / HOMEPAGE BANNER
================================================== */

.home .akj-hero-banner {
    width: 100%;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.home .akj-hero-banner .hero-inner,
.home .akj-hero-banner .stk-5cc302c-column {
    width: 100%;
    max-width: 1600px !important;
    margin: 0 auto !important;
    padding: 0 8px 0 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    column-gap: 40px !important;
    row-gap: 40px !important;
}

.home .akj-hero-banner .hero-content {
    flex: 0 0 58% !important;
    max-width: 58% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    align-self: center !important;
}

.home .akj-hero-banner .hero-image {
    flex: 0 0 42% !important;
    max-width: 42% !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: flex-end !important;
    margin: 0 !important;
    padding: 0 !important;
}

.home .akj-hero-banner .hero-content > *,
.home .akj-hero-banner .hero-content .stk-20d545a-container,
.home .akj-hero-banner .hero-content .stk-20d545a-inner-blocks {
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: left !important;
}

.home .akj-hero-banner .hero-content .stk-block-text__text,
.home .akj-hero-banner .hero-content .stk-block-heading__text,
.home .akj-hero-banner .hero-content .wp-block-heading,
.home .akj-hero-banner .hero-content h1,
.home .akj-hero-banner .hero-content h2,
.home .akj-hero-banner .hero-content h3,
.home .akj-hero-banner .hero-content p,
.home .akj-hero-banner .hero-content .wp-block-buttons {
    max-width: 100%;
    text-align: left !important;
}

.home .akj-hero-banner .hero-title {
    max-width: 900px !important;
    margin-bottom: 28px !important;
}

.home .akj-hero-banner .hero-title .stk-block-heading__text {
    font-size: 72px !important;
    line-height: 1.14 !important;
}

.home .akj-hero-banner .hero-text {
    max-width: 560px !important;
    margin-bottom: 42px !important;
}

.home .akj-hero-banner .hero-text .stk-block-text__text {
    font-size: 16px !important;
    line-height: 1.7 !important;
}

.home .akj-hero-banner .hero-kicker .stk-block-text__text {
    font-size: 22px !important;
    text-align: left !important;
}

.home .akj-hero-banner .hero-cta,
.home .akj-hero-banner .stk-button-group {
    justify-content: flex-start !important;
    text-align: left !important;
}

.home .akj-hero-banner .hero-image .stk-9ee6bb3-container,
.home .akj-hero-banner .hero-image .stk-9ee6bb3-inner-blocks {
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
}

.home .akj-hero-banner .hero-image figure {
    margin: 0 !important;
    display: flex !important;
    justify-content: flex-end !important;
}

.home .akj-hero-banner .hero-image .stk-img-wrapper {
    width: 100% !important;
    max-width: 480px !important;
    height: auto !important;
}

.home .akj-hero-banner .hero-image img {
    display: block;
    width: 100% !important;
    height: auto !important;
    max-width: 480px;
    object-fit: contain !important;
    margin: 0 !important;
}