.traning_btn {list-style: none; margin: 0px; padding: 0px;}
.bottom_ul {float: right; margin: 0px ; padding: 0px;}
.bottom_ul li {display: inline-block; margin-left: 10px; letter-spacing: 1px; }
.bottom_ul li a {color: #6e6b7b;}
.box_title {float: left; width: 100%; text-align: center; letter-spacing: 1px; margin-top: 70px;}
.answer_box {float: left; width: 100%;margin-bottom: 34px;}
.top_row_btn {float: left; width: 100%;}
.ul_box {float: left; width: 100%;}
.top_row_btn ul {margin: 0 auto; text-align: center; padding: 0px;}
.top_row_btn ul li {display: inline-block;}
.check_box_div {
    /*float: left;*/
    /*width: 10%;*/
    /*text-align: center;*/
    border: 1px solid rgba(34, 41, 47, 0.125);
    padding: 13px;
    margin-top: 10px;
    /*margin-bottom: 34px;*/
}
.logo_section_box {float: left; width: 100%;}
.butn_x ul {list-style: none; margin: 0px; padding: 0px;}
.butn_x ul li {display: inline-block;}
.butn_x {float: left; width: 100%; margin-top: 20px;}
.list_company {margin: 0px; padding: 0px; list-style: none;}
.list_company li a { text-align: center; color: #696969;}
.list_company li {
    width: 100%;
    float: left;
    border: 1px solid rgba(34, 41, 47, 0.125);
    padding: 13px 22px;
    margin-bottom: 18px;
    text-align: center;
    border-radius: 3px;
}

.banner_section{float: left; width: 100%;}

.list_company li:hover {background-color: #0aace8; color: #FFF;}
.list_company li:hover a{ color: #FFF;}
.extra {    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: 700; margin-right: 10px;}
.question_ul .list-group-item {
    line-height: 1.5;
    letter-spacing: 2px;
    color: #191919;
    /* width: 58px; */
    border-radius: 0px;
    font-weight: 600;
}
.question_no_box {float: left; width: 100%;}
.question_no_box ul {margin: 0px; padding: 0px; list-style: none;}
.question_no_box ul li {
    display: inline-block;
    margin-top: 12px;
    margin-bottom: 0px;
}
.active_in {background-color: #00bd31; color: #FFF !important;}
.inactive {background-color: #C30003; color: #FFF !important;}
.quesiton-box p {font-size: 15px;}
.question_no_box ul li a {
    text-align: center;
    border: 1px solid rgba(34, 41, 47, 0.125);
    padding: 13px 22px;
    margin-top: 19px;
    margin-bottom: 0px;
    color: #696969;
    letter-spacing: 4px;
    display: inline-block;
}
.question_ul {
    display: flex;
    flex-direction: row;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: 0.358rem;
}
.question_ul .list-group-item + .list-group-item {
     border-top-width: 1px; 
}
.quesiton-box {float: left; width: 100%; margin-top: 20px;}

.top_row_btn ul li a {
    padding: 0 0.8rem;
    display: inherit;
    color: #6e6b7b;
    font-weight: 600;
    line-height: 1rem;
    margin-bottom: 0rem;
    letter-spacing: 1px;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.top_row_btn ul li a .feather, [data-feather] {
    height: 1.5rem;
    width: 2rem;
    display: inline-block;
    margin-right: 14px;
}
input[type="file" i] { letter-spacing: 1px}
.traning_btn {
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: 1000px;
    margin: 0 auto;
    text-align: center;
    margin-top: 25px;
}
.traning_btn  .btn-primary {
    border-color: #0aace8 !important;
    background-color: #0aace8 !important;
    color: #fff !important;
    letter-spacing: 2px;
    /* margin-bottom: 0; */
    margin: 5px 1px;
}


.traning_btn li {display: inline-block;}

.foam_btn {
    position: absolute;
    top: 0;
    padding: 15px 32px;

    right: 0;
}

.bs-stepper {
  background-color: #fff;
  box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.1);
  border-radius: 0.5rem; }

.bs-stepper .bs-stepper-header {
    padding: 1.5rem 0rem;
    flex-wrap: wrap;
    border-bottom: 1px solid rgba(34, 41, 47, 0.08);
    margin: 0;
}

.bs-stepper .bs-stepper-header .line {
  flex: 0;
  min-width: auto;
  min-height: auto;
  background-color: transparent;
  margin: 0;
  color: #6e6b7b;
  font-size: 1.5rem; }

.bs-stepper .bs-stepper-header .step .step-trigger {
  padding: 0 1.75rem;
  flex-wrap: nowrap;
  font-weight: normal; }

.bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  padding: 0.5em 0;
  font-weight: 500;
  color: #babfc7;
  background-color: rgba(186, 191, 199, 0.12);
  border-radius: 0.35rem; }

.bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label {
  text-align: left;
  margin: 0;
  margin-top: 0.5rem;
  margin-left: 1rem; }

.bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label .bs-stepper-title {
    display: inherit;
    color: #6e6b7b;
    font-weight: 600;
    line-height: 1rem;
    margin-bottom: 0rem;
    letter-spacing: 1px;
    font-size: 19px;
}

.bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label .bs-stepper-subtitle {
    font-weight: 400;
    font-size: 0.85rem;
    color: #b9b9c3;
    letter-spacing: 1px;
    top: 3px;
    position: relative;
}

.bs-stepper .bs-stepper-header .step .step-trigger:hover {
  background-color: transparent; }

.bs-stepper .bs-stepper-header .step.active .step-trigger .bs-stepper-box {
    background-color: #0aace8;
    color: #fff;
    box-shadow: 0 3px 6px 0 rgb(175 234 255);
}
.bs-stepper .bs-stepper-header .step.active .step-trigger .bs-stepper-label .bs-stepper-title {
    color: #0aace8;
}

.bs-stepper .bs-stepper-header .step.crossed .step-trigger .bs-stepper-box {
    background-color: rgb(224 247 255);
    color: #0aace8 !important;
}

.bs-stepper .bs-stepper-header .step.crossed .step-trigger .bs-stepper-label .bs-stepper-title {
  color: #b9b9c3; }

.bs-stepper .bs-stepper-header .step.crossed + .line {
  color: #7367f0; }

.bs-stepper .bs-stepper-header .step:first-child .step-trigger {
  padding-left: 0; }

.bs-stepper .bs-stepper-header .step:last-child .step-trigger {
  padding-right: 0; }

.bs-stepper .bs-stepper-content {
  padding: 1.5rem 1.5rem; }

.bs-stepper .bs-stepper-content .content {
  margin-left: 0; }

.bs-stepper .bs-stepper-content .content .content-header {
  margin-bottom: 1rem; }

.bs-stepper.vertical .bs-stepper-header {
  border-right: 1px solid #ebe9f1;
  border-bottom: none; }

.bs-stepper.vertical .bs-stepper-header .step .step-trigger {
  padding: 1rem 0; }

.bs-stepper.vertical .bs-stepper-header .line {
  display: none; }

.bs-stepper.vertical .bs-stepper-content {
  width: 100%;
  padding-top: 2.5rem; }

.bs-stepper.vertical .bs-stepper-content .content:not(.active) {
  display: none; }

.bs-stepper.vertical.wizard-icons .step {
  text-align: center; }

.bs-stepper.wizard-modern {
    background-color: transparent;
    box-shadow: none;
    width: 100%;
    float: left;
}

.bs-stepper.wizard-modern .bs-stepper-header {
  border: none; }

.bs-stepper.wizard-modern .bs-stepper-content {
  background-color: #fff;
  border-radius: 0.5rem;
  box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.1); }

.horizontal-wizard, .vertical-wizard, .modern-horizontal-wizard, .modern-vertical-wizard {
    margin-bottom: 2.2rem;
    width: 100%;
    float: left;
}

.dark-layout .bs-stepper {
  background-color: #283046;
  box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.24); }

.dark-layout .bs-stepper .bs-stepper-header {
  border-bottom: 1px solid rgba(59, 66, 83, 0.08); }

.dark-layout .bs-stepper .bs-stepper-header .line {
  color: #b4b7bd; }

.dark-layout .bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-box {
  color: #babfc7; }

.dark-layout .bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label .bs-stepper-title {
  color: #b4b7bd; }

.dark-layout .bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label .bs-stepper-subtitle {
  color: #676d7d; }

.dark-layout .bs-stepper .bs-stepper-header .step.active .step-trigger .bs-stepper-box {
  background-color: #7367f0;
  color: #fff;
  box-shadow: 0 3px 6px 0 rgba(115, 103, 240, 0.4); }

.dark-layout .bs-stepper .bs-stepper-header .step.active .step-trigger .bs-stepper-label .bs-stepper-title {
  color: #7367f0; }

.dark-layout .bs-stepper .bs-stepper-header .step.crossed .step-trigger .bs-stepper-label,
.dark-layout .bs-stepper .bs-stepper-header .step.crossed .step-trigger .bs-stepper-title {
  color: #676d7d; }

.dark-layout .bs-stepper.vertical .bs-stepper-header {
  border-right-color: #3b4253; }

.dark-layout .bs-stepper.wizard-modern {
  background-color: transparent;
  box-shadow: none; }

.dark-layout .bs-stepper.wizard-modern .bs-stepper-header {
  border: none; }

.dark-layout .bs-stepper.wizard-modern .bs-stepper-content {
  background-color: #283046;
  box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.24); }

html[data-textdirection='rtl'] .btn-prev,
html[data-textdirection='rtl'] .btn-next {
  display: flex; }

html[data-textdirection='rtl'] .btn-prev i,
html[data-textdirection='rtl'] .btn-prev svg,
html[data-textdirection='rtl'] .btn-next i,
html[data-textdirection='rtl'] .btn-next svg {
  transform: rotate(-180deg); }


/*Quetion Slider*/

.question_no_box button.slick-next.slick-arrow {
    position: absolute;
    right: 0px;
    top: -10px;
    background-color: #0aace8 !important;
    color: #fff !important;
    letter-spacing: 2px;
    box-shadow: none;
    padding: 5px 12px;
    border: 0px;
    z-index: 9;
    border-radius: 5px;    
}
.question_no_box button.slick-prev.slick-arrow {
    position: absolute;
    right: 75px;
    top: -10px;    background-color: #0aace8 !important;
    color: #fff !important;
    letter-spacing: 2px;
    box-shadow: none;
    padding: 5px 12px;
    border: 0px;
    z-index: 9;
    border-radius: 5px; 
}
/*Quetion Slider End Here */

@media (max-width: 768px) {
 .bottom_ul {
    float: none;
    margin: 0px;
    padding: 0px;
    margin: 0 auto;
    text-align: center;
    display: none;
}
    .base_footer li a {
    display: block;
    font-size: 13px;
    color: #898989;
    text-align: left;
    text-decoration: none;
    border-right: solid 1px #898989;
    margin-right: 5px;
    padding-left: 0;
    padding-right: 10px;
    line-height: 20px;
    margin-top: 5px;
    letter-spacing: 1px;
}
    footer.footer span i, footer.footer span svg {
    height: 1.51rem;
    width: 1.51rem;
    font-size: 1.51rem;
    margin-left: 0.5rem;
    color: #0aace8;
    position: relative;
    top: -3px;
    display: none;
}
    .bottom_ul li {
    display: inline-block;
    margin-left: 19px;
    letter-spacing: 1px;
    line-height: 37px;
}
    .bottom_ul {
    float: none;
    margin: 0px;
    padding: 0px;
    margin: 0 auto;
    text-align: center;
}
footer.footer .float-md-left {
    float: none!important;
}
    
footer.footer {
    padding: 0.8rem 2rem;
    min-height: 0.35rem;
    transition: 300ms ease all;
    background-color: #fff;
    float: left;
    width: 100%;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 15px;
}
    
    .top_row_btn ul li a {
    padding: 0 0.8rem;
    display: inherit;
    color: #6e6b7b;
    font-weight: 600;
    line-height: 1rem;
    margin-bottom: 0rem;
    letter-spacing: 1px;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 2px;
}
  .bs-stepper .bs-stepper-header {
    flex-direction: row;
    align-items: flex-start; }
.bs-stepper .bs-stepper-header .step .step-trigger {
    padding: 0.5rem 0 !important;
    flex-direction: row;
    margin-right: 31px;
}
  .bs-stepper .bs-stepper-header .line {
    display: none; }
  .bs-stepper.vertical {
    flex-direction: column; }
  .bs-stepper.vertical .bs-stepper-header {
    align-items: flex-start; }
  .bs-stepper.vertical .bs-stepper-content {
    padding-top: 1.5rem; }
.card .mb-0 {
    font-size: 17px;
    top: 0 !important;
    position: relative;
}
select.form-control:not([multiple='multiple']) {

    margin-top: 20px;
}
    
.dropzone .dz-message {
    font-size: 20px !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #3abcec;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
}   
html body p {
    line-height: 1.5rem;
    letter-spacing: 1px;
    font-size: 14px;
}
.apply-job-package h2 {
    color: #FFF !important;
    font-size: 19px;
}
    .card .card-title {
    font-weight: 500;
    font-size: 17px;
    margin-bottom: 1.53rem;
    letter-spacing: 2px;
}
    .my_card h2 {font-size: 19px;}
    .main-menu.menu-light .navigation li a {
    color: #625F6E;
    padding: 10px 15px 10px 10px;
    line-height: 1.45;
}
    .user_profile_image {
    float: left;
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 12px;
    margin-bottom: 17px;
}   
    .check_box_div {
    float: left;
    width: 100%!important;
    text-align: left!important;
    border: 1px solid rgba(34, 41, 47, 0.125);
    padding: 13px;
    margin-top: 19px;
    /*margin-bottom: 34px;*/
}
    .align-items-center {
    align-items: center !important;
    margin-bottom: 14px;
}
a.btn.btn-primary.waves-effect.waves-float.waves-light {
    width: 100%;
    display: block;
}
.card-content {
    padding-bottom: 20px;
}

}

@media (max-width: 1366px) {
.my_btn {
    text-align: center;
    display: block;
    width: 194px;
    margin: 0 auto;
}
}

@media (max-width: 600px) {
    
    

    article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
    display: block;
    float: left;
    width: 100%;
}
    
    
    
    

            html body p {
    line-height: 1.5rem;
    letter-spacing: 1px;
    font-size: 14px;
}
            .apply-job-package h2 {
    color: #FFF !important;
    font-size: 19px;
}
    .card .card-title {
    font-weight: 500;
    font-size: 17px;
    margin-bottom: 1.53rem;
    letter-spacing: 2px;
}
    .my_card h2 {font-size: 19px;}
    
    
    
    .serach_bar_inner {
    float: left;
    width: 100%;
    position: relative;
    z-index: 999;
    margin-top: 61px;
    padding: 0px 4px;
}
    .name_project {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 2px;
    font-size: 15px;
}
.button_section ul li a {
    display: inline-block;
    font-weight: 400;
    color: #ffffff;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.786rem 1.5rem;
    font-size: 1rem;
    line-height: 1;
    border-radius: 0.358rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, background 0s, border 0s;
    background-color: #0aace8;
    width: 100%;
    margin-top: 12px;
}   
.button_section ul li {
    display: inline-block;
    width: auto;
}   
    select.form-control:not([multiple='multiple']) {
    background-image: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d8d6de' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E);
    background-position: calc(100% - 12px) 13px, calc(100% - 20px) 13px, 100% 0;
    background-size: 18px 14px, 18px 14px;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 1.5rem;
    margin-top: 20px;
}
    
.butn_x ul li {
    display: block;
}   
.butn_x .my_btn {
    text-align: center;
    display: block;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 23px;
}   
    
.card .mb-0 {
    font-size: 17px;
    top: 0 !important;
    position: relative;
}
    .main-menu.menu-light .navigation li a > * {
    transition: transform 0.25s ease;
    font-size: 13px;
}
.d-flex span {
    font-size: 14px;
}
.filer_list_div {
    position: fixed;
    top: 0px;
    right: 0px;
    left: 0px;
    background: rgb(255, 255, 255);
    z-index: 999999;
    height: 100%;
    padding: 36px 8px;
    display: none;
    margin-top: 0 !important;
    overflow: scroll;
}

[class*='collapse-'] .collapse-title {
    font-weight: 500;
    font-size: 1.1rem;
    font-size: 15px;
}

        
.serach_bar_inner {
    float: left;
    width: 100%;
    position: relative;
    z-index: 99;
    margin-top: 61px;
    padding: 0px 4px;
}   
        
    
    
    
    
    
    
    
    
    .bottom_ul {
    float: none;
    margin: 0px;
    padding: 0px;
    margin: 0 auto;
    text-align: center;
    display: none;
}
    .base_footer li a {
    display: block;
    font-size: 13px;
    color: #898989;
    text-align: left;
    text-decoration: none;
    border-right: solid 1px #898989;
    margin-right: 5px;
    padding-left: 0;
    padding-right: 10px;
    line-height: 20px;
    margin-top: 5px;
    letter-spacing: 1px;
}
    footer.footer span i, footer.footer span svg {
    height: 1.51rem;
    width: 1.51rem;
    font-size: 1.51rem;
    margin-left: 0.5rem;
    color: #0aace8;
    position: relative;
    top: -3px;
    display: none;
}
    .bottom_ul li {
    display: inline-block;
    margin-left: 19px;
    letter-spacing: 1px;
    line-height: 37px;
}
    .bottom_ul {
    float: none;
    margin: 0px;
    padding: 0px;
    margin: 0 auto;
    text-align: center;
}
footer.footer .float-md-left {
    float: none!important;
}
    
footer.footer {
    padding: 0.8rem 2rem;
    min-height: 0.35rem;
    transition: 300ms ease all;
    background-color: #fff;
    float: left;
    width: 100%;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 15px;
}
    
.top_row_btn ul li a {
    padding: 0 0.8rem;
    display: inherit;
    color: #6e6b7b;
    font-weight: 600;
    line-height: 41px;
    margin-bottom: 0rem;
    letter-spacing: 1px;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
}
  .bs-stepper .bs-stepper-header {
    flex-direction: row;
    align-items: flex-start; }
.bs-stepper .bs-stepper-header .step .step-trigger {
    padding: 0.5rem 0 !important;
    flex-direction: row;
    margin-right: 31px;
}
  .bs-stepper .bs-stepper-header .line {
    display: none; }
  .bs-stepper.vertical {
    flex-direction: column; }
  .bs-stepper.vertical .bs-stepper-header {
    align-items: flex-start; }
  .bs-stepper.vertical .bs-stepper-content {
    padding-top: 1.5rem; } 

.dropzone .dz-message {
    font-size: 22px !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #3abcec;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
}
.my_btn {
    text-align: center;
    display: block;
    width: 206px;
    margin: 0 auto;
    margin-bottom: 23px;
}

}

















@media (max-width: 480px) {
        html body p {
    line-height: 1.5rem;
    letter-spacing: 1px;
    font-size: 14px;
}
            .apply-job-package h2 {
    color: #FFF !important;
    font-size: 19px;
}
    .card .card-title {
    font-weight: 500;
    font-size: 17px;
    margin-bottom: 1.53rem;
    letter-spacing: 2px;
}
    .my_card h2 {font-size: 19px;}
    
    
    .serach_bar_inner {
    float: left;
    width: 100%;
    position: relative;
    z-index: 999;
    margin-top: 61px;
    padding: 0px 4px;
}
    .name_project {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 2px;
    font-size: 15px;
}
.button_section ul li a {
    display: inline-block;
    font-weight: 400;
    color: #ffffff;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.786rem 1.5rem;
    font-size: 1rem;
    line-height: 1;
    border-radius: 0.358rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, background 0s, border 0s;
    background-color: #0aace8;
    width: 100%;
    margin-top: 12px;
}   
.button_section ul li {
    display: inline-block; width: 100%;
}   
    select.form-control:not([multiple='multiple']) {
    background-image: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d8d6de' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E);
    background-position: calc(100% - 12px) 13px, calc(100% - 20px) 13px, 100% 0;
    background-size: 18px 14px, 18px 14px;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 1.5rem;
    margin-top: 20px;
}
.card .mb-0 {
    font-size: 17px;
    top: 0 !important;
    position: relative;
}
    
    .d-flex span {font-size: 12px;}
    .filer_list_div {
    position: fixed;
    top: 0px;
    right: 0px;
    left: 0px;
    background: rgb(255, 255, 255);
    z-index: 999999;
    height: 100%;
    padding: 36px 8px;
    display: none;
    margin-top: 0 !important;
}
[class*='collapse-'] .collapse-title {
    font-weight: 500;
    font-size: 1.1rem;
    font-size: 14px;
}
        
.serach_bar_inner {
    float: left;
    width: 100%;
    position: relative;
    z-index: 99;
    margin-top: 61px;
    padding: 0px 4px;
}   
             
    
.bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label .bs-stepper-title {
    display: inherit;
    color: #6e6b7b;
    font-weight: 600;
    line-height: 1rem;
    margin-bottom: 0rem;
    letter-spacing: 1px;
    font-size: 17px;
}   
.bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 31px;
    height: 32px;
    padding: 0.5em 0;
    font-weight: 500;
    color: #babfc7;
    background-color: rgba(186, 191, 199, 0.12);
    border-radius: 0.35rem;
}   
.bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label {
    text-align: left;
    margin: 0;
    margin-top: 1px;
    margin-left: 11px;
}   
.bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label .bs-stepper-subtitle {
    font-weight: 400;
    font-size: 10px;
    color: #b9b9c3;
    letter-spacing: 1px;
    top: 3px;
    position: relative;
}   
.bs-stepper .bs-stepper-header .step .step-trigger {
    padding: 0.5rem 0 !important;
    flex-direction: row;
    margin-right: 24px;
}
.form-control-lg {
    height: 3.2857rem;
    padding: 0.75rem 1.143rem;
    font-size: 12px;
    line-height: 1.25;
    border-radius: 0.357rem;
    letter-spacing: 1px;
}   
.foam_btn {
    position: relative;
    top: 1px;
    padding: 14px 14px;
    right: 0;
    width: 100%;
    margin-top: 13px;
}   
.top_row_btn ul li {
    display: inline-block;
    text-align: left;
    float: left;
}
.top_row_btn ul li a .feather, [data-feather] {
    height: 1.5rem;
    width: 2rem;
    display: inline-block;
    margin-right: 0px;
}   
.top_row_btn ul li a {
    padding: 0 0.8rem;
    display: inherit;
    color: #6e6b7b;
    font-weight: 600;
    line-height: 34px;
    margin-bottom: 0rem;
    letter-spacing: 1px;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
}   .box_title h2 {font-size: 18px;}    
.traning_btn {
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: 448px;
    margin: 0 auto;
    text-align: left;
    margin-top: 25px;
}
    .top_row_btn ul li {
    display: block;
    text-align: left;
    float: none;
}
.base_footer li {
    display: block;
    width: 100%;
}   
.base_footer li a {
    display: block;
    font-size: 14px !important;
    color: #898989;
    text-align: left;
    text-decoration: none;
    border-right: solid 0px #898989 !important;
    margin-right: 5px;
    padding-left: 0;
    padding-right: 10px;
    line-height: 24px !important;
    margin-top: 5px;
    letter-spacing: 1px;
}
.traning_btn li {
    display: block;
    width: 100%;
}   
.traning_btn .btn-primary {
    border-color: #0aace8 !important;
    background-color: #0aace8 !important;
    color: #fff !important;
    letter-spacing: 2px;
    /* margin-bottom: 0; */
    margin: 5px 1px;
    width: 100%;
    font-size: 14px;
}
footer.footer {
    padding: 0.8rem 2rem;
    min-height: -8.65rem;
    transition: 300ms ease all;
    background-color: #fff;
    float: left;
    width: 100%;
    text-align: center;
    padding-top: 12px;
    padding-bottom: 18px;
    margin-top: 22px;
}   
    .dropzone .dz-message {
    font-size: 21px !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #3abcec;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
} 

.my_card h4 {font-size: 18px;}
.edit-icon {
    float: right;
    margin-top: 0px;
    width: 100%;
}
    .modal-title {font-size: 15px !important; }


.question_no_box ul li a {
    width: 96%;
    display: inline-block;
}
.question_no_box ul li {
    width: 32.2%;
}
.skill_box p {
    font-size: 13px;
}
 
}




@media (max-width: 414px) {
    html body p {
    line-height: 1.5rem;
    letter-spacing: 1px;
    font-size: 14px;
}
            .apply-job-package h2 {
    color: #FFF !important;
    font-size: 15px;
}
    .card .card-title {
    font-weight: 500;
    font-size: 15px;
    margin-bottom: 1.53rem;
    letter-spacing: 2px;
}
    .my_card h2 {font-size: 19px;}
        .dropzone .dz-message {
    font-size: 19px !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #3abcec;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
}
    
    .serach_bar_inner {
    float: left;
    width: 100%;
    position: relative;
    z-index: 999;
    margin-top: 61px;
    padding: 0px 4px;
}
    .name_project {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 2px;
    font-size: 15px;
}
.button_section ul li a {
    display: inline-block;
    font-weight: 400;
    color: #ffffff;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.786rem 1.5rem;
    font-size: 1rem;
    line-height: 1;
    border-radius: 0.358rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, background 0s, border 0s;
    background-color: #0aace8;
    width: 100%;
    margin-top: 12px;
}   
.button_section ul li {
    display: inline-block; width: 100%;
}   
    select.form-control:not([multiple='multiple']) {
    background-image: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d8d6de' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E);
    background-position: calc(100% - 12px) 13px, calc(100% - 20px) 13px, 100% 0;
    background-size: 18px 14px, 18px 14px;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 1.5rem;
    margin-top: 20px;
}
    .card .mb-0 {
    font-size: 16px;
    top: 0 !important;
    position: relative;
}
    
    .d-flex span {font-size: 12px;}
    .filer_list_div {
    position: fixed;
    top: 0px;
    right: 0px;
    left: 0px;
    background: rgb(255, 255, 255);
    z-index: 999999;
    height: 100%;
    padding: 36px 8px;
    display: none;
    margin-top: 0 !important;
}
[class*='collapse-'] .collapse-title {
    font-weight: 500;
    font-size: 1.1rem;
    font-size: 14px;
}
        
.serach_bar_inner {
    float: left;
    width: 100%;
    position: relative;
    z-index: 99;
    margin-top: 61px;
    padding: 0px 4px;
    clear: both !important;
}
    
    
    
    
    
.bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label .bs-stepper-title {
    display: inherit;
    color: #6e6b7b;
    font-weight: 600;
    line-height: 1rem;
    margin-bottom: 0rem;
    letter-spacing: 1px;
    font-size: 17px;
}   
.bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 31px;
    height: 32px;
    padding: 0.5em 0;
    font-weight: 500;
    color: #babfc7;
    background-color: rgba(186, 191, 199, 0.12);
    border-radius: 0.35rem;
}   
.bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label {
    text-align: left;
    margin: 0;
    margin-top: 1px;
    margin-left: 11px;
}   
.bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label .bs-stepper-subtitle {
    font-weight: 400;
    font-size: 10px;
    color: #b9b9c3;
    letter-spacing: 1px;
    top: 3px;
    position: relative;
}   
.bs-stepper .bs-stepper-header .step .step-trigger {
    padding: 0.5rem 0 !important;
    flex-direction: row;
    margin-right: 24px;
}
.form-control-lg {
    height: 3.2857rem;
    padding: 0.75rem 1.143rem;
    font-size: 12px;
    line-height: 1.25;
    border-radius: 0.357rem;
    letter-spacing: 1px;
}   
.foam_btn {
    position: relative;
    top: 1px;
    padding: 14px 14px;
    right: 0;
    width: 100%;
    margin-top: 13px;
}   
.top_row_btn ul li {
    display: inline-block;
    text-align: left;
    float: left;
}
.top_row_btn ul li a .feather, [data-feather] {
    height: 1.5rem;
    width: 2rem;
    display: inline-block;
    margin-right: 0px;
}   
.top_row_btn ul li a {
    padding: 0 0.8rem;
    display: inherit;
    color: #6e6b7b;
    font-weight: 600;
    line-height: 34px;
    margin-bottom: 0rem;
    letter-spacing: 1px;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
}   .box_title h2 {font-size: 18px;}    
.traning_btn {
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: 380px;
    margin: 0 auto;
    text-align: left;
    margin-top: 25px;
}
.base_footer li {
    display: block;
    width: 100%;
}   
.base_footer li a {
    display: block;
    font-size: 14px !important;
    color: #898989;
    text-align: left;
    text-decoration: none;
    border-right: solid 0px #898989 !important;
    margin-right: 5px;
    padding-left: 0;
    padding-right: 10px;
    line-height: 24px !important;
    margin-top: 5px;
    letter-spacing: 1px;
}
.traning_btn li {
    display: block;
    width: 100%;
}   
.traning_btn .btn-primary {
    border-color: #0aace8 !important;
    background-color: #0aace8 !important;
    color: #fff !important;
    letter-spacing: 2px;
    /* margin-bottom: 0; */
    margin: 5px 1px;
    width: 100%;
    font-size: 14px;
}
footer.footer {
    padding: 0.8rem 2rem;
    min-height: -8.65rem;
    transition: 300ms ease all;
    background-color: #fff;
    float: left;
    width: 100%;
    text-align: center;
    padding-top: 12px;
    padding-bottom: 18px;
    margin-top: 22px;
}   
        .my_card h4 {font-size: 16px;}
    .project_p {
    margin-bottom: 3px;
    margin-top: 8px;
    letter-spacing: 1.5px;
    color: #000;
    font-size: 13px;
}

}




@media (max-width: 375px) {
        .apply-job-package h2 {
    color: #FFF !important;
    font-size: 15px;
}
    .card .card-title {
    font-weight: 500;
    font-size: 15px;
    margin-bottom: 1.53rem;
    letter-spacing: 2px;
}
    .my_card h2 {font-size: 19px;}
    
    
    
    .serach_bar_inner {
    float: left;
    width: 100%;
    position: relative;
    z-index: 999;
    margin-top: 61px;
    padding: 0px 4px;
}
    .name_project {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 2px;
    font-size: 15px;
}
.button_section ul li a {
    display: inline-block;
    font-weight: 400;
    color: #ffffff;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.786rem 1.5rem;
    font-size: 1rem;
    line-height: 1;
    border-radius: 0.358rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, background 0s, border 0s;
    background-color: #0aace8;
    width: 100%;
    margin-top: 12px;
}   
.button_section ul li {
    display: inline-block; width: 100%;
}   
    select.form-control:not([multiple='multiple']) {
    background-image: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d8d6de' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E);
    background-position: calc(100% - 12px) 13px, calc(100% - 20px) 13px, 100% 0;
    background-size: 18px 14px, 18px 14px;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 1.5rem;
    margin-top: 20px;
}
    .card .mb-0 {
    font-size: 16px;
    top: 0 !important;
    position: relative;
}
    
    .d-flex span {font-size: 12px;}
    .filer_list_div {
    position: fixed;
    top: 0px;
    right: 0px;
    left: 0px;
    background: rgb(255, 255, 255);
    z-index: 999999;
    height: 100%;
    padding: 36px 8px;
    display: none;
    margin-top: 0 !important;
}
    [class*='collapse-'] .collapse-title {
    font-weight: 500;
    font-size: 1.1rem;
    font-size: 13px;
}
        
    
    
    
    
    
.bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label .bs-stepper-title {
    display: inherit;
    color: #6e6b7b;
    font-weight: 600;
    line-height: 1rem;
    margin-bottom: 0rem;
    letter-spacing: 1px;
    font-size: 17px;
}   
.bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 31px;
    height: 32px;
    padding: 0.5em 0;
    font-weight: 500;
    color: #babfc7;
    background-color: rgba(186, 191, 199, 0.12);
    border-radius: 0.35rem;
}   
.bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label {
    text-align: left;
    margin: 0;
    margin-top: 1px;
    margin-left: 11px;
}   
.bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label .bs-stepper-subtitle {
    font-weight: 400;
    font-size: 10px;
    color: #b9b9c3;
    letter-spacing: 1px;
    top: 3px;
    position: relative;
}   
.bs-stepper .bs-stepper-header .step .step-trigger {
    padding: 0.5rem 0 !important;
    flex-direction: row;
    margin-right: 24px;
}
.form-control-lg {
    height: 3.2857rem;
    padding: 0.75rem 1.143rem;
    font-size: 12px;
    line-height: 1.25;
    border-radius: 0.357rem;
    letter-spacing: 1px;
}   
.foam_btn {
    position: relative;
    top: 1px;
    padding: 14px 14px;
    right: 0;
    width: 100%;
    margin-top: 13px;
}   
.top_row_btn ul li {
    display: inline-block;
    text-align: left;
    float: left;
}
.top_row_btn ul li a .feather, [data-feather] {
    height: 1.5rem;
    width: 2rem;
    display: inline-block;
    margin-right: 0px;
}   
.top_row_btn ul li a {
    padding: 0 0.8rem;
    display: inherit;
    color: #6e6b7b;
    font-weight: 600;
    line-height: 34px;
    margin-bottom: 0rem;
    letter-spacing: 1px;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
}   .box_title h2 {font-size: 18px;}    
.traning_btn {
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: 335px;
    margin: 0 auto;
    text-align: left;
    margin-top: 25px;
}
.base_footer li {
    display: block;
    width: 100%;
}   
.base_footer li a {
    display: block;
    font-size: 13px !important;
    color: #898989;
    text-align: left;
    text-decoration: none;
    border-right: solid 0px #898989 !important;
    margin-right: 5px;
    padding-left: 0;
    padding-right: 10px;
    line-height: 24px !important;
    margin-top: 5px;
    letter-spacing: 1px;
}
.traning_btn li {
    display: block;
    width: 100%;
}   
.traning_btn .btn-primary {
    border-color: #0aace8 !important;
    background-color: #0aace8 !important;
    color: #fff !important;
    letter-spacing: 2px;
    /* margin-bottom: 0; */
    margin: 5px 1px;
    width: 100%;
    font-size: 14px;
}
footer.footer {
    padding: 0.8rem 2rem;
    min-height: -8.65rem;
    transition: 300ms ease all;
    background-color: #fff;
    float: left;
    width: 100%;
    text-align: center;
    padding-top: 12px;
    padding-bottom: 18px;
    margin-top: 22px;
}   
    .dropzone .dz-message {
    font-size: 19px !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #3abcec;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
}   
 .my_card h4 {font-size: 16px;}




}



@media (max-width: 360px) {
        .apply-job-package h2 {
    color: #FFF !important;
    font-size: 15px;
}
    .card .card-title {
    font-weight: 500;
    font-size: 15px;
    margin-bottom: 1.53rem;
    letter-spacing: 2px;
}
    .my_card h2 {font-size: 19px;}
    
    
    .question_no_box ul li a {
        font-size: 12px;
        padding: 8px 0;
    }
    
    
    .serach_bar_inner {
    float: left;
    width: 100%;
    position: relative;
    z-index: 999;
    margin-top: 61px;
    padding: 0px 4px;
}
    .name_project {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 2px;
    font-size: 15px;
}
.button_section ul li a {
    display: inline-block;
    font-weight: 400;
    color: #ffffff;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.786rem 1.5rem;
    font-size: 1rem;
    line-height: 1;
    border-radius: 0.358rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, background 0s, border 0s;
    background-color: #0aace8;
    width: 100%;
    margin-top: 12px;
}   
.button_section ul li {
    display: inline-block; width: 100%;
}   
    select.form-control:not([multiple='multiple']) {
    background-image: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d8d6de' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E);
    background-position: calc(100% - 12px) 13px, calc(100% - 20px) 13px, 100% 0;
    background-size: 18px 14px, 18px 14px;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 1.5rem;
    margin-top: 20px;
}
    .card .mb-0 {
    font-size: 16px;
    top: 0 !important;
    position: relative;
}
    
    .d-flex span {font-size: 12px;}
    .filer_list_div {
    position: fixed;
    top: 0px;
    right: 0px;
    left: 0px;
    background: rgb(255, 255, 255);
    z-index: 999999;
    height: 100%;
    padding: 36px 8px;
    display: none;
    margin-top: 0 !important;
}
    [class*='collapse-'] .collapse-title {
    font-weight: 500;
    font-size: 1.1rem;
    font-size: 13px;
}
        
    
    
    
    
    
.bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label .bs-stepper-title {
    display: inherit;
    color: #6e6b7b;
    font-weight: 600;
    line-height: 1rem;
    margin-bottom: 0rem;
    letter-spacing: 1px;
    font-size: 15px;
}   
.bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 31px;
    height: 32px;
    padding: 0.5em 0;
    font-weight: 500;
    color: #babfc7;
    background-color: rgba(186, 191, 199, 0.12);
    border-radius: 0.35rem;
}   
.bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label {
    text-align: left;
    margin: 0;
    margin-top: 1px;
    margin-left: 11px;
}   
.bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label .bs-stepper-subtitle {
    font-weight: 400;
    font-size: 10px;
    color: #b9b9c3;
    letter-spacing: 1px;
    top: 3px;
    position: relative;
}   
.bs-stepper .bs-stepper-header .step .step-trigger {
    padding: 0.5rem 0 !important;
    flex-direction: row;
    margin-right: 24px;
}
.form-control-lg {
    height: 3.2857rem;
    padding: 0.75rem 1.143rem;
    font-size: 12px;
    line-height: 1.25;
    border-radius: 0.357rem;
    letter-spacing: 1px;
}   
.foam_btn {
    position: relative;
    top: 1px;
    padding: 14px 14px;
    right: 0;
    width: 100%;
    margin-top: 13px;
}   
.top_row_btn ul li {
    display: inline-block;
    text-align: left;
    float: left;
}
.top_row_btn ul li a .feather, [data-feather] {
    height: 1.5rem;
    width: 2rem;
    display: inline-block;
    margin-right: 0px;
}   
    .top_row_btn ul li a {
    padding: 0 0.8rem;
    display: inherit;
    color: #6e6b7b;
    font-weight: 600;
    line-height: 34px;
    margin-bottom: 0rem;
    letter-spacing: 1px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
}
    .box_title h2 {font-size: 18px;}    
.traning_btn {
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: 335px;
    margin: 0 auto;
    text-align: left;
    margin-top: 25px;
}
.base_footer li {
    display: block;
    width: 100%;
}   
.base_footer li a {
    display: block;
    font-size: 13px !important;
    color: #898989;
    text-align: left;
    text-decoration: none;
    border-right: solid 0px #898989 !important;
    margin-right: 5px;
    padding-left: 0;
    padding-right: 10px;
    line-height: 24px !important;
    margin-top: 5px;
    letter-spacing: 1px;
}   
.traning_btn li {
    display: block;
    width: 100%;
}   
.traning_btn .btn-primary {
    border-color: #0aace8 !important;
    background-color: #0aace8 !important;
    color: #fff !important;
    letter-spacing: 2px;
    /* margin-bottom: 0; */
    margin: 5px 1px;
    width: 100%;
    font-size: 13px;
}
footer.footer {
    padding: 0.8rem 2rem;
    min-height: -8.65rem;
    transition: 300ms ease all;
    background-color: #fff;
    float: left;
    width: 100%;
    text-align: center;
    padding-top: 12px;
    padding-bottom: 18px;
    margin-top: 22px;
}   
    
        .dropzone .dz-message {
    font-size: 17px !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #3abcec;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
}
        .my_card h4 {font-size: 16px;}

.question_no_box ul li {
    width: 31.2%;
}

}



@media (max-width: 320px) {
    .apply-job-package h2 {
    color: #FFF !important;
    font-size: 15px;
}
    .card .card-title {
    font-weight: 500;
    font-size: 15px;
    margin-bottom: 1.53rem;
    letter-spacing: 2px;
}
    .my_card h2 {font-size: 19px;}
    
    
    .dropzone .dz-message {
    font-size: 17px !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #3abcec;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
}
    
    .serach_bar_inner {
    float: left;
    width: 100%;
    position: relative;
    z-index: 999;
    margin-top: 61px;
    padding: 0px 4px;
}
    .name_project {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 2px;
    font-size: 15px;
}
.button_section ul li a {
    display: inline-block;
    font-weight: 400;
    color: #ffffff;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.786rem 1.5rem;
    font-size: 1rem;
    line-height: 1;
    border-radius: 0.358rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, background 0s, border 0s;
    background-color: #0aace8;
    width: 100%;
    margin-top: 12px;
}   
.button_section ul li {
    display: inline-block; width: 100%;
}   
    select.form-control:not([multiple='multiple']) {
    background-image: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d8d6de' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E);
    background-position: calc(100% - 12px) 13px, calc(100% - 20px) 13px, 100% 0;
    background-size: 18px 14px, 18px 14px;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 1.5rem;
    margin-top: 20px;
}
.card .mb-0 {
    font-size: 15px;
    top: 0 !important;
    position: relative;
}
    
    .d-flex span {font-size: 12px;}
    .filer_list_div {
    position: fixed;
    top: 0px;
    right: 0px;
    left: 0px;
    background: rgb(255, 255, 255);
    z-index: 999999;
    height: 100%;
    padding: 36px 8px;
    display: none;
    margin-top: 0 !important;
}
    [class*='collapse-'] .collapse-title {
    font-weight: 500;
    font-size: 1.1rem;
    font-size: 13px;
}
    
    
    
    
    
    
    
.bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label .bs-stepper-title {
    display: inherit;
    color: #6e6b7b;
    font-weight: 600;
    line-height: 1rem;
    margin-bottom: 0rem;
    letter-spacing: 1px;
    font-size: 15px;
}   
.bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 31px;
    height: 32px;
    padding: 0.5em 0;
    font-weight: 500;
    color: #babfc7;
    background-color: rgba(186, 191, 199, 0.12);
    border-radius: 0.35rem;
}   
.bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label {
    text-align: left;
    margin: 0;
    margin-top: 1px;
    margin-left: 11px;
}   
.bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label .bs-stepper-subtitle {
    font-weight: 400;
    font-size: 10px;
    color: #b9b9c3;
    letter-spacing: 1px;
    top: 3px;
    position: relative;
}   
.bs-stepper .bs-stepper-header .step .step-trigger {
    padding: 0.5rem 0 !important;
    flex-direction: row;
    margin-right: 15px;
}   
.form-control-lg {
    height: 3.2857rem;
    padding: 0.75rem 1.143rem;
    font-size: 12px;
    line-height: 1.25;
    border-radius: 0.357rem;
    letter-spacing: 1px;
}   
.foam_btn {
    position: relative;
    top: 1px;
    padding: 14px 14px;
    right: 0;
    width: 100%;
    margin-top: 13px;
}   
.top_row_btn ul li {
    display: inline-block;
    text-align: left;
    float: left;
}
.top_row_btn ul li a .feather, [data-feather] {
    height: 1.5rem;
    width: 2rem;
    display: inline-block;
    margin-right: 0px;
}   
    .top_row_btn ul li a {
    padding: 0 0.8rem;
    display: inherit;
    color: #6e6b7b;
    font-weight: 600;
    line-height: 34px;
    margin-bottom: 0rem;
    letter-spacing: 1px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
}
    .box_title h2 {font-size: 18px;}    
    .traning_btn {
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: 280px;
    margin: 0 auto;
    text-align: left;
    margin-top: 25px;
}
.base_footer li {
    display: block;
    width: 100%;
}   
.base_footer li a {
    display: block;
    font-size: 13px !important;
    color: #898989;
    text-align: left;
    text-decoration: none;
    border-right: solid 0px #898989 !important;
    margin-right: 5px;
    padding-left: 0;
    padding-right: 10px;
    line-height: 24px !important;
    margin-top: 5px;
    letter-spacing: 1px;
}   
.traning_btn li {
    display: block;
    width: 100%;
}   
.traning_btn .btn-primary {
    border-color: #0aace8 !important;
    background-color: #0aace8 !important;
    color: #fff !important;
    letter-spacing: 2px;
    /* margin-bottom: 0; */
    margin: 5px 1px;
    width: 100%;
    font-size: 13px;
}
footer.footer {
    padding: 0.8rem 2rem;
    min-height: -8.65rem;
    transition: 300ms ease all;
    background-color: #fff;
    float: left;
    width: 100%;
    text-align: center;
    padding-top: 12px;
    padding-bottom: 18px;
    margin-top: 22px;
}   
    .my_card h4 {font-size: 16px;}
    
}