#preloader {
    position: fixed;
    background: #fff;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
 }

 .top-loader {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
 }

 .loader-svg {
    display: flex;
    align-items: flex-end;
 }

 div#preloader img {
    height: 30px;
 }


 .modal-thq .wrapper-1 {
   width: 100%;
   display: flex;
   border-radius: 10px;
   background-color: #fff;
   flex-direction: column;
   padding: 50px;
}

.modal-thq .wrapper-2 {
   padding: 30px;
   text-align: center;
}

.modal-thq h1 {
   font-family: 'Kaushan Script', cursive;
   font-size: 4em;
   letter-spacing: 3px;
   color: #99c540;
   margin: 0;
   margin-bottom: 20px;
}

.modal-thq .wrapper-2 p {
   margin: 0;
   font-size: 1.3em;
   color: #aaa;
   font-family: 'Source Sans Pro', sans-serif;
   letter-spacing: 1px;
}

/*.modal-thq .go-home {
   color: #fff;
   background: #99c540;
   border: none;
   padding: 10px 50px;
   margin: 30px 0;
   border-radius: 30px;
   text-transform: capitalize;
   box-shadow: 0 2px 9px 1px #5d7826;
}*/

.modal-thq .footer-like {
   margin-top: auto;
   background: #D7E6FE;
   padding: 6px;
   text-align: center;
}

.modal-thq .footer-like p {
   margin: 0;
   padding: 4px;
   color: #99c540;
   font-family: 'Source Sans Pro', sans-serif;
   letter-spacing: 1px;
}

.modal-thq .footer-like p a {
   text-decoration: none;
   color: #99c540;
   font-weight: 600;
}

@media (min-width:360px) {
   .modal-thq h1 {
       font-size: 4.5em;
   }

}

@media (min-width:600px) {
   .modal-thq .content {
       max-width: 1000px;
       margin: 0 auto;
   }

   .modal-thq .wrapper-1 {
       height: initial;
       max-width: 620px;
       margin: 0 auto;
       margin-top: 50px;
       box-shadow: 4px 8px 40px 8px rgb(110 188 174 / 26%);
   }

}



.modal-thq {
   display: none;
   /* Hidden by default */
   position: fixed;
   z-index: 1;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   z-index: 99999999999999999999;
   overflow: auto;
   background-color: rgb(0, 0, 0);
   background-color: rgb(0 0 0 / 65%);
}

.modal-thq .modal-content {
   background-color: transparent;
   margin: 10% auto;
   padding: 20px;
   border: none !important;
   width: fit-content !important;
   text-align: center;
   animation: zoomIn 0.8s;
}

/* Zoom in animation */
@keyframes zoomIn {
   from {
       transform: scale(0.1);
       opacity: 0;
   }

   to {
       transform: scale(1);
       opacity: 1;
   }
}