/* Custom styles */
.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
position: relative; /* Ensure positioning context for pseudo-elements */
}
.swiper-client-msg {
padding: 20px;
position: relative; /* Ensure positioning context for pseudo-elements */
}
.swiper-client-msg p {
position: relative; /* Ensure positioning context for pseudo-elements */
font-size: 18px; /* Default font size */
}
.swiper-client-data {
padding: 20px;
}
.swiper-client-msg p {
position: relative; /* Ensure positioning context for pseudo-elements */
}
.grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
grid-gap: 10px;
}

/* Pseudo-elements */
/* .swiper-client-msg p::before,
.swiper-client-msg p::after {
position: absolute;  
color: #fb7c04;
font-family: "Font Awesome 5 Free";
font-weight: 900;
}

.swiper-client-msg p::before {
content: "\f10d";
top: 0.5rem;
left: 2rem;
font-size: 3rem;
} */

/* .swiper-client-msg p::after {
content: "\f10e";
bottom: 0.5rem;
right: 2rem;
font-size: 3rem;
} */
/* Responsive styles for screens up to 1024px */
@media only screen and (max-width: 1024px) {
.swiper-client-msg p::before,
.swiper-client-msg p::after {
display: none; /* Hide the pseudo-elements for screens up to 1024px */
}
}

/* Responsive styles */
@media only screen and (max-width: 768px) {
.swiper-client-msg p::before,
.swiper-client-msg p::after {
display: none; /* Adjust font size for smaller screens */
}
}

@media only screen and (max-width: 480px) {
.swiper-client-msg p::before,
.swiper-client-msg p::after {
display: none; /* Further adjust font size for even smaller screens */
}
}

/* Responsive styles */
@media only screen and (max-width: 768px) {
.swiper-client-msg p {
font-size: 16px; /* Adjust font size for smaller screens */
}
}

@media only screen and (max-width: 480px) {
.swiper-client-msg p {
font-size: 14px; /* Further adjust font size for even smaller screens */
}
}

/* Responsive styles */
@media only screen and (max-width: 768px) {
.grid {
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}
}
@media only screen and (max-width: 480px) {
.grid {
grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
}
}


    @media (max-width: 1024px) {
#main-footer .row > div[class*="col-"] {
flex: 0 0 100%; /* Two columns on screens up to 1024px */
}
}

@media (max-width: 768px) {
#main-footer .row > div[class*="col-"] {
flex: 0 0 100%; /* Full width for all columns on screens up to 768px */
text-align: center; /* Center align text */
}
}

/* Responsive adjustments */
@media only screen and (max-width: 768px) {
#online_consultation_main {
   height: 300px; /* Adjust height for screens up to 768px */
}
}

@media only screen and (max-width: 576px) {
#online_consultation_main {
   height: 200px !important; /* Adjust height for screens up to 576px */
}
}


   /* Responsive Styles */
@media only screen and (max-width: 768px) {
#online_consultation_main .col-md-6 {
   text-align: center; /* Center align text on mobile devices */
}
}

/* Responsive Styles */
@media only screen and (max-width: 768px) {
#online_consultation_main .text-block {
   max-width: 90%; /* Adjust for tablet devices */
}
}    
@media only screen and (max-width: 480px) {
#online_consultation_main .text-block {
   max-width: 90%; /* Adjust for smaller mobile devices */
}
}
/* Responsive Styles */
@media only screen and (max-width: 2560px) {
  #inpatient-section-D .col-xl-4, .col-lg-4, .col-md-6{
  margin-bottom: 10px;
}
}
/* Responsive Styles */
@media only screen and (max-width: 768px) {
  #inpatient-section-D .col-md-6{
  margin-bottom: 10px;
}
}

/* Adjust font size and line height for mobile devices */
@media only screen and (max-width: 576px) {
#online_consultation_main h1 {
 font-size: 28px !important; /* Adjust font size for smaller mobile devices */
 line-height: 30px !important; /* Adjust line height for smaller mobile devices */
 margin-bottom: 10px !important;
}

#online_consultation_main p {
 font-size: 14px !important; /* Adjust font size for smaller mobile devices */
 line-height: 20px !important; /* Adjust line height for smaller mobile devices */
}

#inpatient-section-D p{
  font-size: 14px !important; /* Adjust font size for smaller mobile devices */

}
#inpatient-section-D .col-md-6{
  margin-bottom: 10px;
}

}

@media (max-width: 1024px) {
#main-footer .row > div[class*="col-"] {
flex: 0 0 100%; /* Two columns on screens up to 1024px */
}
}

@media (max-width: 768px) {
#main-footer .row > div[class*="col-"] {
flex: 0 0 100%; /* Full width for all columns on screens up to 768px */
text-align: center; /* Center align text */
}
}