.header-text{
        font-size: 16px;
        line-height: 26px;
        color: #000000;
    }

    .custom-primary-btn{
        font-weight: 500;
        font-size: 16px;
        line-height: 18px;
        color: #FFFFFF;
        background: #0055FF;
        border-radius: 6px;
        padding: 14px 24px;
        border: transparent;
        transition: background .4s;
    }
    .custom-primary-btn:hover{
        background: #3f51b5;
        color:white;
    }
    .header-text__btn{
        margin-top: 26px;
    }
    .career-adv{
        margin-top: 50px;
        display: flex;
        flex-wrap: wrap;
        gap: 24px;
        justify-content: center;
    }
    @media (min-width: 768px) {
        .career-adv{
            margin-top: 100px;
        }
    }
    .career-adv-item{
        width: 288px;
    }
    .career-adv-item__descr{
        margin-top: 16px;
    }
    .career-adv-item__descr p{
        font-size: 14px;
        line-height: 18px;
    }
    .career-adv-item__img{
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 140px;
        height: 140px;
        border-radius: 9999px;
        background: #E6F1FF;
    }
    .career-adv-item__img img{
        width: 60px;
        height: 60px;
    }

    .jobs-bg{
        height: 410px;
        position: relative;
    }
    .jobs-bg__img{
        height: 500px;
        position: absolute;
        inset: 0;
        z-index: -1;
    }
    .jobs-bg__img img{
        height: 500px;
        width: 100%;
        object-fit: cover;
    }

    @media (min-width: 1200px) {

        .jobs-bg{
            height: 610px;
        }
        .jobs-bg__img{
            height: 700px;
        }
        .jobs-bg__img img{
            height: 700px;
        }

    }

 .vacancies{
            margin-top: 50px;
        }
        @media (min-width: 768px) {
            .vacancies{
                margin-top: 100px;
            }
        }
        .vacancies__title{
            font-weight: 700;
            font-size: 32px;
            line-height: 21px;
        }
        @media (min-width: 768px) {
            .vacancies__title{
                font-size: 40px;
                line-height: 32px;
            }
        }
        .vacancies__filter{
            margin-top: 20px;
            max-width: 768px;
            margin-left: auto;
            margin-right: auto;
        }
        .filter-vac{
            display: flex;
            justify-content: center;
            align-items: center;
            gap:10px;
            flex-wrap: wrap;
        }
        @media (min-width: 768px) {
            .vacancies__filter{
                margin-top: 40px;
            }
            .filter-vac{
                gap: 24px;
            }
        }
        .filter-vac__item{
            font-weight: 500;
            font-size: 14px;
            line-height: 16px;
            color: #006AFF;
            padding: 10px 20px;
            background: rgba(0, 106, 255, 0.1);
            border-radius: 6px;
            border: 1px solid transparent;
        }
        @media (min-width: 768px) {
            .filter-vac__item{
                font-size: 16px;
                line-height: 18px;
                padding: 12px 24px;
            }
        }
        .filter-vac__item:hover{
            border-color:  #0055FF;
        }
        .filter-vac__item--active{
            border-color:  #0055FF;
        }
        .vacancies__wrapper{
            display: grid;
            grid-template-columns: repeat(1, minmax(0, 1fr));
            column-gap: 15px;
            row-gap: 15px;
            margin-top: 20px;
        }

        @media (min-width: 768px) {
            .vacancies__wrapper{
                column-gap: 24px;
                row-gap: 36px;
                margin-top: 40px;
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }
        }
        @media (min-width: 1200px) {
            .vacancies__wrapper{
                grid-template-columns: repeat(3, minmax(0, 1fr));
            }
        }

        .vacancy-job{
            border: 1px solid #E6E6E6;
            border-radius: 6px;
            overflow: hidden;
            display: flex;
            flex-direction: column;
        }
        .vacancy-job__header{
            height: 230px;
        }
        .vacancy-job__img{
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .vacancy-job__body{
            padding: 20px 15px;
            display: flex;
            flex-direction: column;
            flex-grow: 1;
        }

        .vacancy-job__title{
            font-weight: 700;
            font-size: 20px;
            line-height: 24px;
            margin-bottom: 10px;
        }
        @media (min-width: 768px) {
            .vacancy-job__title{
                font-size: 24px;
                line-height: 32px;
            }
            .vacancy-job__body{
                padding: 30px 24px;
            }
        }

        .vacancy-job__btn{
            font-weight: 500;
            font-size: 14px;
            line-height: 18px;
            color: #006AFF;
            padding: 8px 20px;
            background: transparent;
            border: 1px solid #006AFF;
            border-radius: 6px;
            display: inline-block;
            transition: background .3s, color .3s;
        }
        @media (min-width: 768px) {
            .vacancy-job__btn{
                font-size: 16px;
                padding: 12px 24px;
            }
        }
        .vacancy-job__btn:hover{
            background:#006AFF;
            color:white;
        }
        .vacancies__next-btn{
            font-weight: 500;
            font-size: 16px;
            line-height: 18px;
            color: #FFFFFF;
            border:transparent;
            padding: 14px 24px;
            background: #0055FF;
            border-radius: 6px;
            transition: background .4s;
        }
        .vacancies__next-btn:hover{
            background: #3f51b5;
        }
        .vacancy-job__descr{
            font-size: 16px;
            line-height: 1.5;
            color: #4D4D4D;
            margin: 0;
            flex-grow: 1;
        }
        @media (min-width: 768px) {
            .vacancy-job__descr{
                line-height: 26px;
            }
        }
        .vacancy-job__tags{
            margin-top: 16px;
        }
        .vacancy-job__tag{
            border: transparent;
            background: transparent;
            color: #2F80ED;
            font-weight: 500;
            font-size: 16px;
            line-height: 26px;
        }
        .vacancy-job__footer{
            margin-top: 17px;
        }
        .vacancies__next{
            margin-top: 40px;
        }
        .vacancy-job__title a{
            color: #000000;
        }


        .stories{
            margin-top: 50px;
        }
        @media (min-width: 768px) {
            .stories{
                margin-top: 100px;
            }
        }
        .stories__title{
            font-weight: 700;
            font-size: 32px;
            line-height: 21px;
        }

        .stories__details{
            margin-top: 20px;
            display: grid;
            grid-template-columns: repeat(1, minmax(0, 1fr));
            gap: 24px;
        }

        @media (min-width: 768px) {
            .stories__details{
                margin-top: 40px;
            }
            .stories__title{
                font-size: 40px;
                line-height: 32px;
            }
        }

        .stories__image{
            border-radius: 6px;
            overflow: hidden;
        }
        .stories__body{
            border: 1px solid #E6E6E6;
            border-radius: 6px;
            padding: 20px;
        }
        @media (min-width: 992px) {
            .stories__body{
                grid-column: span 7 / span 7;
                padding: 30px 40px;
            }
            .stories__image{
                grid-column: span 5 / span 5;
            }
            .stories__details{
                grid-template-columns: repeat(12, minmax(0, 1fr));
            }
        }
        .stories__img{
            height: 100%;
            width: 100%;
            object-fit: cover;
        }
        .stories__body h2{
            font-weight: 700;
            font-size: 22px;
            line-height: 32px;
        }
        .stories__body p{
            font-size: 14px;
            line-height: 22px;
            margin-bottom: 0;
        }
        .stories__body p + p{
            margin-top: 10px;
        }
        @media (min-width: 768px) {
            .stories__body h2{
                font-size: 24px;
                line-height: 36px;
            }
            .stories__body p{
                font-size: 16px;
                line-height: 24px;
            }
        }
        .stories__lists{
            margin-top: 25px;
        }

        .story-item__title{
            font-weight: 500;
            font-size: 16px;
            line-height: 22px;
            margin-top: 10px;
        }
        @media (min-width: 768px) {
            .story-item__title{
                font-size: 18px;
                line-height: 24px;
            }
            .stories__lists{
                margin-top: 50px;
            }
        }

        .story-item__img{
            border-radius: 6px;
            width: 100%;
            height: 220px;
            object-fit: cover;
        }
        .swiperStoryies .swiper-pagination{
            position: static;
        }
        .js-show-story{
            cursor: pointer;
        }