.choose-single-item {
    padding: 40px;
    transition: all 300ms;
    background-color: #fff;
    position: relative;
    z-index: 0;
    border-radius: 8px;
    &.bg-image {
        transition: all 300ms;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        &:after {
            content: "";
            width: 100%;
            height: 100%;
            background-color: white;
            opacity: 1;
            position: absolute;
            left: 0;
            top: 0;
            z-index: -1;
            transition: all 300ms;
            border-radius: 8px;
        }
    }
    &:hover {
        &.bg-image {
            &:after {
                background-color: rgba(25, 35, 45, .6);
            }
        }
        .content {
            .subtitle {
                color: var(--main-color-one);
            }
            .title {
                color: #fff;
            }
            p {
                color: #fff;
            }
        }
    }
    .content {
        .title {
            font-size: 24px;
            line-height: 34px;
            color: var(--heading-color);
            font-family: var(--heading-font);
            font-weight: 500;
            margin-bottom: 20px;
            transition: all 300ms;
        }
        .subtitle {
            font-size: 65px;
            line-height: 75px;
            color: #E8E9EA;
            font-weight: 700;
            margin-bottom: 10px;
            display: block;
            transition: all 300ms;
        }
        p {
            margin: auto;
            transition: all 300ms;
        }
    }
}