.wrap-info-webinar{
    display: flex;
    font-size: 1.3em;
    color: #707070;
    gap: 1em;
}

.wrap-ico{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .5em;
    color: #fff;
}

.wrap-ico span, .ico{
    background-repeat: no-repeat;
    display: inline-block;
    width: 1em;
    height: 1em;
    background-size: contain;
}

.wrap-ico-data span, .ico-agenda{
    background-image: url('../img/ico-calendar-outline.svg') ;
}

.ico-email{
    background-image: url('../img/ico-email.svg') ;
}

.wrap-ico-hora span{
    background-image: url('../img/ico-time-outline.svg') ;
}

.wrap-ico-inscrito span{
    background-image: url('../img/ico-tick.svg') ;
}

.box-login .wrap-ico{
    font-size: 1.3em;
}

.box-text-hero{
    height: fit-content;
    margin-top: auto;
    margin-bottom: auto;
    background: transparent;
    padding: 30px 50px !important;
}

.content h2{
    font-family: 'Helvetica', sans-serif;
}

hr {
    border-top: 1px solid #707070a3;
    margin-top: 2em;
    margin-bottom: 2em;
}

.participantes{
    padding: 15px;
}

.card-participante{
    padding: 2em;
    border: none;
    border-radius: 20px;
}

.card-participante .perfil{
    margin: 0 auto;
    border: solid 2px #AEBA00;
    border-radius: 50%;
    padding: 2px;
    width: 150px;
    aspect-ratio: 1;
    object-fit: cover;
    object-position: top;
}

.wrap-image-perfil{
    margin: 0 auto;
    position: relative;
    width: min-content;
}

.card-participante .nacionalidade{
    width: 35%;
    aspect-ratio: 1;
    position: absolute;
    bottom: 0;
    right: 0;
}

.card-participante .card-title{
    text-align: center;
    font-size: 1.2em;
    margin: 1em 0;
}

.card-participante p{
    text-align: center;
}

.box{
    border-radius: 20px !important;
    padding: 1.7em;
    margin-bottom: 3em;
}

.box .btn{
    width: 100%;
    border-radius: 20px !important;
    outline: none !important;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .5em;
}

.box-login{
    background: #AEBA00;
}

.box-login .btn-primary{
    border: solid 1px #FFFFFF !important;
}

.box-login .btn-secondary, .box-login .btn-secondary:active, .box-login .btn-secondary:active {
    background: #fff !important;
    color: #AEBA00 !important;
    border: none !important;
    outline: none !important;
}

.box p, h3{
    color: #424B4F
}

.box p{
    font-size: 1.2em;
}

.box-agenda{
    background: #DBE4E4;
    display: flex;
    flex-direction: column;
}

#countdown-webinar{
    background-image: url('../img/bg-countdown.png');
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #fff;
    padding: 1.5em;
    font-size: 1.2em;
}

#days, #hours, #minutes, #seconds{
    font-size: 2em;
    padding: 0.3em;
    background: #fff;
    color: #AEBA00;
    border-radius: 5px;
}

@media screen and (max-width: 992px){
    .box-text-hero{
        background-color: rgba(255,255,255,.9);
        padding: 30px !important;
    }

    .wrap-ico-data span {
        background-image: url('../img/ico-calendar-outline-green.svg') ;
    }

    .wrap-ico-hora span{
        background-image: url('../img/ico-time-outline-green.svg') ;
    }

    .wrap-ico{
        color: #424B4F;
    }

    .post-thumbnail {
        margin-bottom: 70px !important;
    }

    /* .wrap-bgs .col-12{
        order: 1;
    } */

    .wrap-bgs .col-lg-8{
        order: 3;
    }

    .wrap-bgs .col-lg-4{
        order: 2;
    }
}

@media screen and (min-width: 769px) {
    .participantes{
        gap: 1em;
    }

    .participantes .card-participante{
        width: calc(50% - 1em);
        max-width: calc(50% - 1em);
    }
}