:root{
    --primary:#7022D6 !important;
    --secondary:#3B1270 !important;
    --tertiary: #5057B5 !important;
    --quantenary: #FF6AB4 !important;
    --quintenary: #741142 !important;
    --gray:#F7F7FC !important;
    --light:#fff !important;
    --dark:#000032 !important;
}
::selection{background-color:var(--tertiary);color: var(--light)}
::-moz-selection{background-color:var(--tertiary);color: var(--light)}

::-webkit-scrollbar {width: 10px; }
::-webkit-scrollbar-track {background: var(--dark); }
::-webkit-scrollbar-thumb {background: var(--primary); border-radius: 30px;}
::-webkit-scrollbar-thumb:hover {background: var(--primary)}


.container {max-width: 1170px !important;}

.select-none{ -webkit-user-select: none;  -moz-user-select: -moz-none;  -ms-user-select: none;   user-select: none;}

.desk-show {display: inline-block !important;}
.mobi-show {display: none !important;}

.btn.btn-primary {
    background: var(--quantenary) ;
    color: var(--quintenary) ;
    border: none ;
    text-transform: uppercase ;
    padding: 15px 25px;
    font-weight: 500;
    transition: all .2s ease-in-out;
    font-size: 18px;
}
.btn.btn-primary:hover{

    background: var(--quantenary);
    color: var(--quintenary) ;
    transform: scale(1.02);

}

.btn.btn-secondary {
    background: var(--primary) ;
    color: var(--light) ;
    border: none ;
    text-transform: uppercase ;
    padding: 15px 25px;
    font-weight: 500;
    transition: all .2s ease-in-out;
    font-size: 18px;
}
.btn.btn-secondary:hover{

    background: var(--primary);
    color: var(--light) ;
    transform: scale(1.02);

}

body{
    font-family: 'Poppins', sans-serif !important;
    color: var(--dark) !important;
    background: var(--gray);
    background: linear-gradient(244.48deg, #FFEDF6 -3.99%, #FFFFFF 19.79%, #F5FCFF 45.24%, #FFFFFF 73.45%, #F9F4FF 102.22%);}

header {
    height: 150px;
    padding-top: 40px;
}

#topo {
    overflow: hidden;
    position: relative;
    padding-top: 120px;
    margin-top: -120px;
}

#topo .lumen img {
    object-fit: cover;
    width: calc(50% + 350px);
    height: 490px;
    left: 0;
    position: absolute;
    z-index: -1;
}

#topo .bloco {
    margin: 80px auto;
}

#topo h1 {
    font-size: 72px;
    color: var(--light);
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 20px;
}
#topo h1 span {
    font-weight: 700;
    position: relative;

}

#topo h1 span::after {
    content: "";
    background: var(--quantenary);
    width: 100%;
    height: 5px;
    position: absolute;
    left: 0;
    bottom: 10px;
    border-radius: 5px;

}

#topo img.foto {
    margin-top: -118px;
    margin-left: 90px;
    position: relative;
    z-index: 1;
}

#topo .video-in{
    width: 100%;
    position: relative;
    margin-top: -222px;
    z-index: 2;
}

#topo .video-in iframe {
    width: 100%;
    height: 314px;
    box-shadow: 0 7px 16px 0 rgb(0 0 0 / 30%);
}

#topo h4.alunos {
    color: var(--dark);
    font-size: 18px;
    margin-top: -60px;
}
#topo h4.alunos span{
    color: var(--quantenary);
}

#promo {
    padding-top: 100px;
    margin-bottom: 50px;
}

#promo .desk-show {display: block !important;}

#promo h2 {
    color: var(--light);
    font-size: 18px;
    font-weight: 400;
}

#promo .promos {
    background: linear-gradient(51.77deg, #00C4FF 0%, #8703BB 100.01%);
    padding-bottom: 50px;
    margin-top: 100px;

}

#promo .promo {margin-top: -50px;}

#promo .titulo h2 {
    color: var(--secondary);
    text-align: center;
    font-weight: 500;
    font-size: 64px;
}

#promo .titulo h1 {
    color: var(--quantenary);
    text-align: center;
    font-size: 96px;
    line-height: 64px;
    margin-bottom: 50px;
}

