.recommended-blogs {
    background-color: transparent;
    background-image: linear-gradient(117deg, #3f1084 0, #2e036e 100%);
    padding: 50px 0;
}
.recent-blogs {
    padding-bottom: 50px;
}
.recent-blogs .recent-blogs-carousel {
    margin-top: 40px;
}
.recent-blogs .recent-blogs-carousel .owl-stage {
    display: flex;
}
.recent-blogs .recent-blogs-carousel .owl-dots {
    margin-top: 20px !important;
}
.recent-blogs .recent-blogs-carousel .owl-dot.active span {
    background-color: var(--pink-magenta) !important;
}
.recent-blogs .recent-blogs-carousel .item {
    height: 100%;
}
.recent-blogs .card {
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 15%);
    background: linear-gradient(to bottom, #fff 0%, #292d35 80%);
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
    min-height: 100%;
    border-radius: 3px;
    border: 0 solid;
    transition: 0.25s;
}
.recent-blogs .card:hover {
    background: var(--orange-gradient-left);
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 15%);
}
.recent-blogs .featured-image {
    min-height: 174px;
    position: relative;
    overflow: hidden;
}
.recent-blogs .featured-image img {
    transform: scale(1.01);
    width: 100%;
    transition: 0.5s linear;
}
.recent-blogs .card:hover .featured-image img {
    transform: scale(1.05);
}
.recent-blogs .card-body {
    padding: 20px;
}
.recent-blogs .card-title a {
    color: #fff;
    text-decoration: none;
}
.recent-blogs .card-text {
    color: #fff;
    font-size: 13px;
    padding-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 10px;
    flex-wrap: wrap;
}
.logo-design-main .recent-blogs,
.web-design-main .recent-blogs,
.web-development-main .recent-blogs,
.ebook-design-main .recent-blogs {
    padding: 50px 0;
}
@media only screen and (max-width: 1200px) {
    .recent-blogs .featured-image {
        min-height: 150px;
    }
}
@media only screen and (max-width: 991px) {
    .recent-blogs .card-body {
        padding: 15px;
    }
    .recent-blogs .card-title a {
        font-size: 18px;
    }
    .recent-blogs .featured-image {
        min-height: 168px;
    }
    .recent-blogs .featured-image img,
    .recent-blogs .card:hover .featured-image img {
        transform: unset;
    }
}
@media only screen and (max-width: 768px) {
    .recent-blogs .featured-image {
        min-height: unset;
    }
    .recent-blogs .recent-blogs-carousel{
        margin-bottom: 0;
    }
}