/*
Theme Name: Worketic
Theme URI: http://amentotech.com/projects/worketic
Author: Amentotech
Author URI:  https://themeforest.net/user/amentotech/portfolio
Version: 1.0.0
You can add your custom styling here
*/


/* ================================================================================ */
/* Global CSS  */
/* ================================================================================ */
*{
    margin: 0;
    padding: 0;
}
:root {
    --white: #FFFFFF;
    --black: #000000;
    --red: #C91D1D;
    --green: #00B3B3;
    --gray: #4A4A4A;
    --lightgray: #9B9B9B;
    --primary-color: #C91D1D;
}
.btn_white { background-color: var(--white); color: var(--red);  font-size: 15px; border: 2px solid var(--red) ;  border-radius: 40px; line-height: 1; padding: 15px 30px;  font-family: 'Montserrat-SemiBold';transition: all 0.5s ease; }
.btn_red { background-color: var(--red); color: var(--white);   font-size: 15px; border: 2px solid var(--red);  border-radius: 40px; line-height: 1; padding: 15px 30px;  font-family: 'Montserrat-SemiBold'; transition: all 0.5s ease;}
.btn_green { background-color: var(--green); color: var(--white);   font-size: 15px; border: 2px solid var(--green);  border-radius: 40px; line-height: 1; padding: 15px 30px;  font-family: 'Montserrat-SemiBold';transition: all 0.5s ease; }
.btn_white:hover { background-color: var(--red); color:var(--white) ; }
.btn_red:hover { background-color:  var(--white); color:var(--red);  }
.btn_green:hover { background-color: var(--white); color: var(--green);  }
a{text-decoration: none;}
.btn:focus , .input-group  input:focus , .input-group  select:focus , .input-group  textarea:focus  {box-shadow: unset; outline: none;}
.color_heading { margin-bottom: 25px; color: var(--gray); }
.color_heading span { color: var(--red); }
.sec_heading  p { max-width: 40%; margin: 0px auto 25px; }



.container { max-width: 1320px; }
/* ================================================================================ */
/* Font family  */
/* ================================================================================ */
@font-face {
    font-family: 'Montserrat-Regular';
    src: url('../fonts/Montserrat/static/Montserrat-Regular.ttf');
}
@font-face {
    font-family: 'Montserrat-SemiBold';
    src: url('../fonts/Montserrat/static/Montserrat-SemiBold.ttf');
}
@font-face {
    font-family: 'Montserrat-Bold';
    src: url('../fonts/Montserrat/static/Montserrat-Bold.ttf');
}
@font-face {
    font-family: 'Montserrat-ExtraBold';
    src: url('../fonts/Montserrat/static/Montserrat-ExtraBold.ttf');
}
@font-face {
    font-family: 'Montserrat-ExtraBoldItalic';
    src: url('../fonts/Montserrat/static/Montserrat-ExtraBoldItalic.ttf');
}
@font-face {
    font-family: 'Poppins-Regular';
    src: url('../fonts/Poppins/Poppins-Regular.ttf');
}
@font-face {
    font-family: 'Poppins-Medium';
    src: url('../fonts/Poppins/Poppins-Medium.ttf');
}
@font-face {
    font-family: 'Poppins-SemiBold';
    src: url('../fonts/Poppins/Poppins-SemiBold.ttf');
}

/* ================================================================================ */
/* Global Size  */
/* ================================================================================ */
body h1 { font-size: 50px; line-height: 60px; font-family: 'Montserrat-ExtraBold'; }
body h2 {font-size: 40px;line-height: 55px;font-family: 'Montserrat-ExtraBold';}
body h3 {font-size: 30px;line-height: 35px;font-family: 'Montserrat-SemiBold';}
body h4 { font-size: 25px; line-height: 30px; font-family: 'Montserrat-ExtraBold'; }
body h5 {font-size: 20px;line-height: 35px;}
body h6 { font-size: 22px; font-family: 'Montserrat-SemiBold'; }
body p { font-size: 19px; line-height: 30px; font-family: 'Poppins-Regular'; color: var(--gray); }
span{ font-size: 14px; }
label{ font-size: 14px; }
h1>span { font-size: 65px; line-height: 73px; font-family: 'Montserrat-ExtraBold'; }
h2>span { font-size: 45px; line-height: 55px; font-family: 'Montserrat-ExtraBold'; }