#promo .promo .item {
    background: var(--light);
    border-radius: 5px;
    text-align: center;
    padding: 30px 0 0;
    overflow: hidden;
}

#promo .promo.promo-1 .item{
    transform: scale(1.1);
    box-shadow: 0px 30px 60px 20px rgba(34, 39, 102, 0.2);
    
}

#promo .promo .item a{
    width: 100%;
    border-radius: 0;
    margin-top: 20px;
}

#promo .promo .item h2{
    font-size: 60px;
    font-weight: 800;
    color: var(--secondary);
    margin-bottom: -10px;
    text-transform: uppercase;
}

#promo .promo .item h3{
    font-size: 36px;
    font-weight: 400;
    color: var(--secondary);
    text-transform: uppercase;

}

#promo .promo .item p{
    font-size: 24px;
    color: var(--dark);
    opacity: .6;
}
#promo .promo .item p span {
    text-decoration: line-through;
    text-decoration-color: red;
}

#promo .promo .item h4{
    font-size: 48px;
    font-weight: 400;
    color: var(--dark);
}

#promo .promo .item h4 span{

    font-weight: 800;

}

#promo .logos {    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
}

#promo .timer {
    text-align: center;
    padding: 50px 0;
}


#countdown_dashboard { display: flex; flex-direction: row;  justify-content: center;}
#countdown_dashboard .dashp {  float:left; margin: 0 0 0 23px;  }
#countdown_dashboard p {padding-top: 5px; height: 72px; width: 72px;  border:2px solid var(--quantenary); font-size:40px; font-weight:bold; color:var(--light); margin: 0px; text-align: center;  border-radius: 70px;  }
#countdown_dashboard .dashtitle {margin-top: 5px; font-size:10px; font-weight: 600;text-transform: uppercase;color:rgb(255, 255, 255); clear:both; display:block; }

#maratonas .maratona {background: var(--light); border: 1px solid rgb(238, 238, 238); border-radius: 7px; overflow: hidden; margin-bottom: 30px;}

#maratonas .maratona figure {height: 100%;}
#maratonas .maratona figure img {object-fit: cover; width: 100%; height: 100%;}

#maratonas .maratona h1 { 
     background: -webkit-linear-gradient(51.77deg, #00C4FF 0%, #8703BB 100.01%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    font-size: 64px;
    text-transform: uppercase;
}

#maratonas .maratona h2 {
    font-size: 24px;
    margin-bottom: -10px;
text-transform: uppercase;
    color: var(--secondary);
}

#maratonas .maratona p {
    font-size: 18px;
    color: var(--tertiary);
}
#maratonas .maratona .infos {margin: 35px 50px; position: relative;}
#maratonas .maratona .infos .novidade {    position: absolute;    right: -130px;}
#maratonas .maratona .infos img {margin-left: 15px;}

ul {list-style-type: none; padding-inline-start: 0; margin-bottom: 30px !important; padding-left: 0 !important;}

#maratonas .maratona li p{ font-size: 18px ; font-weight: 500;}
#maratonas .maratona li p i {color: gold;}

#maratonas .titulo h2 {
    color: var(--secondary);
    text-align: center;
    font-weight: 500;
    font-size: 64px;
    text-transform: uppercase;
}

#maratonas .titulo h1 {
    color: var(--quantenary);
    text-align: center;
    font-size: 96px;
    line-height: 64px;
    margin-bottom: 50px;
    text-transform: uppercase;

}

#sobre {margin-top: 50px; background-color: var(--light); position: relative; padding-bottom: 50px;}

#sobre .lumen img {
    object-fit: cover;
    width: calc(50% + 600px);
    height: 80px;
    right: 0;
    position: absolute;
    z-index: 0;
}

#sobre img.foto {margin-top: 20px; position: relative; z-index: 2;}
#sobre .texto {margin-top: 150px;}
#sobre .texto img.logo {margin-bottom: 50px;}
#sobre .texto p { color: var(--tertiary); font-size: 18px;}

#sobre ul {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding-left: 0;
    margin-top: 40px;
}
#sobre li {margin-right: 15px;}
#sobre li i {color: var(--quantenary); font-size: 28px;transition: all .2s ease-in-out;}
#sobre li a{text-decoration: none; }
#sobre li a:hover i{transform: scale(1.1);}

