.image-popup-wrapper {
  margin-bottom: 12px;
  position: relative;
  padding-top: calc((470/625)*100%);  
  cursor: pointer;
  background-color: #F0F0F0;
}
.image-popup-wrapper img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.image-popup .popup-btn {
  background-color: #A34026;
  max-width: 50px;
  height: 50px;
  bottom: 20px;
  right: 20px;
  background-image: url("../popup-image/images/popup-icon.svg");
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}


.image-modal .modal-dialog {
  max-width: 812px;
}
.image-modal .modal-content {
  height: 100%;
  padding: 55px 40px 40px;
}
.image-modal .modal-content .close {
  top: 15px;
  right: 15px;
  font-weight: 300;
  color: #000;
}
.image-modal .modal-body {
  padding: 0;
  pointer-events: none;
}
.image-modal .image-popup-wrapper {
  padding-top: 0;
  margin: 0 auto;
}
.image-modal .image-popup-wrapper img {
  /* position: inherit; */
}

.image-modal .modal-body p,
.image-popup p {
  font-family: "Plus Jakarta Sans", sans-serif;
  margin-bottom: 0;
}
.image-modal .modal-body p {
  max-width: 70%;
  margin: 0 auto;
}
.image-modal .close {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  overflow: hidden;
}

@media (min-width: 1200px) {
  .image-popup .popup-btn {
    bottom: 40px;
    right: 40px;
  }
}
@media (max-width:991px){
  .image-modal .modal-dialog {
    max-width: 90%;
    margin:0 auto;
  }
}
@media (min-width: 768px) {
  .image-popup-wrapper {
    margin-bottom: 20px;
  }
  .image-modal .modal-content {
    padding: 60px 16px 40px;
  }
}
@media (max-width: 767.98px) {
  .image-popup .fz-16 {
    font-size: 14px;
  }
}
@media (max-width:575px){
  .image-modal .modal-body p {
    max-width: 88%;
    font-size: 12px;
  }
}
@media (max-width:377.98px){
  .timeline .timeline-slider-wrap {
    top: 120px;
  }
}
.image-modal .moda-content-wrap{
  max-width: 532px;
  margin: 0 auto;

}
.image-modal .modal-img-wrap{
  position: relative;
  padding-bottom: calc((532/532) *100%);
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #fff;


}
.image-modal .modal-img-wrap img{
  object-fit:cover;
}