#usefulblock {
    position: relative;
    padding-inline: 62px;
    
}

.usefulwrap {}

#usefulblock .blockLeftArows {
    position: absolute;
    top: clamp(260px, 51.2031px + 17.3853vw, 385px);
    left: 0px;
    width: auto;
    height: auto;
}

#usefulblock .blockRightArows {
    position: absolute;
    top: clamp(260px, 51.2031px + 17.3853vw, 385px);
    right: 0px;
    width: auto;
    height: auto;
}

.catalog .item {
    display: flex;
    align-items: center;
    background-color: #ffffff;
    box-shadow: 0px 0px 20px -10px rgb(0 0 0 / 30%);
    flex-wrap: nowrap;
    margin: 0px;
    border-radius: 1.6vw;
    overflow: hidden;
    height: auto;
    font-size: clamp(1rem, 0.1648rem + 1.1127vw, 1.5rem);
    flex-direction: column;
    border-radius: 21px;
}

#usefulblock .owl-drag .owl-item {
    padding: 20px;
}

.catalog .item a {
    display: flex;
    text-decoration: none;
    width: 100%;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    position: relative !important;
}

.catalog .item-img {
    overflow: hidden;
    display: flex;
    /* height: 308px; */
    flex-direction: row;
    align-items: flex-start;
}

.catalog .item-img img {
    margin: 0px;
     width: 85vw;
}


.owl-carousel .owl-item .item-img > img {
    height: 100%;
}


.catalog .item-caption {
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    width: inherit;
    padding-block: 20px;
    flex-direction: column;
    padding-block-end: 25px;
    padding-block-start: 0;
    padding-inline: clamp(1.875rem, -44.6875rem + 50vw, 2.5rem);
    align-items: center;
}

.catalog .item-caption .date, .catalog .item-caption .avtor {
    font-family: 'Nunito Sans';
    margin: 0;
    /* font-size: clamp(0.84rem, 0.5727rem + 0.3561vw, 1rem); */
    /* font-size: 0.8rem; */
    font-size: clamp(0.8rem, 0.6330rem + 0.2225vw, 0.9rem);
    font-stretch: 95%;
    font-weight: 730;
    letter-spacing: .005em;
    font-optical-sizing: auto;
    color: var(--ok-col-base-blue);
    opacity: 60%;
    line-height: 1.2em;
    hyphens: auto;
    hyphenate-limit-chars: 14 7 7;
}

.catalog .item-caption .title {
    font-family: 'Literata';
    color: var(--ok-col-base-blue);
    margin: 0;
    font-size: clamp(0.999999rem, 0.2750rem + 0.8000vw, 1.175rem);
    font-optical-sizing: none;
    font-weight: 670;
    letter-spacing: -.02em;
    word-spacing: 0.03em;
    line-height: 1.24em;
    margin-block: 0.4em 0.8em;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    hyphens: auto;
    hyphenate-limit-chars: 14 7 7;
    
}

.catalog .item-caption .title, .catalog .item-caption .date, .catalog .item-caption .avtor {
    text-align: center;
}

.catalog .aforward {
    position: relative;
    width: 50%;
    top: -30px;
    background: #fff;
    border-radius: 44px 44px 0px 0px;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    padding: 18px;
    margin-block-end: -29px;
}


.catalog .aforward img {
    height: 22px;
    animation-name: red-next;
    animation-play-state: running;
    animation-direction: normal;
    animation-duration: 3.3s;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(0.59, 0.33, 0.41, 0.74);
    margin: 0;
}

@keyframes red-next {
    13% {
        transform: translateX(0px)
    }

    33% {
        transform: translateX(16px)
    }
}

#faq .faq_item:last-child {
    border-block-end: 1px solid rgb(37 47 65 / 10%);
}


@media screen and (max-width: 1500px) {
    #usefulblock .owl-drag .owl-item {
    padding: 14px;
}
}



@media screen and (max-width: 700px) {
    #usefulblock .usefulwrap > div:not(:nth-child(2)) {
        display: none;
    }
    
    #usefulblock {
        padding: 0;
}
}