* {
    margin: 0;
    padding: 0
}

body{
    font-family: "Inter", sans-serif;
}

.btn.btn-secondary{
    padding: 12px 26px !important;
    border-radius: 50px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    background: #FFFFFF;
    border-color: #8A3CC4;
    color: #8A3CC4;
    display: block;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
}

.btn.btn-secondary:hover, .btn.btn-secondary:focus{
    border-color: #FFFFFF;
    background-color: #8A3CC4;
    color: #FFFFFF;
    outline: 0;
    box-shadow: none;
}

.btn.btn-primary{
    background-color: #8A3CC4;
    border-color: #8A3CC4;
    border-radius: 50px;
    padding: 12px 26px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
}

.btn.btn-primary:hover, .btn.btn-primary:focus{
    background-color: #FFFFFF;
    outline: 0;
    box-shadow: none;
    color: #8A3CC4;
}

.btn.btn-default{
    background-color: #F3F9FA;
    border-color: #F3F9FA;
    padding: 18px 0;
    font-size: 16px;
    line-height: 18px;
    color: #313957;
    font-weight: 400;
    border-radius: 50px;
}

.btn.btn-default:focus{
    outline: 0;
    box-shadow: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    height: 100%;
    line-height: 40px;
    padding: .4rem 0.5rem;
}

span.limit_skills {
    position: absolute;
    width: fit-content;
    display: block;
    right: 15px;
    bottom: 14px;
}

.select2-selection__clear{
    display: none;
}

.select2-container--default.select2-container--focus .select2-selection--multiple{
    border: 1px solid #66666659;
    background: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    margin-top: 0;
}

.select2-container--default .select2-search--inline .select2-search__field{
    margin: 0;
    height: 100%;
    width: 100% !important;
}

.form-control, .select2-container--default .select2-selection--multiple, .country .select.form-control{
    height: 56px;
    border-radius: 12px;
    border: 1px solid #66666659;
    width: 100% !important;
}

.select2-container--default .select2-selection--multiple{
    min-height: 56px;
    height: auto;
}

.country .select.form-control{
    line-height: 50px;
    background-image: url('../images/downIcon.png');
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: 96% center;
}

#country-drop ul{
    padding-left: 0;
}

.country .dropdown li{
    list-style: none;
}

span.select2 {
    width: 100% !important;
}

.form-control:focus, .form-control:focus-visible{
    outline: 0;
    box-shadow: none;
    border-color: #66666659;
}

input:-internal-autofill-selected{
    background-color: transparent !important;
}

h2{
    font-size: 44px;
    line-height: 58px;
    font-weight: 600;
    font-family: "Playfair Display", serif;
    margin: 0;
}

h3, h4, h5, h6{
    font-family: "Inter", sans-serif;
}

p{
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    color: #5B6269;
    font-family: "Inter", sans-serif;
}

.page-wrapper{
    position: relative;
}

section {
    overflow-x: hidden;
}

.header{
    background: #8A3CC4;
}

.header .navbar{
    padding: 24px 0;
}

.header .navbar-nav .nav-item:not(:first-child){
    margin-left: 24px;
}

.header .navbar-nav .nav-item .nav-link{
    font-size: 16px;
    line-height: 20px;
    color: #FFFFFF;
    font-weight: 500;
}

.header .navbar-nav .nav-item .nav-link.btn.btn-secondary{
    color: #8A3CC4;
}

.header .navbar-nav .nav-item .nav-link.btn.btn-secondary:hover{
    color: #FFFFFF;
}

.banner-wrapper{
    padding: 68px 0 80px;
}

.banner-caption {
    padding-right: 130px;
}

.banner-caption h1{
    font-size: 72px;
    line-height: 95px;
    font-family: "Playfair Display", serif;
}

.banner-caption h1 span{
    color: #8A3CC4;
}

.banner-caption h1 span.head_title{
    display: inline-block;
    background: #8A3CC4;
    padding: 4px;
    border-radius: 12px;
    color: #FFFFFF;
}

.banner-caption p span{
    color: #8A3CC4;
    display: inline-block;
    font-weight: 700;
}

.brand-wrapper{
    background-color: #EFEFEF;
    padding: 65px 0;
}

.brand-logo {
    width: 130px;
    height: 40px;
    margin: 0 auto;
    text-align: center;
}

