/* front-page :: certificates — CSS di sezione (estratto) */

/* --- from personal --- */

@media only screen and (max-width: 1199px) {
    /* FINE SEZIONE 2 HOMEPAGE */
    
    
        /* SEZIONE 3 HOMEPAGE */
        .certificates-area {
            padding: 64px 0px 64px 0px !important;
        }
}

/* --- from style --- */

/*** 
=============================================
   Certificates Area Css
=============================================
***/
.certificates-area {
    position: relative;
    display: block;
    background: #ffffff;
    padding: 53px 0 53px;
}

.certificates-area .top-title {
    position: relative;
    display: block;
    padding-bottom: 38px;
}

.certificates-area .top-title h3 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    font-family: var(--thm-font);
}

.certificates-area .auto-container {
    max-width: 840px;
}

.single-certificates-box {
    position: relative;
    display: block;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.06);
    z-index: 1;
}

.single-certificates-box .img-box {
    position: relative;
    display: block;
}

.single-certificates-box .img-box .inner {
    position: relative;
    display: block;
    overflow: hidden;
    /*background: #edf3f2; */
    border-radius: 5px;
}

.single-certificates-box .img-box .inner:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background: rgba(0, 0, 0, 0.70);
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .7s;
    transition-property: all;
    opacity: 0;
    z-index: 5;
}

.single-certificates-box:hover .img-box .inner:before {
    opacity: 1;
}

.single-certificates-box .img-box img {
    width: 100%;
    mix-blend-mode: luminosity;
    object-fit: contain;
    object-position: center;
    height: 250px;
}

.certificates-carousel_1.owl-carousel.owl-dot-style1 .owl-dots {
    display: none;
}

.certificates-carousel_1.owl-carousel .owl-stage-outer {
    overflow: visible;
}

.certificates-carousel_1.owl-carousel .owl-stage-outer .owl-item {
    opacity: 0;
    transition: all 300ms ease 100ms;
}

.certificates-carousel_1.owl-carousel .owl-stage-outer .owl-item.active {
    opacity: 1;
}