/* All
   ========================================================================== */
@media (max-width: 1080px) {
    section + section {
        margin-top: 60px;
    }
    
}

@media (max-width: 768px) {
    h1 br, 
    h2 br, 
    h3 br {
        display: none;
    }
    h1 {
        font-size: 44px;
    }
    h2 {
        font-size: 32px;
    }
    h3 {
        font-size: 36px;
    }
    .main-btn {
        width: 100%;
        max-width: 100%;
    }
    .main-btn.has-arrow i {
        position: absolute;
        right: 12px;
    }

    .h-title {
        font-size: 40px;
        text-align: center;
    }

    .h-wrapper {
        margin-bottom: 25px;
    }

    .h-title br {
        display: none;
    }

    .main-btn.white {
        width: max-content;
    }
}
@media (max-width:520px) {
    .tag-text {
        font-size: 13px;
    }

    .h-title {
        font-size: 35px;
    }

}
/* Wpcf7-form
   ========================================================================== */
@media (max-width: 768px) {
    .wpcf7-form {
        max-width: 100%;
    }
}
/* Top nav
   ========================================================================== */

@media (max-width: 768px) {
    .top-nav {
        top: 0;
        padding-top: 20px;
    }
    .menu-open .top-nav {
        position: fixed;
        background: #19112A;
     }
    .top-nav .container {
        padding: 0 20px;
    }

    .top-nav__burger-btn {
        margin-left: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        min-width: 50px;
        height: 50px;
        background: #FFFFFF;
        border-radius: 12px;
        position: relative;
    }

    .top-nav__menu,
    .top-nav__btn {
        display: none;
    }

    .top-nav__burger-btn svg {
        color: #744EFE;
        fill: #744EFE;
        width: 24px;
        height: auto;
    }

    .menu-open .top-nav .burger-btn {
        background-color: #271B3F;
    }
    .menu-open .top-nav .burger-btn:before,
    .menu-open .top-nav .burger-btn:after {
        content: '';
        width: 12px;
        height: 1px;
        background-color: #FFFFFF;
        position: absolute;
    }
    .menu-open .top-nav .burger-btn:before {
        transform: rotate(45deg);
    }
    .menu-open .top-nav .burger-btn:after {
        transform: rotate(-45deg);
    }
    .menu-open .top-nav .burger-btn svg {
        display: none;
    }
}

/* Banner Section
   ========================================================================== */
@media (max-width: 1080px) {
    .banner-sec .container {
        padding: 0 20px;
    }
}
@media (max-width: 768px) {
    .banner-sec__main-block {
        border-radius: 40px;
        min-height: auto;
        padding: 80px 20px;
        border-radius: 40px;
    }

    .banner-sec__title-wrapper {
        margin-bottom: 24px;
    }

    .banner-sec__text {
        font-size: .9em;
        text-align: center;
    }
}

@media (max-width:520px) {
    .banner-sec__main-block {
        padding-left: 12px;
        padding-right: 12px;
    }
    .banner-sec__btn {
        padding-right: 70px;
    }
}

/* FAQ Hero
   ========================================================================== */
@media (max-width:1080px) {
    .faq-hero .container {
    padding: 0 20px;
    }
}

@media (max-width:768px) {
    .faq-hero {
        padding-top: 120px;
    }
    .faq-hero__descr {
        text-align: center;
        font-size: .9em;
    }

    .faq-hero__title-wrapper {
        gap: 16px 0;
    }
}

/* FAQ Section
   ========================================================================== */
@media (max-width:1080px) {
    .faq-sec .container {
        padding: 0 20px;
    }
}