.brand-logo img.img-fluid{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.volunteering-wrapper{
    padding: 90px 0;
}

.heading h2 span img.img-fluid {
    position: absolute;
    bottom: -10px;
    right: 0;
    z-index: -1;
}

.heading h2{
    padding: 0 0 25px;
}

.volunteering-wrapper .heading{
    padding: 0 0 72px;
}

.column_box{
    padding: 0 18px;
}

h5{
    font-size: 20px;
    line-height: 24px;
    color: #07242B;
    margin: 0;
    padding: 0 0 14px;
}

.plateform_steps{
    padding: 80px 0 60px;
}


.organisation-wrapper{
    background: #8A3CC4;
    padding: 70px 0;
}

.organisation-wrapper .heading h2, .organisation-wrapper .heading p{
    color: #FFFFFF;
}

.organisation-wrapper .heading h2 span img.img-fluid{
    z-index: 0;
    right: 8px;
    bottom: -6px;
}

.organisation_column{
    padding: 50px 0 0;
}

.organisation_box{
    padding: 30px 25px;
    background: #FFFFFF;
    border-radius: 22px;
    text-align: center;
    height: 100%;
}

.column_icon{
    width: 90px;
    height: 90px;
    margin: 0 auto 19px;
    border-radius: 50%;
    background: #8A3CC4;
    display: flex;
    align-items: center;
    justify-content: center;
}

.organisation_box h5 {
    padding: 0 38px 8px;
    line-height: 32px;
}

.success_steps{
    text-align: center;
    padding: 95px 0 71px;
}

.who_we-wrapper{
    padding: 71px 0 142px;
}

.who_img {
    width: 100%;
    height: 600px;
    overflow: hidden;
    border-radius: 30px;
}

.who_img img.img-fluid{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.who_we_caption{
    padding: 45px 0 0 50px;
}

.who_we_caption .heading h2 span img.img-fluid{
    bottom: -18px;
    right: 15px;
}

.client-wrapper{
    padding: 60px 0;
    background: #F1F2F4;
}

.client-wrapper .heading h2 span img.img-fluid{
    z-index: 0;
    right: 40px;
    bottom: -15px;
}

.client_reviews {
    padding: 50px 0 0;
}

.review_caption{
    padding: 24px;
    background: #FFFFFF;
    border-radius: 12px;
}

.name_caption h6{
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0 0 4px;
    font-weight: 500;
    color: #191F33;
}

.name_caption span{
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #767E94;
    font-weight: 400;
}

.client_name_img {
    padding: 48px 0 0;
}

.client_name_img img.img-fluid{
    width: 48px;
}

.rating_star img.img-fluid{
    width: 23px;
    height: 23px;
    object-fit: contain;
}

.client_reviews .owl-theme .owl-dots .owl-dot span{
    background: #E8C9FF;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
}

.client_reviews .owl-theme .owl-dots .owl-dot.active span{
    background: #8A3CC4;
    width: 24px;
}

.faq-wrapper{
    padding: 142px 0;
}

.faq-wrapper .faq_portals{
    padding: 40px 0 0;
}

.faq_portals .accordion .accordion-item{
    border: 1px #E1E1E1 solid;
    border-radius: 16px;
    overflow: hidden;
}

.faq_portals .accordion-button{
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    padding: 26px;
}

.faq_portals .accordion-button:focus{
    box-shadow: none;
    border-color: #E1E1E1;
}

.faq_portals .accordion-button:not(.collapsed){
    background: transparent;
    box-shadow: none;
    color: #0B0B0B;
}

.faq_portals .accordion-button::after{
    background-image: url('../images/arrow.png');
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: center;
}

.talented_worker{
    background: #8A3CC4;
    border-radius: 12px;
    margin: 142px 0 0;
    overflow: hidden;
}

.worker_caption, .worker_caption p{
    color: #FFFFFF;
}

.worker_caption p{
    font-size: 20px;
    line-height: 28px;
}

.worker_caption span{
    font-size: 20px;
    line-height: 32px;
    display: block;
    padding: 0 0 24px;
}

.worker_caption h2{
    font-size: 60px;
    line-height: 64px;
    padding: 0 0 20px;
}

.worker_caption{
    padding: 32px 40px 16px;
}

.worker_caption .opportunities{
    margin: 176px 0 0;
    padding: 24px 0 0;
    border-top: 1px solid #FFFFFF80;
}

.get_in_touch-wrapper{
    background: #F1F2F4;
    padding: 60px 0;
}

.contact_caption {
    padding-right: 40px;
}

.contact_caption h3{
    font-size: 26px;
    line-height: 32px;
    font-weight: 700;
    margin: 0;
    color: #181818;
}

.contact_caption p{
    font-size: 14px;
    line-height: 18px;
    margin: 0;
    padding: 17px 0 37px;
}

.contact_caption ul.list-inline li{
    display: flex;
    align-items: start;
}

.contact_caption ul.list-inline li:not(:first-child){
    margin-top: 30px;
}

.contact_caption ul.list-inline li .get-icon{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #8A3CC4;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact_caption ul.list-inline li div > h6{
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    margin: 0;
    padding: 0 0 11px;
    color: #181818;
}

.contact_caption ul.list-inline li div > p{
    font-size: 14px;
    line-height: 19px;
    color: #707070;
    margin: 0;
    padding: 0;
}

.contact_form{
    background: #FFFFFF;
    border-radius: 20px;
    padding: 47px 29px;
    box-shadow: 0px 0px 17px 0px #0000000F;
    -webkit-box-shadow: 0px 0px 17px 0px #0000000F;
}

.contact_form .form-control{
    height: 60px;
    background: #F5F5F5;
    border: 0;
    font-size: 14px;
    font-weight: 500;
    border-radius: 10px;
}

.about-wrapper{
    background: #8A3CC4;
    padding: 60px 0;
    text-align: center;
}

.about_caption .heading p{
    font-size: 18px;
    line-height: 33px;
    color: #FFFFFF;
}

.about_caption h2{
    color: #FFFFFF;
}

.about_caption h2 span img.img-fluid{
    z-index: 0;
}

.footer{
    background: #EFEFEF;
    padding: 2px 0 1px;    
    /*position: absolute;
    width: 100%;
    bottom: 0;*/
}

.footer .logo a{
    display: block;
}

.footer_links p{
    font-size: 14px;
    line-height: 16px;
}

.footer_links p a{
    color: #07242B;
    display: inline-block;
    text-decoration: none;
}

.social-links a{
    display: inline-block;
    width: 26px;
    height: 26px;
    border-radius: 50%;
}

/*------SignUP Page CSS START-----*/
.signup_form{
    padding: 0 93px;
}

.signup_form h3{
    font-size: 36px;
    line-height: 43px;
    color: #07242B;
    font-weight: 600;
    margin: 0;
    padding: 0 0 16px;
}

.signup_form p{
    font-size: 22px;
    font-weight: 400;
    line-height: 27px;
    margin: 0;
    padding: 0 0 40px;
}

.signup_form .btn.btn-primary{
    font-size: 22px;
    line-height: 26px;
    font-weight: 500;
    padding: 19px 0;
}

.signup_form .form-check .form-check-input{
    width: 18px;
    height: 18px;
    border-radius: 4px;
    border-color: #66666659;
}

.signup_form .form-check-input:checked[type=checkbox]{
    background-color: #8A3CC4;
    border-color: #8A3CC4;
}

.signup_form .form-check .form-check-input:focus{
    outline: 0;
    box-shadow: none;
}

.signup_form .form-check .form-check-label{
    margin-left: 8px;
    font-size: 16px;
    line-height: 24px;
    color: #333333;
}

.signup_form .form-check .form-check-label a{
    color: #8A3CC4;
}

.exisiting_account{
    font-size: 16px;
    line-height: 18px;
    color: #333333;
    font-weight: 400;
}

.form-group label{
    font-size: 16px;
    line-height: 19px;
    color: #333333;
    font-weight: 400;
    display: block;
}

.exisiting_account a{
    color: #8A3CC4;
    font-weight: 600;
    display: inline-block;
    text-decoration: none;
    border-bottom: 2px #07242B solid;
}

.sign_right_side{
    background-color: #8A3CC4;
    padding: 150px 80px;
    color: #fff;
    height: 100vh;
}

span.password_length{
    display: block;
    font-size: 14px;
    line-height: 18px;
    color: #666666;
    padding: 4px 0 0;
}

.slide-caption {
    width: 55%;
    margin: 0 auto;
}

.signup-carousel .slide-caption h5{
    font-size: 35px;
    color: #FFFFFF;
    line-height: 43px;
    margin: 0;
    padding: 0 0 15px;
    font-weight: 600;
}

.signup-carousel .slide-caption p{
    font-size: 18px;
    line-height: 22px;
    margin: 0;
    color: rgba(255, 255, 255, 0.8);
}

.signup-carousel.owl-theme .owl-dots .owl-dot span{
    background-color: #FFFFFF;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
}

.signup-carousel.owl-theme .owl-dots .owl-dot.active span{
    background-color: #FFFFFF;
    width: 38px;
}

.small_caption{
    display: block;
    text-align: center;
    font-size: 16px;
    line-height: 16px;
    color: #294957;
    position: relative;
}

.small_caption::after, .small_caption::before{
    content: '';
    display: inline-block;
    height: 1px;
    background: #CFDFE2;
    width: 45%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.small_caption::before{
    left: auto;
    right: 0;
}

.forgot_link{
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    color: #666666;
    text-decoration: none;
    display: block;
    margin-top: 14px;
}

.account_type{
    border-radius: 24px;
    padding: 50px 30px 61px;
    border: 1px solid #EFF0F6;
    box-shadow: 0px 5px 16px 0px #080F340F;
    -webkit-box-shadow: 0px 5px 16px 0px #080F340F;
    -moz-box-shadow: 0px 5px 16px 0px #080F340F;
}

.account_type h4{
    font-size: 36px;
    line-height: 43px;
    margin: 0;
    font-weight: 600;
}

.account_type p{
    font-size: 14px;
    line-height: 22px;
    color: #666666;
    font-weight: 400;
}

.account_type p a{
    color: #8A3CC4;
}

.account_type a.mail_verifing{
    color: #8A3CC4;
    font-size: 16px;
    line-height: 19px;
    display: block;
    font-weight: 400;
}

.btn.btn-primary.update_btn{
    position: absolute;
    right: 6px;
    bottom: 6px;
    padding: 11px 27px;
    border-radius: 10px;
}

.hiding_box, .instraction_caption{
    display: none;
}

.hiding_box.show, .instraction_caption.show{
    display: block;
}

.verification_caption{
    background-color: #F4F4F4;
    border: 1px solid #D7D7D7;
    border-radius: 24px;
    padding: 30px 80px 48px;
}

.account_type h3{
    font-size: 36px;
    line-height: 43px;
    margin: 0;
    color: #07242B;
}

.account_type h3 span {
    color: #8A3CC4;
}

.account_column{
    padding: 50px 0 60px;
}

.account_selection{
    border: 2px solid #07242B;
    background: #F7FAF7;
    border-radius: 24px;
    padding: 22px 26px 33px;
}

.volunt_circle{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #FFFFFF;
    border: 1px solid #07242B;
    position: relative;
}

.volunt_circle::before{
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #07242B;
}

.account_selection h6{
    color: #07242B;
    font-size: 22px;
    line-height: 32px;
    font-weight: 600;
    margin: 0;
    padding: 46px 0 0;
}

.multistepform-wrapper{
    padding: 49px 0;
}

.btn.btn-secondary.prev-step{
    background: #F4F4F4;
    color: #666666;
    font-size: 18px;
    font-weight: 500;
    border: 0;
}

.btn.btn-secondary.prev-step:hover{
    background: #F4F4F4;
}

.multistepform-wrapper #msform {
    position: relative;
}

.multistepform-wrapper #msform fieldset.form-steps {
    max-width: 540px;
    margin: 0 auto;
}

.multistepform-wrapper #msform fieldset.indus_summary{
    max-width: 840px;
    margin: 0 auto;
}

