.elementor-505 .elementor-element.elementor-element-120904f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-505 .elementor-element.elementor-element-0606a10{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-505 .elementor-element.elementor-element-cca1f73{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-505 .elementor-element.elementor-element-020608d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-0606a10 */.hero-section {
    position: relative;
    min-height: 90vh;
    display: flex;
    align-items: center;
    padding: 0 8%;
    color: #fff;
    overflow: hidden;
    font-family: Arial, sans-serif;
}

/* Background image */
.hero-bg {
    position: absolute;
    inset: 0;
    background-image: url('http://imasindustries.com/wp-content/uploads/2026/02/pexels-cottonbro-5319385-scaled.jpg');
    background-size: cover;
    background-position: center right;
    background-repeat: no-repeat;
    transform: scale(1.05); /* subtle depth */
}

/* Overlay */
.hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        90deg,
        rgba(0,0,0,0.95) 0%,
        rgba(0,0,0,0.9) 30%,
        rgba(0,0,0,0.7) 50%,
        rgba(0,0,0,0.3) 75%,
        rgba(0,0,0,0) 100%
    );
}

.hero-content {
    position: relative;
    max-width: 620px;
    z-index: 2;
}

.hero-content h1 {
    font-size: 54px;
    line-height: 1.15;
    margin-bottom: 20px;
    font-weight: 700;
}

.hero-content h1 span {
    color: #d4af37;
}

.hero-content p {
    font-size: 18px;
    color: #ddd;
    margin-bottom: 32px;
    line-height: 1.6;
}

.hero-btn {
    display: inline-block;
    padding: 15px 32px;
    background: #d4af37;
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    border-radius: 4px;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.hero-btn:hover {
    transform: scale(1.06);
    box-shadow: 0 10px 30px
    rgba(212,175,55,0.35);
    color: #ffff;
}

/* ===== TABLET ===== */
@media (max-width: 1024px) {
    .hero-section {
        padding: 0 6%;
        min-height: 75vh;
    }

    .hero-bg {
        background-position: center center;
    }

    .hero-content h1 {
        font-size: 44px;
    }
}

/* ===== MOBILE ===== */
@media (max-width: 767px) {
    .hero-section {
        padding: 0 8%;
        min-height: 65vh;
        text-align: center; /* CENTER TEXT ON MOBILE */
    }

    .hero-bg {
        background-position: center top;
    }

    @media (max-width: 767px) {
    .hero-overlay {
        background: linear-gradient(
            180deg,
            rgba(0,0,0,0.35) 0%,   /* VERY LIGHT on faces */
            rgba(0,0,0,0.45) 20%,
            rgba(0,0,0,0.65) 45%,  /* TEXT AREA */
            rgba(0,0,0,0.85) 65%,  /* CTA AREA */
            rgba(0,0,0,0.9) 100%
        );
    }

    .hero-bg {
        background-position: center 20%; /* keeps faces higher */
        transform: none; /* removes softness */
    }
}


    .hero-content {
        max-width: 100%;
        margin: 0 auto; /* CENTER CONTENT BLOCK */
    }

    .hero-content h1 {
        font-size: 32px;
    }

    .hero-content p {
        font-size: 16px;
    }

    .hero-btn {
        padding: 14px 26px;
        margin: 0 auto; /* CENTER BUTTON */
    }
}/* End custom CSS */