@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Poppins:wght@300;400;500;600;700;800&display=swap');

body {}


.font-inter {
    font-family: 'Inter', sans-serif;
}

.font-popin {
    font-family: 'Poppins', sans-serif;
}













.navbar-marketingg {
    padding: 49px 0 49px 0px;
    background: #fff !important;
    transition: transform 0.1s ease-in-out;
}

.navbar-marketingg.navbar-scrolled {
    padding: 30px 0 30px 0px;
    transition: transform 0.1s ease-in-out;
    box-shadow: 0px 0px 17px rgb(4 4 4 / 8%);
}

.navbar-marketingg a.navbar-brand.text-white {
    margin: 0px 0 0 0;
    padding: 0px;
}

.navbar-marketingg ul.navbar-nav.mx-auto {
    margin: 0px 0 0 0;
}

.navbar-marketingg .dropdown .dropdown-toggle .dropdown-arrow {
    margin-left: 13px;
    margin-right: 0;
    font-size: 11px;
}

.navbar-marketingg .dropdown .dropdown-toggle.show .dropdown-arrow {
    transform: rotate(180deg);
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding: 0px 15px !important;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #667085;
}

.btn_head {
    background: #666DA2;
    border: 1px solid #666DA2;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
    border-radius: 8px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
    padding: 10px 18px;
    margin: 0 0 0 30px;
}

.btn_head:hover {
    background-color: #000;
    color: #fff;
    text-decoration: none;
}

.login_link {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #667085;
    margin: 12px 0 0 0px;
}

.login_link:hover {
    color: #000;
    text-decoration: none;
}

.ml-0 {
    margin-left: 0px !important;
}


.top_banner_sec {}

.top_banner_sec h1 {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 96px;
    line-height: 104px;
    letter-spacing: -0.02em;
    color: #000000;
    margin: 0 0 20px 0px;
}


.top_banner_sec p {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    font-size: 20px;
    line-height: 30px;
    color: #000000;
    margin: 0 0 32px 0px;
}


.btn-get-started {
    display: inline-block;
    background: #666DA2;
    border: 1px solid #666DA2;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
    border-radius: 8px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    color: #FFFFFF;
    padding: 16px 28px;
}

.btn-get-started:hover {
    background-color: #000;
    color: #fff;
    text-decoration: none;
}

.section_peojrets_total {
    padding-bottom: 220px;
}

.section_peojrets_total_inner {
    background: #666DA2;
    border-radius: 66px;
    padding: 50px 70px;
}

.section_peojrets_total_inner h3 {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 60px;
    line-height: 72px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    margin: 0 0 30px 0
}

.section_peojrets_total_inner p {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    color: #FFFFFF;
}

.section_main_features {
    padding: 0px 0 230px 0;
}

.section_main_features h2 {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 60px;
    line-height: 72px;
    text-align: center;
    letter-spacing: 0.005em;
    color: #000000;
    margin: 0 0 75px 0px;
}

.section_main_features .icon_stack {
    width: 113px;
    height: 113px;
    background: #F3F4FE;
    border-radius: 100px;
    text-align: center;
    display: inline-block;
    line-height: 104px;
    margin-bottom: 60px;
}

.section_main_features h3 {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
    text-align: center;
    color: #101828;
    margin: 0 0 26px 0px;
}

.section_main_features p {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    color: #101828;
}


.section_how_it_works {
    padding: 0 0 120px 0px;
}

.section_how_it_works h2 {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 60px;
    line-height: 72px;
    letter-spacing: 0.005em;
    color: #000000;
    margin: 0 0 100px 0px;
    text-align: center;
}

.section_how_it_works h4 {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 36px;
    line-height: 54px;
    color: #101828;
    margin: 0 0 15px 0px;
}

.section_how_it_works h4 span {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 36px;
    line-height: 72px;
    text-align: center;
    color: #000000;
    float: left;
    margin: -9px 0 0 -128px;
}

.section_how_it_works p {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 28px;
    color: #101828;
    margin: 0 0 15px 0px;
}

.section_how_it_works a {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    color: #666DA2;
    text-decoration: underline;
}

.section_how_it_works a:hover {
    color: #000;
}


.padd_lft_100 {
    padding-left: 100px;
}

.flow_teller_icon {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 100%;
}

.flow_teller_icon img {
    float: left;
    margin: -78px 0 0 100px;
    padding: 0px;
    max-width: 51%;
}

.section_flow_second {}

.section_flow_second .step_one_home_content {
    padding: 0 0 0 0px;
    float: right;
    max-width: 380px;
}


.section_flow_third {}

.section_flow_third .step_one_home_content {
    padding: 0 0 0 125px;
    max-width: 514px;
}

.step_one_home_content {
    max-width: 480px;
}


.fl_tl_snd img {
    float: left;
    margin: -84px 0 0 51px;
    padding: 0px;
    max-width: 54%;
}


.section_flow_second h4 span {
    margin: -9px 0 0 -109px;
}

.setion_testimonials_slider {
    float: left;
    margin: 0px;
    padding: 110px 0 0 0px;
    width: 100%;
}

.setion_testimonials_slider h2 {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 60px;
    line-height: 90px;
    text-align: center;
    color: #30393D;
    margin: 0 0 120px 0px;
}

.slick_col {
    float: left;
    margin: 0px;
    padding: 0px 0 0 0px;
    width: 100%;
}

.testimonials_left {
    float: left;
    margin: 0px;
    padding: 75px 0 0 0px;
    max-width: 500px;
}

.testimonials_left h5 {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 36px;
    line-height: 54px;
    color: #101828;
    margin: 0 0 20px 0px;
}

.testimonials_left h6 {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    color: #101828;
    margin: 0 0 5px 0px;
}

.testimonials_left p {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 28px;
    color: #101828;
}

.stars {
    float: left;
    margin: 0px 0 40px 0px;
    padding: 0px;
    width: 100%;
}

.stars svg {
    color: #666DA2;
    margin: 0 8px 0 0px;
}

.slider_padd {
    padding: 0 0
}


.testimonials_right {}

.slick-prev:before,
.slick-next:before {
    color: #fff !important;
    opacity: unset !important;
    font-weight: bold;
}

button.slick-next.slick-arrow {
    position: absolute;
    left: 64px;
    bottom: 40px;
    top: auto;
    background: #E4E4E4;
    width: 40px;
    height: 40px;
    border-radius: 100px;
    cursor: pointer;
    z-index: 10;
}

button.slick-next.slick-arrow:hover {
    background-color: #666DA2;
}

button.slick-prev.slick-arrow {
    position: absolute;
    left: 0;
    bottom: 40px;
    top: auto;
    background: #E4E4E4;
    width: 40px;
    height: 40px;
    border-radius: 100px;
    cursor: pointer;
    z-index: 10;
}

button.slick-prev.slick-arrow:hover {
    background-color: #666DA2;
}


.section_faq {
    float: left;
    margin: 0px;
    padding: 240px 0 64px 0;
    width: 100%;
}

.section_faq h3 {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 36px;
    line-height: 44px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #101828;
    margin: 0 0 18px 0px;
}

.section_faq p.description {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    color: #667085;
    margin: 0 0 55px 0px;
}



#accordion-list {
    border: none;
}

.section_faq button.accordion-button {
    padding: 24px 0;
    margin: 0px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    color: #101828;
}

.section_faq .accordion-flush .accordion-item {
    border-color: #EAECF0
}



.accordion-item {
    position: relative;
}

.accordion-button:not(.collapsed) {
    color: #333;
    background-color: #fff;
    box-shadow: none;
}

.accordion-button:not(.collapsed)::after,
.accordion-button::after {
    width: auto;
    height: auto;
    background-image: none;
    position: absolute;
    right: 15px;
    top: 13px;
    font-size: 24px;
}

.accordion-button::after {
    content: "+";
    font-weight: 100;
    color: #666DA2;
    transform: translateY(-4px);
    top: 30px;
    border: solid 2px #666DA2;
    border-radius: 100px;
    width: 22px;
    height: 22px;
    line-height: 20px;
    text-align: center;
    font-weight: 400;
}

.accordion-button:not(.collapsed)::after {
    content: "-";
    transform: translate(-5px, -4px);
    transform: rotate(0deg);
    border-radius: 100px;
    width: 22px;
    height: 22px;
    line-height: 20px;
    text-align: center;
    font-weight: 400;
}


.section_faq .accordion-body {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #667085;
    padding: 0px 0 24px 0;
}


.section_faq button.accordion-button[aria-expanded="true"] {
    padding-top: 10px;
}


.section_group_avatar {
    float: left;
    margin: 0;
    padding: 0px 0 240px 0;
    width: 100%;
    text-align: center;
    background-color: #fff;
}

.section_group_avatar_inner {
    float: left;
    margin: 0px;
    padding: 32px 0px;
    width: 100%;
    background: #F9FAFB;
    border-radius: 16px;
}

.section_group_avatar img {
    max-width: 100%;
    margin: 0 0 32px 0px;
}

.section_group_avatar h6 {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    color: #101828;
    margin: 0 0 8px 0px;
}

.section_group_avatar p {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    color: #667085;
    margin: 0 0 30px 0px;
}

.section_group_avatar a {
    background: #666DA2;
    border: 1px solid #666DA2;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
    border-radius: 8px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
    padding: 10px 18px;
    text-decoration: none;
}

.section_group_avatar a:hover {
    background-color: #000;
    color: #fff;
    text-decoration: none;
}


.section_news_letter {
    float: left;
    margin: 0;
    padding: 0px 0 240px 0;
    width: 100%;
    background-color: #fff;
}

.section_news_letter h5 {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #101828;
    margin: 0 0 8px 0px;
}

.section_news_letter p {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #667085;
}

.news_letter_field {
    float: right;
    width: auto;
    min-width: 412px;
}

.section_news_letter input {
    float: left;
    max-width: 280px;
    background: #FFFFFF;
    border: 1px solid #D0D5DD;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
    border-radius: 8px;
}

.section_news_letter button {
    float: right;
    background: #666DA2;
    border: 1px solid #666DA2;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
    border-radius: 8px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
    padding: 10px 18px;
    text-decoration: none;
    margin: 0 0 0 16px;
}

.section_news_letter button:hover {
    background-color: #000;
    color: #fff;
    text-decoration: none;
}

#layoutDefault_footer {
    float: left;
    width: 100%;
    background-color: #666DA2;
    padding: 60px 0 30px 0px;
}

#layoutDefault_footer h2 {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 40px;
    line-height: 60px;
    text-align: center;
    color: #FFFFFF;
    margin: 0 0 30px 0px;
}

#layoutDefault_footer .list-unstyled {
    text-align: center;
}

#layoutDefault_footer .list-unstyled li {
    padding: 0 16px;
    display: inline-block;
    margin: 0px !important;
}

#layoutDefault_footer .list-unstyled li a {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF !important;
}

#layoutDefault_footer hr.my-5 {
    border-color: #fff;
    opacity: unset;
    margin: 60px 0 32px 0px !important;
}

.copyright_footer p {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
    margin: 0px;
}

.copyright_footer a {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF !important;
    margin-left: 15px;
}

.header_fixed_space_botom {
    margin: 215px 0 0px 0px;
}

.contact_us_section {
    float: left;
    margin: 0px 0 100px 0px;
    padding: 0;
    width: 100%;
}

.container_contact {
    max-width: 540px;
}

.contact_content {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 100%;
}

.contact_content h6 {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #666DA2;
    margin: 0 0 12px 0px;
}

.contact_content h3 {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 48px;
    line-height: 60px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #101828;
    margin: 0 0 24px 0px;
}

.contact_content p {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    color: #667085;
}

.contact_content form {
    margin: 90px 0 0 0px;
}

.contact_content label {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #344054;
    margin: 0 0 6px 0px;
}

.contact_content input {
    background: #FFFFFF;
    border: 1px solid #D0D5DD;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
    border-radius: 8px;
    height: 48px;
    margin: 0 0 24px 0px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #667085;
}

.contact_content textarea {
    background: #FFFFFF;
    border: 1px solid #D0D5DD;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
    border-radius: 8px;
    height: 128px;
    margin: 0 0 24px 0px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #667085;
    resize: none;
}

.contact_content label.check_policy {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #667085;
    margin: 0 0 32px 0px;
}

.contact_content input[type="checkbox"] {
    float: left;
    width: 20px;
    height: 20px;
    border: 1px solid #D0D5DD;
    border-radius: 6px;
    margin: 0 12px 0 0px;
    box-shadow: none;
}

.btn_submit_form {
    background: #666DA2;
    border: 1px solid #7F56D9;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
    border-radius: 8px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
    padding: 12px 12px;
    width: 100%;
}

.btn_submit_form:hover {
    background-color: #000;
    color: #fff;
}

.fl {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 100%;
}

.section_team_member {
    margin-bottom: 100px;
}

.tem_member_content h3 {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 40px;
    line-height: 60px;
    text-align: center;
    color: #30393D;
    margin: 0 0 18px 0px;
}

.tem_member_content p {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    color: #556987;
    margin: 0 0 40px 0px;
}

.teams_buttons {
    text-align: center;
    margin-bottom: 80px;
}

.teams_buttons a {
    display: inline-block;
    background: #FFFFFF;
    border: 1px solid #D5DAE1;
    box-shadow: 0px 1px 2px rgba(105, 81, 255, 0.05);
    border-radius: 6px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    color: #333F51;
    padding: 14px 28px;
    margin: 0 8px;
    text-decoration: none;
}

.teams_buttons a:hover {
    background: #666DA2;
    box-shadow: 0px 1px 2px rgba(105, 81, 255, 0.05);
    color: #F0FDF4;
}

.teams_buttons a.active {
    background: #666DA2;
    box-shadow: 0px 1px 2px rgba(105, 81, 255, 0.05);
    color: #F0FDF4;
}


.team_card {
    background: #FFFFFF;
    box-shadow: 0px 1px 2px rgba(85, 105, 135, 0.1);
    border-radius: 6px;
    text-align: center;
    margin: 0 0 32px 0px;
    padding: 32px 40px;
}

.team_card figure {
    display: inline-block;
    width: 88px;
    height: 88px;
    border-radius: 100px;
    margin: 0 0 24px 0px;
}

.team_card figure img {
    max-width: 100%;
}

.team_card h4 {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    line-height: 38px;
    text-align: center;
    color: #2A3342;
    margin: 0 0 8px 0px;
}

.team_card h5 {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    color: #666DA2;
    margin: 0 0 24px 0px;
}

.team_card small {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #556987;
    margin: 0 0 32px 0px;
    display: inline-block;
}

.team_social_links {
    text-align: center;
}

.team_social_links a {
    display: inline-block;
    color: #bbc3cf;
    margin: 0 15px;
    font-size: 20px;
}

/*****blog*******/

.blog_content_bg {
    background: url(../images/blog_pattren.png) 0px 0px no-repeat;
    background-size: 100%;
    width: 100%;
}

.blog_top_content {
    padding-bottom: 48px;
}

.blog_top_content figure {
    border-radius: 8px;
}

.blog_top_content figure img {
    max-width: 100%;
}

.blog_detail_top {
    padding: 40px 0 0 16px;
}

.blog_tags {
    background: #EFEFF7;
    box-shadow: 0px 1px 2px rgba(105, 81, 255, 0.05);
    border-radius: 36px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #666DA2;
    padding: 5px 12px;
    margin: 0 0 28px 0px;
    display: inline-block;
}

.blog_detail_top date {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #666DA2;
    margin: 0 0 15px 0px;
    width: 100%;
    float: left;
}

.blog_detail_top h2 {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    line-height: 60px;
    letter-spacing: -0.02em;
    color: #1C232D;
    margin: 0 0 15px 0px;
}

.blog_detail_top p {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #556987;
}

.blog_author {
    margin-top: 46px;
}

.blog_author img {
    float: left;
    margin: 0 16px 0 0px;
    max-width: 64px;
}

.blog_author h5 {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    text-align: left;
    color: #333F51;
    margin: 0px;
}

.blog_author small {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    color: #556987;
}


.blog_sidebar ul {
    width: 100%;
    margin: 0px 0 30px 0;
    padding: 0px 0 5px 15px;
    border-bottom: 1px solid #EEF0F3;
}

.blog_sidebar ul li {
    width: 100%;
    margin: 0px;
    list-style-type: none;
    margin: 0 0 20px 0px;
}

.blog_sidebar ul li a {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #8896AB;
    text-decoration: none;
}

