.blogCategoryFilter {
    max-height: 58px;
}

.blogCategoryFilter .select-custom-wrp {
    max-height: 58px;
}

.catFilter {
    max-height: 58px !important;
    align-items: center !important;
    padding-left: 16px;
}

@media (min-width: 375px) {
    .customWrp {
        width: 100% !important;
    }
}

@media (min-width: 768px) {
    .customWrp {
        width: 30% !important;
    }
}

@media (min-width: 1280px) {
    .customWrp {
        width: 25% !important;
    }
}

@media (min-width: 1440px) {
    .customWrp {
        width: 35% !important;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .blogCategoryFilter {
        width: calc(62% - ((100% - 80px) / 3 + 16px)) !important;
    }

    .blogCategoryFilter .select-custom-wrp-title {
        padding-top: 0;
        padding-bottom: 0;
        align-items: center !important;
    }
}

@media (min-width: 375px) and (max-width: 767px) {
    .spotlightItem .stories-block-item-image-bog {
        height: 100%;
    }

    .blogCategoryFilter .select-custom-wrp-title {
        padding-left: 12px;
        padding-top: 0;
        padding-bottom: 0;
        align-items: center !important;
    }
}

@media (min-width: 375px) {

    .blogCallToAction {
        display: flex;
        flex-direction: column;
        max-height: 564px;
        align-items: flex-start;
        padding: 0;
    }

    .blogCallToAction a {
        margin-top: 24px;
    }

    .blogCallToActionTextContainer {
        padding: 48px 32px 0 32px;
        max-width: 263px;
        max-height: 364px;
        margin-bottom: 16px;
    }

    .blogCallToActionImageContainer {
        position: static;
        height: 200px;
        width: 100%;
    }

    .blogCallToActionImageContainer img {
        width: 536px;
        height: 261px;
        object-fit: cover;
        margin: 0;
    }
}

@media (min-width: 768px) {
    .blogCallToAction {
        display: flex;
        flex-direction: column;
        max-width: 720px;
        max-height: 460px;
        align-items: center;
        padding: 0;
    }

    .blogCallToAction a {
        margin-top: 33px;
    }

    .blogCallToActionTextContainer {
        padding: 48px 32px 0 32px;
        max-width: 656px;
        max-height: 220px;
        margin-bottom: 16px;
    }

    .blogCallToActionImageContainer {
        position: static;
        max-width: 720px;
        height: 240px;
        width: 100%;
    }

    .blogCallToActionImageContainer img {
        width: 807px;
        height: 403px;
        object-fit: cover;
    }
}

@media (min-width: 1000px) {
    .blogCallToAction {
        display: flex;
        flex-direction: row;
        max-width: 920px;
        max-height: 320px;
        height: 320px;
        align-items: flex-start;
        padding: 0;
        position: relative;
    }

    .blogCallToAction a {
        margin-top: 40px;
    }

    .blogCallToActionTextContainer {
        max-width: 620px;
        max-height: 184px;
        margin: 0;
        padding: 64px 0 72px 32px;
    }

    .blogCallToActionImageContainer {
        position: absolute;
        top: 0;
        left: 444px;
    }

    .blogCallToActionImageContainer img {
        margin-top: 17px;
        margin-left: 72px;
        width: 819px;
        height: 399px;
        object-fit: cover;
    }

    .callToActionHeader {
        font-family: Montserrat, sans-serif;
        font-size: 24px;
        font-weight: 500;
        line-height: 28px;
        letter-spacing: 0;
        text-align: left;
    }
}

@media (min-width: 1280px) and (max-width: 1440px) {
    .spotlightItem {
        width: calc((100% - 40px) - (100% - 80px) / 2) !important;
    }

    .spotlightItem .wrp-two-big-zakrep, .stories-block-morebig, .stories-block-item-image-bog {
        width: 100% !important;
        height: 100% !important;
    }

    .spotlightItem .stories-block-item-image-img {
        height: 100%;
    }

}

@media (min-width: 1280px) {

    .spotlightItem {
        max-width: 580px;
    }

    .spotlightItem .stories-block-item-inf {
        padding-top: 24px !important;
    }

    .spotlightItem .stories-block-item-image {
        width: 580px;
        height: 278px;
    }

    .stories-block-item-title {
        font-family: Montserrat, sans-serif;
        font-size: 16px;
        font-weight: 600;
        line-height: 20px;
        letter-spacing: 0;
        text-align: left;
    }

    .spotlightItem .stories-block-item-meta {
        font-family: Inter sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 16px;
        letter-spacing: 0.02em;
        text-align: left;

    }

    .spotlightItem .stories-block-item-descr {
        font-family: Inter sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 16px;
        letter-spacing: 0.02em;
        text-align: left;

    }

    .blogPageFilter {
        margin-top: 40px;
        margin-bottom: 0;
    }

    .blogCategoryFilter {
        width: 100%;
        max-width: 427px;
    }

    .blogCategoryFilter .select-custom-wrp-title {
        align-items: center;
    }

    .blogPageFilter .resourse-filter {
        width: 427px;
        height: 56px;
    }

    .blogPageFilter .resourse-search {
        width: 757px;
        height: 56px;
    }

    .blogPageFilter .select-custom-wrp-title {
        height: 56px;
    }

    .resourse-search .input {
        height: 58px !important;
    }

    .newsBlock {
        margin-top: 32px;
        margin-bottom: 40px;
    }

    .newsItem {
        max-height: unset !important;
    }

    .newsBlock .stories-block-item {
    }

    .newsBlock .stories-block-item:nth-child(2) {
        max-height: unset;
    }

    .newsBlock .stories-block-item:nth-child(1) img {
        max-height: 378px;
    }

    .newsBlock .stories-block-item:nth-child(1), .stories-block-item:nth-child(8), .stories-block-item:nth-child(10n + 12), .stories-block-item:nth-child(10n + 18) {
        min-height: 522px;
        max-height: unset;
        max-width: 787px;
    }

    .newsBlock .stories-block-item:nth-child(1) .stories-block-item-inf {
        padding: 24px 32px 32px 32px;
    }

    .newsBlock .stories-block-item:nth-child(8) .stories-block-item-inf {
        padding: 24px 32px 32px 32px;
    }

    .newsBlock .stories-block-item:nth-child(10n + 12) .stories-block-item-inf {
        padding: 24px 32px 32px 32px;
    }

    .newsBlock .stories-block-item:nth-child(10n + 18) .stories-block-item-inf {
        padding: 24px 32px 32px 32px;
    }

    .blogCallToAction {
        width: 100%;
        display: flex;
        flex-direction: row;
        max-height: 240px;
        gap: 8px;
        padding: 0;
        max-width: 1200px;
    }

    .blogCallToActionTextContainer {
        padding: 32px 0 0 32px;
        max-width: 620px;
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 32px;
        margin: 0;
        font-family: Montserrat, sans-serif !important;
        font-size: 32px !important;
        font-weight: 500 !important;
        line-height: 40px !important;
        letter-spacing: 0 !important;
        text-align: left !important;
    }

    .callToActionHeader {
        font-family: Montserrat, sans-serif !important;
        font-size: 24px !important;
        font-weight: 500 !important;
        line-height: 28px !important;
        letter-spacing: 0 !important;
        text-align: left !important;
    }

    .blogCallToAction .call-to-action-in-article-list-title {
        font-family: Montserrat, sans-serif;
        font-size: 32px;
        font-weight: 500;
        line-height: 40px;
        letter-spacing: 0;
        text-align: left;
    }

    .call-to-action-in-article-list-title span {
        font-size: 24px;
        font-weight: 500;
        line-height: 28px;
        letter-spacing: 0;
        text-align: left;
    }

    .blogCallToActionImageContainer {
        position: relative;
        top: 0;
        left: 0;
        max-width: 540px;
        max-height: 240px;
        width: 100%;
        height: 100%;
    }

    .blogCallToAction img {
        position: absolute;
        top: -55px;
        width: 819px;
        height: 399px;
        object-fit: cover;
        margin: 0;
    }

    .blogCallToActionButton {
        display: flex;
        justify-content: center;
        align-items: center;
        width: fit-content;
        height: 32px;
        font-family: Montserrat, sans-serif;
        font-size: 12px;
        font-weight: 600;
        line-height: 14px;
        letter-spacing: -0.02em;
        text-align: left;
        margin: 0 !important;
    }

    .textContent {
        width: 620px;
    }

    .autor-page .storiesresourse-block-wrapper {
        margin-bottom: 80px;
    }

    .blogPageSubscribeImg {
        max-width: 480px;
        max-height: 232px;
    }

    .notFoundResult {
        font-family: Montserrat, sans-serif;
        font-size: 32px;
        font-weight: 600;
        line-height: 40px;
        letter-spacing: -0.02em;
        text-align: left;
    }

    .resourse-filter .select-custom-wrp {
        height: 56px;
    }

    .spotlightStoriesSearchTitle {
        font-family: Montserrat, sans-serif;
        font-size: 40px;
        font-weight: 600;
        line-height: 48px;
        letter-spacing: -0.02em;
        text-align: left;
    }

    .searchStoriesWrapper {
        max-width: 1200px;
        width: 100%;
        margin-top: 32px;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    .searchStoryItem {
        display: flex;
        flex-direction: column;
        width: 100% !important;
        flex-wrap: nowrap !important;
        min-height: unset !important;
    }

    .searchStoryItemMetaContainer {
        display: flex;
        flex-direction: row;
        width: 100%;
        font-family: Inter, sans-serif !important;
        font-size: 12px !important;
        font-weight: 400 !important;
        line-height: 16px !important;
        letter-spacing: 0.02em !important;
        text-align: left !important;
        padding: 0;
        margin: auto 0 0;
    }

    .searchStoryItem .stories-block-item-descr {
        display: none !important;
    }

    .searchItemTextContainer {
        display: flex;
        flex-direction: column;
        height: 100%;
        padding: 24px 32px 32px 32px;
    }

    .searchItemTextContainer .stories-block-item-tag {
        font-family: Montserrat, sans-serif;
        font-size: 10px;
        font-weight: 600;
        line-height: 12px;
        letter-spacing: -0.02em;
        text-align: left;
    }

    .stories-block-item-title {
        font-family: Montserrat, sans-serif;
        font-size: 16px;
        font-weight: 600;
        line-height: 20px;
        letter-spacing: 0;
        text-align: left;
    }

    .storyCardInner {
        display: flex;
        flex-direction: column;
    }

    .searchItemAuthor a {
        font-family: Inter, sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 16px;
        letter-spacing: 0.02em;
        text-align: left;
        color: #647B90;
    }

    .searchPageCircleMiddle {
        z-index: -99999;
        position: absolute;
        width: 1600px;
        height: 1600px;
        top: 422px;
        left: -800px;
        opacity: 0.1;
        background: radial-gradient(50% 50% at 50% 50%, #00A6D3 0%, rgba(0, 132, 168, 0) 100%);
    }

    .searchPageCircle {
        z-index: -99999;
        position: absolute;
        width: 2000px;
        height: 2000px;
        top: 982px;
        left: 440px;
        opacity: 0.15;
        background: radial-gradient(50% 50% at 50% 50%, #00A6D3 0%, rgba(0, 132, 168, 0) 100%);
    }

    .blogNameSearch input {
        background: none;
    }

    .authorBlogSection .autor-left {
        max-width: 787px;
    }

    .authorBlogSection .autor-image {
        max-width: 373px;
        max-height: 373px;
        width: 100%;
        height: 100%;
    }

    .authorBlogSection .autir-page-block-wrp {
        margin-bottom: 56px;
    }

    .authorBlogSection .stories-block-item {
        max-width: 373px;
        max-height: unset;
    }

    .authorArticlesSection {
        margin-top: 0 !important;
    }

    .authorArticlesSection .stories-block-item:nth-child(10n + 1), .stories-block-item:nth-child(10n + 7) {
        max-width: 787px;
        max-height: unset;
    }

    .descriptionVisible {
        display: none !important;
    }

    .authorBlogSection .stories-block-item-tag {
        font-family: Montserrat, sans-serif;
        font-size: 10px;
        font-weight: 600;
        line-height: 12px;
        letter-spacing: -0.02em;
        text-align: left;
    }

    .authorBlogSection .stories-block-item-title {
        font-family: Montserrat, sans-serif;
        font-size: 16px;
        font-weight: 600;
        line-height: 20px;
        letter-spacing: 0;
        text-align: left;
    }
}