.single-post .single-main-slide .info .header {
  background-color: var(--blue);
  color: var(--main);
  font-size: 40px;
  font-size: 110%;
  padding: 10px 20px;
}

@media (max-width: 1024px) {
  .single-post .single-main-slide .info .header {
    padding: 6px 10px;
    font-size: 30px;
  }
}

.single-post .single-main-slide .info .desc {
    max-width: unset;
}

.post-blocks .header,
.post-blocks .header-after {
    font-family: Noto Serif;
    font-size: 40px;
    font-style: italic;
    font-weight: 600;
    line-height: 110%;
}

.post-blocks h2.header {
    margin: 0 0 30px 0;
    color: #214080;
}

.post-blocks .site-main {
    padding: 60px 0;
}


.post-blocks .text,
.post-blocks .text-end {
    font-family: Inter Tight;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    color: var(--main);
}

.post-blocks .text blockquote,
.post-blocks .text-end blockquote {
    display: inline-block;
    border-left: 4px solid var(--red);
    padding-left: 15px;
    margin: 20px 0;
    font-weight: 500;
}

.post-blocks .text blockquote p:last-child,
.post-blocks .text-end blockquote p:last-child {
    margin-bottom: 0;
}

.post-blocks .site-main .button_block {
    margin-top:40px;
    text-align: center;
}

@media (max-width: 1024px) {
    .post-blocks .site-main {
        padding: 50px 0;
    }

    .post-blocks .header,
    .post-blocks .header-after {
        font-size: 25px;
    }

    .post-blocks h2.header {
        margin: 0 0 25px 0;
        color: #214080;
    }

    .post-blocks .text,
    .post-blocks .text-end {
        font-size: 13px;
    }

    .post-blocks .text blockquote,
    .post-blocks .text-end blockquote {
        border-left: 3px solid var(--red);
        padding-left: 9px;
    }

}

/* Блок с двумя колонками */
.post-blocks.post-text-2-column .list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    padding: 20px 0;
}

.post-blocks.post-text-2-column .list .item {
    padding: 20px;
    background: #CFE7FD82;
    font-family: Inter Tight;
    font-size: 14px;
    font-weight: 400;
    line-height: 130%;
    color: var(--black);
    
}

.post-blocks.post-text-2-column .list .item b {
    font-family: Inter Tight;
    font-size: 16px;
    font-weight: 500;
    line-height: 120%;
    color: var(--main);
    display: inline-block;
    margin-bottom: 10px;
}

@media (max-width: 1024px) {
    .post-blocks.post-text-2-column .list {
        grid-template-columns: 1fr;
    }

    .post-blocks.post-text-2-column .list .item {
        padding: 13px;
        font-size: 13px;
    }

    .post-blocks.post-text-2-column .list .item b {
        font-size: 14px;
        margin-bottom: 8px;
    }
}

/* Блок с аккардионом */
.post-blocks.post-text-accordion .accordion {
    margin: 30px 0;
}

/* Блок с четырьмя колонками */
.post-blocks.post-text-4-column .list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    padding: 20px 0;
}

.post-blocks.post-text-4-column .list .item {
    padding: 20px;
    background: #CFE7FD82;
    font-family: Inter Tight;
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
    color: var(--black);
    
}

/* Текст с информацией */
.post-blocks.post-text-informational .header {
    font-family: Inter Tight;
    font-size: 35px;
    font-weight: 600;
    line-height: 100%;
    color: #214080;
}

.post-blocks.post-text-informational .button_block {
    text-align: left;
}

.post-blocks.post-text-informational .button_block .button_outline {
    padding: 10px 20px;
    background-color: var(--white);
}


.post-blocks.post-text-informational .columns-to-rows .content {
    width: 60%;
}

.post-blocks.post-text-informational .columns-to-rows .picture {
    width: 40%;
    position: relative;
}

.post-blocks.post-text-informational .columns-to-rows .picture img {
    position: absolute;
    top: 50%;
    left: 50%;
    height: auto; /* Автоматическая высота для сохранения пропорций */
    width: 100%; /* Изображение растягивается по ширине контейнера */
    transform: translate(-50%, -50%); /* Центровка изображения по вертикали и горизонтали */
    object-fit: cover; /* Убираем искажения, сохраняя пропорции */
    object-position: center; /* Центруем изображение */
}

/* Важная информация! */
.post-blocks.post-text-important .header {
    color: var(--white);
}

