.box{
    position: absolute;
    width: 200px;
    min-height: 100px !important;
    height: 200px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background-color: 3020223;
    box-shadow: 0px 20px 35px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    
}

.box::before{
    position: absolute;
    width: 150%;
    height: 150%;
    background: conic-gradient(from 90deg, rgb(0 0 0 /0%) 70%, rgb(11 78 230 /9%) 80%, rgb(255, 43, 111) 100%);
    content: '';
    left: -25%;
    top: -25%;
    animation: rotate 3s  infinite linear;
}

.box:after{
    position: absolute;
    width: 94%;
    height: 94%;
    
  
    content: '';
    top: 3%;
    left: 3%;
    
}

.try:after{
    background-image: url('multimedia/cert/cert1.png');
    background-size: cover;
    background-repeat: no-repeat;
    
}

.cert2:after{
    background-image: url('multimedia/cert/cert2.png');
    background-size: cover;
    background-repeat: no-repeat;

}
.cert3:after{
    background-image: url('multimedia/cert/cert3.png');
    background-size: cover;
    background-repeat: no-repeat;

}
.cert4:after{
    background-image: url('multimedia/cert/cert4.png');
    background-size: cover;
    background-repeat: no-repeat;

}

.cert5:after{
    background-image: url('multimedia/cert/cert5.png');
    background-size: cover;
    background-repeat: no-repeat;

}
.cert6:after{
    background-image: url('multimedia/cert/cert6.png');
    background-size: cover;
    background-repeat: no-repeat;

}

.cert7:after{
    background-image: url('multimedia/cert/smeta.png');
    background-size: cover;
    background-repeat: no-repeat;

}






@keyframes rotate {
    100%{
        transform: rotate(360deg);
    }
}


.square2, .square2::before, .square2:after{
    border-radius: 50px 0px;
}

.fundocert {
  position: relative;
   
}

.fundocert::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url('multimedia/fundocert.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    backdrop-filter: blur(50px);
    opacity: 0.6; /* Ajuste a opacidade conforme necessário */
    z-index: -1;
    
}