.multistepform-wrapper #msform fieldset {
    position: relative;
    padding: 40px 50px 100px;
    border-radius: 24px;
    background: #FFFFFF;
    border: 1px solid #EFF0F6;
    box-shadow: 0px 5px 16px 0px #080F340F;
    -webkit-box-shadow: 0px 5px 16px 0px #080F340F;
    -moz-box-shadow: 0px 5px 16px 0px #080F340F;
}

/*Hide all except first fieldset*/
.multistepform-wrapper #msform fieldset:not(:first-of-type) {
    display: none;
}

.multistepform-wrapper .form-group select.form-control{
    background-image: url('../images/form-arrow.png');
    background-repeat: no-repeat;
    background-position: 96% center;
}

/*headings*/
.multistepform-wrapper .fs-title {
    font-size: 18px;
    text-transform: uppercase;
    color: #2C3E50;
    margin-bottom: 10px;
    letter-spacing: 2px;
    font-weight: bold;
}

.multistepform-wrapper .fs-subtitle {
    font-weight: normal;
    font-size: 13px;
    color: #666;
    margin-bottom: 20px;
}

/*progressbar*/
.multistepform-wrapper #progressbar {
    margin-bottom: 50px;
    padding: 0;
    overflow: hidden;
    text-align: center;
    /*CSS counters to number the steps*/
    counter-reset: step;
    display: flex;
    align-items: center;
}

.multistepform-wrapper #progressbar li {
    list-style-type: none;
    color: #333333;
    text-transform: capitalize;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    width: 33.33%;
    float: left;
    position: relative;
    letter-spacing: 1px;
}

.multistepform-wrapper #progressbar li:before {
    /* content: "0" counter(step);
    counter-increment: step; */
    content: '';
    width: 32px;
    height: 32px;
    line-height: 28px;
    display: block;
    font-size: 13px;
    font-weight: 500;
    color: #242E39;
    background: #FFFFFF;
    border: 2px solid #A1AEBE;
    border-radius: 25px;
    margin: 0 auto 10px auto;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
}

/*progressbar connectors*/
.multistepform-wrapper #progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: #A1AEBE;
    position: absolute;
    left: -50%;
    top: 15px;
    z-index: -1; /*put it behind the numbers*/
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
}

.profile_editing-wrapper.multistepform-wrapper #progressbar, .profile_editing-wrapper.multistepform-wrapper #progressbar li::before{
    z-index: 0;
    position: relative;
}

.profile_editing-wrapper.multistepform-wrapper #progressbar li:after{
    background-color: #8A3CC4;
}

.multistepform-wrapper #progressbar li:first-child:after {
    /*connector not needed before the first step*/
    content: none;
}

/*marking active/completed steps blue*/
/*The number of the step and the connector before it = blue*/
.multistepform-wrapper #progressbar li.active:before, #progressbar li.active:after, .profile_editing-wrapper.multistepform-wrapper #progressbar li.active:after{
    background: #8A3CC4;
    color: #FFFFFF;
}

.multistepform-wrapper #progressbar li.active:before{
    border-color: #8A3CC4;
    content: url('../images/check_icon.png');
    line-height: 32px;
}

.multistepform-wrapper .form-check label {
    vertical-align: middle;
    margin: 3px 0 0 5px;
}

.multistepform-wrapper .form-check-input[type=radio]{
    border: 1px solid #8A3CC4;
}

.multistepform-wrapper .form-check-input[type=radio]:focus{
    outline: 0;
    box-shadow: none;
}

.multistepform-wrapper .form-check-input:checked[type=radio]{
    background-color: #FFFFFF;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%238A3CC4'/%3e%3c/svg%3e");
}

button.btn.btn-primary.next {
    min-width: 150px;
    position: absolute;
    right: 40px;
    bottom: 40px;
    width: auto;
}

button.btn.btn-default.previous{
    background-color: #F4F4F4;
    border: 0;
    color: #666666;
    font-weight: 500;
    padding: 15px 40px;
    position: absolute;
    left: 35px;
    bottom: 40px;
    min-width: 150px;
    width: auto;
}

.form-group input.form-control[type="search"] {
    padding-left: 42px;
}

.summary_caption h5{
    font-size: 36px;
    line-height: 50px;
    color: #07242B;
    margin: 0;
    font-weight: 500;
    padding: 0 0 30px;
    text-align: center;
}

.search_btn_icon{
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
}

.product_manage{
    background: #F4F4F4;
    border: 1px solid #D7D7D7;
    padding: 24px 30px 30px;
    border-radius: 24px;
}

.product_manage h6 {
    font-size: 22px;
    line-height: 26px;
    font-weight: 600;
    padding: 0 0 24px;
    margin: 0;
    color: #07242B;
}