.post-blocks.post-text-important .text {
    color: var(--white);
}


/* Цитата */
.post-blocks.post-quote .quote {
    background: #ADD0F05C;
    padding: 80px 80px 30px 80px;
    position: relative;
}


.post-blocks.post-quote .quote::before,
.post-blocks.post-quote .quote::after {
    content: '';
    display: block;
    width: 119px; /* Ширина изображения quote.svg */
    height: 85px; /* Высота изображения quote.svg */
    background-image: url('/wp-content/themes/selfstartglobal/images/quote.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    z-index: 1;
}

.post-blocks.post-quote .quote::before {
    top: -35px; /* Положение относительно блока */
    left: 20px;
    /* transform: translateX(-50%); */
    transform: scaleX(-1);
}


.post-blocks.post-quote .quote::after {
    bottom: -35px; /* Положение относительно блока */
    right: 20px;
    /* transform: translateX(-50%); */
}

.post-blocks.post-quote .columns-to-rows {
    margin-top: 60px;
}

.post-blocks.post-quote .columns-to-rows img {
    width: 78px;
    height: 78px;
    object-fit: contain;
    border-radius: 50%;
}

.post-blocks.post-quote .columns-to-rows .author-info {
    font-family: Inter Tight;
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
    color: var(--main);
}

.post-blocks.post-quote .columns-to-rows .author-info > * {
    display: block;
    margin-bottom: 5px;
}

.post-blocks.post-quote .columns-to-rows .author-info b {
    font-weight: 500;
}

/* Текст с таблицей */
.post-blocks.post-text-table table {
    margin-top: 30px;
}

.post-blocks.post-text-table table tbody > tr:nth-child(odd) > td,
.post-blocks.post-text-table table tbody > tr:nth-child(odd) > th {
    background-color: white; /* Белый фон для нечетных строк */
}

.post-blocks.post-text-table table tbody > tr:nth-child(even) > td,
.post-blocks.post-text-table table tbody > tr:nth-child(even) > th {
    background: #add0ee48;
}


.post-blocks.post-text-table table tbody>tr>td,
.post-blocks.post-text-table table tbody>tr>th {
    border-right: 2px solid #21418027;
    font-family: Inter Tight;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
}

.post-blocks.post-text-table table tbody>tr>td:first-child,
.post-blocks.post-text-table table tbody>tr>th:first-child {
    font-weight: 500;
    color: var(--main);
}


.post-blocks.post-text-table table tbody>tr:first-child>td,
.post-blocks.post-text-table table tbody>tr:first-child>th {
    font-family: Noto Serif;
    font-size: 25px;
    font-style: italic;
    font-weight: 500;
    line-height: 120%;
    color: var(--main);
}

.post-blocks.post-text-table table tbody>tr:first-child>td,
.post-blocks.post-text-table table tbody>tr:first-child>th {
    text-transform: uppercase;
}


@media (max-width: 1024px) {
    .post-blocks.post-text-table table {
        margin-top: 30px;
    }

    .post-blocks.post-text-table table tbody>tr:first-child>td, .post-blocks.post-text-table table tbody>tr:first-child>th {
        font-size: 15px;
    }

    .post-blocks.post-text-table table tbody>tr>td:first-child, .post-blocks.post-text-table table tbody>tr>th:first-child, .post-blocks.post-text-table table tbody>tr:first-child>td, .post-blocks.post-text-table table tbody>tr:first-child>th,
    .post-blocks.post-text-table table tbody>tr>td, .post-blocks.post-text-table table tbody>tr>th {
        font-size: 13px;
    }

    .post-blocks.post-text-table table tbody > tr:nth-child(even) > td, .post-blocks.post-text-table table tbody > tr:nth-child(even) > th {
        background: unset;
    }

    .post-blocks.post-text-table table tr {
        display: flex;
        flex-wrap: wrap;
        background: none;
    }

    .post-blocks.post-text-table table tr td {
        flex-grow: 1;
        width: 30% !important;
        background: var(--white);
    }

    .post-blocks.post-text-table table tr td:first-child {
        width: 90% !important;
        background-color: #add0ee48 !important;
        border-right-width: 0;;
    }

    .post-blocks.post-text-table table tr td:last-child {
        border-right-width: 0;
    }

    .post-blocks.post-text-table table tr:first-child td:first-child {
        display: none;
    }
}