.image-text__accordion {
    margin-top: rem(24px);

    @include sm {
        margin-top: 0;
    }
    
    &__item {
        padding: rem(16px);
        border-top: rem(1px) solid $c-7;

        &:last-child {
            border-bottom: rem(1px) solid $c-7;
        }

        &.is-open {
            .image-text__accordion__title::after {
                transform: rotate(225deg);
                top: rem(9px);
            }
        }
    }

    &__title {
        display: flex;
        align-items: center;
        column-gap: rem(16px);
        position: relative;

        p {
            width: calc(100% - 46px);
            font-weight: $fw-medium;
            padding-right: rem(30px);
        }

        &::after {
            content: '';
            position: absolute;
            top: rem(6px);
            right: rem(3px);
            border-right: rem(2px) solid $c-2;
            border-bottom: rem(2px) solid $c-2;
            width: rem(10px);
            height: rem(10px);
            transform: rotate(45deg);
            transition: transform .3s, top .3s;
        }

        @include hover {
            cursor: pointer;
        }

    }

    &__icon {
        width: rem(30px);

        img {
            width: 100%;
            height: auto;
        }
    }

    &__text {
        padding-top: rem(8px);
        padding-left: rem(46px);
        display: none;
    }
}