@import "../../../../../assets/styles/index.scss";

.dataList {
    @include rem('margin', 20px 0px 40px);
}
.dataList__headerbdr {
    @include rem('width', 50px);
    @include rem('margin-bottom', 10px);
    border-top: 2px solid $color-blue;
    display: block;
}
.feature-details {
    @include rem('margin', 20px 0px 40px);
    font-family: 'DaimlerCS', sans-serif;

    div.feature-details__block:nth-of-type(odd) {
        @include rem('padding-right', 50px);
        padding-left: 0;
    }
    div.feature-details__block:nth-of-type(even) {
        padding-left: 0;
    }

    &__block {
        @include rem('margin-bottom', 30px);

        &--image img {
            @include rem('width', 60px);
            @include rem('height', 60px);
        }

        &--content {
            padding: 0;
            border-bottom: 1px solid $color-light-gray5;

            b {
                @include rem(font-size, 18px);
                font-weight: bold;
            }
        }
        &--content:hover {
            color: $color-blue;
            cursor: pointer;
            border-bottom: 1px solid $color-blue;
        }
        &--value {
            @include rem('padding-top', 25px);
        }
    }
}