.heading {
    &__title {
        font-weight: 700;
        color: $text-light-black;
        font-size: $h3-size;
        line-height: $h3-height;
        margin-bottom: 80px;
    }
    &__row {
        display: flex;
        align-items: center;
        margin-bottom: 40px;
    }
    &__image {
        width: 40%;
    }
    a.progressive {
        position: relative;
        display: block;
        overflow: hidden;
        outline: none;
        height: 320px;
        &:not(.replace) {
            cursor: default;
        }
        & img {
            @include fullImage;
        }
        & img.preview {
            filter: blur(2vw);
            transform: scale(1.05);
        }
        & img.reveal {
            position: absolute;
            left: 0;
            top: 0;
            will-change: transform, opacity;
            animation: reveal 1s ease-out;
        }
    }
    &__content {
        width: calc(60% - 30px);
        height: calc(100% - 60px);
        padding: 30px 0 30px 30px;
        &-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 20px;
            &-view {
                display: flex;
                align-items: center;
                color: $text-color-grey;
                font-weight: 400;
                font-size: $h5-size;
                line-height: $h5-height - 5px;
                svg {
                    margin-right: 5px;
                    stroke: $text-color-grey;
                    width: 21px;
                }
            }
            &-date {
                display: flex;
                align-items: center;
                font-size: $h5-size;
                line-height: $h5-height;
                color: $text-color-white;
                background: $text-light-black;
                font-weight: 400;
                padding: 5px 15px;
                svg {
                    margin: 0 5px;
                }
            }
        }
        &-body {
            &-link {
                color: $text-black;
                font-weight: 700;
                font-size: $h4-size;
                line-height: $h4-height;
                margin: 10px 0 0 0;
                display: block;
                height: 40px;
                overflow: hidden;
                text-overflow: ellipsis;
                margin-bottom: 15px;
            }
            &-para {
                font-size: $h4-size;
                line-height: $h4-height;
                font-weight: 400;
                color: $text-light-black;
                height: 100px;
                overflow: hidden;
                text-overflow: ellipsis;
            }
        }
    }
    &__footer {
        display: flex;
        align-items: center;
        &-page {
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            background: $text-light-black;
            svg {
                width: 12px;
                height: 12px;
                fill: $text-color-white;
            }
        }
        &-input {
            width: 80px;
            height: 40px;
            margin: 0 10px;

            input {
                text-align: center;
                font-size: $h3-size;
                line-height: $h3-height;
                height: 100%;
                width: 100%;
                border-radius: 5px;
                background: #e6e6e6;
                font-weight: 400;
                color: $text-light-black;
            }
        }
        span {
            font-size: $h3-size;
            line-height: $h3-height;
            color: $text-light-black;
            font-weight: 400;
            margin-left: 10px;
        }
    }
}
.address {
    &__inner {
        font-size: $h3-size;
        line-height: $h3-height;
        color: $text-light-black;
        font-weight: 400;
        margin-bottom: 25px;
        span {
            font-weight: 700;
        }
    }
}