.blog_sidebar ul li a:hover {
    color: #000;
}





.copy_link {
    float: left;
    background: #FFFFFF;
    border: 1px solid #D5DAE1;
    box-shadow: 0px 1px 2px rgba(105, 81, 255, 0.05);
    border-radius: 6px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #556987;
    padding: 8px 16px;
    margin: 0 8px 0 0px;
    text-decoration: none;
}

.copy_link img {
    margin: 0 5px 0 0px;
}

.social_links a {
    float: left;
    text-align: center;
    background: #FFFFFF;
    border: 1px solid #D5DAE1;
    box-shadow: 0px 1px 2px rgba(105, 81, 255, 0.05);
    border-radius: 6px;
    color: #bbc3cf;
    font-size: 20px;
    width: 36px;
    height: 36px;
    margin: 0 0 0 8px;
    line-height: 34px;
}

.social_links a:hover {
    color: #666DA2;
}

.blog_detailed_content {
    padding: 0 0 0 15px;
}

.blog_detailed_content p {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #556987;
    margin: 0 0 18px 0px;
}

.blog_detailed_content p strong {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
}

.blog_detailed_content hr {
    border-color: #EEF0F3;
    opacity: unset;
    margin: 35px 0;
}

.blog_detailed_content h4 {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    line-height: 38px;
    color: #333F51;
    margin: 0 0 15px 0px;
}

.blog_detailed_content img {
    width: 100%;
    margin: 0 0 16px 0px;
}

.blog_detailed_content ol {
    margin: 10px 0 30px 0;
    padding: 0 0 0 16px;
}

.blog_detailed_content ol li {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #556987;
}

.blog_detailed_content blockquote {
    border-left: solid 2px #666DA2;
    padding: 10px 0 10px 25px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    color: #333F51;
    margin: 0 0 15px 0px;
}

.blog_detailed_content blockquote span {
    margin: 16px 0 0 0px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    color: #8896AB;
    display: inline-block;
    width: 100%;
}

.blog_lower_content {
    margin-bottom: 100px;
}


/*******signup*******/

.section_signup_main {
    background: #F3F4FE;
    min-height: 100vh;
}

.p_r {
    position: relative;
}

.signup_thumb {
    position: absolute;
    right: -20%;
    min-height: 100vh;
    display: flex;
    align-items: center;
}

.signup_thumb img {
    width: 100%;
}

.fom_centered {
    margin: 0 auto;
    max-width: 510px;
}

.signup_form_sec {
    background: #FFFFFF;
    border-radius: 47.5px;
    min-height: 100vh;
    vertical-align: middle;
    display: flex;
    align-items: center;
    position: relative;
}

.signup_form_sec h3 {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 40px;
    line-height: 60px;
    text-align: center;
    color: #30393D;
    margin: 0 0 85px 0px;
}


.signup_form_sec input {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 18.75px;
    line-height: 28px;
    display: flex;
    align-items: center;
    color: #A0A0A0;
    border: none;
    border-radius: 0px;
    border-bottom: 1.25px solid #EAEAEA;
    margin-bottom: 26px;
    height: 36px;
    padding: 0px;
}

.signup_form_sec input:focus {
    border-color: #000;
    outline: none;
    box-shadow: none;
}

.signup_form_sec .form-group {
    position: relative;
    width: 100%;
    float: left;
}

.signup_form_sec .form-group span {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}

.btn_signup_submit {
    background: #666DA2;
    border-radius: 8px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 21.25px;
    line-height: 32px;
    align-items: center;
    text-align: center;
    color: #FFFFFF;
    margin: 20px 0 36px 0px;
    padding: 11px 0px;
    width: 100%;
}

.btn_signup_submit:hover {
    background-color: #30393D;
    color: #fff;
}

.signup_form_sec p {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 18.75px;
    line-height: 28px;
    align-items: center;
    color: #A0A0A0;
    margin: 0 0 42px 0px;
}

.signup_form_sec p a {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 18.75px;
    line-height: 28px;
    align-items: center;
    color: #666DA2;
}


.divider_or {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 22.5px;
    line-height: 34px;
    align-items: center;
    color: #919191;
    margin: 0 0 32px 0px;
    text-align: center;
}

.google_fb_signup {
    text-align: center;
}

.google_fb_signup a {
    margin: 0 8px;
    display: inline-block;
    background: #FFFFFF;
    border: 1.25px solid #EAEAEA;
    border-radius: 11.25px;
    padding: 12px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    align-items: center;
    color: #000000;
    text-decoration: none;
}

.google_fb_signup a img {
    margin: 0 16px 0 0px;
}

.google_fb_signup a:hover {
    border-color: #000
}

.select_language {
    position: absolute;
    display: inline-block;
    top: 30px;
    right: 40px;
    float: right;
    border: none;
    max-width: 200px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 17.5px;
    line-height: 26px;
    letter-spacing: 0.04em;
    color: #A1A1A1;
    border: none;
    box-shadow: none;
    height: 30px;
    padding: 0px 10px;
}

.select_language:focus {}


.section_team_member {}

.price_plans_content {
    margin-bottom: 100px;
}

.price_plans_content h3 {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 40px;
    line-height: 60px;
    text-align: center;
    color: #30393D;
    margin: 0 0 18px 0px;
}

.price_plans_content p {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    color: #101828;
    margin: 0 0 45px 0px;
}

.plans_info_center {
    display: inline-block;
}

.plans_benefits {
    background: #F3F4FE;
    border-radius: 30px;
    padding: 5px 7px;
    display: inline-block;
    margin: 0 0 80px 0px;
}

.plans_benefits a {
    background: #FFFFFF;
    border-radius: 30px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    letter-spacing: 0.04em;
    color: #101828;
    padding: 8px 16px;
    margin: 0 20px 0 0px;
    display: inline-block;
}

.plans_benefits span {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    color: #667085;
}


.price_plan_card {
    background: #FFFFFF;
    border: 1px solid rgba(47, 43, 67, 0.1);
    border-radius: 24px;
    margin-bottom: 15px;
    overflow: hidden;
}

.plans_info_top {
    padding: 24px;
    border-bottom: 1px solid rgba(47, 43, 67, 0.1);

}

.plans_info_top h5 {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.01em;
    color: #2F2B43;
    margin: 0 0 16px 0px;
}

.plans_info_top h5 span {
    background: #D9F9E6;
    border-radius: 20px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    letter-spacing: -0.01em;
    color: #2F9461;
    padding: 2px 8px;
    float: right;
}

.plans_info_top h4 {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 48px;
    line-height: 54px;
    letter-spacing: -0.02em;
    color: #2F2B43;
    margin: 0 0 14px 0px;
}

.plans_info_top h4 span {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.01em;
    color: rgba(47, 43, 67, 0.6);
}

.plans_info_top p {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: -0.01em;
    color: rgba(47, 43, 67, 0.6);
    margin: 0 0 60px 0px;
    text-align: left;
}

.btn_price_plan {
    background: #FFFFFF;
    border: 1px solid rgba(47, 43, 67, 0.1);
    box-shadow: 0px 1px 3px rgba(47, 43, 67, 0.1), inset 0px -1px 0px rgba(47, 43, 67, 0.1);
    border-radius: 8px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    letter-spacing: -0.01em;
    color: #000000;
    width: 100%;
}

.btn_price_plan:hover {
    background: #2F2B43;
    color: #fff;
}

.planes_description {
    padding: 24px;
}

.planes_description h6 {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.01em;
    color: rgba(47, 43, 67, 0.6);
    margin: 0 0 14px 0px;
}

.planes_description ul {
    margin: 0px;
    padding: 0px;
}

.planes_description ul li {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.01em;
    color: #2F2B43;
    margin: 0 0 14px 0px;
    list-style-type: none;
}

.planes_description ul li svg {
    margin: 0 15px 0 0px;
}

