@import "src/scss/core/mixin";
.two-cols-text {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: toRem(50);
    @include mobile {
        flex-direction: column;
        margin-bottom: toRem(40);
    }
    .col {
        width: calc(50% - .5rem);
        &__wrapper {
            max-width: 80%;
            @include mobile {
                max-width: 100%;
            }
            @include tablet {
                max-width: 90%;
            }
        }
        &__first {
            @include mobile {
                margin-bottom: 1.5rem;
            }
        }
        @include mobile {
            width: 100%;
            &__wrapper {
                max-width: 100%;
            }
        }
        h3 {
            @include normalHeading;
            @include mobile {
                font-size: toRem(14);
            }
        }
    }
    p {
        a {
            &.cta {
                @include linkWithArrow();
            }
        }
    }
}