/* 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) {
      #ano-rectal-care_main_section {
            height: 300px; /* Adjust height for screens up to 768px */
        }
    }
    
    @media only screen and (max-width: 576px) {
      #ano-rectal-care_main_section {
            height: 200px; /* Adjust height for screens up to 576px */
        }
    }
    
    /* Responsive adjustments */
    @media only screen and (max-width: 768px) {
      #ano-rectal-care_main_section .text-block {
            top: 40%; /* Adjust top position for screens up to 768px */
        }
        #liver_care_main_section_D .col-xl-4, .col-lg-4 .col-md-6{
          margin-bottom: 10px;
        }
    }
    
    @media only screen and (max-width: 576px) {
      #ano-rectal-care_main_section .text-block {
            top: 50%; /* Adjust top position for screens up to 576px */
        }
      #liver_care_main_section_D .col-xl-4, .col-lg-4 .col-md-6{
        margin-bottom: 10px;
      }
    }