.detail_page_gallery{
  /* border: 1px solid; */
  margin-top: 3rem;
}


.detail_page_gallery .gallery-container {
    display: grid;
    /* grid-template-columns: 1fr 1fr; */
    grid-template-columns: repeat(auto-fill, minmax(49%, 1fr));
    gap: .5rem;
}
.detail_page_gallery .gallery-container a{
  overflow: hidden;
}
.detail_page_gallery .gallery-container a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: .5rem;
    cursor: pointer;
    transition: transform 0.3s ease;
}

.detail_page_gallery .gallery-container a img:hover {
    transform: scale(1.05);
}

.detail_page_gallery .small-imgs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

/* Responsive */
@media (max-width: 768px) {
    .detail_page_gallery .gallery-container {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .detail_page_gallery .small-imgs {
        grid-template-columns: 1fr;
    }
}
.detail_page_flex_container {
  display: flex;
  gap: 1rem;
  justify-content: space-between;
}
.detail_page_flex_container .left_box {
  flex-basis: 69%;
  /* border: 1px solid; */
}
.detail_page_flex_container .right_box {
  flex-basis: 29%;
  /* border: 1px solid; */
}

.detail_page_flex_container .left_box .bg_image {
  margin-bottom: 1rem;
}
.detail_page_flex_container .left_box .bg_image img {
  width: 100%;
}
.detail_page_flex_container .left_box .about_h3had {
  font-size: 1.9rem;
  padding-bottom: 1rem;
}
.detail_page_flex_container .left_box .map {
  margin-top: 1.5rem;
}

.right_box .form_container {
  max-width: 600px;
  background: #fff;
  padding: 1rem;
  /* margin: 50px auto; */
  border-radius: 10px;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
}
.right_box .form_container form {
  display: grid;
  gap: .8rem;
}
.right_box .form_container input,
.right_box .form_container textarea {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 14px;
}
.right_box .form_container textarea {
  resize: vertical;
  height: 100px;
}
.right_box .form_container button {
  padding: 12px;
  background: #007bff;
  color: white;
  font-size: 16px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: 0.3s;
}
.right_box .form_container button:hover {
  background: #0056b3;
}
.right_box label.error {
  color: red;
  font-size: 12px;
  margin-top: -10px;
  display: block;
}
/* @media (max-width: 600px) {
  .right_box .form_container {
    margin: 20px;
    padding: 15px;
  }
} */


@media (max-width:768px){
    .detail_page_flex_container{
        flex-wrap: wrap;
    }
    .detail_page_flex_container .left_box{
        flex-basis: 100%;
    }
    .detail_page_flex_container .right_box{
        flex-basis: 100%;
    }
}