/* 1. Fix Mobile Button Overlap */
@media screen and (max-width: 767px) {
    .about-section, [data-section-id="about"] {
        height: auto !important; 
        padding-bottom: 40px !important;
    }
    .button-container {
        margin-top: 20px !important;
        position: relative !important;
    }
}

/* 2. Remove Bullet Points from Testimonials */
#testimonials ul, .testimonial-list {
    list-style-type: none !important;
    padding-left: 0px !important;
    margin-left: 0px !important;
}
#testimonials li {
    list-style: none !important;
}

/* 3. Fix Contact Us / Phone Overlap */
.phone-number-box, #office-phone {
    margin-top: 25px !important;
    display: block !important;
    clear: both !important;
}
/* --- FRG Enterprises Custom Mobile Fixes --- */

/* 1. Fix Overlapping Buttons (Book a Call / View Services) */
@media screen and (max-width: 600px) {
    .common-button-style, 
    [data-element-type="button"] {
        display: block !important;
        width: 100% !important;
        margin: 10px 0 !important;
        float: none !important;
    }
    
    /* Forces the container to expand for the buttons */
    .button-container-class {
        display: flex !important;
        flex-direction: column !important;
        height: auto !important;
    }
}

/* 2. Remove Bullet Dots from Directory & Lists */
.quick-directory ul, 
.directory-section ul,
#contact-section ul {
    list-style-type: none !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}

.quick-directory li, 
.directory-section li {
    list-style: none !important;
    background-image: none !important;
    margin-bottom: 15px !important;
}

/* 3. Final Contact Us Overlap Protection */
#contact-us-section, .footer-content {
    clear: both !important;
    display: block !important;
    position: relative !important;
    padding-top: 20px !important;
}