.vacancies__premium{
    right: 75px;
    top: 24px;
    font-size: 14px;
    font-weight: 500;
    padding: 6px 12px;
    border-radius: 16px;
    background-color: #ECFDF3;
    color: #027A48;
}

.breadcrumbs-leftside{
    flex-wrap: wrap;
}

.vacancy_item_time{
    display: flex;
    align-items: center;
    column-gap: 8px;
    color: #6A7386;
    font-size: 14px;
    font-weight: 300;
}

.vacancy_item_time svg path{
    fill: #6A7386;
}

.vacancies__item_new .vacancies__item__left{
    max-width: unset;
}

.vacancies__item_new .vacancies__icon{
    flex: none;
    position: relative;
}
.resume__header__img,
.vacancies__icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.n_company_images{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vacancies__item_new .vacancies__icon .vc_icon_back,
.vacancies__icon .vc_icon_back,
.resume__header__img .vc_icon_back,
.n_company_images .vc_icon_back{  
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: .1;
}
.vacancies__item_new .vacancies__icon span,
.resume__header__img span,
.n_company_images span,
.vacancies__icon span{
    font-family: Inter;
    font-size: 24px;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 0px;
    text-align: center;
    z-index: 5;
}
.vacancies__item_new .vacancies__icon  img,
.vacancies__icon  img,
.n_company_images img,
.vacancies__icon img
{
    z-index: 5;
    object-fit: contain;
}
@media(max-width:768px){
    .vacancies__item_new .vacancies__icon span{
        font-size: 14px;
        line-height: 25px;
    }

    .company  .resumes .vacancies__item__right{
        width: 30px;
    }
}
.vacancies__icon{
    width: 50px;
    height: 50px;
    flex: none !important;
    min-width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media(max-width:768px){
    .vacancies__icon{
        min-width: unset !important;
    }

    .fixed_section__left{
        flex-wrap: nowrap;
    }

    .fixed_section .btn.email{
        padding-left: 10px;
        padding-right: 10px;
    }
}

.vacancy_item_company{
    color: #000d4a;
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
    margin-bottom: 14px;
    min-height: 24px;
}

.vacancy_item_date_count{
    display: flex;
    align-items: center;
    column-gap: 10px;
}
.vacancies__item__right{
    flex-direction: column-reverse;
    align-items: flex-end;
    justify-content: space-between;
}

.vacancies__item_new .vacancies__price:after{
    content: none;
}
.vacancies__item_new.vacancies__item{
    padding: 24px;
}
.vacancies__item_new .card_like{
    margin-bottom: 40px;
}

.vacancies__item_new .vacancies__price{
    font-size: 16px;
    font-weight: 500;
}
.vacancies__item_new .vacancies__item__left{
    align-items: flex-start;
}

.vacancies__item_new .vacancies__icon{
    width: 50px;
    height: 50px;
    min-width:50px;
}
.vacancies__premium img{
    display: none;
}

.vacancies__item_new .vacancies__price{
    text-align: right;
}

.vacany-inner-share-tools{
    display: none;
}
.copy-url-btn{
    position: relative;
}

.copy-url-btn:before{
    content: attr(data-tooltip);
    position: absolute;
    bottom: 100%;
    background: #101828;
    border-radius: 8px;
    padding: 8px;
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 8px;
    display: block;
    width: max-content;
    opacity: 0;
    visibility: hidden;
    transition: 0.2s linear;
}
.copy-url-btn:after{
    position: absolute;
    content: "";
    left: 50%;
    width: 12px;
    height: 12px;
    background: #101828;
    border-radius: 1px;
    transform: rotate(45deg) translateX(-50%);
    top: -13px;
    opacity: 0;
    visibility: hidden;
}
.copy-url-btn.copied::before{
    opacity: 1;
    visibility: visible;
}
.copy-url-btn.copied::after{
    opacity: 1;
    visibility: visible;
}
@media(max-width:768px){
    .vacancies__item_new.vacancies__item{
        flex-direction: row;
        padding: 12px;
    }

    

    .vacany-inner-share-tools .contact__btn{
        display: flex;
        align-items: center;
        column-gap: 18px;
        padding-bottom: 14px;
        margin-bottom: 14px;
        border-bottom: 1px solid #F4F6F9;
    }

    .fixed_section .btn.show_number{
        max-width: 48px !important;
        display: flex !important;
    justify-content: center !important;
    }

    .fixed_section__left .vacancy_company__share{
        display: none;
    }

    .vacany-inner-share-tools .vacancy_company__share__item{
        display: flex;
        align-items: center;
        column-gap: 16px;
        width: 100%;
        background-color: transparent !important;
    }

    .vacany-inner-share-tools .vacancy_company__share__item .copy-link{
        width: 100%;
        height: 34px;
        display: flex;
        align-items: center;
        position: relative;
        justify-content: center;
    }
    .share_items_new_label{
        color: #212944;
        font-family: Inter;
        font-size: 14px;
        font-weight: 500;
        line-height: 25px;
        letter-spacing: 0px;
        text-align: left;
        margin-bottom: 11px;
    }

    .vacany-inner-share-tools{
        display: block;
        background-color: white;
        border-radius: 6px;
        filter: drop-shadow(0px 2px 40px rgba(104, 104, 104, 0.2));
        margin-bottom: 30px;
        padding: 16px;
    }
    .vacancy_company .dont-fixed{
        background-color: transparent;
    }

    .vacany-inner-share-tools .resume__premium-btn{
        border: 1px solid #FF7F00;
        color: #FF7F00;
        width: calc(50% - 9px);
    }
    .vacany-inner-share-tools .resume__up-btn{
        border: 1px solid #2196F3;
        color: #2196F3;
        width: calc(50% - 9px);
    }

    .vacancy_company__share__item:after{
        content: none;
    }
    .vacany-inner-share-tools .vacancy_company__share__item{
        position: relative;
        opacity: 1 !important;
        visibility: visible !important;
        box-shadow: unset;
        padding: 0;
    }
    .vacancies__item__right .card_like{
        position: relative;
        top: unset !important;
        transform: none !important;
        right: unset;
    }

    .vacancies__item__right{
        padding-left: 0;
    }
    .vacancies__item_new .vacancies__price{
        white-space: nowrap;
        position: absolute;
        bottom: 14px;
    }
    .vacancies__item__left{
        padding-right: 16px;
    }
    .vacancies__item_new .vacancies__icon{
        width: 27px;
        height: 27px;flex: none;
        min-width: 27px;
    }
    .vacancies__item_new .vacancies__price,
    .vacancy_item_company,
    .vacancy_item_time{
        font-size: 12px;
    }
    .vacancies__premium {
        padding: 4px 8px;
        width: 28px;
        height: 28px;
        border-radius: 6px;
        top: 44px;
        right: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .vacancies__item__right .card_like{
        width: 28px;
        height: 28px;
    }
    .vacancies__premium span{
        display: none;
    }
    .vacancies__premium img{
        display: block;
        width: 12px;
        height: 12px;
        /* transform: translateY(-1px); */
    }
}
@media(max-width:767px){
    .vacancies__item.company-vacancy-item{
        flex-direction: row;
    }

    .vacancies__item.company-vacancy-item .card_like{
        margin-bottom: 27px;
    } 
}
/* blog */

.breadcrumbs-new{
    display: flex;
    align-items: center;
    justify-content: center;
    color: #A3A6AC;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    column-gap: 5px;
    padding: 28px 20px;
}

.breadcrumbs-new a{
    color: #A3A6AC;
    transition: .3s ease;
}

.breadcrumbs-new a:hover{
    color: #2196f3;
}

.page-title-center-container .page-title{
    color:  #101828;
    text-align: center;
    /* Display lg/Semibold */
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 60px; /* 125% */
    letter-spacing: -0.96px;
    margin: 40px 0;
}
.sc-title-container{
    margin-bottom: 32px;
}

.sc-title{
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px; /* 133.333% */
    color: #101828;
}

.nbi-information{
    display: flex;
    align-items: flex-start;
    padding-top: 12px;
    flex-direction: column;
    row-gap: 12px;
}

.nbi-time{
    color: #2196F3;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; /* 142.857% */
}
.nbi-title{
    display: flex;
    justify-content: space-between;
    column-gap: 16px;
    color:  #101828;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px; /* 133.333% */
    align-items: flex-start;
    width: 100%;
    transition: .3s ease;
}

.nbi-title svg{
    transition: .3s ease;
}

.nbi-title svg path{
    transition: .3s ease;
}

.new-blog-item:hover .nbi-title{
    color: #2196F3;
}

.new-blog-item:hover .nbi-title svg{
    transform: translate(1px , -1px);
}

.new-blog-item:hover .nbi-title svg path{
    stroke: #2196F3;
}
.horizontal-blog-item .nbi-title{
    font-size: 16px;
    line-height: 26px;
}
.nbi-title svg{
    width: 24px;
    height: 24px;
    transform: translateY(5px);
    flex: none;
}


.last-blog-cards{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 32px;
    grid-row-gap: 32px;
}

.nbi-image{
    height: 240px;
    display: flex;
    transition: .3s ease;
}

.new-blog-item:hover .nbi-image{
    -webkit-transform: translateY(-3px);
    -moz-transform: translateY(-3px);
    transform: translateY(-3px);

    box-shadow: 0px 12px 16px -4px #10182814;

}
.big-blog-item .nbi-image{
    position: relative;
    height: 276px;
    width: 100%;
}
.nbi-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.last-blog-side{
    width: calc(50% - 16px);
}

.n-blog-content{
    color: #667085;
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
}

.horizontal-blog-item{
    display: flex;
    flex-direction: row;
    column-gap: 24px;
}

.horizontal-blog-item .nbi-image{
    height: 190px;
    width: 320px;
    flex: none;
}
.last-blog-cards .new-blog-item:first-child{
    grid-area: 1 / 1 / 3 / 2;
}
.last-blog-cards .new-blog-item:nth-child(2){
    grid-area: 1 / 2 / 2 / 3;
}
.last-blog-cards .new-blog-item:nth-child(3){
    grid-area: 2 / 2 / 3 / 3;
}


.horizontal-blog-item .nbi-information{
    padding-top: 0;
}

.all-blogs-container{
    margin-top: 96px;
    margin-bottom: 64px;
}
.blog-main{
    margin-bottom: 68px;
}

.all-blog-cards{
    display: flex;
    flex-wrap: wrap;
    row-gap: 48px;
    column-gap: 32px;
}

.all-blog-cards .new-blog-item{
    width: calc((100% - 64px) / 3);
}
.page-title-center-container{
    display: flex;
    justify-content: center;
}

.vacancies__desc h3{
    color: #000d4a ;
}
@media(max-width:1200px){
    .horizontal-blog-item .nbi-image{
        width: 220px;
        height: 190px;
    }
    .nbi-image{
        height: auto;
    }
}

@media(max-width:991px){
    .last-blog-cards{
        display: flex;
        flex-wrap: wrap;
        column-gap: 32px;
        row-gap: 32px;
    }
    .last-blog-cards .new-blog-item{
        width: calc(50% - 16px);
    }
    .horizontal-blog-item{
        flex-direction: column;
        column-gap: 0;
    }
    .horizontal-blog-item .nbi-information{
        padding-top: 12px;
    }
    .horizontal-blog-item .nbi-image{
        width: 100%;
    }
    .last-blog-cards .new-blog-item:first-child{
        width: 100%;
    }
}
@media(max-width:768px){
    .all-blogs-container{
        margin-top: 64px;
    }
    .sc-title{
        font-size: 20px;
        line-height: 30px;
    }
    .nbi-title,
    .horizontal-blog-item .nbi-title{
        font-size: 20px;
        line-height: 30px;
    }
    .n-blog-content{
        font-size: 16px;
        line-height: 20px;
    }
    .all-blog-cards .new-blog-item{
        width: calc(50% - 16px);
    }
    .all-blogs-container,
    .blog-main{
        margin-bottom: 48px;
    }
    .page-title-center-container .page-title{
        font-size: 36px;
        line-height: 44px;
        margin-top: 24px;
        margin-bottom: 40px;
    }

    .vacancies__item_new .vacancies__item__left{
        max-width: 78%;
    }
    .vacancies__item_new .vacancies__desc{
        max-width: 100%;
    }

    .vacancies__item_new .vacancies__desc h3{
        word-break: break-word;
    }
}

@media(max-width:577px){
    .all-blog-cards .new-blog-item,
    .last-blog-cards .new-blog-item{
        width: 100%;
    }
    .big-blog-item .nbi-image,
    .horizontal-blog-item .nbi-image,
    .nbi-image
    {
        height: auto;
    }
}

.com_card_date{
    margin-top: 16px;
    display: block;
}

.company-vacancy-item .vacancies__price:after{
    content: none;
}

.company-vacancy-item{
    align-items: flex-start;
    padding: 24px;
}

.company-vacancy-item .card_like {
    margin-bottom: 40px;
}

@media(max-width:768px){
    .company-vacancy-item{
        padding: 12px;
    }
  
    .company-vacancy-item .vacancies__price{
        position: absolute;
        bottom: 14px;
        white-space: nowrap;
    }
    .vacancies__icon{
        width: 40px !important;
        height: 40px !important;
    }
}
/* company*/ 

.companies_list {
    display: flex;
    flex-wrap: wrap;
    row-gap: 24px;
    column-gap: 64px;
}

.companies_list  .company_card {
    width: calc(50% - 32px);
    height: unset;
    margin-bottom: 0;
}

.companies_list  .company_card a{
    display: flex;
    column-gap: 24px;
    padding: 24px;
    flex-direction: row;
    height: 112px !important;
    border-radius: 16px;
    border: 1px solid #EAECF0 !important;
}
.companies_list .company_card .company_box{
    border: 0;
    border-radius: 16px;
}
.companies_list .company_card:hover .company_box{
    transform: none !important;
    border: 0;
}
.companies_list .company_card a p {
    margin-top: 0;
    color: #101828;
    font-family: Inter;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: left;
    margin-bottom: 8px;
    max-width: calc(100% - 95px);
}

.companies_list .company_card a span{
    color: #667085;
    font-family: Inter;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
}
.companies_list  .company_card a .n_company_images{
    width: 60px;
    height: 60px;
    border-radius: 100%;
    overflow: hidden;
    padding: 0;
}

.company-card-desc{
    width: calc(100% - 84px);
    position: relative;
}

.featured-company{
    font-family: Inter;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    letter-spacing: 0em !important;
    text-align: center !important;
    color: #027A48 !important;
    background-color: #ECFDF3 !important;
    border-radius: 16px !important;
    height: 28px;
    width: 91px;
    display: flex;
    right: 0;
    align-items: center;
    justify-content: center;
    position: absolute;
}

.companies_list  .company_card a .n_company_images img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform: none !important;
}
.companies_section{
    margin-bottom: 48px;
}

.companies-pagination{
    margin-bottom: 68px;
}
.companies_section{
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.companies-page-title-cont{
    margin: 48px 0;
}
.companies-page-title{
    font-family: Inter;
    font-size: 36px;
    font-weight: 600;
    line-height: 44px;
    letter-spacing: -0.02em;
    text-align: left;
    color: #101828;
}

.companies-main-title-cont{
    margin-top: 12px;
    margin-bottom: 40px;
}

.companies-main-title{
    font-family: Inter;
    font-size: 48px;
    font-weight: 600;
    line-height: 60px;
    letter-spacing: -0.02em;
    text-align: left;
    color: #101828;
}
.company-page-search-input{
    position: relative;
    width: 547px;
    display: flex;
    align-items: center;
}

.company-page-search-input svg{
    position: absolute;
    left: 18px;
}
.company-search-inp{
    padding: 12px 16px;
    padding-left: 48px;
    height: 48px;
    border-radius: 8px;
    border: 1px solid #D0D5DD;
    font-family: Inter;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    color: #667085;
    width: 100%;
}

.company-search-inp::placeholder{
    color: #667085;
}

@media(max-width:991px){
    .companies_list .company_card{
        width: 100%;
    }
}

@media(max-width:768px){
    .company_box a>div{
        margin-top: 0;
    }
    .company_box{
        padding: 0;
        margin-bottom: 0;
    }
    .company-page-search-input{
        width: 100%;
    }
    
    .companies-main-title{
        font-size: 36px;
        line-height: 44px;
    }
    .companies-page-title{
        font-size: 24px;
        line-height: 32px;
    }
    .companies_list .company_card a{
        height: auto !important;
    }
    .companies_list .company_card a{
        padding: 16px;
    }
    .companies_list .company_card a .n_company_images{
        height: 56px;
        width: 56px;
    }
    .companies_list .company_card a{
        column-gap: 16px;
    }

    .company-card-desc{
        width: calc(100% - 72px );
    }
    .companies_list .company_card a p{
        font-size: 16px;
        line-height: 24px;
    }
    .breadcrumb-new-left{
        padding-top: 16px !important;
    }
    .companies_list .company_card a span{
        font-size: 14px;
        line-height: 22px;
    }
}

.night_mode .companies_list .company_card a .featured-company{
    color: #fff !important;
    background-color: #003075 !important;
}

.night_mode .companies_list .company_card a{
    border: 1px solid #003075 !important;
}

.night_mode .company-search-inp{
    background-color: #081833;
    color: #fff;
    border: 1px solid #003075;
}

.night_mode .company-page-search-input svg path{
    stroke: #fff;
}
.breadcrumb-new-left {
    justify-content: flex-start;
    padding-left: 0;
    padding-bottom: 0;
}

.custom-pagination li:last-child a{
    transform: rotate(180deg);
}

.home-blogs{
    margin-top: 56px;
}

.show-all-blogs{
    display: flex;
    justify-content: center;
    padding-top: 36px;
}

.show-all-blogs a{
    width: 176px;
    height: 48px;
    padding: 12px;
    border-radius: 6px;
    border: 1px solid #2196F3;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Inter;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0px;
    text-align: center;
    transition: .3s ease;
}

.show-all-blogs a:hover{
    background-color:#2196F3;
    color: #fff;
}
.position-info-note{
    display: flex;
    align-items: center;
    column-gap: 6px;
    font-family: Inter;
    font-size: 12px;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: 0px;
    text-align: left;
    color: #667085;
    margin-top: 24px;
}
.position-info-note svg{
    flex: none;
    transform: translateY(-1px);
}
.position-details-cont ul,
.position-details-cont ol,
.n-page-title-text ol,
.n-page-title-text ul{
    padding-left: 16px;
    margin: 24px 0;
    margin-top: 16px;
    row-gap: 4px;
}
.most-vacancy-company a{
    color: #000;
    font-weight: 600;
}
.vacancy-number{
    font-weight: 600;
    display: contents;
}
.text-section-content.position-details-cont{
    color: #000;
}

.text-section-content.position-details-cont p strong,
.n-page-title-text p strong{
    display: block;
}
.position-details-cont ul,
.position-details-cont ul li,
.n-page-title-text ul,
.n-page-title-text ul li{
    list-style-type: disc;
}

.position-details-cont ol,
.position-details-cont ol li,
.n-page-title-text ol,
.n-page-title-text ol li{
    list-style-type: decimal;
}

.n-page-title-text{
    font-family: Inter;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;
}

.n-page-title-text p,
.text-section-content.position-details-cont p{
    margin-bottom: 12px;
}


/* profile */
.vacancy-settings-cotainer{
    border: 1px solid #F4F6F9;
    border-radius: 8px;
    padding: 48px 24px;
    margin-top: 24px;
}
.vacancy-settings-heading{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    row-gap: 26px;
}
.vc-icon{
    width: 100px;
    height: 100px;
}
.vacancy-settings-heading p{
    display: flex;
    flex-direction: column;
    font-family: Inter;
    font-size: 30px;
    font-weight: 500;
    line-height: 36px;
    letter-spacing: 0em;
    text-align: center;
}

.vc-go-vacancy{
    background-color: #3490EC;
    border-radius: 80px;
    width: 335px;
    height: 60px;
    border: 1px solid #3490EC;
    transition: .3s ease;
    font-family: Inter;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
}

.vc-go-vacancy:hover{
    background-color: #fff;
    color: #3490EC;
}

.vacancy-settings-heading-info{
    padding: 70px 24px;
    padding-bottom: 50px;
    display: flex;
    justify-content: center;
    position: relative;
}
.vacancy-settings-heading-info:after{
    bottom: 0;
    position: absolute;
    height: 1px;
    width: 485px;
    background-color: #E5E5E5;
    content: '';
}
.vacancy-settings-heading-info ul{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    row-gap: 12px;
    width: 100%;
}

.vacancy-settings-heading-info ul li{
    display: flex;
    align-items: center;
    column-gap: 12px;
    font-family: Inter;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    color: #475467;
}
.vacancy-settings-heading-info ul li svg{
    flex: none;
}
.vacancy-packages{
    padding-top: 20px;
    margin-top: 50px;
}
.vacancy-packages h4{
    font-family: Inter;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: 0em;
    text-align: left;
    color: #101828;
}

.vacancy-packages-title-text{
    font-family: Inter;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    display: block;
    width: 100%;
    text-align: left;
    color: #101828;
    margin-top: 8px;
    margin-bottom: 36px;
}

.vacancy-packages-title-text b,
.vacancy-packages-title-text strong{
    font-weight: 600;
}

.select-vacancy{
    width: 364px;
    position: relative;
}

.select-vacancy>span{
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: 0px;
    text-align: left;
    color: #101828;
    margin-bottom: 8px;
    display: block;
}

.select-vacancy .chosen-single{
    border-radius: 8px;
    background-color: white;
    font-weight: 500;
    font-size: 14px;
    line-height: 25px;
    border: 1px solid #D0D5DD !important;
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05);
    padding: 16px 20px;
    height: auto;
}

.vacancy-packages{
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
    margin-top: 0;
    width: 100%;
}
.vacancy-package-cont{
    width: calc((100% - 40px) / 3);
    display: flex;
    flex-direction: column;
    
    border-radius: 8px;
    padding: 20px;
    position: relative;
}

.vacancy-package-border{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    border: 1px solid #D0D5DD;
    pointer-events: none;
}
.vacancy-package{
    width: 100%;
}

.package-title{
    font-family: Inter;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: 0em;
    text-align: left;
    color: #101828;
    margin-bottom: 8px;
}

.package-price{
    display: block;
    font-family: Inter;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    margin-bottom: 2px;
}
.package-price-note{
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    color: #475467;
}

.vacancy-package-card-info{
    margin-top: 20px;
    margin-bottom: 44px;
}

.vacancy-package-card-info ul{
    display: flex;
    flex-direction: column;
    row-gap: 12px;
}
.vacancy-package-card-info ul li svg{
    flex: none;
}
.vacancy-package-card-info ul li{
    display: flex;
    align-items: flex-start;
    column-gap: 12px;
    font-family: Inter;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    color: #475467;
}

.vacancy-package-card-quantity{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 23px;
}

.vp-qty-btn{
    width: 44px;
    height: 44px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none;
    border: 1px solid #D0D5DD;
    background-color: transparent;
}

.vc-qty-center{
    display: flex;
    align-items: center;
    column-gap: 8px;
}

.vc-qty-center input,
.vc-qty-center span{
    font-family: Inter;
    font-size: 50px;
    font-weight: 600;
    line-height: 50px;
    letter-spacing: -0.02em;
    text-align: center;
    color: #101828;
}
.vc-qty-center input{
    width: 64px;
    pointer-events: none;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.package-totals{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 12px;
    border-top: 1px solid #E4E7EC;
    margin-top: 12px;
}

.pt-label{
    font-family: Inter;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    color: #101828;
}

.pt-total-price{
    color: #101828;
    font-family: Inter;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
}

.vacany-package-radio{
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    border: 1px solid #D0D5DD;
    right: 20px;
    top: 16px;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
}

.vacany-package-radio:checked{
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><rect x="0.5" y="0.5" width="19" height="19" rx="9.5" fill="%232196F3"/><rect x="0.5" y="0.5" width="19" height="19" rx="9.5" stroke="%232196F3"/><path d="M14.6666 6.5L8.24992 12.9167L5.33325 10" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.vacany-package-radio:checked +  .vacancy-package-border{
    border: 1px solid #2196F3;
}

.vp-form{
    width: 100%;
}

.vp-submit-cont{
    margin-top: 50px;
    display: flex;
    justify-content: center;
}

.vp-submit{
    font-family: Inter;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: center;
    color: #fff;
    width: 335px;
    height: 60px;
    border-radius: 80px;
    background-color: #1CA73A;
    border: 1px solid #1CA73A;
    transition: .3s ease;
}

.vp-submit:hover{
    background-color: #fff;
    color: #1CA73A;
}
.package-title{
    width: calc(100% - 30px);
}

.vacancy-settings-tablinks{
    display: flex;
    justify-content: center;
}

.vacancy-settings-tablinks ul{
    display: flex;
    align-items: center;
    height: 40px;
    background-color: #F4F6F9;
    border-radius: 8px;
    overflow: hidden;
    max-width: 100%;
    overflow-x: auto;
    padding: 4px 7px;
    column-gap: 24px;
}

.vacancy-settings-tablinks ul li a{
    height: 32px;
    padding: 4px 16px;
    font-family: Inter;
    font-size: 14px;
    transition: .3s ease;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0em;
    text-align: center;
    color: #212944;
    border-radius: 4px;
    white-space: nowrap;
    display: flex;
    align-items: center;
}

.vacancy-settings-tablinks ul li a:hover{
    color: #2196F3;
}

.vacancy-settings-tablinks ul li a.active{
    background-color: #2196F3;
    color: #fff;
}

@media(max-width:1500px){
    .vc-qty-center input, .vc-qty-center span{
        font-size: 24px;
        line-height: 24px;
    }
    .vc-qty-center input{
        width: 30px;
    }
}
.select-vacancy .type_select{
    background-color: #fff;
}
@media(max-width:1280px){
    .vacancy-packages{
        row-gap: 20px;
    }
    .vacancy-package-cont{
        width: calc(50% - 10px);
       
    }
}

@media(max-width:991px){
    .vacancy-packages{
        row-gap: 20px;
    }
    .vacancy-package-cont{
        width: 100%;
       
    }
}

@media(max-width:768px){
    .select-vacancy{
        width: 100%;
    }

    .vc-go-vacancy{
        width: 100%;
    }
    .vacancy-settings-heading-info:after{
        width: 150px;
    }
    .vacancy-settings-heading p{
        font-size: 24px;
        line-height: 30px;
    }
    .vc-icon{
        width: 60px;height: 60px;
    }
    .vacancy-settings-cotainer{
        padding: 24px 16px;
    }

    .vacancy-settings-heading-info{
        padding-top: 35px;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 35px;
    }
    .vacancy-packages{
        margin-top: 8px;
    }
}

/* header adj */
.logo-and-menu{
    display: flex;
    align-items: center;
    column-gap: 71px;
}

.header-row{
    display: flex;
    justify-content: space-between;
}

.header-new-menu{
    display: flex;
    align-items: center;
    column-gap: 25px;
}
.header-new-menu li a{
    font-family: Inter;
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
    letter-spacing: 0em;
    text-align: left;
    color: #212944;
}
.night_mode .header-new-menu li a{
    color: #fff;
}
.nsp_top {
    display: none;
}
.nsp_top ul li::after{
    content: none;
}
.nsp_top ul{
    column-gap: 30px;
}
.nsp_top ul li a{
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    letter-spacing: 0em;
    text-align: left;

}
.nsp_top li.active a{
    font-size: 14px;
    font-weight: 500;
}



.header-link{
    height: 30px;
}
.header-link ul{
    display: none;
}
.elan_yerlesdir{
    border-radius: 15px;
}

.header_btns  .wishlist{
    margin-left: 24px;
    margin-right: 24px;
}
.section-title{
    margin-bottom: 40px;
    margin-top: 40px;
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
    text-transform: unset;
}
.nsp_searchbar{
    min-height: 64px;
}

.nsp_search.nsp_search_submit{
    background-color: transparent !important;
    width: 24px;
    height: 24px;
    border: 0 !important;
    background-image: unset !important;
}
.nsp_filter_open{
    background-image: unset !important;
}
.nsp_search_input input{
    background-image: unset !important;
    padding-left: 4px;
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    letter-spacing: 0em;

}
.night_mode .nsp_filter_open:before{
    content: none;
}
.night_mode .nsp_filter_open svg path{
    fill: #fff;
}

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

.nsp_filter_open:before{
    content: none;
}
.nsp_filter_open{
    font-family: Inter;
    font-size: 14px;
    font-weight: 500 !important;
    line-height: 25px;
    letter-spacing: 0px;
    text-align: center;
    display: flex;
    align-items: center;
    column-gap: 8px;
}
.nsp_filter_open span{
    font-weight: 500 !important;
}
.nsp_blue{
    height: 64px;
}
.new_search_panel{
    padding-top: 12px;
}

.new-categories-container .section-title{
    font-family: Inter !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    text-transform: unset !important;
    line-height: 19px !important;
    letter-spacing: 0em;
}
.home-categories-section{
    margin-bottom: 0;
}
.new-categories-container .section-title{
    margin-bottom: 40px;
    margin-top: 10px !important;
}
.home-categories-section .new-categories-slider{
    margin-bottom: 0;
}

@media(max-width:1200px){
    .logo-and-menu{
        column-gap: 30px;
    }
}
@media(max-width:991px){
    .header-new-menu{
        display: none;
    }

    .n-page-title{
        line-height: 42px;
    }
    .position-inner-page{
        padding-top: 0;
    }
    .logo {
        position: relative;
        float: left;
        left: 50px;
    }
    .header_btns .login_btn,
    .header_btns .elan_yerlesdir_button_hover,
    .header_btns .wishlist {
        display: none;
    }
    .menu_open{
        display: block;
    }
    .header {
        padding: 17px 0;
        height: 75px;
    }
    .logo_cont a img {
        width: 155px;
    }
    .night_mode_btn {
        top: 0px;
        cursor: pointer;
    }
    .nsp_top,
    .header-link ul{
        display: flex;
        column-gap: 30px;
    }
    .header-link{
        height: 72px;
        padding-top: 25px;
    }
    .header-link ul li:after{
        content: none;
    }
    .nsp_blue{
        height: 72px;
    }
    .header-link ul li a,
    .header-link ul li a.active{
        font-size: 14px;
    }
    .header-link ul li a{
        font-weight: 400;
    }
    .header-link ul li a.active{
        font-weight: 500;
    }
    .new_search_panel{
        padding-top: 22px;
    }
    .nsp_searchbar{
        min-height: 56px;
    }

    .header-link{
        margin-bottom: 24px;
    }
    
}

@media (min-width: 991px)
{
    .night_mode_btn {
        top: 4px;
        cursor: pointer;
}
}
@media(max-width:768px){
    .header_btns{
        display: flex;
    }

    .new-categories-section .section_title{
        margin-top: 30 !important;
        margin-bottom: 0 !important;
    }
    .new-categories-container .section-title{
        margin-bottom: 30px;
    }
    .stores-cards-mobile{
       padding-top: 15px !important;
    }

    .section-title{
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .nsp_search.nsp_search_submit{
        margin-top: 4px;
        margin-right: 10px;
    }
    .nsp_search_input input{
        font-size: 14px;
    }
    
}

/* .header-link li:last-child{
    display: none;
} */

.form-group .chosen-single {
    border-radius: 8px;
    background-color: white;
    font-weight: 500;
    font-size: 14px;
    line-height: 25px;
    border: 1px solid #D0D5DD;
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05);
    padding: 16px 20px;
    height: auto;
}
.announcement-add .form-group .chosen-single {
    border-radius: 8px;
    background-color: white;
    font-weight: 500;
    font-size: 14px;
    line-height: 25px;
    border: 1px solid #D0D5DD !important;
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05);
    padding: 16px 20px;
    height: auto;
}

@media(max-width:991px){
    .announcement-add__item #add_company_btn{
        margin-bottom: 30px;
        margin-top: -10px;
    }
}

.select-position .chosen-single span{
    font-size: 14px;
    color: rgba(33, 41, 68, 0.5);
}

.select-position .chosen-single:after{
    background: url(/content/assets/images/profile/svg-icons/arrow-bottom.svg) !important;
    background-repeat: no-repeat !important;
    background-size: contain;
    right: 18px;
    width: 15px;
    height: 15px;
    top: 24px;
    transform: none !important;
}
.vc-vacany-success-buttons{
    display: flex;
    align-items: center;
    column-gap: 26px;
}

.vc-go-vacancy-green{
    background-color:#1CA73A  ;
    border: 1px solid #1CA73A ;
}
.vc-go-vacancy-green:hover{
color: #1CA73A ;
}

.custom-radio-input{
    display: flex;
    align-items: center;
    column-gap: 8px;
}

.custom-radio-input input{
    width: 16px;
    height: 16px;
    background-color: transparent;
    border: 1px solid #A3A6AC;
    border-radius: 100%;
    transition: .3s ease;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.custom-radio-input input:after{
width: 8px;
height: 8px;
background-color: #2196F3;
border-radius: 100%;
content: '';
transform: scale(0);
transition: .3s ease;
}
.custom-radio-input p{
    font-size: 16px;
    margin-bottom: 0;
    display: flex;
    align-items: inherit;
    column-gap: 4px;
    line-height: normal;
    flex-direction: row;
}
.custom-radio-input p span{
    font-size: 12px;
    color: #666769;
}
.custom-radio-input input:checked{
    border: 1px solid #2196F3;
}
.custom-radio-input input:checked::after{
    transform: scale(1);
}
.vc-go-vacancy{
    width: 184px;
}
@media(max-width:1100px){
    .vc-go-vacancy{
        width: auto;
    }
    .vc-go-vacancy{
        padding: 10px 36px;
    }
}

@media(max-width:500px){
    .vc-vacany-success-buttons{
        display: flex;
        flex-direction: column;
        align-items: center;
        row-gap: 12px;
    }
    .vc-go-vacancy{
        width: 100%;
    }
    
}

.premiumoptions .form-group{
    display: flex;
    padding-top: 28px;
    padding-bottom: 10px;
    flex-direction: column;
    row-gap: 20px;
}
.premiumoptions{
    margin-bottom: 16px;
}
.custom-radio-input p span{
    display: contents;
}
.vp-qty-btn *{
    pointer-events: none;
}
.vacany-package-radio{
    pointer-events: none;
}

.packages-error-note{
    margin-top: 16px;
    color: red;
    font-size: 14px;
    display: none;
}

.select-vacancy.error select{
    border: 1px solid red;
}

.select-vacancy.error .packages-error-note{
    display: block;
}

.vacancy-packages.error .vacany-package-radio{
    border: 1px solid red;
}
.vacancy-packages.error .packages-error-note{
    display: block;
}
/* kb */

.cp-title-container{
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 24px;
    padding-top: 28px;
    padding-bottom: 64px;
}
.cp-title-container img{
    max-width: 340px;
    object-fit: contain;
}

.cp-title-small{
    font-family: Inter;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-align: center;
    color: #E31B54;
}
.cp-title-desc{
    font-family: Inter;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    text-align: center;
    color: #667085;
}

.cp-head-container{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    column-gap: 24px;
}

.cp-head-left{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    max-width: 768px;
}

.cp-head-left h3{
    font-family: Inter;
    font-size: 36px;
    font-weight: 600;
    line-height: 44px;
    letter-spacing: -0.02em;
    text-align: left;
    color: #101828;
    margin-bottom: 20px;
}

.cp-head-left p{
    margin-bottom: 0;
    font-family: Inter;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
    color: #667085;
}

.cp-head-container a,
.cp-blogs-button-mobile a{
    padding: 12px 20px;
    font-family: Inter;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-align: left;
    color: #fff;
    border-radius: 8px;
    background-color: #E31B54;
    border: 1px solid #E31B54;
    transition: .3s ease;

}
.cp-blogs-button-mobile{
    display: none;
    justify-content: center;
    padding-top: 24px;
    padding-bottom: 10px;
}

.cp-head-container a:hover{
    color: #E31B54;
    background-color: #fff;
}
.cp-blogs-button-mobilev a:hover{
    color: #E31B54;
    background-color: #fff;
}
.dy-section{
    padding: 27px 0;
    background-color: #F9FAFB;
    margin-top: 70px;
}

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

.dy-image{
    width: 560px;
}

.dy-image img{
    width: 100%;
    height: auto;
}
.dy-content{
    width: calc(100% - 560px);
    padding-left:96px ;
}
.dy-content h2{
    font-family: Inter;
    font-size: 48px;
    font-weight: 600;
    line-height: 60px;
    letter-spacing: -0.02em;
    text-align: left;
    color: #101828;
    margin-bottom: 20px;
}

.dy-blocks{
    display: flex;
    flex-wrap: wrap;
    column-gap: 32px;
}

.dy-block{
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
    align-items: flex-start;
    width: calc(50% - 16px);
}
.dy-block-text{
    font-family: Inter;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    text-align: left;
    color: #101828;
}
.dy-block h3{
    font-family: Inter;
    font-size: 30px;
    font-weight: 600;
    line-height: 72px;
    letter-spacing: -0.02em;
    text-align: left;
    color: #E31B54;
}
.dy-block:nth-child(2){
    width: 306px;
}

.dy-block:last-child{
    width: calc(100% - 338px);
}

.dy-block:first-child{
    width: 100%;
}

.vc-head-container{
    align-items: flex-end;
    padding: 70px 0;
    padding-bottom: 50px;
}

.vc-slider .swiper-slide img{
    width: 100%;
    aspect-ratio: 3.36 / 2.96;
    object-fit: cover;
}

.vc-pagination .swiper-pagination-bullet{
    width: 42px;
    height: 6px;
    background: #FF7FA3;
    border-radius: 3px;
    opacity: 1;
}
.vc-pagination{
    position: relative;
    display: flex;
    justify-content: flex-end;
    bottom: 0;

}
.vc-slider{
    padding-top: 20px;
    padding-bottom: 20px;
}
.vc-slider .swiper-slide img{
    transition: .3s ease;
}
.vc-slider .swiper-slide img:hover{
    transform: scale(1.05) !important;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: #E31B53;

}

.company-member .cp-head-container{
   padding-top: 96px;
   padding-bottom: 64px;
   border-bottom: 1px solid #F9FAFB;
   margin-bottom: 48px;
}

.cp-separator{
    margin-top: 60px;
    height: 1px;
    background-color: #F9FAFB;
}
.cp-filter-city{
    display: flex;
    align-items: center;
    column-gap: 16px;
}

.cp-filter-city span{
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
    color: #667085;
}

.cp-filter-city .chosen-container {
    width: 240px !important;
    border: 1px solid #D0D5DD;
    border-radius: 8px;
}

.cp-filter-city .chosen-container .chosen-single{
    height: 44px;
}

.cp-filter-city .chosen-container .chosen-single span{
    position: relative;
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
    display: flex;
    align-items: center;
    column-gap: 8px;
    color: #101828;
}
.cp-filter-city .chosen-container .chosen-single span:before{
    width: 20px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M17.5 8.33333C17.5 14.1667 10 19.1667 10 19.1667C10 19.1667 2.5 14.1667 2.5 8.33333C2.5 6.3442 3.29018 4.43655 4.6967 3.03003C6.10322 1.6235 8.01088 0.833328 10 0.833328C11.9891 0.833328 13.8968 1.6235 15.3033 3.03003C16.7098 4.43655 17.5 6.3442 17.5 8.33333Z" stroke="%23667085" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/><path d="M10 10.8333C11.3807 10.8333 12.5 9.71404 12.5 8.33333C12.5 6.95262 11.3807 5.83333 10 5.83333C8.61929 5.83333 7.5 6.95262 7.5 8.33333C7.5 9.71404 8.61929 10.8333 10 10.8333Z" stroke="%23667085" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    height: 20px;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    content: '';
}

.cm-vacancies-block{
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    flex-wrap: wrap;
}

.cm-vacancies-block .cm-vacancies-block-vacancies-left{
    padding-left: 24px;
}

.cm-vacancies-block .vacancies .sticky_element{
    max-width: 100%;
}
.load-more-cm-vacancy{
    width: 100%;
}

@media(max-width:767px){
    .cm-vacancies-block-vacancies-left{
        display: none !important;
    }
}

.cm-vacancies-block-vacancies{
    width: 768px;
}

.cm-vacancies-block-vacancies-left{
    width: calc(100% - 768px);
}

.cm-vacancies-block-vacancies-left{
    display: flex;
    flex-direction: column;
}
.cm-vacancies-block-vacancies-left h4{
    font-family: Inter;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    text-align: left;
    margin-bottom: 8px;
    color: #101828;
}
.cm-vacancies-block-vacancies-left p{
    font-family: Inter;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: #667085;
}

.cm-vacancies-block-vacancies{
    display: flex;
    flex-direction: column;
    row-gap: 24px;
}

.cm-vacancy-card{
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 24px;
    border-radius: 16px;
    border: 1px solid #EAECF0;
}

.cm-vacancy-card-title{
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 12px;
    margin-bottom: 8px;
}

.cm-vacancy-card-title h4{
    font-family: Inter;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    text-align: left;
    color: #101828;
}
.cm-vacancy-card-title span{
    font-family: Inter;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-align: center;
    color: #344054;
    padding: 2px 10px;
    border-radius: 16px;
    background-color: #F2F4F7;
}

.cm-vacancy-card-desc{
    font-family: Inter;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: #667085;
    margin-bottom: 32px;
}
.cm-vc-time{
    display: flex;
    align-items: center;
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
    column-gap: 8px;
    color: #667085;
}

.cm-vac-separator{
    height: 1px;
    width: 100%;
    background-color: #EAECF0;
    margin: 48px 0;
}

.company-member{
    padding-bottom: 80px;
}
.load-more-cm-vacancy{
    padding-top: 40px;
    display: flex;
    justify-content: center;
}
.load-more-cm-vacancy a{
    font-family: Inter;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-align: left;
    color: #fff;
    background-color: #E31B54;
    border-radius: 8px;
    padding: 12px 20px;
    border: 1px solid #E31B54;
    transition: .3s ease;
}
.load-more-cm-vacancy a:hover{
    color: #E31B54;
    background-color: #fff;
}
.specs-sections{
    padding: 64px 0;
    background-color: #F9FAFB;
}

.specs_container{
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 64px;
}

.specs_container_title{
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 20px;
    max-width: 941px;
}

.specs_container_title .specs-title-red{
    font-family: Inter;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-align: center;
    color: #E31B54;
}

.specs_container_title h2{
    font-family: Inter;
    font-size: 36px;
    font-weight: 600;
    line-height: 44px;
    letter-spacing: -0.02em;
    color: #101828;
    text-align: center;
}

.specs_container_title .specs-title-desc{
    font-family: Inter;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    text-align: center;
    color: #667085;
}

.specs-cards{
    display: flex;
    flex-wrap: wrap;
    row-gap: 64px;
    column-gap: 32px;
}
.specs-card{
    width: calc((100% - 64px) / 3);
    display: flex;
    flex-direction: column;
    align-items: center;
}
.specs-card:nth-child(7){
    width: 100%;
}
.specs-icon{
    width: 52px;
    height: 52px;
    margin-bottom: 20px;
}

.specs-icon img{
    width: 100%;
    height: auto;
    object-fit: contain;
}

.specs-icon svg{
    width: 100%;
}

.specs-card h4{
    color: #101828;
    font-family: Inter;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    text-align: center;
    margin-bottom: 8px;
}
.specs-desc{
    color: #667085;
    font-family: Inter;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;

}

.cp-head-left>span{
    font-family: Inter;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-align: left;
    color: #E31B54;
    margin-bottom: 8px;
}

.cp-blogs{
    padding: 96px 0;
}
.cp-blog-slider{
    width: 100%;
    margin-top: 64px;
}
.cp-blog-slider .swiper-slide{
    width: 343px;
}

.cp-blog-slider .swiper-slide img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 1.8s ease;
}

.cp-blog-slider {
    padding-left: calc((100% - 1170px) / 2);
    padding-right: calc((100% - 1170px) / 2)
}
.cp-blog-slider .swiper-slide a:hover img{
    /* transform: scale(1.03); */
}

.cp-blog-slider .swiper-slide a{
    width: 100%;
    height: 432px;
    position: relative;
    overflow: hidden;
}
.cp-blog-card-info {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 24px 20px;
    background-color: rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(5px);
}

.cp-blog-card-info h4{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    color: #fff;
    font-family: Inter;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    text-align: left;
    margin-bottom: 12px;
    column-gap: 16px;
}
.cp-blog-card-info h4 svg{
    flex: none;
}

.cp-blog-card-info p{
    margin-bottom: 0;
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    color: #fff;
}

@media(max-width:1300px){
    .cp-head-left h3,
    .dy-content h2,
    .specs_container_title h2{
        font-size: 28px;
        line-height: 36px;
    }
    .dy-block h3{
        font-size: 20px;
        line-height: 40px;
    }
    .dy-image{
        width: 420px;
    }
    .dy-content {
        width: calc(100% - 420px);
        padding-left: 40px;
    }

    .cm-vacancies-block-vacancies{
        width: 60%;
    }
    .cm-vacancies-block-vacancies-left{
        width: 40%;
        padding-right: 20px;;
    }
}
.cp-filter-city select{
    -webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.06);
    background-image: url(images/nsp_arrow.svg) !important;
    min-width: 250px;
    height: 52px;
    background-color: #fff;
    border-radius: 6px;
    font-size: 16px;
    color: #434760;
    padding-left: 15px;
    background-position: center right 15px;
    background-repeat: no-repeat;
}
@media(max-width:991px){
    .cp-title-container img{
        max-width: 200px;
    }
    .cp-blogs-button-mobile{
        display: flex;
    }
    .cp-blogs .cp-head-container a{
        display: none;
    }

    .cp-blogs .cp-head-left{
        margin-bottom: 0;
    }
    .cp-title-desc,
    .cp-head-left p,
    .specs_container_title .specs-title-desc{
        font-size: 16px;
        line-height: 22px;
    }
    .cp-head-left h3, .dy-content h2, .specs_container_title h2{
        font-size: 24px;
        line-height: 30px;
    }
    .dy-container{
        flex-direction: column;
    }
    .dy-image{
        width: 100%;
        margin-bottom: 30px;;
    }
    .specs-card{
        width: calc(50% - 16px);
    }
    .cp-blogs{
        padding: 45px 0;
    }
    .cp-blog-slider{
        margin-top: 45px;
    }
    .cp-blog-card-info h4{
        font-size: 20px;
        line-height: 28px;
    }
    .cp-head-container{
        flex-direction: column;
        align-items: center;
    }
    .cp-head-left p{
        text-align: center;
    }
    .vc-head-container{
        padding-top: 30px;
        padding-bottom: 0;
    }
    .cp-title-container{
        padding-bottom: 30px;
    }
    .vc-slider{
        padding-top: 0;
        padding-bottom: 0;
    }
    .company-member .cp-head-container{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .dy-section{
        margin-top: 30px;
    }
    .cp-head-left{
        width: 100%;
        align-items: center;
        margin-bottom: 30px;
    }
    .dy-content{
        width: 100%;
        padding-left: 0;
    }
    .dy-block{
        width: 100% !important;
    }

    .vc-pagination{
        display: none;
    }

    .vc-slider .swiper-slide{
        width: 300px;
    }
    .vc-slider .swiper-slide img{
        transform: unset !important;
    }
    .cp-separator{
        margin-top: 40px;
    }
    .company-member .cp-head-container{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .cm-vacancies-block{
        flex-direction: column;
    }
    .cm-vacancies-block-vacancies-left{
        width: 100%;
        padding-right: 0;
        margin-bottom: 20px;
    }
    .cm-vacancies-block-vacancies{
        width: 100%;
    }

    .load-more-cm-vacancy{
        padding-left: 0;
        padding-top: 30px;
    }
    .company-member{
        padding-bottom: 40px;
    }
}

@media(max-width:568px){
    .specs-card{
        width: 100%;
    }
    .cp-blog-slider .swiper-slide{
        width: 280px;
    }
    .cp-blog-slider .swiper-slide a{
        height: 360px;
    }
}

.vc-slider img{
    opacity: 0;
    transition: .3s ease;
}

.vc-slider.swiper-initialized img{
    opacity: 1;
}

.blog-page-desc{
    display: flex;
    flex-direction: column;
    
}

.blog-page-desc *{
    font-family: Inter !important;
}
.blog-page-desc strong{
    font-weight: 600 !important;
    line-height: 1.6;
}

.blog-page-desc h3{
    margin: 20px 0;
    font-family: Inter !important;
    font-weight: 600 !important;
    line-height: 1.6;
}
.blog-page-desc h3 + p,
.blog-page-desc h3 + h4{
    margin-top: 0 !important;
}
.blog-page-desc h4{
    margin: 20px 0;
    font-weight: 600 !important;
    font-family: Inter !important;
}
.resume__block h4{
    margin-bottom: 12px;
}
.blog-page-desc h4 + p{
    margin-top: 0 !important;
}
.blog-page-desc h4 + ul,
.blog-page-desc h4 + ul li:first-child{
    margin-top: 0;
    margin-bottom: 0;
}
.cm-vacancies-block-vacancies-left .vacancies__company{
    align-items: flex-start;row-gap: 16px;
    padding: 24px;
}

@media(min-width:991px){
    .companies-main-slider .swiper-slide{
        width: calc((100% - 160px) / 6);
    }
    
    .companies-main-slider .swiper-wrapper{
        column-gap: 32px;
    }
    
    .companies-main-slider .new-categories-slider .new-cat-card{
        width: 100%;
        max-width: 100%;
        height: 98px;
    }
    
    .companies-main-slider .new-categories-slider:after{
        display: none;
    }
    
    .companies-main-slider .store-card-link .store-card-title{
        bottom: 10px !important;
        top: unset !important;
        font-size: 14px !important;
        color: #A3A6AC !important;
        font-weight: 400 !important;
    }
    
    .companies-main-slider .store-card-link .store-img-mobile{
        max-height: 66%;
    }

    .companies-main-slider  .new-categories-section .section_title{
        margin-top: 30px;
    }

    .companies-main-slider .new-categories-container .section-title{
        margin-bottom: 40px !important;
        margin-top: 40px !important;
    }
}

.companies-main-slider .store-card-link-all {
    font-family: "Inter" !important; 
}

.vacancy-packages-description {
    width: 100%;
    font-size: 12px;
    color: #687588;
    margin-top: 24px;
}

.packages__blocks .packages-cards{
    display: flex;
    margin-top: 24px;
}


.packages__blocks .packages-cards{
    display: flex;
    margin-top: 24px;
}

.packages__blocks .packages-cards .packages-card_package {
    padding: 24px 20px;
    border: 1px solid #F1F2F4;
    border-radius: 16px;
    margin-bottom: 16px;
    /*width: 270px;*/
    flex: 1 1 0;
}
.packages__blocks .packages-cards .packages-card_package:not(:last-child) {
    margin-right: 14px;
}
@media (max-width:1200px) {
    .packages__blocks .packages-cards{
        flex-wrap: wrap;
    }

    .packages__blocks .packages-cards .packages-card_package {
        flex: auto;
    }
}

.packages__blocks .packages-cards .packages-card_package h2{
    font-size: 18px;
    font-weight: 500;
    line-height: 27px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

.packages__blocks .packages-cards .packages-card_package .most-sell{
    background: #1F9DFF;
    padding: 4px 10px;
    border-radius: 6px;
    font-weight: 700;
    font-size: 10px;
    margin-left: 10px;
    color: white;
    line-height: 16px;
}

.packages__blocks .packages-cards .packages-card_package .most-sell.popular{
    background: #FE964A;
}

.packages__blocks .packages-cards .packages-card_package p.description{
    font-size: 12px;
    font-weight: 500;
    line-height: 19px;
    color: #687588;
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid #F1F2F4;
}

.packages__blocks .packages-cards .packages-card_package .price{
    display: block;
    font-size: 24px;
    font-weight: 700;
    color: #1F9DFF;
    line-height: 31px;
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid #F1F2F4;
}

.packages__blocks .packages-cards .packages-card_package .checks{
    display: flex;
    flex-direction: column;
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid #F1F2F4;
}

.packages__blocks .packages-cards .packages-card_package .checks li{
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    display: flex;
    align-items: center;
}

.packages__blocks .packages-cards .packages-card_package .checks li span{
    font-weight: 500;
    font-size: 10px;
    color: #687588;
    margin-left: 10px;
}

.packages__blocks .packages-cards .packages-card_package .checks li:before{
    background-image: url("/content/assets/css/images/check_b.svg");
    width: 18px;
    height: 18px;
    margin-right: 8px;
    content: ' ';
}

.packages__blocks .packages-cards .packages-card_package .checks li.star:before{
    background-image: url("/content/assets/css/images/star.svg");
}

.packages__blocks .packages-cards .packages-card_package .checks li:not(:last-child){
    margin-bottom: 10px;
}

.packages__blocks .packages-cards .packages-card_package p.note{
    font-size: 12px;
    font-weight: 500;
    color: #687588;
    margin-bottom: 16px;
}

.packages__blocks .packages-cards .packages-card_package .buy{
    padding: 13px 0;
    text-align: center;
    color: #2196F3;
    font-size: 14px;
    line-height: 22px;
    border-radius: 10px;
    width: 100%;
    border: 1px solid #2196F3;
    font-weight: 700;
    transition: .2s;
}

.packages__blocks .packages-cards .packages-card_package .buy:hover{
    color: white;
    background: #2196F3;
}