.product_manage .guidence_note h6{
    font-size: 20px;
    line-height: 24px;
    padding: 0 0 12px;
}

.product_manage .guidence_note span{
    font-size: 16px;
    line-height: 24px;
    display: block;
    color: #FE8000;
    font-weight: 600;
}

.skil_field {
    margin-top: 200px;
}

.added_skils{
    border: 1px solid #66666659;
    min-height: 98px;
    padding: 12px;
    border-radius: 12px;
}

.added_skils span{
    display: inline-block;
    background: #FE80001A;
    font-size: 14px;
    line-height: 20px;
    border-radius: 15px;
    font-weight: 500;
    padding: 4px 8px 4px 12px;
    color: #FE8000;
}

.btn.btn-primary.add_skill:hover svg path{
    fill: #8A3CC4;
}

/*----------Dashboard Screen Page CSS START----------*/

.profile_upload{
    margin: -40px 0 0;
}

.profile_editing-wrapper {
    background: #F9FBFC; 
    padding: 0 0 140px;
}

.user_name_mail h5{
    font-size: 30px;
    line-height: 36px;
    font-weight: 500;
    color: #07242B;
    margin: 0;
    padding: 0 0 6px;
}

.user_name_mail p{
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    color: #666666;
    margin: 0;
}

.profile_edit_option .nav-tabs {
    border-color: #EAECF0;
    margin: 0 0 30px;
}

.profile_edit_option .nav-tabs .nav-item:not(:first-child){
    margin-left: 25px;
}

.profile_edit_option .tab-content {
    padding: 30px;
    background: #FFFFFF;
    border-radius: 20px;
}

.profile_edit_option .nav-tabs .nav-item .nav-link{
    border: 0;
    padding: 0 4px 16px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: #666666;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
}

.profile_edit_option .nav-tabs .nav-item .nav-link.active, .profile_edit_option .nav-tabs .nav-item .nav-link:hover{
    border-bottom: 1px #8A3CC4 solid;
    background: transparent;
    color: #8A3CC4;
}

.btn.btn-default.good_btn{
    background-color: #F5E9FF;
    color: #8A3CC4;
    font-size: 18px;
    line-height: 21px;
    padding: 26px 50px;
    border-radius: 11px;
    font-weight: 500;
}

.perfomance_ratting h5 {
    font-size: 22px;
    line-height: 24px;
    color: #07242B;
    font-weight: 600;
    margin: 0;
    padding: 0 0 30px;
}

.perfomance_ratting div > a{
    font-size: 44px;
    color: #FFAE36;
}

.perfomance_ratting .ratting_type div > a{
    font-size: 24px;
}

.perfomance_ratting .ratting_type div > a.btn.btn-secondary{
    font-size: 14px;
    line-height: 16px;
}

.ratting_type .d-flex p {
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    color: #07242B;
    min-width: 135px;
}

.summary_table .table tbody tr td{
    border: 0;
    padding: 0 10px 45px;
}

.summary_table .table tbody tr td p{
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0 0 14px;
    color: #333333;
}

.summary_table .table tbody tr td span{
    display: block;
    color: #666666;
    font-size: 16px;
    line-height: 20px;
}

.user_name_details{
    background: #8A3CC40F;
    border: 1px solid #F3F3F3;
    padding: 18px 0 24px;
    border-radius: 8px;
    margin: 0 0 38px;
}

.user_name_details h4{
    font-size: 28px;
    line-height: 33px;
    font-weight: 700;
    margin: 0;
    color: #07242B;
    text-align: center;
}

.user_name_details figure{
    width: 70px;
    height: 70px;
    border-radius: 50%;
}

.user_name_details h5{
    font-size: 25px;
    font-weight: 600;
    padding: 0;
    line-height: 30px;
    color: #07242B;
    margin: 0;
}

.ratting_process{
    padding: 36px 50px 50px;
    background-color: #FFFFFF;
    border: 1px solid #EFF0F6;
    box-shadow: 0px 5px 16px 0px #080F340F;
    border-radius: 24px;
}

.ratting_process .perfomance_ratting div > a{
    font-size: 34px;
}

.ratting_process h4 {
    font-size: 22px;
    line-height: 32px;
    font-weight: 600;
    color: #07242B;
    margin: 0;
    padding: 0 0 20px;
}

.ratting_process .perfomance_ratting .btn.btn-default.good_btn{
    padding: 14px 30px;
}

.btn.btn-default.back_btn{
    padding: 12px 26px;
}

.click_rate span{
    display: block;
    font-size: 14px;
    line-height: 16px;
    color: #666666;
}

.process_one.hide, .process_second, .process_second.hidden{
    display: none;
}

.process_second.show, .process_one.visible{
    display: block;
}

.succesfull_submited, .user_name_details.hide{
    display: none;
}

.succesfull_submited h4{
    font-size: 36px;
    line-height: 42px;
    margin: 0;
    color: #07242B;
    padding: 0 0 40px;
    text-align: center;
}

.succesfull_submited.show{
    display: block;
}

.profile_edit_option {
    margin-top: 30px;
}

.users_chat_list{
    border-right: 1px solid #EBEBEB;
    padding-top: 30px;
}

.users_chat_list ul.list-inline {
    height: calc(100vh - 208px);
    margin: 0;
    overflow-x: hidden;
    padding: 10px 0 20px;
}

.right_chat_board .top_chat_name{
    padding: 20px 24px 20px 15px;
    border-width: 0px 1px 1px 0px;
    border-style: solid;
    border-color: #EBEBEB;
}

.right_chat_board .top_chat_name div>h6 {
    margin: 0;
    font-size: 18px;
    line-height: 20px;
    color: #333333;
    padding: 0 0 4px;
}


.right_chat_board .top_chat_name div>h6>span {
    font-size: 14px;
    line-height: 16px;
    color: #666666;
}

.right_chat_board .top_chat_name div>p{
    font-size: 14px;
    line-height: 16px;
    color: #666666;
    margin: 0;
}

.right_chat_board .top_chat_name .btn.btn-secondary {
    padding: 5px 10px !important;
    border: 0;
}

.right_chat_board .top_chat_name .btn.btn-secondary:hover, .right_chat_board .top_chat_name .btn.btn-secondary:focus{
    background: transparent;
}

.right_chat_board .top_chat_name .btn.btn-secondary.dropdown-toggle::after{
    display: none;
}

.users_chat_list .form-group{
    margin: 0 30px 24px;
}

.users_chat_list .form-group span{
    position: absolute;
    left: 25px;
    top: 50%;
    transform: translateY(-50%);
}

.users_chat_list .form-group .form-control{
    padding-left: 58px;
}

.users_chat_list ul.list-inline li{
    padding: 12px 24px;
}

.users_chat_list ul.list-inline li a{
    display: block;
    text-decoration: none;
}

.users_chat_list ul.list-inline li:not(:first-child){
    margin-top: 12px;
}

.users_chat_list ul.list-inline li.active{
    background: #8A3CC41A;
}

