/* blogs */
#blogs-sec .blog-box {
    min-height: auto;
    border-radius: 1rem;
    overflow: clip;
    background-color: var(--clr-text-light);
    outline: 1px solid var(--clr-secondary);
    position: relative;
    transition: .3s;
    background-color: white;
}

#blogs-sec .blog-box:hover {
    background-color: hsl(223, 49%, 99%);
}

/* #blogs-sec .blog-box img {
    transition: 0.3s;
}

#blogs-sec .blog-box:hover img {
    transform: scale(0.9);
} */

/* #blogs-sec .blog-box .content {
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
} */

#blogs-sec .navigation {
    position: absolute;
    top: -1rem;
    right: 0;
    font-size: 2.5rem;
}

#blogs-sec .navigation [class^="blog"].swiper-button-disabled {
    opacity: 0.2;
    pointer-events: none;
}

#blogs-sec .navigation [class^="blog"] svg {
    transition: 0.3s;
}

#blogs-sec .navigation [class^="blog"]:hover {
    color: var(--clr-secondary);
}