/* Modern Main Banner Search */
.banner-content form {
    position: relative !important;
    margin-top: 30px !important;
}

.banner-content form label {
    display: block !important;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    margin-bottom: 10px !important;
}

.banner-content form .input-newsletter,
.banner-content form #srcc {
    display: block !important;
    width: 100% !important;
    background-color: #fff !important;
    border: 2px solid #e0e0e0 !important;
    height: 60px !important;
    padding-left: 25px !important;
    padding-right: 140px !important;
    border-radius: 8px !important;
    outline: 0 !important;
    color: #212529 !important;
    font-size: 16px !important;
    transition: border-color 0.3s ease !important;
}

.banner-content form .input-newsletter:focus,
.banner-content form #srcc:focus {
    border-color: #0093fe !important;
}

.banner-content form input[type="submit"],
.banner-content form button[type="submit"] {
    position: absolute !important;
    right: 5px !important;
    top: 39px !important;
    height: 50px !important;
    padding: 0 30px !important;
    background-color: #0093fe !important;
    color: #fff !important;
    border: none !important;
    border-radius: 6px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    transition: background-color 0.3s ease !important;
}

.banner-content form input[type="submit"]:hover,
.banner-content form button[type="submit"]:hover {
    background-color: #0066cc !important;
}

.banner-content form .input-newsletter::placeholder,
.banner-content form #srcc::placeholder {
    color: #999 !important;
}

/* Modern Sub-Title Badge */
.banner-content .sub-title {
    display: inline-block !important;
    padding: 8px 16px !important;
    border: 1px dotted rgba(255, 255, 255, 0.6) !important;
    border-radius: 3px !important;
    background: rgba(255, 255, 255, 0.1) !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    transition: background 0.3s ease, border-color 0.3s ease !important;
}

.banner-content .sub-title:hover {
    background: rgba(255, 255, 255, 0.15) !important;
    border-color: rgba(255, 255, 255, 0.8) !important;
}