.users_chat_list ul.list-inline li .joiner_img h5{
    padding: 0 0 6px;
    font-size: 18px;
    line-height: 22px;
    color: #333333;
}

.time_count span{
    display: inline-block;
    color: #666666;
    font-size: 14px;
    line-height: 16px;
}

.time_count p span{
    display: block;
    width: 18px;
    height: 18px;
    margin: 6px 0 0 auto;
    border-radius: 50%;
    background: #8A3CC4;
    color: #FFFFFF;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
}

.bottom_chat_board{
    border-top: 1px #DFDFDF solid;
}

.bottom_chat_board .smile_icon{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 35px;
}

.bottom_chat_board .form-control{
    padding: 10px 30px;
    padding-left: 87px;
    border-radius: 0;
    border: 0;
    height: 80px;
}

.bottom_chat_board .message_action{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 35px;
}

.bottom_chat_board .message_action .btn.btn-primary{
    border-radius: 12px;
    font-size: 20px;
    line-height: 24px;
}

.bottom_chat_board .message_action .btn.btn-primary:hover svg path{
    fill: #8A3CC4;
}

.receiver_details{
    padding: 30px 30px 46px;
}

.receiver_details h6{
    font-size: 16px;
    line-height: 20px;
    padding: 0 0 5px;
    font-weight: 500;
    color: #515151;
    margin: 0;
}

.receiver_details h6 span{
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    color: #A0A0A0;
}

.receiver_details p{
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
    color: #515151;
    margin: 0;
}

.message_date span{
    font-size: 14px;
    line-height: 16px;
    color: #515151;
    max-width: 180px;
    text-align: center;
    display: block;
    position: relative;
    padding: 10px 0;
    background: #FFFFFF;
    margin: 0 auto;
}

.message_date::after, .message_date::before{
    content: '';
    display: inline-block;
    width: 42%;
    height: 1px;
    background: #EBEBEB;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.message_date::before{
    left: auto;
    right: 0;
}

.uploaded_files p{
    font-size: 12px;
    line-height: 14px;
    color: #515151;
    font-weight: 400;
}

.uploaded_files .support_img img.img-fluid{
    max-width: 120px;
    height: 120px;
    object-fit: contain;
}

.jobs-seeker-wrapper{
    padding: 52px 0 92px;
}

.jobs_block .form-group .form-control{
    padding-left: 58px;
    border-radius: 50px;
}

.search_icon{
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
}

.jobs_block h5{
    font-size: 24px;
    line-height: 32px;
    font-weight: 500;
    color: #07242B;
    margin: 0;
    padding: 32px 0 25px;
}

.jobs_block .nav-tabs{
    border-color: #EAECF0;
}

.jobs_block .nav-tabs .nav-item .nav-link {
    padding: 0 8px 12px;
    font-size: 18px;
    background: transparent;
    border: 0;
    line-height: 20px;
    border-bottom: 2px #EAECF0 solid;
    color: #666666;
}

.jobs_block .nav-tabs .nav-item .nav-link.active {
    color: #8A3CC4;
    border-color: #8A3CC4;
}

.requirement_block{
    padding: 18px 23px;
    border-radius: 8px;
    background: #F9F9F9;
    border: 1px solid #F3F3F3;
    -webkit-box-shadow: 0px 1px 2px 0px #00000008;
}

.requirement_block .work_heading h4{
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
    color: #07242B;
    margin: 0;
    padding: 0 0 8px;
}

.requirement_block .work_heading span{
    font-size: 12px;
    line-height: 13px;
    color: #666666;
    font-weight: 400;
    display: block;
}

.requirement_block .work_description{
    font-size: 16px;
    line-height: 24px;
    color: #666666;
    margin: 0;
    padding: 20px 0;
    font-weight: 400;
}

.selectable_lables p{
    background: #FE80001A;
    padding: 4px 8px;
    color: #FE8000;
    border-radius: 50px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    margin: 0;
}

.worker_location p{
    font-size: 14px;
    line-height: 16px;
    color: #666;
}

.ratted_stars a{
    color: #FFAE36;
}

.total_proposal{
    font-size: 12px;
    line-height: 14px;
    color: #666666;
    font-weight: 400;
    margin: 0;
}

.profile_seeker {
    padding: 20px 10px 25px;
    background: #F9F9F9;
    border: 1px solid #F3F3F3;
    box-shadow: 0px 1px 2px 0px #00000008;
    -webkit-box-shadow: 0px 1px 2px 0px #00000008;
    -moz-box-shadow: 0px 1px 2px 0px #00000008;
}

.seeker_name_designation h6{
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    margin: 0;
    padding: 0 0 5px;
    color: #8A3CC4;
}

.seeker_name_designation p{
    font-size: 17px;
    line-height: 20px;
    font-weight: 500;
    margin: 0;
}

.profile_complete p{
    font-size: 14px;
    line-height: 16px;
    color: #666666;
    margin: 0;
    font-weight: 400;
}

.profile_complete .progress{
    background: #D9D9D9;
    height: 6px;
    border-radius: 20px;
    margin: 8px 0 0;
}

.profile_complete .progress .progress-bar{
    background: #8A3CC4;
}

.profile_seeker .accordion-item, .profile_seeker .accordion-button{
    border: 0;
    background: transparent;
}

.profile_seeker .accordion-button:focus{
    box-shadow: none;
    outline: 0;
}

.profile_seeker .accordion-button::after{
    background-image: url('../images/form-arrow.png');
    background-repeat: no-repeat;
    background-size: 10px;
}

.profile_seeker .accordion-item {
    border-top: 1px solid #DEDEDE;
    border-radius: 0;
}

.profile_seeker .accordion-button:not(.collapsed){
    box-shadow: none;
    color: #07242B;
}

.listing_search .form-control{
    padding-left: 58px;
    border-radius: 50px;
}

.listing-wrapper{
    padding: 45px 0 0;
}

.listing_right_side h4{
    font-size: 32px;
    line-height: 48px;
    margin: 0;
    color: #07242B;
    font-weight: 700;
}

.jobs_type_block h5 .new_post{
    font-size: 12px;
    line-height: 18px;
    background: #7D5AE21A;
    display: inline-block;
    color: #7D5AE2;
    border-radius: 3px;
    padding: 2px 6px;
}

.listing_right_side select.form-control{
    max-width: 282px;
    border: 1px solid #F3F3F3;
    background-image: url('../images/filter_arrow.png');
    background-repeat: no-repeat;
    background-position: 94% center;
    box-shadow: 0px 1px 2px 0px #00000008;
    border-radius: 0;
    border-radius: 4px;
    height: 48px;
}

.jobs_type_block{
    padding: 18px 24px;
    border-radius: 8px;
    background: #FFFFFF;
    border: 1px solid #F3F3F3;
    box-shadow: 0px 1px 2px 0px #00000008;
    -webkit-box-shadow: 0px 1px 2px 0px #00000008;
}

.jobs_type_block.selected{
    background: #F4F4F4;
}

.jobs_type_block p{
    color: #666666;
}