.custom_plan .plans_info_top {
    overflow: hidden;
    background-image: linear-gradient(to bottom, #fcd6ff, #ffd9ea, #ffe3d8, #fff0d3, #fffedd);
}

.custom_plan .plans_info_top h5 span {
    background-color: #fff;
}


.custom_plan .btn_price_plan {
    background: #2F2B43;
    box-shadow: 0px 1px 3px rgba(47, 43, 67, 0.1), inset 0px -1px 0px rgba(47, 43, 67, 0.1);
    color: #fff;
}

.section_privacy {
    margin-bottom: 100px;
}

.section_privacy .px-5 {
    padding: 0 80px !important;
}

.case_date {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #666DA2;
    margin: 0 0 12px 0px;
    float: left;
    width: 100%;
}

.section_privacy h3 {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 48px;
    line-height: 60px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #101828;
    margin: 0 0 20px 0px;
}

.section_privacy p {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    color: #667085;
    margin: 0 0 32px 0px;
}

.section_privacy .plans_benefits {
    padding: 5px 3px;
    margin-bottom: 60px;
}

.section_privacy .plans_benefits a {
    float: left;
    margin: 0 2px;
    background-color: #F3F4FE;
    text-decoration: none;
}

.section_privacy .plans_benefits a:hover {
    background-color: #fff;
}

.section_privacy .plans_benefits a.active {
    background-color: #fff;
}

.policy_description p {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    color: #667085;
    margin: 0 0 20px 0px;
    text-align: left;
}

.policy_description h4 {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 26px;
    line-height: 38px;
    color: #101828;
    margin: 10px 0 20px 0px;
}


.dropdown-lg,
.dropdown-xl {
    position: static;
}

.navbar-expand-lg .navbar-nav .dropdown-menu {
    min-width: 100%;
    left: 0%;
    right: auto;
    background: linear-gradient(90deg, #fff 70%, #F9FAFB 30%);
}

.navbar .dropdown-menu {
    top: calc(100% + 0rem + 0rem) !important;
    border-top: 1px solid #F2F4F7;
    box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
}


.mega_menu_videos_link {
    background-color: #F9FAFB;
    padding: 32px 0 0 32px;
    float: left;
    width: 100%;
    height: 100%;
}

.mega_menu_links {
    padding: 32px 0 0 0px;
}

.mega_menu_links h5 {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #666DA2;
    margin: 0 0 26px 0px;
}

.mega_menu_links ul {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

.mega_menu_links ul li {
    list-style-type: none;
    float: left;
    width: 100%;
    padding: 0 0 0 12px;
    margin: 0 0 30px 0;
}

.mega_menu_links ul li img {
    max-width: 20px;
    float: left;
    margin: 4px 0 0 0;
}

.mega_menu_links ul li span {
    width: calc(100% - 40px);
    float: right;
}

.mega_menu_links ul li span a {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #101828;
    margin: 0 0 4px 0;
    display: inline-block;
    text-align: left;
}

.mega_menu_links ul li span a span {
    background: #ECFDF3;
    border-radius: 16px;
    width: auto;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #027A48;
    padding: 2px 10px;
    margin: 0 0 0 8px;
}

.mega_menu_links ul li span p {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #667085;
    margin: 0px;
    padding: 0px;
}


.mega_menu_videos_link h5 {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #666DA2;
    margin: 0 0 26px 0px;
}

.videos_section_mega figure{
    float: left;
    max-width: 160px;
    margin: 0px;
}

.videos_section_mega figure img{
    max-width: 100%;
}
.videos_section_mega span.width_cal_mega_menu{
    float: left;
    width: calc(100% - 160px);
    padding: 0 0 0 20px;
}

.videos_section_mega span a{
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #101828;
    margin: 0 0 4px 0;
    display: inline-block;
}
.videos_section_mega span p{
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #667085;
    margin: 0 0 12px 0;
    padding: 0px;
}

.watch_video_link{
    float: left;
    width: 100%;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #666DA2;
}

.videos_section_mega .watch_video_link a{
  font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #666DA2;
    margin: 0px;
}

.watch_video_link img{
    float: left;
    max-width: 16px;
    margin: 2px 8px 0 0;
}

.videos_section_mega {
    float: left;
    width: 100%;
    margin: 0 0 32px 0;
}

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

.all_videos_link a {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #666DA2;
    text-decoration: none;
}

.all_videos_link a svg {
    margin: 0 0 0 8px;
}

.upload_cv_banner .btn-get-started svg{
    margin: 0 10px 0 0px;
}

.modal_cv_upload{
    backdrop-filter: blur(21px);
    background: url(../images/Blur.png) 0px 0px no-repeat #fff;
    background-size: 100% 100%;
}

.modal_cv_upload .modal-dialog{
    max-width: 1240px;
    margin-top: 0px;
}

.modal_cv_upload .modal-content {
    border-radius: 0px;
    background: none;
    border: none;
    box-shadow: none;
}

.modal_cv_upload .btn-close{
    float: right;
    position: fixed;
    right: 30px;
    top: 24px;
}


.cv_upload_steps{
    float: left;
    width: 100%;
    margin: 45px 0 0 0;
    padding: 0px;
}
.cv_upload_steps ul{
    margin: 0;
    padding: 0;
    width: 100%;
    float: left;
    border: none;
}
.cv_upload_steps ul li{
    float: left;
    width: 25.2%;
    margin: 0 6%;
    list-style-type: none;
    padding: 0;
}
.cv_upload_steps ul li a{
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
    color: #98A2B3 !important;
    text-decoration: none;
    border-top: 5px solid #D0D5DD !important;
    border-width: 5px 0 0 0 !important;
    border-radius: 0px !important;
    background: none !important;
    padding: 27px 0 0 0;
}
.cv_upload_steps ul li a span{
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 28px;
    color: #98A2B3;
    margin: 8px 0 0 0px;
    display: inline-block;
}


.cv_upload_steps ul li:first-child{
    margin-left: 0px;
}

.cv_upload_steps ul li:last-child{
    margin-right: 0px;
}

.cv_upload_steps ul li a.active {
    border-color: #666DA2;
}

.cv_upload_steps ul li a.active {
    color: #666DA2 !important;
    background: none !important;
    border: none;
    border-color: #666DA2 !important;
}

.cv_upload_steps ul li a.active span{
    color: #101828;
}



.cv_upload_steps ul li:hover {
    border-color: #666DA2;
}

.cv_upload_steps ul li:hover a{
    color: #666DA2;
}

.cv_upload_steps ul li:hover a span{
    color: #101828;
}









.file-upload {
  display: inline-block;
  position: relative;
  /* overflow: hidden; */
  /* margin: 10px; */
  /* padding: 15px; */
  /* border: 2px dashed #ddd; */
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.3s;
  min-width: 100%;
  margin: 12% 0 0 0;
}

.file-upload:hover {
  background: none;
}

.file-upload label {
  display: block;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  color: #888;
  border: 1px dashed #000000;
  border-radius: 45px;
  width: 100%;
  float: left;
}

.file-upload i {
  display: block;
  font-size: 48px;
  margin-bottom: 10px;
}

.file-upload input[type="file"] {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;
    background: none;
}

.file-upload input[type="file"]:focus {
    background: none;
}


.file-name {
  display: block;
  text-align: center;
  margin-top: 10px;
  font-size: 14px;
  color: #666;
}







.pause-icon,
.close-icon {
  position: relative;
  font-size: 12px;
  color: #888;
  cursor: pointer;
  float: left;
  margin: 0 0 0 12px;
}

.pause-icon {
  left: 0px;
}

.close-icon {
  right: 0px;
}

.progress-details {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0 10px;
}

.percentage {
  font-weight: bold;
  margin-right: 5px;
}

.file-name {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 36px;
/* identical to box height */
  text-align: center;
  color: #000000;
  margin: 0 0 0 0;
}







.icons_control{
    position: absolute;
    right: 0;
    top: 0;
}


.file-upload label h6 {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 32px;
    line-height: 48px;
    text-align: center;
    color: #000000;
    float: left;
    width: 100%;
    margin: -32px 0 13px 0;
}



.file-upload label h6 span {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 32px;
    line-height: 48px;
    text-align: center;
    text-decoration-line: underline;
    color: #666DA2;
    text-decoration: none;
}

.file-upload label p {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    font-size: 20px;
    line-height: 30px;
/* identical to box height */
    text-align: center;
    color: #000000;
    margin: 0px 0 30px 0;
    float: left;
    width: 100%;
}

.file-upload label img {
    max-width: 230px;
}


.uploading_file_section{}


.file-upload.active .first_step_label{
    visibility: hidden;
}

.uploading_file_section {
    float: left;
    width: 100%;
    position: absolute;
    border-radius: 45px;
    height: 100%;
    margin: 0px;
    background: rgb(255 255 255 / 74%);
    box-shadow: 2px 3px 6px 3px rgb(148 148 148 / 21%);
    padding: 0 80px;
}


.file_name_icon {
    float: left;
    width: 100%;
    text-align: center;
    margin: 32px 0 0 0;
}

.p_d_c {
    float: left;
    width: 100%;
    padding: 0 0px;
    margin: 18px 0 21px 0;
}

.p_d_c .progress-details{
    display: inline-block !important;
    position: relative;
    float: left;
    width: auto;
    padding: 0px;
}

.progres_bg{
    background-color: #D0D1C8;
    float: left;
    width: 100%;
}

.uploading_file_section .progress-bar{
    height: 5px;
    background-color: #666DA2;
}





.file_control_cions {
    float: right;
}

.uploading_file_section {
    display: none !important;
}

.file-upload.active .uploading_file_section {
    display: block !important;
}


.p_d_c h6{
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 30px;
    line-height: 45px;
    text-align: center;
    color: #000000;
}


.p_d_c .percentage{
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #000000;
}

.file_control_cions span{
    background: #666DA2;
    width: 42px;
    height: 42px;
    border-radius: 50px;
    color: #fff;
    text-align: center;
    font-size: 20px;
    line-height: 42px;
    margin: 16px 0 0 15px;
}

.file_name_icon img{
    max-width: 60px;
    margin: 0 0 12px 0px;
}



.cv_job_link{
    background: rgba(255, 255, 255, 0.85);
    box-shadow: 5px 6px 114px rgba(0, 0, 0, 0.18);
    border-radius: 45px;
    padding: 50px 100px;
    float: left;
    width: 100%;
    margin: 10% 0 0 0;
}
.cv_job_link h3{
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 30px;
    line-height: 45px;
/* identical to box height */
    text-align: center;
    color: #000000;
    margin: 0 0 80px 0;
}

.uploaded_cv_name{
    border: 1px dashed #000000;
    border-radius: 47px;
    padding: 21px 35px;
    float: left;
    width: 100%;
    margin: 0 0 30px 0;
}
.uploaded_cv_name p{
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    font-size: 20px;
    line-height: 30px;
/* identical to box height */
    text-align: center;
    color: #000000;
    float: left;
    margin: 0;
}
.uploaded_cv_name p img{}
.uploaded_cv_name span{
    float: right;
    font-size: 23px;
    color: #000;
    margin: 5px 0 0 0;
    cursor: pointer;
}

.add_link_group{
    background: #F3F4FE;
/* Shadow/Portfolio mockup/Grid shadow md */
    box-shadow: 32px 32px 64px rgba(52, 64, 84, 0.08);
    border-radius: 47.8157px;
    float: left;
    width: 100%;
    position: relative;
    margin: 0 0 14px 0;
}

.add_link_group input{
    border: none;
    float: left;
    background: #F3F4FE;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 20.5017px;
    line-height: 45px;
    text-align: left;
    color: #667085;
    box-shadow: 32px 32px 64px rgba(52, 64, 84, 0.08);
    border-radius: 47.8157px;
    padding-left: 44px;
    padding-right: 167px;
}

.add_link_group input:focus{
    background-color: #F3F4FE;
}

.add_link_group button{
    background: #FFFFFF;
    border-radius: 47.8157px;
    padding: 12px 27px;
    position: absolute;
    right: 3px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 45px;
    text-align: center;
    letter-spacing: 0.04em;
    color: #101828;
    border: none;
    top: 2px;
}

.add_link_group button:hover{
    background-color: #666DA2;
    color: #fff;
}


.step_three_slider{
    float: left;
    margin: 0px;
    padding: 0px;
    width: 100%;
}


.step_three_slider{}
.step_three_slider h2{
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 30px;
    line-height: 45px;
    text-align: center;
    color: #000000;
    margin: 58px 0 50px 0px;
}


.step_three_slider .item{
    padding: 0 15px;
}

.step_three_slider .item img{
    max-width: 100%;
}

.step_three_slider .tns-nav{
    display: none;
}

.step_three_slider .tns-controls{
    position: absolute;
    width: 100%;
    top: 47%;
}
.step_three_slider .tns-controls button.prev-button{
    background:  #F3F4FE;
    border: solid 1px rgb(0 0 0 / 12%);
    width: 50px;
    height: 50px;
    border-radius: 50px;
    font-size: 21px;
    float: left;
    margin: 0 0 0 -47px;
}
.step_three_slider .tns-controls button.next-button{
    background: #F3F4FE;
    border: solid 1px rgb(0 0 0 / 12%);
    width: 50px;
    height: 50px;
    border-radius: 50px;
    font-size: 21px;
    float: right;
    margin: 0 -47px 0 0;
}


.section_resume_free_users{
    margin: 80px 0 0 0;
}
.free_users_col{}
.free_users_col h6{
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 20px;
    color: #344054;
    margin: 0 0 0 0;
}
.free_users_col p{
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #667085;
    margin: 26px 0 0 0;
    text-align: left;
    position: relative;
    padding: 0 15px;
}
.free_users_col p a{
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-decoration-line: underline;
    color: #666DA2;
}
.free_users_col textarea{
    background: #F8F8FB;
    border: 1px solid #F8F8FB;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
    border-radius: 10px 10px 10px 10px;
    width: 100%;
    min-height: 330px;
    resize: none;
    margin: -33px 0 0 0;
    padding: 50px 15px 20px 15px;
}
.free_users_col span{
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #667085;
}

.free_users_buttons_move{
    float: right;
    width: auto;
}
.free_users_buttons_move button{
    background: #F9F5FF;
    border: 1px solid #F9F5FF;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
    border-radius: 8px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #666DA2;
    padding: 10px 18px;
    margin: 0 0 0 13px;
}
.free_users_buttons_move button:hover{
    background-color: #666DA2;
    color: #fff;
}

.waiting_area_content{ margin-top: 70px; text-align: center;}
.waiting_area_content img{ max-width: 100%;}

.section_waiting_top{
    margin-top: 50px;
}

.page_not_found_actions{
    text-align: center;
}

.page_not_found_actions button {
    background: #FFFFFF;
    border: 1px solid #D0D5DD;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
    border-radius: 8px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #344054;
    padding: 12px 18px;
    margin: 0 7px;
}

 .page_not_found_actions button:hover {
     background: #757CAB;
     border: 1px solid #757CAB;
     box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
     border-radius: 8px;
     color: #fff;
 }





 /* Toggle Styles */



 #wrapper {
     padding-left: 0;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;
     overflow: hidden;
 }

 #wrapper.toggled {
     padding-left: 250px;
     overflow: hidden;
 }

 #sidebar-wrapper {
     z-index: 1000;
     position: fixed;
     left: 300px;
     width: 0;
     height: 100%;
     margin-left: -300px;
     overflow-y: auto;
     background: #F6F6FB;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;
 }

 #wrapper.toggled #sidebar-wrapper {
     width: 250px;
 }

 #page-content-wrapper {
     position: absolute;
     padding: 15px;
     width: 100%;
     overflow-x: hidden;
 }

 .xyz {
     min-width: 360px;
 }

 #wrapper.toggled #page-content-wrapper {
     position: relative;
     margin-right: 0px;
 }

 .fixed-brand {
     width: auto;
 }

 /* Sidebar Styles */

 .sidebar-nav {
     list-style-type: none;
     margin: 0px;
     padding: 0;
     float: left;
 }

 .sidebar-nav li {
     float: left;
     width: 100%;
     margin: 0 0 10px 0;
     padding: 15px 0 15px 28px;
 }

 .sidebar-nav li a {
     display: block;
     text-decoration: none;
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 400;
     font-size: 13.6533px;
     line-height: 20px;
     color: #000000;
 }

 .sidebar-nav li a:hover {
     text-decoration: none;
     color: #000;
     background: none;
     border: none;
 }

 .sidebar-nav li a:active,
 .sidebar-nav li a:focus {
     text-decoration: none;
 }

 .sidebar-nav > .sidebar-brand {
     height: 65px;
     font-size: 18px;
     line-height: 60px;
 }

 .sidebar-nav > .sidebar-brand a {
     color: #999999;
 }

 .sidebar-nav > .sidebar-brand a:hover {
     color: #fff;
     background: none;
 }

 .no-margin {
     margin: 0;
 }

 @media(min-width:768px) {
     #wrapper {
         padding-left: 300px;
     }

     .fixed-brand {
         width: 250px;
     }

     #wrapper.toggled {
         padding-left: 0;
     }

     #sidebar-wrapper {
         width: 300px;
         padding: 160px 0 0 0px;
     }

     #wrapper.toggled #sidebar-wrapper {
         width: 300px;
     }

     #wrapper.toggled-2 #sidebar-wrapper {
         width: 50px;
     }

     #wrapper.toggled-2 #sidebar-wrapper:hover {
         width: 300px;
     }

     #page-content-wrapper {
         padding: 45px;
         position: relative;
         -webkit-transition: all 0.5s ease;
         -moz-transition: all 0.5s ease;
         -o-transition: all 0.5s ease;
         transition: all 0.5s ease;
     }

     #wrapper.toggled #page-content-wrapper {
         position: relative;
         margin-right: 0;
         padding-left: 300px;
     }

     #wrapper.toggled-2 #page-content-wrapper {
         position: relative;
         margin-right: 0;
         margin-left: -200px;
         -webkit-transition: all 0.5s ease;
         -moz-transition: all 0.5s ease;
         -o-transition: all 0.5s ease;
         transition: all 0.5s ease;
         width: auto;
     }
 }


 div#bs-example-navbar-collapse-1 {
     display: block !important;
 }

 button#menu-toggle-2 {
     display: block !important;
 }

 /********custom sidebar css********/

 .sidebar_sliding_toggle {
     position: fixed;
     left: 0;
     z-index: 10001;
     background: #F6F6FB;
     width: 300px;
     padding: 60px 0 0 42px;
      -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;
 }

 .sidebar_bottom {
     position: absolute;
     bottom: 0;
     list-style-type: none;
 }

 div#menu-toggle-2 {
     float: left;
     color: #000;
     margin: 2px 15px 0 0;
     cursor: pointer;
 }

 a.back_overview {
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 400;
     font-size: 20px;
     line-height: 30px;
     color: #000000;
 }

 .sidebar-nav li img {
     max-width: 26px;
     margin: 0px 20px 0 0;
 }

 .sidebar-nav li:hover {
     background: linear-gradient(270.27deg, rgba(102, 109, 162, 0.46) 0%, rgba(113, 102, 249, 0.03) 97.77%);
     color: #000;
 }




 .show_table_row {
     display: none;
 }

 table.table.accordion tr:hover {
     position: relative;
 }

 table.table.accordion tr:hover .show_table_row {
     display: block !important;
     position: absolute;
     left: 0;
     width: 100%;
     background-color: rgb(255 255 255 / 87%);
     text-align: center;
     z-index: 10;
     border: none;
     height: 100%;
     padding: 13px 0 0 0;
 }

 .dashboard_right_top_header {
     border-bottom: solid 1px #F6F6FB;
     padding: 0 0 5px 0;
     margin: 0 0 45px 0;
 }

 .cat_coco {
     width: auto;
 }

 .coco_icon {
     width: auto;
     background: #F6F6FB;
     border-radius: 12.3333px;
     padding: 13px 16px;
     margin: 0 10px 0 0;
 }

 .coco_icon img {}

 .cat_coco .form-select {
     float: left;
     display: inline-block;
     width: auto;
     min-width: 140px;
     border: none;
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 300;
     font-size: 18px;
     line-height: 27px;
     /* identical to box height */
     color: #000000;
     padding-left: 5px;
 }

 .plus_icon {
     float: left;
     background: #666DA2;
     width: 24px;
     height: 24px;
     border-radius: 100px;
     color: #fff;
     text-align: center;
     margin: 14px 0 0 0;
 }

 .user_login_info {
     float: right;
 }

 .user_icon {
     float: left;
     margin: 0 10px 0 0px;
 }

 .user_icon img {}

 .user_login_info .dropdown {
     float: left;
     margin: 5px 0 0 0;
 }

 .user_login_info .dropdown button {
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 400;
     font-size: 20.5556px;
     line-height: 31px;
     /* identical to box height */
     color: #000000;
     padding: 0px;
     background: none;
     border: none;
 }

 .user_login_info .dropdown .dropdown-menu {}

 .user_login_info .dropdown .dropdown-menu li {}

 .user_login_info .dropdown .dropdown-menu li a {}

 .summary_section {
     float: left;
     width: 100%;
     margin: 0 0 30px 0;
 }

 .summary_title {
     float: left;
     width: auto;
 }

 .summary_title h4 {
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 400;
     font-size: 37px;
     line-height: 56px;
     color: #575353;
     float: left;
     margin: 0px 18px 0 0;
 }

 .summary_title img {
     margin: 19px 0 0 0px;
 }

 .summary_section ul {
     float: right;
 }

 .summary_section ul li {
     float: left;
     list-style-type: none;
     border-radius: 29.2599px;
     margin: 0 0 0 7px;
     overflow: hidden;
 }

 .summary_section ul li a {
     background: #F6F6FB;
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 400;
     font-size: 12.8012px;
     line-height: 29px;
     letter-spacing: -0.005em;
     color: #2B2F42;
     padding: 9px 20px;
     display: inline-block;
     text-decoration: none;
 }

 .summary_section ul li a.active {
     background: #666DA2;
     color: #fff;
 }

 .summary_section ul li a:hover {
     color: #fff;
     background: #666DA2;
 }


 .summary_content_section {
     background: rgb(237 237 246 / 50%);
     border-radius: 32px;
     padding: 60px 60px 60px 60px;
 }

 .summary_content_section h3 {
     float: left;
     width: auto;

     /* identical to box height, or 160% */
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 400;
     font-size: 20.5556px;
     line-height: 33px;
     /* identical to box height, or 160% */
     letter-spacing: -0.02em;
     color: #000000;
 }

 .summary_content_section h3 span {
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 500;
     font-size: 12px;
     line-height: 18px;
     /* identical to box height, or 150% */
     text-align: center;
     color: #666DA2;
     background: #ebebf4;
     border-radius: 16px;
     padding: 2px 8px;
 }

 .summary_content_section p {
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 400;
     font-size: 15.3931px;
     line-height: 23px;
     /* or 150% */


     /* Gray/500 */
     color: #667085;
     float: left;
     width: 100%;
 }

 .accordian_expanded_table {
     margin: 15px 0 0 0;
     float: left;
     width: 100%;
 }

 .container_table {
     border: solid 1px #CBCBCE;
     border-radius: 12px;
     overflow: hidden;
 }

 .container_table tr[aria-expanded="true"] .show_table_row {
     display: none !important;
     visibility: hidden;
 }


 span.cehv_down_table {
     float: right;
 }

 .container_table tr[aria-expanded="true"] span.cehv_down_table {
     transform: rotate(90deg);
 }

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

 .table_ai_remoendations h5 {
     float: left;
     width: 100%;
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 500;
     font-size: 14px;
     color: #101828;
     margin: 15px 0 30px 0px;
 }

 .ai_recomend_col {
     border: 0.907057px solid #EAECF0;
     border-radius: 9.07057px;
     padding: 22px 16px 0px 16px;
     margin: 0 0 32px 0px;
 }

 .ai_recomend_col figure {
     text-align: center;
     margin: 32px 0 0 0px;
 }

 .ai_recomend_col figure img {}

 .ai_recomend_content {
     border-left: solid 1px #CCCCCC;
     padding: 4px 0 12px 20px;
 }

 .ai_recomend_content h6 {
     font-family: 'Inter';
     font-style: normal;
     font-weight: 500;
     font-size: 14px;

     /* or 129% */
     color: #000000;
     margin: 0 0 11px 0;
 }

 .ai_recomend_content li {
     list-style-type: none;
     font-family: 'Inter';
     font-style: normal;
     font-weight: 400;
     font-size: 14px;
     line-height: 8px;
     /* or 160% */
     color: #000000;
     margin: 0 0 12px 0;
 }

 .ai_recomend_content li svg {
     margin: 0 10px 0 0px;
 }

 .text_crop_line p {
     height: 24px;
     overflow: hidden !important;
     width: calc(100% - 16px);
     margin: 0px;
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 400;
     font-size: 14px;
     color: #101828;

 }

 .container_table tr[aria-expanded="true"] .text_crop_line p {
     height: auto;
 }


 .container_table thead,
 tbody,
 tfoot,
 tr,
 td,
 th {
     vertical-align: middle;
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 500;
     font-size: 14px;
     line-height: 19px;
     color: #101828;
 }

 .container_table thead tr th {
     color: #667085;
     font-size: 13px;
     background-color: #fff;
 }

 .container_table thead tr th:first-child {
     min-width: 180px;
 }

 .container_table table {
     margin: 0px;
 }

 .checkmark_tick {
     width: 28px;
     height: 28px;
     background: rgb(129 245 187 / 40%);
     color: #027847;
     display: inline-block;
     font-size: 17px;
     border-radius: 100px;
     text-align: center;
     line-height: 28px;
 }

 .cros_tick {
     width: 28px;
     height: 28px;
     background: rgb(255 149 139 / 40%);
     color: #F04438;
     display: inline-block;
     font-size: 17px;
     border-radius: 100px;
     text-align: center;
     line-height: 28px;
 }


 .container_table .accordion-collapse {
     background-color: #fff;
 }


 .ai_recomend_content_2 {
     border-right: solid 1px #CCCCCC;
     border-left: 0;
     padding: 4px 20px 12px 10px;
 }


 .actions_buttons_table {
     float: right;
     margin: 46px 0 36px 0;
     padding: 0 50px 0 0;
 }

 .actions_buttons_table a {
     border: solid 1px #CCCCCC;
     font-family: 'Inter';
     font-style: normal;
     font-weight: 600;
     font-size: 15px;
     line-height: 16px;
     /* or 143% */


     /* Gray/700 */
     color: #344054;
     border-radius: 6px;
     padding: 9px 16px;
     margin: 0 0 0 13px;
     text-decoration: none;
 }

 .actions_buttons_table a.save_change {
     background: #757CAB;
     border: 0.804781px solid #757CAB;
     box-shadow: 0px 0.804781px 1.60956px rgba(16, 24, 40, 0.05);
     color: #fff;
 }

 .actions_buttons_table a:hover {
     background: #757CAB;
     border: 0.804781px solid #757CAB;
     box-shadow: 0px 0.804781px 1.60956px rgba(16, 24, 40, 0.05);
     color: #fff;
 }

 .table_ai_remoendations .text-center input[type="radio"] {
     width: 24px;
     height: 24px;
 }

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

 .accordian_Section_bot {
     float: left;
     max-width: 600px;
 }





 .avatar-xxs {
     height: 24px;
     width: 24px;
 }

 .avatar-xs {
     height: 2rem;
     width: 2rem
 }

 .avatar-sm {
     height: 3rem;
     width: 3rem
 }

 .avatar-md {
     height: 4.5rem;
     width: 4.5rem
 }

 .avatar-lg {
     height: 6rem;
     width: 6rem
 }

 .avatar-xl {
     height: 7.5rem;
     width: 7.5rem
 }

 .avatar-title {
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     background-color: #25a0e2;
     color: #fff;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     font-weight: 500;
     height: 100%;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     width: 100%
 }

 .avatar-group {
     padding-left: 12px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap
 }

 .avatar-group .avatar-group-item {
     margin-left: -12px;
     border: 2px solid var(--vz-card-bg-custom);
     border-radius: 50%;
     -webkit-transition: all .2s;
     transition: all .2s
 }

 .avatar-group .avatar-group-item:hover {
     position: relative;
     -webkit-transform: translateY(-2px);
     transform: translateY(-2px);
     z-index: 1
 }

 .bgl-primary {
     background: #d6f0fb;
     border-color: #d6f0fb;
 }

 .progress {
     height: 6px;
     overflow: hidden;
     border-radius: 1.25rem;
 }

 .progress {
     display: flex;
     overflow: hidden;
     line-height: 0;
     font-size: 0.65625rem;
     background-color: #F2F4F7;
     border-radius: 0.75rem;
 }

 .progress-bar {
     border-radius: 4px;
 }

 .progress-bar {
     background-color: #1EAAE7;
 }

 .progress-bar {
     display: flex;
     flex-direction: column;
     justify-content: center;
     overflow: hidden;
     color: #fff;
     text-align: center;
     white-space: nowrap;
     background-color: #757CAB;
     transition: width 0.6s ease;
 }

 .sr-only {
     position: absolute;
     width: 1px;
     height: 1px;
     padding: 0;
     margin: -1px;
     overflow: hidden;
     clip: rect(0, 0, 0, 0);
     white-space: nowrap;
     border: 0;
 }


 .table .form-check .form-check-input {
     margin-left: 0;
     margin-top: 0;
     float: none;
     vertical-align: middle;
 }

 .form-check-input:checked[type=checkbox] {
     background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e);
 }

 .form-check .form-check-input {
     cursor: pointer;
 }

 .form-check-input:checked {
     background-color: #25a0e2;
     border-color: #25a0e2;
 }

 .form-check-input[type=checkbox] {
     border-radius: 0.25em;
     float: left;
     margin: 8px 0 0 0;
     width: 22px !important;
     height: 22px !important;
 }

 .form-check .form-check-input {
     float: left;
     margin-left: -1.6em;
 }

 .fs-15 {
     font-size: 15px !important;
 }

 .badge-soft-success {
     background-color: rgba(0, 189, 157, .1);
     font-family: 'Inter';
     font-style: normal;
     font-weight: 500;
     font-size: 11.5448px;
     line-height: 17px;
     /* identical to box height, or 150% */
     text-align: center;

     /* Success/700 */
     color: #027A48;
     border-radius: 20px;
     padding: 4px 10px;
 }

 .analytics_headings {
     margin-bottom: 30px;
 }

 
 .analytics_headings a i {
     font-size: 16px;
     margin: 1px 6px 0 0;
     float: left;
 }

 .analytics_headings a:hover {
     background: #757CAB;
     border: 0.962069px solid #757CAB;
     box-shadow: 0px 0.962069px 1.92414px rgba(16, 24, 40, 0.05);
     color: #fff;
 }

 .apexcharts-toolbar {
     display: none !important;
 }





 .dashboard_metrics_section svg {
     height: 100px;
     width: 220px;
 }



 .dashboard_metrics_section svg tspan {
     display: none;
 }

 .dashboard_metrics_section svg line {
     opacity: 0;
 }

 div#chart {}

 .apexcharts-canvas {}

 .dashboard_metrics_section foreignObject {
     display: none;
 }


 .dashboard_metrics_section .card p {
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 500;
     font-size: 15.3931px;
     line-height: 23px;
     color: #101828;
     margin: 0px 0 20px 0px;
 }

 .dashboard_metrics_section .card h2 {
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 600;
     font-size: 34.6345px;
     line-height: 42px;
     color: #101828;
 }


 .dashboard_metrics_section .card p.values_decimal {
     font-family: 'Inter';
     font-style: normal;
     font-weight: 500;
     font-size: 13.469px;
     line-height: 19px;
     color: #667085;
     margin: 15px 0 0 0px;
 }

 .dashboard_metrics_section .card p.values_decimal span {
     font-family: 'Inter';
     font-style: normal;
     font-weight: 500;
     font-size: 13.469px;
     line-height: 19px;
     text-align: center;
     color: #027A48;
     margin: 0 7px 0 0px;
 }

 .dashboard_metrics_section .card p.values_decimal span i {
     color: #12B76A;
 }

 .dashboard_metrics_section .card {
     background: #FFFFFF;
     border: 0.962069px solid #EAECF0;
     box-shadow: 0px 0.962069px 2.88621px rgba(16, 24, 40, 0.1), 0px 0.962069px 1.92414px rgba(16, 24, 40, 0.06);
     border-radius: 7.69655px;
     margin: 0 0 34px 0px;
 }

 .chart_setting {
     position: absolute;
     right: 14px;
     bottom: -13px;
 }

 .dashboard_metrics_section .card p.values_decimal span.text_red_arrow {
     color: #B42318;
 }

 .dashboard_metrics_section .card p.values_decimal span.text_red_arrow i {
     color: #F04438;
 }


 .dashboard_table_filter {
     margin: 0 0 22px 0;
 }

 .table_filters_left {}

 .flter_tags {
     float: left;
 }

 .flter_tags a {
     background: #F6F6FB;
     border: 0.962069px solid #F6F6FB;
     box-shadow: 0px 0.962069px 1.92414px rgba(16, 24, 40, 0.05);
     border-radius: 7.69655px;
     font-family: 'Inter';
     font-style: normal;
     font-weight: 600;
     font-size: 13.469px;
     line-height: 19px;
     color: #757CAB;
     padding: 9px 15px;
     margin: 0 11px 0 0;
     text-decoration: none;
 }

 .flter_tags a i {
     margin: 0 0 0 7px;
 }


 .add_more_filter {
     float: left;
 }

 .add_more_filter a {
     background: #FFFFFF;
     border: 0.962069px solid #D0D5DD;
     box-shadow: 0px 0.962069px 1.92414px rgba(16, 24, 40, 0.05);
     border-radius: 7.69655px;
     font-family: 'Inter';
     font-style: normal;
     font-weight: 600;
     font-size: 13.469px;
     line-height: 19px;
     color: #344054;
     padding: 9px 15px;
     text-decoration: none;
 }

 .add_more_filter a img {
     margin: 0 7px 0 0px;
 }

 .filtyer_search_bar {
     float: right;
     max-width: 308px;
     position: relative;
     margin: -9px 0 0 0;
 }

 .filtyer_search_bar input {
     background: #ffffff;
     border: 0.962069px solid #D0D5DD;
     box-shadow: 0px 0.962069px 1.92414px rgba(16, 24, 40, 0.05);
     border-radius: 7.69655px;
     height: 43px;
     font-family: 'Inter';
     font-style: normal;
     font-weight: 400;
     font-size: 15.3931px;
     line-height: 23px;
     color: #667085;
     padding-left: 37px;
 }

 .filtyer_search_bar i {
     position: absolute;
     left: 14px;
     top: 13px;
 }

 .table_dashbaord_custom .card {
     border: 0.962069px solid #EAECF0;
     box-shadow: 0px 0.962069px 2.88621px rgba(16, 24, 40, 0.1), 0px 0.962069px 1.92414px rgba(16, 24, 40, 0.06);
     border-radius: 7.69655px;
 }

 .table_dashbaord_custom thead tr th {
     font-family: 'Inter';
     font-style: normal;
     font-weight: 500;
     font-size: 11.5448px;
     line-height: 17px;
     color: #667085;
     padding: 12px 23px;
 }

 .table_dashbaord_custom tr td {
     padding: 15px 23px;
 }

 .table_dashbaord_custom .card-body {
     padding: 0px;
 }

 .table {
     margin: 0px;
 }

 .table_first_user {
     margin: 0 0 0 11px;
     float: left;
 }

 .table_first_user img {
     width: 36px;
     float: left;
     margin: 0 11px 5px 0;
 }

 .table_first_user h5 {
     font-family: 'Inter';
     font-style: normal;
     font-weight: 500;
     font-size: 13.469px;
     line-height: 19px;
     color: #101828;
     float: left;
 }

 .table_first_user h5 span {
     font-family: 'Inter';
     font-style: normal;
     font-weight: 400;
     font-size: 13.469px;
     line-height: 19px;
     color: #667085;
 }



 .avatar-title {
     background: #F9F5FF;
     font-family: 'Inter';
     font-style: normal;
     font-weight: 500;
     font-size: 11.5448px;
     line-height: 17px;
     text-align: center;
     color: #757CAB !important;
     background: #F9F5FF !important;
 }

 .table_dashbaord_custom .contant_curater h6 {
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 400;
     font-size: 13px;
     line-height: 20px;
     color: #101828;
 }

 .table_dashbaord_custom .contant_curater span {
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 400;
     font-size: 12px;
     line-height: 20px;
     color: #667085;
 }


 .action_icons a {
     margin: 0 0 0 16px;
     font-size: 20px;
 }

 .action_icons i {
     color: #667085
 }

 .last_icons {
     width: 125px;
 }


 .table_pagination a, button {
     background: #FFFFFF;
     border: 0.962069px solid #D0D5DD;
     box-shadow: 0px 0.962069px 1.92414px rgba(16, 24, 40, 0.05);
     border-radius: 7.69655px;
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 500;
     font-size: 13px;
     line-height: 19px;
     color: #344054;
     padding: 8px 14px;
     margin: 0 12px 0 0px;
 }

 .table_pagination p {
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 500;
     font-size: 13px;
     line-height: 19px;
     color: #344054;
 }

 .pagination_links {
     width: auto;
 }

 .table_pagination {
     padding: 20px 23px 21px 23px;
 }

 .table_pagination p {
     float: right;
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 500;
     font-size: 13px;
     line-height: 19px;
     color: #344054;
     margin: 7px 0 0 0;
 }

 .job_listing_col {
     background: #F8F8FB;
     border-radius: 10px;
     padding: 22px;
     position: relative;
     margin: 0 0 20px 0;
     box-shadow: 0 2px 2px rgba(16, 24, 40, 0.06);
 }

 .job_listing_col header {
     margin: 0 0 5px 0;
 }

 .job_listing_col header figure {
     float: left;
     margin: 0 14px 0 0;
 }

 .job_listing_col header figure img {}

 .job_listing_col header h3 {
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 600;
     font-size: 15px;
     line-height: 21px;
     color: #000000;
     margin: 0 0 4px 0;
 }

 .job_listing_col header p {
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 300;
     font-size: 14px;
     line-height: normal;
     color: #6C6C6C;
 }

 .job_listing_col header img.badge_icon {
     position: absolute;
     right: 20px;
     top: 22px;
 }

 .jobs_tags_list span {
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 400;
     font-size: 14px;
     line-height: 10px;
     text-align: center;
     color: #656565;
     margin: 0 16px 0 0px;
 }

 .job_listing_col footer span.jobs_tags_list {}

 .job_listing_col footer span.jobs_tags_list i {}

 .job_status_verfied span {
     float: left;
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 500;
     font-size: 14px;
     line-height: 14px;
     /* identical to box height */
     color: #838383;
     margin: 0 14px 0 0;
 }

 .job_status_verfied span img {}

 .job_status_verfied p {
     float: right;
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 500;
     font-size: 14px;
     line-height: 15px;
     color: #000000;
     margin: 0px;
 }


 .jobs_tags_list {
     margin: 0 0 20px 0;
 }

 span.star_rating_job {
     float: left;
 }

 .star_rating_job i {
     color: #fac600;
 }

 .job_status_verfied {
     float: right;
     margin: 4px 0 0 0;
 }

 .job_status_verfied span i {
     color: #0593fc;
     margin: 0 4px 0 0;
 }

 .listing_submit_proposal {
     padding: 40px 29px;
 }

 .job_listing_col header h5 {
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 600;
     font-size: 12px;
     line-height: 18px;
     color: #6D6D6D;
     margin: 1px 0 4px 0;
 }


 .listing_submit_proposal header {
     margin-bottom: 49px;
 }


 .job_overview h6 {
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 500;
     font-size: 16px;
     line-height: 21px;
     color: #000000;
     margin: 0 0 14px 0px;
 }


 .job_overview p {
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 300;
     font-size: 14px;
     line-height: normal;
     color: #6C6C6C;
     margin: 0 0 30px 0px;
 }

 .jobs_tags_list h6 {
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 500;
     font-size: 16px;
     line-height: 21px;
     color: #000000;
     margin: 0 0 15px 0px;
 }

 .listing_submit_proposal .jobs_tags_list {
     margin-bottom: 54px;
 }

 .listing_submit_proposal footer h6 {
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 500;
     font-size: 16px;
     line-height: 21px;
     color: #000000;
     margin: 11px 0 15px 0px;
 }

 span.star_rating_job p {
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 300;
     font-size: 13px;
     line-height: normal;
     color: #323232;
     margin: 0 0 5px 0px;
 }

 .listing_submit_proposal .job_status_verfied p {
     float: left;
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 300;
     font-size: 13px;
     line-height: normal;
     color: #323232;
     margin: 0 0 5px 0px;
 }

 .listing_submit_proposal .job_status_verfied span {
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 300;
     font-size: 12px;
     line-height: normal;
     color: #838383;
 }

 .listing_submit_field {
     margin: 33px 0 0 0;
     float: left;
     width: 100%;
 }

 .listing_submit_field input {
     background: #EDEDED;
     border-radius: 3px;
     height: 47px;
 }

 .listing_submit_field button {
     float: right;
     background: #757CAB;
     border: 0.962069px solid #757CAB;
     box-shadow: 0px 0.962069px 1.92414px rgba(16, 24, 40, 0.05);
     border-radius: 7.69655px;
     font-family: 'Inter';
     font-style: normal;
     font-weight: 600;
     font-size: 13px;
     line-height: 19px;
     color: #FFFFFF;
     padding: 14px 17px;
 }


 .table_resumes .table_first_user h5 {
     margin: 6px 0 0 0px;
 }

 .table_resumes .last_icons {
     width: 180px;
 }


 .table_resumes .contant_curater h6 span {
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 400;
     font-size: 13px;
     line-height: 20px;
     color: #101828;
 }



 .table_dashbaord_custom tr:nth-child(even) {
     background: #F9FAFB
 }

 .table_dashbaord_custom tr:nth-child(odd) {
     background: #FFF
 }

 .table_resumes .table_first_user img {
     margin-bottom: 0px;
 }

 /* Toggle Styles */



 #wrapper {
     padding-left: 0;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;
     overflow: hidden;
 }

 #wrapper.toggled {
     padding-left: 250px;
     overflow: hidden;
 }

 #sidebar-wrapper {
     z-index: 1000;
     position: fixed;
     left: 300px;
     width: 0;
     height: 100%;
     margin-left: -300px;
     overflow-y: auto;
     background: #F6F6FB;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;
 }

 #wrapper.toggled #sidebar-wrapper {
     width: 250px;
 }

 #page-content-wrapper {
     position: absolute;
     padding: 15px;
     width: 100%;
     overflow-x: hidden;
 }

 .xyz {
     min-width: 360px;
 }

 #wrapper.toggled #page-content-wrapper {
     position: relative;
     margin-right: 0px;
 }

 .fixed-brand {
     width: auto;
 }

 /* Sidebar Styles */

 .sidebar-nav {
     list-style-type: none;
     margin: 0px;
     padding: 0;
     float: left;
 }

 .sidebar-nav li {
     float: left;
     width: 100%;
     margin: 0 0 10px 0;
     padding: 15px 0 15px 28px;
 }

 .sidebar-nav li a {
     display: block;
     text-decoration: none;
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 400;
     font-size: 13.6533px;
     line-height: 20px;
     color: #000000;
 }

 .sidebar-nav li a:hover {
     text-decoration: none;
     color: #000;
     background: none;
     border: none;
 }

 .sidebar-nav li a:active,
 .sidebar-nav li a:focus {
     text-decoration: none;
 }

 .sidebar-nav > .sidebar-brand {
     height: 65px;
     font-size: 18px;
     line-height: 60px;
 }

 .sidebar-nav > .sidebar-brand a {
     color: #999999;
 }

 .sidebar-nav > .sidebar-brand a:hover {
     color: #fff;
     background: none;
 }

 .no-margin {
     margin: 0;
 }

 @media(min-width:768px) {
     #wrapper {
         padding-left: 300px;
     }

     .fixed-brand {
         width: 250px;
     }

     #wrapper.toggled {
         padding-left: 0;
     }

     #sidebar-wrapper {
         width: 300px;
         padding: 160px 0 0 0px;
     }

     #wrapper.toggled #sidebar-wrapper {
         width: 300px;
     }

     #wrapper.toggled-2 #sidebar-wrapper {
         width: 50px;
     }

     #wrapper.toggled-2 #sidebar-wrapper:hover {
         width: 300px;
     }

     #page-content-wrapper {
         padding: 45px;
         position: relative;
         -webkit-transition: all 0.5s ease;
         -moz-transition: all 0.5s ease;
         -o-transition: all 0.5s ease;
         transition: all 0.5s ease;
     }

     #wrapper.toggled #page-content-wrapper {
         position: relative;
         margin-right: 0;
         padding-left: 300px;
     }

     #wrapper.toggled-2 #page-content-wrapper {
         position: relative;
         margin-right: 0;
         margin-left: -200px;
         -webkit-transition: all 0.5s ease;
         -moz-transition: all 0.5s ease;
         -o-transition: all 0.5s ease;
         transition: all 0.5s ease;
         width: auto;
     }
 }


 div#bs-example-navbar-collapse-1 {
     display: block !important;
 }

 button#menu-toggle-2 {
     display: block !important;
 }

 /********custom sidebar css********/



 .sidebar-nav li:hover {
     background: linear-gradient(270.27deg, rgba(102, 109, 162, 0.46) 0%, rgba(113, 102, 249, 0.03) 97.77%);
     color: #000;
 }




 .show_table_row {
     display: none;
 }

 table.table.accordion tr:hover {
     position: relative;
 }

 table.table.accordion tr:hover .show_table_row {
     display: block !important;
     position: absolute;
     left: 0;
     width: 100%;
     background-color: rgb(255 255 255 / 87%);
     text-align: center;
     z-index: 10;
     border: none;
     height: 100%;
     padding: 13px 0 0 0;
 }

 .dashboard_right_top_header {
     border-bottom: solid 1px #F6F6FB;
     padding: 0 0 5px 0;
     margin: 0 0 45px 0;
 }

 .cat_coco {
     width: auto;
 }

 .coco_icon {
     width: auto;
     background: #F6F6FB;
     border-radius: 12.3333px;
     padding: 13px 16px;
     margin: 0 10px 0 0;
 }

 .coco_icon img {}

 .cat_coco .form-select {
     float: left;
     display: inline-block;
     width: auto;
     min-width: 140px;
     border: none;
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 300;
     font-size: 18px;
     line-height: 27px;
     /* identical to box height */
     color: #000000;
     padding-left: 5px;
 }

 .plus_icon {
     float: left;
     background: #666DA2;
     width: 24px;
     height: 24px;
     border-radius: 100px;
     color: #fff;
     text-align: center;
     margin: 14px 0 0 0;
 }

 .user_login_info {
     float: right;
 }

 .user_icon {
     float: left;
     margin: 0 10px 0 0px;
 }

 .user_icon img {}

 .user_login_info .dropdown {
     float: left;
     margin: 5px 0 0 0;
 }

 .user_login_info .dropdown button {
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 400;
     font-size: 20.5556px;
     line-height: 31px;
     /* identical to box height */
     color: #000000;
     padding: 0px;
     background: none;
     border: none;
 }

 .user_login_info .dropdown .dropdown-menu {}

 .user_login_info .dropdown .dropdown-menu li {}

 .user_login_info .dropdown .dropdown-menu li a {}

 .summary_section {
     float: left;
     width: 100%;
     margin: 0 0 30px 0;
 }

 .summary_title {
     float: left;
     width: auto;
 }

 .summary_title h4 {
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 400;
     font-size: 37px;
     line-height: 56px;
     color: #575353;
     float: left;
     margin: 0px 18px 0 0;
 }

 .summary_title img {
     margin: 19px 0 0 0px;
 }

 .summary_section ul {
     float: right;
 }

 .summary_section ul li {
     float: left;
     list-style-type: none;
     border-radius: 29.2599px;
     margin: 0 0 0 7px;
     overflow: hidden;
 }

 .summary_section ul li a {
     background: #F6F6FB;
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 400;
     font-size: 12.8012px;
     line-height: 29px;
     letter-spacing: -0.005em;
     color: #2B2F42;
     padding: 9px 20px;
     display: inline-block;
     text-decoration: none;
 }

 .summary_section ul li a.active {
     background: #666DA2;
     color: #fff;
 }

 .summary_section ul li a:hover {
     color: #fff;
     background: #666DA2;
 }


 .summary_content_section {
     background: rgb(237 237 246 / 50%);
     border-radius: 32px;
     padding: 60px 60px 60px 60px;
 }

 .summary_content_section h3 {
     float: left;
     width: auto;

     /* identical to box height, or 160% */
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 400;
     font-size: 20.5556px;
     line-height: 33px;
     /* identical to box height, or 160% */
     letter-spacing: -0.02em;
     color: #000000;
 }

 .summary_content_section h3 span {
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 500;
     font-size: 12px;
     line-height: 18px;
     /* identical to box height, or 150% */
     text-align: center;
     color: #666DA2;
     background: #ebebf4;
     border-radius: 16px;
     padding: 2px 8px;
 }

 .summary_content_section p {
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 400;
     font-size: 15.3931px;
     line-height: 23px;
     /* or 150% */


     /* Gray/500 */
     color: #667085;
     float: left;
     width: 100%;
 }

 .accordian_expanded_table {
     margin: 15px 0 0 0;
     float: left;
     width: 100%;
 }

 .container_table {
     border: solid 1px #CBCBCE;
     border-radius: 12px;
     overflow: hidden;
 }

 .container_table tr[aria-expanded="true"] .show_table_row {
     display: none !important;
     visibility: hidden;
 }


 span.cehv_down_table {
     float: right;
 }

 .container_table tr[aria-expanded="true"] span.cehv_down_table {
     transform: rotate(90deg);
 }

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

 .table_ai_remoendations h5 {
     float: left;
     width: 100%;
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 500;
     font-size: 14px;
     color: #101828;
     margin: 15px 0 30px 0px;
 }

 .ai_recomend_col {
     border: 0.907057px solid #EAECF0;
     border-radius: 9.07057px;
     padding: 22px 16px 0px 16px;
     margin: 0 0 32px 0px;
 }

 .ai_recomend_col figure {
     text-align: center;
     margin: 32px 0 0 0px;
 }

 .ai_recomend_col figure img {}

 .ai_recomend_content {
     border-left: solid 1px #CCCCCC;
     padding: 4px 0 12px 20px;
 }

 .ai_recomend_content h6 {
     font-family: 'Inter';
     font-style: normal;
     font-weight: 500;
     font-size: 14px;

     /* or 129% */
     color: #000000;
     margin: 0 0 11px 0;
 }

 .ai_recomend_content li {
     list-style-type: none;
     font-family: 'Inter';
     font-style: normal;
     font-weight: 400;
     font-size: 14px;
     line-height: 8px;
     /* or 160% */
     color: #000000;
     margin: 0 0 12px 0;
 }

 .ai_recomend_content li svg {
     margin: 0 10px 0 0px;
 }

 .text_crop_line p {
     height: 24px;
     overflow: hidden !important;
     width: calc(100% - 16px);
     margin: 0px;
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 400;
     font-size: 14px;
     color: #101828;

 }

 .container_table tr[aria-expanded="true"] .text_crop_line p {
     height: auto;
 }


 .container_table thead,
 tbody,
 tfoot,
 tr,
 td,
 th {
     vertical-align: middle;
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 500;
     font-size: 14px;
     line-height: 19px;
     color: #101828;
 }

 .container_table thead tr th {
     color: #667085;
     font-size: 13px;
     background-color: #fff;
 }

 .container_table thead tr th:first-child {
     min-width: 180px;
 }

 .container_table table {
     margin: 0px;
 }

 .checkmark_tick {
     width: 28px;
     height: 28px;
     background: rgb(129 245 187 / 40%);
     color: #027847;
     display: inline-block;
     font-size: 17px;
     border-radius: 100px;
     text-align: center;
     line-height: 28px;
 }

 .cros_tick {
     width: 28px;
     height: 28px;
     background: rgb(255 149 139 / 40%);
     color: #F04438;
     display: inline-block;
     font-size: 17px;
     border-radius: 100px;
     text-align: center;
     line-height: 28px;
 }


 .container_table .accordion-collapse {
     background-color: #fff;
 }


 .ai_recomend_content_2 {
     border-right: solid 1px #CCCCCC;
     border-left: 0;
     padding: 4px 20px 12px 10px;
 }


 .actions_buttons_table {
     float: right;
     margin: 46px 0 36px 0;
     padding: 0 50px 0 0;
 }

 .actions_buttons_table a {
     border: solid 1px #CCCCCC;
     font-family: 'Inter';
     font-style: normal;
     font-weight: 600;
     font-size: 15px;
     line-height: 16px;
     /* or 143% */


     /* Gray/700 */
     color: #344054;
     border-radius: 6px;
     padding: 9px 16px;
     margin: 0 0 0 13px;
     text-decoration: none;
 }

 .actions_buttons_table a.save_change {
     background: #757CAB;
     border: 0.804781px solid #757CAB;
     box-shadow: 0px 0.804781px 1.60956px rgba(16, 24, 40, 0.05);
     color: #fff;
 }

 .actions_buttons_table a:hover {
     background: #757CAB;
     border: 0.804781px solid #757CAB;
     box-shadow: 0px 0.804781px 1.60956px rgba(16, 24, 40, 0.05);
     color: #fff;
 }

 .table_ai_remoendations .text-center input[type="radio"] {
     width: 24px;
     height: 24px;
 }

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

 .accordian_Section_bot {
     float: left;
     max-width: 600px;
 }





 .avatar-xxs {
     height: 24px;
     width: 24px;
 }

 .avatar-xs {
     height: 2rem;
     width: 2rem
 }

 .avatar-sm {
     height: 3rem;
     width: 3rem
 }

 .avatar-md {
     height: 4.5rem;
     width: 4.5rem
 }

 .avatar-lg {
     height: 6rem;
     width: 6rem
 }

 .avatar-xl {
     height: 7.5rem;
     width: 7.5rem
 }

 .avatar-title {
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     background-color: #25a0e2;
     color: #fff;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     font-weight: 500;
     height: 100%;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     width: 100%
 }

 .avatar-group {
     padding-left: 12px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap
 }

 .avatar-group .avatar-group-item {
     margin-left: -12px;
     border: 2px solid var(--vz-card-bg-custom);
     border-radius: 50%;
     -webkit-transition: all .2s;
     transition: all .2s
 }

 .avatar-group .avatar-group-item:hover {
     position: relative;
     -webkit-transform: translateY(-2px);
     transform: translateY(-2px);
     z-index: 1
 }

 .bgl-primary {
     background: #d6f0fb;
     border-color: #d6f0fb;
 }

 .progress {
     height: 6px;
     overflow: hidden;
     border-radius: 1.25rem;
 }

 .progress {
     display: flex;
     overflow: hidden;
     line-height: 0;
     font-size: 0.65625rem;
     background-color: #F2F4F7;
     border-radius: 0.75rem;
 }

 .progress-bar {
     border-radius: 4px;
 }

 .progress-bar {
     background-color: #1EAAE7;
 }

 .progress-bar {
     display: flex;
     flex-direction: column;
     justify-content: center;
     overflow: hidden;
     color: #fff;
     text-align: center;
     white-space: nowrap;
     background-color: #757CAB;
     transition: width 0.6s ease;
 }

 .sr-only {
     position: absolute;
     width: 1px;
     height: 1px;
     padding: 0;
     margin: -1px;
     overflow: hidden;
     clip: rect(0, 0, 0, 0);
     white-space: nowrap;
     border: 0;
 }


 .table .form-check .form-check-input {
     margin-left: 0;
     margin-top: 0;
     float: none;
     vertical-align: middle;
 }

 .form-check-input:checked[type=checkbox] {
     background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e);
 }

 .form-check .form-check-input {
     cursor: pointer;
 }

 .form-check-input:checked {
     background-color: #25a0e2;
     border-color: #25a0e2;
 }

 .form-check-input[type=checkbox] {
     border-radius: 0.25em;
     float: left;
     margin: 8px 0 0 0;
     width: 22px !important;
     height: 22px !important;
 }

 .form-check .form-check-input {
     float: left;
     margin-left: -1.6em;
 }

 .fs-15 {
     font-size: 15px !important;
 }

 .badge-soft-success {
     background-color: rgba(0, 189, 157, .1);
     font-family: 'Inter';
     font-style: normal;
     font-weight: 500;
     font-size: 11.5448px;
     line-height: 17px;
     /* identical to box height, or 150% */
     text-align: center;

     /* Success/700 */
     color: #027A48;
     border-radius: 20px;
     padding: 4px 10px;
 }

 .analytics_headings {
     margin-bottom: 30px;
 }

 .analytics_headings h4 {
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 400;
     font-size: 36px;
     line-height: 37px;
     color: #101828;
     margin: 0 0 8px 0;
 }

 .analytics_headings p {
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 400;
     font-size: 15.3931px;
     line-height: 23px;
     margin: 0px;
     color: #667085;
 }

 .analytics_headings a {
     background: #FFFFFF;
     border: 0.962069px solid #D0D5DD;
     box-shadow: 0px 0.962069px 1.92414px rgba(16, 24, 40, 0.05);
     border-radius: 7.69655px;
     font-family: 'Inter';
     font-style: normal;
     font-weight: 600;
     font-size: 13.469px;
     line-height: 19px;
     text-decoration: none;
     color: #344054;
     padding: 9px 15px;
     float: right;
     margin: 3px 0 0 11px;
 }

 .analytics_headings a i {
     font-size: 16px;
     margin: 1px 6px 0 0;
     float: left;
 }

 .analytics_headings a:hover {
     background: #757CAB;
     border: 0.962069px solid #757CAB;
     box-shadow: 0px 0.962069px 1.92414px rgba(16, 24, 40, 0.05);
     color: #fff;
 }

 .apexcharts-toolbar {
     display: none !important;
 }





 .dashboard_metrics_section svg {
     height: 100px;
     width: 220px;
 }



 .dashboard_metrics_section svg tspan {
     display: none;
 }

 .dashboard_metrics_section svg line {
     opacity: 0;
 }

 div#chart {}

 .apexcharts-canvas {}

 .dashboard_metrics_section foreignObject {
     display: none;
 }


 .dashboard_metrics_section .card p {
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 500;
     font-size: 15.3931px;
     line-height: 23px;
     color: #101828;
     margin: 0px 0 20px 0px;
 }

 .dashboard_metrics_section .card h2 {
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 600;
     font-size: 34.6345px;
     line-height: 42px;
     color: #101828;
 }


 .dashboard_metrics_section .card p.values_decimal {
     font-family: 'Inter';
     font-style: normal;
     font-weight: 500;
     font-size: 13.469px;
     line-height: 19px;
     color: #667085;
     margin: 15px 0 0 0px;
 }

 .dashboard_metrics_section .card p.values_decimal span {
     font-family: 'Inter';
     font-style: normal;
     font-weight: 500;
     font-size: 13.469px;
     line-height: 19px;
     text-align: center;
     color: #027A48;
     margin: 0 7px 0 0px;
 }

 .dashboard_metrics_section .card p.values_decimal span i {
     color: #12B76A;
 }

 .dashboard_metrics_section .card {
     background: #FFFFFF;
     border: 0.962069px solid #EAECF0;
     box-shadow: 0px 0.962069px 2.88621px rgba(16, 24, 40, 0.1), 0px 0.962069px 1.92414px rgba(16, 24, 40, 0.06);
     border-radius: 7.69655px;
     margin: 0 0 34px 0px;
 }

 .chart_setting {
     position: absolute;
     right: 14px;
     bottom: -13px;
 }

 .dashboard_metrics_section .card p.values_decimal span.text_red_arrow {
     color: #B42318;
 }

 .dashboard_metrics_section .card p.values_decimal span.text_red_arrow i {
     color: #F04438;
 }


 .dashboard_table_filter {
     margin: 0 0 22px 0;
 }

 .table_filters_left {}

 .flter_tags {
     float: left;
 }

 .flter_tags a {
     background: #F6F6FB;
     border: 0.962069px solid #F6F6FB;
     box-shadow: 0px 0.962069px 1.92414px rgba(16, 24, 40, 0.05);
     border-radius: 7.69655px;
     font-family: 'Inter';
     font-style: normal;
     font-weight: 600;
     font-size: 13.469px;
     line-height: 19px;
     color: #757CAB;
     padding: 9px 15px;
     margin: 0 11px 0 0;
     text-decoration: none;
 }

 .flter_tags a i {
     margin: 0 0 0 7px;
 }


 .add_more_filter {
     float: left;
 }

 .add_more_filter a {
     background: #FFFFFF;
     border: 0.962069px solid #D0D5DD;
     box-shadow: 0px 0.962069px 1.92414px rgba(16, 24, 40, 0.05);
     border-radius: 7.69655px;
     font-family: 'Inter';
     font-style: normal;
     font-weight: 600;
     font-size: 13.469px;
     line-height: 19px;
     color: #344054;
     padding: 9px 15px;
     text-decoration: none;
 }

 .add_more_filter a img {
     margin: 0 7px 0 0px;
 }

 .filtyer_search_bar {
     float: right;
     max-width: 308px;
     position: relative;
     margin: -9px 0 0 0;
 }

 .filtyer_search_bar input {
     background: #ffffff;
     border: 0.962069px solid #D0D5DD;
     box-shadow: 0px 0.962069px 1.92414px rgba(16, 24, 40, 0.05);
     border-radius: 7.69655px;
     height: 43px;
     font-family: 'Inter';
     font-style: normal;
     font-weight: 400;
     font-size: 15.3931px;
     line-height: 23px;
     color: #667085;
     padding-left: 37px;
 }

 .filtyer_search_bar i {
     position: absolute;
     left: 14px;
     top: 13px;
 }

 .table_dashbaord_custom .card {
     border: 0.962069px solid #EAECF0;
     box-shadow: 0px 0.962069px 2.88621px rgba(16, 24, 40, 0.1), 0px 0.962069px 1.92414px rgba(16, 24, 40, 0.06);
     border-radius: 7.69655px;
 }

 .table_dashbaord_custom thead tr th {
     font-family: 'Inter';
     font-style: normal;
     font-weight: 500;
     font-size: 11.5448px;
     line-height: 17px;
     color: #667085;
     padding: 12px 23px;
 }

 .table_dashbaord_custom tr td {
     padding: 15px 23px;
 }

 .table_dashbaord_custom .card-body {
     padding: 0px;
 }

 .table {
     margin: 0px;
 }

 .table_first_user {
     margin: 0 0 0 11px;
     float: left;
 }

 .table_first_user img {
     width: 36px;
     float: left;
     margin: 0 11px 5px 0;
 }

 .table_first_user h5 {
     font-family: 'Inter';
     font-style: normal;
     font-weight: 500;
     font-size: 13.469px;
     line-height: 19px;
     color: #101828;
     float: left;
 }

 .table_first_user h5 span {
     font-family: 'Inter';
     font-style: normal;
     font-weight: 400;
     font-size: 13.469px;
     line-height: 19px;
     color: #667085;
 }



 .avatar-title {
     background: #F9F5FF;
     font-family: 'Inter';
     font-style: normal;
     font-weight: 500;
     font-size: 11.5448px;
     line-height: 17px;
     text-align: center;
     color: #757CAB !important;
     background: #F9F5FF !important;
 }

 .table_dashbaord_custom .contant_curater h6 {
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 400;
     font-size: 13px;
     line-height: 20px;
     color: #101828;
 }

 .table_dashbaord_custom .contant_curater span {
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 400;
     font-size: 12px;
     line-height: 20px;
     color: #667085;
 }


 .action_icons a {
     margin: 0 0 0 16px;
     font-size: 20px;
 }

 .action_icons i {
     color: #667085
 }

 .last_icons {
     width: 125px;
 }


 .table_pagination a {
     background: #FFFFFF;
     border: 0.962069px solid #D0D5DD;
     box-shadow: 0px 0.962069px 1.92414px rgba(16, 24, 40, 0.05);
     border-radius: 7.69655px;
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 500;
     font-size: 13px;
     line-height: 19px;
     color: #344054;
     padding: 8px 14px;
     margin: 0 12px 0 0px;
 }

 .table_pagination p {
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 500;
     font-size: 13px;
     line-height: 19px;
     color: #344054;
 }

 .pagination_links {
     width: auto;
 }

 .table_pagination {
     padding: 20px 23px 21px 23px;
 }

 .table_pagination p {
     float: right;
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 500;
     font-size: 13px;
     line-height: 19px;
     color: #344054;
     margin: 7px 0 0 0;
 }

 .job_listing_col {
     background: #F8F8FB;
     border-radius: 10px;
     padding: 22px;
     position: relative;
     margin: 0 0 20px 0;
     box-shadow: 0 2px 2px rgba(16, 24, 40, 0.06);
 }

 .job_listing_col header {
     margin: 0 0 5px 0;
 }

 .job_listing_col header figure {
     float: left;
     margin: 0 14px 0 0;
 }

 .job_listing_col header figure img {}

 .job_listing_col header h3 {
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 600;
     font-size: 15px;
     line-height: 21px;
     color: #000000;
     margin: 0 0 4px 0;
 }

 .job_listing_col header p {
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 300;
     font-size: 14px;
     line-height: normal;
     color: #6C6C6C;
 }

 .job_listing_col header img.badge_icon {
     position: absolute;
     right: 20px;
     top: 22px;
 }

 .jobs_tags_list span {
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 400;
     font-size: 14px;
     line-height: 10px;
     text-align: center;
     color: #656565;
     margin: 0 16px 0 0px;
 }

 .job_listing_col footer span.jobs_tags_list {}

 .job_listing_col footer span.jobs_tags_list i {}

 .job_status_verfied span {
     float: left;
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 500;
     font-size: 14px;
     line-height: 14px;
     /* identical to box height */
     color: #838383;
     margin: 0 14px 0 0;
 }

 .job_status_verfied span img {}

 .job_status_verfied p {
     float: right;
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 500;
     font-size: 14px;
     line-height: 15px;
     color: #000000;
     margin: 0px;
 }


 .jobs_tags_list {
     margin: 0 0 20px 0;
 }

 span.star_rating_job {
     float: left;
 }

 .star_rating_job i {
     color: #fac600;
 }

 .job_status_verfied {
     float: right;
     margin: 4px 0 0 0;
 }

 .job_status_verfied span i {
     color: #0593fc;
     margin: 0 4px 0 0;
 }

 .listing_submit_proposal {
     padding: 40px 29px;
 }

 .job_listing_col header h5 {
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 600;
     font-size: 12px;
     line-height: 18px;
     color: #6D6D6D;
     margin: 1px 0 4px 0;
 }


 .listing_submit_proposal header {
     margin-bottom: 49px;
 }


 .job_overview h6 {
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 500;
     font-size: 16px;
     line-height: 21px;
     color: #000000;
     margin: 0 0 14px 0px;
 }


 .job_overview p {
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 300;
     font-size: 14px;
     line-height: normal;
     color: #6C6C6C;
     margin: 0 0 30px 0px;
 }

 .jobs_tags_list h6 {
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 500;
     font-size: 16px;
     line-height: 21px;
     color: #000000;
     margin: 0 0 15px 0px;
 }

 .listing_submit_proposal .jobs_tags_list {
     margin-bottom: 54px;
 }

 .listing_submit_proposal footer h6 {
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 500;
     font-size: 16px;
     line-height: 21px;
     color: #000000;
     margin: 11px 0 15px 0px;
 }

 span.star_rating_job p {
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 300;
     font-size: 13px;
     line-height: normal;
     color: #323232;
     margin: 0 0 5px 0px;
 }

 .listing_submit_proposal .job_status_verfied p {
     float: left;
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 300;
     font-size: 13px;
     line-height: normal;
     color: #323232;
     margin: 0 0 5px 0px;
 }

 .listing_submit_proposal .job_status_verfied span {
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 300;
     font-size: 12px;
     line-height: normal;
     color: #838383;
 }

 .listing_submit_field {
     margin: 33px 0 0 0;
     float: left;
     width: 100%;
 }

 .listing_submit_field input {
     background: #EDEDED;
     border-radius: 3px;
     height: 47px;
 }

 .listing_submit_field button {
     float: right;
     background: #757CAB;
     border: 0.962069px solid #757CAB;
     box-shadow: 0px 0.962069px 1.92414px rgba(16, 24, 40, 0.05);
     border-radius: 7.69655px;
     font-family: 'Inter';
     font-style: normal;
     font-weight: 600;
     font-size: 13px;
     line-height: 19px;
     color: #FFFFFF;
     padding: 14px 17px;
 }


 .table_resumes .table_first_user h5 {
     margin: 6px 0 0 0px;
 }

 .table_resumes .last_icons {
     width: 180px;
 }


 .table_resumes .contant_curater h6 span {
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 400;
     font-size: 13px;
     line-height: 20px;
     color: #101828;
 }



 .table_dashbaord_custom tr:nth-child(even) {
     background: #F9FAFB
 }

 .table_dashbaord_custom tr:nth-child(odd) {
     background: #FFF
 }

 .table_resumes .table_first_user img {
     margin-bottom: 0px;
 }




 .profile_user_wrapper {
     background: #F9FAFB;
 }

 .profile_user_banner img {
     width: 100%
 }

 .user_profile_info {
     float: left;
     width: 100%;
     margin: 0 0 48px 0;
 }

 .user_avater_col {
     float: left;
     width: auto;
 }

 .user_avater_col figure {
     float: left;
     width: 160px;
     height: 160px;
     border-radius: 100px;
     border: solid 2px #fff;
     margin: -38px 24px 0 0;
     overflow: hidden;
 }

 .user_avater_col figure img {
     width: 100%;
 }

 .user_avater_col h3 {
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 500;
     font-size: 30px;
     line-height: 38px;
     /* identical to box height, or 127% */


     /* Gray/900 */
     color: #101828;
     float: left;
     width: calc(100% - 185px);
     margin: 24px 0 4px 0;
 }

 .user_avater_col a {
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 300;
     font-size: 15px;
     line-height: 24px;
     /* identical to box height, or 160% */


     /* Gray/500 */
     color: #667085;
     text-decoration: none;
 }

 .profile_share_buttons {
     float: right;
 }

 .profile_share_buttons a {
     background: #FFFFFF;
     /* Gray/300 */
     border: 1px solid #D0D5DD;
     /* Shadow/xs */
     box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
     border-radius: 8px;
     margin: 44px 0 0 12px;
     float: left;
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 500;
     font-size: 14px;
     line-height: 20px;
     color: #344054;
     padding: 10px 16px;
     text-decoration: none;
 }

 .profile_share_buttons a:hover {
     background: #757CAB;
     border: 1px solid #757CAB;
     box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
     color: #fff;
 }

 .profile_share_buttons a i {
     margin: 0 6px 0 0px;
 }


