@media (max-width: 1300px) {}

@media (max-width: 1120px) {}

@media (max-width: 991px) {

  .slider_section {
    min-height: auto;
  }

  .info_main_row>div:nth-child(1) {
    margin-bottom: 25px;
  }

  .info_main_row>div:nth-child(2) {
    margin-bottom: 25px;
  }
}

@media (max-width: 800px) {}

@media (max-width: 767px) {

  .slider_section .carousel-control-prev,
  .slider_section .carousel-control-next {
    top: 85.5%;
  }

  .about_section .img-box {
    margin-bottom: 45px;

  }

  .contact_section .row {
    flex-direction: column-reverse;
  }

  .subscribe-box {
    margin-bottom: 45px;
  }

  .info_main_row>div {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;

  }

  .info_main_row>div:not(:nth-last-child(1)) {
    margin-bottom: 25px;
  }

  .info_section .social_box {
    justify-content: center;
    margin-top: 25px;
  }

  .info_section .info_contact {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

}

@media (max-width: 576px) {


  .blog_section .box {
    flex-direction: column;
    align-items: flex-start;
  }

  .blog_section .box .img-box {
    width: 100%;
  }

  .info_section .info_insta .insta_box {
    flex-direction: column;
  }

  .info_section .info_insta .insta_box .img-box {
    margin-right: 0;
    margin-bottom: 10px;
  }

}

@media (max-width: 480px) {

  .slider_section .carousel-control-prev,
  .slider_section .carousel-control-next {
    top: 88%;
  }

  .contact_section .form_container {
    padding: 45px 25px;
  }
}

@media (max-width: 420px) {}

@media (max-width: 376px) {

  .slider_section .carousel-control-prev,
  .slider_section .carousel-control-next {
    top: 90%;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1170px;
  }
}

/*About us page*/
.reverse-row {
  flex-direction: row-reverse; /* Reverses the column order for this row */
}

/*Services pages*/
/* General layout for the service section */
.service {
  text-align: center; /* Centers all text content */
  padding: 40px 20px; /* Adjust layout padding as needed */
}

/* Flex layout for image row */
.services-section .image-row {
  display: flex; /* Creates a horizontal layout */
  justify-content: center; /* Centers the images within the row */
  gap: 20px; /* Adds space between the images */
  margin-bottom: 20px; /* Adds space below the row */
  flex-wrap: wrap; /* Allow images to wrap on smaller screens */
}

/* Individual image box container */
.services-section .img-box {
  flex: 1 1 200px; /* Makes the images flexible (grow and shrink) and sets the minimum width to 200px */
  max-width: 33%; /* Ensures each image doesn't exceed one-third of the container width */
  padding: 10px; /* Adds space around each image */
  display: flex;
  justify-content: center; /* Centers the image horizontally */
  align-items: center; /* Centers the image vertically */
}

/* Image styling to ensure they scale properly */
.services-section .img-box img {
  width: 100%; /* Makes images responsive, they take up the full width of their container */
  height: auto; /* Maintains aspect ratio */
  border-radius: 8px; /* Optional: Adds rounded corners to images */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Optional: Adds a subtle shadow */
}

/* Styling for the detail section */
.services-section .detail-box {
  margin: 0 auto; /* Centers the text block */
  max-width: 600px; /* Limits the width for better readability */
  text-align: center; /* Centers the paragraph text */
}

/* Heading container styling */
.services-section .heading_container {
  text-align: center; /* Aligns text content in the center */
  width: 100%; /* Ensures it spans the entire width of the container */
  margin: 0 auto; /* Centers the container itself */
}

.services-section .heading_container h2 {
  display: inline-block; /* Ensures it's treated as a block-like element for centering */
  margin: 0 auto; /* Centers the text within the container */
  font-size: 28px; /* Adjust size as needed */
  color: #333; /* Adjust text color */
}

/* Media Queries for responsiveness */
@media (max-width: 768px) {
  .services-section .image-row {
    gap: 10px; /* Reduce the space between images on smaller screens */
  }

  .services-section .img-box {
    flex: 1 1 100%; /* Stack the images vertically on smaller screens */
    max-width: 100%; /* Make each image take up the full width */
  }
}

@media (max-width: 480px) {
  .services-section .heading_container h2 {
    font-size: 24px; /* Smaller font size on very small screens */
  }

  .services-section .detail-box {
    padding: 20px; /* Add padding to prevent the text from sticking to the edges */
  }
}



.services-section .detail-box p {
  font-size: 16px; /* Adjust paragraph size */
  line-height: 1.6; /* Improves readability */
  color: #555; /* Adjust paragraph color */
}

/* gallery - Ensure all images in the gallery have the same height */
.gallery_section .img-box img {
  height: 250px; /* Set the desired height for all images */
  width: 100%;   /* Ensure the image fills the width of its container */
  object-fit: cover; /* Ensure the image covers the container area without distortion */
}

/* Optionally, ensure all .img-box containers have the same height */
.gallery_section .img-box {
  height: 450px; /* Match the height of the image container to the image height */
}

/*smooth scroll for whole website*/
html {
  scroll-behavior: smooth; /* Ensures smooth scrolling */
}

/* Ensure images in .img-box are consistent size */
.service_section .img-box {
  position: relative;
  height: 150px; /* Fixed height for all images */
  width: 100%; /* Make the container take up 100% width */
  overflow: hidden; /* Prevent images from overflowing */
}

.service_section .img-box img {
  width: 100%;  /* Ensure the image stretches to fill the width */
  height: 100%; /* Ensure the image stretches to fill the height */
  object-fit: cover; /* Ensures the image covers the box, maintaining aspect ratio */
}