.heading {
    font-size: 30px !important;
    font-weight: 300 !important;
}
button#\31 evel1--cb7iemk {
    display: none !important;
}
.faq-area .faq-content .card {
    border: none;
    margin-bottom: 10px;
}
/* Mobile arrows - always visible */
@media (max-width: 767px) {

    .services-4-col-carousel .owl-nav {
        display: flex !important;
        justify-content: space-between;
        position: absolute;
        top: 45%;
        left: 0;
        right: 0;
        width: 100%;
        z-index: 10;
        pointer-events: none;
    }

    .services-4-col-carousel .owl-prev,
    .services-4-col-carousel .owl-next {
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: 40px !important;
        height: 40px !important;
        background: #1d2746 !important;
        color: #fff !important;
        border-radius: 50% !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto;
    }

    .services-4-col-carousel .owl-prev:hover,
    .services-4-col-carousel .owl-next:hover {
        background: #1d2746 !important;
        color: #fff !important;
        opacity: 1 !important;
    }

    .services-4-col-carousel .owl-prev {
        margin-left: 5px;
    }

    .services-4-col-carousel .owl-next {
        margin-right: 5px;
    }

    .services-4-col-carousel .owl-nav i {
        color: #fff !important;
        font-size: 18px;
    }
}
/* ============================================================
   CLEANU THEME - APPINMENT FORMS & NICE-SELECT COMPACT FIX
   ============================================================ */

/* 1. Reduce top padding of card & fix heading size */
.banner-area .appinment-forms {
    padding: 22px 25px 18px 25px !important;
    border-radius: 16px !important;
}
.faq-area .faq-content .card .card-header h4.collapsed{
	color:white !important;
}
.banner-area .appinment-forms h2 {
    font-size: 22px !important;
    margin-bottom: 8px !important;
    padding-bottom: 0 !important;
    line-height: 1.2 !important;
    color: #0f172a !important;
}

.banner-area .appinment-forms p {
    margin-bottom: 0 !important;
}

/* 2. Tighten vertical spacing between form rows */
.appinment-forms .quote-form {
    padding: 0 !important;
    margin: 0 !important;
}

.appinment-forms .quote-form .row {
    --bs-gutter-y: 6px !important;
    --bs-gutter-x: 10px !important;
}

/* 3. Dark, readable labels */
.appinment-forms .quote-form label,
.appinment-forms .quote-form .form-label {
    display: block !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    margin-bottom: 2px !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* 4. Text, Tel & Email input fields */
.appinment-forms .quote-form .form-control,
.appinment-forms .quote-form input[type="text"],
.appinment-forms .quote-form input[type="tel"],
.appinment-forms .quote-form input[type="email"] {
    height: 35px !important;
    padding: 4px 10px !important;
    font-size: 13px !important;
    border-radius: 6px !important;
    background-color: #f8fafc !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: none !important;
}

/* 5. Fix Cleanu Theme 'nice-select' dropdown height & alignment */
.appinment-forms .quote-form .nice-select {
    height: 35px !important;
    line-height: 33px !important;
    padding-left: 10px !important;
    padding-right: 28px !important;
    font-size: 13px !important;
    border-radius: 6px !important;
    background-color: #f8fafc !important;
    border: 1.5px solid #e2e8f0 !important;
    float: none !important;
    width: 100% !important;
}

.appinment-forms .quote-form .nice-select .current {
    font-size: 13px !important;
    color: #475569 !important;
}

.appinment-forms .quote-form .nice-select:after {
    right: 12px !important;
    margin-top: -4px !important;
}

/* 6. Compact Textarea message box */
.appinment-forms .quote-form textarea.form-control,
.appinment-forms .quote-form textarea {
    height: 48px !important;
    min-height: 48px !important;
    padding: 6px 10px !important;
    font-size: 13px !important;
    border-radius: 6px !important;
    background-color: #f8fafc !important;
    border: 1.5px solid #e2e8f0 !important;
}

/* 7. Fully visible, vibrant Orange CTA Button */
.appinment-forms .quote-form input[type="submit"].quote-submit,
.appinment-forms .quote-submit {
    height: 42px !important;
    margin-top: 4px !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    border-radius: 6px !important;
    background: linear-gradient(135deg, #ffaa00 0%, #ff7700 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 6px 15px rgba(255, 119, 0, 0.35) !important;
    border: none !important;
    width: 100% !important;
    cursor: pointer !important;
}

.appinment-forms .quote-form input[type="submit"].quote-submit:hover {
    background: linear-gradient(135deg, #ff8800 0%, #e66600 100%) !important;
    transform: translateY(-1px) !important;
}
/* ============================================================
   DROPDOWN SCROLLABLE LIST & VERTICAL TEXT ALIGNMENT FIX
   ============================================================ */

/* 1. Perfect Vertical Centering for Dropdown Text */
.appinment-forms .quote-form .nice-select {
    height: 36px !important;
    line-height: 34px !important;
    padding-left: 12px !important;
    padding-right: 28px !important;
    font-size: 13px !important;
    border-radius: 6px !important;
    background-color: #f8fafc !important;
    border: 1.5px solid #e2e8f0 !important;
    display: flex !important;
    align-items: center !important;
}

.appinment-forms .quote-form .nice-select .current {
    font-size: 13px !important;
    color: #475569 !important;
    line-height: 1 !important;
    display: block !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* 2. Make Dropdown List Scrollable with Smooth Shadow */
.appinment-forms .quote-form .nice-select .list {
    max-height: 200px !important;
    overflow-y: auto !important; /* Enables scrolling for dropdown options */
    z-index: 99999 !important; /* Keeps list on top of everything */
    border-radius: 8px !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15) !important;
    border: 1px solid #e2e8f0 !important;
    background-color: #ffffff !important;
}

/* 3. Option Item Styling & Hover Highlight */
.appinment-forms .quote-form .nice-select .option {
    padding-left: 12px !important;
    padding-right: 12px !important;
    min-height: 34px !important;
    line-height: 34px !important;
    font-size: 13px !important;
    color: #1e293b !important;
}

.appinment-forms .quote-form .nice-select .option:hover,
.appinment-forms .quote-form .nice-select .option.focus {
    background-color: #fff7ed !important;
    color: #ea580c !important; /* Orange highlight on hover */
}

/* 4. Vertical Centering for Input Fields Text & Placeholders */
.appinment-forms .quote-form .form-control,
.appinment-forms .quote-form input[type="text"],
.appinment-forms .quote-form input[type="tel"],
.appinment-forms .quote-form input[type="email"] {
    line-height: 34px !important;
}
.banner-area.text-multi-weight .content h2 {
	font-size: 59px !important;}
	.elementor .e-flexbox-base {
    padding: 10px;
    display: flex;
    flex-direction: row;
    align-items: center !important;
}


