.elementor-814 .elementor-element.elementor-element-279aa1f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-814 .elementor-element.elementor-element-279aa1f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-814 .elementor-element.elementor-element-c7cb582 > .elementor-widget-container{margin:16px 0px 60px 0px;padding:0px 0px 0px 0px;}.elementor-814 .elementor-element.elementor-element-c7cb582{text-align:center;}.elementor-814 .elementor-element.elementor-element-c7cb582 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:4.5em;font-weight:900;color:#FFFFFF;}.elementor-814 .elementor-element.elementor-element-1911dec{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--margin-top:60px;--margin-bottom:16px;--margin-left:0px;--margin-right:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-814 .elementor-element.elementor-element-559def1 > .elementor-widget-container{margin:0% 0% 0% 0%;}.elementor-814 .elementor-element.elementor-element-559def1{column-gap:0px;text-align:end;font-family:"Montserrat", Sans-serif;font-size:1.3em;font-weight:400;}.elementor-814 .elementor-element.elementor-element-10dde2b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--margin-top:24px;--margin-bottom:16px;--margin-left:0px;--margin-right:0px;}.elementor-814 .elementor-element.elementor-element-7d25a27{width:var( --container-widget-width, 110.453% );max-width:110.453%;--container-widget-width:110.453%;--container-widget-flex-grow:0;column-gap:0px;text-align:start;font-family:"Montserrat", Sans-serif;font-size:1.2em;font-weight:400;}.elementor-814 .elementor-element.elementor-element-7d25a27 > .elementor-widget-container{margin:0% 0% 0% 0%;}.elementor-814 .elementor-element.elementor-element-7d25a27.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-814 .elementor-element.elementor-element-1bf7b0e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:16px;--margin-bottom:24px;--margin-left:0px;--margin-right:0px;}.elementor-814 .elementor-element.elementor-element-285ee09{text-align:center;font-family:"Montserrat", Sans-serif;font-size:1.4em;font-weight:700;}.elementor-814 .elementor-element.elementor-element-3fb3a98{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-814 .elementor-element.elementor-element-a83a7c5{--display:flex;}.elementor-814 .elementor-element.elementor-element-5a262c09{--display:flex;}.elementor-814 .elementor-element.elementor-element-921afe3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(max-width:767px){.elementor-814 .elementor-element.elementor-element-c7cb582 > .elementor-widget-container{margin:-6px -6px -6px -6px;}.elementor-814 .elementor-element.elementor-element-c7cb582 .elementor-heading-title{font-size:2.4em;}.elementor-814 .elementor-element.elementor-element-559def1 > .elementor-widget-container{margin:-3% 0% 0% 0%;padding:-4px 0px 0px 0px;}}@media(min-width:768px){.elementor-814 .elementor-element.elementor-element-279aa1f{--width:116.308%;}.elementor-814 .elementor-element.elementor-element-10dde2b{--content-width:100%;}.elementor-814 .elementor-element.elementor-element-1bf7b0e{--content-width:80%;}}/* Start custom CSS for heading, class: .elementor-element-c7cb582 */@keyframes neon {
  0%, 100% {
    text-shadow: 0 0 1px #FFF, 0 0 2px #FFF, 0 0 3px #FFF
  }
  25%, 75% {
    text-shadow: 0 0 2px #FFF, 0 0 3px #FFF, 0 0 6px #FFF
  }
  50% {
    text-shadow: 0 0 4px #FFF, 0 0 6px #FFF, 0 0 12px #FFF
  }
}
/*
@keyframes neonB {
  0%, 100% {
    text-shadow: 0 0 8px #0c80c4, 0 0 16px #0ea1e6, 0 0 24px #0c80c4, 0 0 32px #0b70b3, 0 0 56px #0d90d5, 0 0 64px #0ea1e6, 0 0 100px #0ea1e6, 0 0 150px #1FB2F7;
  }
  50% {
    text-shadow: 0 0 4px #0c80c4, 0 0 8px #0ea1e6, 0 0 12px #0c80c4, 0 0 16px #0b70b3, 0 0 28px #0d90d5, 0 0 32px #0ea1e6, 0 0 40px #0ea1e6, 0 0 60px #1FB2F7;
  }
}
*/
@keyframes neonB {
  0%, 100% {
    text-shadow: 0 0 1px #0ea1e6, 0 0 2px #0ea1e6, 0 0 4px #0ea1e6, 0 0 8px #0ea1e6
  }
  25%, 75% {
    text-shadow: 0 0 2px #0ea1e6, 0 0 3px #0ea1e6, 0 0 6px #0ea1e6, 0 0 12px #0ea1e6
  }
  50% {
    text-shadow: 0 0 4px #0ea1e6, 0 0 8px #0ea1e6, 0 0 12px #0ea1e6, 0 0 24px #0ea1e6
  }
}

