.otp_btn_block button {
    margin-right: 10px;
    margin-left: 10px;
}
.close {
    position: relative;
    top: -10px;
    right: -5px;
}
.modal-header {
    border-bottom: none;
}
.modal-body {
    padding: 1rem 5rem;
}
.modal-header {
    padding: 15px 15px 0px 0;
}
.modal-body .bg-dark-blue {
    padding: 5px 25px;
    font-size: 16px;
}
.modal-body{
    padding-top: 0;
}
.form-control{
    background-color: #ECECEC;
}
.modal-title{
    text-align:center;
    width: 100%
}

.otp_wrap{
    margin-top: 15px;
}
.modal-header .close:hover,.modal-header .close:focus{
    border: none;
    outline: none;
}
.otp_btn_block button{
    margin-right: 10px;
    margin-left: 10px;
}
input#otp_info::-webkit-inner-spin-button, 
input#otp_info::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
}
#otp_info:hover, #otp_info:focus {
    -webkit-appearance: none !important;
}


.button_wrap.product_return{
    padding: 0 15px;
}
.button_wrap.product_return button{
    width: 100%;
}
.close {
    position: relative;
    top: -35px;
    right: -5px;
}

.row.otp-modal-strip{
    margin-left: -26px;
    margin-right: 0;
}

.modal-body {
    padding: 1rem 5rem;
}
.modal-header {
    padding: 15px 15px 0px 15px;
}
.modal-dialog {
    max-width: 500px;
    margin: 10px auto;
}
.otp-strip{
    padding: 19px 20px 20px !important;
}

@media(max-width: 767px){
    .modal-body {
        padding: 1rem 1rem;
    }
}