/*----------GLOBAL SECTION/CONTAINERS----------*/

.ti-section {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: var(--ti-section-padding-top) var(--ti-section-padding-side) var(--ti-section-padding-bottom) var(--ti-section-padding-side);
}

.ti-section:last-child {
    padding-bottom: var(--ti-section-padding-bottom-last);
}

.ti-section-container,
.ti-row-container {
    display: flex;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.ti-column-container {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.ti-column-container-left {
    max-width: 40%;
    flex: 1;
}

.ti-column-container-right {
    max-width: 60%;
    flex: 1;
}

/*----------MEDIA QUERIES----------*/

@media (max-width: 768px) {
    .ti-section {
        --ti-section-padding-top: 75px;
    }

    .ti-section:last-child {
        --ti-section-padding-bottom-last: 75px;
    }

    .ti-container-text,
    .ti-container-img {
        max-width: 500px;
        align-items: center;
    }

    .ti-container-text,
    .ti-container-text {
        order: 1;
    }

    .ti-container-img,
    .ti-container-img {
        order: 2;
    }
}

@media (max-width: 525px) {
    .ti-section {
        --ti-section-padding-top: 60px;
    }

    .ti-section:last-child {
        --ti-section-padding-bottom-last: 60px;
    }
}