.process {
    &--one {
        .section {
            &__header {
                h5 {
                    @extend %white-color;
                }
                h2 {
                    @extend %white-color;
                }
            }
        }
        .process {
            &__item {
                @extend %text-center, %bg-white;
                @include border-radius(10px);
                padding: 50px 30px;
                @include transition($transition);
                &:hover {
                    transform: translateY(-10px);
                }
            }
            &__icon {
                @include border-radius(100%);
                margin-bottom: 50px;
                @extend %rel;
                span {
                    @extend %white-color, %d-inline-block, %abs, %text-700;
                    width: 50px;
                    height: 50px;
                    line-height: 46px;
                    background: $theme-color-2;
                    top: calc(100% - 25px);
                    left: 50%;
                    border: 2px solid $white-color;
                    transform: translateX(-50%);
                    @include border-radius(100%);
                }
            }
            &__content {
                h5 {
                    @extend %mb-10;
                    line-height: 1.5;
                    span {
                        @extend %d-block;
                    }
                }
                p {
                    @extend %mb-0;
                }
            }
        }
    }
    &--two {
        .section {
            &__header {
                h5 {
                    @extend %white-color;
                }
                h2 {
                    @extend %white-color;
                }
            }
        }
        .process {
            &__item {
                @extend %text-center, %bg-white;
                @include border-radius(10px);
                padding: 50px 30px;
                @include transition($transition);
                &:hover {
                    transform: translateY(-10px);
                }
            }
            &__icon {
                margin-bottom: 80px;
                @extend %rel;
                span {
                    @extend %white-color, %d-inline-block, %abs, %text-700;
                    background: $theme-color-2;
                    top: calc(100% + 25px);
                    left: 50%;
                    border: 2px solid $white-color;
                    transform: translateX(-50%);
                    padding: 5px 15px;
                    @include border-radius(25px);
                }
            }
            &__content {
                h5 {
                    @extend %mb-10;
                    line-height: 1.5;
                    span {
                        @extend %d-block;
                    }
                }
                p {
                    @extend %mb-0;
                }
            }
        }
    }
}