@media (max-width: 768px) {
    .faq-sec__posts-nav {
        flex-wrap: nowrap;
        overflow-x: auto;
        justify-content: flex-start;
    }
    .faq-sec__post-link {
        min-width: max-content;
    }
    .faq-sec__subtitle {
        text-align: center;
        font-size: .9em;
    }
    .faq-sec .field-group.open .answer {
        padding-right: 20px;
        font-size: .9em;
    }
    .faq-sec .container {
        padding: 0 5px;
    }
    .faq-sec__main-block {
        padding: 55px 16px;
    }

    .faq-sec .field-group__question {
        font-size: 16px;
    }

    main:not(.optihire-page) .faq-sec .field-group__question button {
        min-width: 36px;
        height: 36px;
        border-radius: 12px;
    }

    .faq-sec .post-group__field-group {
        padding: 18px 14px;
        border-radius: 24px;
    }

    main:not(.optihire-page) .faq-sec .field-group__question button {
        min-width: 36px;
        height: 36px;
        border-radius: 12px;
    }

    .faq-sec .field-group__question button svg {
        width: 24px;
        height: 24px;
    }

    .optihire-page .faq-sec .field-group__question {
        gap: 45px;
    }

    .optihire-page .faq-sec .field-group {
        padding: 16px 24px;
        border-radius: 24px;
    }

    .optihire-page .faq-sec .field-group__question span {
        font-size: 1em;
    }
    
}
@media (max-width: 520px) {
    .faq-sec .field-group.open .answer {
        font-size: 12px;
    }

    .faq-sec .optihire-faq-title {
        font-size: 42px;
    }
}
/* Loc Section
   ========================================================================== */
@media (max-width:1080px) {
    .loc-sec .container {
        padding: 0 20px;
    }
    .loc-sec__image {
        padding: 0;
    }
}

@media (max-width: 768px) {
    .loc-sec__title {
        padding: 0 12px;
    }
    .loc-sec .container {
        padding: 0;
    }
}
@media (max-width: 520px) {
    .loc-sec__image {
        transform: scale(1.25);
    }
}
/* Stories Hero
   ========================================================================== */
