.max-width-400 {
    max-width: 400px;
}
.max-width-500 {
    max-width: 500px;
}
.max-width-700 {
    max-width: 700px;
}
.w-15 {
    width: 15%!important;
}
.w-30 {
    width: 30%!important;
}
.w-33 {
    width: 33%!important;
}
.w-35 {
    width: 35%!important;
}
.w-40 {
    width: 40%!important;
}
.w-55 {
    width: 55%!important;
}
.w-60 {
    width: 60%!important;
}
.w-65 {
    width: 65%!important;
}
.w-70 {
    width: 70%!important;
}
.w-90 {
    width: 90%!important;
}
.pt-7 {
    padding-top: 7px!important;
}
.pt-10 {
    padding-top: 10px!important;
}
.pt-13 {
    padding-top: 13px!important;
}
.pb-10 {
    padding-bottom: 10px!important;
}
.pl-10 {
    padding-left: 10px!important;
}
.pr-10 {
    padding-right: 10px!important;
}
.mt-10 {
    margin-top: 10px!important;
}
.mt-15 {
    margin-top: 15px!important;
}
.mt-20 {
    margin-top: 20px!important;
}
.mt-30 {
    margin-top: 30px!important;
}
.mb-10 {
    margin-bottom: 10px!important;
}
.mb-30 {
    margin-bottom: 30px!important;
}
.mb-40 {
    margin-bottom: 40px!important;
}
.mb-50 {
    margin-bottom: 50px!important;
}
.mb-70 {
    margin-bottom: 70px!important;
}
.font-size-14 {
    font-size: 14px;
}
.font-size-16 {
    font-size: 16px;
}
.font-size-20 {
    font-size: 20px;
}
.font-size-25 {
    font-size: 25px;
}
.font-size-40 {
    font-size: 40px;
}
.cursor-pointer {
    cursor: pointer;
}
.border-radius-5 {
    border-radius: 5px;
}
.line-height-40 {
    line-height: 40px;
}
.mb-mobile-auto {
    margin-bottom: 0;
}
@media (max-width:479px) {
    .mb-mobile-auto {
        margin-bottom: 70px;
    }
}
.btn-close {
    padding: 0px 5px 0px 5px;
}
.btn-previous-step {
    background: linear-gradient(170deg, #646464 0%,#343a40 100%)
}
.btn-next-step {
    background: linear-gradient(170deg, #fee37b 0%,#925a06 100%);
}
.text-indent {
    text-indent: 50px!important;
}
.textbox-shadow {
    box-shadow: 0 0 6px white;
}
.img-box-shadow {
    box-shadow: 0 0 5px #b39846;
}
.text-yellow {
    color: #ffda6a!important;
}