.work-details-img {
    overflow: hidden;
    border-radius: 0.6vw;
    height: 30vw;
    position: relative;
}

.work-details-img img {
    width: 100%;
}

.blog-details-btn {
    background-color: var(--orange) !important;
    border-radius: 0.5vw!important;
}

.blog-details-btn:hover {
    color: var(--dark-font) !important;
    background-color: var(--light-orange) !important;
}

.work-details-cate li:hover a {
    color: var(--orange) !important;
}

.work-details-cate li::before {
    background-color: var(--orange) !important;
}

.blog-details-form h2 {
    color: var(--orange) !important;
}

@media screen and (max-width: 450px) {
    .work-details-img {
        margin-top: 14vw!important;
        border-radius: 6px;
        height: 60vw;
    }

    .blog-details-btn {
        border-radius: 6px!important;
    }
}