@font-face {
    font-family: 'Castle-Rock';
    src: url('../css/fonts/CASTLE-ROCK.TTF');
}

.payment h1{
    font-family: 'Castle-Rock';
font-style: normal;
font-weight: 400;
font-size: 55px;
line-height: 53px;
/* identical to box height */


color: #FF4B2D !important;
}
.payment-card{
    background: url('../Images/payment-bg.png');
    background-size: cover;
    background-repeat: no-repeat;
    /* background: #FF4B2D; */
    width: 600px;
    height: 200px;
    background-color: #FF4B2D;
    border-radius: 10px;
}
.ml-10{
    margin-left: 5%;
}
/* input:-internal-autofill-selected {
    appearance: menulist-button;
    background-image: none !important;
    background-color: #2B2B2B !important;
    color: fieldtext !important;
} */
.form-control:focus {
    color: #fff;
    background-color: #212222;
    border-color: #FF4932 !important;
    outline: 0;
    box-shadow: none;
}
.payment-span{
    /* font-family: 'Mazzard'; */
font-style: normal;
font-weight: 500;
font-size: 22px;
line-height: 114.5%;
/* or 25px */

text-align: center;

color: #FFFFFF;
}
sub{
    font-size: 15px;
    font-weight: 300;
}
.payment-form{
display: flex;
justify-content: center;
align-items: center;
}
.payment-form-control {
    display: block;
    /* width: 600px; */
    height: 64px;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #fff;
    background-color: #212222;
    background-clip: padding-box;
    border: 1px solid #212222;

    border-radius: 25px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.form-control {
    /* display: block;
   
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #fff;
    background-color: #2B2B2B;
    background-clip: padding-box;
    border: 1px solid #2B2B2B;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 25px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; */
}
.visa-card-img {
    position: absolute;
    / float: right; /
    margin-top: -36px;
    right: 32%;
    / display: list-item; /

    /* / float: right; / */
    margin-top: -36px;
    right: 32%;
    /* / display: list-item; / */

}

.input-group-text {
    display: flex;
    align-items: center;
    padding: 0.73rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #FF4B2D;
    border: 1px solid #FF4B2D;
    border-bottom-right-radius: 25px;
    border-top-right-radius: 25px;
}
.paynow-btn{
  
        
        width: 600px;
        height: 64px;
        left: 478.45px;
        top: 601.9px;
        background: #FF4932;
        border-radius: 56px;
        color: #fff;
        border: none;
}
.btn-back {
    /* position: absolute;
    width: 483.1px;
    height: 64px;
    left: 478.45px;
    top: 601.9px; */
    background: #FF4932;
    height: 44px;
    border-radius: 56px;
display: flex;
justify-content: center;
align-items: center;
width: 150px;
color: #fff;
}


.searchbox-wrap{
    display     : flex; 
    /* width       : 500px;   */
    /* margin-top  : 8%; */
    margin-left : auto;
    margin-right: auto;
    
  
}
.payment-input:focus{
 
        color: #fff;
        background-color: #212222;
        border-color: #FF4932 !important;
        outline: 0;
        box-shadow: none;
    
}
    .payment-input{
       flex                             : 1;
       padding                          : 20px 20px;
       font-size                        : 1.1em;
       background-color: #212222;
       height: 64px;
       color: #fff;
       -webkit-border-top-left-radius   : 25px;
       -webkit-border-bottom-left-radius: 25px;
       -moz-border-radius-topleft       : 25px;
       -moz-border-radius-bottomleft    : 25px;
       border-top-left-radius           : 25px;
       border-bottom-left-radius        : 25px;
       box-shadow                       : none;
       border                           : none;
       box-shadow                       : 2px 4px 6px rgba(0, 0, 0, 0.19);
  
    }
    
    .payment-button{
      padding-right                     : 10px;
      
      background-color: #212222;
      -webkit-border-top-right-radius   : 25px;
      -webkit-border-bottom-right-radius: 25px;
      -moz-border-radius-topright       : 25px;
      -moz-border-radius-bottomright    : 25px;
      border-top-right-radius           : 25px;
      border-bottom-right-radius        : 25px;
      box-shadow                        : 5px 4px 6px rgba(0, 0, 0, 0.19);
      border                            : none;
      cursor                            : pointer; 
      cursor                            : hand;
    }
     .payment-span2{
        margin-left     : 50px;
        padding         : 13px 45px;
        
        font-size       : 0.9em;
        text-transform  : uppercase;
        font-weight     : 300 ;
        color           : #fff;
        background-color: #FF4B2D;
        
        border-radius   : 20px;
        box-shadow      : 2px 4px 6px rgba(0, 0, 0, 0.19);
      }
        /* &:hover{
          background-color: #d6121f;
          box-shadow      : 2px 2px 4px rgba(0, 0, 0, 0.19);
        } */
        
      
    

  /*-------------------Responsive CSS-------------*/
    /* Small devices (portrait tablets and large phones, 600px and up) */
    
    @media only screen and (max-width: 600px) {
        .payment-form {
            display: block;
            justify-content: center;
            align-items: center;
        }
        .visa-card-img {
            position: absolute;
            /* float: right; */
            margin-top: -8%;
            right: 22%;
            /* display: list-item; */
        }
        .paynow-btn {
            width: 100%;
            height: 64px;
            left: 478.45px;
            /* top: 601.9px; */
            background: #FF4932;
            border-radius: 56px;
            color: #fff;
        }
    }