.elementor-235 .elementor-element.elementor-element-62442e89 > .elementor-background-overlay{opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-235 .elementor-element.elementor-element-62442e89{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-235 .elementor-element.elementor-element-65aea0c5:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-235 .elementor-element.elementor-element-65aea0c5 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-235 .elementor-element.elementor-element-65aea0c5 > .elementor-element-populated >  .elementor-background-overlay{opacity:0.5;}.elementor-235 .elementor-element.elementor-element-65aea0c5 > .elementor-element-populated{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.09);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-235 .elementor-element.elementor-element-65aea0c5 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-235 .elementor-element.elementor-element-1127ca93 .elementor-heading-title{color:#FFFFFF;font-family:"Readex Pro", Sans-serif;font-weight:600;}.elementor-235 .elementor-element.elementor-element-235eda41 .elementor-heading-title{color:#FFFFFF;font-family:"Readex Pro", Sans-serif;font-weight:600;}.elementor-235 .elementor-element.elementor-element-78e75cf9 .elementor-heading-title{color:#FFFFFF;font-family:"Readex Pro", Sans-serif;font-weight:600;}.elementor-235 .elementor-element.elementor-element-71dff5d4 .elementor-button{font-family:"Roboto", Sans-serif;font-weight:700;text-shadow:0px 0px 10px rgba(0,0,0,0.3);background-color:#B338EC;box-shadow:0px 5px 9px -1px rgba(179.00000000000006, 56.00000000000001, 235.99999999999997, 0.74);}.elementor-235 .elementor-element.elementor-element-28b31f06 .elementor-heading-title{color:#C2C2C2;font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-235 .elementor-element.elementor-element-467fd9bb .elementor-heading-title{color:#B338EC8A;font-family:"Roboto", Sans-serif;font-weight:600;}body.elementor-page-235:not(.elementor-motion-effects-element-type-background), body.elementor-page-235 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}@media(max-width:767px){.elementor-235 .elementor-element.elementor-element-62442e89 > .elementor-container{max-width:500px;}.elementor-235 .elementor-element.elementor-element-62442e89 > .elementor-background-overlay{opacity:0;}.elementor-235 .elementor-element.elementor-element-62442e89, .elementor-235 .elementor-element.elementor-element-62442e89 > .elementor-background-overlay{border-radius:0px 0px 0px 0px;}.elementor-235 .elementor-element.elementor-element-62442e89{margin-top:-4px;margin-bottom:0px;padding:0px 0px 0px 2px;}.elementor-235 .elementor-element.elementor-element-65aea0c5{width:100%;}.elementor-235 .elementor-element.elementor-element-65aea0c5 > .elementor-element-populated, .elementor-235 .elementor-element.elementor-element-65aea0c5 > .elementor-element-populated > .elementor-background-overlay, .elementor-235 .elementor-element.elementor-element-65aea0c5 > .elementor-background-slideshow{border-radius:9px 9px 9px 9px;}.elementor-235 .elementor-element.elementor-element-65aea0c5 > .elementor-element-populated{margin:13px 13px 13px 13px;--e-column-margin-right:13px;--e-column-margin-left:13px;padding:11px 11px 11px 11px;}.elementor-235 .elementor-element.elementor-element-116f806a img{border-radius:9px 9px 9px 9px;}.elementor-235 .elementor-element.elementor-element-116f806a > .elementor-widget-container{margin:-32px -32px -32px -32px;padding:11px 11px 11px 11px;}.elementor-235 .elementor-element.elementor-element-1127ca93{text-align:center;}.elementor-235 .elementor-element.elementor-element-1127ca93 .elementor-heading-title{font-size:16px;}.elementor-235 .elementor-element.elementor-element-1127ca93 > .elementor-widget-container{margin:22px 0px 0px 0px;}.elementor-235 .elementor-element.elementor-element-86ba35c > .elementor-widget-container{margin:-6px 0px 0px 0px;}.elementor-235 .elementor-element.elementor-element-235eda41{text-align:center;}.elementor-235 .elementor-element.elementor-element-235eda41 .elementor-heading-title{font-size:16px;}.elementor-235 .elementor-element.elementor-element-235eda41 > .elementor-widget-container{margin:9px 0px 0px 0px;}.elementor-235 .elementor-element.elementor-element-28ce38a7 > .elementor-widget-container{margin:-6px 0px 0px 0px;}.elementor-235 .elementor-element.elementor-element-78e75cf9{text-align:center;}.elementor-235 .elementor-element.elementor-element-78e75cf9 .elementor-heading-title{font-size:16px;}.elementor-235 .elementor-element.elementor-element-78e75cf9 > .elementor-widget-container{margin:9px 0px 0px 0px;}.elementor-235 .elementor-element.elementor-element-197c1dab > .elementor-widget-container{margin:-6px 0px 0px 0px;}.elementor-235 .elementor-element.elementor-element-71dff5d4 .elementor-button{font-size:17px;padding:13px 13px 13px 13px;}.elementor-235 .elementor-element.elementor-element-71dff5d4 > .elementor-widget-container{margin:12px 0px 0px 0px;padding:0px 0px 9px 0px;}.elementor-235 .elementor-element.elementor-element-28b31f06{text-align:center;}.elementor-235 .elementor-element.elementor-element-28b31f06 .elementor-heading-title{font-size:12px;}.elementor-235 .elementor-element.elementor-element-28b31f06 > .elementor-widget-container{margin:25px 0px 0px 0px;}.elementor-235 .elementor-element.elementor-element-467fd9bb{text-align:center;}.elementor-235 .elementor-element.elementor-element-467fd9bb .elementor-heading-title{font-size:12px;}.elementor-235 .elementor-element.elementor-element-467fd9bb > .elementor-widget-container{margin:-9px 0px 15px 0px;}.elementor-235 .elementor-element.elementor-element-7cc04ea > .elementor-widget-container{padding:11px 11px 11px 11px;}.elementor-235 .elementor-element.elementor-element-1580c762 > .elementor-widget-container{margin:12px 12px 12px 12px;}.elementor-235 .elementor-element.elementor-element-2519f8ae > .elementor-widget-container{margin:12px 12px 12px 12px;}}/* Start custom CSS for html, class: .elementor-element-86ba35c */#grades {
    font-family: 'Hanken Grotesk', sans-serif;
    box-sizing: border-box;
    scroll-behavior: smooth;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
}

.my-button {
    pointer-events: auto;
    width: calc(50% - 0.25rem); /* Ajuste conforme necessário */
    border: none;
    background-color: rgb(226, 232, 240);
    font-size: 16px;
    border-radius: 0.25rem;
    padding: 0.6rem 0;
    font-weight: bold;
    font-family: 'Hanken Grotesk', sans-serif;
    color: rgb(51, 65, 85);
    transition: background-color 0.3s ease;
    outline: none; /* Remove a borda preta ao selecionar */
}

.my-button:hover,
.my-button:focus {
    background-color: #B338EC; /* Muda para roxo quando o mouse está sobre o botão ou botão é focado */
    outline: none; /* Remove a borda preta ao focar */
}

.my-button.selected {
    background-color: #B338EC; /* Muda para roxo quando o botão é clicado */
    color: white; /* Muda a cor da fonte para branco quando o botão é clicado */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-28ce38a7 */#grades {
    font-family: 'Hanken Grotesk', sans-serif;
    box-sizing: border-box;
    scroll-behavior: smooth;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
}

.my-button {
    pointer-events: auto;
    width: calc(50% - 0.25rem); /* Ajuste conforme necessário */
    border: none;
    background-color: rgb(226, 232, 240);
    font-size: 16px;
    border-radius: 0.25rem;
    padding: 0.6rem 0;
    font-weight: bold;
    font-family: 'Hanken Grotesk', sans-serif;
    color: rgb(51, 65, 85);
    transition: background-color 0.3s ease;
    outline: none; /* Remove a borda preta ao selecionar */
}

.my-button:hover,
.my-button:focus {
    background-color: #B338EC; /* Muda para roxo quando o mouse está sobre o botão ou botão é focado */
    outline: none; /* Remove a borda preta ao focar */
}

.my-button.selected {
    background-color: #B338EC; /* Muda para roxo quando o botão é clicado */
    color: white; /* Muda a cor da fonte para branco quando o botão é clicado */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-197c1dab */#grades {
    font-family: 'Hanken Grotesk', sans-serif;
    box-sizing: border-box;
    scroll-behavior: smooth;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
}

.my-button {
    pointer-events: auto;
    width: calc(50% - 0.25rem); /* Ajuste conforme necessário */
    border: none;
    background-color: rgb(226, 232, 240);
    font-size: 16px;
    border-radius: 0.25rem;
    padding: 0.6rem 0;
    font-weight: bold;
    font-family: 'Hanken Grotesk', sans-serif;
    color: rgb(51, 65, 85);
    transition: background-color 0.3s ease;
    outline: none; /* Remove a borda preta ao selecionar */
}

.my-button:hover,
.my-button:focus {
    background-color: #B338EC; /* Muda para roxo quando o mouse está sobre o botão ou botão é focado */
    outline: none; /* Remove a borda preta ao focar */
}

.my-button.selected {
    background-color: #B338EC; /* Muda para roxo quando o botão é clicado */
    color: white; /* Muda a cor da fonte para branco quando o botão é clicado */
}/* End custom CSS */