.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.3); /* Use rgba for transparency */
  backdrop-filter: blur(4px); /* Adjust the blur value as needed */
  /* font-size: 56px; */
  /* Additional styles go here */
  z-index: 999999999;
}

.modal_block {
  height: 65vh;
  width: 60vw;
  position: relative;
  top: 170px;
  background-color: #fefaf8;
}

.modal_block_heading {
  display: flex;
  justify-content: space-between;
  padding: 2vh 2vw;
  font-size: 35px;
}

.borderline {
  height: 2px;
  width: 60px;
  background: #e94d11;
}

.modal_block_content {
  display: flex;
  justify-content: center;
  gap: 3%;
  padding-top: 2%;
}

.modal_content_list {
  display: flex;
  flex-direction: column;
  gap: 4vh;
}

.modal_content_list_content {
  display: flex;
  gap: 1vw;
}

.modal_content_list_button {
  display: flex;
  flex-direction: column;
  gap: 3vh;
}

.modal_button {
  padding: 0.5rem 2rem;
  border: 2px solid #e94d11;
  color: #e94d11;
}

.modal_image {
  height: 295px;

}

@media (max-width:1000px) {

  .modal_block {
    height: 65vh;
    width: 80vw;
    position: relative;
    top: 170px;
    background-color: #fefaf8;
  }
}

@media (max-width: 600px) {
  .modal_block {
    height: 90vh;
    width: 90vw;
    position: relative;
    top: 80px;
    background-color: #fefaf8;
    padding: 0px 20px;
  }

  .modal_block_content {
    flex-direction: column;
  }

  .modal_image {
   
    height: 221px;
    width: 300px;
  }
  .modal_block_content {
    right: 0%;
  }
  .modal_block_heading {
    font-size: 15px;
  }
  .modal_content_list {
    display: flex;
    flex-direction: column;
    gap: 2vh;
  }
  .modal_content_list_button{
   gap: 2vh;
  }
}