.elementor-1215 .elementor-element.elementor-element-ebfbd9d{padding:0px 0px 85px 0px;}.elementor-1215 .elementor-element.elementor-element-a36bcad:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-1215 .elementor-element.elementor-element-a36bcad > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFF2EF;}.elementor-1215 .elementor-element.elementor-element-a36bcad > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0% 1% 0% 1%;--e-column-margin-right:1%;--e-column-margin-left:1%;}.elementor-1215 .elementor-element.elementor-element-a36bcad > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1215 .elementor-element.elementor-element-c64b8d1 > .elementor-container{max-width:1200px;}.elementor-1215 .elementor-element.elementor-element-c64b8d1{margin-top:0px;margin-bottom:30px;}.elementor-1215 .elementor-element.elementor-element-2cc13cf > .elementor-container{max-width:1200px;}.elementor-1215 .elementor-element.elementor-element-2cc13cf{margin-top:0px;margin-bottom:40px;}.elementor-1215 .elementor-element.elementor-element-14528f4{width:var( --container-widget-width, 126.842% );max-width:126.842%;--container-widget-width:126.842%;--container-widget-flex-grow:0;text-align:right;font-size:15px;line-height:24px;}.elementor-1215 .elementor-element.elementor-element-14528f4.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1215 .elementor-element.elementor-element-f845653 > .elementor-container{max-width:1050px;min-height:0px;}.elementor-1215 .elementor-element.elementor-element-90ad2cf:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-1215 .elementor-element.elementor-element-90ad2cf > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFF2EF;}.elementor-1215 .elementor-element.elementor-element-90ad2cf > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1215 .elementor-element.elementor-element-90ad2cf > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1215 .elementor-element.elementor-element-f9dfe91 .kivicare-doctor-card{background-color:#F3F8FF;border-style:solid;border-width:2px 2px 2px 2px;border-radius:30px 30px 30px 30px;overflow:hidden;}.elementor-1215 .elementor-element.elementor-element-f9dfe91{width:auto;max-width:auto;}.elementor-1215 .elementor-element.elementor-element-f9dfe91 > .elementor-widget-container{padding:0% 23% 0% 23%;}.elementor-1215 .elementor-element.elementor-element-f9dfe91.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-1215 .elementor-element.elementor-element-f9dfe91 .iq_kivicare_doctor_name-label{font-size:16px;text-align:center;}.elementor-1215 .elementor-element.elementor-element-f9dfe91 .appoin{text-align:center;}.elementor-1215 .elementor-element.elementor-element-f9dfe91 .iq_kivicare_doctor_name-value ,iq_kivicare_doctor_name-cell_value, iq_kivicare_doctor_name-cell_title{font-size:22px;font-weight:700;text-decoration:underline;letter-spacing:0.2px;}.elementor-1215 .elementor-element.elementor-element-f9dfe91 .iq_kivicare_doctor_name-value{text-align:center;}.elementor-1215 .elementor-element.elementor-element-f9dfe91 .iq_kivicare_doctor_name-cell_title{text-align:center;}.elementor-1215 .elementor-element.elementor-element-f9dfe91 .iq_kivicare_doctor_name-cell_value{text-align:center;}.elementor-1215 .elementor-element.elementor-element-f9dfe91 .iq_kivicare_doctor_speciality-label{text-align:center;}.elementor-1215 .elementor-element.elementor-element-f9dfe91 .iq_kivicare_doctor_speciality-value ,iq_kivicare_doctor_speciality-cell_value, iq_kivicare_doctor_speciality-cell_title{font-size:20px;}.elementor-1215 .elementor-element.elementor-element-f9dfe91 .iq_kivicare_doctor_speciality-value{text-align:center;}.elementor-1215 .elementor-element.elementor-element-f9dfe91 .iq_kivicare_doctor_speciality-cell_title{text-align:center;}.elementor-1215 .elementor-element.elementor-element-f9dfe91 .iq_kivicare_doctor_speciality-cell_value{text-align:center;}.elementor-1215 .elementor-element.elementor-element-f9dfe91 .iq_kivicare_doctor_qualification-label{font-size:12px;text-align:center;}.elementor-1215 .elementor-element.elementor-element-f9dfe91 .iq_kivicare_doctor_qualification-value{text-align:center;}.elementor-1215 .elementor-element.elementor-element-f9dfe91 .iq_kivicare_doctor_qualification-cell_title{text-align:center;}.elementor-1215 .elementor-element.elementor-element-f9dfe91 .iq_kivicare_doctor_qualification-cell_value{text-align:center;}.elementor-1215 .elementor-element.elementor-element-f9dfe91 .kivi-pagination{padding:10px 0px 0px 0px;}.elementor-1215 .elementor-element.elementor-element-904341a > .elementor-widget-container{margin:0px 0px 30px 0px;}.elementor-1215 .elementor-element.elementor-element-904341a{text-align:center;font-size:12px;color:#F00C0A;}@media(min-width:768px){.elementor-1215 .elementor-element.elementor-element-a36bcad{width:100%;}.elementor-1215 .elementor-element.elementor-element-38ad668{width:100%;}}@media(max-width:1024px){.elementor-1215 .elementor-element.elementor-element-ebfbd9d{padding:0px 0px 50px 0px;}.elementor-1215 .elementor-element.elementor-element-2cc13cf{margin-top:0px;margin-bottom:30px;}.elementor-1215 .elementor-element.elementor-element-14528f4{font-size:13px;}.elementor-1215 .elementor-element.elementor-element-904341a > .elementor-widget-container{margin:0px 0px 20px 0px;}}@media(max-width:767px){.elementor-1215 .elementor-element.elementor-element-ebfbd9d{padding:0px 0px 50px 0px;}.elementor-1215 .elementor-element.elementor-element-a36bcad > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-1215 .elementor-element.elementor-element-c64b8d1 > .elementor-container{max-width:500px;}.elementor-1215 .elementor-element.elementor-element-14528f4{text-align:center;line-height:1.5em;}.elementor-1215 .elementor-element.elementor-element-f9dfe91 > .elementor-widget-container{padding:0% 02% 0% 02%;}.elementor-1215 .elementor-element.elementor-element-904341a > .elementor-widget-container{margin:0px 0px 10px 0px;}.elementor-1215 .elementor-element.elementor-element-904341a{font-size:9px;line-height:1.35em;}}/* Start custom CSS for kivicare-clinic-wise-doctor, class: .elementor-element-f9dfe91 */<style>
/* General styles to ensure responsiveness */
body {
    margin: 0;
    padding: 0;
}

/* Container for the filter section and doctor cards */
.grid-container.filter-component {
    display: flex;
    flex-wrap: wrap; /* Ensure the items wrap on smaller screens */
    gap: 15px; /* Space between items */
    justify-content: flex-start; /* Align items to the start */
    align-items: center;
    padding: 10px;
    width: 100%;
}

/* Ensure that the form elements are responsive and do not break */
.grid-container.filter-component select, 
.grid-container.filter-component input,
.grid-container.filter-component button {
    flex: 1 1 auto; /* Let the items grow and shrink based on available space */
    min-width: 150px; /* Set a minimum width to avoid overly small inputs */
    padding: 10px;
    margin-bottom: 10px;
    box-sizing: border-box;
}

/* Image styling to make it circular and a little bigger */
.kivicare-doctor-avtar {
    width: 150px !important; /* Increased size for larger circular image */
    height: 175px !important; /* Increased height to match the width */
    border-radius: 50% !important; /* Make the image circular */
    object-fit: cover !important; /* Ensure the image scales properly within the circle */
    margin-bottom: 10px; /* Add space below the image */
}

/* Doctor card styles */
.kivicare-doctor-card {
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
    margin-bottom: 20px;
}

.column-doctor {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.column-doctor .image {
    width: 100%;
    max-width: 150px;
    margin-bottom: 10px;
}

.column-doctor .details {
    text-align: center;
}

.column-doctor .book {
    margin-top: 10px;
}

/* Media queries for different devices */

/* For tablets */
@media (max-width: 768px) {
    .grid-container.filter-component {
        flex-direction: column; /* Stack the filter elements vertically on tablets */
    }

    /* Ensure the input fields fit and don't overlap */
    .grid-container.filter-component select,
    .grid-container.filter-component input,
    .grid-container.filter-component button {
        width: 100%; /* Full width on smaller devices */
    }
}

/* For mobiles */
@media (max-width: 480px) {
    .grid-container.filter-component {
        flex-direction: column; /* Stack the filter elements vertically on mobile */
    }

    /* Make sure the input fields fill available space */
    .grid-container.filter-component select,
    .grid-container.filter-component input,
    .grid-container.filter-component button {
        width: 100%; /* Full width to avoid overflow */
    }

    .kivicare-doctor-card {
        width: 100%;
    }
}

/* Pagination styling */
.kivi-pagination {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.kivi-pagination input {
    background-color: #f1f1f1;
    padding: 10px 20px;
    border: 1px solid #ccc;
    cursor: pointer;
}

.kivi-pagination input:hover {
    background-color: #e2e2e2;
}
</style>/* End custom CSS */
/* Start custom CSS *//* Hide the logo and buttons widget (4th column) */
.footer-widgets .footer-aside-wrap &gt; aside:last-child,
.footer-widgets .footer-aside-wrap &gt; aside:nth-child(4) {
    display: none !important;
}

/* Optional: Adjust the remaining columns to use the full space */
.footer-widgets .footer-aside-wrap {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr !important;
    gap: 30px !important;
    width: 100% !important;
}

/* Or if using flexbox */
.footer-widgets .footer-aside-wrap {
    display: flex !important;
    justify-content: space-between !important;
}

.footer-widgets .footer-aside-wrap &gt; aside:not(:last-child) {
    width: 33.333% !important;
    flex: 0 0 33.333% !important;
}/* End custom CSS */