.listing-wrapper h3{
    font-size: 28px;
    line-height: 40px;
    color: #8A3CC4;
    border-bottom: 1px #EAECF0 solid;
    margin: 40px 0 60px;
}

.filter_types {
    border: 1px solid #F3F3F3;
    box-shadow: 0px 1px 2px 0px #00000008;
    padding: 24px;
    border-radius: 8px;
}

.filter_box .form-check .form-check-input[type=radio]{
    border: 1px solid #66666666;
    width: 16px;
    height: 16px;
}

.filter_box .form-check .form-check-input[type=radio]:focus{
    outline: 0;
    box-shadow: none;
}

.filter_box .form-check-input:checked[type=radio] {
    background-color: #8a3cc4;
}

.listing-wrapper h3 span{
    display: inline-block;
    border-bottom: 2px #8A3CC4 solid;
}

.filter_types h4{
    font-size: 20px;
    line-height: 30px;
    color: #07242B;
    margin: 0;
    padding: 0 0 16px;
}

.pagination .page-item.active .page-link, .pagination .page-link:hover{
    background: #8A3CC4;
    color: #FFFFFF;
}

.pagination .page-link {
    width: 40px;
    height: 40px;
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    color: #111111;
    padding: .375rem .75rem;
    border: 1px solid #1111111A;
    border-radius: 2px;
}

.pagination .page-link:focus{
    outline: 0;
    box-shadow: none;
}

.jobs_status_block{
    padding: 25px 22px;
    border-radius: 8px;
    border: 1px solid #F3F3F3;
    box-shadow: 0px 1px 2px 0px #00000008;
    -webkit-box-shadow: 0px 1px 2px 0px #00000008;
    -moz-box-shadow: 0px 1px 2px 0px #00000008;
}

.jobs_status_block.selected{
    background: #F4F4F4;
}

.jobs_status_block .dropdown .btn.btn-secondary.dropdown-toggle{
    padding: 0 !important;
    width: 52px;
    height: 52px;
    line-height: 46px;
    border-radius: 50%;
    border: 1px solid #E6E6E6;
}

.jobs_status_block .dropdown .dropdown-toggle::after{
    display: none;
}

.jobs_status_block .dropdown .dropdown-toggle:focus, .jobs_status_block .dropdown .btn.btn-secondary.dropdown-toggle:hover{
    outline: 0;
    box-shadow: none;
    background: #FFFFFF;
}

.jobs_status_block .dropdown .dropdown-menu{
    left: auto;
    right: 0;
}

/* .impact_build.visible, .introduce_form.visible{
    display: block;
}

.introduce_form, .impact_build.hide{
    display: none;
} */

.introduce_form .form-group p{
    font-size: 14px;
    line-height: 20px;
    color: #344054;
}

