@font-face {
    font-family: Anton;
    src: url('../font/Anton-Regular.ttf');
}

@font-face {
    font-family: SpaceGrotesk-Regular;
    src: url('../font/SpaceGrotesk-Regular.ttf');
}

.title{
    font-weight: 700;
    font-size: 28px;
    padding: 10px 0;
    color: inherit;
}

.div-titulo-apresentacao{
    background-color: #1A1A1A;
}
  
.titulo-apresentacao {
    font-family: Anton;
    font-weight: 400;
    color: #ED31B8;
    font-size: 2rem;
    line-height: 40px;
}

.texto-apresentacao{
    font-family: SpaceGrotesk-Regular;
    font-size: 0.9rem;
    font-weight: bold;
    text-align: center;
    color: #1A1A1A;
}

.bg-lives{
    background-color: #1A1A1A;
    height: auto;
}

.titulo-lives {
    font-family: Anton;
    font-weight: 400;
    color: white;
    font-size: 2rem;
    line-height: 40px;
}

.titulo-ferramentas {
    font-family: Anton;
    font-weight: 400;
    color: #1A1A1A;
    font-size: 2rem;
    line-height: 40px;
}

.titulo-ferramenta {
    font-weight: 500;
    color: #00d2e6;
    font-size: 1.2rem;
}

.img-ferrramenta{
    max-width: 60%;
    margin: 0 auto;
}

.texto-ferrramenta{
    font-family: SpaceGrotesk-Regular;
    font-size: 0.9rem;
    font-weight: bold;
    text-align: center;
    color: #1A1A1A;
    line-height: 1.2rem;
}

.btn-ferrramenta{
    background-color: #ED31B8;
    color:#1A1A1A;
    font-family: SpaceGrotesk-Regular;
    font-size: 0.9rem;
    font-weight: bold;
    text-align: center;
    padding: 5px 15px 5px 15px; /*t r b l*/
    border-radius: 10px;
}

.titulo-duvidas{
    font-family: SpaceGrotesk-Regular;
    font-size: 1.1rem;
    font-weight: bold;
    color: #00d2e6;
    line-height: 1.2rem;
}

.texto-duvidas{
    font-family: SpaceGrotesk-Regular;
    font-size: 1rem;
    font-weight: 500;
    color: white;
    line-height: 1.3rem;
}

.editoria-rep{
    color: #00D2E6;
    font-size:0.9rem;
    font-weight: bold;
    padding-top:5px;
    padding-top:5px;
}

.titulo-rep {
    font-family: Anton;
    font-weight: 400;
    color: #1A1A1A;
    font-size: 1rem;
    line-height: 1.2rem;
}

.descricao-rep {
    font-family: SpaceGrotesk-Regular;
    font-weight: 400;
    color: #AAAAAA;
    font-size: 0.9rem;
    margin-top: 5px;
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: gray;
    opacity: .2;
}

.accordion-duvidas{
    cursor: pointer;
    width: 100%;
    text-align: center;
    border: none;
    outline: none;
    background-color: #262626;
    transition: 0.4s;
    color: #00d2e6;
    padding: 10px;
    margin-bottom: 5px;
}
  
.panel-duvidas{
    padding: 5px 0px 5px 10px;
    display: none;
    overflow: hidden;
    color: white;
    text-align: left;
}

.contenedor-flexbox {
    display: flex;
    justify-content: space-between;
}

@media (max-width: 480px){
    .titulo-apresentacao {
        font-size: 1.5rem !important;
    }
    .titulo-lives {
        font-size: 1.5rem !important;
    }
    .titulo-ferramentas {
        font-size: 1.5rem;
    }
    .texto-apresentacao {
        line-height: 1.3rem !important;
    }
}

@media (min-width: 481px){
    .border-right {
        border-right: solid 1px #ED31B8;
    }
    .p-left-1{
        padding-left: 1rem!important;
    }
    .p-left-3{
        padding-left: 3rem!important;
    }
}