.uploading_file_section {
    float: left;
    width: 100%;
    position: absolute;
    border-radius: 45px;
    height: 100%;
    margin: 0px;
    background: rgb(255 255 255 / 74%);
    box-shadow: 2px 3px 6px 3px rgb(148 148 148 / 21%);
    padding: 0 80px;
}

.tns-outer {
    padding: 0 !important;
    position: relative;
}

#wrapper.toggled-2 .sidebar-nav li a{
    height: 26px;
    overflow: hidden;
}

#wrapper.toggled-2 #sidebar-wrapper {
    width: 80px;
    overflow-x: hidden;
}
 

#wrapper.toggled-2 .sidebar_sliding_toggle{
    width: 80px;
}

#wrapper.toggled-2 a.back_overview{
    visibility: hidden;
}

 .user_forms_labels {}

 .user_forms_labels h6 {
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 400;
     font-size: 14px;
     line-height: 20px;
     color: #344054;
 }

 .user_forms_labels p {
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 300;
     font-size: 13px;
     line-height: 20px;
     color: #667085;
 }

 .user_info_form {
     background: #FFFFFF;
     box-shadow: 0px 1px 3px rgba(16, 24, 40, 0.1), 0px 1px 2px rgba(16, 24, 40, 0.06);
     border-radius: 8px;
     padding: 24px 0 0 0;
     float: left;
     width: 100%;
 }

 .user_info_form .form-group {
     padding: 0;
 }

 .left_right_padd {
     padding: 0 24px;
 }

 .user_info_form label {
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 400;
     font-size: 13px;
     line-height: 20px;
     /* identical to box height, or 154% */


     /* Gray/700 */
     color: #344054;
     margin: 0 0 6px 0;
 }

 .user_info_form input {
     background: #FFFFFF;
     /* Gray/300 */
     border: 1px solid #D0D5DD;
     /* Shadow/xs */
     box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
     border-radius: 8px;
     height: 44px;
     margin: 0 0 24px 0;
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 400;
     font-size: 16px;
     line-height: 24px;
     /* identical to box height, or 150% */


     /* Gray/900 */
     color: #101828;
 }

 .file_upload_field {
     margin: 0;
 }

 .file_upload_field img {
     margin: 0 20px 0 0px;
     max-width: 64px;
     float: left;
 }

 .file_upload_container {
     float: left;
     width: calc(100% - 85px);
 }


 .file_upload_container p {
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 400;
     font-size: 12px;
     line-height: 18px;
     /* identical to box height, or 150% */
     text-align: center;

     /* Gray/500 */
     color: #667085;
     margin: 0;
 }

 .file_upload_container p strong {
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 600;
     font-size: 13px;
     line-height: 20px;
     /* identical to box height, or 154% */
     color: #757CAB;
 }


 .submit_buttons {
     float: left;
     width: 100%;
     margin: 24px 0 0 0;
     border-top: solid 1px #EAECF0;
     padding: 16px 24px;
 }

 .submit_buttons button {
     background: #FFFFFF;
     border: 1px solid #D0D5DD;
     box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
     border-radius: 8px;
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 500;
     font-size: 14px;
     line-height: 20px;
     color: #344054;
     padding: 10px 16px;
     float: right;
     margin: 0 0 0 12px;
 }

 .submit_buttons button:hover {
     background: #757CAB;
     border: 1px solid #757CAB;
     box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
     border-radius: 8px;
     color: #fff;
 }


 .user_profile_content hr {
     border-color: #EAECF0;
     margin: 20px 0px;
     opacity: unset;
 }

 .user_profile_content {
     margin-bottom: 100px;
 }



 .user_info_form textarea {
     background: #FFFFFF;
     border: 1px solid #D0D5DD;
     box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
     border-radius: 8px;
     height: 128px;
     margin: 0 0 8px 0;
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 400;
     font-size: 16px;
     line-height: 24px;
     color: #101828;
     resize: none;
 }

 .character_left {
     float: left;
     width: 100%;
     font-family: 'Inter';
     font-style: normal;
     font-weight: 400;
     font-size: 14px;
     line-height: 20px;
     color: #667085;
     margin: 0 0 12px 0px;
 }

 .editer_select {}

 .editer_select select {
     max-width: 240px;
     float: left;
 }

 .editer_options {
     float: left;
     margin: 8px 0 0 22px;
 }

 .editer_options button {
     padding: 0;
     color: #98A2B3;
     font-weight: bold;
     font-size: 16px;
     margin: 0 12px 0 0;
 }


 .user_info_form select {
     border: 1px solid #D0D5DD;
     border-radius: 8px;
     margin: 0 0 24px 0;
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 400;
     font-size: 16px;
     color: #101828;
 }












 .available_status input[type="checkbox"] {
     position: relative;
     width: 36px;
     height: 20px;
     -webkit-appearance: none;
     appearance: none;
     background: #757CAB;
     outline: none;
     border-radius: 12px;
     cursor: pointer;
     margin: 4px 0 0 0;
     float: left;
 }

 .available_status input[type="checkbox"]::before {
     content: "";
     width: 16px;
     height: 15px;
     border-radius: 50%;
     background: #fff;
     position: absolute;
     top: 2px;
     left: 2px;
     transition: 0.5s;
 }

 .available_status input[type="checkbox"]:checked::before {
     transform: translateX(100%);
     background: #fff;
 }

 .available_status input[type="checkbox"]:checked {
     background: #757CAB;
 }

 .available_status p {
     float: left;
     width: calc(100% - 59px);
     padding: 0 0 0 15px;
     margin: 0px;
 }

 .available_status {
     margin: 0 0 22px 0px;
 }

 .group_label_control .weblink {
     position: absolute;
     top: 31px;
     z-index: 10;
     left: 0;
     border-right: 1px solid #D0D5DD;
     height: 44px;
     padding: 10px 14px;
 }

 .group_label_control input {
     padding-left: 90px;
 }

 .group_label_control {
     position: relative;
 }


 .group_label_control2 input {
     padding-left: 150px;
 }

 .admin_metrics_col {
     border-radius: 16.6637px;
     padding: 25px;
     margin: 0 0 32px 0px;
 }

 .bg_blue {
     background: #E3F5FF;
 }

 .bg_purple {
     background: #E5ECF6;
 }


 .admin_metrics_col h6 {
     font-family: 'Inter';
     font-style: normal;
     font-weight: 600;
     font-size: 15.5807px;
     line-height: 21px;
     color: #1C1C1C;
     margin: 0 0 10px 0px;
 }

 .admin_metrics_col h5 {
     font-family: 'Inter';
     font-style: normal;
     font-weight: 600;
     font-size: 26.9955px;
     line-height: 37px;
     color: #1C1C1C;
     margin: 0;
 }

 .admin_metrics_col h5 span {
     font-family: 'Inter';
     font-style: normal;
     font-weight: 400;
     font-size: 13.4978px;
     line-height: 19px;
     text-align: right;
     color: #1C1C1C;
     float: right;
     margin: 9px 0 0 0;
 }

 .admin_metrics_col h5 span img {
     margin: 0 0 0 4px;
 }

 .admin_metrics_sorting {
     float: left;
     width: 100%;
     padding: 0 22px;
     margin: 12px 0 24px 0;
 }

 .admin_metrics_sorting a {
     text-decoration: none;
 }

 .admin_metrics_sorting a span {
     font-family: 'Inter';
     font-style: normal;
     font-weight: 600;
     font-size: 14.5807px;
     line-height: 21px;
     color: #1C1C1C !important;
 }

 .admin_metrics_sorting a span i {
     font-size: 11px;
     opacity: .4;
     margin: 0 0 0 5px;
 }

 .no-border {
     border: none;
 }


 .traphic_by_website {
     background: #F7F9FB;
     border-radius: 16.6637px;
     padding: 25px 45px 21px 45px;
 }

 .traphic_by_website h4 {
     font-family: 'Inter';
     font-style: normal;
     font-weight: 600;
     font-size: 18px;
     line-height: 21px;
     /* identical to box height, or 143% */


     /* Black/100% */
     color: #1C1C1C;
     margin: 0 0 25px 0;
 }

 .trafic_progress {
     float: left;
     width: 100%;
     margin: 0 0 25px 0;
     padding: 0;
 }

 .trafic_progress h6 {
     font-family: 'Inter';
     font-style: normal;
     font-weight: 500;
     font-size: 15px;
     line-height: 19px;
     /* identical to box height, or 150% */



     /* Black/100% */
     color: #1C1C1C;
     margin: 0 20px 0 0;
     float: left;
     min-width: 98px;
     border-right: solid 2px rgba(0, 0, 0, 0.1);
 }

 .trafic_progress .progress {
     padding: 0 0 0 0;
     margin: 6px 0 0 0;
     height: 7px;
     background-color: rgba(0, 0, 0, 0.1);
     border-radius: 0 0.75rem 0.75rem 0;
 }

 .trafic_progress .progress .progress-bar {
     background-color: #1C1C1C;
     border-radius: 0px 0.75rem 0.75rem 0;
 }


 .total_peojects_graph {
     background: #F7F9FB;
     border-radius: 16.6637px;
     padding: 25px 25px 13px 25px;
     margin-bottom: 24px;
 }

 .total_peojects_graph text#SvgjsText1004 {
     font-family: 'Inter' !important;
     font-style: normal;
     font-weight: 600;
     font-size: 18px;
     line-height: 21px;
     color: #1C1C1C;
     margin: 0 0 20px 0;

 }

 .trafic_by_device {
     background: #F7F9FB;
     border-radius: 16.6637px;
     padding: 25px 25px 13px 25px;
 }


 .bg_graph_grey {
     background: #F7F9FB;
     border-radius: 16.6637px;
     padding: 25px 25px 13px 25px;
     margin-bottom: 24px;
 }

 .score_section_graph {}

 .score_section_graph header {
     border-bottom: solid 1px #C4C4C4;
     padding: 0 0 20px 0;
     margin: 0 0 19px 0;
 }

 .score_section_graph header h4 {
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 300;
     font-size: 24px;
     line-height: 33px;
     letter-spacing: -0.02em;
     color: #000000;
 }

 .score_section_graph header h4 span {
     float: right;
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 500;
     font-size: 32.8889px;
     line-height: 49px;
     color: #666DA2;
     margin: -8px 0 0 0;
 }



 .small_col_graph {
     background: #F6F6FB;
     border-radius: 32.8889px;
     padding: 32px 32px 32px 16px;
     margin: 0 0 30px 0;
     float: left;
     width: 100%;
 }

 .icon_graph {
     float: left;
     width: 100%;
     margin: 0 0 35px 0;
 }

 .icon_graph svg {
     color: #666DA2;
     margin: 0 0 0 20px;
     font-size: 28px;
     fill: #666DA2;
 }

 .icon_graph span {
     float: right;
     font-size: 12px;
     color: #000;
     font-family: 'Poppins';
 }

 .icon_graph span svg {
     color: #FD2E00;
     font-size: 15px;
     margin: 2px 5px 0 0;
     float: left;
 }

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

 .graph_impact h5 {
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 500;
     font-size: 32.8889px;
     line-height: 26px;

     /* Text/Dark main */
     color: #2B2F42;
     margin: 0px;
     float: left;
 }

 .graph_impact h5 span {
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 500;
     font-size: 14.3889px;
     line-height: 22px;
     /* identical to box height */


     /* Text/Dark main */
     color: #2B2F42;
 }

 .question_marks {
     float: right;
     color: #666DA2;
     font-size: 24px;
     margin: 11px 12px 0 0;
 }

 .small_col_graph:hover {
     background: linear-gradient(90deg, #DDD6F3 0%, #FAACA8 100%);
 }

 .small_col_graph:hover svg {
     color: #fff;
     fill: #fff !important;
 }

 .small_col_graph:hover h5 {
     color: #fff;
 }

 .small_col_graph:hover h5 span {
     color: #fff;
 }

 .small_col_graph:hover .icon_graph span {
     color: #fff;
 }

 .steps_increase_scrore {
     background: rgb(237 237 246 / 40%);
     border-radius: 32.8889px;
     margin: 60px 0 0 0;
     padding: 34px 30px;
 }

 .steps_increase_scrore h4 {
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 400;
     font-size: 20.5556px;
     line-height: 33px;
     /* identical to box height, or 160% */
     letter-spacing: -0.02em;
     color: #000000;
     border-bottom: solid 1px #C4C4C4;
     padding: 0 0 18px 0;
     margin: 0 0 24px 0;
 }

 .steps_increase_scrore h4 svg {
     margin: 2px 0 0 10px;
 }

 .steps_increase_scrore header {
     background: #EFEFF8;
     border-radius: 12.3333px;
     padding: 6px 22px;
     margin: 0 0 16px 0;
 }

 .steps_increase_scrore header h5 {
     margin: 0px;
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 400;
     font-size: 12.3333px;
     line-height: 33px;
     /* identical to box height, or 267% */
     letter-spacing: -0.02em;
     color: #B2B2B3;
 }

 .steps_increase_scrore header h5 span {
     float: right;
 }

 .steps_increase_scrore h6 {
     border-bottom: 1px solid rgba(0, 0, 0, 0.16);
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 400;
     font-size: 12.3333px;
     line-height: 33px;
     /* identical to box height, or 267% */
     letter-spacing: -0.02em;
     color: #000000;
     padding: 0 0 5px 0;
 }

 .steps_increase_scrore h6 img {
     margin: 0 6px 0 0;
 }

 .steps_increase_scrore h6 span {
     float: right;
 }

 .steps_increase_scrore h6:last-child {
     border-bottom: none;
 }

 .steps_increase_scrore h6 span svg {
     margin: 0 0 0 12px;
 }

 .imact_control_col {
     padding: 0 28px;
 }


 .what_isgood header {
     max-width: 50%;
 }

 .ck_editer_padding {
     padding: 0px !important;
 }


 ::-webkit-scrollbar-thumb:hover {
     background: #9496A1;
 }

 ::-webkit-scrollbar-thumb:active {
     background: #9496A1;
 }

 ::-webkit-scrollbar-track {
     background: transparent;
     border: 0px none #ffffff;
     border-radius: 50px;
 }

 ::-webkit-scrollbar-track:hover {
     background: transparent;
 }

 ::-webkit-scrollbar-track:active {
     background: transparent;
 }

 ::-webkit-scrollbar-corner {
     background: transparent;
 }

 ::-webkit-scrollbar {
     width: 4px;
     height: 7px;
 }

 ::-webkit-scrollbar-button {
     width: 0px;
     height: 0px;
 }

 ::-webkit-scrollbar-thumb {
     background: #9496A1;
     border: 0px none #ffffff;
     border-radius: 0px;
 }


 .editor_ck_left {
     height: 100vh;
     overflow-y: overlay;
 }

 .editor_ck_left .accordion-button::after {
     display: none;
 }

 .editor_ck_left .accordion-item {
     border-color: #CBCBCE;
 }

 .editor_ck_left button.accordion-button {
     padding: 28px 22px !important;
     margin: 0px;
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 500;
     font-size: 22px;
     line-height: 42px;
     color: #667085;
     width: 100%;
     border-bottom: solid 1px #CBCBCE;
 }

 .editor_ck_left button.accordion-button i {
     position: absolute;
     right: 12px;
     top: 31px;
 }


 .editor_ck_left button.accordion-button span {
     background: #F6F6FB;
     border-radius: 16px;
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 500;
     font-size: 12px;
     line-height: 18px;
     text-align: center;
     color: #666DA2;
     padding: 2px 8px;
     margin: 0 0 0 10px;
 }

 .editor_ck_left button.accordion-button[aria-expanded="true"] i {
     transform: rotate(90deg);
 }

 .editer_left_action_col {
     padding: 20px;
     background-color: #fff;
     margin-bottom: 20px;
 }

 .editer_left_action_col h5 {
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 400;
     font-size: 20px;
     line-height: 42px;
     color: #667085;
 }

 .editer_left_action_col h5 span {
     font-family: 'Poppins';
     font-style: italic;
     font-weight: 300;
     font-size: 12px;
     line-height: 42px;
     color: #667085;
     float: right;
 }

 .editer_left_action_col li {
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 300;
     font-size: 16px;
     line-height: 22px;
     color: #667085;

 }



 .editor_ck_left .accordion-body {
     background: #F9FAFB;
 }


 .ck_editor_col {
     height: 100vh;
 }

 .tox.tox-tinymce {
     height: 100% !important;
 }

 .tox-notification.tox-notification--in.tox-notification--warning {
     display: none;
 }

.padd_left_0{ padding-left: 0px !important;}
.padd_right_0{padding-right: 0px !important;}





/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}





