.modal-body {
  background-color:  #f0f3f7;
  width: 360px;
  height: 360px;
  border-radius: 10px;
  
}

.modal{
    backdrop-filter: blur(12px);
    /* z-index: 10; */
}
.img-bg{
    width: 132px;
    height: 132px;
    
}
.modal-content {
    /* z-index: 100; */
  width: 450px;
  padding: 24px;
}

/* .modal2-body {
     background-image: url("/src/assets/icons/m assets ../../assests/images/Modal-img.png");
}

.modal-img:nth-child(1) {
  background-image: url("../../assests/images/Modal-Double-width-1.png");
}
.modal-img:nth-child(2) {
  background-image: url("../../assests/images/Modal-Double-width-2.png");
} */

@media (max-width: 768px) { 
  .img-bg{
    width: 100px;
    height: 100px;
}
.img-bg img{
  width: 24px;
  height: 24px;
}
}

.gradient-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFF 100%);
  pointer-events: none; 
}

@media (min-width: 992px) {
  .modal-body {
    height: 240px;
  }
}