#videoPreview{
  width: 100%;
  /* height: 250px!important; */
  margin-top:15px!important;
}
#videoPreview video{
  width: 100%;
  height: 285px!important;
  
}
.section{
  border: 3px solid #EDEDED;
  border-radius: 5px;
  padding: 15px;
  margin-bottom: 15px;
}
.next1,.next2{
  display: flex!important;
  justify-content: space-around;

}
.next1 input[type=button],.next2 input[type=button]{
  font-family: 'Cairo';
  font-size: 16px;
  color: #fff!important;
  padding-right:75px!important;
  padding-left:75px!important;
  
}
.section2,.section3{
   position: relative;
   bottom: -150px; /* Initial position, off-screen above */
   animation: slideDown 2s ease-in-out forwards;
}
@keyframes slideDown {
  to {
    bottom: 0; /* Final position */
  }
}
.twocolinrow,.divSelect{
    display: flex;
    justify-content: space-between; /* Optional: to add space between columns */
    gap: 10px; 
  margin: 50px 0;
}
.twocolinrow div,.divSelect .colselect{
flex:4 ; /* Each column takes up equal width */
margin-right: 20px          
}
.thumbnail-preview,.image-preview{
  margin-top: 20px;
 
}
.thumbnail-preview img,.image-preview img{
  width: 150px!important;
  height: 150px!important;
  border: 1px solid black!important;
  margin: 5px;
  object-fit:contain
}
.headingtitle{
  
  margin: 50px 0;
}
input[type=text]{
  margin-bottom:  20px ;
border-width: 3px!important;  
}
input[type=number],textarea{
  border-width: 3px!important;  

}
.leasingterms{
  color: red;
  font-size:12px!important;
}
.features{
  display: flex;
  flex-direction: row;
  gap: 100px

}
.features input[type=checkbox] {

margin:0px 15px 30px 10px;
  
}
.features span{
  font-size: 17px;
  font-weight: normal;
  color:#858B94;
}
.textareadiv{
  margin: 20px 0;
}
.textareadiv label{
  margin-bottom: 20px
}
input[type=submit]{
  margin-bottom: 50px;
}
.result{
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #333;
  opacity: .9;
  display: flex;
  justify-content: center;
/*   vertical-align: middle; */
  z-index: 9999;
}
.result .container{
  width: 500px;
  height: 300px;
    margin-top: 250px;
  background-color: white;
    text-align: center
}
.result .container .close {
  margin-left: 450px;
  margin-top: 20px;
  border: 1px solid red;
  cursor: pointer;
  background-color: red;
 
}
.result .container p{
  color: black;
  font-size: 40px;
margin-top: 10;
line-height: 70px;

}
#map{
  z-index: 1!important;
    margin-bottom: 50px!important;
}
#close{
position: absolute;
 top:1620px!important;
left: 125px!important;
 border: none!important;
  background: transparent!important;
  font-size: 25px!important;
  cursor: pointer;
  height: 1px!important;
  width: 1px!important; 
  border-radius: 50%;   
  color: #333; /* adjust color as needed */
}
html[dir="rtl"] #close{
position: absolute;
 top:1620px!important;
  left: 1040px!important;
 
 border: none!important;
  background: transparent!important;
  font-size: 25px!important;
  cursor: pointer;
  height: 1px!important;
  width: 1px!important; 
  border-radius: 50%;   
  color: #333; /* adjust color as needed */
}
#close:hover ,.multix:hover{
  color: red!important; /* change color on hover if desired */
}
.multix{
  position: absolute;
 top: -29px;
  right: -27px;
  background: transparent !important;
  color: black;
  border: medium;
  border-radius: 50%;
  cursor: pointer;
  width: 5px;
  height: 5px;
  line-height: 24px;
  text-align: center;
  font-size: 24px!important;
}
html[dir="rtl"] .multix{
  position: absolute;
  top: -27px;
  right: -40px!important;
  background: transparent !important;
  color: black;
  border: medium;
  border-radius: 50%;
  cursor: pointer;
  width: 5px;
  height: 5px;
  line-height: 24px;
  text-align: center;
  font-size: 24px!important;
}
#location-selector select{
  margin-bottom: 5px
}
#purpose-selector select{
  margin-bottom: 5px
}
@media only screen and (max-width: 767px) {
.twocolinrow,.divSelect{
    display: block;
    padding: 0px!important;          
}
  h3,h2,.headingtitle,.mennumber,.textareadiv,  label[for=property_title],label[for="Property_address"]{
     padding:0px;    
  }

  #property_title,#Property_address,#submit_property{
   width:95%;
  padding-bottom: 15px!important;
  padding-top:15px!important;
  }
  .features{
  display: flex;
  flex-direction: column;
  gap: 10px

}
.features input[type=checkbox] {

margin:0px 5px 30px 10px;
  
}
.features span{
  font-size: 17px;
  font-weight: normal;
  color:#858B94;
}
html #close{
 left: 125px;
 top:1555px!important;

}
html[dir="rtl"] #close{
position: absolute;
 top:1555px!important;
  left: 280px!important;
}
.multix{
  left: 107px;
 top:835px;
  }
#close:hover,.multix:hover{
  color: red!important; /* change color on hover if desired */
}
.next1,.next2{
  display: block!important;
text-align: center!important;
}
 .next1 h3,.next2 h3,.headingtitle h3{
font-size: 17px;
}
.next1 input[type=button],.next2 input[type=button]{
  margin-top: 10px!important;
  padding-top:10px!important;
  padding-bottom:10px!important;  
  font-size: 17px;
}
  #map{
    width: 340px!important;
  }

}