.gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.gallery-item {
  flex: 0 0 calc(25% - 20px); /* 4 columns with 20px margin between items */
  margin: 10px;
  height: 200px;
  cursor: pointer;
  overflow: hidden;
  border: 2px solid #a39061;
  border-radius: 10px;
  transition: transform 0.3s;
}

.gallery-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
  transition: transform 0.3s;
}

.gallery-item:hover {
  transform: scale(1.1);
}

.gallery-item:hover img {
  transform: scale(1.2);
}

/* Apply Bootstrap-like styling for sections */
section {
 
height: 100%;
width: 100%;

  
}

section h2 {
  font-size: 1.4rem;
  margin-bottom: 10px;
  color: #212529; /* Set the text color */
}

section p {
  font-family: "Poppins", sans-serif;
  font-size: medium;
  font-weight: 400;
  font-style: normal;
  color: #616060;
}
section h5 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: medium;
  font-style: normal;
}

#home {
  
  height: 100%;
  padding-top: 120px;
  /* Adjusted top padding for the home section */
}

#about {
  height: 100%;
 
  
  /* Adjusted margin for the about section */
  padding-top: 120px;
  /* Adjusted top padding for the about section */
}

#about h2,p{
  margin-left: 20px;
}

#services {
  height: 100%;
 
  padding-top: 140px;

  /* background-color: black; */
}

#services h2{
    color: rgb(3, 3, 3);
}

#gallery,
#contact {
 height: 100%;
  
  padding-top: 160px;
}