* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

h1,
h2,
h3,
h4,
p,
span {
    font-family: "Poppins", sans-serif;
}

.main {
    margin-top: 0px;
    transition: all 0.3s;
}

@media (max-width: 1199px) {
    .main {
        padding: 0 20px;
    }
}

.work-sidebar {
    height: 90% !important;
}

.sidebar {
    position: absolute;
    top: 0;
    bottom: 0px;
    height: 500px;
    width: 300px;
    z-index: 996;
    transition: all 0.3s;
    padding: 20px;
    overflow-y: scroll;
    scrollbar-width: thin;
    scrollbar-color: #aab7cf00 transparent;
    background-color: #fff;
    /* box-shadow: 5px -5px 7px #1D67BD2B; */
    box-shadow: 0px 4px 10px 0px #1D67BD2B;

}
.meeting-table .delete-btn .delete button{
        width: 10px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right:8px;
} 
.chat-side {
    top: 100px;
}

.cal-side {
    height: 600px;
}

@media (max-width: 1199px) {
    .sidebar {
        left: -320px;
    }
}

@media (min-width: 1200px) {

    .main {
        margin-left: 305px;
    }
}

@media (max-width: 1199px) {
    .toggle-sidebar .sidebar {
        left: 0;
    }
}

@media (min-width: 1200px) {

    .toggle-sidebar #main,
    .toggle-sidebar #footer {
        margin-left: 0;
    }

    .toggle-sidebar .sidebar {
        left: -300px;
    }
}

.close-btn {
    text-align: end;
    display: none;
}

.sidebar-nav {
    padding: 0;
    margin: 0;
    list-style: none;
}

.lift-menu {
    height: 85vh;
    min-height: 520px;
    box-shadow: 7px 0px 10px #1d67bd0d;
}

.Hub-lift-menu {
    height: 100%;
}

.Hub-menu .menu-items ul {
    padding: 0;
    list-style: none;
    margin-top: 25px;
}

.Hub-menu .logo {
    margin-top: 16px;
}

.Hub-menu .logo img {
    width: 150px;
}

.Hub-menu .menu-items ul li {
    margin: 15px 0;
}

.Hub-menu .menu-items .menu-link {
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    padding: 5px 10px;
    color: #172B4D;
    font-family: "Poppins", sans-serif;
}

.Hub-menu .menu-items .menu-link i {
    margin-right: 10px;
}

.Hub-menu .menu-items .menu-link.active {
    color: #0C66E4;
    background-color: #E9F2FF;
    display: block;
}

.Hub-menu hr {
    opacity: 1;
    color: #bfbfbf;
    width: 90%;
}

.state-heading h3 {
    font-size: 16px;
    font-weight: 500;
    color: #0C66E4;
}

.state-detail .badge {
    width: 20px;
    height: 20px;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 13px;
}

.state-detail ul li {
    margin: 15px 0;
}

.state-detail ul li a {
    text-decoration: none;
    color: #172B4D;
    padding: 0 20px 0 0;
}

.state-link {
    display: flex;
    justify-content: space-between;
}

/* Main detail */
header {
    border-top: none;
    padding: 15px;
}

.search {
    display: flex;
    align-items: center;
}

.search .search-input {
    display: flex;
    box-shadow: 0px 0px 4px 0px #00000014;
    padding: 9.02px 28.57px 9.02px 11.28px;
    border-radius: 7.52px;
}

header .search-input a {
    text-decoration: none;
}

header .search-input input {
    border: none;
    outline: none;
    color: #333333;
    width: 100%;
}

header .search-input i {
    color: #667085;
    margin-right: 5px;
}

.header-detail .user-img {
    display: flex;
    justify-content: end;
    align-items: center;
}

.header-detail .user-img img {
    margin-left: 20px;
    width: 33px;
}

.header-detail .user-img i {
    color: #667085;
}

a {
    text-decoration: none;
}

/* Body */
.job-posting {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 20px;
    border-bottom: 1px solid #EAECF0;
}

.main .btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 20px;
}

.main .btns .see-all-btn a {
    text-decoration: none;
    color: #1D67BD;
    font-size: 15px;
    font-weight: 500;
}

.job-posting button {
    text-decoration: none;
    color: #667085;
    font-weight: 500;
    font-size: 16px;
}

.job-posting .active-jobs {
    color: #0C66E4;
    padding-bottom: 7px;
    border-bottom: 2px solid #0C66E4;
    margin-right: 15px;
}
.job-posting .active-jobs a{
    font-size: 14px;
    font-weight: 500;
}
.dashbord-body {
    padding: 20px 0 0 20px;
}

.dashbord-body .application span {
    background-color: #0C66E4;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 14px;
}

.dashbord-body .action a {
    background-color: #0C66E4;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 14px;
}
.my-candidate table{
    border-left: none !important;
}

/* dashboard */
.dashboard-top {
    margin-top: 35px;
    padding: 20px;
    box-shadow: 0px 4px 10px 0px #1D67BD14;
}

.dashboard-top .dash-heading h3 {
    color: #101828;
    font-size: 18px;
    font-weight: 500;
}

.log-out-btn {
    display: flex;
    justify-content: end;
}

.log-out-btn .logout a {
    border: 1px solid #E6E7EC;
    padding: 5px 22px;
    text-decoration: none;
    border-radius: 5px;
    font-weight: 500;
}

.log-out-btn .logout a i {
    margin-right: 5px;
}

.log-out-btn .workspace a {
    padding: 7px 10px;
    margin-left: 12px;
    background-color: #0C66E4;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    font-size: 14px;
}

.table-pagination .pagination {
    position: relative;
}

.table-pagination .pagination .page-item .page-link {
    border: none;
    color: #667085;
}

.table-pagination .pagination .page-item .page-link.active {
    background-color: #EFF1F4;
    border-radius: 5px;
    color: #101828;
}

.table-pagination .pagination .prev-btn .page-link,
.table-pagination .pagination .next-btn .page-link {
    border: 1px solid #D0D5DD;
    border-radius: 5px;
}

.table-pagination .pagination .prev-btn .page-link i,
.table-pagination .pagination .next-btn .page-link i {
    color: #344054;
}

.table-pagination .pagination .prev-btn .page-link i {
    margin-right: 5px;
}

.table-pagination .pagination .next-btn .page-link i {
    margin-left: 5px;
}

.table-pagination .prev-btn {
    position: absolute;
    left: 0;
}

.table-pagination .next-btn {
    position: absolute;
    right: 0;
}

table thead th {
    color: #0C66E4 !important;
    font-weight: 500;
    font-size: 16px;
    text-transform: capitalize;
    padding: 8px 12px !important;
}

table tbody th {
    color: #0C66E4 !important;
    font-weight: 400;
    text-transform: capitalize;
}

table tbody th,
table tbody td {
    padding: 12px 10px !important;
}

table {
    border-left: 5px solid #29C34F !important;
    box-shadow: 0px 0px 20px #1D67BD14;
    ;
}

/* Footer Style */
.footer-top {
    padding: 50px 0;
    background-color: #092938;
}

.footer .footer-box {
    padding-right: 65px;
}

.footer-logo-detail p {
    font-size: 15px;
    font-weight: 400;
    margin: 0;
    margin-top: 15px;
    color: #fff;
}

.footer .contact-us h3 {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}

.footer .contact-us ul {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-top: 30px;
}

.footer .contact-us ul li {
    margin: 10px 0;
}

.footer .contact-us ul li a {
    color: #fff;
    text-decoration: none;
    font-size: 15px;
}

.footer .contact-us ul li a i {
    color: #1D67BD;
    margin-right: 15px;
}

.footer .social-links ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer .social-links ul li {
    display: inline-block;
    margin: 0 5px;
}

.footer .social-links ul li a {
    width: 30px;
    height: 30px;
    background-color: #0C66E4;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
}

.footer .social-links ul li a i {
    color: #fff;
}

.footer .social-links .links-text p {
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    margin-top: 35px;
    color: #fff;
}

.footer .news-letter h3 {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}

.footer .news-letter .newsletter-input {
    margin-top: 20px;
}

.footer .news-letter .newsletter-input span {
    font-size: 15px;
    color: #fff;
    font-weight: 400;
}

.footer-end {
    background-color: #041B26;
    padding: 15px;
    text-align: center;
}

.input {
    display: flex;
    align-items: center;
    margin-top: 5px;
}

.input .email input {
    background-color: #536974;
    outline: none;
    border: none;
    padding: 10px 10px;
    font-size: 16px;
    height: 50px;
}

.input .email input::placeholder {
    font-size: 16px;
    color: #A2A9B0;
}

.input button {
    font-size: 14px;
    height: 50px;
    padding: 0 25px;
    margin-left: 10px;
    background-color: #1D67BD;
    color: #fff;
    border: 0;
    outline: 0;
    border-radius: 5px;
}

.footer-end p {
    margin: 0;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
}

/* page 2 */
.save-candidates table td {
    color: #7b7b7b;
    font-size: 14px;
}

.save-candidates select {
    padding: 4px;
    border-radius: 5px;
    color: #1D67BD;
    border-color: #1D67BD;
    font-weight: 500;
}

.save-candidates select:focus {
    outline: none;
}

.save-candidates .table-b {
    border-left: 5px solid #FFBF00 !important;
}

/* page 3 */
.dashbord-body .job-post .body-heading {
    border-bottom: 1px solid #EAECF0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.dashbord-body .job-post .body-heading a {
    color: #0C66E4;
    text-decoration: none;
    padding-bottom: 7px;
    border-bottom: 2px solid #0C66E4;
    font-weight: 500;
}

.job-post-details {
    margin-top: 30px;
}

.job-post-details .job-body {
    margin: 30px 0;
    display: flex;
    justify-content: space-between;
}

.job-post-details .job-body .title {
    width: 30%;
}

.job-post-details .job-body .job-input {
    flex: auto;
    width: 70%;
}

.job-post-details .job-body .job-input .radio-inputs {
    display: flex;
    align-items: center;
}

.job-post-details .job-body .job-input .radio-inputs .r-input {
    margin: 0 10px;
}

.job-post-details .job-body .job-input .radio-inputs .r-input:first-child {
    margin-left: 0;
}

.job-post-details .job-body .job-input .radio-inputs .r-input span {
    font-size: 14px;
    font-weight: 500;
    color: #636363;
    margin-left: 3px;
}

.job-post-details .job-body .job-input .select-addition {
    display: flex;
    align-items: end;
    justify-content: space-between;
    margin: 30px 0;
}
.job-post-details  .job-select{
    display: block;
}
.job-post-details  .job-select .job-input{
    width: 100%;
}
.job-post-details .job-body .job-input .btn-box{
    display: flex;
    align-items: end;
}
.job-post-details .job-body .job-input .btn-box .selct{
    flex: auto;
}
.job-post-details .job-body .job-input label{
    font-size: 14px;
    font-weight: 400;
    color: #636363;
}
.job-post-details .select-title h3{
    color: #636363;
    font-size: 15px;
    font-weight: 500;
}
.job-post-details .job-body .job-input .col-sm-6 .selct{
    flex: auto;
}
.job-post-details .job-body .job-input .input-group-btn button{
    border-radius: 0.375rem;
}
.job-post-details .job-body .job-input .select-addition .add-btn button {
    display: flex;
    align-items: center;
    border: 0;
    outline: none;
    background-color: #1D67BD;
    color: #fff;
    border-radius: 5px;
    padding: 6px 12px;
    font-size: 15px;
}

.job-post-details .job-body .job-input .select-addition .close-btn {
    background-color: #1D67BD !important;
    padding: 6px 10px !important;
}

.job-post-details .job-body .job-input .select-addition .add-btn button i {
    font-size: 14px;
    margin-right: 3px;
}

.job-post-details .job-body .job-input .select-addition select:first-child {
    margin-left: 0;
}

.job-post-details .job-body .title h3 {
    color: #636363;
    font-size: 15px;
    font-weight: 500;
}

.job-post-details input,
.job-post-details textarea,
.job-post-details select {
    font-size: 14px;
    font-weight: 400;
}

.job-post-details .name,
.job-post-details .website {
    width: 49%;
}

.job-post-details input::placeholder {
    font-size: 13px;
}

.job-post-details .job-post-btn {
    text-align: end;
    margin-bottom: 30px;
}

.job-post-details .job-post-btn button {
    outline: none;
    border: none;
    background-color: #1D67BD;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding: 6px 20px;
    border-radius: 5px;
}

/* Page 4 */
.delete-btn {
    display: flex;
    align-items:center;
}

.delete a {
    width: 25px;
    height: 25px;
    background-color: #DC5D5D;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    text-align: center;
    line-height: 25px;
    margin-right: 5px;
}

.delete a i {
    font-size: 13px;
    color: #fff;
}

.note a {
    text-decoration: none;
    color: #fff;
}

.view-posting .job-posting {
    border: 0;
}

.view-post .job-posting .active-jobs a {
    text-decoration: none;
    color: #0C66E4;

}

/* job-space */
.jp {
    padding: 20px 0;
    border-bottom: 1px solid #77808B;
}

.job-post-details h4 {
    font-size: 15px;
    font-weight: 500;
    align-self: center;
    margin: 0;

}