#faq {margin: 50px 0; padding: 50px 0;}

#faq .titulo h2 {
    color: var(--secondary);
    text-align: center;
    font-weight: 500;
    font-size: 26px;
    text-transform: uppercase;
    margin-bottom: 40px;
}

#faq .accordion-button:not(.collapsed){background: var(--light); color: var(--primary);}
#faq .accordion-button:focus { box-shadow: none; border-color: var(--quantenary);}
.accordion-item:last-of-type .accordion-collapse , .accordion-flush .accordion-item .accordion-button {border-bottom: none;}
.accordion-button:not(.collapsed)::after {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill=''%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");}

footer {background-color: var(--light); padding-top: 50px;}

footer .logo {margin-bottom: 50px;}

footer ul {    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;}

    footer li {margin: 5px;}
    footer li i {color: var(--tertiary); font-size: 20px;transition: all .2s ease-in-out;}

    footer .copy {font-size: 14px; color: var(--tertiary);}

footer .copy .col-md-4 {text-align: center;}

footer .copy .col-md-4:first-child {text-align: left;}

footer .copy .col-md-4:last-child {text-align: right;}

@media only screen and (max-width:1299px) {
    
    #maratonas {overflow: hidden;}


}

@media only screen and (max-width:768px){
   
    .desk-show {display: none !important;}
    .mobi-show {display: block !important;}
    #promo .desk-show {display: none !important;}

    #topo .lumen img {height: 490px;}

    #topo h1 {font-size: 34px;}
    #topo h1 span::after {bottom: 2px; height: 3px;}
    #topo{padding-top: 85px;}
    #topo img.foto {
        margin-top: -454px;
        margin-left: 130px;
        position: relative;
        z-index: -1;
        transform: scale(0.4);
    }
    #topo .bloco {margin: 30px 0 100px;}

    #topo .video-in iframe {height: 200px;}

    #topo h4.alunos {margin-top: 50px;font-size: 14px;text-align: center;}

    #maratonas {overflow: hidden;}
    #maratonas .titulo h2, #promo .titulo h2 {font-size: 30px;}
    #maratonas .titulo h1, #promo .titulo h1 {font-size: 48px; margin-bottom: 20px;}

    #promo {overflow: hidden; padding-top: 50px;}
    #promo .promo.promo-1 .item {transform: scale(1);}
    #promo .promo .item { margin-bottom: 60px;}

    #promo .promo .item h2 {font-size: 36px;}
    #promo .promo .item h3 {font-size: 26px;}
    #promo .promo .item h4 {font-size: 36px;}
    #promo .promo .item p {font-size: 18px;}

    #promo .timer {padding-top: 0;}
    #countdown_dashboard p {font-size: 24px;height: 46px; width: 46px;}

    #countdown_dashboard .dashp:first-child {margin-left: 0;}

    #promo .logos {display: block; text-align: center;}
    #promo .logos img {margin: 10px}
    
    #maratonas .maratona {    margin-left: -15px;
        margin-right: -15px;}
    #maratonas .maratona h2 {font-size: 14px; margin-bottom: 0px;}
    #maratonas .maratona h1 {font-size: 36px;}
    #maratonas .maratona .infos {margin: 30px 20px}
    #maratonas .maratona p {font-size: 14px;}
    #maratonas .maratona li p {font-size: 14px;}
    #maratonas .maratona a{width: 100%;}

    #maratonas .maratona .infos .novidade {     position: absolute;
        right: -27px;
        transform: scale(.6);
        top: -40px;}


    #sobre img.foto {margin-top: 36px;margin-left: -60px;}
    #sobre img.logo {margin-top: 115px;}
    #sobre .texto {margin-top: 20px;}
    #sobre ul {flex-direction: column; position: absolute; top: -280px; right: 10px;}
    #sobre li {margin-bottom: 15px;}
    footer .copy .col-md-4 {text-align: center;}

    footer .copy .col-md-4:first-child {text-align: center;}
    
    footer .copy .col-md-4:last-child {text-align: center;}

    .btn_whats {right: 5px !important; bottom: 5px !important; }
    .btn_whats_label {bottom: 70px !important;right: 20px !important;}
    }