.wrapper {display: flex;align-items: center;flex-direction: column;justify-content: center;width: 100%;min-height: 100%;padding: 20px;}
.main-box {background: #f4feff;box-shadow: 0px 0px 10px #e0e0e0;padding: 30px 85px;margin: auto;font-family: "Nunito", sans-serif;}
.main-box a {color: #fafaff;background: #187e8b;padding: 12px 45px;display: block;margin-top: 15px;border-top-right-radius: 20px;border-bottom-left-radius: 20px;font-size: 20px;text-decoration: none;}
.main-box .btn_main {color: #fafaff;background: #187e8b;padding: 10px 45px;display: inline-block;margin-top: 15px;border-top-right-radius: 20px;border-bottom-left-radius: 20px;font-size: 20px;text-decoration: none;}
.main-box .btn_brown {color: #fafaff;background: #667586;padding: 5px 30px;display: inline-block;border-top-right-radius: 20px;border-bottom-left-radius: 20px;font-size: 20px;text-decoration: none;}
.text {font-size: 22px;}
.main-box h2 {font-weight: bold;}
.main-box h4 {font-weight: bold;}
.main-box img {width: auto;}
.txt_color {color: #187e8b;}
.center_txt {text-align: center;}
.center_txt h2{margin: 10px 0px;}
form.payment-form fieldset {display: none;}
form.order-form {display: none;}
.formBox h1 {margin: 0;padding: 0;text-align: center;margin-bottom: 50px;text-transform: uppercase;font-size: 48px;}
.inputBox {position: relative;box-sizing: border-box;margin-bottom: 40px;}
.inputBox .inputText {position: absolute;font-size: 20px;line-height: 50px;transition: 0.5s;opacity: 0.5;}
.inputBox .input {position: relative;width: 100%;height: 50px;background: transparent;border: none;outline: none;font-size: 18px;padding: 10px;border-bottom: 2px solid #44bac8;display: inline-block !important;}
.c_input {width: 100%;height: 40px;border-radius: 5px;border: 1px solid #808080a1;padding: 10px;}
.focus .inputText {transform: translateY(-30px);font-size: 18px;opacity: 1;color: #00bcd4;}
.mb_20 {margin-bottom: 20px;}
.files input {outline: 2px dashed #ff6600;outline-offset: -10px;-webkit-transition: outline-offset 0.15s ease-in-out, background-color 0.15s linear;transition: outline-offset 0.15s ease-in-out, background-color 0.15s linear;padding: 120px 0px 85px 35%;text-align: center !important;margin: 0;width: 100% !important;}
.files input:focus {outline: 2px dashed #92b0b3;outline-offset: -10px;-webkit-transition: outline-offset 0.15s ease-in-out, background-color 0.15s linear;transition: outline-offset 0.15s ease-in-out, background-color 0.15s linear;border: 1px solid #92b0b3;}
.files {position: relative;}
.files:after {pointer-events: none;position: absolute;top: 60px;left: 0;width: 80px;right: 0;height: 80px;content: "";background-image: url(../images/upload.png);display: block;margin: 0 auto;background-size: 100%;background-repeat: no-repeat;}
.color input {background-color: #f1f1f1;}
.files:before {position: absolute;bottom: 10px;left: 0;pointer-events: none;width: 100%;right: 0;height: 57px;content: " Drag and drop your file ";display: block;margin: 0 auto;color: #2ea591;font-weight: 600;text-transform: capitalize;text-align: center;}
.mt_20 {margin-top: 20px;}
.select2-container {width: 100% !important;}
.inputBox.error > input {border-bottom: 2px solid red;}
.inputBox.error > label {color: red;}
.btn-continuePay{color: #fafaff; background: #187e8b; padding: 12px 40px; display: inline-block; margin-top: 30px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; font-size: 20px; text-decoration: none;}
.select2-container--default .select2-selection--multiple .select2-selection__rendered{padding: 5px;}
.select2-container--default .select2-selection--multiple .select2-selection__choice{padding: 5px;margin-top: 3px;}
.select2-container--default .select2-selection--multiple{line-height: 1;border: 2px solid #44bac8;}
.dropify-wrapper{border: 2px solid #44bac8;border-radius: 5px;}
h3.h3-small {
    font-size: 20px;
    line-height: 30px;
    text-transform: capitalize;
}
@media screen and (max-width: 1199px){
    .joining-form-box {padding: 20px 40px !important;}
    .joining-form-box .text {font-size: 15px;}
    #form .txt_color{font-size: 14px;}
    .joining-form-box h3 {font-size: 18px;}
}
@media screen and (max-width: 768px){
    .joining-form-box .text {font-size: 14px;}
    .inputBox {margin-bottom: 30px;}
    .main-box .btn_main {padding: 10px 30px;font-size: 18px;}
    .main-box {margin-top: 80px !important;}
    .inputBox .input, .inputBox .inputText {font-size: 17px !important;}
    .col-sm-12 .inputBox{margin-bottom: 15px;}
    .btn-continuePay{margin-top: 20px;font-size: 18px;}
}
@media only screen and (max-width: 480px) {
    .main-box {padding: 20px !important;}
    .main-box img {width: auto;height: 45px;}
    .main-box .btn_brown{margin-top: 10px;}
}