.custom-widget {
    position: relative;
    padding-top: 0; /* background chiếm top */
    padding-bottom: 30px; /* khoảng trống dưới */
}

.widget-bg-wrapper {
    width: 100%;
    height: 600px; /* chiều cao background */
    overflow: hidden;
}

.custom-widget .widget-bg {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.overlay-content {
    position: relative;
    margin-top: -150px; /* nổi lên trên background */
    z-index: 10;
}

.widget-content {
    background-color: #485075;
    color: #fff;
    padding: 3rem;
    border-radius: 0.5rem;
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
}

/* Desktop: 2/3 info, 1/3 form */
.info-section {
    flex: 2 1 0;
}
.form-section {
    flex: 1 1 0;
}

/* Desktop > 992px */


/* Mobile/tablet <992px */
@media (max-width: 992px) {
    .overlay-content {
        margin-top: 20px !important; /* tách biệt với background */
        position: relative;
    }
    .widget-content {
        flex-direction: column;
    }
}

@media (max-width: 768px) {
    .widget-bg-wrapper {
        height: 250px;
    }
    .overlay-content {
        margin-top: 20px !important; /* giữ khoảng cách */
    }
    .widget-content {
        padding: 2rem !important;
    }
}