@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}


.tns-outer {
    padding: 0 !important
}

.tns-outer [hidden] {
    display: none !important
}

.tns-outer [aria-controls],
.tns-outer [data-action] {
    cursor: pointer
}

.tns-slider {
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    transition: all 0s
}

.tns-slider > .tns-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.tns-horizontal.tns-subpixel {
    white-space: nowrap
}

.tns-horizontal.tns-subpixel > .tns-item {
    display: inline-block;
    vertical-align: top;
    white-space: normal
}

.tns-horizontal.tns-no-subpixel:after {
    content: '';
    display: table;
    clear: both
}

.tns-horizontal.tns-no-subpixel > .tns-item {
    float: left
}

.tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item {
    margin-right: -100%
}

.tns-no-calc {
    position: relative;
    left: 0
}

.tns-gallery {
    position: relative;
    left: 0;
    min-height: 1px
}

.tns-gallery > .tns-item {
    position: absolute;
    left: -100%;
    -webkit-transition: transform 0s, opacity 0s;
    -moz-transition: transform 0s, opacity 0s;
    transition: transform 0s, opacity 0s
}

.tns-gallery > .tns-slide-active {
    position: relative;
    left: auto !important
}

.tns-gallery > .tns-moving {
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    transition: all 0.25s
}

.tns-autowidth {
    display: inline-block
}

