#swasthya-panchakarma-of-eyes .border{
    border-right: 2px solid #AF8F68 !important;
    height: 100px;
    }
    #swasthya-panchakarma-of-eyes .card-body h4{
      font-weight: 600;
      font-size: 20px;
    }
    #swasthya-panchakarma-of-eyes .card-body p{
      font-weight: 500;
      font-size: 16px;
    }

        /* 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));
}
}



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

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


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

/* Responsive Styles */
@media only screen and (max-width: 768px) {
#swasthya-panchakarma-section .text-block {
   max-width: 90%; /* Adjust for tablet devices */
}
}    
@media only screen and (max-width: 480px) {
#swasthya-panchakarma-section .text-block {
   max-width: 90%; /* Adjust for smaller mobile devices */
}
}

@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 */
  }
}
@media only screen and (max-width: 576px){
  #request-a-call-back .left-column h2{
    font-size: 20px;
  }
  #request-a-call-back .left-column .btn-primary{
    padding: 20px 20px;
  }
}