/** Section Content **/
.section-content .content-img {
    position: relative;
}
.view-btn {
    display: flex;
    align-items: flex-end;
    font-size: clamp(12px, 2vw, 16px);
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: clamp(129px, 13vw, 180px);
    z-index: 1;
    gap: 6px;
    cursor: pointer;
    padding-left: clamp(12px, 2vw, 20px);
    padding-top: 12px;
    font-size: clamp(12px, 2vw, 16px);
}
.view-btn i {
    width: clamp(24px, 2vw, 30px);
    height: clamp(24px, 2vw, 30px);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color1);
    font-size: clamp(16px, 2vw, 20px);
}
.view-btn:before {
    content: "";
    width: 100%;
    height: 101%;
    position: absolute;
    left: -12%;
    top: 0px;
    z-index: -1;
    transform: skewX(40deg);
    background: white;
}
@media only screen and (min-width: 768px) {
    .section-content .s-title {
        text-align: left;
    }
    .section-content .c-btn {
        justify-content: flex-start;
    }
}
@media only screen and (min-width: 992px) {
    .attribute-list {
        grid-template-columns: repeat(4, 1fr);
    }
}
@media only screen and (max-width: 768px) {
    .main-widget {
        justify-content: flex-start;
    }
}