.tns-lazy-img {
    -webkit-transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
    transition: opacity 0.6s;
    opacity: 0.6
}

.tns-lazy-img.tns-complete {
    opacity: 1
}

.tns-ah {
    -webkit-transition: height 0s;
    -moz-transition: height 0s;
    transition: height 0s
}

.tns-ovh {
    overflow: hidden
}

.tns-visually-hidden {
    position: absolute;
    left: -10000em
}

.tns-transparent {
    opacity: 0;
    visibility: hidden
}

.tns-fadeIn {
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 0
}

.tns-normal,
.tns-fadeOut {
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: -1
}

.tns-vpfix {
    white-space: nowrap
}

.tns-vpfix > div,
.tns-vpfix > li {
    display: inline-block
}

.tns-t-subp2 {
    margin: 0 auto;
    width: 310px;
    position: relative;
    height: 10px;
    overflow: hidden
}

.tns-t-ct {
    width: 2333.3333333%;
    width: -webkit-calc(100% * 70 / 3);
    width: -moz-calc(100% * 70 / 3);
    width: calc(100% * 70 / 3);
    position: absolute;
    right: 0
}

.tns-t-ct:after {
    content: '';
    display: table;
    clear: both
}

.tns-t-ct > div {
    width: 1.4285714%;
    width: -webkit-calc(100% / 70);
    width: -moz-calc(100% / 70);
    width: calc(100% / 70);
    height: 10px;
    float: left
}

