.image-text-block {
    padding: var(--space-80) var(--space-36) var(--space-64);

    &.one-column {
        margin: var(--space-64) auto var(--space-80);

        .inner-container .text-image-item {
            &.first, &.last {
                margin: 0;
            }
        }
    }

    .inner-container {
        max-width: 1296px;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        gap: var(--space-64);

        .text-image-item {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: var(--space-96);
            align-items: center;

            &.first {
                margin-bottom: var(--space-64);
            }

            &.last {
                margin: var(--space-64) 0;

                .image {
                    order: -1;
                }
            }

            .content {
                h3 {
                    color: var(--text-primary);
                    font-family: BOG, sans-serif;
                    font-size: 32px;
                    font-style: normal;
                    font-weight: 700;
                    line-height: 48px;
                    margin-bottom: var(--space-40);
                }

                .text {
                    p {
                        color: var(--text-primary);
                        font-family: BOG, sans-serif;
                        font-size: 16px;
                        font-style: normal;
                        font-weight: 400;
                        line-height: 24px;
                    }
                }
            }

            .image {
                img {
                    max-width: 100%;
                    max-height: 450px;
                    width: 100%;
                    object-fit: cover;
                    object-position: center;
                    border-radius: var(--border-radius-20);
                }
            }
        }
    }
}

@media (max-width: 1024px) {
    .image-text-block {
        padding: var(--space-48) var(--space-36) var(--space-48);

        .inner-container {
            gap: 0;

            .text-image-item {
                gap: var(--space-64);

                &.last {
                    margin-bottom: 0;
                }

                .image {
                    img {
                        max-height: 333px;
                    }
                }
            }
        }
    }
}

@media (max-width: 768px) {
    .image-text-block {
        padding: var(--space-48) var(--space-28) var(--space-48);

        .inner-container .text-image-item {
            gap: var(--space-48);
            grid-template-columns: 1fr;

            &.last {
                .image {
                    order: 0;
                }
            }

            .content {
                h3 {
                    margin-bottom: var(--space-32);
                }
            }

            .image {
                margin: 0 auto;

                img {
                    max-width: 528px;
                    max-height: unset;
                }
            }
        }
    }
}

@media (max-width: 600px) {
    .image-text-block {
        padding: var(--space-32) var(--space-24) var(--space-32);

        &.one-column {
            margin: var(--space-48) auto var(--space-64);
        }

        .inner-container .text-image-item {
            gap: var(--space-32);

            &.first {
                margin-bottom: var(--space-48);
            }

            &.last {
                margin-top: var(--space-48);
            }

            .content {
                h3 {
                    font-size: 22px;
                    line-height: 34px;
                    text-align: center;
                }
            }

            .image {
                img {
                    max-width: unset;
                }
            }
        }
    }
}