@media (max-width:768px) {
    .stories-hero {
        padding-top: 120px;
    }
    .stories-hero__title-wrapper {
        margin-bottom: 0;
    }
    .stories-hero .statistics-list .item__name {
        font-size: 64px;
    }
    .stories-hero__statistics-wrapper {
        margin-top: 50px;
        padding: 36px 0;
        max-width: 420px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .stories-hero__statistics-list {
        flex-direction: column;
        align-items: center;
        gap: 50px;
    }
    .stories-hero__text {
        line-height: 1.3;
        font-size: .9em;
    }
    .stories-hero__text br {
        display: none;
    }
}
/* Stories Section
   ========================================================================== */
@media (max-width:1080px) {
    .stories-sec .container {
        padding: 0 20px;
    }
}
@media (max-width: 768px) {
    .stories-sec__list {
        display: flex;
        gap: 20px 0;
        flex-direction: column;
    }

    .stories-sec .list__item {
        min-width: auto;
        border-radius: 24px;
    }
    .stories-sec .item__bottom-group {
        padding: 20px;
        gap: 15px 0;
    }

    .stories-sec .list .item__name {
        font-size: 24px;
    }

    .stories-sec .list .item__descr {
        font-size: .9em;
    }
}


/* Hero Section
   ========================================================================== */
body.menu-open {
    overflow: hidden;
}
.mob-menu-wrapper {
    max-width: 100%;
    width: 100%;
    visibility: hidden;
    overflow: hidden;
    height: 0;
    position: fixed;
    right: 0;
    background: #19112A;
    z-index: -1111;
    border-bottom-left-radius: 32px;
    border-bottom-right-radius: 32px;
    
}
@media (max-width: 768px) {
    .mob-menu-wrapper.active {
        height: auto;
        z-index: 1111;
        visibility: visible;
        overflow-y: auto;
    }
    .mob-menu-wrapper .container {
        padding: 0 20px;

    }
    .mob-menu-wrapper__main-block {
        padding-left: 20px;
        padding-right: 20px;
        position: relative;
        min-height: 50vh;
        display: flex;
        gap: 25px 0;
        flex-direction: column;
        justify-content: space-evenly;
    }
    .mob-menu-wrapper .sub-menu {
        padding-top: 45px;
    }
    .mob-menu-wrapper .sub-menu,
    .mob-menu-wrapper__menu {
        flex-direction: column;
        display: flex;
        gap: 45px 0;
        align-items: center;
    }

    .mob-menu-wrapper__menu li {
        display: block;
    }

    .mob-menu-wrapper__menu li a {
        display: block;
        font-weight: 500;
        font-size: 32px;
        line-height: 1.1;
        letter-spacing: -0.03em;
        color: #FFFFFF;
    }

    .mob-menu-wrapper__buttons-wrapper {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 12px 0; 
    }
    .mob-menu-wrapper .buttons-wrapper__btn {
        padding: 0 12px;
        display: flex;
        height: 45px;
        width: 100%;
        align-items: center;
        justify-content: center;
        border-radius: 42px;
        font-size: 1em;
        font-weight: 500;
        line-height: 1.1;
        text-align: center;
    }
    .mob-menu-wrapper .buttons-wrapper__btn.btn1 {
        background: #744EFE;
        color: #FFFFFF;
    }

    .mob-menu-wrapper .buttons-wrapper__btn.btn2 {
        background: #FFFFFF;
        color: #744EFE;
    }
}
@media (max-width: 520px) {
    .mob-menu-wrapper {
        border-radius: 0;
    }
    .mob-menu-wrapper.active {
        height: 100%;
    }
    .mob-menu-wrapper .container {
        height: 100%;
    }
    .mob-menu-wrapper__main-block {
        height: 100%;
        
    }
}
/* Blog Section
   ========================================================================== */
@media (max-width: 1080px) {
    .blog-sec .container {
        padding: 0 20px;
    }
    .blog-sec__sidebar {
        flex: 330px;
        max-width: 330px;
    }

    .blog-sec__posts-list {
        display: flex;
        grid-gap: 0;
        flex-direction: column;
        gap: 16px 0;
    }
}


@media (max-width: 768px) {
    .blog-sec__nav {
        flex-wrap: wrap;
        gap:30px;
    }
    .blog-sec__btn {
        width: max-content;
    }
    .blog-sec__sidebar {
        display: none;
        position: fixed;
        top:0;
        left: -330px;
        max-width: 0;
        width: 0;
        flex: auto;
        z-index: -111111;
        visibility: hidden;
    }

    .blog-sec__columns {
        display: block;
    }

    .blog-sec .sort-group {
        order:2;
    }

    .blog-sec__total-posts {
        order: 3;
    }

    .blog-sec__mob-filter-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        background: #211938;
        border: 1px solid #352A53;
        border-radius: 12px;
        width: 48px;
        height: 48px;
        order:1;
        cursor: pointer;
    }


     .blog-sec__mob-filter-btn svg {
        color: #FFFFFF;
     }
}
/* Blog Hero
   ========================================================================== */
@media (max-width: 1080px) {
    .blog-hero .container {
        padding: 0 20px;
    }
}   
@media (max-width: 768px) {
    .blog-hero {
        padding-top: 120px;
    }
    .blog-hero__text {
        text-align: center;
    }
    .blog-hero__title-wrapper {
        gap: 16px 0;
    }

    .blog-hero__tag {
        margin-bottom: 8px;
    }
}
/* Hero Section
   ========================================================================== */
@media (max-width: 1080px) {


   .hero-sec__title {
    font-size: 56px;
   }

   .hero-sec__text-column {
    top: 100px;
    justify-content: flex-start;
   }

   .hero-sec__descr {
    font-size: 1em;
   }
}


@media (max-width: 768px) {
    .hero-sec__main-block {
        border-radius: 32px;
        overflow: hidden;
    }
    .hero-sec__img {
        aspect-ratio: auto;
    }
    .hero-sec {
        border-radius: 32px;
    }
    .hero-sec__text-column {
        padding-top: 40px;
        padding-right: 20px;
    }

    .hero-sec__text-wrapper {
        padding: 0;
        gap: 12px 0;
        align-items: center;
    }

    .hero-sec__buttons-wrapper {
        width: 100%;
    }

    .hero-sec__text-wrapper > * {
        text-align: center;
    }

    .hero-sec__text-wrapper:before, 
    .hero-sec__text-wrapper:after {
        content: unset;
    }
}

