/* General body text size for small screens */ 

@media (max-width: 768px) {
    body {
        font-size: 14px; /* Adjust base font size for readability */
    }

    /* Reduce the font size of headers and key elements */
    .hero h1 {
        font-size: 24px;
    }
    .hero p {
        font-size: 16px;
    }
    .dent {
        font-size: 32px; /* Branding font size reduced */
    }
    .span {
        font-size: 20px; /* Reduced size for mobile */
    }
    .best {
        font-size: 35px; /* Reduced size for mobile */
    }
    .color {
        font-size: 24px; /* Adjust heading size */
    }
    h2, h3, h4 {
        font-size: 20px; /* General header adjustment */
    }
    .doc-img{
        margin: 0px;
    }
    .imgset{
        margin: 0; 
    }

}
@media (max-width: 768px) {
    #testimonialsCarousel .card {
        max-width: 90%;
    }
    .rounded-circle {
        width: 50px !important;
        height: 50px !important;
        font-size: 20px !important;
    }
}