.request-title-area { text-align: center; background-color: #012E41; padding: 40px 99px 32px 99px; margin-top: 5px; margin-bottom: 25px; }
.request-title-area h1   { font-size: 48px; line-height: 54px; font-weight: 400; color: #F1F1F0; }
.request-title-area span { font-size: 48px; line-height: 40px; font-weight: 700; color: #F1F1F0; }

.request-form-area .wizard-title { padding: 35px 85px 0px 85px; }
.request-form-area .wizard-title h2 { font-size: 16px; line-height: 24px; font-weight: 700; color: #B9B9B9; font-style: italic; margin: 0px; }
.request-form-area .wizard-title hr { border-top: 1px solid #d3d3d3; width: 70%; margin: 0px; }
.request-form-area .wizard-title h3 { font-size: 20px; line-height: 30px; font-weight: 600; color: #B9B9B9; font-style: italic; }
.request-form-area .wizard-title .active h2 { color: #452049; }
.request-form-area .wizard-title .active hr { border-top: 2px solid #d3d3d3; width: 70%; margin: 0px; }
.request-form-area .wizard-title .active h3 { color: #31A3B1; }

.request-form-area .wizard-form { padding: 35px 85px 75px 85px; }
.request-form-area .wizard-form .form-group label, .request-form-area .wizard-form .form-input-group label, .request-form-area .wizard-form .form-multiple-group label { font-size: 14px; line-height: 21px; font-weight: 500; color: #4E4E4E; }
.request-form-area .wizard-form .form-group label span, .request-form-area .wizard-form .form-input-group label span, .request-form-area .wizard-form .form-multiple-group label span { font-size: 14px; line-height: 21px; font-weight: 500; color: #B9B9B9; }
.request-form-area .wizard-form .form-group input, .request-form-area .wizard-form .form-group textarea, .request-form-area .wizard-form .form-group .select2-container .select2-selection--single .select2-selection__rendered, .request-form-area .wizard-form .form-group .select2-container .select2-selection--multiple .select2-selection__rendered { background-color: #f1f1f0; border-bottom: 2px solid #31A3B1; box-shadow: 0px 4px 4px -2px #9e9d9d !important; height: 56px; font-size: 16px; line-height: 24px; font-weight: 400; }
.request-form-area .wizard-form .form-group input::placeholder { font-size: 16px; line-height: 24px; font-weight: 400; color: #B9B9B9; }
.request-form-area .wizard-form .form-group input:hover, .request-form-area .wizard-form .form-group input:focus { border: 2px solid #31A3B1; }

.request-form-area .wizard-form .form-input-group .input-group { box-shadow: 0px 4px 4px -2px #9e9d9d !important; border-radius: 0px !important; }
.request-form-area .wizard-form .form-input-group .input-group .input-group-text, .request-form-area .wizard-form .form-input-group .input-group input { background-color: #f1f1f0; border-bottom: 2px solid #31A3B1; height: 56px; border-left: 0px; border-right: 0px; border-radius: 0px !important; }
.request-form-area .wizard-form .form-input-group .input-group input::placeholder { font-size: 16px; line-height: 24px; font-weight: 400; color: #B9B9B9; }
.request-form-area .wizard-form .form-input-group .input-group:hover, .request-form-area .wizard-form .form-input-group .input-group input:focus { border: 2px solid #31A3B1; }

.request-form-area .wizard-form .form-group .select2-container .select2-selection--single .select2-selection__placeholder { font-size: 16px; line-height: 24px; font-weight: 400; color: #B9B9B9; border-radius: 0px !important; }

.request-form-area .wizard-form .form-multiple-group .select2-container .select2-selection--multiple { background-color: #f1f1f0; border-bottom: 2px solid #31A3B1; box-shadow: 0px 4px 4px -2px #9e9d9d !important; min-height: 56px; border-radius: 0px !important; }
.request-form-area .wizard-form .form-multiple-group .select2-container .select2-selection--multiple .select2-selection__clear { margin-top: 15px; }
.request-form-area .wizard-form .form-multiple-group .select2-container .select2-selection--multiple:hover, .request-form-area .wizard-form .form-group .select2-container:hover, .request-form-area .wizard-form .form-multiple-group .select2-container--default.select2-container--focus .select2-selection--multiple, .request-form-area .wizard-form .form-group .select2-container--default.select2-container--focus { border: 2px solid #31A3B1; }

.request-form-area .wizard-form .form-check label { font-size: 14px; line-height: 16.41px; font-weight: 500; color: #4E4E4E; }
.request-form-area .wizard-form .form-check label a { font-size: 14px; line-height: 16.41px; font-weight: 500; color: #31A3B1; }

.request-form-area .wizard-form .wizard-form-btn { padding-top: 30px; }
.request-form-area .wizard-form .wizard-form-btn .wizard-form-btn-prev { text-align: left; }
.request-form-area .wizard-form .wizard-form-btn .wizard-form-btn-next { text-align: right; }
.request-form-area .wizard-form .wizard-form-btn .wizard-form-btn-prev .btn, .request-form-area .wizard-form .wizard-form-btn-next .btn { font-size: 16px; line-height: 21px; font-weight: 600; padding: 13px 25px 13px 25px; background-color: #31A3B1; border-radius: 24px; border: 0px; font-family: 'Roboto Flex', 'Poppins', Arial !important; }
.request-form-area .wizard-form .wizard-form-btn .wizard-form-btn-prev .btn:hover, .request-form-area .wizard-form .wizard-form-btn-next .btn:hover { background-color: #5db4bf !important; outline: none !important; }
.request-form-area .wizard-form .wizard-form-btn .wizard-form-btn-prev .btn:active, .request-form-area .wizard-form .wizard-form-btn-next .btn:active { background-color: #89d3dc !important; outline: none !important; }

@media only screen and (max-width: 834px) and (min-width: 451px) {

    .request-form-area .wizard-title { padding: 35px 35px 0px 35px; }
    .request-form-area .wizard-title .active hr { width: 35%; }
    .request-form-area .wizard-form { padding: 15px 35px 75px 35px; }

    #step-1-title { display: block; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
    #step-2-title { display: none;  -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
    #step-3-title { display: none;  -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }

    #step-1-form .row .col-md-6, #step-2-form .row .col-md-4, #step-3-form .row .col-md-6 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
}


@media only screen and (max-width: 450px) and (min-width: 321px) {

    .request-title-area { padding: 40px 10px 32px 10px; }
    .request-title-area h1, .request-title-area span { font-size: 32px; line-height: 37px; font-weight: 700; }

    .request-form-area .wizard-form { padding: 15px 15px 75px 15px; }
    .request-form-area .wizard-title { padding: 35px 15px; }
    .request-form-area .wizard-title .active hr { width: 65%; }

    #step-1-title { display: block; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
    #step-2-title { display: none;  -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
    #step-3-title { display: none;  -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }

    #step-1-form .row .col-md-6, #step-2-form .row .col-md-4, #step-3-form .row .col-md-6 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
}

@media only screen and (max-width: 320px) {

    .request-title-area { padding: 40px 10px 32px 10px; }
    .request-title-area h1, .request-title-area span { font-size: 32px; line-height: 37px; font-weight: 700; }

    .request-form-area .wizard-form { padding: 15px 15px 75px 15px; }
    .request-form-area .wizard-title { padding: 35px 15px; }
    .request-form-area .wizard-title .active hr { width: 35%; }

    .request-form-area .wizard-form .form-group label, .request-form-area .wizard-form .form-input-group label, .request-form-area .wizard-form .form-multiple-group label { font-size: 13px; }

    #step-1-title { display: block; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
    #step-2-title { display: none;  -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
    #step-3-title { display: none;  -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }

    #step-1-form .row .col-md-6, #step-2-form .row .col-md-4, #step-3-form .row .col-md-6 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }

    .request-form-area .wizard-form .wizard-form-btn .wizard-form-btn-prev .btn, .request-form-area .wizard-form .wizard-form-btn-next .btn { font-size: 14px; padding: 13px 20px 13px 20px; }
}