.job-post-details .about-company .company-data {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.job-post-details .about-company .company-data .input,
.job-post-details .about-company .company-data .head {
    flex: 1 1 auto;
}

.job-post-details p {
    margin: 0;
    font-size: 14px;
    color: #8A8A8A;
}

/* desktop page */
header .lonin-btn {
    margin-left: 5px;
}

header .lonin-btn a {
    background-color: #0C66E4;
    padding: 10px 15px;
    text-decoration: none;
    color: #fff;
    border-radius: 5px;
    font-size: 15px;
}

header .lonin-btn a i {
    margin-right: 10px;
}

header .navbar-nav .nav-item .nav-link {
    color: #000000a6;
    font-size: 15px;
    font-weight: 500;
}

.top-navi {
    border: none;
    padding: 0;
}

.hero {
    width: 100%;
    padding: 30px 0;
}

.hero .hero-heading h1 {
    text-transform: uppercase;
    font-weight: 700;
}

.hero .hero-heading h1 span {
    color: #DC5D5D;
}

.hero .hero-line {
    margin-left: 60px;
    margin-top: 25px;
}

.hero .hero-line img {
    width: 100%;
    height: 100%;
    position: relative;
}

.hero .hero-line .line-heading img {
    width: 22px;
    height: 22px;
}

.line-heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.hero-line-detail {
    padding: 15px 20px;
    border: 1px solid #A3A3A3;
    margin-left: 25px;
    border-radius: 5px;
}

.hero .line-text p {
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 0;
}

.hero-two-line {
    margin-top: -65px;
}

.hero .hero-two-line-detail {
    background-color: #EFEFEF;
    padding: 15px 20px;
    border: 1px solid #A3A3A3;
    margin-left: 25px;
    border-radius: 5px;
    margin-top: 85px;
}

.hero .line-two-text p {
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 0;
}

.contact-us-form {
    background-color: #1D67BD;
    padding: 125px 10px 10px;
    border-radius: 5px;
}

.hero-two-line .contact-us-form .form-heading h4 {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
}

.form-detail ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.form-detail ul li {
    margin: 15px 0;
    display: flex;
    align-items: center;
}

.form-detail ul li .input {
    background: none;
    border: none;
    outline: none;
    border-bottom: 1px solid #ffffffab;
    margin-left: 10px;
    color: #fff;
}

.form-detail ul li img.home {
    filter: invert(1);
    width: 30px;
}

.form-detail ul li .input span {
    color: #ffffffab;
    font-size: 13px;
    font-weight: 400;
}

.form-detail ul li .user-input {
    width: 75%;
}

.social-links h3 {
    font-size: 16px;
    font-weight: 600;
}

.hero .social-links ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.hero .social-links {
    margin-top: 40px;
}

.hero .social-links ul li {
    display: inline-block;
}

/* Find Candidate */
.find-form {
    box-shadow: 0px 0px 7px #0000001F;
    border-radius: 10px;
    padding: 12px 10px;
}

.find-form input {
    width: 100%;
    padding: 5px;
    font-size: 14px;
    outline: none;
    border: none;
}

.find-form .experience {
    padding: 0 10px;
    border-left: 1px solid #D3D3D3;
    border-right: 1px solid #D3D3D3;
}

.find-form .experience select {
    width: 100%;
    border: none;
    outline: none;
    padding-right: 5px;
    color: #444444;
    font-size: 14px;
}

.find-form .row {
    align-items: center;
}

.find-form .skill {
    display: flex;
    align-items: center;
}

.enter-location {
    margin-left: 25px;
}

.enter-location input {
    border: none;
}

.find-form .search-btn {
    text-align: end;
}

.find-form .search-btn a {
    text-decoration: none;
    background-color: #0C66E4;
    padding: 10px 30px;
    border-radius: 10px;
    color: #fff;
}

.form-data {
    margin: 50px 0;
    background-color: #F8F9FA;
    padding: 40px 30px;
    border-radius: 10px;
}

.form-data .find-img img {
    width: 70%;
}

.form-data .find-heading h4 {
    font-size: 18px;
    font-weight: 500;
}

.form-data .find-text p {
    font-size: 13px;
    font-weight: 400;
    color: #000000;
}

.form-data .find-text p a {
    color: #3044B0;
}

/*Work space */
.work-menu {
    box-shadow: 7px 0px 10px #1d67bd0d;
}

.search-form {
    justify-content: space-between;
    display: flex;
    align-items: center;
    margin-right: 20px;
    margin-top: 30px;
}

.search-input-work {
    border: 1px solid #EEEEEE;
    padding: 5px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 5px;
}

.search-drop {
    margin-left: 10px;
}

.search-input-work input {
    border: none;
    outline: none;
}

.hub-hero-left .accordion {
    --bs-accordion-btn-icon-transform: rotate(0deg);
}

.Hub-lift-menu .accordion-button i {
    font-size: 20px;
    margin-right: 10px;
}

.Hub-lift-menu .acordion-box {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #1D67BD;
    margin: 10px 0;
    border-radius: 5px;
    color: #1D67BD;
    padding: 3px 10px;

}

.Hub-lift-menu .acordion-box .accordion-header button {
    color: #1D67BD !important;
    font-weight: 600;
    padding: 10px 0;
}

.Hub-lift-menu .accordion-item {
    border: none;
}

.Hub-lift-menu .acordion-box .add-btn {
    width: 25px;
    height: 25px;
    line-height: 25px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.Hub-lift-menu .acordion-box .add-btn a {
    font-size: 15px;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px dotted #0C66E4;
    text-decoration: none;
}

.Hub-lift-menu .acord-item .delete-btn a {
    color: #000000;
    font-size: 16px;
}

.Hub-lift-menu .acord-item a {
    color: #000;
    font-size: 18px;
    font-weight: 500;
    text-decoration: none;
}

.Hub-lift-menu .acord-item a span {
    margin-right: 5px;
}

.Hub-lift-menu .accordion-button:not(.collapsed) {
    background: none;
}

.Hub-lift-menu .accordion-button:not(.collapsed) {
    box-shadow: none;
}

.Hub-lift-menu .accordion-button:focus {
    border: none;
    box-shadow: none;
}

.Hub-lift-menu .accordion-item {
    width: 100%;
}

.Hub-lift-menu .acordion-box .add-btn {
    margin-right: 15px;
}

.Hub-lift-menu .acord-item {
    padding: 10px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 5px;
}

.Hub-lift-menu .accordion-body {
    padding: 0;
}

.Hub-lift-menu .channel {
    margin-top: 40px;
}

.Hub-lift-menu .channel .acord-item.active,
.Hub-lift-menu .channel .acord-item:focus {
    border: 1px solid #1D67BD;
}

.Hub-lift-menu .channel .acord-item .delete-btn {
    display: none;
}

.Hub-lift-menu .channel .acord-item.active .delete-btn {
    display: block;
}

.Hub-lift-menu .acord-item .delete-btn a i {
    color: #DB4141;
}

/* people */
.People-working {
    margin-top: 15px;
}

.People-working ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.People-working .dropdown .drop-links {
    transform: translate(24px, 30px) !important;
    border: 1px solid #0C66E4;
}

.People-working .dropdown .drop-links {
    transform: translate(24px, 30px) !important;
    border: 1px solid #0C66E4;
}

.People-working .dropdown .drop-links li {
    margin: 4px 0;
}

.People-working .dropdown .drop-links .active {
    color: #0C66E4;
}

.People-working .dropdown .dropdown-item {
    padding: 5px;
}

.People-working .dropdown .dropdown-item:hover,
.People-working .dropdown-item:focus {
    background: none;
}

.People-working .dropdown-item.active,
.People-working .dropdown-item:active {
    background: none;
}

.People-working ul li {
    padding: 0 20px;
    margin: 25px 0;
}

.People-working ul li a {
    text-decoration: none;
    color: #000;
    font-weight: 500;
    display: flex;
}

.People-working ul li a img {
    margin-right: 10px;
    width: 33px;
}

.People-working .dropdown .drop-links {
    transform: translate(50px, 30px) !important;
    border: 1px solid #0C66E4;
}

.job-board {
    padding: 0 20px;
    margin-top: 15px;
}

.job-board ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.job-board ul li {
    margin: 10px 0;
}

.job-board a {
    text-decoration: none;
    font-weight: 500;
    color: #000;
}

.job-board a img {
    margin-right: 5px;
}

.work-sidebar {
    width: 300px;
}

.work-main {
    margin-left: 330px;
}

.side-toggle-btn {
    display: none;
}

.members {
    margin: 15px 0;
}

.owner {
    display: flex;
}

.owner .own-img {
    width: 50px;
}

.owner .own-img img {
    width: 100%;
}

.members a {
    text-decoration: none;
    color: #000;
}

.owner .own-text {
    margin-left: 10px;
}

.owner .own-text span {
    color: #101828;
    font-size: 14px;
}

.all-members h5 {
    font-size: 15px;
    margin: 0;
    margin-right: 30px;
}

.all-members h5 span {
    color: #0C66E4;
}

.all-members {
    height: 60px;
    display: flex;
    justify-content: end;
    align-items: center;
}

.members .people-head h3 {
    font-size: 15px;
    font-weight: 500;
    color: #1D67BD;
}

.members .chating {
    display: flex;
    align-items: center;
    height: 100%;
}

.members .owner-data {
    display: flex;
    align-items: end;
}

.members .owner-data .video-call {
    margin-bottom: 8px;
    margin-left: 10px;
}

.members .owner-data .video-call a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 28px;
    border-radius: 4px;
    background-color: #1D67BD40;
}

.members .owner-data .video-call a i {
    font-size: 16px;
    color: #0C66E4;
}

.all-members ul {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-left: 10px;
    display: flex;
}

.members .people .pop-add-icons {
    display: flex;
    align-items: center;
    justify-content: end;
}

.members .people .pop-add-icons .info {
    margin-left: 20px;
    margin-right: 10px;
}

.members .people .pop-add-icons .info a {
    width: 25px;
    height: 25px;
    display: flex;
    border-radius: 50%;
    border: 2px solid #000;
    align-items: center;
    justify-content: center;
}

.all-members .add-btn a .plus {
    width: 30px;
    height: 30px;
    border: 1px dotted #1D67BD;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.all-members .add-btn a .plus i {
    color: #0C66E4;
}

.all-members .add-btn a {
    display: flex;
    align-items: center;
}

.all-members .add-btn {
    margin-right: 30px;
}

.all-members .add-btn a span {
    margin-left: 10px;
    font-size: 15px;
    font-weight: 500;
    color: #0C66E4;
}

.work-chat .chat-members {
    border: 2px solid #0000001A;
    padding: 10px 5px;
    height: 500px;
    overflow-y: auto;
}

.work-chat .chat-members .btn {
    padding: 0;
}

.work-chat .chat-members ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.work-chat .chat-members ul li {
    margin: 22px 0;
}

.work-chat .chat-members a {
    display: flex;
    text-decoration: none;
    color: #000;
    align-items: center;
}

.work-chat .chat-members a img {
    margin-right: 15px;
    width: 33px;
}

.chat-members .dropdown .drop-links {
    transform: translate(45px, 28px) !important;
    border: 1px solid #0C66E4;
}

.chat-members .dropdown .drop-links li {
    margin: 2px 0;
}

.chat-members .dropdown .drop-links .active {
    color: #0C66E4;
}

.chat-members .dropdown .dropdown-item {
    padding: 2px 5px;
}

.chat-members .dropdown .dropdown-item:hover,
.chat-members .dropdown-item:focus {
    background: none;
}

.chat-members .dropdown-item.active,
.chat-members .dropdown-item:active {
    background: none;
}

/* .chat-members .dropdown:hover .dropdown-menu{
    display: block;
    inset: 0px auto auto 0px;
} */
.work-footer {
    margin-top: 20px;
    padding: 10px 0;
    background-color: #0C66E4;
    text-align: center;
}

body {
    position: relative;
}

.work-footer p {
    margin: 0;
    color: #fff;
}

.message {
    display: flex;
    align-items: center;
    margin: 20px 0;
}

.sent-detail {
    display: flex;
}

.sent-detail .sender-name h5 {
    margin: 0;
    font-size: 18px;
    margin-right: 20px;
}

.message .sender-img a {
    width: 40px;
    height: 40px;
    display: block;
}

.message .sender-img a img {
    width: 100%;
}

.sent-detail .message-time span {
    color: #ABABAB;
    font-size: 13px;
}

.message .type-message span {
    font-size: 13px;
}

.sender-data {
    margin-left: 20px;
}

.chat-messages .message:first-child {
    margin-top: 5px;
}

.today-message .line::before {
    content: '';
    position: absolute;
    width: 90%;
    height: 1px;
    margin: 0 30px;
    background-color: #afafaf;
}

.today-message {
    position: relative;
    padding: 10px 0;
}

.today-message .day {
    background-color: #F0F0F0;
    padding: 5px 25px;
    position: absolute;
    left: 40%;
    top: -8px;
    border-radius: 5px;
}

.today-message .day span {
    font-size: 14px;
    font-weight: 500;
}

.message-btn {
    width: 10%;
    margin-left: 5px;
}

.message-btn a {
    background-color: #0C66E4;
    width: 50px;
    height: 50px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.message-btn a img {
    width: 20px;
}

.message-input {
    width: 90%;
}

.message-input input {
    border: 1px solid #00000080;
    outline: none;
    padding: 10px;
    border-radius: 20px;
}

.search-form a {
    text-decoration: none;
    color: #000;
}

.hideContent {
    overflow: hidden;
    line-height: 1em;
    height: 2em;
}

.showContent {
    line-height: 1em;
    height: auto;
}

.more-messages {
    display: flex;
    align-items: center;
    margin-left: 50px;
    border: 1px solid #00000029;
    width: 240px;
    padding: 10px 10px;
    border-radius: 5px;
}

.more-messages::before {
    content: '';
    background-color: #00000029;
    width: 30px;
    height: 1px;
    position: absolute;
    left: 20px;
}

.more-messages::after {
    content: '';
    background-color: #00000029;
    width: 60px;
    height: 1px;
    position: absolute;
    left: -10px;
    transform: rotate(90deg);
    margin-bottom: 60px;
}

.more-messages a {
    text-decoration: none;
    color: #000;
    margin-left: 5px;
    font-size: 15px;
    font-weight: 600;
}

.more-messages a span {
    color: #0C66E4;
}

.members .people {
    border-bottom: 1px solid #CCcc;
    margin: 10px 0;
}

.members .people h3 {
    font-size: 16px;
    margin: 0;
}

.members .people .row {
    align-items: center;
}

.members .people .pop-add {
    text-align: end;
}

.members .people .pop-add a {
    text-decoration: none;
    color: #FFF;
    background-color: #0C66E4;
    padding: 8px 12px;
    border-radius: 4px;
    display: inline-block;
    margin-bottom: 5px;
}

/* Channel */
.accordion-button:focus .modal-title {
    font-size: 16px;
    font-weight: 600;
    margin-left: 20px;
    margin-top: 20px;
}

.Channel .modal-title {
    font-size: 16px;
    font-weight: 600;
    margin-left: 20px;
    margin-top: 20px;
}

.Channel .modal-header {
    padding: 10px;
    border: 0;
    background: url(../imgs/modal-bg.png);
    background-position: center;
    height: 150px;
    background-size: cover;
    background-repeat: no-repeat;
    flex-direction: column;
    align-items: baseline;
    justify-content: center;
    padding: 30px;
}

.Channel .modal-header h1 {
    font-size: 20px;
    font-weight: 600;
    line-height: 19.36px;
    color: #ffff;
    margin: 10px 0 0 0;
}

.Channel .modal-header span {
    font-size: 15px;
    font-weight: 400;
    line-height: 18px;
    color: #fff;
}

.Channel .modal-body {
    padding: 0 !important;
}

.Channel .modal-body .chanel-data {
    padding: 30px;
}

.Channel .modal-body .pop-data .to-do span {
    font-size: 14px;
    font-weight: 400;
    color: #888888;
}

.Channel .modal-body .list-data {
    padding: 15px;
}

.Channel .modal-body .list-btns {
    padding: 4px 30px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.Channel .modal-body .list-btns button {
    background: none;
    border: none;
    outline: none;
    font-size: 16px;
    color: #999999;
    font-weight: 400;
}

.Channel .modal-body .list-btns .sub button {
    color: #0C66E4;
    font-weight: 500;
}

.Channel label {
    font-size: 14px;
    color: #6A6A6A;
    margin-bottom: 5px;
}

.Channel .btn-close img {
    filter: brightness(1);
}

.Channel input::placeholder {
    color: #9E9E9E;
}

.Channel .view {
    margin: 20px 0;
    display: flex;
    align-items: center;
}

.Channel .view .public {
    margin-right: 20px;
    display: flex;
    align-items: center;
}

.Channel .view .private {
    display: flex;
    align-items: center;
}

.Channel .view span {
    margin-left: 8px;
    font-size: 14px;
    font-weight: 500;
}

.Channel .pop-save-btn {
    margin-top: 20px;
}

.Channel .pop-save-btn a {
    display: block;
    background-color: #0C66E4;
    text-decoration: none;
    color: #fff;
    text-align: center;
    padding: 10px 0;
    border-radius: 10px;
    font-weight: 600;
}

.work-window {
    margin-left: 385px;
}

.work-window header {
    border: 1px solid #0000000D;
    border-right: none;
}

.members .user-project {
    display: flex;
    margin: 10px 0;
}

.members .user-project .img img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.members .user-project .text {
    margin-left: 5px;
}

.members .user-project .text span {
    font-size: 13px;
    font-weight: 400;
    color: #101828;
}

.members .user-project .text h3 {
    font-size: 16px;
    font-weight: 500;
    color: #1D67BD;
}

.members .user-project .text .name {
    display: flex;
    align-items: center;
}

.members .user-project .text .name span {
    margin-left: 10px;
    font-size: 16px;
    font-weight: 500;
    color: #8D8D8D;
}

.main .project-detail .pro-box .pro-head {
    background-color: #0C66E4;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.main .project-detail .row {
    --bs-gutter-x: 0.5rem;
    overflow-anchor: none;
    flex-wrap: nowrap;
    overflow-x: scroll;
    scrollbar-width: thin;
    scrollbar-color: #161a201a transparent;
}

.main .project-detail .pro-box {
    margin: 5px 0;
    height: 90%;
}

.main .project-detail .pro-box .pro-head h5 {
    font-size: 13px;
    font-weight: 500;
    color: #fff;
    margin: 0;
}

.main .project-detail .pro-box .pro-dt {
    border: 1px solid #00000040;
    padding: 15px 10px 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    height: 95%;
}

.main .project-detail .pro-box .pro-dt .dt-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.main .project-detail .pro-box .pro-dt .dt-heading h3 {
    font-size: 13px;
    font-weight: 500;
    color: #474747;
    margin: 0;
}

.main .project-detail .pro-box .pro-dt .dt-heading a {
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    color: #000;
    display: flex;
}

.main .project-detail .pro-box .pro-dt .dt-heading a strong {
    font-size: 14px;
    font-weight: 500;
    color: #0C66E4;
    border: 1px solid #1D67BD57;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
}

.main .project-detail hr {
    margin: 10px 0;
}

.main .project-detail .pro-box .pro-dt .pro-bars {
    margin-top: 20px;
}

.main .project-detail .pro-box .pro-dt .pro-bars .pro-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 5px 0;
    padding: 10px;
    border-radius: 5px;
}

.main .project-detail .pro-box .pro-dt .pro-bars a {
    text-decoration: none;
}

.main .project-detail .pro-box .pro-dt .pro-bars .pro-bar h4 {
    font-size: 13px;
    font-weight: 500;
    margin: 0;
    color: #000;
}

/* colors for dashboard */
.li-yellow {
    background-color: #FFE39C;
}

.li-green {
    background-color: #9CFFB8;
}

.sky-blue {
    background-color: #9CF3FF;
}

.purple {
    background-color: #9E9CFF;
}

.blue {
    background-color: #9CCAFF;
}

.dark-purple {
    background-color: #D49CFF;
}

.pink {
    background-color: #FF9CBA;
}

.green {
    background-color: #C8FF9C;
}

.p-purple {
    background-color: #8B76FD;
}

.p-head {
    background-color: #61ADFF;
}

.p-body {
    background-color: #C9E3FF;
}

.to-body {
    background-color: #D4CCFF;
}

.check-head {
    background-color: #FFC15B;
}

.check-body {
    background-color: #F9E8CC;
}

.done-head {
    background-color: #66FF63;
}

.done-body {
    background-color: #C6FBC5;
}

/* project */
.project-detail .card-row {
    height: 500px;
    overflow-y: auto;
    scrollbar-width: thin;
}

.project-detail .card-body .task {
    padding: 12px;
    margin: 10px 0;
}

.project-detail .card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 10px;
}

.project-detail .card .work-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.project-detail .card .work-head h4 {
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    margin: 0;

}

.project-detail .card-header .tasks a {
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
    color: #fff;
    display: flex;
}

.project-detail .card-header .tasks a strong {
    font-size: 14px;
    font-weight: 500;
    color: #0C66E4;
    background-color: #fff;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
}

.project-detail .card-header .btns {
    display: flex;
    align-items: center;
}

.project-detail .card-header .btns a {
    text-decoration: none;
}

.project-detail .card-header .btns i {
    color: #fff;
}

.btn {
    --bs-btn-border-width: 0;
}

.btn:hover,
.btn:focus {
    border: none;
    outline: none;
    box-shadow: none;
}

.project-detail .card-body {
    padding: 10px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.project-detail .card-body .pro-work {
    margin: 10px 0;
    border-radius: 5px;
    background-color: #fff;
}

.project-detail .card-body .pro-work .work-head {
    display: flex;
    justify-content: space-between;
}

.project-detail .card-body .pro-work .work-head .head h4 {
    font-size: 14px;
    font-weight: 500;
    margin: 0;
}

.project-detail .work-head .icons {
    display: flex;
}

.project-detail .work-head .icons .del {
    margin-right: 10px;
}

.project-detail .work-head .icons i {
    font-size: 13px;
}

.project-detail .card-body .pro-work .pro-text p {
    font-size: 12px;
    margin: 0;
}

.project-detail .card-body .pro-work .date-data {
    display: flex;
    align-items: center;
    margin-top: 15px;
}

.project-detail .card-body .pro-work .date-data .day {
    display: flex;
    align-items: center;
}

.project-detail .date-data .day .date {
    display: flex;
    margin-left: 5px;
}

.project-detail .card-body .pro-work .date-data .day .date span {
    font-size: 12px;
}

.project-detail .card-body .pro-work .date-data .day .date span:first-child {
    color: #0C66E4;
}

.project-detail .card-body .pro-work .date-data .day .date .end-date {
    color: #FF0000;
}

.project-detail .card-body .pro-work .date-data .day .date span:last-child {
    margin-left: 3px;
}

.project-detail .card-body .pro-work .time {
    display: flex;
    align-items: center;
}

.project-detail .pro-work .time span {
    font-size: 13px;
    margin-left: 5px;
    font-weight: 500;
    color: #0C66E4;
}

.project-detail .card-body .pro-work .time span:nth-child(2) {
    color: #FF0000;
    font-weight: 400;
}

.project-detail .card-body .pro-work .user-comments .user-img ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.project-detail .card-body .pro-work .user-comments .user-img ul li {
    display: inline;
    margin-left: -22px;
}

.project-detail .card-body .pro-work .user-comments .user-img ul li:first-child {
    margin-left: 0;
}

.project-detail .card-body .user-comments {
    display: flex;
    align-items: center;
}

.project-detail .card-body .pro-work .user-comments .user-img ul li img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

.project-detail .card-body .pro-work .user-comments .comments a {
    text-decoration: none;
    font-size: 12px;
    color: #848484;
    margin-left: 5px;
}

.project-detail .card-body .pro-work .user-comments .comments a i {
    font-size: 15px;
    margin-left: 5px;
}

.project-detail .card-body .box-user {
    display: flex;
    align-items: center;
    margin-top: 20px;
    justify-content: space-between;
}

.project-detail .card-body .box-user .file a {
    font-size: 13px;
    text-decoration: none;
    color: #848484;
    font-weight: 500;
}

.project-detail .card-body .box-user .file a img {
    width: 12px;
}

.pro-work {
    margin-left: 315px;
}

.done-body .done-heading strike {
    font-size: 14px;
    font-weight: 500;
}

.done-body span {
    font-size: 12px;
    font-weight: 400;
}

.main .add-members select {
    font-size: 16px;
    border: 0;
    width: 200px;
    font-weight: 500;
    position: relative;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(../imgs/arrow.png);
    background-repeat: no-repeat;
    background-position: right 1rem center;
    padding: 10px;
}

.main .add-members select option {
    margin: 10px;
    font-size: 15px;
}

.pro-work header {
    border: 0;
}

.pro-work .search {
    border: 1px solid #00000014;
    border-radius: 5px;
    padding: 10px;
}

.main .add-members .members {
    display: flex;
    align-items: center;
    justify-content: end;
}

.main .add-members .members .plus {
    width: 30px;
    height: 30px;
    border: 1px dotted #1D67BD;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.main .add-members .members .plus i {
    color: #0C66E4;
}

.main .add-members .members .add-btn a {
    display: flex;
    align-items: center;
}

.main .add-members .members .add-btn span {
    margin-left: 10px;
    font-size: 15px;
    font-weight: 500;
    color: #0C66E4;
}

.main .add-members .members .members-pics {
    margin-left: 25px;
}

.main .add-members .members .members-pics ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.add-members .members .members-pics ul li {
    display: inline;
    margin-left: -15px;
}

.add-members .members .members-pics {
    display: flex;
    align-items: center;
    justify-content: center;
}

.add-members .members .members-pics ul li:first-child {
    margin-left: 0;
}

.add-members .members .members-pics ul li img {
    width: 35px;
    height: 35px;
    border-radius: 50%;
}

.add-members .members .number {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 0px 3px #1D67BD24;
    margin-left: 10px;
}

.search-project .pro-search {
    display: flex;
    align-items: center;
    border: 1px solid #1D67BD;
    display: block;
    width: 50%;
    border-radius: 5px;
    background-color: #F5F5F5;
    padding: 0 10px;
}

.search-project {
    margin-bottom: 20px;
}

.search-project .pro-search a {
    text-decoration: none;
}

.search-project .pro-search input {
    border: none;
    outline: none;
    margin-left: 5px;
    padding: 10px 0;
    background: transparent;
}

.search-project .pro-search input::placeholder {
    color: #1D67BD;
}

.search-project select {
    font-size: 16px;
    width: 200px;
    font-weight: 500;
    position: relative;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(../imgs/arrow.png);
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #D4E8FF;
    color: #1D67BD;
}

.search-project select option {
    background-color: #0C66E4;
    margin: 30px !important;
    color: #fff;
    font-size: 15px;
}

.search-project select option button {
    text-align: right;
    display: block;
    width: 100%;
}

.search-project .search-pro {
    text-align: end;
}

.drop {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.drop .text span {
    font-size: 12px;
    font-weight: 500;
    color: #0C66E4;
}

.drop .icon i {
    color: #0C66E4 !important;
}

/* Calendar */
.calendar {
    width: 100%;
    height: 550px;
    border-radius: 10px;
    backdrop-filter: blur(45px);
}

.calendar .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 14px;
    border-bottom: 2px solid #ccc;
}

.calendar .header .month {
    display: flex;
    align-items: center;
    font-size: 20px;
    font-weight: 500;
}

.calendar .header .btns {
    display: flex;
    gap: 10px;
}

.calendar .header .btns .btn {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    color: #fff;
    background: linear-gradient(#58A5FF, #276FC3);
    font-size: 16px;
    cursor: pointer;
    transition: all 0.3s;
}

.calendar .header .btns .btn:hover {
    background-color: rgba(255, 255, 255, .2);
    transform: scale(1.1);
}

.weekdays {
    display: flex;
}

.weekdays .day {
    width: calc(100% / 7 - 10px);
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    margin-top: 10px;
    padding: 15px;
    flex: 1 1 auto;
    border: 1px solid #8EB3DE;
    background-color: #0C66E4;
}

.days {
    display: flex;
    text-decoration: none;
    flex-wrap: wrap;
    color: #000;
}

.days .day {
    width: calc(100% / 7 - 10px);
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    font-weight: 400;
    color: var(--text-color);
    transition: all 0.3s;
    flex: 1 1 auto;
    padding: 40px;
    border: 1px solid #8EB3DE;
    text-decoration: none;
}

.days .day:not(.next):not(.prev):hover {
    cursor: pointer;
}

.days .day.today {
    background-color: #C6C6C6;
}

.days .day.next,
.days .day.prev {
    color: #ccc;
}

.cal h3 {
    font-size: 16px;
    font-weight: 600;
    color: #1D67BD;
}

.datePopup {
    padding: 20px;
}

.datePopup .modal-header {
    justify-content: center;
    border-bottom: 0;
}

.datePopup .modal-title {
    font-size: 16px;
    font-weight: 600;
    color: #0C66E4;
}

.datePopup .meet-input {
    margin: 15px 0;
}

.datePopup .form-control {
    border: 1px solid #1D67BD40;
}

.meet-btn button {
    border: 0;
    outline: 0;
    background: none;
    display: block;
    width: 100%;
    margin: 10px 0;
    padding: 10px 0;
    color: #000;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 500;
}

.meet-btn button.active,
.meet-btn button:hover {
    background-color: #0C66E4;
    color: #fff;
}

.login .col-lg-6:first-child {
    background-color: #F9F9F9;
    padding: 50px;
}

.login .container-fluid {
    padding: 0;
}

.login .log-dt .text {
    margin-bottom: 30px;
}

.login .log-dt .text h3 {
    font-size: 20px;
    font-weight: 500;
    color: #414955;
}

.login .img {
    text-align: center;
}

.login .img img {
    width: 70%;
}

.login .log-dt .text span {
    font-size: 13px;
    font-weight: 400;
    color: #7E7E7E;
}

.login .log-inputs {
    padding: 100px;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.login .log-inputs .logo {
    text-align: center;
}

.login .log-inputs .heading {
    margin: 40px 0 20px;
    text-align: center;
}

.login .log-inputs .heading h3 {
    font-size: 18px;
    font-weight: 600;
    color: #1D67BD;
}

.login .log-inputs .inputs .log-input {
    margin: 10px 0;
}

.login .log-inputs .inputs .log-input label {
    font-size: 14px;
    font-weight: 400;
    color: #8D8D8D;
    margin-bottom: 5px;
}

.login .log-inputs .log-btn {
    margin-top: 20px;
}

.login .log-inputs .log-btn button {
    background-color: #1D67BD;
    color: #fff;
    text-decoration: none;
    padding: 10px;
    display: block;
    text-align: center;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 500;
    width: 100%;
    border: none;
    outline: none;
}

.login .log-inputs .remember {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 10px 0;
}

.login .log-inputs .remember .rem {
    display: flex;
    align-items: center;
}

.login .log-inputs .remember .rem span {
    margin-left: 5px;
}

.login .log-inputs .remember .trouble-btn a {
    font-size: 14px;
    font-weight: 500;
    color: #1D67BD;
    text-decoration: none;
}

.lonin-btn button {
    background: none;
    color: #1D67BD;
    border: 1px solid #1D67BD;
    padding: 8px 15px;
}

.pro-menu .menu-inputs {
    border: 1px solid #AFAFAF;
    border-radius: 5px;
    display: flex;
    align-items: center;
}

.pro-menu .menu-inputs a {
    text-decoration: none;
    color: #1D67BD;
    flex: 1 1 auto;
}

.pro-menu .menu-inputs a .input-pro {
    display: flex;
    align-items: center;
    border: 0;
    font-weight: 500;
    position: relative;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(../imgs/right.png);
    background-repeat: no-repeat;
    background-position: right 1rem center;
    padding: 10px;
}

.pro-menu .menu-inputs a:last-child .input-pro {
    background-image: none;
}

.pro-menu .menu-inputs .number {
    width: 25px;
    height: 25px;
    color: #FFF;
    border-radius: 50%;
    background-color: #D8D8D8;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pro-menu .menu-inputs .check .number {
    background: #fff;
    border: 1px solid;
}

.pro-menu .menu-inputs .check .number i {
    color: #0C66E4;
    font-size: 15px;
}

.pro-menu .menu-inputs .check .text strong {
    color: #0C66E4;
}

.pro-menu .menu-inputs .number {
    font-size: 15px;
    color: #7C7C7C;
}

.pro-menu .menu-inputs strong {
    font-size: 15px;
    color: #7C7C7C;
    margin-left: 5px;
    font-weight: 400;
}

.pro-menu .menu-inputs a.active .number {
    background-color: #0C66E4;
    color: #fff;
}

.pro-menu .menu-inputs a.active strong {
    color: #0C66E4;
}

.basic-information {
    margin: 20px 0;
}

.basic-information .basic-text h3 {
    font-size: 18px;
    font-weight: 500;
}

.basic-information .basic-text p {
    font-size: 13px;
    font-weight: 400;
}

.basic-information .drop-box {
    border: 1px solid #AFAFAF;
    text-align: center;
    padding: 20px;
    border-radius: 5px;
    cursor: pointer;
    display: block;
}

.basic-information .drag-drop a {
    text-decoration: none;
}

.basic-information .drop-box h4 {
    font-size: 22px;
    font-weight: 500;
    color: #617687;
}

.basic-information .drop-box span {
    color: #617687;
    font-size: 16px;
    font-weight: 500;
}

.basic-information .drop-box a {
    font-weight: 500;
}

.basic-information .pro-inputs {
    margin-top: 35px;
}

.basic-information .pro-inputs .pro-input {
    display: flex;
    align-items: center;
    margin: 15px 0;
}

.basic-information .pro-inputs .upload {
    display: flex;
    align-items: center;
    justify-content: center;
}

.basic-information .pro-inputs .upload .upload-inputs {
    flex: auto;
    margin-left: 15px;
}

.basic-information .pro-inputs .upload .upload-img .profile-image img {
    border-radius: 5%;
}

.basic-information .pro-inputs .upload .upload-img .profile-image .overlay {
    border-radius: 5%;
}

.basic-information .pro-inputs .pro-input .input-data {
    flex: 1 1 auto;
    margin: 0 10px;
}

.basic-information .pro-inputs .pro-input .input-data:first-child {
    margin-left: 0;
}

.basic-information .pro-inputs .pro-input .input-data:last-child {
    margin-right: 0;
}

.basic-information .pro-inputs .pro-input .input-data label {
    color: #7C7C7C;
    font-size: 14px;
}

.basic-information .pro-inputs .connect-head h3 {
    font-size: 18px;
    font-weight: 500;
}

.pro-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px;
}

.pro-btns .remote {
    display: flex;
    align-items: center;
}

.pro-btns .remote span {
    font-size: 18px;
    font-weight: 500;
}

.pro-btns .remote .choose {
    display: flex;
    align-items: center;
    margin-left: 20px;
}

.pro-btns .remote .choose .yes {
    margin-right: 20px;
}

.pro-btns .remote .choose .yes span,
.pro-btns .remote .choose .no span {
    font-size: 14px;
}

.next a,.next button {
    background-color: #1D67BD;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding: 8px 30px;
    border-radius: 5px;
    text-decoration: none;
	outline:none;
	border:none;
}

.job-des {
    margin: 20px 0;
    position: relative;
}

.job-des textarea {
    height: 250px;
    ;
}

.job-des .job-head h3 {
    font-size: 18px;
    font-weight: 500;
}

.job-des .job-head p {
    font-size: 14px;
    font-weight: 400;
    color: #777777;
}

.job-des .statement label {
    color: #676767;
    font-size: 14px;
}

.job-des .skills .gen-head h3 {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
}

.job-des .skills .pro-input {
    display: flex;
    align-items: center;
    margin: 10px 0;
}

.job-des .skills .genral {
    margin: 10px 0;
}

.job-des .skills .tech {
    margin-top: 25px;
}

.job-des .skills .pro-inputs .pro-input .input-data {
    flex: 1 1 auto;
    margin: 0 10px;
}

.exp {
    width: 49%;
    margin-right: 10px;
    margin-top: 20px;
    display: flex;
    align-items: end;
    justify-content: space-between;
}

.exp select {
    font-size: 14px;
    font-weight: 400;
    color: #7C7C7C;
}

.exp .input-exp {
    flex: 1 1 auto;
}

.exp label {
    color: #7C7C7C;
    font-size: 14px;
}

.add-btn {
	display:flex;
	align-items:center;
}
.after-add-more6 .col-lg-6,.after-add-more5 .col-lg-6{
	margin:10px 0;
} 
.after-add-more6 .form-check,.after-add-more5 .form-check{
	margin:10px 0;
}
.job-exp .remove .col-sm-4{
	margin:10px 0;
}
.edu .col-sm-4,.edu .col-sm-8{
	margin:10px 0;
}
.control-label{
	    color: #7C7C7C;
    font-size: 14px;
}
.jobshead{
	    font-size: 16px;
    font-weight: 600;
    margin: 20px 0 5px 0;
}

.add-btn button ,.btn-add button,.btn-add a{
    border: none;
    outline: none;
    padding: 7px 10px;
    background-color: #1D67BD;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
}
.add-btn .input-group-btn,.btn-add .input-group-btn{
	margin-left:5px;
}
.btn-add{
	display:flex;
	align-items:center;
}
.exp .close-btn {
    margin-left: 5px;
    background-color: #FF4C4C !important;
    color: #fff;
    border: none;
    border-radius: 5px;
    padding: 7px 10px;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.job-des .job-exp .edu-head h3 {
    font-size: 16px;
    font-weight: 600;
}

.job-des .skills .pro-inputs .pro-input .input-data:first-child {
    margin-left: 0;
}

.job-des .skills .pro-inputs .pro-input .input-data:last-child {
    margin-right: 0;
}

.job-des .skills .pro-inputs .pro-input .input-data label {
    color: #7C7C7C;
    font-size: 14px;
}

.job-des .skills select {
    font-size: 14px;
    color: #737373;
}

.job-des .job-btns {
    margin-top: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.job-des .job-btns .back a {
    text-decoration: none;
    color: #1D67BD;
    font-size: 16px;
    font-weight: 500;
}

.job-des .next-btn {
    text-align: end;
}

.job-des .next-btn a {
    background-color: #1D67BD;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding: 8px 30px;
    border-radius: 5px;
    text-decoration: none;
}

.pro-pop .modal-header {
    padding: 10px;
    border: 0;
    background: url(../imgs/modal-bg.png);
    background-position: center;
    height: 150px;
    background-size: cover;
    background-repeat: no-repeat;
    flex-direction: column;
    align-items: baseline;
    justify-content: center;
    padding: 30px;
}

.pro-pop .modal-header h1 {
    font-size: 20px;
    font-weight: 600;
    line-height: 19.36px;
    color: #ffff;
    margin: 10px 0 0 0;
}

.pro-pop .modal-header span {
    font-size: 15px;
    font-weight: 400;
    line-height: 18px;
    color: #fff;
}

.pro-pop .modal-body {
    padding: 0 !important;
}

.pro-pop .modal-body .pop-data {
    padding: 30px 30px 0;
}

.pro-pop .modal-body .pop-data .del-text h3 {
    font-size: 16px;
    font-weight: 500;
    color: #4F4F4F;
}

.pro-pop .modal-body .pop-data .del-text span {
    font-size: 14px;
    font-weight: 400;
    color: #6A6A6A;
}

.pro-pop .modal-body .list-btns .del button {
    color: #F93939 !important;
}

.pro-pop .modal-body .pop-data .to-do span {
    font-size: 14px;
    font-weight: 400;
    color: #888888;
}

.pro-pop .modal-body .list-data {
    padding: 15px;
}

.pro-pop .modal-body .list-btns {
    padding: 4px 30px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.pro-pop .modal-body .list-btns button {
    background: none;
    border: none;
    outline: none;
    font-size: 16px;
    color: #999999;
    font-weight: 500;
}

.pro-pop .modal-body .list-btns .sub button {
    color: #0C66E4;
    font-weight: 500;
}

.pro-pop .pop-data span a {
    color: #888888;
}

.pro-pop .modal-body .eid-inputs .input-edit {
    margin: 10px 0;
}

.pro-pop .modal-body .eid-inputs .input-edit label {
    font-size: 14px;
    font-weight: 400;
    color: #888888;
}

.pro-pop .modal-body .description {
    margin-top: 25px;
}

.pro-pop .modal-body .description .des-head {
    margin-bottom: 25px;
}

.pro-pop .modal-body .description span {
    font-size: 18px;
    font-weight: 600;
    color: #44546F;
}

.pro-pop .modal-body .eid-inputs textarea::placeholder {
    font-size: 14px;
    font-weight: 400;
    color: #888888;
}

.pro-pop .modal-body .attach {
    margin: 15px 0;
}

.pro-pop .modal-body .attach .attach-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.pro-pop .modal-body .attach .attach-head span {
    font-size: 18px;
    font-weight: 600;
    color: #44546F;
}

.pro-pop .modal-body .attach .attach-box {
    margin: 20px 0;
    display: flex;
    align-items: center;
}

.pro-pop .modal-body .attach .attach-box .img {
    width: 140px;
    height: 90px;
    background-color: #D9D9D9;
    border-radius: 5px;
}

.pro-pop .modal-body .attach .attach-box .img img {
    width: 100%;
    height: 100%;
    border-radius: 5px;
    object-fit: cover;
}

.pro-pop .modal-body .attach .attach-box .text {
    margin-left: 8px;
}

.pro-pop .modal-body .attach .attach-box .text strong {
    color: #44546F;
}

.pro-pop .modal-body .attach .attach-box .text span {
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #7C7C7C;
}

.pro-pop .modal-body .attach .attach-box .text .delete-btn a {
    color: #44546F;
    font-size: 13px;
    font-weight: 500;
}

.pro-pop .modal-body .submit-btn button {
    display: block;
    width: 100%;
    border: none;
    outline: none;
    background-color: #1D67BD;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    padding: 10px;
    border-radius: 5px;
}

.pro-pop .comment .icon span {
    font-size: 18px;
    font-weight: 600;
    color: #44546F;
}

.pro-pop .comment .write {
    margin: 15px 0;
}

.pro-pop .comment .write .message-container .user {
    display: flex;
    align-items: center;
    margin-top: 10px;
}

.pro-pop .comment .write input::placeholder {
    color: #888888;
    font-size: 14px;
    font-weight: 400;
}

.pro-pop .comment .write .message-container .user .date {
    margin: 0 10px;
}

.pro-pop .comment .write .message-container .user h3 {
    font-size: 16px;
    font-weight: 500;
    margin: 0;
}

.pro-pop .comment .write .message-container .user span {
    font-size: 12px;
    font-weight: 400;
    color: #909090;
}

.pro-pop .comment .write .message-container .form-control {
    border: 1px solid #CCCCCC;
}

.pro-pop .comment .write .message-container .store-mesasge .message {
    border: 1px solid #CCCCCC;
    padding: 6px 12px;
    border-radius: 5px;
}

.pro-pop .comment .write .message-container .store-mesasge .message span {
    font-size: 14px;
    font-weight: 400;
    color: #888888;
}

.pro-pop .comment .write .message-container .store-mesasge .message-btns {
    display: flex;
    align-items: baseline;
}

.pro-pop .comment .write .message-container .store-mesasge .message-btns button {
    font-size: 13px;
    font-weight: 500;
    color: #44546F;
    outline: none;
    border: none;
    background: transparent;
    padding: 0;
    border-radius: 0;
    border-bottom: 1px solid #44546F;
}

.pro-pop .comment .write .message-container .store-mesasge .message-btns .delete-message {
    margin-left: 10px;
}

.pro-pop .comment .write .message-container .store-mesasge .message-btns .delete-message .head h4 {
    font-size: 14px;
    font-weight: 500;
    color: #616F86;
    margin: 0;
}

.pro-pop .comment .write .message-container .store-mesasge .message-btns .delete-message .head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.pro-pop .comment .write .message-container .store-mesasge .message-btns .delete-message .head .cancel-student-button {
    border: none;
}

.pro-pop .comment .write .message-container .store-mesasge .message-btns .delete-message .head .cancel-student-button span {
    font-size: 20px;
}

.pro-pop .comment .write .message-container .store-mesasge .message-btns .delete-message .text p {
    font-size: 13px;
    margin: 0;
    font-weight: 500;
    color: #616F86;
}

.pro-pop .comment .write .message-container .store-mesasge .message-btns .delete-message .del-btn {
    margin-top: 10px;
}

.pro-pop .comment .write .message-container .store-mesasge .message-btns .delete-message .del-btn a {
    display: block;
    background-color: #C9372C;
    text-align: center;
    color: #FFFFFF;
    text-decoration: none;
    border-radius: 5px;
    padding: 10px;
}

/*Landing Page  */
.top-navi .lonin-btns {
    display: flex;
    align-items: center;
}

.hub-header {
    position: absolute;
    width: 100%;
    z-index: 999;
}

.top-navi .lonin-btns .log-btn {
    margin-left: 10px;
}

.top-navi .lonin-btns {
    margin-left: 10px;
}

.top-navi .lonin-btns a {
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    color: #1D67BD;
    border: 1px solid #1D67BD;
    border-radius: 8px;
    padding: 8px 14px;
}

.hub-hero {
    background-color: #EFFCFE;
    padding: 100px 50px;
    position: relative;
}

.hub-hero .right-top {
    position: absolute;
    top: 0;
    right: 0;
}

.hub-hero .left-bottom {
    position: absolute;
    left: -20px;
    bottom: 0;
    rotate: 180deg;
}

.hub-hero .hub-data {
    margin-top: 40px;
}

.hub-hero .row {
    --bs-gutter-x: 1.5rem;
}

.hub-hero .hub-data .hub-hero-left h1 {
    font-size: 25px;
    font-weight: 600;
    line-height: 42px;
}

.hub-hero .hub-data .hub-hero-left h1:first-child {
    margin-bottom: 35px;
}

.hub-hero .hub-data .hub-hero-left {
    padding: 0 20px;
}

.hub-hero .hub-data .hub-hero-left p {
    font-size: 16px;
    font-weight: 400;
    color: #000000;
}

.hub-hero .hub-data .hub-hero-left .search-box {
    display: flex;
    align-items: center;
    background-color: #fff;
    padding: 10px 20px;
    justify-content: center;
    border-radius: 6px;
}

.hub-hero .hub-data .hub-hero-left .search-box .input {
    margin: 0;
}

.hub-hero .hub-data .hub-hero-left .search-box .input i {
    font-size: 18px;
    color: #999999;
    margin-right: 5px;
}

.hub-hero .hub-data .hub-hero-left .search-box .input .form-control,
.hub-hero .hub-data .hub-hero-left .search-box .input .form-select {
    border: none;
    outline: none;
}

.hub-hero .hub-data .hub-hero-left .search-box .input .form-control:focus,
.hub-hero .hub-data .hub-hero-left .search-box .input .form-select:focus {
    border: none;
    outline: none;
    box-shadow: none;
}

.hub-hero .hub-data .hub-hero-left .search-box input::placeholder,
.hub-hero .hub-data .hub-hero-left .search-box select {
    font-size: 14px;
}

.hub-hero .hub-data .hub-hero-left .search-box .input,
.hub-hero .hub-data .hub-hero-left .search-box .sub-btn {
    flex: 1 1 auto;
    margin: 0 5px;
}

.hub-hero .hub-data .hub-hero-left .search-box .sub-btn {
    text-align: right;
}

.hub-hero .hub-data .hub-hero-left .search-box .sub-btn button {
    background-color: #1D67BD;
    color: #FFFFFF;
    border: none;
    outline: none;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 500;
}

.hub-hero .hub-data .right-img-data .img {
    position: relative;
    z-index: 9;
}

.hub-hero .hub-data .right-img-data .img .left-top {
    position: absolute;
    top: -50px;
    left: -50px;
    z-index: -1;
}

.hub-hero .hub-data .right-img-data {
    display: flex;
    align-items: center;
}

.hub-hero .hub-data .right-img-data .img .left-top img,
.hub-hero .hub-data .right-img-data .img .bottom img {
    width: 100%;
}

.hub-hero .hub-data .right-img-data .img .bottom {
    position: absolute;
    right: -50px;
    bottom: -50px;
    z-index: -1;
}

.hub-hero .hub-data .right-img-data .social-links ul {
    padding: 0;
    margin: 0;
    margin-right: 15px;
    list-style: none;
}

.hub-hero .hub-data .right-img-data .social-links ul a {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-color: #1D67BD;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.hub-hero .hub-data .right-img-data .social-links ul li {
    margin: 10px 0;
}

.hub-hero .hub-data .right-img-data .social-links ul a i {
    color: #fff;
}

.services {
    background-color: #f9feff;
    padding: 40px 0;
    /* background: linear-gradient(180deg, #EFFCFE 0%, #EFFCFE 17.26%, #ffffff94 85.02%, #EFFCFE 100%); */

}

.services .servics-head {
    text-align: center;
}

.services .servics-head h3 {
    font-size: 30px;
    font-weight: 600;
    margin: 0;
}

.services .servics-box {
    margin: 20px 0;
}

.services .servics-box .servics-data .img {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: 1px solid #1D67BD;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
}

.services .servics-box .row {
    --bs-gutter-x: 1.5rem;
}

.services .servics-box .heading h3 {
    font-size: 20px;
    font-weight: 600;
}

.services .servics-box .text p {
    color: #818181;
    margin: 0;
    font-size: 14px;
    font-weight: 400;
}

/*  */
.pro-mangment {
    padding: 40px 0;
}

.pro-mangment .pro-text {
    padding: 20px;
}

.pro-mangment .pro-text h3 {
    font-size: 24px;
    font-weight: 500;
    line-height: 35px;
}

.pro-mangment .pro-text h3 span {
    display: block;
    font-weight: 700;
}

.pro-mangment .pro-text p {
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    color: #818181;
}

.pro-mangment .pro-text .dt-icon {
    display: flex;
    align-items: center;
    margin: 15px 0;
}

.pro-mangment .pro-text .dt-icon .icon {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: #0C66E4;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
}

.pro-mangment .pro-text .dt-icon .icon i {
    color: #ffff;
    font-size: 13px;
}

.pro-mangment .pro-text .icon-text {
    margin-top: 20px;
}

.pro-mangment .pro-text .icon-text p {
    font-weight: 500;
}

.manage-bg {
    background-color: #EFFCFE;
}

.team-skills {
    padding: 40px 0;
}

.team-skills .team-head {
    text-align: center;
    margin-bottom: 10px;
}

.team-skills .team-head h3 {
    font-size: 30px;
    font-weight: 600;
}

.team-skills .skill-box .skill-data {
    box-shadow: 0px 1px 4px 0px #00000033;
    border-radius: 15px;
    padding: 64px 24px 24px;
    position: relative;
    margin-top: 50px;
}

.team-skills .skill-box .skill-data .img {
    position: absolute;
    top: -25px;
    left: 25px;
}

.team-skills .skill-box .skill-data .img img {
    width: 50px;
}

.team-skills .skill-box .skill-data .skill-head h3 {
    font-size: 22px;
    font-weight: 500;
    color: #1D67BD;
}

.team-skills .skill-box .skill-data .skill-text p {
    font-size: 15px;
    font-weight: 400;
    color: #000000;
}

.pro-menu {
    margin-top: 30px;
}

.team-skills .skill-box .skill-data .skill-btn {
    margin-top: 10px;
}

.team-skills .skill-box .skill-data .skill-btn a {
    padding: 10px 20px 10px 20px;
    border: 1px solid #1D67BD;
    color: #1D67BD;
    text-decoration: none;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    background: linear-gradient(to left, #fff 50%, #2474EB 50%) right;
    background-size: 205%;
    transition: .5s ease-out;
}

.team-skills .skill-box .skill-data .skill-btn a:hover {
    background-position: left;
    color: #fff;
}

.row {
    --bs-gutter-x: 1.5rem;
}

.overview {
    padding: 50px 0;
    background-color: #effcfe;
}

.overview .view-text {
    padding: 30px 0;
}

.overview .view-text .about .icon {
    display: flex;
    align-items: center;
}

.overview .view-text .about .icon span {
    font-size: 15px;
    font-weight: 400;
    color: #1F1F1F;
    margin-left: 5px;
}

.overview .view-text .about .view-heading h3 {
    font-size: 30px;
    font-weight: 600;
    line-height: 51px;
    text-align: left;
}

.overview .view-text .about .view-detail p {
    font-size: 15px;
    font-weight: 500;
    line-height: 22.73px;
    color: #666C89;
}

.faq {
    padding: 40px 0;
}

.faq .faq-icon {
    display: flex;
    align-items: center;
}

.faq .faq-icon span {
    font-size: 15px;
    font-weight: 400;
    color: #1F1F1F;
    margin-left: 5px;
}

.faq .faq-head {
    margin: 12px 0;
}

.faq .faq-head h3 {
    font-size: 24px;
    font-weight: 600;
    line-height: 54px;
}

/* Closed state */
.faq .accordion-button::after {
    background-image: url("../imgs/top-arrow.png");
    rotate: 180deg;
    width: 15px;
    height: 15px;
    background-size: cover;
}

/* Open/Active state */
.faq .accordion-button.active::after {
    background-image: url("../imgs/top-arrow.png");
}

.faq .accordion-button {
    padding: 10px 0;
    margin: 15px 0;
}

.faq .accordion-body {
    padding: 10px 5px 0;
    margin-bottom: 10px;
}

.faq .accordion-button {
    font-size: 18px;
    font-weight: 500;
    box-shadow: none;
    background: none;
    margin: 0;
    padding: 0 5px;
}

.faq .accordion-item {
    border: none;
}

.faq .accordion-item.active {
    border-left: 2px solid #0C66E4;
}

.faq .accordion-item.active .accordion-button {
    color: #1D67BD;
    padding: 0 5px;
}

.faq .accordion-button {
    align-items: baseline;
}

.faq .accordion-item {
    border-left: 2px solid;
}

.faq .faq-menu .b-bottom {
    border-bottom: 2px solid #EDEDED;
    margin-bottom: 25px;
    padding: 15px 0;
}

.faq .accordion-body p {
    font-size: 14px;
    font-weight: 400;
    line-height: 21.21px;
    color: #424242;
}

.login .row {
    --bs-gutter-x: 0;
}

.job-des .job-exp .des-inputs {
    display: flex;
    align-items: center;
}

.job-des .job-exp .des-inputs .des-input {
    flex: 1 1 auto;
    margin: 10px;
}

.job-des .job-exp .des-inputs .des-input:first-child {
    margin-left: 0;
}

.job-des .job-exp input[type=date] {
    color: #676767;
    font-size: 14px;
}

.job-des .job-exp .des-inputs .des-input:last-child {
    margin-right: 0;
}

.job-des .job-exp .des-inputs .des-input label,
.job-des .job-exp .des-inputs .des-input label input {
    font-size: 14px;
    font-weight: 400;
    color: #676767;
}

.job-des .job-exp .des-inputs .des-input input::placeholder {
    font-size: 14px;
    font-weight: 400;
    color: #737373;
}

.profile-data {
    padding: 40px 0;
}

.profile-data .profile-head {
    border-radius: 10px;
    padding: 25px;
    display: flex;
    justify-content: space-between;
}

.profile-data .profile-head h3 {
    font-size: 16px;
    font-weight: 500;
    margin: 0;
    color: #FFFFFF;
}

.profile-data .profile-head a {
    text-decoration: none;
    background-color: #FFFFFF4D;
    padding: 10px 20px;
    border-radius: 5px;
    color: #fff;
    font-weight: 500;
}

.profile-data .pro-data {
    position: relative;
    margin-top: 25px;
}

.profile-data .pro-data .row {
    justify-content: center;
}

.profile-data .pro-data .my-skills {
    background-color: #fff;
    border-radius: 10px;
    padding: 20px;
    border: 1px solid #00000026;

}

.tooltip_arrow {
    top: -14px;
    position: absolute;
    border: 7px solid transparent;
    display: inline-block;
    border-width: 7px;
    border-bottom-color: #0C66E4;
    left: 5%;
}

.profile-data .pro-data .my-skills a {
    text-decoration: none;
    color: #000000;
}

.profile-data .pro-data .my-skills .my-head .skill-img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: #FFA78D;
    display: flex;
    justify-content: center;
    align-items: center;
}

.profile-data .pro-data .my-skills .my-head .skill-img img {
    width: 80px;
    height: 80px;
}

.profile-data .pro-data .my-skills .my-head .upload-btn button {
    padding: 6px 16px 6px 16px;
    border-radius: 30px;
    border: none;
    outline: none;
    color: #1F1F1FCC;
    font-size: 13px;
    font-weight: 500;
}

.profile-data .pro-data .my-skills .my-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.profile-data .pro-data .my-skills .skill-data {
    border-radius: 5px;
    padding: 15px;
    margin-top: 20px;
}

.profile-data .pro-data .my-skills .skill-data .skill-detail {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.profile-data .pro-data .my-skills .skill-data .head span {
    font-size: 13px;
    font-weight: 500;
    color: #1F1F1FB2;
}

.profile-data .pro-data .my-skills .skill-data .name span {
    font-size: 14px;
    font-weight: 500;
}

.profile-data .pro-data .my-skills .skill-data .edit-btn a {
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    color: #1D67BDCC;
}

.profile-data .pro-data .my-skills .skill-data .skill-dt {
    margin: 10px 0;
}

.profile-data .pro-data .my-skills .resume {
    margin-top: 15px;
    border: 1px solid #00000026;
    padding: 8px 10px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.profile-data .pro-data .my-skills .resume span {
    font-size: 15px;
    font-weight: 500;
}

.profile-data .pro-data .my-skills .resume button {
    padding: 0 10px;
    border: none;
    outline: none;
    background: none;
}

.pro-data .skill-detail-box {
    border: 1px solid #EBEBEE;
    border-radius: 10px;
    padding: 20px;
    background-color: #fff;

}

.pro-data .skill-detail-box .object {
    border: 1px solid #00000026;
    border-radius: 5px;
    padding: 12px;
}

.pro-data .skill-detail-box .object .obejct-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.pro-data .skill-detail-box .object .obejct-head h3 {
    font-size: 15px;
    font-weight: 500;
    margin: 0;
}

.pro-data .skill-detail-box .object .obejct-head .edit a {
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    color: #1D67BDCC;
}

.pro-data .skill-detail-box .object .object-text {
    margin-top: 15px;
}

.pro-data .skill-detail-box .object .object-text p {
    font-size: 13px;
    font-weight: 400;
    margin: 0;
    color: #49454FCC;
}

.pro-data .genral-skills {
    margin-top: 20px;
}

.pro-data .genral-skills .gen-head h3 {
    font-size: 15px;
    font-weight: 600;
    margin: 0;
}

.gen-skills {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: 10px;
    border-top: 1px solid #B0B0B0;
    border-left: 1px solid #B0B0B0;
}

.gen-skills .cell {
    height: 100px;
    padding: 15px;
    border-bottom: 1px solid #B0B0B0;
    border-right: 1px solid #B0B0B0;
}

/* .gen-skills .cell:nth-last-child(-n+3) {
    border-top: none;
}

.gen-skills .cell:nth-child(2) {
    border-left: 0;
    border-right: 0;
}

.gen-skills .cell:nth-child(5) {
    border-left: 0;
    border-right: 0;
} */

.gen-skills .cell .cell-data label {
    font-size: 13px;
    font-weight: 400;
    color: #676767;
}

.gen-skills .cell .cell-data .skill span {
    font-size: 14px;
    font-weight: 500;
    color: #4D4D4D;
}

.technical-skills {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 10px;
    border-top: 1px solid #B0B0B0;
    border-left: 1px solid #B0B0B0;
}

.tech-skills .cell {
    height: 100px;
    padding: 15px;
    border-bottom: 1px solid #B0B0B0;
    border-right: 1px solid #B0B0B0;
}

.tech-skills .cell .cell-data .skill span {
    font-size: 14px;
    font-weight: 500;
    color: #4D4D4D;
}

.tech-skills .cell .cell-data label {
    font-size: 13px;
    font-weight: 400;
    color: #676767;
}

.tech-skills .gen-head {
    margin-top: 20px;
}

.tech-skills .gen-head h3 {
    font-size: 15px;
    font-weight: 600;
    margin: 0;
}

/*  */
.task .btn-close i {
    color: #fff;
}

.task .modal-header {
    padding: 10px;
    border: 0;
    background: url(../imgs/modal-bg.png);
    background-position: center;
    height: 150px;
    background-size: cover;
    background-repeat: no-repeat;
    flex-direction: column;
    align-items: baseline;
    justify-content: center;
    padding: 30px;
}

.task .modal-header h1 {
    font-size: 20px;
    font-weight: 600;
    line-height: 19.36px;
    color: #ffff;
    margin: 10px 0 0 0;
}

.task .modal-header span {
    font-size: 15px;
    font-weight: 400;
    line-height: 18px;
    color: #fff;
}

.task .modal-body {
    padding: 0;
}

.task .modal-body .task-body {
    padding: 30px;
}

.task .modal-body .list-data {
    padding: 15px;
}

.task .modal-body .list-btns {
    padding: 4px 30px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.task .modal-body .list-btns button {
    background: none;
    border: none;
    outline: none;
    font-size: 16px;
    color: #999999;
    font-weight: 400;
}

.task .modal-body .list-btns .sub button {
    color: #0C66E4;
    font-weight: 500;
}

.task .modal-header .task .task-input {
    margin: 10px 0;
}

.task .task-input {
    margin: 10px 0;
}
.task .task-input  .salary{
    display: flex;
    align-items: center;
}
.task .task-input  .salary .current{
    flex: auto;
    margin: 0 15px;
}
.task .task-input  .salary .current:first-child{
    margin-left: 0;
}
.task .task-input  .salary .current:last-child{
    margin-right: 0;
}
.task .task-input label,
.task .task-input select {
    color: #6A6A6A;
    font-size: 14px;
    font-weight: 400;
}

.task .task-input label,
.task .task-input select option {
    font-size: 12px;
    display: block;
}

.task .task-input input[type="datetime-local"] {
    color: #6A6A6A;
    font-size: 14px;
    font-weight: 400;
}

.task .task-input input::placeholder {
    color: #6A6A6A;
    font-size: 14px;
    font-weight: 400;
}

.task .submit-btn {
    margin-top: 20px;
}

.task .submit-btn button {
    display: block;
    text-align: center;
    width: 100%;
    outline: none;
    border: none;
    padding: 10px;
    background-color: #0C66E4;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}

.offcanvas.offcanvas-end {
    top: 150px;
    right: 10px;
    width: 25%;
    bottom: 50px;
    border-bottom: 1px solid #ccc;
}

.offcanvas-backdrop.show {
    opacity: 0;
}

.offcanvas .offcanvas-header {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 19px;
}

.offcanvas .offcanvas-header h5 {
    font-size: 16px;
    font-weight: 500;
    line-height: 19.36px;
}

.add-task .members {
    margin: 15px 0 8px;
}

.add-task .members .people {
    margin: 2px 0;
}

.offcanvas .offcanvas-header .add-btn a {
    width: 24px;
    height: 24px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-color: #0C66E4;
    text-decoration: none;
}

.offcanvas .offcanvas-body {
    padding: 0;
}

.offcanvas .offcanvas-body .task-container {
    height: 50%;
    padding: 15px;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    overflow-y: auto;
}

.offcanvas .offcanvas-body .task-container ul {
    padding: 0 15px;
    margin: 0;
    list-style-type: none;
}

.offcanvas .offcanvas-body .task-container ul li {
    margin: 10px 0;
}

.offcanvas .offcanvas-body .task-container ul li a {
    text-decoration: none;
    color: #000;
    font-size: 16px;
    font-weight: 500;
}

.offcanvas .offcanvas-body .documents-container {
    padding: 15px;
}
.offcanvas .offcanvas-body .documents-container img{
    width: 50px;
}
.offcanvas .offcanvas-body .doc-item{
    display: flex;
    align-items: center;
}
.offcanvas .offcanvas-body .documents-container .doc-item .text{
    margin-left: 20px;
}
.offcanvas .offcanvas-body .documents-container .doc-item .text span{
    font-weight: 500;
}
.offcanvas .offcanvas-body .add-documents .document-head {
    border-bottom: 1px solid #ccc;
    padding: 19px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.offcanvas .offcanvas-body .add-documents {
    height: 50%;
    border-right: 1px solid #ccc;

    overflow-y: auto;
}

.offcanvas .offcanvas-body .add-documents .document-head .add-btn a {
    width: 24px;
    height: 24px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-color: #0C66E4;
    text-decoration: none;
}

.offcanvas .offcanvas-body .add-documents .document-head h5 {
    font-size: 16px;
    font-weight: 500;
    line-height: 19.36px;
}

.Task .modal-header {
    border-bottom: 0;
}

.Task .btn-close {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: red;
    color: #fff;
    font-size: 14px;
    margin-top: -10px;
    --bs-btn-close-bg: none !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.Task label {
    font-size: 13px;
    font-weight: 400;
    line-height: 19.5px;
    color: #767676;
}

.Task .task-input {
    margin: 10px 0;
}

.Task .task-input input,
.Task .task-input select {
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    color: #5A5A5A;
}

.Task .Task-btn button {
    display: block;
    width: 100%;
    background-color: #1D67BD;
    text-align: center;
    padding: 12px;
    outline: none;
    border: 0;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    border-radius: 5px;
}

.add-task .members {
    border-bottom: 1px solid #ccc;
}

.file .modal-header {
    border: 0;
}

.file .btn-close {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: red;
    color: #fff;
    font-size: 14px;
    margin-top: -10px;
    --bs-btn-close-bg: none !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.file .file-inputs label {
    font-size: 14px;
    font-weight: 400;
    color: #767676;
}

.List .btn-close {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: red;
    color: #fff;
    font-size: 14px;
    margin-top: -10px;
    --bs-btn-close-bg: none !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.List .modal-header {
    border: 0;
    background: url(../imgs/modal-bg.png);
    background-position: center;
    height: 150px;
    background-size: cover;
    background-repeat: no-repeat;
    flex-direction: column;
    align-items: baseline;
    padding: 30px;
    justify-content: center;
}

.List .modal-header h1 {
    font-size: 20px;
    font-weight: 600;
    line-height: 19.36px;
    color: #ffff;
    margin: 10px 0 0 0;
}

.List .modal-header span {
    font-size: 15px;
    font-weight: 400;
    line-height: 18px;
    color: #fff;
}

.List .modal-body {
    padding: 0;
}

.List .modal-body .list-data {
    padding: 30px;
}

.List .modal-body .list-btns {
    padding: 4px 30px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.List .modal-body .list-btns button {
    background: none;
    border: none;
    outline: none;
    font-size: 16px;
    color: #999999;
    font-weight: 400;
}

.List .modal-body .list-btns .sub button {
    color: #0C66E4;
    font-weight: 500;
}

.List .modal-body .list-input input[type="color"] {
    background-color: #fff;
    padding: 10px;
    height: 30px;
    cursor: pointer;
    margin-top: 10px;
    border-radius: 3px;
}

.List .modal-body .list-input input {
    font-size: 14px;
}

.List .list-input {
    margin: 10px 0;
}

.List .list-input label {
    font-size: 14px;
    font-weight: 400;
    color: #767676;
}

.add-members {
    margin: 10px 0;
}

.add-members select {
    border: 1px solid #1D67BD;
    box-shadow: 0px 0px 2px 0px #00000036;
    border-radius: 5px;
}

.work {
    min-height: 750px;
}

.pro-pop input[type="file"]::file-selector-button {
    display: none;
}

.pro-pop .i-input {
    margin: 10px 0;
}

.pro-pop .i-input .file-input {
    position: relative;
}

.pro-pop .i-input .file-input i {
    margin-right: 15px;
    color: #1D67BD;
    position: absolute;
    right: 10px;
    top: 33px;
}

.pro-pop .i-input input,
.pro-pop .i-input select,
.pro-pop .i-input textarea {
    font-size: 14px;
    font-weight: 400;
}

.pro-pop .browse-btn button {
    background: none;
    outline: none;
    border: 1px solid #1D67BD;
    padding: 12px 14px;
    width: 100%;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 500;
    line-height: 18px;
    color: #1D67BD;
}

.pro-pop .check-box {
    display: flex;
    align-items: center;
    margin: 15px 0;
}

.pro-pop .check-box span {
    margin-left: 10px;
    font-size: 13px;
    font-weight: 400;
}

.pro-pop .i-input label {
    font-size: 13px;
    font-weight: 400;
}

.file .modal-header {
    padding: 10px;
    border: 0;
    background: url(../imgs/modal-bg.png);
    background-position: center;
    height: 150px;
    background-size: cover;
    background-repeat: no-repeat;
    flex-direction: column;
    align-items: baseline;
    justify-content: center;
    padding: 30px;
}

.file .modal-header h1 {
    font-size: 20px;
    font-weight: 600;
    line-height: 19.36px;
    color: #ffff;
    margin: 10px 0 0 0;
}

.file .modal-header span {
    font-size: 15px;
    font-weight: 400;
    line-height: 18px;
    color: #fff;
}

.file .file-inputs .file-input {
    display: inline-block;
    cursor: pointer;
    font-size: 14px;
    width: 100%;
}

.file .file-inputs .file-input input[type="file"] {
    display: block;
}

.file input::file-selector-button {
    display: none;
}

.file .browse-btn {
    margin-top: 15px;
}

.file .browse-btn button {
    outline: none;
    border: none;
    border-radius: 5px;
    text-align: center;
    width: 100%;
    padding: 10px 12px;
}

.file .modal-body {
    padding: 0;
}

.file .file-body {
    padding: 30px;
}

.file .modal-body .list-btns {
    padding: 4px 30px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.file .modal-body .list-btns button {
    background: none;
    border: none;
    outline: none;
    font-size: 16px;
    color: #999999;
    font-weight: 400;
}

.file .modal-body .list-btns .sub button {
    color: #0C66E4;
    font-weight: 500;
}

.pro-Dt {
    min-height: 650px;
}

.datePopup .modal-header {
    border: 0;
    background: url(../imgs/modal-bg.png);
    background-position: center;
    height: 150px;
    background-size: cover;
    background-repeat: no-repeat;
    flex-direction: column;
    align-items: baseline;
    padding: 30px;
    justify-content: center;
}

.datePopup .modal-body {
    padding: 0;
}

.datePopup .modal-body .meet-data {
    padding: 30px;
}

.datePopup .modal-header h1 {
    font-size: 20px;
    font-weight: 600;
    line-height: 19.36px;
    color: #ffff;
    margin: 10px 0 0 0;
}

.datePopup .modal-header span {
    font-size: 15px;
    font-weight: 400;
    line-height: 18px;
    color: #fff;
}

.datePopup .modal-body .list-btns {
    padding: 4px 30px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.datePopup .modal-body .list-btns button {
    background: none;
    border: none;
    outline: none;
    font-size: 16px;
    color: #999999;
    font-weight: 400;
}

.datePopup .modal-body .list-btns .sub button {
    color: #0C66E4;
    font-weight: 500;
}

/*  Candidate */
.candidate-head {
    background-color: #F2F8FF;
    height: 145px;
    display: flex;
    align-items: center;
    flex-direction: column;
    margin: 30px 0 10px;
    justify-content: center;
}

.header .top-navi {
    box-shadow: none;
}

.candidate-head h3 {
    font-size: 30px;
    font-weight: 500;
    color: #1D67BD;

}

.candidate-head span {
    font-size: 16px;
    font-weight: 400;
    color: #334654;
}

.find-candidate .search-box .find-form {
    margin: 20px 0;
    display: flex;
    align-items: center;
    width: 80%;
}

.find-candidate .search-box .find-form .skill-box {
    flex: 1 1 auto;
    margin: 0 10px;
}

.find-candidate .search-box .find-form .search-icon {
    display: flex;
    align-items: center;
}

.find-candidate .search-box .find-form .search-btns {
    display: flex;
    align-items: center;
    justify-content: end;
}

.find-candidate .search-box .find-form .search-btns .search-btn button {
    background-color: #1D67BD;
    color: #fff;
    padding: 10px 25px;
    border: none;
    outline: none;
    border-radius: 5px;
}

.find-candidate .search-box .A-search {
    margin-left: 10px;
    text-align: center;
}

.find-candidate .search-box .A-search button {
    text-decoration: none;
    border: 1px solid #0C66E4;
    padding: 10px 30px;
    border-radius: 10px;
    color: #1D67BD;
    display: block;
    font-weight: 500;
    background: none;
}

.find-candidate .search-box {
    margin: 15px 0;
}

.find-candidate .search-box .find-data-search {
    display: flex;
    align-items: center;
}
.find-candidate .search-box .find-data-search .find-form,
.find-candidate .search-box .find-data-search .A-search {
    flex: 1 1 auto;
}
.find-candidate .search-box .skill-search{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.find-candidate .search-box .skill-search .tech-skill {
    flex: 1 1 auto;
    margin: 10px;
}

.find-candidate .search-box .skill-search .tech-skill:first-child {
    margin-left: 0;
}

.find-candidate .search-box .skill-search .tech-skill:last-child {
    margin-right: 0;
}

.find-candidate .search-box .skill-search .tech-skill select {
    padding: 15px 10px;
    box-shadow: 0px 0px 6px 0px #00000014;
    width: 100%;

}

.find-candidate .search-box hr {
    color: #E4E4E4;
}

.find-candidate .search-box .candidates-list .candi-box {
    box-shadow: 0px 0px 4px 0px #0000003D;
    padding: 12px;
    border-radius: 7px;
}

.find-candidate .search-box .candidates-list .candi-box .candidate-name {
    background: linear-gradient(90deg, #EDF5FF 0%, #FFFFFF 100%);
    padding: 5px 10px;
    border-radius: 5px;
}

.find-candidate .search-box .candidates-list .candi-box {
    margin: 30px 0;
}

.find-candidate .search-box .candidates-list .candi-box .candidate-name {
    flex: 1 1 auto;
}

.find-candidate .search-box .candidates-list .candi-box .candidate-name h3 {
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    color: #1D67BD;
}
.find-candidate .search-box .candidates-list .candi-box .candi-save-btn{
    display: flex;
    align-items: center;
}
.find-candidate .search-box .candidates-list .candi-box .candi-save-btn .apply button,.find-candidate .search-box .candidates-list .candi-box .candi-save-btn .apply a{
    background-color: #FEAF3F;
}
.find-candidate .search-box .candidates-list .candi-box .candi-save-btn button,.find-candidate .search-box .candidates-list .candi-box .candi-save-btn a {
    font-size: 16px;
    background-color: #1D67BD;
    color: #FFFFFF;
    border: none;
    cursor: pointer;
    min-width: 130px;
    height: 35px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.find-candidate .search-box .candidates-list .candi-box .candi-save-btn button.clicked {
    background-color: #E4E4E4;
    color: #888888;
}

.find-candidate .search-box .candidates-list .candi-box .c-skil-name {
    margin: 12px 0;
    padding: 0 10px;
}

.find-candidate .search-box .candidates-list .candi-box .c-skil-name h3 {
    font-size: 16px;
    font-weight: 500;
    margin: 0;
}

.find-candidate .search-box .candidates-list .candi-box .c-skil-name span {
    font-size: 14px;
    font-weight: 400;
    color: #8C8594;
}

.find-candidate .search-box .candidates-list .candi-box .genral {
    display: flex;
    align-items: center;
    margin-top: 30px;
}

.find-candidate .search-box .candidates-list .candi-box .genral h3 {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    color: #1D67BD;
}

.find-candidate .search-box .candidates-list .candi-box .genral ul {
    list-style: none;
    margin: 0;
    padding-left: 15px;
}

.find-candidate .search-box .candidates-list .candi-box .genral ul li {
    display: inline-block;
    margin: 0 5px;
}

.find-candidate .search-box .candidates-list .candi-box .genral ul li:first-child {
    margin-left: 0;
}

.find-candidate .search-box .candidates-list .candi-box .genral ul li a {
    text-decoration: none;
    background-color: #F2F2F3;
    color: #928E9A;
    border-radius: 5px;
    padding: 8px 12px;
}

.find-candidate .search-box .candidates-list .candi-box .exp-data ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.find-candidate .search-box .candidates-list .candi-box .exp-data {
    margin: 15px 0 10px;
}

.find-candidate .search-box .candidates-list .candi-box .exp-data ul li {
    display: inline-block;
    margin: 0 5px;
}

.find-candidate .search-box .candidates-list .candi-box .exp-data ul li:first-child {
    margin-left: 0;
}

.find-candidate .search-box .candidates-list .candi-box .exp-data ul li a {
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    color: #928E9A;
    background-color: #F2F2F3;
    border-radius: 5px;
    padding: 10px 20px;
}
.find-candidate .job-box  .find-form {
    width: 100%;
}
.find-candidate .job-box  .find-form .skill-box{
    width: 30%;
}
.find-candidate .job-box  .find-form .skill-box.search-btns{
    width: 10%;
}
.find-candidate .job-box .find-data-search{
    display: block;
}
.find-candidate .job-box .find-data-search .search-btn input{
    text-decoration: none;
    background-color: #0C66E4;
    padding: 10px 30px;
    border-radius: 10px;
    color: #fff;
}
.find-candidate .job-box .experience{
    border-left: 0;
}
.find-candidate .job-box .bd-left{
    border-left: 1px solid #D3D3D3;
}
.toggle-div {
    display: none;
}

.toggle-div span {
    font-size: 15px;
    font-weight: 500;
    color: #1D67BD;
}

.toggle-div .search-data ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.toggle-div .search-data ul li {
    margin: 5px;
    display: inline-block;
}

.toggle-div .search-data ul li .square {
    height: 5px;
    width: 5px;
    margin-right: 10px;
    background-color: #000000;
}

.toggle-div .search-data ul li a {
    box-shadow: 0px 0px 6px 0px #00000014;
    display: flex;
    align-items: baseline;
    padding: 10px 14px;
    text-decoration: none;
    color: #000000;
    font-weight: 500;
    border-radius: 5px;
    min-width: 120px;
    justify-content: center;
}

.toggle-div .search-data ul li a .badge {
    margin-left: 10px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #1D67BD;
    color: #FFFFFF;
    font-size: 13px;
}

/* Profile Company */
.profile-detail .heading span {
    font-size: 22px;
    font-weight: 600;
    color: #1D67BD;
    margin-bottom: 10px;
    display: block;
}

.profile-detail .company-information {
    margin: 15px 0;
}

.profile-detail .detail {
    border: 1px solid #A3A3A3;
    border-radius: 5px;
    padding: 12px;
}

.profile-detail .detail .company-inputs .data {
    border: 1px solid #AFAFAF;
    height: 35px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    padding: 5px;
}

.profile-detail .detail label,
.profile-detail .detail .company-inputs .data-input input {
    font-size: 14px;
    font-weight: 400;
    color: #737373;
}

.profile-detail .detail .company-inputs .file-upload button {
    display: block;
    width: 100%;
    border: none;
    outline: none;
    border-radius: 4px;
    padding: 8px;
    font-size: 14px;
    font-weight: 500;
    color: #4A4A4A;
}

.profile-detail .detail .company-inputs .file-upload .fileName span {
    text-align: center;
    display: block;
}

.profile-detail .detail .company-inputs .data-input {
    margin: 8px 0;
}

.profile-detail .detail .company-inputs .file-upload {
    margin-top: 8px;
}

.profile-detail .detail .company-inputs .file-upload button {
    margin-bottom: 10px;
}

.profile-detail .detail .company-inputs .file-upload .file-name span {
    font-size: 14px;
    font-weight: 400;
    color: #1D67BD;
}

.profile-detail .company-detail-text {
    border: 1px solid #A3A3A3;
    padding: 20px;
    border-radius: 5px;
}

.profile-detail .company-detail-text .heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}

.profile-detail .company-detail-text .heading h3 {
    font-size: 20px;
    font-weight: 600;
    margin: 0;
}

.profile-detail .company-detail-text textarea {
    background: transparent;
    border: none;
    height: 250px;
    overflow-y: auto;
}

.profile-detail .company-detail-text textarea:focus {
    box-shadow: none;
    border: none;
}

.profile-detail .company-detail-text {
    margin: 20px 0;
}

.profile-detail .company-detail-text .text p {
    font-size: 14px;
    font-weight: 400;
}

.profile-detail .mission {
    background-color: #F8F8F8;
    border: none;
}

.profile-detail .company-text {
    min-height: 60%;
}

.profile-detail .update-btn {
    text-align: end;
}

.profile-detail .update-btn button {
    border: none;
    outline: none;
    background-color: #1D67BD;
    color: #fff;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 500;
    padding: 8px 13px;
}

.update .modal-body {
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    padding: 50px;
}

.update .mark-icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 3.62px solid #1D67BD;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
}

.update .mark-icon i {
    color: #1D67BD;
    font-size: 20px;
}

.update .s-text {
    margin-top: 20px;
}

.update .s-text h3 {
    font-size: 16px;
    font-weight: 600;
}

.update .s-text span {
    font-size: 14px;
    font-weight: 400;
    color: #717171;
}

.update .ok-btn {
    margin-top: 25px;
}

.update .ok-btn button {
    border: none;
    outline: none;
    background-color: #1D67BD;
    padding: 5px 24px;
    color: #fff;
    border-radius: 3px;
}

/* Add Modal */
.add .modal-header {
    padding: 10px;
    border: 0;
    background: url(../imgs/modal-bg.png);
    background-position: center;
    height: 150px;
    background-size: cover;
    background-repeat: no-repeat;
    flex-direction: column;
    align-items: baseline;
    justify-content: center;
    padding: 30px;
}

/* Find jobs */
.find-hero {
    margin: 40px 0 50px;
}

.find-hero .find-text {
    padding: 50px 0;
    display: flex;
    justify-self: center;
    flex-direction: column;
    height: 100%;
    justify-content: center;
}

.find-hero .find-text h1 {
    font-size: 50px;
    font-weight: 700;
    line-height: 70px;
}

.find-hero .find-text h1 span {
    color: #1D67BD;
}

.find-hero .find-text .text {
    margin-top: 15px;
}

.find-hero .find-text .text p {
    font-size: 16px;
    font-weight: 400;
    color: #000000;
}

.find-hero .find-inputs .heading h3 {
    font-size: 24px;
    font-weight: 500;
    color: #1D67BD;
}

.find-hero .find-inputs .find-inputs-detail {
    display: flex;
    align-items: center;
}

.find-hero .find-inputs .find-inputs-detail .f-input {
    flex: 1 1 auto;
    margin: 0 10px;
}

.find-hero .find-inputs .find-inputs-detail .f-input:first-child {
    margin-left: 0;
}

.find-hero .find-inputs .find-inputs-detail .f-input:last-child {
    margin-right: 0;
}

.find-hero .find-inputs .find-inputs-detail .f-input .search-btn button {
    border: none;
    outline: none;
    padding: 6px 12px;
    border-radius: 5px;
    background-color: #1D67BD;
    color: #FFF;
}

.tab {
    overflow: hidden;
    text-align: center;
}

/* Style the buttons inside the tab */
.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 0;
    transition: 0.3s;
    font-size: 17px;
    font-size: 16px;
    font-weight: 500;
    margin: 0 10px;
}

.tab button:first-child {
    margin-left: 0;
}

/* Create an active/current tablink class */
.tab button.active {
    border-bottom: 1px solid #0C66E4;
    color: #0C66E4;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px 6px 0;
    border-top: none;
}

/* Trouble Log in page */
.trouble {
    width: 100%;
    min-height: 90vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.trouble .col-lg-4 {
    box-shadow: 0px 0px 7px 0px #00000024;
    padding-bottom: 20px;
}

.trouble .trouble-head {
    padding: 100px;
    border: 0;
    background: url(../imgs/modal-bg.png);
    background-position: center;
    height: 150px;
    background-size: cover;
    background-repeat: no-repeat;
    flex-direction: column;
    align-items: baseline;
    justify-content: center;
    padding: 30px;
}

.trouble .trouble-head h1 {
    font-size: 20px;
    font-weight: 600;
    line-height: 19.36px;
    color: #ffff;
    margin: 10px 0 0 0;
}

.trouble .trouble-head span {
    font-size: 15px;
    font-weight: 400;
    line-height: 18px;
    color: #fff;
}

.trouble .trouble-body {
    padding: 30px;
}

.trouble .trouble-body .reset-btns {
    margin-top: 25px;
}

.trouble .trouble-body .reset-btns button {
    display: block;
    width: 100%;
    border: none;
    outline: none;
    box-shadow: 0px 0px 3px 0px #00000029;
    background-color: #1D67BD;
    color: #fff;
    padding: 10px;
    border-radius: 5px;
}

.trouble .trouble-body label {
    font-size: 15px;
    font-weight: 400;
    color: #727272;
}

.trouble .trouble-body .log-in-btn {
    text-align: center;
    margin-top: 10px;
}

.trouble .trouble-body .log-in-btn a {
    text-decoration: none;
    font-size: 16px;
    font-weight: 400;
}

/* job-seekar */
.job-seekar {
    min-height: auto;
    padding: 70px 0;
}

.job-seekar .trouble-body .job-input {
    margin: 10px 0;
}

.job-seekar .trouble-body .privacy-check {
    display: flex;
}

.job-seekar .trouble-body .privacy-check span {
    margin-left: 8px;
}

.job-seekar .trouble-body .register-btn {
    margin-top: 15px;
}

.job-seekar .trouble-body .register-btn button {
    display: block;
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    border: none;
    outline: none;
    background-color: #0C66E4;
    color: #fff;
    font-weight: 500;
}

.job-seekar .trouble-body .sign-up {
    text-align: center;
    margin-top: 15px;
}

.job-seekar .trouble-body .sign-up span {
    color: #696969;
}

.job-seekar .trouble-body .sign-up a,
.job-seekar .trouble-body .sign-up span {
    font-size: 15px;
    font-weight: 400;
    text-decoration: none;
}

.sidebar .application .heading h3 {
    font-size: 18px;
    font-weight: 500;
    color: #0C66E4;
    margin: 0;
}

.sidebar .applications {
    margin-top: 50px;
}

.sidebar .applications ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.sidebar .applications ul li {
    margin: 20px 0;
}

.sidebar .applications ul li a {
    text-decoration: none;
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    font-weight: 400;
    color: #172B4D;
}

.sidebar .applications ul li a span:last-child {
    color: #1D67BD;
}

.sidebar .job-saved ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.sidebar .job-saved ul li {
    margin: 20px 0;
}

.sidebar .job-saved ul li a {
    text-decoration: none;
    font-size: 16px;
    font-weight: 400;
    color: #172B4D;
}

.sidebar .job-saved ul li a span {
    display: block;
    margin: 5px 0;
}

.sidebar .job-saved ul li a span:last-child {
    font-weight: 300;
}

.main .invite-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #EAECF0;
}

.invite table {
    border: none !important;
    box-shadow: none;
    margin: 0;
}

.invite .tabcontent {
    border: 1px solid #DADADA !important;
    border-radius: 5px !important;
    padding: 5px 0;
}

.invite table thead {
    border-bottom: 1px solid #DADADA !important;
    ;
}

.invite table td {
    font-size: 13px;
    font-weight: 500;
    color: #696969;
}

.invite table td,
.invite table th {
    padding: 15px 20px !important;
}

.invite table td .apply-btn {
    text-decoration: none;
    color: #fff;
    background-color: #1D67BD;
    padding: 10px 15px;
    border-radius: 3px;
}

.invite-btns .see-all-btn a {
    text-decoration: none;
    color: #1D67BD;
    font-size: 15px;
    font-weight: 500;
}

.invite table td .app-btn {
    text-decoration: none;
    display: block;
    font-size: 20px;
}
.invite .table .accept-btn i{
    font-size: 25px;
}
.save select {
    width: 100px;
}

.close {
    background-color: #B5B5B5;
    color: #fff;
    padding: 2px 5px;
    border-radius: 30px;
    font-size: 13px;
    font-weight: 400;
}

.main .close-button button {
    border: none;
    outline: none;
    background-color: #FA6565;
    color: #fff;
    padding: 4px 20px;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 500;
}

.job-post-data .data-text {
    border: 1px solid #D9D9D9;
    padding: 5px 10px;
    border-radius: 5px;
}

.job-post-data .job-post-dt {
    margin: 12px 0;
}

.job-post-data .job-post-dt:first-child {
    margin-top: 0;
}

.job-post-data .job-post-dt label {
    font-size: 16px;
    font-weight: 500;
    color: #353535;
}

.job-post-data .job-post-dt .data-text span {
    font-size: 14px;
    font-weight: 400;
}

.job-post-data table {
    border: none !important;
}

.job-post-data table tr {
    border-bottom: 1px solid #D9D9D9;
}

.job-post-data table tr .dropdown button {
    background-color: transparent;
    color: #000;
    border: 1px solid #BABABA;
    display: flex;
    align-items: end;
    justify-content: space-between;
}

.job-post-data table tr .dropdown button i {
    margin-left: 10px;
}

.job-post-data table tr .dropdown .dropdown-menu .dropdown-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.job-post-data table {
    box-shadow: none;
}

/* profile */
.profile-container {
    position: relative;
    width: 100px;
    height: 100px;
}

.profile-container .profile-image {
    width: 100%;
    height: 100%;
    position: relative;
}

.profile-container .profile-image img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

.profile-container .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 50%;
    display: none;
    justify-content: center;
    align-items: center;
    color: white;
    text-align: center;
    cursor: pointer;
    font-size: 13px;
}

.profile-container .profile-image:hover .overlay {
    display: flex;
}

.profile-container .overlay input[type="file"] {
    display: none;
}

/* .meeting */
.meeting {
    padding: 40px 0;
}

.meeting .user-data {
    border: 1px solid #00000026;
    padding: 10px 20px;
    border-radius: 5px;
}

.meeting .meet-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #EAECF0;
    padding-bottom: 4px;
    margin-bottom: 10px;
}

.meeting .meet-head .see-all-btn a {
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    color: #1D67BD;
}

.meeting .user-data .skill-data .head span {
    font-size: 13px;
    font-weight: 500;
    color: #1F1F1FB2;
}

.meeting .user-data .skill-data .skill-detail .name span {
    font-size: 15px;
    font-weight: 500;
    color: #222222E5;
}

.meeting .user-data .skill-data .skill-dt {
    margin: 10px 0;
}

.meeting .meet-table table {
    box-shadow: none;
    border-left: none !important;
}

.meeting .meet-table table td .link-btn a {
    text-decoration: none;
    background-color: #B1B1B1;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    border-radius: 3px;
    padding: 5px 12px;
}

.meeting .meet-table {
    margin-top: 20px;
}

.meeting .meet-table table td .link-btn a.active {
    background-color: #42DB48;
}

.meeting .meet-table table td {
    font-size: 14px;
    font-weight: 400;
    color: #808080;
}

.meeting .meet-head .meet span {
    border-bottom: 1px solid #1D67BD;
    padding-bottom: 5px;
    font-size: 14px;
    font-weight: 500;
    color: #1D67BD;
}

.save-candidates .dropdown button {
    background: none;
    border: 1px solid #1D67BD;
    color: #1D67BD;
}

.save-candidates .dropdown .dropdown-menu .dropdown-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pro-pop .input-group {
    align-items: center !important;
}

.pro-pop .input-group .input-group-addon {
    padding: 7px;
    font-size: 14px;
    background-color: #EBEBEB;
    border-radius: 4px 0px 0px 4px;
}

.pro-pop .input-group .min {
    border-radius: 0px 4px 4px 0px;
}

/*  */
.input-container .pro-list {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 10px;
}

.input-container .pro-list li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 12px;
    border: 1px solid #dee2e6;
    margin-bottom: 5px;
    border-radius: 5px;
    position: relative;
    width: 49%;
}

.input-container .pro-list li .close-btn {
    display: none;
    background-color: #FF4C4C;
    color: #fff;
    border: none;
    border-radius: 5px;
    padding: 7px 10px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    position: absolute;
    right: 10px;
}

.input-container .pro-list li:hover .close-btn {
    display: block;
}

/* meeting-table */
.meeting-table {
    border: 1px solid #DADADA !important;
    border-radius: 5px !important;
    padding: 5px 0;
    margin-top: 20px;
}

.meeting-table table {
    border-left: none !important;
    box-shadow: none;
    margin: 0;
}

.meeting-table table thead {
    border-bottom: 1px solid #DADADA !important;
}

.meeting-table table td {
    font-size: 13px;
    font-weight: 500;
    color: #696969;
}

.skill-detail-box .input-group {
    align-items: center !important;
}

.skill-detail-box .input-group .input-group-addon {
    padding: 8px;
    font-size: 14px;
    background-color: #EBEBEB;
    border-radius: 4px 0px 0px 4px;
}

.skill-detail-box .input-group .min {
    border-radius: 0px 4px 4px 0px;
}

.skill-detail-box .meet-input {
    margin: 15px 0;
}

.skill-detail-box .meet-input label {
    font-size: 13px;
    font-weight: 400;
    color: #6A6A6A;
}

.skill-detail-box .meet-input input,
.skill-detail-box .meet-input textarea {
    font-weight: 14px;
    font-weight: 400;
}

.skill-detail-box .meet-input input::placeholder,
.skill-detail-box .meet-input textarea::placeholder {
    color: #9E9E9E;
    font-weight: 14px;
    font-weight: 400;
}

.meeting-detail .submit-btn {
    margin-top: 20px;
    text-align: end;
}

.meeting-detail .submit-btn button {
    border: 0;
    outline: none;
    background-color: #1D67BD;
    color: #fff;
    border-radius: 5px;
    padding: 6px 15px;
}
.chat-box{
    margin: 20px 0 0;
}
.chat-box .message-box {
    height: 350px;
    overflow-y: auto;
    scrollbar-width: thin;
    padding: 10px 20px 20px 20px;

}

.chat-box .message-head {
    display: flex;
    align-items: center;
}

.chat-box .message-head .sender-img img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

.meeting .pro-data .col-lg-9 {
    border-left: 1px solid #D9D9D9
}

.chat-box .message-head .sender-name {
    margin-left: 10px;
}

.chat-box .message-head .sender-name h3 {
    font-size: 14px;
    font-weight: 600;
}

.chat-box .message-head .sender-name span {
    font-size: 14px;
    font-weight: 400;
}

.chat-box .message-box .user-message{
    background-color: #E1E5EC;
    border-radius: 10px 10px 0px 10px;
    padding: 15px 10px;
    margin-bottom: 5px;
    max-width: 400px;
}
.chat-box .message-box .sender-message p {
    font-size: 14px;
    font-weight: 400;
    color: #383839;
}
.chat-box .message-box .sender-img .sending-time span{
    font-size: 13px;
    font-weight: 400;
    color: #747474;
}
.chat-box .message-box .sender-img {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.chat-box .message-box .sender-img img {
    width: 25px;
    height: 25px;
    border-radius: 50%;
}
.chat-box .user-img{
    display: flex;
    flex-direction: row-reverse;
}
.chat-box .user-img img {
    width: 25px;
    height: 25px;
    border-radius: 50%;
}
.chat-box .user-img .sending-time span{
    font-size: 13px;
    font-weight: 400;
    color: #747474;
}
.chat-box .time{
    text-align: center;
    margin: 20px 0;
}
.chat-box .time span{
    background-color: #C6E0FF;
    font-size: 14px;
    font-weight: 500;
    color: #424242;
    border-radius: 5px;
    padding: 10px 20px;
}
.chat-box .input-group-btn button{
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.chat-box .message-data img{
    width: 40px;
    height: 40px;
    border-radius: 50%;
}.chat-box ul{
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 30px;
}
.chat-box  .user-message{
    display: flex;
    flex-direction: column;
    align-items: end;
}
.chat-box  .user-message .message{
    background-color: #1D67BD;
    border-radius: 10px 10px 0px 10px;
    padding: 15px 10px;
    margin-bottom: 5px;
}
.chat-box  .user-message .message-dt{
    max-width: 400px;
}
.chat-box .message span{
    color: #fff;
    font-size: 13px;
    font-weight: 400;
}
.chat-box .user-message .message-data{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.chat-box  .message-data span{
    color: #7F7F7F;
    font-size: 13px;
    font-weight: 400;
}
.chat-box .sender-message{
    max-width: 400px;
}
.chat-box .sender-message .message{
    background-color: #E1E5EC;
    border-radius: 10px 10px 10px 0px;
    padding: 15px 10px;
    margin-bottom: 5px;
}
.chat-box .sender-message .message span{
    color: #383839;
}
.chat-box .sender-message .message-data{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.chat-box .messages{
    height: 500px;
    overflow-y: auto;
    scrollbar-width: thin;
}
/* company-profile */
.company-profile{
    padding: 40px 0;
}
.company-profile .company-data{
    border: 1px solid #C1C1C1;
    padding:0px 12px 0;
    border-radius: 10px;
}
.company-profile .company-data .company-box .head h3{
   font-size: 16px;
   font-weight: 600;
   color: #1D67BD;
}
.company-profile .company-data .company-box {
    margin: 20px 0 10px;
}
.company-profile .company-data .company-box .data-box{
    border: 1px solid #C1C1C1;
    padding: 15px;
    border-radius: 10px;
}
.company-profile .company-data .company-box .data-box .img{
    position: relative;
}
.company-profile .company-data .company-box .data-box .img img{
    border-radius: 10px;
}
.company-profile .company-data .company-box .data-box .img .com-name{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.company-profile .company-data .company-box .data-box .img .com-name span{
    font-size: 14px;
    font-weight: 600;
    color: #ffff;
}
.company-profile .company-data .company-box .data-box .company-location{
    margin-top: 10px;
}
.company-profile .company-data .company-box .data-box .company-location span{
    font-size: 14px;
    font-weight: 400;
    color: #5F5F5F;
}
.company-profile .company-data .company-box .data-box .representative .info{
    margin: 10px 0;
}
.company-profile .company-data .company-box .data-box .representative .info span{
    font-size: 14px;
    font-weight: 400;
    color: #5F5F5F;
}
.company-profile .company-data .company-box .data-box .representative .info h3{
    font-size: 15px;
    font-weight: 500;
    color: #1D67BD;
}
.company-profile .company-data .company-box  .links ul{
    padding: 0;
    margin: 0;
    list-style: none;
}
.company-profile .company-data .company-box  .links ul li{
    margin: 10px 0;
} 
.company-profile .company-data .company-box  .links ul li a{
    font-size: 14px;
    font-weight: 400;
    color: #737373;
}
.company-profile .company-data .company-box  .links ul li a i{
    margin-right: 5px;
}
.company-profile .company-information .company-apply{
    border: 1px solid #C1C1C1;
    border-radius: 10px;
    padding: 15px;
}
.company-profile .company-information .company-apply .company-img img{
    border-radius: 10px;
}
.company-profile .company-information .company-apply .company-info-text .head{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.company-profile .company-information .company-apply .company-info-text .head .name span{
    font-size:14px ;
    font-weight: 500;
    color: #5F5F5F;
}
.company-profile .company-information .company-apply .company-info-text .head .btns{
    display: flex;
    align-items: center;
}
.company-profile .company-information .company-apply .company-info-text .head .btns button,.company-profile .company-information .company-apply .company-info-text .head .btns a{
    min-width: 100px;
    height: 30px;
    outline: none;
    border: none;
    background-color: #1D67BD;
    font-weight: 500;
    font-size: 14px;
    color: #FFFFFF;
    border-radius: 5px;
    margin: 0 5px;
	display:flex;
	align-items:center;
	justify-content:center;
}
.company-profile .company-information .company-apply .company-info-text .head .btns .apply-btn button,.company-profile .company-information .company-apply .company-info-text .head .btns .apply-btn a{
    background-color: #F5BB26;
}
.company-profile .company-information .company-apply .company-info-text  .job-title{
    margin: 25px 0;
}
.company-profile .company-information .company-apply .company-info-text  .job-title h3{
    font-size: 15px;
    font-weight: 600;
    color: #5F5F5F;
    margin: 0;
}
.company-profile .company-information .company-apply .company-info-text  .job-title span{
    font-size: 14px;
    font-weight: 400;
    color: #5F5F5F;
}
.company-profile .company-information .company-apply .company-info-text .job-location{
    margin: 25px 0;
}
.company-profile .company-information .company-apply .company-info-text .job-location h3{
    font-size: 15px;
    font-weight: 600;
    color: #5F5F5F;
    margin: 0;
}
.company-profile .company-information .company-apply .company-info-text .job-location span{
    font-size: 14px;
    font-weight: 400;
    color: #5F5F5F;
}
.company-profile .company-information .job-description{
    border: 1px solid #C1C1C1;
    border-radius: 10px;
    margin-top: 20px;
    padding: 15px;
}
.company-profile .company-information .job-description .heading h3{
    font-size: 15px;
    font-weight: 600;
    color: #5F5F5F;
}
.company-profile .company-information .job-description .heading span{
    font-size: 14px;
    font-weight: 400;
    color: #5F5F5F;
}
.company-profile .company-information .job-description .company-description{
    margin: 10px 0;
}
.company-profile .company-information .job-description .company-description p{
    font-size: 14px;
    font-weight: 400;
    color: #5F5F5F;
}
.company-profile .company-information .job-description .skills h3{
    font-size: 15px;
    font-weight: 600;
    color: #5F5F5F;
    margin: 0;
}
.company-profile .company-information .job-description .skills .skill-names strong{
    font-size: 15px;
    font-weight: 500;
    color: #5F5F5F;
}
.company-profile .company-information .job-description .skills .skill-names span{
    font-size: 14px;
    font-weight: 400;
    color: #5F5F5F;
    margin-left: 10px;
}
.company-profile .company-information .job-description .skills .skill{
    margin: 15px 0;
}
/* company-post */
.company-post{
    padding: 40px 0;
}
.company-post .post-left-data{
    border: 1px solid #C1C1C1;
    padding: 15px 10px 10px;
    border-radius: 10px;
}
.company-post .post-left-data .postbox{
    margin: 15px 0 0px;
}
.company-post .post-left-data .postbox:first-child{
    margin-top: 0;
}
.company-post .post-left-data .postbox .head h3{
    font-size: 16px;
    font-weight: 600;
    color: #1D67BD;
    margin: 0;
}
.company-post .post-left-data .postbox .box-dt{
    border: 1px solid #C1C1C1;
    padding: 10px;
    border-radius: 10px;
    margin-top: 10px;
}
.company-post .post-left-data .postbox .box-dt ul{
    padding: 0;
    margin: 0;
    list-style: none;
}
.company-post .post-left-data .postbox .box-dt ul li{
    border-bottom: 1px solid #D6D6D6;
    padding: 8px 7px 8px 7px;
    margin: 10px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.company-post .post-left-data .postbox .box-dt ul li a{
    font-size: 13px;
    color: #313131;
    text-decoration: underline;
}
.company-post .post-left-data .postbox .box-dt ul li span{
    font-size: 13px;
    color: #313131;
}
.company-post .post-left-data .postbox .pop-jobs ul li{
    display: block;
}
.company-post .post-left-data .postbox .pop-jobs ul li a{
    display: block;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    color: #313131;
}
.company-post .post-company{
    display: flex;
    justify-content: space-between;
}
.company-post  .post-head{
    border: 1px solid #C1C1C1;
    border-radius: 10px;
    padding:15px;
}
.company-post  .post-head .left-data{
    display: flex;
    align-items: center;
}
.company-post  .post-head .left-data .img{
    margin-right: 15px;
}
.company-post  .post-head .left-data .img img{
    width: 77px;
    height: 77px;
    border-radius: 10px;
}
.company-post  .post-head .left-data .text h3{
    font-size: 15px;
    font-weight: 600;
    color: #5F5F5F;
    margin: 0;
}
.company-post  .post-head .left-data .text span{
    font-size: 14px;
    font-weight: 400;
    color: #5F5F5F;
}
.company-post  .post-head .left-data .text .post-by span{
    font-weight: 500;
}
.company-post .post-company .right-btn .web-btn a{
    border: 1px solid #1D67BD;
    border-radius: 5px;
    min-width: 90px;
    height: 34px;
    padding:5px 10px;
    font-size: 14px;
    font-weight: 400;
    color: #1D67BD;
}
.company-post  .post-head .post-dt .overview-box{
    border-right: 1px solid #D6D6D6;
    padding:0 15px;
}
.company-post  .post-head .post-dt .satement{
    padding:0 15px;
}
.company-post  .post-head .post-dt h3{
    font-size: 16px;
    font-weight: 600;
    color: #5F5F5F;
}
.company-post  .post-head .post-dt span{
    font-size: 14px;
    font-weight: 400;
    color: #5F5F5F;
}
.company-post  .post-head .post-dt{
    display: flex;
}
.company-post .company-job{
    border: 1px solid #C1C1C1;
    border-radius: 10px;
    margin-top: 15px;
    padding: 15px;
}
.company-post .company-job .job-head{
    background: linear-gradient(90deg, #EDF5FF 0%, #FFFFFF 100%);
    display: flex;
    align-items: end;
    justify-content: end;
    border-radius: 5px;
}
.company-post .company-job .job-head .view-btn a{
    outline: none;
    border: none;
    background-color: #1D67BD;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding: 6px 12px;
}
.company-post .company-job .job-name{
    margin: 15px 0;
}
.company-post .company-job .job-name h3{
    font-size: 16px;
    font-weight: 500;
    color: #1D67BD;
    margin: 0;
}
.company-post .company-job .job-name span{
    font-size: 14px;
    font-weight: 400;
    color: #8C8594;
}
.company-post .company-job .genral-skill .genral{
    display: flex;
    align-items: center;
}
.company-post .company-job .genral-skill .genral h3{
    font-size: 14px;
    font-weight: 500;
    color: #1D67BD;
    margin: 0;
}
.company-post .company-job .genral-skill .genral ul{
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 10px;
}
.company-post .company-job .genral-skill .genral ul li{
    display: inline-block;
}
.company-post .company-job .genral-skill .genral ul li a{
    text-decoration: none;
    background-color: #F2F2F3;
    color: #928E9A;
    border-radius: 5px;
    padding: 5px 10px;
    font-size: 13px;
    font-weight: 500;
}
.company-post .company-job .tech-skill .tech{
    display: flex;
    align-items: center;
    margin: 15px 0;
}
.company-post .company-job .tech-skill .tech h3{
    font-size: 14px;
    font-weight: 500;
    color: #1D67BD;
    margin: 0;
}
.company-post .company-job .tech-skill .tech ul{
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 10px;
}
.company-post .company-job .tech-skill .tech ul li{
    display: inline-block;
}
.company-post .company-job .tech-skill .tech ul li a{
    text-decoration: none;
    background-color: #F2F2F3;
    color: #928E9A;
    border-radius: 5px;
    padding: 5px 10px;
    font-size: 13px;
    font-weight: 500;
}
.company-post .company-job .location span{
    font-size: 14px;
    font-weight: 400;
    color: #8D8695;
}
.company-post .company-job .location .icon i{
    color: #8D8695 ;
}
.company-post .company-job .exp-data{
    margin-top: 20px;
}
.company-post .company-job .exp-data ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.company-post .company-job .exp-data ul li{
    display: inline-block;
    margin: 0 5px;
}
.company-post .company-job .exp-data ul li:first-child{
    margin-left: 0;
}
.company-post .company-job .exp-data ul li a{
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    color: #928E9A;
    background-color: #F2F2F3;
    border-radius: 5px;
    padding: 5px 10px;
}
@media (max-width:576px) {
    .side-toggle-btn {
        display: block;
        margin-right: 12px;
    }

    .close-btn {
        display: block;
    }

    .Hub-menu .menu-items .menu-link {
        font-size: 14px;
    }

    .state-detail ul li a {
        font-size: 14px;
    }

    .header-detail .row {
        align-items: center;
    }

    .header-detail .col-lg-6 {
        width: 50%;
    }

    .body-detail {
        overflow-y: scroll;
    }

    .main {
        padding: 0px;
    }

    header {
        padding: 10px 15px;
    }

    .dashbord-body {
        padding: 0;
    }

    .dashboard-top {
        margin-top: 15px;
        padding: 10px;
        text-align: center;
    }

    .log-out-btn {
        justify-content: center;
        margin-top: 5px;
    }

    table thead th {
        font-size: 14px !important;
    }

    table tbody td {
        font-size: 14px !important;
    }

    .table-pagination .prev-btn a,
    .table-pagination .next-btn a {
        padding: 5px;
    }

    .table-pagination .pagination .prev-btn .page-link,
    .table-pagination .pagination .next-btn .page-link {
        font-size: 13px;
    }

    .table-pagination .pagination .page-item .page-link {
        padding: 4px 8px;
    }

    .input button {
        padding: 0 15px;
    }

    .footer .footer-box {
        padding: 0;
    }

    .footer-logo-detail p {
        font-size: 14px;
    }

    .contact-us {
        margin-top: 25px;
    }

    .footer .contact-us ul {
        margin-top: 15px;
    }

    .footer .social-links .links-text p {
        margin-top: 20px;
    }

    .footer .news-letter {
        margin-top: 25px;
    }

    .footer .news-letter .newsletter-input {
        margin-top: 10px;
    }

    .footer-end p {
        font-size: 13px;
    }

    /* Job post */
    .job-post .body-heading {
        margin: 20px 0;
    }

    .job-post-details .form {
        display: block;
        margin-top: 15px;
    }

    .job-post-details .name,
    .job-post-details .website {
        width: 100%;
    }

    .job-post-details p {
        font-size: 13px;
    }

    .job-description {
        margin: 15px 0;
    }

    .add-box div {
        font-size: 13px;
        background-color: #CCE4FF;
        margin: 0 1px;
        padding: 10px 1px;
        border-radius: 5px;
        color: #434343;
    }

    .add {
        margin-top: 15px;
    }

    .type-data {
        margin-top: 15px;
    }

    .salary-data {
        margin-top: 15px;
    }

    .city {
        margin-top: 10px;
    }

    .save-btn a {
        padding: 12px 10px;
    }

    /* find Candidate */
    .find-form input,
    .find-form .experience {
        border-right: none;
    }

    .enter-location {
        margin-left: 0;
    }

    .enter-location input {
        padding-left: 20px;
    }

    .find-form {
        padding: 15px 10px;
        border-top-right-radius: 0;
        border-top-left-radius: 0;
    }

    .find-form .experience {
        margin: 12px 0;
    }

    .form-data {
        margin: 40px 0;
        background-color: #F8F9FA;
        padding: 20px;
        border-radius: 10px;
    }

    .find-form .search-btn {
        text-align: center;
        margin-top: 0px;
    }
    .find-form .search-btn a{
        width: 100%;
        display: block;
    }
    .skill i {
        margin-right: 5px;
    }

    .find-heading {
        margin-top: 30px;
    }

    /* hero */
    .hero-two-line {
        margin-top: 15px;
    }

    .hero .hero-line {
        margin-left: 0;
        margin-top: 25px;
    }

    .hero-line-detail {
        margin-left: 0;
    }

    .hero-line-detail h4 {
        font-size: 18px;
    }

    .hero .hero-line .line-heading img {
        width: 18px;
        height: 18px;
    }

    .hero .line-text p {
        font-size: 13px;
    }

    .hero .hero-two-line-detail {
        background-color: #EFEFEF;
        padding: 15px 20px;
        border: 1px solid #A3A3A3;
        margin-left: 0;
        border-radius: 5px;
        margin-top: 40px;
    }

    .contact-us-form {
        padding: 60px 10px 10px;
    }

    .hero .social-links {
        margin-top: 30px;
    }

    .hero .line-two-text p {
        font-size: 13px;
    }

    .navbar-toggler:focus {
        box-shadow: 0 0 3px #000000;
    }

    .navbar-collapse {
        position: absolute;
        top: 60px;
        left: -12px;
        right: -12px;
        padding: 20px;
        z-index: 99;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        background-color: #fff;
    }

    /* work space */
    .work-main {
        margin-left: 0;
    }

    .work-sidebar {
        width: auto;
        left: -315px;
    }

    .all-members h5 {
        font-size: 12px;
        margin-right: 18px;
    }

    .work-chat .chat-members {
        padding: 15px 20px;
        margin-top: 20px;
    }

    .work-footer p {
        font-size: 13px;
    }

    .chat-name span {
        font-size: 14px;
    }

    .window-footer {
        position: relative;
    }

    .pro-work {
        margin-left: 0;
    }

    .days .day {
        width: calc(100% / 7 - 0px);
        padding: 30px 18px;
        font-size: 16px;
    }

    .login .row {
        flex-direction: column-reverse;
    }

    .login .log-inputs {
        padding: 35px 20px;
    }

    .login .col-lg-6:first-child {
        padding: 30px;
    }

    .pro-menu .menu-inputs {
        display: block;
        text-align: center;
    }

    .pro-menu .menu-inputs a {
        display: inline-block;
        width: 45%;
    }

    .pro-menu .menu-inputs a .input-pro {
        padding: 0;
        margin: 10px 0;
        height: 15px;
    }

    .pro-menu .menu-inputs strong {
        font-size: 13px;
    }

    .pro-menu .menu-inputs .number span {
        font-size: 13px;
    }

    .basic-information .pro-inputs .pro-input {
        display: block;
    }

    .basic-information .pro-inputs .pro-input .input-data {
        margin: 0;
    }

    .basic-information .pro-btns .remote span {
        font-size: 14px;
    }

    .basic-information .pro-btns .remote .choose {
        margin-left: 15px;
    }

    .job-des .skills .pro-input {
        display: block;
    }

    .job-des .skills .pro-inputs .pro-input .input-data {
        margin: 0;
    }

    .weekdays .day {
        width: calc(100% / 7 - 0px);
        text-align: center;
        font-size: 14px;
        padding: 15px 10px;
    }

    /* Landing Page */
    .hub-hero {
        padding: 65px 0;
    }

    .hub-hero .hub-data .right-img-data .img .left-top img,
    .hub-hero .hub-data .right-img-data .img .bottom img {
        display: none;
    }

    .hub-hero .hub-data .hub-hero-left {
        padding: 0;
    }

    .hub-hero .hub-data .hub-hero-left h1:first-child {
        margin-bottom: 19px;
    }

    .hub-hero .hub-data .hub-hero-left h1 {
        font-size: 22px;
    }

    .hub-hero .hub-data .hub-hero-left p {
        font-size: 14px;
    }

    .hub-hero .hub-data .hub-hero-left .search-box {
        display: block;
    }

    .hub-hero .hub-data .hub-hero-left .search-box .sub-btn {
        text-align: left;
        margin-top: 20px !important;
    }

    .hub-hero .hub-data .hub-hero-left .search-box .input,
    .hub-hero .hub-data .hub-hero-left .search-box .sub-btn {
        margin: 10px 0;
    }

    .hub-hero .hub-data .hub-hero-left .search-box .sub-btn button {
        width: 100%;
    }

    .hub-hero .hub-data .right-img-data {
        margin-top: 25px;
    }

    .services .servics-head h3 {
        font-size: 22px;
    }

    .services .servics-box .heading h3 {
        font-size: 16px;
    }

    .services .servics-box .servics-data {
        text-align: center;
        margin: 10px 0;
    }

    .services .servics-box .servics-data .img {
        margin: 15px auto;
    }

    .pro-mangment {
        padding: 20px 0;
    }

    .pro-mangment .pro-text {
        padding: 15px 5px;
    }

    .pro-mangment .pro-text .dt-icon {
        display: block;
    }

    .pro-mangment .pro-text .dt-icon .icon {
        margin-bottom: 10px;
    }

    .manage-bg .row {
        flex-direction: column-reverse;
    }

    .team-skills .team-head h3 {
        font-size: 22px;
    }

    .team-skills .skill-box .skill-data {
        padding: 50px 24px 24px;
    }

    .team-skills .skill-box .skill-data .skill-head h3 {
        font-size: 20px;
    }

    .overview .view-text .about .view-heading h3 {
        font-size: 22px;
    }

    .overview .view-text .about .view-detail p {
        font-size: 14px;
    }

    .faq .accordion-item.active .accordion-button {
        font-size: 16px;
    }

    .top-navi .lonin-btns {
        display: block;
        margin: 0;
    }

    .top-navi .lonin-btns .log-btn {
        margin: 25px 0 0;
    }

    .main .add-members .members {
        display: block;
    }

    .main .add-members .members .members-pics {
        margin-top: 20px;
    }

    .search-project .pro-search {
        width: 100%;
        margin-bottom: 10px;
    }

    .search-project select {
        width: 100%;
    }

    .main .add-members select {
        width: 100%;
    }

    .job-des .skills .exp {
        width: 100%;
    }

    .job-des .job-exp .des-inputs {
        display: block;
    }

    .job-des .job-exp .des-inputs .des-input {
        margin: 10px 0;
    }

    .exp {
        width: 100%;
    }

    .tech-skills .cell,
    .gen-skills .cell {
        width: 100%;
    }

    .pro-data .skill-detail-box {
        margin-top: 20px;
    }

    .gen-skills .cell:nth-child(2),
    .tech-skills .cell:nth-child(2) {
        border-left: 1px solid #B0B0B0;
        border-right: 1px solid #B0B0B0;
        border-top: 0;
        border-bottom: 0;
    }

    .gen-skills .cell:nth-child(5) {
        border-left: 1px solid #B0B0B0;
        border-right: 1px solid #B0B0B0;
        border-top: 0;
    }

    .members .people .row .col-lg-6 {
        width: 50%;
    }

    .offcanvas.offcanvas-end {
        top: 145px;
        right: 0;
        width: 100%;
    }

    .work {
        height: auto;
    }

    .job-post-details .job-body {
        display: block;
    }

    .job-post-details .job-body .title {
        width: auto;
    }

    .job-post-details .job-body .job-input {
        width: auto;
    }

    .job-post-details .job-body .job-input .radio-inputs .r-input:first-child {
        margin-left: 0px;
    }

    .job-post-details .job-body .job-input .radio-inputs .r-input {
        margin: 10px 0;
    }

    .job-post-details .job-body .job-input .radio-inputs {
        display: block;
    }
    /* LAnding page */
    .faq .accordion-button{
        font-size: 14px;
    }
    /* Index page */
    .tab button{
        font-size: 13px;
        padding: 10px 0;
        margin: 0 5px;
    }
    .see-all-btn a{
        font-size: 14px;
    }
    .save-candidates .dropdown button{
        width: 105px;
        font-size: 13px;
    }
    /* Candidate */
    .candidate-head h3{
        font-size: 22px;
    }
    .candidate-head span{
        font-size: 13px;
    }
    .find-candidate .search-box .find-form{
        display: block;
        width: 100%;
    }
    .find-candidate .search-box .find-data-search{
        display: block;
    }
    .find-form .experience{
        border: 0;
    }
    .remove .col-sm-4,.remove .col-sm-3{
        margin: 10px 0;
    }
    /* Active Job posting */
    .job-post-data table tr .dropdown button{
        font-size: 13px;
        width: 115px;
    }
    table td{
        width: 200px !important;
    }
    /* Company Profile */
    .hero .hero-heading h1{
        font-size: 30px;
    }
    .profile-detail .heading span{
        font-size: 16px;
    }
    .profile-detail .company-detail-text .heading h3{
        font-size: 16px
    }
    .profile-detail .company-detail-text textarea{
        font-size: 14px;
    }
    .meeting .pro-data .col-lg-9{
        border-left: none;
    }
    .find-candidate .search-box .skill-search{
        display: block;
    }
    .find-candidate .search-box .skill-search .tech-skill{
        margin:10px 0;
    }
    .find-candidate .search-box .A-search button{
        width: 100%;
    }
    .find-candidate .search-box .A-search{
        margin-left: 0;
    }
    .find-form{
        box-shadow: none;
    }
    .find-candidate .search-box .find-form .skill-box{
        margin:12px 0;
        padding: 15px 10px;
        box-shadow: 0px 0px 6px 0px #00000014;
        border-radius: 5px;
    }
    .find-candidate .search-box .find-form .search-btns{
        display: block;
        box-shadow: none;
    }
}

@media(min-width:577px) and (max-width:767px) {
    .dashboard-top .col-md-6 {
        width: 50%;
    }

    .job-post .body-heading {
        margin: 20px 0;
    }

    .job-post-details .form {
        display: block;
        margin-top: 15px;
    }

    .job-post-details .name,
    .job-post-details .website {
        width: 100%;
    }

    .job-post-details p {
        font-size: 13px;
    }

    .job-description {
        margin: 15px 0;
    }

    .add-box div {
        font-size: 13px;
        background-color: #CCE4FF;
        margin: 0 1px;
        padding: 10px 1px;
        border-radius: 5px;
        color: #434343;
    }

    .add {
        margin-top: 15px;
    }

    .type-data {
        margin-top: 15px;
    }

    .salary-data {
        margin-top: 15px;
    }

    .city {
        margin-top: 10px;
    }

    .save-btn a {
        padding: 12px 10px;
    }

    /* Find */
    /* find Candidate */
    .find-form input,
    .find-form .experience {
        border-right: none;
    }

    .enter-location {
        margin-left: 0;
    }

    .enter-location input {
        padding-left: 20px;
    }

    .find-form {
        padding: 15px 10px;
        border-top-right-radius: 0;
        border-top-left-radius: 0;
    }

    .find-form .experience {
        margin: 12px 0;
    }

    .form-data {
        margin: 40px 0;
        background-color: #F8F9FA;
        padding: 20px;
        border-radius: 10px;
    }

    .find-form .search-btn {
        text-align: end;
        margin-top: 20px;
    }

    .skill i {
        margin-right: 5px;
    }

    .find-heading {
        margin-top: 30px;
    }

    .form-data .col-md-6 {
        width: 50%;
    }

    .form-data .row {
        align-items: center;
    }

    /* hero */
    .hero-two-line {
        margin-top: 15px;
    }

    .hero .hero-line {
        margin-left: 0;
        margin-top: 25px;
    }

    .hero-line-detail {
        margin-left: 0;
    }

    .hero-line-detail h4 {
        font-size: 18px;
    }

    .hero .hero-line .line-heading img {
        width: 18px;
        height: 18px;
    }

    .hero .line-text p {
        font-size: 13px;
    }

    .hero .hero-two-line-detail {
        background-color: #EFEFEF;
        padding: 15px 20px;
        border: 1px solid #A3A3A3;
        margin-left: 0;
        border-radius: 5px;
        margin-top: 40px;
    }

    .contact-us-form {
        padding: 60px 10px 10px;
    }

    .hero .social-links {
        margin-top: 30px;
    }

    .hero .line-two-text p {
        font-size: 13px;
    }

    .navbar-toggler:focus {
        box-shadow: 0 0 3px #000000;
    }

    .navbar-collapse {
        position: absolute;
        top: 70px;
        left: -12px;
        right: -12px;
        padding: 20px;
        z-index: 99;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        background-color: #fff;
    }

    /* work */
    .work-main {
        margin-left: 0;
    }

    .work-sidebar {
        width: auto;
        left: -315px;
    }

    .all-members h5 {
        font-size: 12px;
        margin-right: 18px;
    }

    .work-chat .chat-members {
        padding: 15px 20px;
        margin-top: 20px;
    }

    .work-footer p {
        font-size: 13px;
    }

    .chat-name span {
        font-size: 14px;
    }

    .members .col-md-6 {
        width: 50%;
    }

    .hub-hero {
        padding: 65px 0;
    }

    .hub-hero .hub-data .right-img-data .img .left-top img,
    .hub-hero .hub-data .right-img-data .img .bottom img {
        display: none;
    }

    .hub-hero .hub-data .hub-hero-left {
        padding: 0;
    }

    .hub-hero .hub-data .hub-hero-left h1:first-child {
        margin-bottom: 19px;
    }

    .hub-hero .hub-data .hub-hero-left h1 {
        font-size: 22px;
    }

    .hub-hero .hub-data .hub-hero-left p {
        font-size: 14px;
    }

    .hub-hero .hub-data .hub-hero-left .search-box {
        display: block;
    }

    .hub-hero .hub-data .hub-hero-left .search-box .sub-btn {
        text-align: left;
        margin-top: 20px !important;
    }

    .hub-hero .hub-data .hub-hero-left .search-box .input,
    .hub-hero .hub-data .hub-hero-left .search-box .sub-btn {
        margin: 10px 0;
    }

    .hub-hero .hub-data .hub-hero-left .search-box .sub-btn button {
        width: 100%;
    }

    .hub-hero .hub-data .right-img-data {
        margin-top: 25px;
    }

    .services .servics-head h3 {
        font-size: 22px;
    }

    .services .servics-box .heading h3 {
        font-size: 16px;
    }

    .services .servics-box .servics-data {
        text-align: center;
        margin: 10px 0;
    }

    .services .servics-box .servics-data .img {
        margin: 15px auto;
    }

    .pro-mangment {
        padding: 20px 0;
    }

    .pro-mangment .pro-text {
        padding: 15px 5px;
    }

    .pro-mangment .pro-text .dt-icon {
        display: block;
    }

    .pro-mangment .pro-text .dt-icon .icon {
        margin-bottom: 10px;
    }

    .manage-bg .row {
        flex-direction: column-reverse;
    }

    .team-skills .team-head h3 {
        font-size: 22px;
    }

    .team-skills .skill-box .skill-data {
        padding: 50px 24px 24px;
    }

    .team-skills .skill-box .skill-data .skill-head h3 {
        font-size: 20px;
    }

    .overview .view-text .about .view-heading h3 {
        font-size: 22px;
    }

    .overview .view-text .about .view-detail p {
        font-size: 14px;
    }

    .faq .accordion-item.active .accordion-button {
        font-size: 16px;
    }

    .top-navi .lonin-btns {
        margin-left: 0;
    }
}

@media(min-width:577px) and (max-width:768px) {
    .side-toggle-btn {
        display: block;
        margin-right: 12px;
    }

    .close-btn {
        display: block;
    }

    .Hub-menu .menu-items .menu-link {
        font-size: 14px;
    }

    .state-detail ul li a {
        font-size: 14px;
    }

    .header-detail .row {
        align-items: center;
    }

    .header-detail .col-lg-6 {
        width: 50%;
    }

    .dashboard-top {
        margin-top: 25px;
        padding: 15px;
    }

    .log-out-btn .logout a {
        padding: 5px 15px;
    }

    .body-detail {
        overflow-y: scroll;
    }

    table tbody th {
        font-size: 15px;
    }

    table tbody td {
        font-size: 15px;
    }

    .dashbord-body {
        padding: 0;
    }

    .main {
        padding: 0;
    }

    .footer-top .col-md-6 {
        width: 50%;
    }

    .footer-top .footer-box {
        margin: 25px 0;
    }

    .footer-top .row {
        align-items: center;
    }

    .footer-end p {
        font-size: 13px;
    }

    /* job post */
    .job-post .body-heading {
        margin: 20px 0;
    }

    .city {
        margin-top: 20px;
    }

    /* hero */
    .hero-two-line {
        margin-top: 15px;
    }

    .hero .hero-line {
        margin-left: 0;
        margin-top: 25px;
    }

    .hero-line-detail {
        margin-left: 0;
    }

    .hero-line-detail h4 {
        font-size: 18px;
    }

    .hero .hero-line .line-heading img {
        width: 18px;
        height: 18px;
    }

    .hero .line-text p {
        font-size: 13px;
    }

    .hero .hero-two-line-detail {
        background-color: #EFEFEF;
        padding: 15px 20px;
        border: 1px solid #A3A3A3;
        margin-left: 0;
        border-radius: 5px;
        margin-top: 40px;
    }

    .contact-us-form {
        padding: 60px 10px 10px;
    }

    .hero .social-links {
        margin-top: 30px;
    }

    .hero .line-two-text p {
        font-size: 13px;
    }

    .navbar-toggler:focus {
        box-shadow: 0 0 3px #000000;
    }

    .navbar-collapse {
        position: absolute;
        top: 80px;
        padding: 20px;
        right: 0;
        left: 0;
        z-index: 99;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        background-color: #fff;
    }

    /* work */
    .work-main {
        margin-left: 0;
    }

    .work-sidebar {
        width: auto;
        left: -315px;
    }

    .all-members h5 {
        font-size: 12px;
        margin-right: 18px;
    }

    .work-chat .chat-members {
        padding: 15px 20px;
    }

    .work-footer p {
        font-size: 13px;
    }

    .chat-name span {
        font-size: 14px;
    }

    .window-footer {
        position: relative;
    }

    .pro-work {
        margin-left: 0;
    }

    .search-project .pro-search {
        width: 100%;
    }

    .work-footer {
        position: relative;
    }

    .login .row {
        flex-direction: column-reverse;
    }

    .login .log-inputs {
        padding: 35px 50px;
    }

    .login .col-md-6 {
        width: 100% !important;
    }

    .pro-menu .menu-inputs strong {
        font-size: 13px;
    }

    /* Landing Page */
    .hub-hero {
        padding: 65px 0;
    }

    .hub-hero .hub-data .right-img-data .img .left-top img,
    .hub-hero .hub-data .right-img-data .img .bottom img {
        display: none;
    }

    .hub-hero .hub-data .hub-hero-left {
        padding: 0;
    }

    .hub-hero .hub-data .hub-hero-left h1:first-child {
        margin-bottom: 19px;
    }

    .hub-hero .hub-data .hub-hero-left h1 {
        font-size: 22px;
    }

    .hub-hero .hub-data .hub-hero-left p {
        font-size: 14px;
    }

    .hub-hero .hub-data .hub-hero-left .search-box {
        display: block;
    }

    .hub-hero .hub-data .hub-hero-left .search-box .sub-btn {
        text-align: left;
        margin-top: 20px !important;
    }

    .hub-hero .hub-data .hub-hero-left .search-box .input,
    .hub-hero .hub-data .hub-hero-left .search-box .sub-btn {
        margin: 10px 0;
    }

    .hub-hero .hub-data .hub-hero-left .search-box .sub-btn button {
        width: 100%;
    }

    .hub-hero .hub-data .right-img-data {
        margin-top: 25px;
    }

    .services .servics-head h3 {
        font-size: 22px;
    }

    .services .servics-box .heading h3 {
        font-size: 16px;
    }

    .services .servics-box .servics-data {
        text-align: center;
        margin: 10px 0;
    }

    .services .servics-box .servics-data .img {
        margin: 15px auto;
    }

    .pro-mangment {
        padding: 20px 0;
    }

    .pro-mangment .pro-text {
        padding: 15px 5px;
    }

    .pro-mangment .pro-text .dt-icon {
        display: block;
    }

    .pro-mangment .pro-text .dt-icon .icon {
        margin-bottom: 10px;
    }

    .team-skills .team-head h3 {
        font-size: 22px;
    }

    .team-skills .skill-box .skill-data {
        padding: 50px 24px 24px;
    }

    .team-skills .skill-box .skill-data .skill-head h3 {
        font-size: 20px;
    }

    .overview .view-text .about .view-heading h3 {
        font-size: 22px;
    }

    .overview .view-text .about .view-detail p {
        font-size: 14px;
    }

    .faq .accordion-item.active .accordion-button {
        font-size: 16px;
    }

    .top-navi .lonin-btns {
        margin-left: 0;
    }

    .members {
        margin: 0;
    }

    .team-skills .skill-box .skill-data .skill-text p {
        font-size: 14px;
    }

    .pro-data .skill-detail-box {
        margin-top: 20px;
    }

    .members .people .row .col-lg-6 {
        width: 50%;
    }

    .offcanvas.offcanvas-end {
        top: 150px;
        right: 0;
        width: 40%;
    }

    .work {
        height: auto;
    }
    /* company Prifile  */
    .hero .hero-heading h1{
        font-size: 30px;
    }
    .profile-detail .heading span{
        font-size: 18px;
    }
    .profile-detail .company-detail-text .heading h3{
        font-size: 18px;
    }
    .profile-detail .company-detail-text textarea{
        font-size: 14px;
    }
    .meeting .pro-data .col-lg-9{
        border-left: none;
    }
    .find-candidate .search-box .skill-search{
        display: block;
    }
    .find-candidate .search-box .skill-search .tech-skill{
        margin:10px 0;
    }
    .find-candidate .search-box .A-search button{
        width: 100%;
    }
    .find-candidate .search-box .A-search{
        margin-left: 0;
    }
    .find-form{
        box-shadow: none;
    }
    .find-candidate .search-box .find-form .skill-box{
        margin:12px 0;
        padding: 15px 10px;
        box-shadow: 0px 0px 6px 0px #00000014;
        border-radius: 5px;
    }
    .find-candidate .search-box .find-form .search-btns{
        display: block;
        box-shadow: none;
    }
}

@media(min-width:769px) and (max-width:991px) {
    .side-toggle-btn {
        display: block;
        margin-right: 12px;
    }

    .close-btn {
        display: block;
    }

    .Hub-menu .menu-items .menu-link {
        font-size: 14px;
    }

    .state-detail ul li a {
        font-size: 14px;
    }

    .header-detail .row {
        align-items: center;
    }

    .header-detail .col-lg-6 {
        width: 50%;
    }

    .dashboard-top {
        margin-top: 25px;
        padding: 15px;
    }

    .log-out-btn .logout a {
        padding: 5px 15px;
    }

    .body-detail {
        overflow-y: scroll;
    }

    table tbody th {
        font-size: 15px;
    }

    table tbody td {
        font-size: 15px;
    }

    .dashbord-body {
        padding: 0;
    }

    .main {
        padding: 0;
    }

    .footer-top .col-md-6 {
        width: 50%;
    }

    .footer-top .footer-box {
        margin: 25px 0;
    }

    .footer-top .row {
        align-items: center;
    }

    .footer-end p {
        font-size: 13px;
    }

    /* job post */
    .job-post .body-heading {
        margin: 20px 0;
    }

    .city {
        margin-top: 20px;
    }

    /*hero  */
    .hero-two-line {
        margin-top: 15px;
    }

    .hero .hero-line {
        margin-left: 0;
        margin-top: 25px;
    }

    .hero-line-detail {
        margin-left: 0;
    }

    .hero-line-detail h4 {
        font-size: 18px;
    }

    .hero .hero-line .line-heading img {
        width: 18px;
        height: 18px;
    }

    .hero .line-text p {
        font-size: 13px;
    }

    .hero .hero-two-line-detail {
        background-color: #EFEFEF;
        padding: 15px 20px;
        border: 1px solid #A3A3A3;
        margin-left: 0;
        border-radius: 5px;
        margin-top: 40px;
    }

    .contact-us-form {
        padding: 60px 10px 10px;
    }

    .hero .social-links {
        margin-top: 30px;
    }

    .hero .line-two-text p {
        font-size: 13px;
    }

    .navbar-toggler:focus {
        box-shadow: 0 0 3px #000000;
    }

    .navbar-collapse {
        position: absolute;
        top: 80px;
        padding: 20px;
        right: 20px;
        left: 20px;
        z-index: 99;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        background-color: #fff;
    }

    /* work */
    .work-main {
        margin-left: 0;
    }

    .work-sidebar {
        width: auto;
        left: -315px;
    }

    .all-members h5 {
        font-size: 12px;
        margin-right: 18px;
    }

    .work-chat .chat-members {
        padding: 15px 20px;
    }

    .work-footer p {
        font-size: 13px;
    }

    .chat-name span {
        font-size: 14px;
    }

    .window-footer {
        position: relative;
    }

    .pro-work {
        margin-left: 0;
    }

    .search-project .pro-search {
        width: 100%;
    }

    .work-footer {
        position: relative;
    }

    .login .log-inputs {
        padding: 100px 50px;
    }

    .pro-menu .menu-inputs strong {
        font-size: 13px;
    }

    /* Landing Page */
    .hub-hero {
        padding: 65px 0;
    }

    .hub-hero .hub-data .right-img-data .img .left-top img,
    .hub-hero .hub-data .right-img-data .img .bottom img {
        display: none;
    }

    .hub-hero .hub-data .hub-hero-left {
        padding: 0;
    }

    .hub-hero .hub-data .hub-hero-left h1:first-child {
        margin-bottom: 19px;
    }

    .hub-hero .hub-data .hub-hero-left h1 {
        font-size: 22px;
    }

    .hub-hero .hub-data .hub-hero-left p {
        font-size: 14px;
    }

    .hub-hero .hub-data .hub-hero-left .search-box {
        display: block;
    }

    .hub-hero .hub-data .hub-hero-left .search-box .sub-btn {
        text-align: left;
        margin-top: 20px !important;
    }

    .hub-hero .hub-data .hub-hero-left .search-box .input,
    .hub-hero .hub-data .hub-hero-left .search-box .sub-btn {
        margin: 10px 0;
    }

    .hub-hero .hub-data .hub-hero-left .search-box .sub-btn button {
        width: 100%;
    }

    .hub-hero .hub-data .right-img-data {
        margin-top: 25px;
    }

    .services .servics-head h3 {
        font-size: 22px;
    }

    .services .servics-box .heading h3 {
        font-size: 16px;
    }

    .services .servics-box .servics-data {
        text-align: center;
        margin: 10px 0;
    }

    .services .servics-box .servics-data .img {
        margin: 15px auto;
    }

    .pro-mangment {
        padding: 20px 0;
    }

    .pro-mangment .pro-text {
        padding: 15px 5px;
    }

    .pro-mangment .pro-text .dt-icon {
        display: block;
    }

    .pro-mangment .pro-text .dt-icon .icon {
        margin-bottom: 10px;
    }

    .team-skills .team-head h3 {
        font-size: 22px;
    }

    .team-skills .skill-box .skill-data {
        padding: 50px 24px 24px;
    }

    .team-skills .skill-box .skill-data .skill-head h3 {
        font-size: 20px;
    }

    .overview .view-text .about .view-heading h3 {
        font-size: 22px;
    }

    .overview .view-text .about .view-detail p {
        font-size: 14px;
    }

    .faq .accordion-item.active .accordion-button {
        font-size: 16px;
    }

    .top-navi .lonin-btns {
        margin-left: 0;
    }

    .members {
        margin: 0;
    }

    .pro-data .skill-detail-box {
        margin-top: 20px;
    }

    .members .people .row .col-lg-6 {
        width: 50%;
    }

    .offcanvas.offcanvas-end {
        top: 135px;
        right: 0;
        width: 100%;
    }

    .work {
        height: auto;
    }
}

@media (min-width:992px) and (max-width:1024px) {
    .side-toggle-btn {
        display: block;
        margin-right: 12px;
    }

    .work {
        height: auto;
    }

    .close-btn {
        display: block;
    }

    .footer .footer-box {
        padding-right: 40px;
    }

    .input button {
        padding: 0px 2px;
        margin-left: 2px;
    }

    .input .email input {
        padding: 10px 5px;
    }

    .city {
        margin-top: 20px;
    }

    /* hero */
    .hero .line-text p {
        font-size: 13px;
    }

    .hero .hero-line img {
        height: 370px;
    }

    header .navbar-nav .nav-item .nav-link {
        font-size: 14px;
    }

    /* work */
    .work-main {
        margin-left: 0;
    }

    .work-sidebar {
        width: auto;
        left: -315px;
    }

    .all-members h5 {
        font-size: 12px;
        margin-right: 18px;
    }

    .work-chat .chat-members {
        padding: 15px 20px;
    }

    .work-footer p {
        font-size: 13px;
    }

    .chat-name span {
        font-size: 14px;
    }

    .window-footer {
        position: relative;
    }

    .pro-work {
        margin-left: 0;
    }

    .main .project-detail .row {
        --bs-gutter-x: 0.5rem;
    }

    .top-navi .lonin-btns a {
        padding: 8px;
    }

    .hub-hero .hub-data .right-img-data .img .bottom {
        right: -12px;
    }

    .hub-hero .hub-data .hub-hero-left .search-box {
        padding: 10px;
    }

    .hub-hero .hub-data .hub-hero-left .search-box .input,
    .hub-hero .hub-data .hub-hero-left .search-box .sub-btn {
        margin: 0;
    }

    .hub-hero .hub-data .hub-hero-left .search-box .input i {
        margin-right: 1px;
    }

    .offcanvas.offcanvas-end {
        width: 30%;
    }
}

@media (min-width:1025px) and (max-width:1199px) {
    .side-toggle-btn {
        display: block;
        margin-right: 12px;
    }

    .close-btn {
        display: block;
    }

    .footer .footer-box {
        padding-right: 40px;
    }

    .input button {
        padding: 0px 10px;
        margin-left: 5px;
    }

    .input .email input {
        padding: 10px 5px;
    }

    /* work */
    .work-main {
        margin-left: 0;
    }

    .work-sidebar {
        width: auto;
        left: -315px;
    }

    .all-members h5 {
        font-size: 12px;
        margin-right: 18px;
    }

    .work-chat .chat-members {
        padding: 15px 20px;
    }

    .work-footer p {
        font-size: 13px;
    }

    .chat-name span {
        font-size: 14px;
    }

    .hero .hero-line img {
        height: 390px;
    }

    .members .people .row .col-lg-6 {
        width: 50%;
    }
}

@media (min-width:1025px) and (max-width:1499px) {
    .offcanvas.offcanvas-end {
        bottom: 0px;
    }
}

@media (min-width:1500px) and (max-width:1999px) {

    .job-des textarea {
        height: 250px;
    }

    .work-main form {
        margin-top: 50px;
    }

    .job-des .job-exp .des-inputs .des-input {
        margin: 20px 10px;
    }

    .job-des {
        margin: 40px 0 20px;
    }

    .offcanvas.offcanvas-end {
        top: 135px;
    }

    .offcanvas.offcanvas-end {
        bottom: 40px;
    }
}

@media (min-width:2000px) {
    .basic-information .drop-box {
        padding: 50px 10px;
    }

    .work-main form {
        margin-top: 50px;
    }

    .pro-inputs .form-control {
        padding: 15px 10px !important;
    }

    .basic-information .pro-inputs {
        margin-top: 60px;
    }

    .basic-information .pro-inputs .pro-input {
        margin: 30px 0;
    }

    .basic-information .pro-btns {
        margin-top: 70px;
    }

    .basic-information .next {
        margin-top: 100px !important;
    }

    .job-des {
        margin-top: 35px;
    }

    .job-des .job-head {
        margin: 15px 0;
    }

    .job-des textarea {
        height: 250px;
    }

    .job-des .job-btns {
        margin-top: 80px;
    }

    .pro-dt {
        min-height: 1000px;
    }

    .login .log-inputs {
        margin-top: 50px;
    }

    .job-des .job-exp .des-inputs .des-input {
        margin: 20px 10px;
    }

    .job-des {
        margin: 40px 0 20px;
    }

}

@media (min-width:1500px) {
    .project-detail .card-row {
        height: 700px;
    }

    .pro-Dt {
        min-height: 650px;
        overflow-y: auto;
    }

    .work-sidebar {
        height: 90%;
    }
}