a{
   text-decoration: none !important;
}
a:hover{
   text-decoration: none !important;
}
.swal2-popup{
   font-size: 14px !important;
}
.cursor-hand:hover{
   cursor: pointer;
}
.require{
   color: red;
}
.loading {
   z-index: 10000;
   margin: auto;
   display: block;
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0, .8));
   background: -webkit-radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0,.8));
   color: #fff;
   font-size: 18px;
   text-align: center;
   color: #7d4997;
}
.loader {
   margin: 20% auto;
   position: relative;
   color: #7d4997;
   width: 4px;
   aspect-ratio: 1;
   border-radius: 50%;
   box-shadow: 19px 0 0 7px, 38px 0 0 3px, 57px 0 0 0;
   transform: translateX(-38px);
   animation: l21 .5s infinite alternate linear;
 }
 
 @keyframes l21 {
   50%  {box-shadow: 19px 0 0 3px, 38px 0 0 7px, 57px 0 0 3px}
   100% {box-shadow: 19px 0 0 0  , 38px 0 0 3px, 57px 0 0 7px}
 }

 .modal-overlay {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.5);
   display: flex;
   justify-content: center;
   align-items: center;
   z-index: 9999;
 }
 
 .modal-container {
   background: white;
   padding: 20px;
   border-radius: 8px;
   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
   position: relative;
 }
 
 .modal-close {
   position: absolute;
   top: 10px;
   right: 10px;
   background: none;
   border: none;
   font-size: 24px;
   cursor: pointer;
 }
 
 .modal-content {
   margin-top: 20px;
 }
 .bold{
   font-weight: bold;
 }