.text-box{
            color: #ffd709;
             font-weight: lighter !important;
             font-size: 27px;

        }
        .text-box1{
            color: #ffd709;
           font-weight: lighter;
        }
        .t-box{
            color: #facf20;
            font-size: 17px;

        }
        .nir-btn, .nir-btn-black {
    position: relative;
    z-index: 1;
    font-size: 15px !important;
    text-align: center;
    padding: 14px 24px;
    text-transform: capitalize;
    transition: all ease-in-out .5s;
    background: #f53670 !important;

    color: #fff;
    display: inline-block;
    border-radius: 10px;
    border: none;
    box-shadow: 0 0 0 4px rgba(255,255,255,.1);
    overflow: hidden;
}
.card{
  box-shadow: 0 0 15px #cccccc37 !important;
}

/* popup  */
.myModal{
    width: 508px !important;

}

.modal-body { 
  h1 { 
    font-weight:900; 
    font-size:2.3em;
    text-transform:uppercase;
  }
  
  a.pre-order-btn { 
    color:#000;
    background-color:gold;
    border-radius:1em;
    padding:1em;
    display: block;
    margin: 2em auto;
    width:50%;
    font-size:1.25em;
    font-weight:6600;
    &:hover { 
    background-color:#000;
      text-decoration:none;
      color:gold;
    }
  }
  
  
}

.form-main .form-content {
    box-shadow: 0 0 0px #ffffff61;
    margin: -76px auto 0;
    background: #ffffff61 !important;
    border-radius: 0;
    z-index: 2;
}
.bg-theme {
  background: #f53670!important;

}
.btn-primary {
  color: #fff;
  background-color: #f53670 !important; 
  border-color: #f53670 !important;
}

.h-box{
    font-size: 18px !important;
    color: #f53670 !important;
  }
  .h-box1{
    font-size: 18px !important;
    color: #f53670!important;
    font-weight: 500;
  }
  .he-box{
    font-size: 19px;
    color: #f53670 !important;
  }
  .he-box1{
    font-size: 18px;
    color: #158bbb !important;
    color: #158bbb; 
    font-weight: 500;
  }
  .tb-box, p{
    color: black !important;
  }
  @media only screen and (max-width: 600px) {
  .h-box1 {
  font-size: 14px !important;
  margin-top: -88px !important;
  }
  }

@media only screen and (max-width: 600px) {
  .h-box {
    font-size: 14px !important;
    margin-top: -88px !important;

  }
}