/* start modal css start */

.modal-grid{
  display: grid;
  grid-template-columns: repeat(2,1fr);
}

.modal-width{
    max-width: 75%!important;
}

.grid-1-modal
{
 background-color: #081B21;
  padding: 3rem 2rem;
}
.grid-2-modal{
   background: linear-gradient(180deg, #113845 6.73%, rgba(228, 135, 7, 0.9) 100%);
   padding:  3rem 2rem;
   display: grid;
   grid-template-rows: auto auto auto;
   
}

.modal-btn{
   background-color: #FCF3D7;
  color: #E65800 !important;
  padding: 10px 10px;
  border-radius: 6px;
  height: min-content;
  border: none;
  font-weight: 600;
}

.fw-bold{
    font-weight: 600;
}

.fw-semibold{
    font-weight: 500;
}

.fw-minbold{
    font-weight: 400;
}

.title-color{
    background-color: #FAC375;
 /* background: linear-gradient(90deg, #FFFFFF 0%, #F89B1A 100%); */
 -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

}

.semi-gap{
    gap: 10px;
}

.orang-color{
    color: #F89B1A!important;
}

.opacity-high{
 opacity: 90%!important;
}

.opacity-middal{
 opacity: 70%!important;
}

.opacity-low{
 opacity: 60%!important;
}

@media (max-width: 1024px) {
  .modal-width{
    max-width: 90%!important;
  }
}

@media (max-width: 991px) {
  .modal-width{
    max-width: 90%!important;
  }
}