* {
      padding: 0;
      margin: 0;
      box-sizing: border-box;
      font-size: 17px;
      font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  }

  p {
      color: #999;
  }

  .btns-color {
      background-color: #2596be;
      color: #ffff;
  }

  .Homebtns-color {
      background-image: linear-gradient(to right, #f39c12, #2596be);
  }

  .Homebtns-color:hover {
      background-image: linear-gradient(to left, #f39c12, #2596be);
  }

  .btns-color:hover {
      background-color: #2596be;
      color: #ffff;
  }

  .btns {
      border: 1px solid #2596be
  }

  .btns:hover {
      background-color: #2596be;
  }

  .footer ul li img:hover {
      transform: scale(1.2);
      transition: all 0.5s ease;
  }

  .navbar-custom {
      display: none;
      background-color: #f8f9fa;
      /* Light background color for navbar */
  }


  .btn-custom {
      background-color: #f39c12;
      /* Orange background */
      color: #fff;
      border: none;
  }

  .btn-custom:hover {
      background-color: #e67e22;
      /* Darker orange on hover */
      color: #ffff;
  }

  .navbar-nav .nav-link.active {
      color: #f39c12;
      /* Orange color for active menu */
      font-weight: bold;
      /* Bold text for active menu */
  }

  .navbar-nav .nav-link {
      color: #000;
      /* Default color for nav links */
  }

  .containerClass {
      width: 100%;
      display: flex;
      justify-content: space-around;
      align-items: center;
  }

  .navbar-nav .nav-link:hover {
      color: #f39c12;
      /* Orange color on hover */
  }

  /* Dummy content styling */
  section {
      /* height: 100vh; */
      /* padding: 50px; */
      background-color: #f0f0f0;
      border-bottom: 1px solid #ccc;
  }

  section h2 {
      text-align: center;
      margin-top: 20px;
  }


  .navbar-brand img {
      width: 200px;
      /* Adjust as needed */
      height: auto;
      /* Maintain aspect ratio */
  }

  .navbar-custom .navbar-collapse {
      background-color: #f8f9fa;
      /* Same as the navbar background */
      /* width: 100%; */
  }


  .navbar {
      width: 100%;
      /* Set height explicitly if needed */
      /* height: 80px; */
      /* Example height */
      overflow: hidden;
      display: flex;
      align-items: center;
      /* Center items vertically */
      box-shadow: 0 0 20px #ccc;
  }

  #about {
      padding-top: 5rem;
      padding-bottom: 5rem;
      background-color: #ffffff;
  }

  .displayShow {
      display: none;
  }

  .block {
      display: block;
  }

  .icon-bg {
      width: 100px;
      /* Adjust width as needed */
      height: 100px;
      /* Adjust height as needed */
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: #f8f9fa;
      /* Light background color for the icon container */
      border-radius: 50%;
      /* Make it circular */
      margin: 0 auto;
  }

  .icon-bg img {
      max-width: 70%;
      /* Adjust this value based on your image size */
      max-height: 70%;
      /* Adjust this value based on your image size */
  }

  .font-weight-bold {
      font-weight: 700;
      /* Commonly used value for bold text */
  }



  /* Existing CSS */
  #services {
      text-align: center;
      padding: 20px;
  }

  .service-container {
      display: flex;
      flex-wrap: wrap;
      /* Enable wrapping for mobile responsiveness */
      justify-content: center;
      gap: 20px;
      margin-top: 20px;
  }

  .service-item {
      background-color: #f0f0f0;
      padding: 20px;
      border-radius: 8px;
      transition: transform 0.3s ease, background-color 0.3s ease;
      width: 150px;
      text-align: center;
  }

  .service-item img {
      width: 60px;
      /* Adjust size as needed */
      margin-bottom: 10px;
  }

  .service-item p {
      margin-top: 0;
  }

  .service-item:hover {
      transform: scale(1.1);
      background-color: #d1eaff;
  }

  /* New CSS for mobile responsiveness */
  @media (max-width: 768px) {
      .service-item {
          width: calc(50% - 20px);
          /* 50% width minus the gap */
          margin-bottom: 20px;
          /* Add margin at the bottom for spacing */
      }
  }


  /* Full-width map */
  #map {
      height: 100%;
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
  }

  /* Contact box styling */
  .contact-box {
      background-color: white;
      padding: 20px;
      border-radius: 10px;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
      z-index: 1000;
      position: relative;
      /* width: 90%; */
  }

  /* Center the contact box */
  .contact-section {
      position: relative;
      height: 500px;
      display: flex;
      align-items: flex-end;
      /* Align to bottom */
      justify-content: flex-end;
      overflow: hidden;
  }

  .apointment-sec {
      background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("https://t4.ftcdn.net/jpg/08/11/13/49/360_F_811134910_KnOKjIr6d4yzdTsgcVkNx2fLfnJobgqB.jpg");
      background-repeat: no-repeat;
      background-size: cover;
      background-position: right;
  }

  /* Adjust the iframe */
  iframe {
      border: 0;
  }

  .accordion-button {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 1rem;
      font-weight: bold;
      background-color: #fff;
      border-radius: 10px;
      border: 1px solid #ddd;
      color: #333;
      position: relative;
  }

  .accordion-button::after {
      content: '';
      font-size: 1.5rem;
      color: #2596be;
      margin-left: auto;
      background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="blue" class="bi bi-plus" viewBox="0 0 16 16"%3E%3Cpath d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z"/%3E%3C/svg%3E');
      width: 24px;
      height: 24px;
      background-size: cover;
      transition: transform 0.2s ease-in-out;
  }

  .accordion-button.collapsed::after {
      transform: rotate(0deg);
  }

  .accordion-button:not(.collapsed)::after {
      transform: rotate(45deg);
  }

  .accordion-item {
      border: none;
      margin-bottom: 10px;
  }

  .accordion-body {
      border-top: 1px solid #ddd;
      padding: 1rem;
      background-color: #f8f9fa;
      border-radius: 0 0 10px 10px;
  }

  .doctor-container {
      position: relative;
      overflow: hidden;
      width: 100%;
      height: 350px;
  }

  .doctor-info {
      position: absolute;
      top: 100%;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: rgba(255, 255, 255, 0.9);
      transition: top 0.3s ease-in-out;
      padding-top: 20px;
      text-align: center;
  }

  .doctor-row {
      padding: 10px;
  }

  .doctor-col {
      padding: 10px;
  }

  .doctor-container:hover {
      box-shadow: 0 0 10px #ccc;
  }

  .doctor-container:hover .doctor-info {
      top: 50%;

  }

  .doctor-container img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center top;
  }

  .doctor-name {
      font-size: 2rem;
      font-weight: bold;
  }

  .doctor-speciality {
      font-size: 1.1rem;
      color: #777;
  }



  .card {
      background-color: #d1eaff;

      max-width: 400px;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  }

  .carousel-indicators [data-bs-target] {
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background-color: #2596be;
      margin: 0 3px;
      opacity: 0.5;
  }

  .carousel-indicators .active {
      background-color: #2596be;
      opacity: 1;
  }


  .accordion-button::after {
      display: none;
  }

  .icon-btn {
      width: 30px;
      height: 30px;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
  }

  .icon-btn img {
      width: 100%;
      height: auto;
  }

  .social-icon {
      width: 24px;
      /* Adjust this value to make icons smaller or larger */
      height: auto;
      /* Keeps the aspect ratio intact */
  }

  .chatbot-button {
      width: 50px;
      height: 50px;
  }

  /* Scroll-to-Top Button */
  .scroll-to-top {
      position: fixed;
      bottom: 20px;
      right: 20px;
      width: 50px;
      height: 50px;
      background-color: #e67e22;
      /* Matches the primary color */
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
      cursor: pointer;
      transition: opacity 0.3s ease-in-out;
      z-index: 1000;
      animation: animationArrow 1.5s infinite;
  }

  .whatsApp {
      position: fixed;
      bottom: 80px;
      right: 21px;
      width: 55px !important;
      height: 55px !important;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      transition: opacity 0.3s ease-in-out;
      z-index: 1000;
  }

  .scroll-to-top img,
  .whatsApp img {
      /* width: 24px;
      height: 24px; */
      width: 100%;
      height: 100%;
  }

  .whatsApp img {
      animation: animation 1.5s infinite;
      border-radius: 50%;
  }

  .scroll-to-top:hover {
      background-color: #2596be;
      /* Darker shade of primary color */
      transition: all 0.2s ease;
  }

  .whatsApp:hover {
      transform: scale(1.1);
      transition: all 0.2s ease;
  }

  @keyframes animationArrow {
      0% {
          transform: scale(1);
          border: 2px solid #f39c12;
      }

      50% {
          transform: scale(1.05);
          border: 5px solid #d2850a;
      }

      100% {
          transform: scale(1);
          border: 2px solid #b7750b;
      }
  }

  @keyframes animation {
      0% {
          transform: scale(1);
          border: 2px solid #64de3b;
      }

      50% {
          transform: scale(1.05);
          border: 5px solid #60de3624;
      }

      100% {
          transform: scale(1);
          border: 2px solid #64de3b1b;
      }
  }


  .scroll-to-top.hidden,
  .whatsApp.hidden {
      opacity: 0;
      pointer-events: none;
  }

  /* Background image for mobile view */
  @media (max-width: 767.98px) {
      .home-bg {
          background-image: url('assets/hero.png');
          background-size: cover;
          background-position: center;
          background-repeat: no-repeat;
      }
  }

  .d-none {
      display: none;
  }

  .d-md-block {
      display: block;
  }

  #home {
      width: 100%;
      height: 100vh;
      /* Full height of the viewport */
      padding: 0;
      /* Remove any padding */
      margin: 0;
      /* Remove any margin */
      overflow: hidden;
      /* Prevent overflow */
  }

  .carousel-inner {
      width: 100%;
      height: 100%;
  }

  .carousel-item {
      height: 100vh;
      /* Make each carousel item fill the viewport height */
      position: relative;
      /* For overlay positioning */
  }

  .img-cover {
      height: 100%;
      width: 100%;
      object-fit: cover;
      /* Ensure the image covers the entire section */
  }




  /* Ensure the captions are centered */
  .carousel-caption {
      position: absolute;
      bottom: 50%;
      left: 50%;
      transform: translate(-50%, 50%);
      text-align: center;
  }

  .carousel-caption h1,
  .carousel-caption p {
      color: white;
  }

  /* Buttons styling */
  .carousel-caption .btn {
      margin-top: 10px;
      margin-right: 10px;
  }




  /* Ensure Text is White */
  .carousel-caption h1,
  .carousel-caption p,
  .carousel-caption a {
      color: #ffffff !important;
      /* Force text to be white */
  }

  /* Move Carousel Indicators to the Right */
  .carousel-indicators.carousel-indicators-custom {
      position: absolute;
      top: 50%;
      left: 69%;
      /* Position on the right side */
      transform: translateY(-50%);
      display: flex;
      flex-direction: column;
      justify-content: center;
      z-index: 2;
  }

  .carousel-indicators.carousel-indicators-custom button {
      width: 12px;
      height: 12px;
      border-radius: 50%;
      background-color: #2596be;
      /* Blue color for indicators */
      margin: 5px 0;
      border: none;
      opacity: 1;
      /* Ensure visibility */
  }

  .carousel-indicators.carousel-indicators-custom .active {
      background-color: #2596be;
      /* Active indicator is blue */
  }

  h2 {
      color: #2596be;
  }

  .speciality-container {
      display: flex;
      justify-content: center;
      gap: 20px;
  }

  .speciality {
      background: white;
      border-radius: 8px;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
      padding: 20px;
      transition: transform 0.3s ease;
      width: 250px;
      overflow: hidden;
  }

  .speciality:hover {
      transform: scale(1.05);
  }

  .speciality img {
      width: 100%;
      transition: transform 0.3s ease;
  }

  .speciality:hover img {
      transform: scale(1.1);
  }

  .speciality h3 {
      margin-top: 15px;
      position: relative;
      overflow: hidden;
  }

  .speciality h3::after {
      content: '';
      position: absolute;
      height: 2px;
      width: 100%;
      background-color: #2596be;
      bottom: 0;
      left: 100%;
      transition: left 0.3s ease;
  }

  .speciality:hover h3::after {
      left: 0;
  }

  .speciality .icon {
      margin-top: 10px;
      font-size: 20px;
      transition: color 0.3s ease;
  }

  .speciality:hover .icon {
      color: orange;
  }


  .gallery-container {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 20px;
  }

  .img-comp-card {
      border: 1px solid #ddd;
      border-radius: 8px;
      overflow: hidden;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
      max-width: 350px;
      transition: transform 0.5s ease-in-out;
      cursor: pointer;
  }

  .img-comp-card:hover {
      box-shadow: 0 0 10px #ddd;
      transform: scale(1.02);
  }

  .img-comp-container {
      position: relative;
      height: 300px;
      width: 100%;
      overflow: hidden;
  }

  .img-comp-img {
      position: absolute;
      width: 100%;
      height: 100%;
  }

  .img-comp-img img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
  }

  .img-comp-slider {
      position: absolute;
      z-index: 9;
      cursor: ew-resize;
      width: 2px;
      background-color: #fff;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
  }

  .img-comp-slider::before {
      content: '';
      position: absolute;
      width: 20px;
      height: 20px;
      background-color: #fff;
      border: 2px solid #2596be;
      border-radius: 50%;
      z-index: 10;
  }

  .img-comp-slider::after {
      content: '⇠⇢';
      position: absolute;
      color: #2596be;
      font-size: 18px;
      z-index: 11;
      top: -25px;
      width: 100%;
      text-align: center;
  }

  .card-body {
      padding: 15px;
      text-align: center;
  }

  .card-title {
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 10px;
  }

  .card-text {
      font-size: 16px;
      color: #555;
  }

  .img-comp-container {
      position: relative;
  }

  .img-comp-img {
      position: absolute;
      /* Ensures both images are positioned on top of each other */
      top: 0;
      left: 0;
      width: 100%;
      /* Make sure images are fully covering the container */
      height: 100%;
  }

  .img-comp-overlay {
      z-index: 1;
      /* Place the After image above the Before image */
  }

  .label {
      position: absolute;
      padding: 5px 10px;
      background-color: rgba(0, 0, 0, 0.5);
      color: #fff;
      font-size: 14px;
      display: none;
      z-index: 2;
      /* Ensure labels are above both images */
  }

  .label-before {
      top: 10px;
      right: 10px;
  }

  .label-after {
      bottom: 10px;
      left: 10px;
  }

  .img-comp-container:hover .label-before,
  .img-comp-container:hover .label-after {
      display: block;
  }

  /* Custom styles */
  .number-box {
      text-align: center;
      padding: 20px;
      border-radius: 10px;
      background-color: #f8f9fa;
  }

  .number {
      font-size: 2.5rem;
      font-weight: bold;
      color: #6c757d;
  }

  .description {
      color: #6c757d;
  }


  .carousel {
      position: relative;
  }

  .carousel-indicators {
      position: absolute;
      bottom: -25px;
      /* Adjust this value to position the indicators directly below the slider */
      left: 50%;
      transform: translateX(-50%);
      display: flex;
      justify-content: center;
      list-style: none;
  }

  .carousel-indicators li {
      background-color: #2596be;
      /* Adjust the color as needed */
      border-radius: 50%;
      width: 10px;
      height: 10px;
  }

  .carousel-indicators .active {
      background-color: #2596be;
      /* Slightly darker color for the active indicator */
  }

  .carousel-inner img {
      border-radius: 14px;
  }

  .carousel-item {
      transition: transform 0.5s ease-in-out;
  }

  .carousel-indicators {
      /* background-color: #2596be; */
      width: 100%;
      display: flex;
      /* margin: 0px 50px 50px 0px; */
      /* position: absolute; */
      /* bottom: 0; */
  }

  .footerCaroasal {
      /* background-color: #2596be; */
      width: 100%;
      display: flex;
      margin: 0px 50px 0px 0px;
  }

  #carouselExampleFade {
      /* position: relative; */
      /* width: 350px; */
      /* Set container width */
      /* height: 320px; */
      /* Set container height */
      /* border-radius: 20px; */
      /* Apply border radius */
      /* overflow: auto; */
      /* Ensure images stay within the border radius */
      margin: 0 auto;
      padding: 0%;
      background-color: #2596be;
      /* Center the slider horizontally (optional) */
  }

  #carouselExampleFade .carousel-inner img {
      width: 100%;
      height: 100%;
      /* Make images fill the container */
      object-fit: cover;
      /* Ensure images cover the container area */
  }

  .videocontainer {
      position: relative;
      width: 100%;
      max-width: 100%;
      border-radius: 20px;
      overflow: hidden;
  }

  .videocontainer video {
      width: 100%;
      border-radius: 20px;
  }

  /* Ensure the carousel caption text and buttons are centered for both mobile and desktop */
  .carousel-caption {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 2;
      text-align: center;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      width: 100%;
      padding: 0 15px;
  }

  /* Center the Book Appointment and Enquiry buttons */
  .carousel-caption .btn {
      display: inline-block;
      margin: 10px 5px;
      /* Ensure proper space between buttons */
      font-size: 1rem;
      padding: 12px 24px;
  }

  .carousel-caption h1 {
      font-size: 2.5rem;
      /* Slightly larger for desktop */
      color: #fff;
      margin-bottom: 20px;
  }

  .carousel-caption p {
      font-size: 1.2rem;
      color: #fff;
      margin-bottom: 30px;
  }

  /* Style the enquiry section inside the caption */
  .carousel-caption .enquiry {
      display: flex;
      justify-content: center;
      align-items: center;
      margin-top: 20px;
      /* Space above the enquiry section */
  }

  .carousel-caption .enquiry img {
      width: 50px;
      height: 50px;
  }

  .carousel-caption .enquiry div {
      margin-left: 15px;
  }

  .carousel-caption .enquiry p {
      margin: 0;
      color: white;
  }

  /* Mobile adjustments */
  @media (max-width: 576px) {
      .carousel-caption h1 {
          font-size: 1.8rem;
      }

      .carousel-caption p {
          font-size: 1rem;
      }

      .carousel-caption a.btn {
          font-size: 0.9rem;
          padding: 10px 20px;
      }
  }

  /* Make sure images are properly sized */
  .img-cover {
      object-fit: cover;
      height: 100vh;
      /* Ensure it takes full screen height */
      width: 100%;
  }

  /* Overlay for better readability */
  .overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.2);
      z-index: 1;
  }


  .speciality-container {
      display: flex;
      justify-content: center;
      gap: 20px;
      flex-wrap: wrap;
      /* Allows items to wrap to the next line on smaller screens */
  }

  .speciality {
      background: white;
      border-radius: 8px;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
      padding: 20px;
      transition: transform 0.3s ease;
      width: 250px;
      /* Fixed width */
      overflow: hidden;
      margin: 10px;
      cursor: pointer;
      /* Add margin to ensure spacing between items */
  }

  .speciality:hover {
      transform: scale(1.05);
  }

  .speciality img {
      width: 100%;
      transition: transform 0.3s ease;
  }

  .speciality:hover img {
      transform: scale(1.1);
  }

  .speciality h3 {
      margin-top: 15px;
      position: relative;
      padding: 10px 0px;
      /* overflow: hidden; */
  }

  .speciality h3::after {
      content: '';
      position: absolute;
      height: 2px;
      width: 100%;
      background-color: #2596be;
      bottom: 0;
      left: 100%;
      /* transform: translateX(-50%); */
      transition: left 0.3s ease;
  }

  .speciality:hover h3::after {
      left: 0;
  }

  .speciality .icon {
      margin-top: 10px;
      font-size: 20px;
      transition: color 0.3s ease;
  }

  .speciality:hover .icon {
      color: orange;
  }

  @media (max-width: 768px) {
      .speciality-container {
          justify-content: space-around;
          /* Center items and allow wrapping */
      }

      .contact-section {
          position: relative;
          display: block;
          height: auto;
          /* Align to bottom */
      }

      #map {
          position: relative;
          margin-top: 20px;
      }

      .speciality {
          width: 45%;
          /* Adjust to fit more items per row on tablets */
      }


  }

  @media (max-width: 480px) {
      .speciality {
          width: 100%;
          /* Full width for each item on mobile */
      }

      .containerClass {
          display: block;
      }

      .navbar-collapse {
          text-align: center;
          padding: 10PX 0PX;
      }
  }

  @media (min-width: 480px) {
      .containerClass {
          display: block;
      }

      .navbar-collapse {
          text-align: center;
          padding: 10PX 0PX;
      }
  }

  @media (min-width: 700px) {
      .containerClass {
          display: block;
      }

      .navbar-collapse {
          text-align: center;
          padding: 10PX 0PX;
      }
  }



  .carousel-caption {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      padding: 2rem;
  }

  .carousel-item img {
      object-fit: cover;
  }

  .carousel-indicators-custom button {
      background-color: #000;
      /* Custom indicator color */
  }

  .carousel-caption h1 {
      font-size: 2rem;
      color: #fff;
      /* Adjust text color */
  }

  .carousel-caption p {
      font-size: 1rem;
      color: #fff;
      /* Adjust text color */
  }

  .enquiry-img {
      width: 50px;
      height: 50px;
  }

  @media (min-width: 760px) {
      .button-container {
          /* flex-direction: row; Align horizontally on larger screens */
          /* justify-content: center; */
          display: flex;
          align-items: center;
          justify-content: space-between;
          width: 70%;
          margin: auto;
      }

      .enquiry-container {
          flex-direction: row;
          /* Align horizontally on larger screens */
          margin-top: 20px;
          display: flex;
          justify-content: space-between;
      }

      .enquiry-container p {
          margin-left: 20px;
      }
  }

  @media (min-width:320) {

      .button-container {
          flex-direction: row;
          justify-content: center;
          /* display: flex;
    align-items: center; */
          width: 90%;
          margin: auto;
      }

      .enquiry-container {
          flex-direction: row;
          /* Align horizontally on larger screens */
          margin-top: 0;
          margin-top: 20px;
      }

      .enquiry-container p {
          margin-left: 20px;
      }
  }

  @media (min-width:960px) {

      .button-container {

          display: flex;
          align-items: center;
          margin: auto;
          width: 40%;
      }

      .enquiry-container {
          flex-direction: row;
          /* Align horizontally on larger screens */
          display: flex;
          margin-top: 35px;
          justify-content: space-between;
      }

      .containerClass {
          display: flex;
      }

      .navbar-collapse {
          text-align: center;
          padding: 10PX 0PX;
      }

      .enquiry-container p {
          margin-left: 20px;
      }
  }

  .carousel-indicators {
      padding-bottom: 10%;
  }



  /* Center the entire carousel content */
  .carousel-caption {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      text-align: center;
      padding: 2rem;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
  }

  .carousel-item img {
      object-fit: cover;
  }

  /* Custom carousel indicator color */
  .carousel-indicators-custom button {
      background-color: #000;
  }

  .carousel-caption h1 {
      font-size: 2rem;
      color: #fff;
  }

  .carousel-caption p {
      font-size: 1rem;
      color: #fff;
  }

  .enquiry-img {
      width: 50px;
      height: 50px;
  }

  #exploreImages {
      display: none;
  }

  .tz-gallery img {
      object-fit: cover !important;
      width: 100% !important;
      height: 100% !important;
      border-radius: 10px !important;
      transition: transform 0.5s ease, box-shadow 0.5s ease !important;
  }

  .tz-gallery .row div:hover img {
      transform: scale(1.1) !important;
  }

  .img-fluid {
      transition: transform 0.5s ease;
  }

  .img-fluid:hover {
      cursor: pointer;
      background: transparent;
      transform: scale(1.1);
  }