.kidsjoy_style-portfolio {
    margin-bottom: 2em;
    position: relative;
}

.kidsjoy_style-portfolio a.kidsjoy_style-img img {
    border-radius: var(--border-radius-thirty);
    width: 100%;
    object-fit: cover;
}

.kidsjoy_style-portfolio a.kidsjoy_style-img::before {
    content: "";
    background: var(--color-theme-primary-light);
    width: 0%;
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    transition: all 0.5s ease-in-out;
    z-index: 1;
    border-radius: var(--border-radius-thirty);
    border: 0.125em dashed var(--color-theme-primary);
}

.kidsjoy_style-portfolio a.kidsjoy_style-img:hover::before {
    width: 100%;
    opacity: 0.8;
    left: 0;
}

.kidsjoy_style-portfolio a.kidsjoy_style-img .portfolio-link {
    opacity: 0;
    transition: all 0.5s ease-in-out;
}

.kidsjoy_style-portfolio .portfolio-link i{
    font-size: 2em;
}

.kidsjoy_style-portfolio .portfolio-link svg{
    min-height: 1.9375em;
    min-width: 1.625em;
}

.kidsjoy_style-portfolio:hover a.kidsjoy_style-img .portfolio-link {
    opacity: 1;
}

.kidsjoy_style-portfolio .portfolio-link {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
}

.iq-grid-five .iq-five {
    width: 20%;
}
.kidsjoy_style-portfolio-slider .kidsjoy_style-portfolio{
    margin-bottom: 0;
}
@media (max-width:1199px) {
    .iq-grid-five .iq-five {
        width: 25%;
    }
}

@media (max-width:992px) {
    .iq-grid-five .iq-five {
        width: 50%;
    }
}
@media (max-width:767px) {
    .iq-grid-five .iq-five {
        width: 100%;
    }
    .kidsjoy_style-portfolio a.kidsjoy_style-img img{
        height: auto;
    }
}