.form_checkbox [type="checkbox"]:checked,
.form_checkbox [type="checkbox"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.form_checkbox [type="checkbox"]:checked + label,
.form_checkbox [type="checkbox"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}
.form_checkbox [type="checkbox"]:checked + label:before,
.form_checkbox [type="checkbox"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    background: #fff;
}
.form_checkbox [type="checkbox"]:checked + label:after,
.form_checkbox [type="checkbox"]:not(:checked) + label:after {
    content: '';
    width: 18px;
    height: 18px;
    background-color: #07242B;
    background-image: url('../images/check_icon.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 10px;
    position: absolute;
    top: 0px;
    left: 0px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.form_checkbox [type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.form_checkbox [type="checkbox"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.adding_biodata h4{
    font-size: 36px;
    line-height: 42px;
    color: #07242B;
    font-weight: 600;
    margin: 0;
    padding: 0 0 18px;
}

.adding_biodata p{
    font-size: 14px;
    line-height: 18px;
    color: #666666;
    font-weight: 400;
    margin: 0;
}

.adding_biodata p.add_category{
    font-size: 22px;
    line-height: 26px;
    color: #D0A817;
    font-weight: 600;
    padding: 50px 0 0;
}

/*---------Profile Page CSS START---------*/

.profile_left_side {
    padding: 30px 20px;
}

.profile_left_side h4{
    font-size: 24px;
    line-height: 32px;
    margin: 0;
    color: #07242B;
    padding: 0 0 16px;
}

.profile_details{
    border: 1px solid #EBEBEB;
}

.jobs_hours, .profile_option{
    padding: 20px;
    border-top: 2px solid #EBEBEB;
}

.profile_option ul li h5{
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    color: #07242B;
    margin: 0;
    padding: 0 0 14px;
}

.profile_description {
    border-left: 1px solid #EBEBEB;
    height: 100%;
}

.short_brief, .profile_work_history{
    padding: 30px 30px 40px;
}

.profile_work_history{
    border-top: 2px solid #EBEBEB;
}

.profile_work_history h4{
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
    color: #07242B;
    margin: 0;
    padding-bottom: 20px;
}

.profile_work_history .porfile_boxs{
    border: 1px solid #F3F3F3;
    box-shadow: 0px 1px 2px 0px #00000008;
    border-radius: 8px;
    padding: 15px 16px;
}

.porfile_boxs h4{
    font-weight: 500;
    padding-bottom: 8px;
}

.porfile_boxs .profile_star span{
    color: #8A3CC4;
    font-size: 16px;
}

.profile_star span.star_count{
    font-size: 14px;
    color: #666666;
}

.porfile_boxs span{
    font-size: 14px;
    line-height: 16px;
    display: inline-block;
    color: #666666;
    font-weight: 400;
}

.porfile_boxs p{
    padding: 14px 0 18px;
}

.profiler-image{
    width: 140px;
    height: 140px;
    background-color: #E2BCFF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    overflow: hidden;
    justify-content: center;
    font-size: 60px;
    color: #07242B;
    margin-right: 16px;
    font-weight: 500;
    position: relative;
    top: -80px;
}

.profiler_name_caption a.btn.btn-default {
    border-radius: 8px;
    background: #56CDAD1A;
    font-size: 16px;
    font-weight: 600;
    color: #56CDAD;
}

.profiler_name_caption a.btn.btn-secondary {
    position: absolute;
    top: 28px;
    right: 35px;
}

.profiler_name_caption {
    padding: 24px 35px 30px;
    border-bottom: 2px solid #EBEBEB;
}

.conuntry_no {
    position: absolute;
    display: flex;
    width: 20px;
    height: 20px;
    align-items: center;
    justify-content: center;
    top: 50%;
    transform: translateY(-50%);
    left: 14px;
}

.job_describe {
    overflow-x: hidden;
}

.describe_left_side{
    padding: 0 35px;
}

.job_describe button.btn-close {
    background-image: none;
    width: 30px;
    height: 30px;
    padding: 0;
}

.job_describe button.btn-close:focus{
    outline: 0;
    box-shadow: none;
}

.job_describe h4 {
    font-size: 24px;
    line-height: 32px;
    color: #07242B;
    font-weight: 600;
}

.about_links {
    height: 100%;
    border-left: 1px solid #EBEBEB;
    padding: 0 60px 0 30px;
}

.about_links p, .about_links ul.list-inline li{
    font-size: 16px;
    line-height: 24px;
    color: #666666;
    font-weight: 400;
}

.about_links span{
    font-size: 13px;
    line-height: 15px;
    color: #666666;
    font-weight: 400;
}

.job_describe h6{
    font-size: 18px;
    line-height: 28px;
    color: #07242B;
    font-weight: 500;
}

.share_jobs label.copy_label {
    background: #8A3CC41A;
    color: #8A3CC4;
    display: block;
    max-width: 239px;
    padding: 8px 0 8px 16px;
    margin: 0 0 26px;
}

.job_overview, .job_activities{
    border-top: 2px solid #EBEBEB;
}

.overview_box span {
    font-size: 12px;
    line-height: 18px;
    color: #666666;
    font-weight: 400;
    display: block;
    text-transform: uppercase;
}

.overview_box p {
    font-size: 14px;
    line-height: 20px;
    color: #07242B;
    font-weight: 500;
}

.social_share li a{
    background: #8A3CC41A;
    padding: 10px;
    display: block;
    border-radius: 4px;
    color: #8A3CC4;
    font-size: 24px;
    line-height: 20px;
}

.social_share li a:hover{
    background-color: #8A3CC4;
    color: #FFFFFF;
}

.profile_header{
    min-height: 140px;
}

#profileModal .modal-body {
    padding: 40px 30px 30px;
    position: relative;
}

#profileModal .modal-body .btn-close {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 20px;
    height: 20px;
    opacity: 1;
    color: #09244B;
    border: 2px #09244B solid;
    border-radius: 50%;
    padding: 0;
    background-size: 10px;
}

.profile_header img.img-fluid{
    width: 100%;
    height: 140px;
    object-fit: cover;
    object-position: top;
}

.profile_fill_option{
    border: 1px solid #EBEBEB;
    border-radius: 8px;
}

.profile_success h5 {
    padding: 8px 0;
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
}

.profile_success a{
    color: #8A3CC4;
}

.client_name {
    margin-top: -70px;
    position: relative;
}

.client_circle{
    background: #E2BCFF;
    width: 140px;
    height: 140px;
    margin: 0 auto 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #07242B;
    font-size: 60px;
    font-weight: 500;
}

.top_fillup {
    padding: 20px 47px 24px 25px;
    margin-bottom: 0;
    border-left: 1px #EBEBEB solid;
}

.top_fillup h4{
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
    margin: 0;
    color: #07242B;
    padding: 0 0 15px;
}

.profile_fill_right ul.list-inline{
    padding: 20px 25px;
    border-width: 1px 0px 0px 1px;
    border-style: solid;
    border-color: #EBEBEB;
}

.profile_fill_right ul.list-inline li a{
    display: flex;
    align-items: start;
    text-decoration: none;
    position: relative;
}

.right_after{
    position: absolute;
    top: 12px;
    right: 30px;
}

.fill_option p span{
    color: #8A3CC4;
    display: inline-block;
    font-weight: 500;
}

.profile_fill_right ul.list-inline li a .sm_circle{
    width: 16px;
    height: 16px;
    margin-right: 12px;
    margin-top: 4px;
    border: 1px solid #8A3CC4;
    border-radius: 50%;    
}

.profile_fill_right ul.list-inline li a.selected .sm_circle{
    background-color: #8A3CC4;
    background-image: url('../images/check_icon.png');
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: center;
}

.profile_fill_right ul.list-inline li:not(:first-child){
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px solid #DEDEDE;
}

.profile_fill_right ul.list-inline li a .fill_option h5{
    font-size: 18px;
    line-height: 22px;
    padding: 0;
    color: #07242B;
    margin: 0;
}

.profile_fill_right ul.list-inline li a .fill_option p{
    color: #666666;
}

.form-group.hybrid, .form-group.on_site{
    display: none;
}

.form-group.on_site.show, .form-group.hybrid.show{
    display: block;
}

.categroy_blocks_hide.hide, .career_requied{
    display: none;
}

.career_requied.show{
    display: block;
}

.introduce_form input[type="file"] {
    display: none;
}

.introduce_form .form-group label.file_import{
    background: #F4F4F4;
    border: 1px solid #D7D7D7;
    padding: 10px 0;
    border-radius: 8px;
    text-align: center;
}

.introduce_form .form-group p{
    font-size: 14px;
    line-height: 20px;
    color: #344054;
    font-weight: 500;
}

.introduce_form .form-group p span{
    color: #667085;
    display: block;
}

.linkedin_link span{
    width: 100%;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.linkedin_link .form-control{
    background: #F4F4F4;
    border: 1px solid #D7D7D7;
    padding: 10px;
    height: 66px;
    border-radius: 8px;
}

.message_listing {
    /* height: calc(100vh - 280px); */
    overflow-x: hidden;
}

.chat_back{
    display: none;
}

section.myjobs-wrapper, .oragnisation_volunteer{
    height: 100vh;
}

.oragnisation_volunteer {
    padding-bottom: 80px !important;
}

.adding_biodata{
    min-height: 563px;
}


/*---------Media Query START----------*/

@media screen and (min-width:1200px) {

#detailseModal .modal-fullscreen{
    max-width: 75%;
}
    
}

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

.banner-caption {
    padding-right: 0;
}

.signup-carousel .slide-caption h5 {
    font-size: 24px;
    line-height: 32px;
}

.signup_form {
    padding: 20px 40px;
}

.sign_right_side{
    height: 100%;
    padding-left: 40px;
    padding-right: 40px;
}

.signup_form p {
    font-size: 16px;
    line-height: 20px;
}

.slide-caption {
    width: 80%;
}

.account_selection h6 {
    font-size: 18px;
    line-height: 26px;
}
    
}

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

.who_we_caption {
    padding: 25px 0 0 20px;
}

.faq-wrapper {
    padding: 72px 0;
}

.worker-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.worker_caption p {
    font-size: 14px;
    line-height: 22px;
}

.worker_caption .Opportunities_caption p{
    font-size: 12px;
    line-height: 16px;
}

.worker_caption {
    padding: 32px 20px 16px;
}

.talented_worker {
    margin: 80px 0 0;
}

.organisation_box h5 {
    padding: 0 8px 8px;
    line-height: 25px;
    font-size: 18px;
}
    
}

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

.banner-caption{
    padding-right: 0;
}

.navbar-expand-lg .navbar-nav .dropdown-menu {
    right: 0;
    left: auto;
}

.account_type h3 {
    font-size: 24px;
    line-height: 33px;
}

.jobs_block .nav-tabs .nav-item .nav-link {
    font-size: 14px;
}

.banner-caption h1 {
    font-size: 42px;
    line-height: 65px;
}

.banner-caption h1 span svg{
    width: 31px;
    height: 37px;
}

.organisation_box h5 {
    padding: 0 0 8px;
    line-height: 26px;
    font-size: 18px;
}

.multistepform-wrapper #msform fieldset {
    padding: 40px 20px 100px;
}

