/* Hero Section Styles */
.hero-container {
    position: relative;
    overflow: hidden;
    height: 550px;
    display: flex;
    align-items: center;
    isolation: isolate;
}

.hero-background {
    position: absolute ! important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 0 !important;
    background-image: url('../storage/banner_new.png') !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    transform: translateZ(0) !important;
    will-change: transform ! important;
}

.hero-content {
    position: relative ! important;
    z-index:  10 !important;
    width: 100% !important;
}

.hero-text-box {
    background-color: rgb(17 24 39 / 15%) !important;
    backdrop-filter: blur(4px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
}