@media (max-width: 520px) {

    .hero-sec__title {
        font-size: 42px;
    }
}
/* About hero
   ========================================================================== */
@media (max-width: 1080px) {
    .ahero-sec .container {
        padding-left: 20px;
        padding-right: 20px;
    }

    
}

@media (max-width: 768px) {
     .ahero-sec {
        border-bottom-left-radius: 32px;
        border-bottom-right-radius: 32px;
     }
    .ahero-sec__img {
        display: none;
    }
    .ahero-sec__tag {
        max-width: 100%;
    }
    .ahero-sec__main-block {
        min-height: auto;
        padding-top: 150px;
        padding-bottom: 65px;
    }

    .ahero-sec__title {
        text-align: left;
    }

    .ahero-sec__title * {
        font-size: inherit;
        line-height: inherit;
    }

    .ahero-sec__title br {
        display: none;
    }
    .ahero-sec__descr {
        font-size: .9em;
    }

    .ahero-sec__btn.btn1 {
        padding-right: 70px;
    }
}


@media (max-width: 520px) {
    .ahero-sec__title {
        font-size: 36px;
    }

    .ahero-sec__tag {
        font-size: 12px;
        width: 100%;
        padding: 0 24px;
    }
}

@media(max-width:430px) {
    .ahero-sec__title {
        font-size: 28px;
    }
}
/* Why Section
   ========================================================================== */
@media (max-width: 1080px) { 
    .why-sec .container {
        padding-left: 0;
        padding-right: 20px;
    }
}
@media (max-width: 768px) {
    .кwhy-sec {
        margin-top: 100px;
    }
    .why-sec__list-wrapper {
        padding-left: 50px;
    }
    .why-sec__list-wrapper:before {
        height: 100%;
        width: 1px;
        top: 0;
        left: 25px;
    }
    .why-sec .list__item {
        gap: 16px 0;
    }
    .why-sec .list .item__descr {
        width: auto;
    }
    .why-sec .list .item__descr br {
        display: none;
    }
    .why-sec__list {
        flex-direction: column;
        gap: 50px 0;
    }
    .why-sec .list .item__icon {
        position: relative;
    }

    .why-sec .list .item__icon:after {
        content: '';
        left: -34px;
        top: 50%;
        transform: translateY(-50%);
        position: absolute;
        width: 16px;
        height: 16px;
        background: #33B17E;
        border-radius: 6px;
        transform: rotate(45deg);
    }

    .why-sec .list__item:after {
        content: unset;
    }
}
/* Steps Section
   ========================================================================== */
@media (max-width: 1080px) { 
    .steps-sec .container {
        padding: 0 20px;
    }

    .steps-sec__include-list li {
        padding: 0 12px;
    }

    .steps-sec__include-list li span {
        font-size: 1em;
    }
}
@media (max-width: 768px) { 
    .steps-sec {
        display: none;
    }
    .steps-sec__include-list {
        display: flex;
        flex-direction: column;
        gap: 12px 0;
    }

    .steps-sec__delivered-wrapper {
        display: none;
    }

    .steps-sec__main-block, 
    .steps-sec__top-wrapper {
        gap: 24px 0;
    }
}
/* Benefits Section
   ========================================================================== */
@media (max-width: 1080px) { 
    .benefits-sec .container {
        padding: 0 20px;
    }
}
@media (max-width: 768px) { 
    .benefits-sec__title-wrapper {
        margin-bottom: 50px;
    }
    .benefits-sec__list {
        display: flex;
        flex-direction: column;
        gap: 24px 0;
    }
    .benefits-sec .list .item__list li {
        font-size: .9em;
    }

    .benefits-sec .list__item {
        padding: 15px;
    }

    .benefits-sec .list .item__exposure-group {
        padding: 15px;
    }

    .benefits-sec .list .item__list-name, .benefits-sec .list .item__exposure-name {
        font-size: 18px;
    }

    .benefits-sec .list .item__btn {
        padding-right: 70px;
    }
}