.volunteering-wrapper{
    padding: 50px 0 0;
}

.worker_caption h2 {
    font-size: 42px;
    line-height: 54px;
}

.header .navbar-nav .nav-item{
    text-align: center;
}

.heading h2 span img.img-fluid {
    bottom: -15px;
}

.header .navbar-nav .nav-item .nav-link {
    display: inline-block;
}

.header .navbar-nav .nav-item:not(:first-child) {
    margin-left: 0;
}

.organisation-wrapper{
    padding: 40px 0;
}

.navbar-light .navbar-toggler{
    border: 0;
}

.navbar-light .navbar-toggler-icon {
    background-image: url('../images/menu.png');
    background-repeat: no-repeat;
}

.navbar-light .navbar-toggler:focus{
    outline: 0;
    box-shadow: none;
}

}

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

.banner-caption{
    text-align: center;
}

.profile_editing-wrapper {
    padding: 0 0 50px;
}

.ratting_process {
    padding: 36px 20px 30px;
}

.ratting_process .perfomance_ratting div > a {
    font-size: 24px;
}

.upload_circle figure {
    width: 80px;
    height: 80px;
}

.profile_editing-wrapper .upload_circle figure{
    width: 120px;
    height: 120px;
}

.profile_upload {
    margin: -15px 0 30px;
}

.user_name_mail h5 {
    font-size: 18px;
    line-height: 20px;
}

.user_name_mail p {
    font-size: 12px;
    line-height: 15px;
}

.profile_edit_option .nav-tabs .nav-item:not(:first-child){
    margin-left: 0;
}

.profile_edit_option .nav-tabs{gap: 10px;}

.multistepform-wrapper #progressbar li {
    font-size: 10px;
    line-height: 14px;
}

.profile_edit_option .nav-tabs .nav-item .nav-link {
    padding: 0 4px 8px;
    font-size: 12px;
    line-height: 14px;
}

.profile_edit_option .tab-content {
    padding: 30px 20px;
}

.btn.btn-default.good_btn {
    font-size: 14px;
    line-height: 18px;
    padding: 15px;
}

.form-control{
    font-size: 14px;
}

.perfomance_ratting .ratting_type div > a {
    font-size: 15px;
}

.ratting_type .d-flex {
    gap: 10px;
}

.perfomance_ratting div > a {
    font-size: 20px;
}

.ratting_type .d-flex p {
    min-width: 90px;
    font-size: 12px;
    line-height: 14px;
}

.brand-wrapper {
    padding: 30px 0;
}

.volunteering-wrapper {
    padding: 50px 0;
}

h2 {
    font-size: 34px;
    line-height: 48px;
}

.volunteering-wrapper .heading {
    padding: 0 0 40px;
}

.plateform_steps {
    padding: 40px 0 30px;
}

.success_steps {
    padding: 40px 0;
}

.who_we-wrapper {
    padding: 20px 0 42px;
}

.who_we_caption {
    padding: 45px 0 0 0;
    text-align: center;
}

.who_img{
    height: 400px;
}

.client-wrapper {
    padding: 40px 0;
}

.faq-wrapper {
    padding: 50px 0;
}

.faq-wrapper .heading h2 {
    font-size: 30px;
    line-height: 40px;
}

.talented_worker {
    margin: 50px 0 0;
}

.worker_caption {
    padding: 32px 20px 16px;
}

.worker_caption h2 {
    font-size: 40px;
    line-height: 54px;
}

.worker_caption .opportunities {
    margin: 50px 0 0;
}

.worker_caption p {
    font-size: 16px;
    line-height: 24px;
}

.about_caption .heading p {
    font-size: 16px;
    line-height: 24px;
}

.footer_links p {
    line-height: 20px;
}

.jobs_type_block ul li{
    margin: 6px;
}

#profileModal .modal-body {
    padding: 20px 15px 20px;
}

.profile_fill_right ul.list-inline li a {
    padding-right: 50px;
}

.perfomance_ratting .ratting_type div > a.btn.btn-secondary {
    font-size: 10px;
    line-height: 14px;
    padding: 5px 7px !important;
}

.multistepform-wrapper #msform fieldset {
    padding: 40px 5px 100px;
}

.adding_biodata h4 {
    font-size: 24px;
    line-height: 30px;
}

.professional_data-wrapper .step.adding_biodata{
    padding: 50px 20px;
}

span.limit_skills{
    display: none;
}

.professional_data-wrapper .step.adding_biodata .uploadOuter {
    width: 75%;
}

.multistepform-wrapper #progressbar li span {
    display: flex;
    min-height: 35px;
    align-items: center;
    justify-content: center;
}

.btn.btn-primary.update_btn {
    padding: 10px 10px;
    font-size: 12px;
}

button.btn.btn-default.previous {
    left: 10px;
}

button.btn.btn-primary.next {
    right: 10px;
}

.like_heart_icon {
    min-width: 80px;
    text-align: right;
}

.requirement_block .work_heading h4 {
    font-size: 16px;
    line-height: 26px;
}

.requirement_block {
    padding: 18px 11px;
}

.selectable_lables p {
    font-size: 12px;
}

.account_type h4 {
    font-size: 25px;
    line-height: 32px;
    margin: 0 0 10px;
}

.summary_caption h5 {
    font-size: 26px;
    line-height: 40px;
}

.uploaded_files .support_img img.img-fluid {
    max-width: 50px;
    height: 50px;
}

.summary_table .table tbody tr td p, .summary_table .table tbody tr td span{
    font-size: 12px;
    line-height: 16px;
}

.profiler_name_caption {
    padding: 24px 8px 30px;
}

.profiler-image {
    width: 100px;
    height: 80px;
    font-size: 30px;
    top: -50px;
}

.profiler_name_caption a.btn.btn-secondary {
    top: 8px;
    right: 5px;
    padding: 8px 18px !important;
    font-size: 14px;
}

.profiler_name_caption a.btn.btn-default {
    font-size: 12px;
}

.organize_details {
    width: 100%;
}

.short_brief, .profile_work_history {
    padding: 30px 10px 40px;
}

.receiver_details p {
    font-size: 12px;
    line-height: 16px;
}

.bottom_chat_board .form-control {
    padding: 10px 10px;
    padding-left: 37px;
}

.bottom_chat_board .message_action .btn.btn-primary {
    font-size: 15px;
    line-height: 20px;
    padding: 8px 14px;
}

.bottom_chat_board .smile_icon {
    left: 5px;
}

.bottom_chat_board .message_action {
    right: 5px;
}

.message_listing {
    height: calc(100vh - 210px);
}

.right_chat_board .top_chat_name {
    padding: 40px 24px 30px 15px;
}

.chat_back {
    color: #000000;
    font-size: 22px;
    line-height: 26px;
    position: absolute;
    left: 15px;
    top: 6px;
    z-index: 10;
    display: block;
}

.right_chat_board {
    position: absolute;
    top: 0;
    background: #FFFFFF;
    display: none;
}

.right_chat_board.show{
    display: block;
}

}