@tailwind base;

@tailwind components;

@tailwind utilities;




body {
    overflow-x: hidden;
    font-family: "Rany";
    letter-spacing: 0.1rem;
  }

h3 {
    font-family: "Rany Medium";

}

h2 {
    font-family: "Rany Medium";
}

h1 {
    font-family: "Rany Medium";
}


  
  @font-face {
    font-family: "Rany";
    src: url('/assets/fonts/Rany.otf');
  }

  @font-face {
    font-family: "Rany Medium";
    src: url('/assets/fonts/Rany-Medium.otf');
  }
  
  



.hightlight-section {
    min-height: 450px;
}

.hl-img-section img {
    min-height: 300px;
}


     form .input-wrapper .error {
        display: none;
   }
    form .input-wrapper.error svg {
        top: 16px;
   }
    form .input-wrapper.error .error {
        display: block;
   }
    

.modal1 {
    display: none; /* Hidden by default */
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
}
  

  
  /* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}
  
.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}


.modal2 {
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4);
}


.move-rect{
    max-width:600px;
  }