.wt-main .wt-innerbannerholder {
    display: none;
    padding: 120px 0px; background: linear-gradient(to right, #C91D1D ,#881212 ); background-image: url("../images/inner_banner_bg.svg") , linear-gradient(to right, #C91D1D ,#881212 );   background-position: 50% 60%;  background-repeat: no-repeat ;height: auto;margin: 0px;  min-height: 400px;}
/*.wt-main .wt-innerbannerholder { padding: 120px 0px; background-image: url("../images/inner_banner_bg.svg") , linear-gradient(to right, #C91D1D ,#881212 ); background-image: url("../images/inner_banner_bg.svg") , linear-gradient(to right, #C91D1D ,#881212 ); background-size: auto; background-position: center; background: linear-gradient(to right, #C91D1D ,#881212 ); background-repeat: no-repeat; background-size: auto; background-position: 50% 60%; height: auto;margin: 0px;    background-size: cover;     min-height: 400px;}*/
.wt-main .wt-innerbannerholder:before { display: none; }
.wt-main .wt-innerbannerholder .wt-title h1 {margin-botom:18px;}
.wt-main .wt-innerbannerholder .wt-breadcrumb { display: none; }
.wt-main .wt-innerbannerholder .wt-innerbannercontent{text-align: left;}
/*.wt-main-section { padding: 100px 0px; }*/
.wt-main .wt-innerbannerholder .wt-innerbannercontent h1 , .wt-main .wt-innerbannerholder .wt-innerbannercontent p {color: var(--white);}
.wt-main .wt-innerbannerholder .wt-innerbannercontent h1{margin-bottom: 18px;}
.wt-main .wt-innerbannerholder .wt-innerbannercontent p{margin-bottom: 25px;}

.search_sec .wt-formsearch .wt-widget { padding: 20px; box-shadow: rgb(0 0 0 / 8%) 0px 11px 26px 0px; border-radius: 10px; margin-bottom: 30px; }
.search_sec .wt-formsearch .wt-widgettitle { margin-bottom: 30px; padding-bottom: 15px; border-bottom: 1px solid #707070; }
.search_sec .wt-formsearch .wt-widget .wt-widgetcontent .form-control { color: var(--lightgray); background-color: #E6E6E6; padding: 17px; font-size: 18px; font-family: 'Montserrat-SemiBold'; outline: none; border: none; border-radius: 10px ; overflow: hidden; /* text-align: center; */ box-shadow: none ; line-height: 27px; }
.search_sec .wt-formsearch .input-group input::placeholder { color: var(--lightgray); }
.search_sec .wt-formsearch fieldset .wt-checkboxholder{ list-style: none; padding: 0; margin: 20px 0px;  overflow-y: scroll; }
.search_sec .wt-formsearch fieldset .wt-checkboxholder::-webkit-scrollbar-track { --webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; background-color: #F3F3F3; }
.search_sec .wt-formsearch fieldset .wt-checkboxholder::-webkit-scrollbar { width: 5px; background-color: #F3F3F3; }
.search_sec .wt-formsearch fieldset .wt-checkboxholder::-webkit-scrollbar-thumb { border-radius: 10px; --webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: var(--green); ; }
.search_sec .wt-formsearch fieldset .wt-checkboxholder li { margin-bottom: 10px; }
/*.search_sec .wt-formsearch .wt-widget .wt-widgetcontent  a.wt-searchgbtn { display: none; }*/
.search_sec .wt-formsearch .wt-widget .wt-widgetcontent  .wt-searchgbtn { width: 62px;line-height: 62px;border-radius:50%; border: 1px solid black;}
.search_sec .wt-formsearch .wt-checkbox { margin-bottom: 10px; }
.search_sec .wt-formsearch .wt-checkbox input[type=checkbox] + label:before, .wt-radio input[type=radio] + label:before{ margin-right: 20px; width: 22px; height: 22px; border-radius: 0; box-shadow: unset; border-color: #707070; }
.search_sec .wt-formsearch .wt-checkbox input[type=checkbox] + label:after { content: '\f00c'; color: white; line-height: 20px; font-size: 14px; }
.search_sec .wt-formsearch .wt-checkbox .form-check-input:checked { background-color: var(--green); ; border-color: var(--green); }
.search_sec .wt-formsearch fieldset .wt-checkboxholder .wt-checkbox label {padding-left: 40px;line-height: 24px;}
.search_sec .wt-formsearch .wt-checkbox input[type=checkbox]:checked + label:after { background-color: var(--green); border-color: var(--green); width: 22px; height: 22px; /* line-height: 2; */ }
.job_search_sec .wt-checkbox input[type=checkbox] + label:after { margin-right: 20px; width: 22px; height: 22px; border-radius: 0; box-shadow: unset; border-color: #707070; color: white; font-size: 22px;background-color: var(--green); border-color: var(--green); width: 22px; height: 22px;  content: "\f00c"; line-height: 20px; font-size: 17px; }
.search_sec .wt-formsearch .wt-btn { background-color: var(--green) !IMPORTANT; color: var(--white)!IMPORTANT;transition: all 0.5s ease;    border-radius: 40px; }
.search_sec .wt-userlistinghold  {padding: 20px;box-shadow: rgb(0 0 0 / 8%) 0px 11px 26px 0px;border-radius: 10px;background-color:white;margin-bottom: 0px;}
.search_sec .wt-userlistinghold:hover{ box-shadow: rgb(0 0 0 / 8%) 0px 11px 26px 0px; }
.search_sec .wt-userlistinghold + .wt-userlistinghold { margin: 30px 0 0; }
.search_sec .wt-formsearch fieldset .wt-checkboxholder .wt-checkbox label img {width: 22px;height: 22px;object-fit: cover;margin-right: 5px;}
.search_sec .wt-userlistinghold .wt-userlistingimg img { width: 100px; height: 100px; border: 1px solid #707070; border-radius: 50%; object-fit: cover; object-position: center; margin-right: 30px; }
.search_sec .wt-userlistinghold  .wt-contenthead .wt-title h2 a{ margin-bottom: 0; font-family: 'Montserrat-Bold'; font-size: 25px; }
.search_sec .wt-userlistinghold .wt-description p { font-size: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; line-clamp: 4; -webkit-box-orient: vertical; margin-bottom: 25px; line-height: 30px; }
.search_sec .wt-userlistinghold .wt-stars span:after , .search_sec .wt-userlistinghold .wt-stars:before { color: var(--green); font-size: 20px; /* left: 0; */ right: 0; }
.search_sec .wt-userlistinghold .wt-stars { width: 110px; }
.search_sec .wt-userlistinghold .wt-userlistingimg {margin-bottom: 15px;}
.search_sec .wt-userlistinghold .btn_green { text-decoration: underline;     margin-right: 15px; }
.search_sec .wt-formsearch .wt-widget .wt-widgetcontent .form-control { color: #9B9B9B; background-color: var(--white); padding: 17px 25px; font-size: 18px; font-family: 'Montserrat-SemiBold'; outline: none; border: 2px solid #000000; border-radius: 40px; overflow: hidden; text-align: center; height: 65px; }

/* ================================================================================ */
/* Header Css */
/* ================================================================================ */
.main_header .navbar-collapse {  justify-content: end;column-gap: 20px;}
.main_header .navbar { padding: 20px 0px; }
.main_header .navbar  .navbar-nav .nav-link {font-family: 'Montserrat-Regular';font-size: 16px;color: var(--gray);margin: 0px 10px;line-height: 28px}
.main_header .navbar .navbar-nav .nav-item {list-style: none;}

body .wt-header { background: white; padding: 15px 0px;    box-shadow: none; }
body .wt-header .wt-navigation>ul>li>a , .wt-loginarea .wt-loginbtn  , body .wt-header .wt-navigation>ul>li .btn{ font-family: 'Montserrat-Regular'; font-size: 16px; color: var(--gray); margin: 0px 10px;text-transform: math-auto; }
body .wt-header .wt-userlogedin { padding: 0px 0px 0px 20px; }
body .wt-header .wt-rightarea { display: flex; align-items: center; float: right; height: 60px; }
body .wt-header .wt-loginarea{border: none;padding: 0px;}
body .wt-header .wt-loginarea .btn_white {margin: 0px 10px;}
body .wt-header .wt-loginform .wt-loginfooterinfo a { font-size: 15px; color: var(  --red); }
body .wt-header .wt-loginform fieldset .form-group input { color: var(--lightgray); background: #E6E6E6 !IMPORTANT; padding: 17px; font-size: 15px; font-family: 'Montserrat-SemiBold'!important; outline: none; border: none; border-radius: 10px !IMPORTANT; overflow: hidden; box-shadow: none !important; line-height: 27px; }
/* ================================================================================ */
/* Footer Css */
/* ================================================================================ */
.main_footer {background-color: var(--red);  color: var(--white);background: linear-gradient(to bottom, #C91D1D ,#5C2426 );}
.main_footer .footer_top {  border-bottom: 1px solid var(--white);}
.main_footer a ,.main_footer p{font-family: 'Montserrat-Regular';}
.main_footer a {color: var(--white);font-size: 16px;}
.main_footer .footer_top .col-md-12  , .main_footer .footer_copyright .col-md-12  {display: flex;justify-content: space-between;padding: 20px 15px;align-items: center;}
.main_footer .footer_copyright p ,.main_footer .footer_copyright a {font-size:15px; margin-bottom: 0;line-height: inherit; color: var(--white);}
.main_footer .social_links a i{font-size: 20px;}
.main_footer .social_links a {margin-left: 40px;}
.main_footer ul { display: flex;  list-style: none;  padding: 0; margin-bottom: 0;}
.main_footer ul li { padding: 0 10px;margin: 0px 10px; list-style: none}
.main_footer .footer_top .social_links ul { justify-content: end; }
.main_footer .footer_top .social_links ul li { margin: 0; }
.main_footer { display: inline-block; width: 100%;}
.main_footer .footer_copyright p + div a:not(:last-child) {
    border-right: 2px solid var(--white);
    padding-right: 5px;
}

/* ================================================================================ */
/* Hero Section Css */
/* ================================================================================ */
.hero_sec {background-color: var(--red);background-image:  url('../images/banner_bg.svg') , linear-gradient(to right, #C91D1D ,#881212 );color: var(--white);padding: 150px 0px;background-repeat: no-repeat;background-size: auto;background-position: 50% 60% ;}
.hero_sec .hero_sec_content h1 >span {   font-family: 'Montserrat-ExtraBoldItalic';}
.hero_sec .hero_sec_content .search_form { border-radius: 40px; overflow: hidden; background-color: var(--white); column-gap: 5px; margin-bottom: 20px; overflow: visible;}
#wt-main .hero_sec .hero_sec_content .search_form input { padding: 20px 20px 20px 40px; border: none;   font-family: 'Montserrat-SemiBold';color: var(--lightgray);    height: 65px;box-shadow: unset;border-radius: 40px;}
.hero_sec .hero_sec_content .search_form button { padding: 20px; background-color: var(--green); color: var(--white); border-radius: 40px;   font-family: 'Montserrat-SemiBold';}
.hero_sec .hero_sec_content h1 { margin-bottom: 18px;color: var(--white);}
.hero_sec .hero_sec_content p { max-width: 80%; margin-bottom: 25px; color: var(--white); }
.hero_sec .hero_sec_content h6 { margin-bottom: 25px;color: var(--white); }
.hero_sec .hero_sec_content p a {margin-left: 10px;}

/* ================================================================================ */
/* Professionals Jobs Section  Css */
/* ================================================================================ */
.professionals_Jobs_sec {padding: 100px 0px;text-align: center;}
.professionals_jobs_cards {display: flex;flex-wrap: wrap;justify-content: center;row-gap: 40px;column-gap: 25px;margin-bottom: 50px;}
.professionals_jobs_cards .professionals_jobs_card {background-color: var(--green);color: var(--white);text-align: center;border-radius: 50%;display: flex;align-items: center;flex-direction: column;justify-content: center;flex: 0 0 18.45%;height: 240px;row-gap: 10px;border: 2px solid var(--green);transition: all 0.5s ease; padding: 10px 20px;}
.professionals_jobs_card img {width: 70px;height: 70px;object-fit: contain;filter: brightness(0) saturate(100%) invert(100%) sepia(4%) saturate(15%) hue-rotate(97deg) brightness(107%) contrast(103%);}
.professionals_jobs_cards .professionals_jobs_card:hover { background-color: var(--white); color: var(--green); }
.professionals_jobs_cards .professionals_jobs_card:hover  img { filter: brightness(0) saturate(100%) invert(53%) sepia(76%) saturate(2564%) hue-rotate(143deg) brightness(93%) contrast(101%); }
/*.professionals_jobs_cards .professionals_jobs_card:nth-child(1n+11){display: none;}*/
.professionals_jobs_cards .professionals_jobs_card h6 { color: var(--white); }
.professionals_jobs_cards .professionals_jobs_card:hover h6 { color: var(--green); }
/* ================================================================================ */
/* Reviews Jobs Section Css */
/* ================================================================================ */
.reviews_sec {padding: 120px 0px;text-align: center;background-color: #F7F7F7;background-image: url('../images/reviews_bg.svg');background-position: left;}
.reviews_card { padding: 50px; background-color: transparent; border-radius: 10px; margin-top: 20px;  transition: all 0.6s ease;  background-color: var(--white); cursor: pointer; }
/* .reviews_card:hover { background-color: var(--white);  transition: all 0.6s ease; } */
.reviews_card p { font-style: italic; font-size: 22px; }
.reviews_icons i { color: var(--green); font-size: 20px; }
.reviews_card .reviews_icons , .reviews_card h4 { margin-bottom: 20px; }

.reviews_Swiper .swiper-pagination { bottom: 0px; }
.reviews_Swiper .swiper-wrapper  { margin-bottom: 30px; }
.reviews_Swiper .swiper-pagination-bullet {background-color: var(--red);}

/* ================================================================================ */
/* How It Work Section Css */
/* ================================================================================ */
.how_it_work_sec {padding: 100px 0px;text-align: center;background-color: #F7F7F7;}
.how_it_work_card { padding: 40px 50px; }
.how_it_work_card p { font-size: 17px; }
.how_it_work_card h4 { color: var(--red); }
.how_it_work_sec .step_boxs::before {content: '';display: block;position: absolute;width: 66%;height: 100%;background-image: url(../images/step-1.svg);background-repeat: no-repeat;background-size: contain;background-position: left;top: 0;left: 0;z-index: 1;}
.how_it_work_sec .step_boxs::after {content: '';display: block;position: absolute;width: 66%;height: 100%;background-image: url(../images/step-2.svg);background-repeat: no-repeat;background-size: contain;background-position: right;top: 0;right: 0;z-index: 1;}
.step_boxs{ position: relative; padding: 110px 0px; z-index: 2; }

/* ================================================================================ */
/* Find A Professional Section Css */
/* ================================================================================ */
.find_professionals_sec {padding: 100px 0px;text-align: center;background-color: var(--white);  color: var(--white);}
/* .find_professionals_sec_1 {padding: 100px 0px;background-color: #F7F7F7; background: linear-gradient(to top,  #FFFFFF  50% , #F7F7F7 50% ); } */
.find_professionals_box {padding: 100px 100px;background-color: var(--red);}
.find_professionals_box h1 { max-width: 70%; margin: 0 auto 30px; color: var(--white);}

/* ================================================================================ */
/* Inner banner Section Css */
/* ================================================================================ */
.inner_banner_sec { padding: 120px 0px;background-image:  url('../images/inner_banner_bg.svg') , linear-gradient(to right, #C91D1D ,#881212 );  background-size: auto;background-position: center;}
.inner_banner_sec .hero_sec_content  p { max-width: 100%;}
.inner_banner_sec h1 {color: var(--white);}
/* ================================================================================ */
/* Aboutus Cards Section Css */
/* ================================================================================ */
.aboutus_cards_sec {  padding: 100px 0px;  }
.aboutus_cards_sec .container {  padding: 0px 50px;}
.aboutus_cards_sec .row {row-gap: 80px;}
.aboutus_cards_sec .aboutus_img_box img { width: 100%; height: 500px;overflow: hidden;border-radius: 10px;box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px; object-fit: cover; object-position: top; }
.aboutus_cards_sec .aboutus_content_box {padding: 25px;}
.aboutus_card:nth-child(odd) .aboutus_content_box {padding-left: 0;}
.morelink  {display: block;margin-top: 10px;color:var(--red);}
.morecontent span { display: none;}

/* ================================================================================ */
/* Counter Boxs Section Css */
/* ================================================================================ */
.counter_boxs_sec { padding: 50px 0px; }
.counter_boxs_sec .counter_boxs { padding: 41px; text-align: center; border-radius: 10px; box-shadow: rgb(0 0 0 / 8%) 0px 11px 26px 0px; }
.counter_boxs_sec .counter_boxs h2 , .counter_boxs_sec .counter_boxs p { margin-bottom: 0; }

/* ================================================================================ */
/* Form  Section Css */
/* ================================================================================ */
.form_sec .container-fluid , .form_sec .form_img_col , .form_sec .form_content_col {padding-left: 0; padding-right: 0;}
.form_sec .row { margin: 0;}
.login_sec   + .main_footer , .register_sec    + .main_footer  , .verification_sec   + .main_footer { display: none; }
.form_sec .form_content_col form{ padding: 20px ; min-height: 100%;}
.form_sec .form_img_col>img {    width: 100%; height: 100vh; min-height:100vh;object-fit: cover; object-position: right; }
.form_sec .form_content_col .form_logo { text-align: right; margin-bottom: 10px;}
.form_sec .form_content_col button {width: 100%;}
.form_sec .form_content_col .btn_green { font-size: 22px; font-family: 'Montserrat-Regular'; padding: 13px 30px; color: var(--white);}
.form_sec .form_content_col .form-group { margin-bottom: 20px; }
.form_sec .form_content_col .btn_green:hover { color: var(--green); }
.form_sec .form_content_col h2 {color: #2D2F31;  font-family: 'Montserrat-Bold';line-height: 55px;}
.form_sec .form_content_col p { font-size: 18px; color:#929292; }
.form_sec .form_content_col label { font-size: 18px; font-family: 'Montserrat-Regular'; color: #131011;line-height: 27px }
.form_sec .form_content_col a , .form_sec .form_content_col span { color: #131011; font-family: 'Montserrat-Regular'; font-size: 16px; }
.form_sec .form_content_col span>a { color: var(--red); text-decoration: underline;  }
.form_sec .form_content_col hr {margin: 20px 0px;background-color: #EBEBEB;opacity: 1;}
.form_sec .social_logins label {color: #929292;margin-bottom: 20px;}
.form_sec .social_logins button { text-align: left; background-color: var(--white); color: #131011; font-size: 16px; border: none; box-shadow: rgb(0 0 0 / 16%) 0px 3px 6px 0px; border-radius: 40px; line-height: 1; padding: 13px 30px;  font-family: 'Poppins-Regular'; margin-bottom: 10px; }
.form_sec .social_logins button img { width: 30px; height: 30px; object-fit: contain; object-position: center; margin-right: 15px; }
.form_sec .input-group .input-group-text { background-color: var(--white); border: none; color: var(--red); padding: 12px 20px; }
.form_sec .input-group.input_textarea {border-radius: 20px;}
.form_sec .input-group {border: 2px solid #000000;border-radius: 80px;overflow: hidden;    align-items: center;}

.form_sec .input-group input, .form_sec .input-group select { background-color: var(--white); border: none; padding: 12px; color: var(--black); font-family: 'Poppins-Regular'; font-size: 18px; outline: none; }
.stepup_form.form_sec .input-group {border: none;overflow: unset;}
.stepup_form.form_sec .input-group input , .stepup_form.form_sec .input-group select , .stepup_form.form_sec .input-group textarea { background-color: var(--white); border: none; padding: 12px ; color: var(--black); font-family: 'Poppins-Regular'; font-size: 18px;    outline: none; border: 2px solid var(--black); border-radius: 80px;}
.form_sec .input-group input::placeholder { color: var(--black); }
.form_sec .input-group .input-group-text+input , .form_sec .input-group .input-group-text+select{padding: 12px 12px 12px 0px;box-shadow: unset;}
.stepup_form.form_sec .input-group.input_textarea textarea{border-radius: 20px;}
.form_sec .form_radio_input { display: none; }
.form_sec .form_label_radio {cursor: pointer;position: relative;padding-left: 2rem;margin: 0px 30px 30px 0px ;}
.form_sec .form_radio-button {height: 20PX;width: 20PX;background-color: #979797;border-radius: 50%;display: inline-block;position: absolute;left: 0;border: 5px solid #ffff;box-shadow: rgb(0 0 0 / 16%) 0px 3px 6px 0px;}
.form_sec .form_radio_input:checked ~ .form_label_radio .form_radio-button { background-color:var(--red); }
.form_sec .form-check.form_radio_group { padding: 0; display: inline-block; }
.hidden_on_load{ display: none;}
/*.register_sec.form_sec .btn_green.btn_green[type=submit] {width: 48.6%;}*/
.form_sec .form-group input, .form_sec .form-group select{flex: 1;}
.form_sec .form_content_col span.invalid-feedback , .form_sec .form_content_col span.help-block { display: block;margin: 5px 0px; }
.form_sec .form_content_col span.invalid-feedback strong , .form_sec .form_content_col span.help-block strong  { color:var(--red); }
.form_sec .input-group .input-group-text+input+  i {
    padding: 10px;
    display: block;
    background: white;
}
.form_sec .form_content_col .email_error {
    color: var(--red);
    font-weight:700;
    margin: 10px 0px;
    display: inherit;
}


.register_sec  .form_content_col span.invalid-feedback { display: block; color:var(--red); }
.register_sec  .form_content_col .wt-registerformmain { padding: 0; margin-top: 60px; }
.register_sec  .form_content_col form { padding: 0; }
.register_sec  .form_content_col {     padding: 20px;    height: 100%; }
.register_sec  .form_content_col form .wt-checkboxholder {margin: 30px 0px 20px 0px;}
.register_sec  .form_content_col form .wt-checkboxholder .wt-checkbox input[type=checkbox] + label { color: #323232; font-size: 14px; line-height: 30px; margin-bottom: 15px; padding-top: 5px; vertical-align: middle; }
.register_sec  .form_content_col form label { font-size: 18px; font-family: 'Montserrat-Regular'; color: #131011; }
.register_sec  .form_content_col form .wt-accordionhold { margin-top: 10px; }
.register_sec  .form_content_col form .wt-formaccordionhold .wt-accordiontitle .wt-radio input[type=radio] + label:before { height: 20PX; width: 20PX; background-color: #979797; border-radius: 50%; display: inline-block; position: absolute; left: 0; border: 5px solid #ffff; box-shadow: rgb(0 0 0 / 16%) 0px 3px 6px 0px; }
.register_sec  .form_content_col form .wt-radio input[type=radio] + label:after , .wt-formaccordionhold .wt-accordiontitle .wt-radio input[type=radio] + label:after{ height: 20PX; width: 20PX; background-color: var(--red); border-radius: 50%; display: inline-block; position: absolute; left: 0; border: 5px solid #ffff; box-shadow: rgb(0 0 0 / 16%) 0px 3px 6px 0px; top: unset; margin-top:0; }
.register_sec  .form_content_col form .wt-formaccordionhold .wt-accordiontitle .wt-radio input[type=radio] + label:after{ /* background-color: var(--red); */ }
.register_sec .row {justify-content: center;}
/* ================================================================================ */
/*  Contact us   Section Css */
/* ================================================================================ */
.contact_us_sec { padding: 100px 0px; }
.contact_us_sec .container {  padding: 0;}
.contact_us_sec.form_sec .form_content_col form { padding: 0; }
.contact_us_sec .contactus_center_text {position: relative; }
.contact_us_sec .contactus_center_text h1{ position: absolute; bottom: 0; right: -85px; font-size: 150px; line-height: 160px; font-family: 'Montserrat-SemiBold'; color: #E9E9E9; }
.contact_us_sec .email_box_col{display: flex;align-items: center;justify-content: center;}
.contact_us_sec .email_box {text-align: center;width: 70%;margin-left: auto;box-shadow: rgb(0 0 0 / 16%) 0px 11px 26px 0px;border-radius: 20px;padding: 20px;position: relative;height: 300px;align-items: center;display: flex;flex-direction: column;justify-content: center;}
.contact_us_sec .email_box h2 { font-family: 'Poppins-SemiBold'; }
.contact_us_sec .email_box a {font-size: 28px;color: #707070;line-height: 30px;font-family: 'Poppins-Regular';}
.contact_us_sec .email_icon {background-color: var(--red);color: var(--white);border-radius: 50%;position: absolute;left: 0;right: 0;top: -51px;margin: 0 auto;width: 100px;height: 100px;display: flex;align-items: center;justify-content: center;}
.contact_us_sec .email_icon i { font-size: 50px; }
.contact_us_sec.form_sec .form_content_col form .col-md-9 .col-md-12 {padding: 0;}
/* ================================================================================ */
/*  Our Professionals  Section Css */
/* ================================================================================ */
.our_professionals_sec{padding: 100px 0px;}

.search_list_box { padding: 20px; box-shadow: rgb(0 0 0 / 8%) 0px 11px 26px 0px; border-radius: 10px; margin-bottom: 30px;}
.search_list_boxs .search_list_box:last-child{margin-bottom: 0px;}
.search_list_box .search_list_heading { margin-bottom: 30px; padding-bottom: 15px; border-bottom: 1px solid #707070; }
.search_list_box .search_list_heading h3 { margin-bottom: 0;}
.search_list_box .search_list_heading h4 { font-family: 'Montserrat-SemiBold';}
.search_list_box .input-group input {color: var(--lightgray);background-color:#E6E6E6;padding: 17px;font-size: 18px;font-family: 'Montserrat-SemiBold';outline: none;border:none;border-radius: 10px;overflow: hidden;/* text-align: center; */}
.search_list_box .input-group input::placeholder{color:var(--lightgray);}
.search_list_box .search_list_items ul { list-style: none; padding: 0; margin: 20px 0px; height: 180px; overflow-y: scroll; }
.search_list_box .search_list_items ul::-webkit-scrollbar-track { --webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; background-color: #F3F3F3; }
.search_list_box .search_list_items ul::-webkit-scrollbar { width: 5px; background-color: #F3F3F3; }
.search_list_box .search_list_items ul::-webkit-scrollbar-thumb { border-radius: 10px; --webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: var(--green);; }
.search_list_box .search_list_items li { margin-bottom: 10px; }
.search_list_box .search_list_items .form-check-input { margin-right: 20px; width: 22px; height: 22px; border-radius: 0; box-shadow: unset; border-color: #707070; }
.search_list_box .search_list_items label { font-family: 'Montserrat-SemiBold'; color: var(--lightgray);; }
.search_list_box .search_list_items .form-check-input:checked { background-color: var(--green);; border-color: var(--green);; }

.search_list_box .form_radio_input { display: none; }
.search_list_box .form_label_radio {cursor: pointer;position: relative;padding-left: 42px;}
.search_list_box .form_radio-button {height: 22PX;width: 22PX;background-color: #ffff;border-radius: 50%;display: inline-block;position: absolute;left: 0;border: 1px solid #707070;}
.search_list_box .form-check.form_radio_group { padding: 0; display: inline-block; }
.search_list_box .form_radio-button::after {content: "";display: block;height: 13PX;width: 13PX;border-radius: 50%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background-color: var(--green);opacity: 0;transition: opacity 0.2s;}
.search_list_box .form_radio_input:checked ~ .form_label_radio .form_radio-button::after { opacity: 1; }

.search_card { padding: 20px; box-shadow: rgb(0 0 0 / 8%) 0px 11px 26px 0px; border-radius: 10px; margin-bottom: 30px; min-height: unset;}
.search_card .profile_detail {display: flex;justify-content: space-between;align-items: center;margin-bottom: 15px;}
.search_card .profile_top_box{display: flex;justify-content: space-between;align-items: center;}
.search_card h4 { margin-bottom: 0;font-family: 'Montserrat-Bold'; font-size: 25px;}
.search_card .search_card_description p { font-size: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4;  line-clamp: 4; -webkit-box-orient: vertical; margin-bottom: 25px; }
.search_card .search_card_btn .btn_green { text-decoration: underline;     margin-right: 15px; }
.search_card .profile_img img { width: 100px; height: 100px; border: 1px solid #707070; border-radius: 50%; object-fit: cover; object-position: center; margin-right: 30px; }
.search_card .job_price h6 {font-family: 'Montserrat-Bold';}
.search_card .profile_name i {
    display: none;
    color: #00cc8d;}

/* ================================================================================ */
/*  Job Search Section Css */
/* ================================================================================ */
.job_search_sec{padding: 100px 0px;}
.job_search_tabs .nav { justify-content: end; margin-bottom: 30px;border: none; }
.job_search_tabs .job_map { height: 700px; border-radius: 36px; overflow: hidden; }
.job_search_tabs .job_map iframe { width: 100%; height: 100%; }
.job_search_tabs .nav li {list-style: none;}
.job_search_tabs .nav .nav-link {background-color: #E6E6E6;color: white;border-radius: 0;margin-left: 20px;padding: 15px 17px;}
.job_search_tabs .nav .nav-link.active{ background-color: var(--green);; }
.job_search_tabs .nav .nav-link i { font-size: 25px; }
.job_search_modal .modal-body{padding: 10px  30px  30px  30px  ;}
.job_search_modal .profile_top_box{display: flex;align-items: center;margin-bottom: 30px;}
.job_search_modal .profile_img img { width: 120px; height: 120px; border: 1px solid #707070; border-radius: 50%; object-fit: cover; object-position: center; margin-right: 30px; }
.job_search_modal .modal-content { border-radius: 20px; }
.job_search_modal .modal-content .modal-header { border: none; }
.job_search_modal h2 { margin-bottom: 20px;font-family: 'Montserrat-Bold';}
.job_search_modal h4 { font-family: 'Montserrat-Bold'; }
.job_search_modal p { font-family: 'Montserrat-Regular'; color: #979797;}
.job_search_modal h4 { margin-bottom: 0;font-family: 'Montserrat-Bold'; font-size: 25px;}
.job_search_modal_conatnt { height: 600px; overflow-y: scroll; }
.job_search_modal_conatnt::-webkit-scrollbar-track { --webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 12px; background-color: #C8C8C8; }
.job_search_modal_conatnt::-webkit-scrollbar { width: 5px; background-color: #C8C8C8; border-radius: 12px;}
.job_search_modal_conatnt::-webkit-scrollbar-thumb { border-radius: 10px; --webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: var(--green);; }

/* ================================================================================ */
/*  Job Posting  Section Css */
/* ================================================================================ */
.job_posting_sec{padding: 100px 0px;}

/*  Job Posting Stepup Form Css */
.stepup_form .form-body {background-color: var(--white);margin: 40px auto 0px;padding: 50px;border-radius: 10px;box-shadow: rgb(0 0 0 / 8%) 0px 11px 26px 0px; display: flex;flex-direction: column;}
.stepup_form .form-header {gap: 5px;text-align: center;font-size: .9em;display: flex;margin-bottom: 50px;}
.stepup_form .form-header .stepIndicator {position: relative;flex: 1;}
.stepup_form .form-header .stepIndicator.active {font-weight: 600;}
.stepup_form .form-header .stepIndicator.finish { font-weight: 600; color: #009688; }
.stepup_form .form-header .stepIndicator::before {/* content: ""; */position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);z-index: 9;width: 20px;height: 20px;background-color: #d5efed;border-radius: 50%;border: 3px solid #ecf5f4;}
.stepup_form .form-header .stepIndicator.active::before { background-color: #a7ede8; border: 3px solid #d5f9f6; }
.stepup_form .form-header .stepIndicator.finish::before { background-color: #009688; border: 3px solid #b7e1dd; }
.stepup_form .form-header .stepIndicator::after {content: "";position: absolute;left: 50%;top: 15px;width: 100%;border: 1px dashed var(--green);;z-index: 0;}
.stepup_form .form-header .stepIndicator.finish::after {border-style: solid;}
.stepup_form .form-header .stepIndicator:last-child:after { display: none; }
.stepup_form .form-group .form-control  , .stepup_form .form-group select{ padding: 15px 20px; width: 100%; font-size: 1em; border: 1px solid #e3e3e3; border-radius: 5px;    border: 2px solid #000000;
    border-radius: 80px; }
.stepup_form .form-group textarea{ padding: 15px 20px; width: 100%; font-size: 1em; border: 1px solid #e3e3e3; border-radius: 5px;    border: 2px solid #000000;
    border-radius: 20px; }
.stepup_form.form_sec .form-group input.invalid { border:3px solid var(--red); }
.stepup_form .step { display: none;     margin-bottom: 40px;}
.stepup_form .form-footer .btn{width: 100%; }
.stepup_form .form-footer .btn:hover { opacity: 0.8; }
.stepup_form .form-footer .btn_green{border: 3px solid var(--green) !important;}
.stepup_form label { font-size: 18px; font-family: 'Montserrat-Regular';color: #131011;margin-bottom: 15px;}
.stepup_form.form_sec .input-group {  margin-bottom: 20px;}
.stepup_form.form_sec .input-group .form-control , .stepup_form.form_sec .input-group textarea , .stepup_form.form_sec .input-group select{      color: #979797;font-family: 'Poppins-Regular';font-size: 18px;padding: 15px 25px;}
.stepup_form.form_sec .input-group input::placeholder , .stepup_form.form_sec .input-group textarea::placeholder{      color: #979797;font-family: 'Poppins-Regular';font-size: 18px;}
.stepup_form .job_posting_map  { width: 100%; height: 500px; border-radius: 36px; overflow: hidden; }
.stepup_form .job_posting_map  iframe { width: 100%; height: 100%; }
.stepup_form  h2 { text-align: center;margin-bottom: 30px; color: var(--green);}
.stepup_form  h6 { font-size: 19px; color: #979797;  font-family: 'Poppins-Medium';}
.stepup_form .form-header .stepIndicator span { border: 1px dashed var(--green); border-radius: 50%; padding: 13px 22px; font-family: 'Montserrat-Bold'; font-size: 25px; color: var(--green); background-color: white;    position: relative;z-index: 1; }
.stepup_form .form-header .stepIndicator.active span , .stepup_form .form-header .stepIndicator.finish span { background-color: var(--green);; color: white; }
.stepup_form .form-footer.row {  justify-content: center;}
.stepup_form .description_step .input-group.input_textarea { margin-bottom: 10px; }
.stepup_form .form_footer_btns { display: flex; column-gap: 20px; padding: 0px;}
.stepup_form.form_sec .form-group textarea {border-radius: 20PX;}
.stepup_form .form-group div#map {
    WIDTH: 100%;
    HEIGHT: 400PX;
    margin-top:30PX
}

.stepup_form .step>.wt-tabsinfo:last-child {
    margin-bottom: 0px;
}


/*#submit-profile{display: none;}*/
/*  Custom Dropdown  Css */
.dropdown { width: 100%; }
.dropdown__switch:checked + .dropdown__options-filter .dropdown__select {transform: scaleY(1);width: 400px;}
.dropdown__switch:checked + .dropdown__options-filter .dropdown__filter:after {transform: rotate(180deg);}
.dropdown__options-filter { width: 100%; cursor: pointer; }
.dropdown__filter li{list-style: none;}
.dropdown__filter {position: relative;display: flex;padding: 15px 25px;color: #595959;background-color: #fff;border-radius: 50px;transition: 0.3s;list-style: none;border: 2px solid var(--black) ;color: #979797;font-family: 'Poppins-Regular';font-size: 18px;}
.dropdown__filter::after {position: absolute;top: 45%;right: 20px;content: '';transform: rotate(0deg) translateX(-50%);transition: 0.2s ease-in-out;width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid var(--red);}
.dropdown__select {position: absolute;top: 100%;right: -150px;width: 50%;transform: scaleY(0);transform-origin: top;font-weight: 300;transition: 0.2s ease-in-out;padding: 0px;background-color: #F7F7F7;border-radius: 20px;box-shadow: rgb(0 0 0 / 16%) -6px 6px 21px 0px;list-style: none;z-index: 99;/* height: 300px; *//* overflow-y: scroll; */}
.dropdown__select-option {padding: 12px 30px;/* border-bottom: 1px solid #d6d6d6; */transition: 0.3s;font-size: 16px;font-family: 'Poppins-Regular';color: #000;}
.dropdown__select-option:last-of-type { border-bottom: 0; } .dropdown__select-option:hover {background-color: var(--green);color: white;}
.dropdown__select::after {position: absolute;top: 0px;right: 0px;left: 0;content: '';transform: rotate(0deg) translate(20px, -20px);transition: 0.2s ease-in-out;margin: 0 auto;width: 0px;height: 0px;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #D4D4D4;}
.dropdown__select::-webkit-scrollbar-track { --webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 12px; background-color: #C8C8C8; }
.dropdown__select::-webkit-scrollbar { width: 5px; background-color: #C8C8C8; border-radius: 12px;}
.dropdown__select::-webkit-scrollbar-thumb { border-radius: 10px; --webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: var(--green);; }



body .wt-userprofileholder {margin: 0;}

.profile_detail_sec .card_box { padding: 20px; box-shadow: rgb(0 0 0 / 8%) 0px 11px 26px 0px; border-radius: 10px; margin-bottom: 30px; display: inline-block; width: 100%;}
.profile_detail_sec .card_box  .wt-projects , .profile_detail_sec .card_box .wt-widget {padding: 0px;}
.profile_detail_sec .card_box .table td, .table th { text-align: left; box-shadow: none; }
.profile_detail_sec .card_box .table thead { box-shadow: none; border: none; }
.profile_detail_sec .card_box .table th, .profile_detail_sec .card_box .table td { text-align: left !important; border: none; background: transparent; padding: 10px 30px 10px 0px  !important; font-size: 20px;line-height: 1.2; }
.profile_detail_sec .card_box .table tbody tr { background: transparent; }
.profile_detail_sec .card_box .table > thead:first-child > tr:first-child > th { border: none; }
.profile_detail_sec .card_box h4 { font-family: 'Montserrat-Regular'; }
.profile_detail_sec .card_box h6 { font-family: 'Montserrat-Regular'; FONT-SIZE: 20PX;  font-weight: 600;}
.profile_detail_sec .card_box .wt-widgettitle {border: none;padding: 0;}
.profile_detail_sec .card_box .wt-sharejob {text-align: center;margin: 0px;}
.profile_detail_sec .card_box .wt-userprofile figure { height: 150px; width: 150px; border-radius: 50%; overflow: hidden; margin:0 auto 30px; float: unset; }
.profile_detail_sec .card_box  .wt-userprofile img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.profile_detail_sec .card_box .wt-userprofile { text-align: center; float: unset; }
.profile_detail_sec .card_box  .wt-proposalhead.wt-userdetails { float: unset; text-align: center; }
.profile_detail_sec .card_box .wt-statistics { text-align: center; }
.profile_detail_sec .card_box .wt-userprofile .wt-title span { float: unset; margin: 0 auto 10px;    display: inline-block; }
.wt-userprofile .wt-title h4 i {
    display: none;
    color: #00cc8d;}
.profile_detail_sec .card_box .wt-statistics .wt-statisticcontent { width: 50%; }
.profile_detail_sec .card_box .wt-statistics .wt-statisticcontent p { font-size: 16px; color: black; }
.profile_detail_sec .card_box .wt-statistics .wt-statisticcontent h3 { margin: 0px; color: #00cc8d; }
.profile_detail_sec .card_box .wt-userprofile .wt-title p { font-size: 16px; margin-bottom: 10px; color: black; }
.profile_detail_sec .card_box .wt-proposalhead.wt-userdetails p { font-size: 18px; font-weight: bold; margin-bottom: 10px; }
.profile_detail_sec .card_box .wt-statistics .wt-btn { font-weight: 500; text-transform: capitalize; font-size: 16px; }
.profile_detail_sec .card_box .wt-projects .wt-project { width: 100%; display: flex; align-items: center; box-shadow: rgb(0 0 0 / 8%) 0px 11px 26px 0px; border-radius: 10px; padding: 0px; margin-bottom: 20px; }
.profile_detail_sec .card_box .wt-projects { padding: 20px; margin: 0px -20px; }
.profile_detail_sec .card_box .wt-userlistingholder .wt-title {margin-bottom: 30px;}
.profile_detail_sec .card_box .search_sec .wt-userlistinghold { padding: 20px; }
.profile_detail_sec .card_box .search_card .profile_img img { margin-right: 20px; }
.profile_detail_sec .card_box .search_card .search_card_description p { font-size: 18px; }
.profile_detail_sec .card_box .search_card .profile_detail h4 { font-size: 23px; }
.profile_detail_sec .card_box .recent_job { padding: 20px; box-shadow: rgb(0 0 0 / 8%) 0px 11px 26px 0px; border-radius: 10px; margin-bottom: 30px; width: 100%; display: flex; justify-content: space-between; align-items: center; }
.profile_detail_sec .card_box .recent_job span { font-size: 15px; }
profile_detail_sec .card_box .recent_job h6 { font-size: 18px; line-height: 22px; margin: 7px 0px; }
.profile_detail_sec .card_box .recent_job span i { color: #00cc8d; }
.profile_detail_sec .card_box .recent_job span.job_location { border-left: 1px solid black; padding-left: 7px; margin-left: 5px; } .profile_detail_sec .card_box .recent_job span.job_location i { color: var(--red); }
.job_map #map {HEIGHT: 100%;WIDTH: 100%;}
.search_card .profile_name i {margin-right: 7px;}
.swal2-modal span {font-size: unset;}
.swal2-modal .swal2-html-container {margin-bottom: 20px;}
.availabilit_box { display: flex; align-items: center; column-gap: 20px;margin-bottom: 20px;}
.availabilit_box h6{margin: 0px;}
.availabilit_box .availabilit_time {   display: flex;align-items: center; column-gap: 20px;}
.availabilit_box  p , .availabilit_box h6{margin: 0px;}
.profile_detail_sec .card_box .wt-userprofile .wt-title .country_location{display: none;}
body .wt-header .wt-navigation>ul>li.active a{font-weight: 600;}
.profile_detail_sec .card_box .wt-userprofile .wt-proposalsr .tg-authorcodescan {justify-content: center;column-gap: 20px;}
.profile_detail_sec .card_box .wt-userprofile .wt-proposalsr .tg-authorcodescan .tg-qrcodeimg {margin: 0;}


.wt-contentwrapper {
    /*min-height: 100vh;*/
    display: flex;
    flex-direction: column;
    justify-content: space-between;}


    /* User profile setting portfolio style starts from here */

.portfolio_images_wrapper {display: flex; align-items: center; gap: 15px; flex-wrap: wrap;}
.portfolio_images_wrapper .portfolio_single {width: 31.6%; height: 220px; overflow: hidden; border-radius: 10px;}
.portfolio_images_wrapper .portfolio_single img {width: 100%; height: 100%; object-fit: cover; object-position: center;}

.wt-header .logo { height: 70px; display: block; }
.wt-header .logo img {width:100%;height: 100%;object-fit:cover;object-position: center;}
.wt-header .header_box { align-items: center; display: flex; justify-content: space-between; }
.job_search_card .search_card_description .not_login {filter: blur(5px);}