/* =====================================================
   FAIXA
===================================================== */

#faixa{
    position:relative;
    background:#ffffff;
    padding:45px 0;
    overflow:hidden;
}


/* =====================================================
   LINHAS FIXAS DE FUNDO
===================================================== */

#faixa{
    border-top:2px solid #eeeeee;
    border-bottom:2px solid #eeeeee;
}


/* =====================================================
   LINHAS DE CARREGAMENTO ANIMADAS
===================================================== */

#faixa::before,
#faixa::after{
    content:"";
    position:absolute;
    left:-220px;
    width:220px;
    height:2px;
    z-index:2;
}


/* Linha superior - Roxo */

#faixa::before{
    top:0;
    background:#6d2077;
    box-shadow:0 0 12px rgba(109,32,119,.45);
    animation:loadingTop 2.5s linear infinite;
}


/* Linha inferior - Verde */

#faixa::after{
    bottom:0;
    background:#00bfb3;
    box-shadow:0 0 12px rgba(0,191,179,.45);
    animation:loadingBottom 2.5s linear infinite;
}


/* =====================================================
   CONTEÚDO
===================================================== */

#faixa .inner{

    display:flex;
    align-items:center;
    justify-content:center;
    gap:20px;

    opacity:0;
    transform:translateY(15px);

    animation:fadeTitle .8s ease forwards;

}


#faixa .image img{

    display:block;
    max-width:70px;
    height:auto;

}


#faixa .text h2{

    margin:0;

    color:#2746df;

    font-size:42px;
    font-weight:700;

    line-height:1.2;
    letter-spacing:.3px;

}


/* =====================================================
   ANIMAÇÕES
===================================================== */

@keyframes loadingTop{

    0%{
        left:-220px;
    }

    100%{
        left:calc(100% + 220px);
    }

}


@keyframes loadingBottom{

    0%{
        left:-220px;
    }

    100%{
        left:calc(100% + 220px);
    }

}


@keyframes fadeTitle{

    from{
        opacity:0;
        transform:translateY(15px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }

}


/* =====================================================
   RESPONSIVO
===================================================== */

@media(max-width:768px){

    #faixa{
        padding:35px 15px;
    }


    #faixa .inner{

        flex-direction:column;
        text-align:center;
        gap:15px;

    }


    #faixa .image img{

        max-width:55px;

    }


    #faixa .text h2{

        font-size:28px;

    }

}.courses1{padding-bottom: 50px;}.courses1 .no-image{background-color: #2746df;height: 213px;color: #FFF;width: 100%;max-width: 400px;position: relative;margin: 0 auto;}.courses1 .no-image p {font-size: 21px;font-weight: 700;left: 50%;position: absolute;top: 50%;transform: translate(-50%, -50%);}.courses1 .products {padding-bottom:50px;clear: both; text-align: center;} .courses1 .item {padding-top:15px;min-height:370px;}.courses1 h5 {text-align: center;font-weight: 500;font-size: 22px;margin: 10px;padding: 0;overflow: hidden;vertical-align: middle;min-height: 78px;color: #2746df;}.courses1 h5 a {color: #2746df;text-decoration: none;font-size: 22px;}.courses1 .item .description {font-size: 20px;margin-top: 18px;margin-bottom: 0;font-weight: 300;color: #00bfb3;min-height: 30px;}.courses1 .products.category h3{font-size: 20px;margin: 10px 20px 20px 20px;}.courses1 .product-box-price {margin:5px 0 10px 0;border-radius:10px;}.courses1 .btn.btn-enroll {color:#FFFFFF;cursor: pointer;padding: 10px 50px;margin-bottom:10px;font-weight: 600;border-radius: 30px; font-size: 16px;background-color: #00bfb3;}.courses1 .btn.btn-enroll:hover {color:#FFFFFF;background-color: #00bfb3;opacity:0.8;}.courses1 .product-font-1 {font-weight:500;font-size:14px; padding-top:5px; height:14px; color: #A5A5A5;}.courses1 .product-font-2 {font-weight:100;font-size:22px; height:30px; font-weight:500; color:#2746df;}.courses1 .product-font-3 {font-size:28px;font-weight:600;font-style:normal;color:#2746df;}.courses1 .product-font-4 {font-size:16px; font-weight:600;font-size:12px; color:#A5A5A5;}.courses1 .product-font-4 a{text-decoration: none; color:#2746df;}.courses1 .text-decoration-line-through {text-decoration: line-through;}.courses1 .maisCursos{text-align: center;}.courses1 .maisCursos a{text-decoration: none;color: #2746df;font-size: 16px; font-weight: 700; color: #2746df;padding: 15px 30px;cursor: pointer;border: #2746df solid 2px;width: 200px;margin: 0 auto;margin-top: 70px;border-radius: 20px;}.courses1 .maisCursos a:hover{opacity: 0.8;color: #FFF;background-color: #2746df;}.courses1 .nav-tabs {list-style: none !important;padding-left: 0 !important;border-bottom: none !important;display: flex !important;flex-wrap: wrap !important;gap: 8px !important;}.courses1 .nav-tabs .nav-item {list-style: none !important;margin-bottom: 8px;display: inline-block;}.courses1 .nav-tabs .nav-link {display: inline-block !important;border: 1px solid #d0d0d0 !important;background-color: #ffffff !important;color: #666 !important;padding: 6px 16px !important;border-radius: 20px !important;font-size: 13px !important;transition: all 0.3s ease !important;white-space: nowrap !important;font-weight: 400 !important;text-decoration: none !important;}.courses1 .nav-tabs .nav-link:hover,.nav-tabs .nav-link:focus,.nav-tabs .nav-link:active {text-decoration: none !important;background-color: #f8f8f8 !important;border-color: #b0b0b0 !important;color: #333 !important;}.courses1 .nav-tabs .nav-link.active {background-color: #00bfb3 !important;border-color: #00bfb3 !important;color: white !important;font-weight: 500 !important;text-decoration: none !important;}@media (max-width: 768px) {.courses1 .nav-tabs {justify-content: center !important;}.courses1 .nav-tabs .nav-link {font-size: 12px !important;padding: 5px 14px !important;}}.divCookie{position: fixed;min-width: 100%;z-index: 100000;font-size: 13px;letter-spacing: 0px;text-align: center;background-color: #2746df;bottom: 0;left: 0;}.spanTexto{color: #FFF;text-align: center;vertical-align: middle;display: inline-block;padding: 15px 20px;}.spanButton{display: inline-block;padding: 15px 0px;}.btn-ok{background-color:#6d2077;color:#000;}.divChat{margin:0; padding:0; text-align: center;height:70px;width:70px;position:fixed;bottom:20px;right:20px;border-radius: 50%;cursor: pointer;z-index: 10;}.divChat img{border: 0px; vertical-align: baseline;height:60px;width:60px;margin-top: 10px;}.rotate{-webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform;transition-property: transform;overflow:hidden;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg); -o-transform:rotate(360deg);}