/* Partners Section
   ========================================================================== */
@media (max-width: 768px) { 
    .partners-sec .slider__item  {
       padding: 10px;
    }

    .partners-sec__title {
        padding: 0 20px;
        font-size: 1em;
    }
}
/* Lines Section
   ========================================================================== */
@media (max-width: 768px) { 
    .lines-sec .line-list__item svg {
        width: 50px;
        height: 50px;
    }
}
/* How Section
   ========================================================================== */
@media (max-width: 768px) {
    .how-sec .container {
        padding: 0 20px;
    }
    .how-sec__main-block {
        position: relative;
    }

    .how-sec__main-block:before,
    .how-sec__main-block:after {
        content: '';
        position: absolute;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .how-sec__main-block:before {
        width: 80px;
        height: 124px;
        left: 0;
        top: 35%;
        background-image: url("data:image/svg+xml,%3Csvg width='80' height='123' viewBox='0 0 80 123' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39.8087 1.05659C17.493 0.27298 -1.31509 7.44671 1.2313 33.4286C3.19288 53.4434 26.7559 70.4796 46.3005 60.2461C50.9833 57.7942 51.7215 50.488 50.2195 45.9483C47.8435 38.7668 41.7901 36.0145 34.3977 36.5591C20.9686 37.5484 5.53698 49.1404 6.94117 63.6999C9.13862 86.4845 29.207 101.41 50.0289 107.63C54.1764 108.869 86.3495 112.889 69.9252 105.079C66.9444 103.662 57.8571 99.7667 60.7428 101.367C65.5273 104.019 68.3263 105.313 73.842 106.359C74.9371 106.567 80.8102 106.861 78.3657 108.889C73.3605 113.042 68.7035 117.559 63.5939 121.605' stroke='%23402C6B' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    }

    .how-sec__main-block:after {
        right: 0;
        bottom: 20%;
        width: 114px;
        height: 104px;
        background-image: url("data:image/svg+xml,%3Csvg width='114' height='104' viewBox='0 0 114 104' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M81.851 1.00028C84.9921 9.38496 94.2292 33.2019 82.722 40.5968C77.9339 43.6739 69.6182 45.1859 64.0979 42.9415C52.243 38.1216 52.9375 18.36 68.1893 25.6319C76.7427 29.7101 78.5501 41.5494 79.7145 49.9506C81.4309 62.3345 76.2227 71.7101 69.163 81.3383C65.5777 86.2279 39.3736 91.8537 39.2624 90.0002' stroke='%23402C6B' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M30.8857 93.0984C31.8624 91.4556 39.746 79.1187 38.5869 80.498C37.0698 82.3034 35.6913 84.3226 33.9596 85.9281C31.9108 87.8275 30.3724 90.2139 28.1295 91.8731C26.1613 93.3291 38.5779 96.7526 40.8335 96.838' stroke='%23402C6B' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    }

    .how-sec__list {
        position: relative;
        z-index: 1;
        flex-direction: column;
        gap: 50px 0;
    }
    .how-sec .list__item {
        min-width: auto;
        flex: auto;
        align-items: center;
        background: transparent;
        padding: 0 24px;
        border: unset;
    }
    .how-sec .list .item__text-wrapper {
        align-items: center;
        gap: 8px 0;
    }
    .how-sec .list .item__descr {
        text-align: center;
    }
    .how-sec .container {
        padding: 0 24px;
    }

    .how-sec .list .item__descr ul {
        align-items: center;
        padding-left: 0;
    }

    .how-sec .list .item__descr ul li {
        width: fit-content;
        font-size: .9em;
    }
}

@media (max-width: 520px) {
    .how-sec .list__item {
        padding: 0;
    }

    .how-sec__btn {
        padding-right: 70px;
    }
}
/* Tariffs Section
   ========================================================================== */
@media (max-width: 1080px) {
    .tariffs-sec {
        padding-top: 60px;
    }

    .tariffs-sec .container {
        padding: 0;
    }

    .tariffs-sec__list {
        grid-template-columns: repeat(2,80vw);
        grid-gap: 24px;
        overflow-y: auto;
    }

    .tariffs-sec__main-block {
        padding-top: 0;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 50px;
    }
}
@media (max-width: 768px) {
    .tariffs-sec .container {
        padding: 0;
    }

    .tariffs-sec .item__price {
        font-size: 48px;
        line-height: 1.1;
    }

    .tariffs-sec__main-block {
        padding-right: 12px;
        padding-left: 12px;
    }
    
    .tariffs-sec__list {
        grid-gap: 0;
        grid-template-columns: repeat(340px,2);
    }
    .tariffs-sec .list__item {
        padding: 40px 16px;
        padding-bottom: 24px;
    }

    .tariffs-sec .list__item + .item {
        margin-left: 10px;
    }

    .tariffs-sec .item__name {
        font-size: 36px;
    }

    .tariffs-sec .item__sub-title {
        font-size: 18px;
    }

    .tariffs-sec .item__choose-list li, .tariffs-sec .item__included-list li {
        font-size: .9em;
    }

    .tariffs-sec .item__choose-group {
        padding: 22px 12px;
        border-radius: 24px;
    }

    .tariffs-sec .item__text {
        font-size: .9em;
    }
    .tariffs-sec .item__choose-list, 
    .tariffs-sec .item__included-list {
        gap: 12px 0;
    }
}

@media (max-width: 520px) {
    .tariffs-sec .item__name {
        font-size: 28px;
    }
}

/* Career
   ========================================================================== */
@media (max-width: 768px) {
    .career-sec {
        padding-top: 60px;
    }
    .career-sec .container {
        padding: 0 20px;
    }
    .career-sec__fields {
        max-width: 340px;
    }
    .career-sec__fields li {
        height: 37px;
        min-width: 150px;
        font-size: 12.5px;
    }

    .career-sec__fields li:nth-child(2) {
        max-width: 230px;
        transform: rotate(30deg) translateX(45px);
        margin-bottom: 33px;
    }
    .career-sec__fields li:nth-child(1) {
        transform: rotate(29deg) translate(38px, 63px);
    }

    .career-sec__fields li:nth-child(1), 
    .career-sec__fields li:nth-child(3) {
        max-width: 180px;
    }

    .career-sec__main-block {
        gap: 25px 0;
    }

    .career-sec__descr br {
        display: none;
    }
}
/* Testimonials
   ========================================================================== */
@media (max-width: 768px) {
    .testimonials-sec .container {
        padding: 0 12px;
    }
    .testimonials-sec .slider .item__descr {
        font-size: 1em;
    }

    .testimonials-sec .slider .item__avatar {
        width: 60px;
        height: 60px;
    }

    

    .testimonials-sec .slider__item[data-post-type*="default"] {
        padding: 22px;
    }
    
}
/* Story
   ========================================================================== */
@media (max-width: 1080px) {
    .story-sec__serpentine-arrow {
        display: none;
    }
}

@media (max-width: 768px) {
    .story-sec .container {
        padding: 0 20px;
    }
    .story-sec__main-block {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 35px 0;
    }

    .story-sec__titles-wrapper {
        align-items: center;
    }

    .story-sec__img {
        height: auto;
        width: 100%;
        max-width: 100%;
        transform: translateX(20px);
    }
}

/* Optihire Who section
   ========================================================================== */
@media (max-width: 1200px) {
    .owho-sec__main-block {
        padding-left: 0;
    }
}

@media (max-width: 768px) {
    .ohow-sec__main-block {
        padding: 60px 12px;
        border-radius: 24px;
    }

    .ohow-sec__list {
        flex-direction: column;
        gap: 24px 0;
        align-items: center;
        width: 100%;
        max-width: 240px;
        margin-left: auto;
        margin-right: auto;
    }

    .ohow-sec .list__item {
        flex: auto;
        min-width: auto;
        width: 100%;
        max-width: 100%;
        gap: 28px 0;
    }

    .ohow-sec .list .item__name {
        font-size: 13px;
    }

    .ohow-sec .list .item__descr {
        max-width: 170px;
        font-size: 8.2px;
    }

    .ohow-sec .list__item:after {
        width: calc(100% - 20px);
    }

    .ohow-sec .list .item__num {
        font-size: 52px;
    }
}

/* Optihire Why section
   ========================================================================== */
@media (max-width: 768px) {
    
    .owhy-sec__list {
        display: flex;
        gap: 16px 0;
        flex-direction: column;
    }

    .owhy-sec .list__item {
        min-width: auto;
        max-width: 100%;
        flex: auto;
    }

    .owhy-sec .list__item:nth-child(n+4) {
       display: none;
    }
    .owhy-sec .container {
        padding: 0 20px;
    }

    .owhy-sec__title {
        margin-bottom: 35px;
    }

    .owhy-sec .list__item {
        align-items: center;
        gap: 24px 0;
    }

    .owhy-sec .list .item__descr {
        font-size: .9em;
        text-align: center;
    }

    .owhy-sec .list .item__name {
        text-align: center;
    }
}
/* Posts section
   ========================================================================== */
@media (max-width:1080px) {
    .posts-sec .container {
        padding: 0 20px;
    }


    
}
@media (max-width:768px) {
    .posts-sec {
        padding-bottom: 70px;
    }
    .posts-sec__title {
        margin-bottom: 35px;
    }

    .posts-sec__posts-list {
        flex-direction: column;
        display: flex;
        gap: 18px 0;
    }
}
/* Post Content Section
   ========================================================================== */
@media (max-width:1080px) {
    .scontent-sec__content .custom-section.steps.hasimage {
        display: flex;
        flex-direction: column;
        gap: 24px 0;
    }

    .scontent-sec .steps-list-wrapper {
        max-width: 100%;
        width: 100%;
    }
    .scontent-sec__content .custom-section.steps.hasimage {
        align-items: flex-start;
    }
    .scontent-sec__content .custom-section.steps.hasimage img {
        order: 1!important;
        width: 100%;
        margin-left: 0;
    }
}
@media (max-width: 768px) {
    .scontent-sec__main-block {
        padding-top: 120px;
    }

    .scontent-sec__top-wrapper {
        gap: 15px 0;
    }

    .scontent-sec__mob-back-btn {
        display: flex;
        align-items: center;
        gap: 0 12px;
        cursor: pointer;
    }
    .scontent-sec__mob-back-btn span {
        display: block;
        font-size: 1em;
        color: #FFFFFF;
        line-height: 1.1;
    }
    .scontent-sec__mob-back-btn i {
        min-width: 48px;
        height: 48px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #211938;
        border: 1px solid #352A53;
        border-radius: 12px;
        color: #FFFFFF;
    }
    .scontent-sec__content .custom-section + .custom-section {
        margin-top: 40px;
    }
    .scontent-sec__content h1 {
        font-size: 24px;
    }
    .scontent-sec__content p {
        font-size: .9em;
    }
    .scontent-sec__content p + *,
    .scontent-sec__content h1 + *, 
    .scontent-sec__content h2 + * {
        margin-top: 16px;
    }
    .scontent-sec__content blockquote,
    .scontent-sec__content blockquote * {
        font-size: 18px;
        text-align: left!important;
    }
    .scontent-sec .steps-item__top-group {
        gap: 0 12px;
    }
    .scontent-sec .steps-item__top-group h3 {
        font-size: 1em;
    }

    .scontent-sec .steps-item {
        gap: 12px 0;
    }

    .scontent-sec .steps-item__top-group span {
        min-width: 32px;
        height: 32px;
        font-size: 1.1em;
    }
    .scontent-sec__content .custom-section.steps.hasimage img {
        display: none;
    }

    .scontent-sec__content .custom-section.steps + .steps {
        margin-top: 24px;
    }

    .scontent-sec__content .custom-section.default h2, 
    .scontent-sec__content .custom-section.steps h2 {
        font-size: 18px;
        padding-left: 12px;
    }

    .scontent-sec__content .custom-section.default h2:after, 
    .scontent-sec__content .custom-section.steps h2:after {
        max-height: 80%;
        min-height: 20px;
    }
}
/* Optihire Who section
   ========================================================================== */
@media (max-width: 1200px) {
    .owho-sec__columns {
        grid-gap: 55px;
    }
}

@media (max-width: 1080px) {
    .owho-sec__columns {
        grid-template-columns: 100%;
    }

     .owho-sec__thumb-column {
        order: 1;
        margin-left: auto;
        margin-right: auto;
        max-width: 768px;
    }

    .owho-sec__left-column {
        order: 2;
        gap: 32px 0;
    }

    .owho-sec .tag-list li {
        font-size: 10px;
    }

}
@media (max-width: 768px) {
    .owho-sec__thumb-column {
        padding: 24px 35px;
        border-radius: 24px;
    }
    .owho-sec__btn {
        padding-right: 70px;
        max-width: 300px;
    }
    
}
/* Optihire Hero section
   ========================================================================== */
@media (max-width: 1200px) {
    .ohero-sec__main-block {
        padding-left: 0;
        grid-gap: 30px 45px;
    }
}
@media (max-width: 1080px) {
    .ohero-sec .container {
        padding: 0 20px;
    }
    .ohero-sec__main-block {
        grid-template-columns: 100%;
        grid-gap: 35px 0;
    }

    .ohero-sec .h-wrapper {
        margin-bottom: 0;
    }

    .ohero-sec__thumb-column {
        order: 1;
        margin-left: auto;
        margin-right: auto;
        max-width: 768px;
    }

    .ohero-sec__text-column {
        order: 2;
    }


}
@media (max-width: 768px) {
    .ohero-sec__bottom-group {
        grid-gap: 20px 0;
        grid-template-columns: 100%;
    }
    .ohero-sec__garantee-group {
        align-items: center;
        justify-content: center;
    }

    .ohero-sec__g-text {
        max-width: 120px;
    }

    .ohero-sec__btn {
        padding-right: 70px;
    }
    .ohero-sec__text-column {
        gap: 32px 0;
    }
}
/* Footer
   ========================================================================== */
@media (max-width: 1080px) {
    .footer__title-group {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 12px 0;
    }
    .footer__main-block {
        padding: 24px;
        max-height: 100%;
    }
    .footer__columns {
        display: flex;
        flex-direction: column;
    }

    .footer__img {
        object-position: top;
        height: auto;
        max-height: 640px;
    }
    .footer__form-wrapper {
        margin-top: 50px;
        position: relative;
        z-index: 11;
    }
    .footer__slider-wrapper {
        overflow: hidden;
        max-height: 520px;
        position: absolute;
        bottom:20px;
        right: 20px;
        margin: 0;
    }
}

@media (max-width: 768px) {
    .footer {
        padding-top: 60px;
    }
    .footer__title {
        text-align: left;
    }
    .footer__columns {
        padding: 22px;
    }
    .footer__form-wrapper {
        margin-top: 35px;
        order: 2;
    }

    .footer__slider-wrapper {
        position: unset;
        order: 1;
    }
    .footer .vertical-slider__slide {
        height: auto;
    }

    .footer .vertical-slider .slide__img {
        height: auto;
        max-width: 100%;
        width: 100%;
    }
}


@media (max-width: 520px) {
    .footer__img {
        max-height: 350px;
    }

    .footer__main-block {
        padding: 15px;
    }
    .footer__columns {
        padding: 0;
    }
}