.growth {
    width: 100%;
    overflow: hidden;
    padding-block: 120rem;
}
@media (max-width: 767px) {
    .growth {
        padding-block: 40rem;
    }
}
.growth__title {
    -webkit-padding-before: 16rem;
            padding-block-start: 16rem;
    font-size: 48rem;
    font-weight: 500;
    line-height: 1.1;
}

.growth__title--spaced-bottom {
    -webkit-margin-after: 40rem;
            margin-block-end: 40rem;
}

.growth__title-text {
    color: var(--color-gray-700);
}

.growth__title-container {
    width: 100%;
    max-width: 750rem;
    margin-inline: auto;
    text-align: center;
}

.growth__slider .growth__card {
    -webkit-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
            transform: rotate(-10deg);
    -webkit-transition: -webkit-transform calc(var(--global-transition-duration) * 3);
    transition: -webkit-transform calc(var(--global-transition-duration) * 3);
    transition: transform calc(var(--global-transition-duration) * 3);
    transition: transform calc(var(--global-transition-duration) * 3), -webkit-transform calc(var(--global-transition-duration) * 3);
}

.growth__slider.aos-animate .growth__card {
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
}

.growth__marquee--spaced-top {
    -webkit-margin-before: 66rem;
            margin-block-start: 66rem;
}

.growth__pause {
    width: 40rem;
    height: 40rem;
    position: relative;
    border: 1rem solid var(--color-gray-100);
    border-radius: 50%;
    font-size: 20rem;
    line-height: 20rem;
    color: var(--color-gray-700);
    cursor: pointer;
    margin-inline: auto;
}

.growth__pause:before,
.growth__pause:after {
    content: '';
    width: 20rem;
    height: 20rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform-origin: center;
        -ms-transform-origin: center;
            transform-origin: center;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-transition: -webkit-transform var(--global-transition-duration) ease-in-out;
    transition: -webkit-transform var(--global-transition-duration) ease-in-out;
    transition: transform var(--global-transition-duration) ease-in-out;
    transition: transform var(--global-transition-duration) ease-in-out, -webkit-transform var(--global-transition-duration) ease-in-out;
}

.growth__pause:before {
    -webkit-transform: translate(-50%, -50%) scale(1);
        -ms-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
    background-image: url('../../img/icons/pause.svg');
}

.growth__pause:after {
    -webkit-transform: translate(-50%, -50%) scale(0);
        -ms-transform: translate(-50%, -50%) scale(0);
            transform: translate(-50%, -50%) scale(0);
    background-image: url('../../img/icons/play.svg');
}

.growth__pause.active:before {
    -webkit-transform: translate(-50%, -50%) scale(0);
        -ms-transform: translate(-50%, -50%) scale(0);
            transform: translate(-50%, -50%) scale(0);
}

.growth__pause.active:after {
    -webkit-transform: translate(-50%, -50%) scale(1);
        -ms-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
}

.growth__pause--spaced-top {
    -webkit-margin-before: 66rem;
            margin-block-start: 66rem;
}

.growth__card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    max-width: 280rem;
    margin-right: 24rem;
    padding-inline: 24rem;
    padding-block: 48rem;
    background: var(--color-white);
    border-radius: 24rem;
    gap: 24rem;
    aspect-ratio: 280/380;
}

.growth__card--green {
    background: #dffad5;
}

.growth__card--yellow {
    background: #f4e7c6;
}

.growth__card--pink {
    background: #f6d7f7;
}

.growth__card-text {
    color: var(--color-gray-700);
    font-size: 20rem;
    line-height: 1.4;
}

.growth__card-person {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-margin-before: auto;
            margin-block-start: auto;
    line-height: 1;
    gap: 16rem;
}

.growth__card-person-image {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 57rem;
            flex: 0 0 57rem;
    width: 57rem;
    height: 57rem;
    overflow: hidden;
    border-radius: 4rem;
    -webkit-transform: rotate(6deg);
        -ms-transform: rotate(6deg);
            transform: rotate(6deg);
}

.growth__card-person-title {
    color: var(--color-black);
    font-size: 18rem;
}

.growth__card-person-text {
    color: var(--color-gray-700);
}

@media screen and (min-width: 1024px) and (orientation: landscape) {
    .growth__card {
        max-width: 394rem;
        aspect-ratio: 394/452;
        padding-inline: 48rem;
    }
}