/*# sourceMappingURL=sourcemaps/tiny-slider.css.map */




































@media (max-width: 768px) {
    .navbar-toggler svg{
        width: 32px;
        height: 32px;
        color: #000;
    }
    .navbar-marketingg {
        padding: 20px 0 20px 0px;
    }
    
    .navbar-marketingg .px-5 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }
    
    .navbar-marketingg ul.navbar-nav.mx-auto {
        margin: 22px 0 0 0;
    }
    
    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 4px 4px !important;
    }
    
    .navbar-marketingg ul.d-flex.ms-auto.mb-0.ml-0{
        padding-left: 6px;
    }
    
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        background: linear-gradient(90deg, #fff 70%, #fff 30%);
        height: calc(100vh - 190px);
        overflow: overlay;
    }
    
    .navbar-expand-lg .navbar-nav .dropdown-menu .col-md-7{
        padding: 0px
    }
    
    .navbar-expand-lg .navbar-nav .dropdown-menu .col-md-5{
        padding: 0px
    }
    
    .mega_menu_links {
        padding: 3px 0 0 0px;
    }
    
    .navbar-expand-lg .navbar-nav .nav-link {
        width: 100%;
        min-width: 100%;
        display: inline-block;
    }
    
    .navbar-marketingg .dropdown .dropdown-toggle .dropdown-arrow {
        float: right;
        margin-top: 7px;
    }
    
    .mega_menu_links ul li {
        padding: 0 0 0 5px;
        margin: 0 0 10px 0;
    }
    
    .mega_menu_links ul li span a {
        font-size: 14px;
    }
    
    .mega_menu_links ul li span p {
        font-size: 12px;
    }
    
    .mega_menu_links h5 {
        font-size: 16px;
        margin: 0 0 14px 0px;
    }
    
    .mega_menu_videos_link {
        background-color: #fff;
        padding: 5px 0 0 4px;
    }
    
    .mega_menu_videos_link h5 {
        font-size: 16px;
        margin: 0 0 14px 0px;
    }
    
    .videos_section_mega figure {
        max-width: 100%;
        min-width: 100%;
        margin: 0 0 12px 0px;
    }
    
    .videos_section_mega figure img {
        max-width: 100%;
        min-width: 100%;
    }
    
    .videos_section_mega span.width_cal_mega_menu {
        width: auto;
        padding: 0 0 0 0px;
    }
    
    .top_banner_sec .pt-10 {
        padding-top: 0rem !important;
    }
    
    .px-5 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }
    
    .top_banner_sec h1 {
        font-size: 32px;
        margin: 0 0 10px 0px;
        line-height: normal;
    }
    
    .top_banner_sec .img-fluid {
        margin-top: 26px;
    }
    
    .top_banner_sec h1 br{
        display: none;
    }
    
    body br{
        display: none !important;
    }
    
    h1, h2, h3, h4, h5, h6, p{
        line-height: normal !important;
        
    }
    
    p{
        font-size: 14px !important;
        
    }
    
    .btn-get-started {
        font-size: 16px;
        padding: 8px 15px;
    }
    
    .page-header-ui{
        padding-bottom: 50px;
    }
    
    .section_peojrets_total_inner {
        border-radius: 15px;
        padding: 14px 10px 20px 10px;
    }
    
    .section_peojrets_total_inner h3 {
        margin: 0 0 5px 0;
    }
    
    .section_peojrets_total_inner .mb-5 {
        margin-bottom: 1.5rem !important;
    }   
    
    .section_peojrets_total {
        padding-bottom: 40px;
    }
    
    .section_main_features h2 {
        font-size: 32px;
        margin: 0 0 25px 0px;
    }
    
    .section_main_features .icon_stack {
        width: 60px;
        height: 60px;
        line-height: 50px;
        margin-bottom: 20px;
    }
    
    .section_main_features .icon_stack img{
        max-width: 32px;
    }
    
    .section_main_features h3 {
        font-size: 18px;
        margin: 0 0 10px 0px;
    }
    
    .section_main_features .mb-5 {
        margin-bottom: 1.5rem !important;
    }
    
    .section_main_features {
        padding: 0px 0 40px 0;
    }
    
    .section_how_it_works h2 {
        font-size: 32px;
        margin: 0 0 25px 0px;
    }
    
    .step_one_home_content {
        max-width: 100%;
    }
    .section_how_it_works .padd_lft_100 {
        padding-left: 0px;
    }
    
    .section_how_it_works h4 {
        font-size: 18px;
        margin: 0 0 15px 0px;
    }
    
    .section_how_it_works h4 span {
        font-size: 20px;
        margin: -1px 3px 0 0px;
        line-height: normal;
    }
    
    .flow_teller_icon{
        display: none;
    }
    
    .section_flow_second {
        margin: 0 0 50px 0;
    }
    
    .section_flow_second h4 span {
        margin: -1px 8px 0 0px;
    }
    
    .section_flow_third .step_one_home_content {
        padding: 0 0 0 24px;
        max-width: 100%;
    }
    
    .section_flow_second .step_one_home_content {
        padding: 0 0 0 24px;
    }
    
    .section_how_it_works {
        padding: 0 0 40px 0px;
    }
    
    .setion_testimonials_slider{
        padding: 0px;
    }
    
    .setion_testimonials_slider h2{
        font-size: 28px;
        margin: 0 0 25px 0px;
    }
    
    .testimonials_left {
        padding: 1px 15px 0 15px;
        max-width: 100%;
    }
    
    .stars {
        margin: 0px 0 20px 0px;
    }
    
    .testimonials_left h5 {
        font-size: 18px;
        margin: 0 0 8px 0px;
    }
    
    .testimonials_right img {
        display: inline-block !important;
        max-width: 50%;
    }
    
    .testimonials_right {
        text-align: center;
    }
    
    button.slick-prev.slick-arrow {
        bottom: -100px;
    }
    
    button.slick-next.slick-arrow {
        bottom: -100px;
    }
    
    .section_faq {
        padding: 70px 0 15px 0;
    }
    
    .section_faq h3 {
        font-size: 22px;
    }
    
    .section_faq p.description {
        margin: 0 0 20px 0px;
    }
    
    div#accordion-list {
        padding: 0 20px;
    }
    
    .accordion-button::after{
        background-color: #fff;
        top: 18px;
    }
    
    .section_faq button.accordion-button {
        padding: 12px 0;
        font-size: 12px;
    }
    
    .section_group_avatar {
        padding: 0px 0 26px 0;
    }
    
    .section_news_letter {
        padding: 0px 15px 20px 15px;
    }
    
    .news_letter_field{
        min-width: 100%;
    }
    
    .section_news_letter input{
        max-width: 100%;
        margin: 0 0 15px 0px;
    }
    
    #layoutDefault_footer {
        padding: 20px 0 20px 0px;
        overflow: hidden;
    }
    
    #layoutDefault_footer h2 {
        font-size: 24px;
        margin: 0 0 16px 0px;
    }
    
    #layoutDefault_footer hr.my-5 {
        margin: 20px 0 20px 0px !important;
    }
    
    #layoutDefault_footer .list-unstyled li {
        padding: 0 5px;
    }
    
    #layoutDefault_footer .list-unstyled li a {
        font-size: 12px;
    }
    
    .copyright_footer p {
        margin: 0 0 11px 0;
    }
    
    .copyright_footer a {
        margin-left: 0;
        margin-right: 12px;
    }
    
    .section_how_it_works .container {
        overflow: hidden;
    }
    
    .header_fixed_space_botom {
        margin: 100px 0 0px 0px;
    }
    
    .px-4 {
        padding-right: 0rem !important;
        padding-left: 0rem !important;
    }
    
    .blog_detail_top {
        padding: 3px 0 0 0px;
    }
    
    .blog_detail_top h2 {
        font-size: 20px;
    }
    
    .blog_author {
        margin-top: 15px;
    }
    
    .blog_detailed_content {
        padding: 15px 0 0 0px;
    }
    
    .blog_detailed_content p strong {
        font-size: 16px;
    }
    
    .blog_lower_content {
        margin-bottom: 25px;
    }
    
    .contact_content h3 {
        font-size: 32px;
        margin: 0 0 7px 0px;
    }
    
    .contact_content form {
        margin: 20px 0 0 0px;
    }
    
    .contact_us_section {
        margin: 0px 0 40px 0px;
    }
    
    .section_signup_main {
        min-height: auto;
        overflow-x: hidden;
    }
    
    .fom_centered {
        margin: 0 ;
        max-width: 100%;
    }
    
    .signup_thumb {
        position: relative;
        right: 0;
        min-height: auto;
        display: inline-block;
        text-align: center;
    }
    
    .signup_thumb img {
        width: 50%;
    }
    
    .signup_form_sec{
        display: inline-block;
        min-height: auto;
        border-radius: 15px;
    }
    
    .select_language {
        top: 19px;
        right: 24px;
    }
    
    .signup_form_sec h3 {
        font-size: 28px;
        margin: 57px 0 20px 0px;
    }
    
    .signup_form_sec form{
        padding: 0 25px;
    }
    
    .signup_form_sec input {
        font-size: 14.75px;
    }
    
    .btn_signup_submit {
        font-size: 17.25px;
        margin: 0px 0 16px 0px;
        padding: 9px 0px;
    }
    
    .signup_form_sec p {
        margin: 0 0 16px 0px;
    }
    
    .divider_or {
        font-size: 15.5px;
        margin: 0 0 13px 0px;
        text-align: center;
    }
    
    .google_fb_signup a {
        margin: 0 3px 15px 3px;
        padding: 9px;
        font-size: 11px;
    }
    
    .section_signup_main  .row{
        overflow: hidden;
    }
    
    .google_fb_signup a img {
        margin: 0 3px 0 0px;
        width: 17px;
    }
    
    .price_plans_content h3 {
        font-size: 26px;
    }
    
    .section_resume_free_users {
        margin: 0 0 0 0;
    }
    
    .free_users_col p {
        margin: 10px 0 0 0;
    }
    
    .free_users_col textarea {
        margin: -47px 0 0 0;
    }
    
    .free_users_col {
        margin: 0 0 20px 0;
    }
    
    .price_plans_content {
        margin-bottom: 50px;
    }
    
    .plans_benefits {
        margin: 0 0 30px 0px;
    }
    
    .section_privacy .px-5 {
        padding: 0 15px !important;
    }
    
    .section_privacy h3 {
        font-size: 32px;
        margin: 0 0 11px 0px;
    }
    
    .plans_benefits a {
        font-size: 14px;
        padding: 8px 12px;
    }
    
    .policy_description h4 {
        font-size: 18px;
        margin-bottom: 12px;
    }
    
    .tem_member_content h3 {
        font-size: 22px;
        margin: 0 0 10px 0px;
    }
    
    .tem_member_content p {
        margin: 0 0 20px 0px;
    }
    
    .teams_buttons a {
        font-size: 15px;
        padding: 6px 13px;
        margin: 0 5px;
    }

    .teams_buttons{
        margin-bottom: 20px;
    }
    
    .team_card {
        margin: 0 0 15px 0px;
        padding: 15px 13px;
    }
    
    .team_card h4 {
        font-size: 18px;
        margin: 0 0 4px 0px;
    }
    
    .team_card h5 {
        font-size: 16px;
        margin: 0 0 13px 0px;
    }
    
    .section_team_member {
        margin-bottom: 30px;
    }
    
    .cv_upload_steps ul li {
        width: 30.2%;
        margin: 0 2%;
    }
    
    .cv_upload_steps ul li a {
        font-size: 20px;
        border-top: 3px solid #D0D5DD !important;
        border-width: 3px 0 0 0 !important;
        padding: 10px 0 0 0;
    }
    
    .cv_upload_steps ul li a br{
        display: block !important;
    }
    
    .cv_upload_steps ul li a span {
        font-size: 12px;
        margin: 0px 0 0 0px;
    }
    
    .file-upload label p {
        font-size: 13px !important;
    }

    .file-upload label h6 {
        font-size: 18px;
        margin: -38px 0 0px 0;
    }
    
    .file-upload label h6 span {
        font-size: 18px;
    }
    
    .uploading_file_section {
        border-radius: 15px;
        padding: 0 12px;
    }
    
    .p_d_c h6 {
        font-size: 16px;
    }
    
    .file-name {
        font-size: 12px;
        line-height: normal;
        margin: 0 0 0 0;
    }
    
    .p_d_c .percentage{
        font-size: 14px;
    }
    
    .file_control_cions span {
        width: 30px;
        height: 30px;
        font-size: 14px;
        line-height: 29px;
        margin: 24px 0 0 15px;
    }
    
    .cv_job_link {
        padding: 18px 15px;
    }
    
    .cv_job_link h3 {
        font-size: 22px;
        margin: 0 0 26px 0;
    }
    
    .uploaded_cv_name {
        padding: 12px 16px;
        margin: 0 0 30px 0;
    }
    
    .step_three_slider .tns-controls {
        width: 100%;
        top: auto;
        bottom: -40px;
    }
    
    .step_three_slider .tns-controls button.prev-button {
        margin: 0 0 0 10px;
         width: 30px;
        height: 30px;
        font-size: 14px;
    }
    
    .step_three_slider .tns-controls button.next-button {
        margin: 0 10px 0 0;
                 width: 30px;
        height: 30px;
        font-size: 14px;

    }
    
    .page_not_found_actions button {
        font-size: 12px;
        padding: 8px 10px;
        margin: 0 5px;
    }
    
    
    
    div#wrapper.toggled-2 #sidebar-wrapper {
        left: 0;
        margin-left: 0;
        width: 170px;
        padding-top: 53px;
    }
    
    .sidebar_sliding_toggle {
        background: #fff;
        padding: 12px 0 6px 14px;
        width: 30px;
        height: 45px;
        overflow: hidden;
    }
    
    div#wrapper.toggled-2 .sidebar_sliding_toggle{
        background-color: #F6F6FB;
    }
    
    .sidebar-nav li {
        margin: 0 0 4px 0;
        padding: 7px 0 7px 15px;
    }
    
    .sidebar-nav li img {
        max-width: 21px;
        margin: 0px 14px 0 0;
    }
    
    .admin_metrics_col {
        padding: 20px;
        margin: 0 0 15px 0px;
    }
    
    .total_peojects_graph {
        padding: 17px 3px 0px 7px;
        margin-bottom: 18px;
    }
    
    .traphic_by_website{
        padding: 17px 17px 0px 16px;
        margin-bottom: 18px;
    }
    
    .trafic_by_device {
        padding: 12px 8px 0 7px;
        margin: 0 0 15px 0;
    }
    
    .summary_title {
        margin: 0 0 15px 0;
    }
    
    .summary_title h4 {
        font-size: 22px;
        margin: 0px 18px 0 0;
    }
    
    .summary_title img {
        margin: 5px 0 0 0px;
        width: 18px;
    }
    
    .summary_section ul{
        padding: 0px;
    }
    
    .summary_section ul li a {
        font-size: 11.8012px;
        padding: 4px 12px;
        display: inline-block;
        text-decoration: none;
    }
    
    div#score_graph {
        float: left;
    }
    
    .score_section_graph{
        float: left;
    }
    
    .ck_editor_col {
        padding: 0 14px;
    }
    
    .analytics_headings h4{
        font-size: 22px;
    }
    
    .analytics_headings a {
        margin: 12px 0 0 11px;
    }
    
    .filtyer_search_bar {
        margin: 25px 0 0 0;
    }
    
    .flter_tags a {
        padding: 9px 6px;
        margin: 0 6px 0 0;
    }
    
    .table {
        min-width: 1100px;
    }
    
    .table_first_user h5 br{
        display: block !important;
    }
    
    .listing_submit_field button{
        margin-top: 10px;
    }
    
    .summary_content_section{
        padding: 15px;
    }
    
    .user_avater_col figure {
        width: 100px;
        height: 100px;
        margin: -23px 18px 0 0;
        overflow: hidden;
    }
    
    .user_avater_col h3 {
        font-size: 20px;
        margin: 12px 0 0px 0;
    }
    
    .profile_share_buttons a {
        margin: 14px 0 0 12px;
    }
    
    .user_profile_content {
        margin-bottom: 40px;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
}