/* =====================================================
   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;

    }

}.courses11cat{position: relative;background-color: #FAFAFA;}.courses11cat > .container {max-width: 1250px;padding-top: 3.5rem;padding-bottom: 3.5rem;}@media (max-width: 991.98px) {.courses11cat > .container {padding-top: 2.5rem !important;padding-bottom: 2.5rem !important;}}.courses11cat .course-list-header {text-align: center;margin-bottom: 1.5rem !important;margin-left: auto !important;margin-right: auto !important;width: 50%;}.courses11cat .course-list-header .header-text .title {margin-bottom: 1rem !important;}.courses11cat .course-list-header .header-text h2 {font-style: normal;font-weight: 900;font-size: 32px;line-height: 48px;text-transform: uppercase;color: #00bfb3;}.courses11cat .course-list-header .header-text h3 {font-style: normal;font-weight: 400;font-size: 16px;line-height: 28px;color: #848484;}@media (max-width: 991.98px) {.courses11cat .course-list-header {width: 80%;}}@media (max-width: 767.98px) {.courses11cat .course-list-header {width: 100% !important;}}.courses11cat .nav-custom {margin-bottom: 1.5rem;}.courses11cat .nav-tabs {list-style: none !important;padding-left: 0 !important;border-bottom: none !important;display: flex !important;flex-wrap: wrap !important;gap: 8px !important;justify-content: center !important;}.courses11cat .nav-tabs .nav-item {list-style: none !important;margin-bottom: 8px;display: inline-block;}.courses11cat .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;}.courses11cat .nav-tabs .nav-link:hover,.courses11cat .nav-tabs .nav-link:focus,.courses11cat .nav-tabs .nav-link:active {text-decoration: none !important;background-color: #f8f8f8 !important;border-color: #b0b0b0 !important;color: #333 !important;}.courses11cat .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) {.courses11cat .nav-tabs .nav-link {font-size: 12px !important;padding: 5px 14px !important;}}.courses11cat .course-list-content .col-content-inner {padding-left: 0.50rem !important;padding-right: 0.50rem !important;}@media (max-width: 991.98px) {.courses11cat .course-list-content > .row {display: -webkit-box;overflow-y: hidden;overflow-x: auto;flex-wrap: nowrap;}}.courses11cat .course-card.primary .content-discount{position:absolute;text-align:center;z-index:10;top:0;left:15px;}.courses11cat .course-card.primary .content-discount .discountprice>span{display:inline-block;padding:.5rem !important;font-style:normal;font-weight:500;font-size:14px;line-height:28px;text-transform:uppercase;line-height:1.5;color:#fff;background-color:#1bc500;border-radius:.5em;border-top-left-radius:0;}.courses11cat .course-card.primary .content-discount .discountprice>span>span{display:block;}.courses11cat .course-card.primary .card-wrapper.primary {padding: 1rem !important;background-color: #ffffff;}.courses11cat .course-card.primary .course-image {overflow: hidden;}.courses11cat .course-card.primary .course-image img {transition: 0.5s ease;width:100%;}.courses11cat .course-card.primary .course-image .no-image {background-color: #2746df;height: 160px;color: #FFF;width: 100%;position: relative;transition: 0.5s ease;}.courses11cat .course-card.primary .course-image .no-image p {font-size: 18px;font-weight: 700;left: 50%;position: absolute;top: 50%;transform: translate(-50%, -50%);width: 90%;margin: 0;text-align: center;}.courses11cat .course-card.primary .course-text {margin-bottom: 1rem !important;min-height: 110px;}.courses11cat .course-card.primary .course-text .title a {font-style: normal;font-weight: 700;font-size: 16px;line-height: 24px;display: block;color: #2C2C2C;text-decoration: none;}.courses11cat .course-card.primary .course-text .desc {height: 2.75rem;margin-top: 15px;}.courses11cat .course-card.primary .course-text .desc p {margin-bottom: 0rem !important;font-style: normal;font-weight: 400;font-size: 14px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;white-space: normal;-webkit-line-clamp: 2;line-height: 1.5;color: #848484;}.courses11cat .course-card.primary .course-price {display: flex;align-items: center;margin-bottom: 1rem !important;min-height: 24px;}.courses11cat .course-card.primary .course-price > div {margin-right: 0.50rem !important;}.courses11cat .course-card.primary .course-price > div:last-child {margin-right: 0rem !important;}.courses11cat .course-card.primary .course-price > div > span {display: inline-block;line-height: 1;}.courses11cat .course-card.primary .course-price .priceicon span {color: #848484;}.courses11cat .course-card.primary .course-price .pricedetail span.month {font-style: normal;font-weight: 400;font-size: 14px;line-height: 28px;color: #F1421B;}.courses11cat .course-card.primary .course-price .pricedetail span.month > span {font-size: 16px;line-height: 24px;}.courses11cat .course-card.primary .course-price .pricedetail span.price {font-style: normal;font-weight: 800;font-size: 16px;line-height: 24px;color: #F1421B;}.courses11cat .course-card.primary .course-price .totalprice span {font-style: normal;font-weight: 400;font-size: 14px;line-height: 28px;color: #848484;}.courses11cat .course-card.primary .course-button .btn-course {padding-top: 0.50rem !important;padding-bottom: 0.50rem !important;padding-left: 1.5rem !important;padding-right: 1.5rem !important;font-style: normal;font-weight: 700;font-size: 12px;line-height: 24px;text-transform: uppercase;color: #ffffff;background-color: #00bfb3;border-radius: 50em;}.courses11cat .course-card.primary .course-button .btn-course:hover {background-color: #2746df;color: #ffffff;}.courses11cat .course-card.primary:hover .course-image img {transform: scale(1.1) rotate(2.5deg);transition: 0.5s ease;}.courses11cat .course-card.primary:hover .course-image .no-image {transform: scale(1.05);transition: 0.5s ease;}.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);}