/*================= textbox=========================*/
.textbox{ border: 1px solid; color: #5e4d38; width:40%; padding-top: 10px; padding-bottom: 10px;
          border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; 
          /*-moz-box-shadow: inset  0px 3px 20px 3px  #f5efd4; -webkit-box-shadow: inset  0px 3px 20px 3px  #f5efd4; 
          box-shadow: inset  0px 3px 20px 3px  #f5efd4*/ padding-left: 10px;
        
         }
.textbox:focus{border-color:#eb7400;}
.textboxOTP {
    border: 1px solid;
    color: #5e4d38;
    width: 33%;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    /*-moz-box-shadow: inset  0px 3px 20px 3px  #f5efd4; -webkit-box-shadow: inset  0px 3px 20px 3px  #f5efd4; 
          box-shadow: inset  0px 3px 20px 3px  #f5efd4*/ padding-left: 10px;
}

    .textboxOTP:focus {
        border-color: #eb7400;
    }
.h2name{
   color:#2196F3 !important;
    text-align:center ;
   
}
.ResendOTP {
   font-family: Verdana; text-align: center; font-size: 15px;
    border-radius:20px;
}
.ResendOTP:hover { background: #d0701e; color: #fff;}

.pading{
    padding: 10px !important;
}
.button2{ display:inline-block; line-height:20px;  text-decoration: none; margin-top:10px; margin-bottom:10px; font-size:20px; font-family:Verdana; font-weight: 400; color:#fcf4db; white-space:nowrap; letter-spacing:0px; background:#bebc3e; padding: 11px 35px; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.button2:hover { background: #eb7400; color: #fff;}

.copyright{color:#a99d75; padding-top: 10px; padding-bottom: 20px; line-height: 20px; float: left; font-size: 15px; font-family: Verdana;}
/* Landscape phones and down */
@media (max-width: 576px) {
    .textbox {
        width: 100%;
    }
    .textboxOTP {
        width: 70%;
    }
    .button2 {
        padding-right: 20px;
    }
}

.blink-btn {
    background-color: green;
    color: white;
    padding: 12px 24px;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    cursor: pointer;
    animation: blink 1s infinite;
}

@keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.3;
    }

    100% {
        opacity: 1;
    }
}

.blink-btn:hover {
    animation: none;
    opacity: 1;
}
.marquee {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
}

    .marquee span {
        display: inline-block;
        padding-left: 100%;
        animation: marquee 10s linear infinite;
    }

@keyframes marquee {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-100%);
    }
}