.wp-block-page-list {
    font-weight: 600;
}

.elementor-heading-title {
    animation: neon 3s ease-in-out infinite;
}

.elementor-heading-title b {
    font-weight: 800;
    animation: neonB 3s ease-in-out infinite;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7d25a27 */.elementor-element-678e0a6 li {
    list-style-type: none;
    font-weight: 600;
    font-size: 0.9em;
}
b {
    color: #0ea1e6;
    font-weight: 700;
}

.elementor-element-678e0a6 li::before {
    content: '';
    position: relative;
    left: 0;
    top: 0;
    padding: 5px 20px;
    /* padding: 4px 12px; */
    background-image: url(https://portal.barueri.sp.gov.br/cit/metaverso/assets/img/icons/maker.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    margin-right: 6px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-279aa1f */.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
    background-color: #090f44a3;
    backdrop-filter: blur(5px);
}

.wp-block-navigation-item a {
    font-weight: 700;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5a262c09 */*
{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    color: #FFFFFF;
} 

body{
    background: radial-gradient(circle, #590a7e, #090f44);
    position: relative;
}

.ur-frontend-form {
    border: none!important;
}

form {
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1000;
    max-width: 1000px;
    padding: 50px;
    background: rgba(255,255,255,0.1);
    box-shadow: 0 25px 45px rgb(0, 0, 0, 0.1);
    border: 1px solid rgba(255,255,255,0.25);
    border-right: 1px solid rgba(255,255,255,0.1);
    border-bottom: 1px solid rgba(255,255,255,0.1);
    border-radius: 10px;
    overflow: hidden;
    backdrop-filter: blur(25px);
    margin: 0% 5%;
}

form {
     margin: 0% 5%;
}

.qsm-before-message {
     display: flex;
     flex-direction: column;
     gap: 20px;
     margin: 16px 0px;
}

.qsm-before-message h2 {
     font-size: 210%; 
     text-align: center;
}

.qsm-before-message h4 {
      font-size: 110%;
}

.question-1 {
    position: relative;
    width: 100%;
    margin: 40px 0px 20px 0px;
}

.question-1 input {
    background-color: transparent;
    border-style: none!important;
    border: none;
    border-bottom: 1px solid #FFFFFF!important;
    color: #FFF;
    display: block;
    width: 100%;
    font-size: 1rem;
}
.question-1 .ur-label {
    color: #FFF;
    font-size: 1.15rem;
    font-weight: 500;
    position: absolute;
    pointer-events: none;
    top: 0;
    transform: translateY(-8px);
    transition: all 0.2s ease-in-out;
    left: 2px;
}
.question-1 input:focus {
    outline: none;
}

.input-valid {
    border-bottom-color: #dec2eb!important;
    transition: all 0.2s ease-in-out;
    outline: none;
}

input.ur-input-border-green {
    border-color: #dec2eb!important;
}

.floating-label {
    color: #dec2eb!important;
    font-size: 1rem!important;
    transform: translateY(-20px)!important;
}

.question-2 select {
  appearance: none;
  background-color: transparent;
  border: none;
  padding: 0 1em 0 0;
  margin: 0;
  width: 100%;
  font-family: inherit;
  font-size: inherit;
  cursor: inherit;
  line-height: inherit;
  z-index: 1;
  outline: none;
}

.question-2 select:focus {
  outline: none;
  box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.1)!important;
  transition: all 0.2s ease-in-out!important;
}

.question-2 select {
  display: grid;
  grid-template-areas: "select";
  align-items: center;
  position: relative;
  border: 1px solid #FFF;

  border-radius: 0.1em;
  padding: 0.25em 0.25em;

  font-size: 1rem;
  cursor: pointer;
  line-height: 1.1rem;
}

.question-2 option {
  color: #555;
}

.question-1 {
     margin: 20px 0px;
     font-size: 1rem;
}

.question-3 ul {
    display: flex;
    gap: 8px;
    align-items: baseline;
}

.question-3 input[type=checkbox] {
    transform: scale(1.5);
}

.btn-submit {
    padding: 8px 24px!important;
    border-color: #0ea1e6!important;
    border-radius: 0!important;
    color: #fff!important;
    box-shadow: 0 0 40px 40px #0ea1e6 inset, 0 0 0 0 #0ea1e6!important;
    transition: all 150ms ease-in-out!important;
    background-color: transparent!important;
}
.btn-submit:hover {
    box-shadow: 0 0 10px 0 #0ea1e6 inset, 0 0 10px 4px #0ea1e6!important;
}

.qsm-pagination {
     display: flex;
     justify-content: flex-end;
}

@media (max-width: 450px) {
     .mlw_qmn_message_before h3 {
          font-size: 1.8em!important;
     }
     .mlw_qmn_question, .mlw_qmn_new_question, .qsm_select {
         font-size: 1em!important;
     }
     .qsm-quiz-container {
           padding: 0px;
      }
}

@media (max-width: 390px) {
     .qsm-quiz-form {
         padding: 30px;
     }
     .qsm-quiz-container {
           margin: 0%;
      }
}

@media (max-width: 350px) {
     .qsm-quiz-form {
           margin: 0%;
     }
}

.metaverse-image-down {
    display: flex;
    justify-content: flex-start;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.metaverse-image-down img {
    transform: scaleX(-1);
    width: 55%;
}

.metaverse-image-canva {
    display: flex;
    justify-content: flex-end;
    position: absolute;
    top: 660px;
    width: 100%;
    right: 10%;
    z-index: 1;
}
.metaverse-image-canva img {
   width: 30%;
   transform: scaleX(-1);
   animation: text-updown 3.3s ease-in-out infinite;
}

@media (min-width: 1760px) {
    .metaverse-image-canva {
        top: 580px;
    }
}

@media (max-width: 1760px) {
    .metaverse-image-canva {
        top: 600px;
    }
}

@media (max-width: 1560px) {
    .metaverse-image-canva {
        top: 620px;
    }
}

@media (max-width: 1460px) {
    .metaverse-image-canva {
        top: 640px;
    }
}

@media (max-width: 1360px) {
    .metaverse-image-down {
        width: 80%;
    }
}

@media (max-width: 1200px) {
    .metaverse-image-canva {
        top: 660px;
    }
}

@media (max-width: 900px) {
    .metaverse-image-canva {
        right: 5%;
    }
}

@media (max-width: 767px) {
    .metaverse-image-canva {
        top: 440px;
    }
}

@media (max-width: 700px) {
    .metaverse-image-canva {
        top: 420px;
        right: 5%;
        transform: rotate(-10deg);
    }
    .metaverse-image-canva img {
        width: 40%;
    }
    .elementor-51 .elementor-element.elementor-element-a94b576 {
        -margin-block-end: 96px;
    }
    .elementor-51 .elementor-element.elementor-element-c9e9251 {
        --margin-block-start: 100px;
    }
}

@media (max-width: 559px) {
    .metaverse-image-canva {
        top: 460px;
    }
}

@media (max-width: 529px) {
    .metaverse-image-canva {
        top: 490px;
    }
}

@media (max-width: 500px) {
    .metaverse-image-canva {
        top: 500px;
        transform: rotate(-10deg);
    }
}

@media (max-width: 445px) {
    .metaverse-image-canva {
        top: 530px;
    }
}

@media (max-width: 430px) {
    .metaverse-image-canva {
        top: 550px;
    }
}

@media (max-width: 369px) {
    .metaverse-image-canva {
        top: 580px;
    }
}

@media (max-width: 350px) {
    .metaverse-image-canva {
        top: 590px;
    }
}

@media (max-width: 330px) {
    .elementor-51 .elementor-element.elementor-element-f30b05c > .elementor-widget-container {
        font-size: 0.9em;
    }
    .metaverse-image-canva {
        top: 570px;
    }
}

@media (max-width: 450px) {
     .mlw_qmn_message_before h3 {
          font-size: 1.8em!important;
     }
     .mlw_qmn_question, .mlw_qmn_new_question, .qsm_select {
         font-size: 1em!important;
     }
     .qsm-quiz-container {
           padding: 0px;
      }
}

@media (max-width: 390px) {
     form {
         padding: 30px;
     }
     .qsm-quiz-container {
           margin: 0%;
      }
}

@media (max-width: 350px) {
     form {
           margin: 0%;
     }
}

@keyframes text-updown {

    0% {
        transform: translateY(-10px);
    }

    50% {
        transform: translateY(10px);
    }

    100% {
        transform: translateY(-10px);
    }

}

@keyframes image-updown {

    0% {
        transform: translateY(-5px);
    }

    50% {
        transform: translateY(5px);
    }

    100% {
        transform: translateY(-5px);
    }

}

.metaverse-image-down {
    display: flex;
    justify-content: flex-start;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.metaverse-image-down img {
    transform: scaleX(-1);
    width: 55%;
}

.metaverse-image-canva {
    display: flex;
    justify-content: flex-end;
    position: absolute;
    top: 660px;
    width: 100%;
    right: 10%;
    z-index: 1;
}
.metaverse-image-canva img {
   width: 30%;
   transform: scaleX(-1);
   animation: text-updown 3.3s ease-in-out infinite;
}

@media (min-width: 1760px) {
    .metaverse-image-canva {
        top: 580px;
    }
}

@media (max-width: 1760px) {
    .metaverse-image-canva {
        top: 600px;
    }
}

@media (max-width: 1560px) {
    .metaverse-image-canva {
        top: 620px;
    }
}

@media (max-width: 1460px) {
    .metaverse-image-canva {
        top: 640px;
    }
}

@media (max-width: 1360px) {
    .metaverse-image-down {
        width: 80%;
    }
}

@media (max-width: 1200px) {
    .metaverse-image-canva {
        top: 660px;
    }
}

@media (max-width: 900px) {
    .metaverse-image-canva {
        right: 5%;
    }
}

@media (max-width: 767px) {
    .metaverse-image-canva {
        top: 440px;
    }
}

@media (max-width: 700px) {
    .metaverse-image-canva {
        top: 420px;
        right: 5%;
        transform: rotate(-10deg);
    }
    .metaverse-image-canva img {
        width: 40%;
    }
    .elementor-51 .elementor-element.elementor-element-a94b576 {
        -margin-block-end: 96px;
    }
    .elementor-51 .elementor-element.elementor-element-c9e9251 {
        --margin-block-start: 100px;
    }
}

@media (max-width: 559px) {
    .metaverse-image-canva {
        top: 460px;
    }
}

@media (max-width: 529px) {
    .metaverse-image-canva {
        top: 490px;
    }
}

@media (max-width: 500px) {
    .metaverse-image-canva {
        top: 500px;
        transform: rotate(-10deg);
    }
}

@media (max-width: 445px) {
    .metaverse-image-canva {
        top: 530px;
    }
}

@media (max-width: 430px) {
    .metaverse-image-canva {
        top: 550px;
    }
}

@media (max-width: 369px) {
    .metaverse-image-canva {
        top: 580px;
    }
}

@media (max-width: 350px) {
    .metaverse-image-canva {
        top: 590px;
    }
}

@media (max-width: 330px) {
    .elementor-51 .elementor-element.elementor-element-f30b05c > .elementor-widget-container {
        font-size: 0.9em;
    }
    .metaverse-image-canva {
        top: 570px;
    }
}/* End custom CSS */