body {
  --white: #fff;
  --white-70-op: #ffffffb3;
  --white-10-op: #ffffff1a;
  --black: #000;
  --neutral-100: #090a1a;
  --neutral-70: #464651;
  --neutral-60: #666670;
  --neutral-50: #090a1a80;
  --neutral-40: #090a1a66;
  --neutral-30: #e5e6eb;
  --neutral-20: #f0f1f5;
  --neutral-10: #f5f6fa;
  --primary-light: #8186f7;
  --primary-light-10-op: #8288f71a;
  --primary-light-30: #a8abfe;
  --primary-pure-10: #eaeaf8;
  --primary-pure: hsla(var(--hue-primary), 64%, 54%, 1);
  --primary-pure-70: #6a6ed1;
  --hue-primary: 238;
  --alert-error: #e92c2c;
  --alert-error-10: #fdeaea;
  --alert-warning: #d2af00;
  --alert-warning-10: #fbf7e6;
  --alert-sucess: #008024;
  --alert-sucess-10: #e6f9f0;
}

body, p, h1, h2, ul, li {
  margin: 0;
  padding: 0;
}

li {
  list-style: none;
}

ol {
  padding: 0;
}

a {
  color: #000;
  text-decoration: none;
}

:after, :before {
  box-sizing: border-box;
}

* {
  box-sizing: border-box;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
}

button {
  background: initial;
  border: initial;
  -webkit-appearance: none;
  font-family: museo-slab, sans-serif;
}

button:active {
  border-style: initial;
}

button:focus {
  outline: initial;
}

button[type="button"], button[type="submit"], button[type="reset"] {
  -webkit-appearance: none;
}

button[type="submit"] {
  appearance: none;
}

img {
  object-fit: contain;
  max-width: 100%;
  display: block;
}

fieldset {
  -webkit-margin-start: 0px;
  -moz-margin-start: 0px;
  -webkit-margin-end: 0px;
  -moz-margin-end: 0px;
  border: 2px #0000;
  border-image: initial;
  min-inline-size: min-content;
  margin-inline: 0;
}

figure {
  margin-block: 0;
  margin-inline: 0;
  display: block;
}

:focus {
  outline: 0 #0000 !important;
}

input[type="submit"] {
  appearance: none;
}

input, [type="button"], select {
  -webkit-appearance: none;
}

:root {
  --xl-device: 1920px;
  --lg-device: 1440px;
  --lg2-device: 1367px;
  --lg3-device: 1281px;
  --md-device: 1024px;
  --md2-device: 768px;
  --sm-device: 600px;
}

@keyframes volta_menu {
  to {
    clip-path: circle(0% at 80% 0);
  }
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.1);
  }
}

@keyframes opacidade_1 {
  to {
    opacity: 1;
  }
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }

  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}

body {
  opacity: 0;
  font-family: museo-slab, sans-serif;
  font-size: 1rem;
  overflow-x: hidden;
}

body.dcl {
  opacity: 1;
}

.container {
  width: 100%;
  margin: 0 auto;
  padding: 0 1.5rem;
  position: relative;
}

@media (width >= 576px) {
  .container {
    max-width: 540px;
  }
}

@media (width >= 768px) {
  .container {
    max-width: 720px;
  }
}

@media (width >= 992px) {
  .container {
    max-width: 960px;
  }
}

@media (width >= 1200px) {
  .container {
    max-width: 1100px;
  }
}

@media (width >= 1400px) {
  .container {
    max-width: calc(1216px + 3rem);
  }
}

.container-custom {
  width: 100%;
  margin: 0 auto;
  padding: 0 1.5rem;
  position: relative;
}

@media (width >= 576px) {
  .container-custom {
    max-width: 540px;
  }
}

@media (width >= 768px) {
  .container-custom {
    max-width: 720px;
  }
}

@media (width >= 992px) {
  .container-custom {
    max-width: 960px;
  }
}

@media (width >= 1200px) {
  .container-custom {
    max-width: 1100px;
  }
}

@media (width >= 1400px) {
  .container-custom {
    max-width: calc(1216px + 3rem);
  }
}

@media (width >= 1600px) {
  .container-custom {
    max-width: calc(1400px + 3rem);
  }
}

html {
  --font-base: 100%;
  font-size: var(--font-base);
  scroll-behavior: smooth;
}

#pecep-parcerias {
  scroll-margin-top: -430px;
}

#prestacao-contas {
  scroll-margin-top: 60px;
}

@media (width <= 1440px) {
  html {
    font-size: calc(var(--font-base)  - 9.25%);
  }
}

@media (width <= 980px) {
  html {
    font-size: calc(var(--font-base)  - 12.5%);
  }
}

#menu-principal {
  background-color: #fff;
}

#header {
  z-index: 99999;
  background: #fff;
  transition: all .3s ease-in-out;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

@media (width >= 1024px) {
  #header.sticky .header-container {
    padding: 1rem 0;
  }
}

.menu-wraper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.menu-wraper ul {
  gap: .5rem;
  display: flex;
}

.menu-wraper ul a {
  color: #0e0f0f;
  border-right: 1.5px solid #0e0f0f;
  padding-right: 12px;
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 1.5;
  position: relative;
}

@media screen and (width <= 1024px) {
  .menu-wraper ul a {
    border: unset;
    padding-right: unset;
  }
}

@media (width <= 1200px) {
  .menu-wraper ul a {
    font-size: 1.125rem;
  }
}

@media screen and (width <= 1024px) {
  .menu-wraper ul {
    z-index: 9999;
    background: #fff;
    flex-direction: column;
    place-items: center;
    gap: 2.5rem;
    width: 100%;
    height: 100%;
    padding: 64px 1.5rem 0;
    transition: all .2s;
    display: flex;
    position: fixed;
    inset: 95px 0 0;
    transform: translateX(-300%);
  }

  .menu-wraper ul a {
    width: 100%;
    display: inline-block;
  }

  .menu-wraper ul a:before {
    content: "";
    visibility: hidden;
    background-color: #7abcd5;
    width: 100%;
    height: 1px;
    transition: all .3s ease-in-out;
    position: absolute;
    top: 35px;
    bottom: 0;
    left: 0;
    transform: scaleX(0);
  }

  .menu-wraper ul a:hover:before {
    visibility: visible;
    transform: scaleX(1);
  }
}

.menu-wraper ul .icons-contato-mobile {
  border: 1px solid #f1f3f5;
  justify-content: space-between;
  width: 100%;
  margin-top: 2rem;
  padding: 1.25rem 1.5rem;
  display: flex;
}

.menu-wraper ul .icons-contato-mobile .instagram, .menu-wraper ul .icons-contato-mobile .youtube, .menu-wraper ul .icons-contato-mobile .facebook, .menu-wraper ul .icons-contato-mobile .whatsapp, .menu-wraper ul .icons-contato-mobile .twitter {
  width: 100%;
  height: 24px;
}

@media (width >= 1024px) {
  .menu-wraper ul .icons-contato-mobile {
    display: none;
  }
}

.menu-wraper .icons-contato {
  gap: .75rem;
  display: flex;
}

.menu-wraper .icons-contato .instagram {
  width: 1.6875rem;
  height: 1.625rem;
}

.menu-wraper .icons-contato .youtube {
  width: 2.1563rem;
  height: 1.625rem;
}

.menu-wraper .icons-contato .facebook {
  width: 1.025rem;
  height: 1.625rem;
}

.menu-wraper .icons-contato .whatsapp {
  width: 1.5831rem;
  height: 1.625rem;
}

.menu-wraper .icons-contato .twitter {
  width: 2.2525rem;
  height: 1.625rem;
}

@media screen and (width <= 1024px) {
  .menu-wraper .icons-contato {
    display: none;
  }
}

.menu-wraper .item-menu li:nth-child(5) a {
  border: unset;
  font-weight: 700;
}

@media (width <= 1200px) {
  .logo-desktop {
    width: 8.75rem;
  }
}

#header.active {
  z-index: 99;
  background: #fff;
  width: 100%;
  transition: all .2s;
  display: flex;
  position: fixed;
  top: 0;
}

#header.active ul {
  transform: translateX(0);
}

@media (width >= 1024px) {
  #btn-mobile {
    display: none;
  }
}

.header-container {
  padding: 2.125rem 0;
  transition: all .3s ease-in-out;
}

#menu .links-wrapper {
  z-index: 99999;
  align-items: center;
  display: flex;
}

#menu .links-wrapper li + li {
  margin-left: 1rem;
}

#menu .orn-menu {
  display: none;
}

@media screen and (width <= 1024px) {
  .buttons {
    display: none;
  }

  .menu-wraper ul li {
    text-align: center;
    border-bottom: 1px solid #f1f3f5;
    width: 100%;
    padding-bottom: 12px;
  }

  #menu .orn-menu {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
  }

  #menu .orn-menu img {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }
}

@media screen and (width <= 1024px) and (width <= 1024px) {
  #nav {
    flex-direction: row-reverse;
    justify-content: space-between;
    place-items: center;
    display: flex;
  }
}

@media screen and (width <= 1024px) {
  #nav.active #menu .buttons {
    align-items: center;
    margin-top: 1rem;
    display: flex;
  }

  #nav.active #menu .buttons .btn-primary {
    margin: 1rem;
  }

  #btn-mobile {
    z-index: 99999;
    display: block;
    position: relative;
  }

  .header-container {
    padding: 2rem 0;
  }

  #logo {
    z-index: 99999;
    position: relative;
  }

  #menu {
    opacity: 0;
    z-index: 1000;
    width: 100%;
    transition: all .3s ease-in-out;
    display: block;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    overflow-y: hidden;
    transform: translateX(-100%);
  }

  #nav.active #menu {
    opacity: 1;
    flex-direction: column;
    display: flex;
    overflow: hidden;
    transform: translateX(0);
  }

  #menu .links-wrapper li + li {
    margin-left: 0;
  }

  #menu .links-wrapper a.link {
    letter-spacing: -.02em;
    font-size: 2rem;
    line-height: 138%;
  }

  #menu a.link {
    padding: unset;
  }

  .links-wrapper {
    flex-direction: column;
    gap: 2rem;
    margin: auto 0;
  }

  .links-wrapper:before {
    content: "";
    filter: blur(103.5px);
    z-index: 9999;
    background: radial-gradient(100% 100% at 100% 0, #581a8a 0%, #1a278a 100%);
    width: 231px;
    height: 231px;
    position: absolute;
    bottom: -7rem;
  }

  #btn-mobile {
    cursor: pointer;
    border: none;
    gap: .5rem;
    padding: 0 1rem .625rem;
    font-size: 1rem;
    display: flex;
  }

  #hamburger {
    width: 32px;
    display: block;
  }

  #hamburger:after, #hamburger:before {
    content: "";
    background-color: #000;
    width: 32px;
    height: 2px;
    margin-top: 11px;
    transition: all .3s;
    display: block;
    position: relative;
  }

  #nav.active #hamburger {
    color: #0e0f0f;
    border-top-color: #0000;
  }

  #nav.active #hamburger:before {
    transform: rotate(135deg);
  }

  #nav.active #hamburger:after {
    top: -13px;
    transform: rotate(-135deg);
  }
}

#login {
  --hue-primary: 175;
  --white-10-op: #ffffff1a;
  --white: #fff;
  --neutral-10: #f8f9fa;
  --primary-light: #7abcd5;
  --primary-light-10-op: #7bbdd51a;
  --white-70-op: #ffffffb3;
  --primary-pure: hsla(var(--hue-primary), 28%, 24%, 1);
  background: linear-gradient(90deg, hsla(var(--hue-primary), 100%, 3%, 1) 0%, hsla(var(--hue-primary), 100%, 3%, 1) 100%);
  height: 100vh;
  min-height: 900px;
  padding-top: 3.75rem;
  position: relative;
  overflow: hidden;
}

#login .ornamento {
  background: linear-gradient(92.74deg, hsla(var(--hue-primary), 68%, 32%, 1) 0%, hsla(var(--hue-primary), 100%, 73%, 1) 100%);
  border-radius: 11.875rem;
  width: 100%;
  max-width: 1800px;
  height: 100%;
  max-height: 394px;
  margin: 0 auto;
}

@media (width <= 1660px) {
  #login .ornamento {
    width: 90%;
    padding: 3rem;
  }
}

@media screen and (width <= 1440px) {
  #login .ornamento {
    height: 40%;
  }
}

@media screen and (width <= 600px) {
  #login .ornamento {
    margin: unset;
    border-radius: 0 0 16px 16px;
    width: 100%;
    height: 349px;
  }
}

#login .ornamento .logo-cliente {
  width: fit-content;
  margin: 0 auto;
  padding-top: 4.6875rem;
}

@media (width <= 1660px) {
  #login .ornamento .logo-cliente {
    padding-top: 2.75rem;
  }
}

@media screen and (width <= 1440px) {
  #login .ornamento .logo-cliente {
    padding-top: 2rem;
  }
}

#login .orn-sections {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

#login .orn-sections img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

#login .logo-ndt {
  position: absolute;
  bottom: 72px;
  left: 50%;
  transform: translateX(-50%);
}

@media screen and (width <= 1440px) {
  #login .logo-ndt {
    bottom: 64px;
  }
}

#login .form-wrapper {
  border: 1px solid var(--white-10-op);
  backdrop-filter: blur(40px);
  background: #00000080;
  border-radius: 8px;
  width: 100%;
  max-width: 428px;
  height: fit-content;
  margin: -210px auto 0;
  padding: 2rem;
}

@media screen and (width <= 1440px) {
  #login .form-wrapper {
    margin-top: -150px;
  }
}

@media screen and (width <= 600px) {
  #login .form-wrapper {
    width: 327px;
  }
}

#login .form-wrapper .content .title {
  letter-spacing: -.02em;
  color: var(--white);
  margin-bottom: .5rem;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 133%;
}

#login .form-wrapper .content .description {
  letter-spacing: -.02em;
  color: var(--white-70-op);
  font-size: 1rem;
  font-weight: 300;
  line-height: 150%;
}

#login .form-wrapper .inputs-wrapper {
  margin-top: 2rem;
}

#login .form-wrapper .inputs-wrapper .input-item:first-child {
  margin-bottom: 1.5rem;
}

#login .form-wrapper .inputs-wrapper .input-item .input {
  border: unset;
  letter-spacing: -.02em;
  color: var(--white);
  background: none;
  border-bottom: 1px solid #ffffff1a;
  width: 100%;
  height: 56px;
  padding: .5rem;
  font-family: museo-slab, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 150%;
}

@media screen and (width <= 600px) {
  #login .form-wrapper .inputs-wrapper .input-item .input {
    font-size: .875rem;
    line-height: 171%;
  }
}

#login .form-wrapper .inputs-wrapper .input-item .input::placeholder {
  letter-spacing: -.02em;
  color: var(--white);
  font-family: museo-slab, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 150%;
}

@media screen and (width <= 600px) {
  #login .form-wrapper .inputs-wrapper .input-item .input::placeholder {
    font-size: .875rem;
    line-height: 171%;
  }
}

#login .form-wrapper .inputs-wrapper .input-item .show-password {
  display: flex;
  position: relative;
}

#login .form-wrapper .inputs-wrapper .input-item .show-password .password {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  right: .5rem;
  transform: translateY(-50%);
}

#login .form-wrapper .inputs-wrapper .input-item .show-password .password svg {
  width: 24px;
  height: 24px;
}

#login .form-wrapper .inputs-wrapper .input-item .show-password .password .hidden {
  display: none;
}

#login .form-wrapper .inputs-wrapper .input-item .show-password .password.mostra .hidden {
  display: block;
}

#login .form-wrapper .inputs-wrapper .input-item .show-password .password.mostra .show {
  display: none;
}

#login .form-wrapper .inputs-wrapper .recuperar-senha {
  margin-top: .5rem;
}

#login .form-wrapper .inputs-wrapper .recuperar-senha a {
  letter-spacing: -.02em;
  color: var(--white-70-op);
  font-size: .75rem;
  font-weight: 300;
  line-height: 167%;
  text-decoration: none;
}

#login .form-wrapper .inputs-wrapper .recuperar-senha a:hover {
  color: var(--white);
  text-decoration: underline;
}

#login .form-wrapper .btn-wrapper {
  margin-top: 3.5rem;
}

#login .form-wrapper .btn-wrapper .btn {
  letter-spacing: -.02em;
  background-color: var(--primary-light-10-op);
  border: 1px solid var(--primary-light);
  color: var(--primary-light);
  cursor: pointer;
  border-radius: 1.75rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 56px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
  transition: background-color .2s ease-in, transform .1s ease-in;
  display: flex;
}

@media screen and (width <= 600px) {
  #login .form-wrapper .btn-wrapper .btn {
    padding: .5rem 2rem;
    font-size: .875rem;
  }
}

#login .form-wrapper .btn-wrapper .btn:hover {
  box-shadow: 0 .5em .5em -.4em var(--primary-pure);
  color: var(--neutral-10);
  border-color: var(--primary-pure);
  transform: translateY(-.25em) !important;
}

#login .form-wrapper .voltar {
  width: fit-content;
  margin: 1rem auto 0;
}

#login .form-wrapper .voltar a {
  letter-spacing: -.02em;
  color: var(--white-70-op);
  font-size: .875rem;
  font-weight: 300;
  line-height: 157%;
}

#login .form-wrapper .voltar a:hover {
  color: var(--white);
  text-decoration: underline;
}

#login .form-wrapper .checkbox-wrapper {
  justify-content: space-between;
  align-items: center;
  margin-top: 1.5rem;
  display: flex;
}

#login .form-wrapper .checkbox-wrapper .radio-container {
  align-items: center;
  display: flex;
}

#login .form-wrapper .checkbox-wrapper .radio-container .check-label {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  letter-spacing: -.02em;
  color: var(--white-70-op);
  align-items: center;
  gap: .375rem;
  font-size: .875rem;
  font-weight: 300;
  line-height: 150%;
  display: inline-flex;
}

#login .form-wrapper .checkbox-wrapper .radio-container .check-label .checkbox {
  clip: rect(0px, 0px, 0px, 0px);
  white-space: nowrap;
  border-width: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

#login .form-wrapper .checkbox-wrapper .radio-container .check-label:hover {
  color: var(--white);
  font-weight: 400;
}

#login .form-wrapper .checkbox-wrapper .radio-container .check-label:hover .radio-circle {
  border-color: var(--primary-pure);
  border-width: 2px;
}

#login .form-wrapper .checkbox-wrapper .radio-container .radio-circle {
  border: 1px solid #fff3;
  border-radius: 50%;
  flex-shrink: 0;
  align-items: center;
  width: 20px;
  height: 20px;
  display: inline-flex;
  position: relative;
}

#login .form-wrapper .checkbox-wrapper .radio-container .radio-circle-inner {
  background: var(--primary-pure);
  transition: all .2s ease-out;
  transition-property: width height;
  border-radius: 50%;
  flex-shrink: 0;
  width: 0;
  height: 0;
  margin: auto;
  position: absolute;
  inset: 0;
}

#login .form-wrapper .checkbox-wrapper .radio-container input:checked ~ span {
  border-color: var(--primary-pure);
}

#login .form-wrapper .checkbox-wrapper .radio-container input:checked ~ span i {
  width: 12px;
  height: 12px;
}

#login .form-wrapper .checkbox-wrapper .radio-container.round .radio-circle {
  border-radius: .25rem;
}

#login .form-wrapper .checkbox-wrapper .radio-container.round .radio-circle-inner {
  transition: initial;
  border-radius: initial !important;
}

#login .form-wrapper .checkbox-wrapper .radio-container.round input:checked ~ span i {
  border-radius: initial;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxOSAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3IDJMNy42MjY4MSAxMkwyIDUuOTk2OTIiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: auto;
}

#login .form-wrapper .checkbox-wrapper .radio-container.disabled {
  -webkit-user-select: none;
  user-select: none;
}

#login .form-wrapper .checkbox-wrapper .radio-container.disabled .check-label {
  pointer-events: none;
  color: var(--neutral-60);
}

#login .form-wrapper .checkbox-wrapper .radio-container.disabled .radio-circle {
  pointer-events: none;
  opacity: .2;
}

#banner {
  background: #0a0b21;
  height: 100vh;
  overflow: hidden;
}

#banner:after {
  content: "";
  background: radial-gradient(17.97% 24.82% at 72.05% 42.15%, #754a981a 0%, #3244961a 100%);
  width: 100vw;
  height: 100vh;
  display: block;
  position: absolute;
  inset: 0;
}

#banner .video-banner {
  width: 100%;
  height: 100%;
  position: relative;
}

#banner .video-banner video {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

#banner .video-banner:after {
  content: "";
  background: linear-gradient(#00000040 0%, #00020d00 52.08%, #02093f80 77.6%, #26004580 100%);
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0;
}

#banner .content-banner {
  z-index: 2;
  width: fit-content;
  position: absolute;
  bottom: 9rem;
}

@media screen and (width <= 600px) {
  #banner .content-banner {
    width: 244px;
  }
}

#banner .content-banner .subtitle {
  color: #fff;
  letter-spacing: -.02em;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 1.2;
  position: relative;
}

@media (width <= 767px) {
  #banner .content-banner .subtitle {
    font-size: 2rem;
  }
}

@media screen and (width <= 600px) {
  #banner .content-banner .subtitle {
    font-size: 1.5rem;
  }
}

#banner .content-banner .title {
  color: #fff;
  letter-spacing: -.02em;
  font-size: 4rem;
  font-weight: 700;
  line-height: 1.2;
}

@media (width <= 767px) {
  #banner .content-banner .title {
    font-size: 3rem;
  }
}

@media screen and (width <= 600px) {
  #banner .content-banner .title {
    font-size: 2rem;
  }
}

#portfolio {
  background: #0a0b21;
  margin-top: -5rem;
  position: relative;
}

@media screen and (width <= 600px) {
  #portfolio {
    background: linear-gradient(90deg, #00020d 0%, #07000d 100%);
  }
}

#portfolio .orn-sections {
  display: none;
}

@media screen and (width <= 600px) {
  #portfolio .orn-sections {
    display: block;
  }
}

#portfolio .swiper-portfolio {
  width: 100%;
  display: grid;
}

@media screen and (width <= 768px) {
  #portfolio .swiper-portfolio {
    margin-top: 12rem;
  }
}

@media screen and (width <= 600px) {
  #portfolio .swiper-portfolio {
    margin-top: 9rem;
  }
}

#portfolio .swiper-portfolio .swiper-wrapper {
  transition-timing-function: linear;
}

@media (width <= 1661px) {
  #portfolio .swiper-portfolio .swiper-wrapper {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

@media (width >= 1024px) {
  #portfolio .swiper-portfolio .swiper-wrapper {
    grid-template-columns: repeat(4, 1fr);
    align-items: center;
    gap: 1rem;
    display: grid;
  }
}

@media screen and (width <= 600px) {
  #portfolio .swiper-portfolio .swiper-wrapper {
    grid-template-columns: 1fr;
  }
}

@media (width <= 1367px) {
  #portfolio .swiper-portfolio .swiper-wrapper .swiper-slide {
    width: 100%;
  }
}

#portfolio .swiper-portfolio .swiper-wrapper .swiper-slide:first-child {
  grid-column-start: 2;
}

#portfolio .nav-wrapper {
  display: none;
}

@media screen and (width <= 600px) {
  #portfolio .nav-wrapper {
    display: block;
  }

  #portfolio .nav-wrapper .swiper-pagination-bullet {
    background: var(--primary-pure-10);
  }

  #portfolio .nav-wrapper .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: var(--primary-pure-10);
    border-radius: 1.3125rem;
    width: 1.5rem;
    height: .4375rem;
  }

  #portfolio .cards {
    padding: .5rem 0 4rem 1rem;
  }
}

#portfolio .cards .card-principal {
  background: linear-gradient(90deg, #00020d 0%, #07000d 100%);
  width: 465.5px;
  height: 448px;
  position: absolute;
}

@media (width <= 1661px) {
  #portfolio .cards .card-principal {
    width: 537px;
  }
}

@media screen and (width <= 1440px) {
  #portfolio .cards .card-principal {
    width: 467px;
  }
}

@media (width <= 1367px) {
  #portfolio .cards .card-principal {
    width: 439px;
  }
}

@media (width <= 1280px) {
  #portfolio .cards .card-principal {
    width: 414px;
  }
}

@media screen and (width <= 768px) {
  #portfolio .cards .card-principal {
    width: 427px;
    height: 182px;
    top: -12rem;
    left: 50%;
    transform: translateX(-50%);
  }
}

@media screen and (width <= 600px) {
  #portfolio .cards .card-principal {
    width: 327px;
    height: 152px;
    top: -2rem;
    left: 50%;
    transform: translateX(-50%);
  }
}

#portfolio .cards .card-principal .content {
  position: absolute;
  top: 8rem;
  left: 4rem;
}

@media screen and (width <= 768px) {
  #portfolio .cards .card-principal .content {
    top: 1.5rem;
    left: 1.5rem;
  }
}

#portfolio .cards .card-principal .content .icon {
  width: 64px;
  height: 64px;
  display: block;
}

@media screen and (width <= 768px) {
  #portfolio .cards .card-principal .content .icon {
    width: 32px;
    height: 32px;
  }
}

#portfolio .cards .card-principal .content .subtitle {
  letter-spacing: -.02em;
  color: var(--primary-pure-10);
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 120%;
}

@media screen and (width <= 768px) {
  #portfolio .cards .card-principal .content .subtitle {
    font-size: 1.5rem;
  }
}

@media screen and (width <= 600px) {
  #portfolio .cards .card-principal .content .subtitle {
    font-size: 1.125rem;
    line-height: 144%;
  }
}

#portfolio .cards .card-principal .content .title {
  letter-spacing: -.02em;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(90deg, #5574ff 0%, #c47cff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 114%;
}

@media screen and (width <= 768px) {
  #portfolio .cards .card-principal .content .title {
    font-size: 2rem;
  }
}

@media screen and (width <= 600px) {
  #portfolio .cards .card-principal .content .title {
    font-size: 1.5rem;
    line-height: 133%;
  }
}

#portfolio .cards .card {
  cursor: pointer;
  width: 100%;
  height: 100%;
  transition: all .3s ease-in;
  position: relative;
}

#portfolio .cards .card .img-card {
  width: 100%;
  height: 448px;
  position: relative;
}

@media (width <= 1661px) {
  #portfolio .cards .card .img-card {
    width: 100%;
  }
}

@media (width <= 512px) {
  #portfolio .cards .card .img-card {
    width: 95%;
    height: 350px;
  }
}

@media (width <= 440px) {
  #portfolio .cards .card .img-card {
    width: 312px;
    height: 312px;
  }
}

#portfolio .cards .card .img-card img, #portfolio .cards .card .img-card video {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

#portfolio .cards .card .img-card:after {
  content: "";
  background: linear-gradient(0deg, #00000080, #00000080);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

#portfolio .cards .card .content {
  border-left: 2px solid var(--primary-pure-10);
  background: linear-gradient(270deg, #ffffff01 0%, #ffffff1a 100%);
  width: 100%;
  height: 5.8125rem;
  padding: 1rem;
  transition: all .3s ease-in;
  position: absolute;
  bottom: 0;
  overflow: hidden;
}

#portfolio .cards .card .content .tag {
  color: #fff;
  backdrop-filter: blur(25px);
  text-transform: uppercase;
  text-align: center;
  letter-spacing: .1em;
  background: #ffffff1a;
  border: 1px solid #fff;
  border-radius: 18px;
  width: fit-content;
  padding: .25rem .75rem;
  font-size: .75rem;
  font-weight: 600;
  line-height: 133%;
}

@media screen and (width <= 600px) {
  #portfolio .cards .card .content .tag {
    font-size: 10px;
  }
}

#portfolio .cards .card .content .title {
  letter-spacing: -.02em;
  color: var(--primary-pure-10);
  margin-top: .5rem;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 133%;
}

#portfolio .cards .card .content .description {
  letter-spacing: -.02em;
  color: var(--primary-pure-10);
  max-width: 412px;
  margin-top: 1rem;
  font-size: 1rem;
  font-weight: 300;
  line-height: 150%;
}

@media (width <= 1661px) {
  #portfolio .cards .card .content .description {
    width: 85%;
    max-width: 100%;
  }
}

@media (width <= 899px) {
  #portfolio .cards .card.active .content {
    height: 100%;
  }
}

@media (width >= 900px) {
  #portfolio .cards .card:hover .content {
    height: 100%;
  }
}

#sobre {
  background: #0a0b21;
  padding: 12.5rem 0 7.5rem;
  position: relative;
}

@media screen and (width <= 768px) {
  #sobre {
    padding: 6rem 0 .875rem;
  }
}

@media screen and (width <= 600px) {
  #sobre {
    padding: 3rem 0 .875rem;
  }
}

#sobre .content {
  justify-content: space-between;
  display: flex;
}

@media screen and (width <= 768px) {
  #sobre .content {
    flex-direction: column;
  }
}

#sobre .content .col-1 {
  width: 470px;
}

@media screen and (width <= 600px) {
  #sobre .content .col-1 {
    width: 306px;
  }
}

#sobre .content .col-1 .tag {
  color: #9b45e2;
  backdrop-filter: blur(25px);
  text-transform: uppercase;
  text-align: center;
  letter-spacing: .1em;
  background: #9b45e21a;
  border: 1px solid #9b45e2;
  border-radius: 18px;
  width: fit-content;
  padding: .25rem .75rem;
  font-size: .75rem;
  font-weight: 600;
  line-height: 133%;
}

@media screen and (width <= 600px) {
  #sobre .content .col-1 .tag {
    font-size: 10px;
  }
}

#sobre .content .col-1 .title {
  letter-spacing: -.02em;
  color: var(--primary-pure-10);
  margin-top: .5rem;
  font-size: 3rem;
  font-weight: 400;
  line-height: 114%;
}

@media screen and (width <= 600px) {
  #sobre .content .col-1 .title {
    font-size: 2rem;
  }
}

@media (width <= 1190px) {
  #sobre .content .col-1 .title {
    font-size: 2rem;
  }
}

#sobre .content .col-2 {
  width: 488px;
  margin-top: 1rem;
}

@media screen and (width <= 768px) {
  #sobre .content .col-2 {
    margin-top: 4rem;
  }
}

@media screen and (width <= 600px) {
  #sobre .content .col-2 {
    width: 327px;
    margin-top: 1rem;
  }
}

#sobre .content .col-2 .description {
  letter-spacing: -.02em;
  color: var(--primary-pure-10);
  font-size: 1rem;
  font-weight: 300;
  line-height: 150%;
}

@media (width <= 1190px) {
  #sobre .content .col-2 .description {
    color: var(--neutral-30);
    font-size: .875rem;
  }
}

#sobre .servicos {
  margin-top: 13.8125rem;
}

@media (width <= 1190px) {
  #sobre .servicos {
    margin-top: 7.5rem;
  }
}

@media screen and (width <= 768px) {
  #sobre .servicos {
    margin-top: 3.5rem;
  }
}

@media screen and (width <= 600px) {
  #sobre .servicos {
    margin-top: 4rem;
  }
}

#sobre .servicos .swiper-servicos-sobre {
  border: 0;
  border-bottom: 1px solid;
  border-image-source: linear-gradient(90deg, #324496 0%, #754a98 100%);
  border-image-slice: 1;
}

@media screen and (width <= 600px) {
  #sobre .servicos .swiper-servicos-sobre {
    padding-bottom: 1rem;
  }
}

#sobre .servicos .swiper-servicos-sobre .swiper-wrapper {
  transition-timing-function: linear;
}

@media screen and (width <= 600px) {
  #sobre .servicos .swiper-servicos-sobre {
    border: unset;
  }
}

#sobre .servicos .nav-wrapper {
  display: none;
}

@media screen and (width <= 600px) {
  #sobre .servicos .nav-wrapper {
    display: block;
  }

  #sobre .servicos .nav-wrapper .swiper-pagination-bullet {
    background: var(--primary-pure-10);
  }

  #sobre .servicos .nav-wrapper .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: var(--primary-pure-10);
    border-radius: 1.3125rem;
    width: 1.5rem;
    height: .4375rem;
  }
}

#sobre .servicos .title {
  text-align: center;
  letter-spacing: -.02em;
  color: var(--primary-pure-10);
  margin-bottom: 1.5rem;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 144%;
}

@media screen and (width <= 600px) {
  #sobre .servicos .title {
    text-align: start;
    font-size: 1rem;
  }
}

#sobre .servicos .items-wrapper .item {
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  min-width: 174px;
  padding: 1.5rem 0;
  display: flex;
}

#sobre .servicos .items-wrapper .item p {
  text-align: center;
  letter-spacing: -.02em;
  color: var(--primary-pure-10);
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
}

@media screen and (width <= 600px) {
  #sobre .servicos .items-wrapper .item p {
    color: var(--neutral-30);
    font-size: .875rem;
  }
}

#sobre .servicos .items-wrapper .item .icon {
  width: 24px;
  height: 24px;
}

#clientes {
  background: #0a0b21;
  padding: 12.5rem 0 7.5rem;
  position: relative;
}

@media screen and (width <= 1440px) {
  #clientes {
    padding: 7.5rem 0;
  }
}

@media screen and (width <= 600px) {
  #clientes {
    padding: 4.5rem 0 2rem;
  }
}

#clientes .swiper-clientes {
  width: 100%;
  display: grid;
}

#clientes .swiper-clientes .swiper-wrapper {
  transition-timing-function: linear;
}

#clientes .swiper-clientes.linha-2 {
  max-width: 1216px;
}

#clientes .content {
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
  display: flex;
}

#clientes .content:after {
  content: "";
  filter: blur(103.5px);
  z-index: -1;
  background: radial-gradient(100% 100% at 100% 0, #581a8a 0%, #1a278a 100%);
  border-radius: 50%;
  width: 335px;
  height: 335px;
  position: absolute;
  bottom: 18.25rem;
  right: 3.875rem;
}

@media screen and (width <= 600px) {
  #clientes .content:after {
    bottom: 0;
    right: unset;
  }
}

#clientes .content:before {
  content: "";
  filter: blur(103.5px);
  z-index: -1;
  background: radial-gradient(100% 100% at 100% 0, #581a8a 0%, #1a278a 100%);
  border-radius: 50%;
  width: 335px;
  height: 335px;
  position: absolute;
  top: -7.1875rem;
}

@media screen and (width <= 600px) {
  #clientes .content:before {
    content: "";
    filter: blur(103.5px);
    z-index: -1;
    background: radial-gradient(100% 100% at 100% 0, #581a8a 0%, #1a278a 100%);
    border-radius: 50%;
    width: 231px;
    height: 231px;
    position: absolute;
    left: -7.1875rem;
  }
}

#clientes .content .tag {
  color: #9b45e2;
  backdrop-filter: blur(25px);
  text-transform: uppercase;
  text-align: center;
  letter-spacing: .1em;
  background: #9b45e21a;
  border: 1px solid #9b45e2;
  border-radius: 18px;
  width: fit-content;
  margin-bottom: 1rem;
  padding: .25rem .75rem;
  font-size: .75rem;
  font-weight: 600;
  line-height: 133%;
}

@media screen and (width <= 600px) {
  #clientes .content .tag {
    font-size: 10px;
  }
}

#clientes .content .title {
  letter-spacing: -.02em;
  color: var(--primary-pure-10);
  text-align: center;
  width: 376px;
  margin-bottom: 4rem;
  font-size: 3rem;
  font-weight: 400;
  line-height: 114%;
}

@media screen and (width <= 600px) {
  #clientes .content .title {
    width: 70%;
    margin-bottom: 2rem;
    font-size: 2rem;
  }
}

#clientes .logo-clientes {
  gap: 1rem;
  max-width: 1524px;
  margin: 0 auto;
  display: grid;
}

#clientes .logo-clientes .item {
  backdrop-filter: blur(25px);
  background: #ffffff0d;
  border: 1px solid #ffffff1a;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 123px;
  display: flex;
}

@media (width <= 1661px) {
  #clientes .logo-clientes .item {
    width: auto;
  }
}

@media screen and (width <= 600px) {
  #clientes .logo-clientes .item {
    height: 80px;
    padding: .5rem 1.2188rem;
  }
}

#contato {
  background: #0a0b21;
  padding: 13.25rem 0;
  position: relative;
}

@media screen and (width <= 1440px) {
  #contato {
    padding: 7.5rem 0;
  }
}

@media screen and (width <= 600px) {
  #contato {
    padding: 3rem 0 3.5rem;
  }
}

#contato .content-wrapper {
  justify-content: space-between;
  display: flex;
}

@media screen and (width <= 768px) {
  #contato .content-wrapper {
    flex-direction: column;
  }
}

#contato .content-wrapper .col-1 {
  max-width: 591px;
}

@media screen and (width <= 1440px) {
  #contato .content-wrapper .col-1 {
    width: 80%;
  }
}

#contato .content-wrapper .col-1 .tag {
  color: #9b45e2;
  backdrop-filter: blur(25px);
  text-transform: uppercase;
  text-align: center;
  letter-spacing: .1em;
  background: #9b45e21a;
  border: 1px solid #9b45e2;
  border-radius: 18px;
  width: fit-content;
  padding: .25rem .75rem;
  font-size: .75rem;
  font-weight: 600;
  line-height: 133%;
}

@media screen and (width <= 600px) {
  #contato .content-wrapper .col-1 .tag {
    font-size: 10px;
  }
}

#contato .content-wrapper .col-1 .title {
  letter-spacing: -.02em;
  color: var(--primary-pure-10);
  margin-top: .5rem;
  font-size: 3rem;
  font-weight: 400;
  line-height: 114%;
}

@media screen and (width <= 600px) {
  #contato .content-wrapper .col-1 .title {
    font-size: 2rem;
  }
}

@media (width <= 1367px) {
  #contato .content-wrapper .col-1 .title {
    width: 85%;
  }
}

@media screen and (width <= 600px) {
  #contato .content-wrapper .col-1 .title {
    width: 235px;
    margin-top: 1rem;
  }
}

#contato .content-wrapper .col-1 .content {
  margin-top: 4rem;
}

#contato .content-wrapper .col-1 .content .contato-item {
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  display: flex;
}

#contato .content-wrapper .col-1 .content .contato-item .icon-contato {
  width: 32px;
  height: 32px;
}

@media screen and (width <= 600px) {
  #contato .content-wrapper .col-1 .content .contato-item .icon-contato {
    width: 24px;
    height: 24px;
  }
}

#contato .content-wrapper .col-1 .content .contato-item .info {
  flex-direction: column;
  gap: .5rem;
  display: flex;
}

#contato .content-wrapper .col-1 .content .contato-item .info span {
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--primary-pure-10);
  font-size: .75rem;
  font-weight: 600;
  line-height: 133%;
}

@media screen and (width <= 600px) {
  #contato .content-wrapper .col-1 .content .contato-item .info span {
    font-size: .625rem;
  }
}

#contato .content-wrapper .col-1 .content .contato-item .info a {
  letter-spacing: -.02em;
  color: var(--primary-pure-10);
  font-size: 1rem;
  font-weight: 300;
  line-height: 150%;
  display: block;
  position: relative;
}

@media screen and (width <= 600px) {
  #contato .content-wrapper .col-1 .content .contato-item .info a {
    font-size: .875rem;
  }
}

#contato .content-wrapper .col-1 .content .contato-item .info a:after {
  content: "";
  background-color: #0000;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(.1, #0000), color-stop(.8, #4557e2), color-stop(.98, #4557e2));
  background-image: linear-gradient(left, transparent 10%, #4557e2 80%, #4557e2 98%);
  border-radius: .5rem;
  width: 0;
  height: 2.5px;
  transition: width .3s;
  position: absolute;
  bottom: 0;
  left: 0;
}

#contato .content-wrapper .col-1 .content .contato-item .info a:hover:after {
  width: 100%;
}

#contato .content-wrapper .col-2 {
  backdrop-filter: blur(25px);
  background: #ffffff0d;
  border: 1px solid #ffffff1a;
  border-radius: .25rem;
  width: 528px;
  padding: 2rem 1.5rem;
}

@media screen and (width <= 600px) {
  #contato .content-wrapper .col-2 {
    align-self: center;
    width: 100%;
    padding: 1.5rem 1rem;
  }
}

#contato .content-wrapper .col-2 h2 {
  letter-spacing: -.02em;
  color: var(--primary-pure-10);
  margin-bottom: 2rem;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 133%;
}

@media screen and (width <= 600px) {
  #contato .content-wrapper .col-2 h2 {
    font-size: 1rem;
  }
}

#contato .content-wrapper .col-2 .content-form {
  flex-direction: column;
  gap: 1rem;
  display: flex;
}

#contato .content-wrapper .col-2 .content-form input {
  color: var(--primary-pure-10);
  letter-spacing: -.02em;
  background: none;
  border: none;
  border-bottom: 1px solid #ffffff1a;
  width: 100%;
  height: 56px;
  padding: 1rem .5rem;
  font-family: museo-slab, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 150%;
}

#contato .content-wrapper .col-2 .content-form input::placeholder {
  color: var(--primary-pure-10);
  letter-spacing: -.02em;
  font-family: museo-slab, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 150%;
}

@media screen and (width <= 600px) {
  #contato .content-wrapper .col-2 .content-form input::placeholder {
    font-size: .875rem;
    line-height: 157%;
  }
}

#contato .content-wrapper .col-2 .content-form textarea {
  color: var(--primary-pure-10);
  letter-spacing: -.02em;
  background: none;
  border: none;
  border-bottom: 1px solid #ffffff1a;
  width: 100%;
  padding: .5rem;
  font-family: museo-slab, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 150%;
}

#contato .content-wrapper .col-2 .content-form textarea::placeholder {
  color: var(--primary-pure-10);
  letter-spacing: -.02em;
  font-family: museo-slab, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 150%;
}

@media screen and (width <= 600px) {
  #contato .content-wrapper .col-2 .content-form textarea::placeholder {
    font-size: .875rem;
    line-height: 157%;
  }
}

#contato .content-wrapper .col-2 .content-form .btn {
  border: 1px solid var(--primary-pure);
  letter-spacing: -.02em;
  color: var(--primary-pure);
  cursor: pointer;
  background-color: #9b45e21a;
  border-radius: 28px;
  align-self: flex-start;
  margin-top: 2rem;
  padding: 1rem 2rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
  transition: background-color .2s ease-in, transform .1s ease-in;
}

@media screen and (width <= 600px) {
  #contato .content-wrapper .col-2 .content-form .btn {
    padding: .5rem 2rem;
    font-size: .875rem;
  }
}

#contato .content-wrapper .col-2 .content-form .btn:hover {
  box-shadow: 0 .5em .5em -.4em var(--primary-pure);
  color: var(--primary-light);
  border-color: var(--primary-pure);
  transform: translateY(-.25em) !important;
}

#contato .content-wrapper .col-2 .content-form .btn.disabled {
  color: var(--primary-pure-10);
  opacity: .5;
  pointer-events: none;
  background: #333;
  border-color: #0000;
}

#footer {
  background: #0a0b21;
  padding-bottom: 2.25rem;
  position: relative;
}

#footer .footer-wrapper {
  justify-content: space-between;
  display: flex;
}

@media screen and (width <= 600px) {
  #footer .footer-wrapper {
    flex-direction: column;
    gap: 1rem;
  }

  #footer .footer-wrapper .copy {
    align-self: center;
    width: 206px;
  }
}

#footer .footer-wrapper .copy h3 {
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--primary-pure-10);
  margin-bottom: 1rem;
  font-size: .75rem;
  font-weight: 600;
  line-height: 133%;
}

@media screen and (width <= 600px) {
  #footer .footer-wrapper .copy h3 {
    text-align: center;
    font-size: .625rem;
  }

  #footer .footer-wrapper .logo {
    align-self: center;
  }
}

#intro-pecep .swiper-intro-home {
  background: #ededee;
}

#intro-pecep .swiper-intro-home .swiper-pagination {
  justify-content: flex-end;
  margin: 3rem 0;
  padding-right: 16.25rem;
  display: flex;
}

#intro-pecep .swiper-intro-home .swiper-pagination .swiper-pagination-bullet {
  opacity: unset;
  background: #7bbdd7;
  width: 1.125rem;
  height: 1.125rem;
}

#intro-pecep .swiper-intro-home .swiper-pagination .swiper-pagination-bullet-active {
  background: #5b57a6;
}

@media (width <= 1100px) {
  #intro-pecep .swiper-intro-home .swiper-pagination {
    margin: 2rem 0;
  }
}

@media screen and (width <= 1024px) {
  #intro-pecep .swiper-intro-home .swiper-pagination {
    justify-content: center;
    margin-top: 2rem;
    padding-right: 0;
    position: relative;
  }
}

#intro-pecep .swiper-intro-home .swiper-wrapper .swiper-slide {
  width: 100%;
  height: 100%;
  max-height: 654px;
}

#intro-pecep .swiper-intro-home .swiper-wrapper .swiper-slide .item-1 {
  grid-template-columns: 1fr 1fr;
  gap: 5rem;
  display: grid;
}

#intro-pecep .swiper-intro-home .swiper-wrapper .swiper-slide .item-1 .text-swiper {
  letter-spacing: -.02em;
  color: #0e0f0f;
  width: 100%;
  max-width: 620px;
}

#intro-pecep .swiper-intro-home .swiper-wrapper .swiper-slide .item-1 .text-swiper h4 {
  width: 100%;
  margin-bottom: 1.5rem;
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 130%;
}

#intro-pecep .swiper-intro-home .swiper-wrapper .swiper-slide .item-1 .text-swiper p {
  font-size: 1.75rem;
  font-weight: 300;
  line-height: 130%;
}

#intro-pecep .swiper-intro-home .swiper-wrapper .swiper-slide .item-1 .text-swiper a {
  font-weight: 600;
}

#intro-pecep .swiper-intro-home .swiper-wrapper .swiper-slide .item-1 .text-swiper b {
  color: #5b57a6;
}

@media (width <= 1650px) {
  #intro-pecep .swiper-intro-home .swiper-wrapper .swiper-slide .item-1 .text-swiper {
    max-width: 560px;
  }

  #intro-pecep .swiper-intro-home .swiper-wrapper .swiper-slide .item-1 .text-swiper h4 {
    font-size: 3rem;
  }

  #intro-pecep .swiper-intro-home .swiper-wrapper .swiper-slide .item-1 .text-swiper p {
    font-size: 1.5rem;
  }

  #intro-pecep .swiper-intro-home .swiper-wrapper .swiper-slide .item-1 .text-swiper b {
    color: #5b57a6;
  }
}

@media screen and (width <= 1281px) {
  #intro-pecep .swiper-intro-home .swiper-wrapper .swiper-slide .item-1 .text-swiper {
    max-width: 31rem;
  }

  #intro-pecep .swiper-intro-home .swiper-wrapper .swiper-slide .item-1 .text-swiper h4 {
    font-size: 2.5rem;
  }
}

@media screen and (width <= 1024px) {
  #intro-pecep .swiper-intro-home .swiper-wrapper .swiper-slide .item-1 {
    grid-template-columns: none;
    place-items: center;
    margin-left: 2rem;
    margin-right: 2rem;
    padding-top: 5.75rem;
  }

  #intro-pecep .swiper-intro-home .swiper-wrapper .swiper-slide .item-1 img {
    object-fit: cover;
    width: 327px;
    height: 227px;
  }
}

@media screen and (width <= 768px) {
  #intro-pecep .swiper-intro-home .swiper-wrapper .swiper-slide .item-1 .text-swiper h4 {
    font-size: 2rem;
  }

  #intro-pecep .swiper-intro-home .swiper-wrapper .swiper-slide .item-1 .text-swiper p, #intro-pecep .swiper-intro-home .swiper-wrapper .swiper-slide .item-1 .text-swiper b {
    font-size: 1.25rem;
  }
}

#intro-pecep .swiper-intro-home .swiper-wrapper .swiper-slide .item-2 {
  height: 100%;
}

#intro-pecep .swiper-intro-home .swiper-wrapper .swiper-slide .item-2 img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

@media screen and (width <= 1024px) {
  #intro-pecep .swiper-intro-home .swiper-wrapper .swiper-slide .item-2 img {
    height: 726px;
  }
}

#intro-pecep .swiper-intro-home .swiper-wrapper .swiper-slide .item-3 img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

@media screen and (width <= 1024px) {
  #intro-pecep .swiper-intro-home .swiper-wrapper .swiper-slide .item-3 img {
    height: 500px;
  }
}

#intro-pecep .swiper-intro-home .swiper-wrapper .swiper-slide .item-3 .text-swiper {
  justify-content: center;
  display: grid;
}

@media (width >= 1024px) {
  #intro-pecep .swiper-intro-home .swiper-wrapper .swiper-slide .item-3 .text-swiper.disable {
    display: none;
  }
}

#intro-pecep .swiper-intro-home .swiper-wrapper .swiper-slide .item-3 .text-swiper .text-wrapper {
  letter-spacing: -.02em;
  color: #0e0f0f;
  width: 100%;
  max-width: 31rem;
}

#intro-pecep .swiper-intro-home .swiper-wrapper .swiper-slide .item-3 .text-swiper .text-wrapper h4 {
  text-align: center;
  margin-top: 6rem;
  margin-bottom: 1.5rem;
  font-size: 2.5rem;
  font-weight: 300;
  line-height: 130%;
}

@media screen and (width <= 768px) {
  #intro-pecep .swiper-intro-home .swiper-wrapper .swiper-slide .item-3 .text-swiper .text-wrapper {
    max-width: 327px;
  }

  #intro-pecep .swiper-intro-home .swiper-wrapper .swiper-slide .item-3 .text-swiper .text-wrapper h4 {
    margin-top: 64px;
    font-size: 32px;
  }
}

#pecep-quem-somos {
  background: #d7df21;
  position: relative;
}

#pecep-quem-somos:before {
  content: "";
  z-index: 10;
  background: #fff;
  border-bottom-right-radius: 10% 8rem;
  justify-content: center;
  align-items: center;
  width: 95%;
  height: 8rem;
  display: flex;
  position: absolute;
}

@media screen and (width <= 1024px) {
  #pecep-quem-somos:before {
    display: none;
  }
}

#pecep-quem-somos .quem-somos-home-wrapper {
  grid-template-columns: 1fr 1fr;
  gap: 8.875rem;
  padding-top: 8rem;
  display: grid;
}

@media screen and (width <= 1024px) {
  #pecep-quem-somos .quem-somos-home-wrapper {
    grid-template-columns: 1fr;
    gap: 2rem;
    padding-top: 4rem;
  }
}

#pecep-quem-somos .img-quem-somos-home {
  object-fit: cover;
  height: 37rem;
  position: absolute;
  bottom: 0;
  right: 0;
}

@media (width <= 1660px) {
  #pecep-quem-somos .img-quem-somos-home {
    width: 50rem;
    height: auto;
  }
}

@media (width <= 1280px) {
  #pecep-quem-somos .img-quem-somos-home {
    width: 40rem;
    height: auto;
  }
}

@media screen and (width <= 1024px) {
  #pecep-quem-somos .img-quem-somos-home {
    display: none;
  }
}

#pecep-quem-somos .text-col-1 {
  color: #0e0f0f;
  padding: 5rem 0;
}

@media screen and (width <= 1024px) {
  #pecep-quem-somos .text-col-1 {
    padding: 0;
  }
}

#pecep-quem-somos .text-col-1 h4 {
  letter-spacing: -.07rem;
  margin: 0 0 1.125rem;
  font-family: museo-slab, sans-serif;
  font-size: 3.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 128%;
}

@media (width <= 1440px) {
  #pecep-quem-somos .text-col-1 h4 {
    font-size: 3rem;
  }
}

@media screen and (width <= 600px) {
  #pecep-quem-somos .text-col-1 h4 {
    font-size: 2rem;
  }
}

#pecep-quem-somos .text-col-1 .paragraph-1 {
  letter-spacing: .03rem;
  font-family: museo-slab, sans-serif;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
}

#pecep-quem-somos .text-col-1 .paragraph-1 .detalhe {
  color: #5b57a6;
}

@media (width <= 1440px) {
  #pecep-quem-somos .text-col-1 .paragraph-1 {
    font-size: 1.25rem;
  }
}

@media screen and (width <= 600px) {
  #pecep-quem-somos .text-col-1 .paragraph-1 {
    font-size: 1rem;
  }
}

#pecep-quem-somos .text-col-1 .text-bottom {
  align-items: center;
  gap: 2rem;
  margin-top: 3.5rem;
  display: flex;
}

@media screen and (width <= 1024px) {
  #pecep-quem-somos .text-col-1 .text-bottom {
    margin-top: 2rem;
  }
}

@media screen and (width <= 600px) {
  #pecep-quem-somos .text-col-1 .text-bottom {
    flex-direction: column;
    align-items: center;
  }
}

#pecep-quem-somos .text-col-1 .text-bottom .qr-code {
  background: #fff;
  justify-content: center;
  width: 10.625rem;
  display: flex;
}

#pecep-quem-somos .text-col-1 .text-bottom .qr-code img {
  object-fit: cover;
}

@media screen and (width <= 600px) {
  #pecep-quem-somos .text-col-1 .text-bottom .qr-code {
    width: fit-content;
  }
}

#pecep-quem-somos .text-col-1 .text-bottom .text-qr-code {
  letter-spacing: .8px;
  width: 100%;
  max-width: 22.875rem;
  font-family: museo-slab, sans-serif;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  display: grid;
}

#pecep-quem-somos .text-col-1 .text-bottom .text-qr-code .btn {
  letter-spacing: .02em;
  color: #fff;
  cursor: pointer;
  z-index: 3;
  border-radius: 4px;
  margin-top: 3rem;
  padding: 1.1875rem 1rem;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 144%;
  transition: all .3s;
  position: relative;
}

#pecep-quem-somos .text-col-1 .text-bottom .text-qr-code .btn:after {
  content: "";
  z-index: -2;
  background: #7abcd5;
  border-radius: 4px;
  width: 100%;
  height: 100%;
  transition: all .3s;
  display: block;
  position: absolute;
  bottom: -6px;
  right: -6px;
}

#pecep-quem-somos .text-col-1 .text-bottom .text-qr-code .btn:before {
  content: "";
  z-index: -1;
  background: #625fa8;
  border-radius: 4px;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
}

@media screen and (width <= 768px) {
  #pecep-quem-somos .text-col-1 .text-bottom .text-qr-code .btn {
    width: 100%;
  }
}

#pecep-quem-somos .text-col-1 .text-bottom .text-qr-code .btn:hover {
  transform: translate3d(2px, 2px, 0);
}

#pecep-quem-somos .text-col-1 .text-bottom .text-qr-code .btn:hover:after {
  transform: translate3d(3px, 3px, 0);
}

#pecep-quem-somos .text-col-1 .text-bottom .text-qr-code .btn {
  width: max-content !important;
  margin-top: 12px !important;
  padding: .5rem 1rem !important;
}

#pecep-quem-somos .text-col-1 .text-bottom .text-qr-code .btn .btn-next {
  width: 1.5rem;
  height: .75rem;
}

@media screen and (width <= 768px) {
  #pecep-quem-somos .text-col-1 .text-bottom .text-qr-code .btn {
    width: 100% !important;
  }
}

@media (width <= 1440px) {
  #pecep-quem-somos .text-col-1 .text-bottom .text-qr-code {
    font-size: 1.125rem;
  }
}

@media screen and (width <= 600px) {
  #pecep-quem-somos .text-col-1 .text-bottom .text-qr-code {
    text-align: center;
    max-width: 100%;
    font-size: 1rem;
  }
}

#pecep-quem-somos .col-2 {
  display: none;
}

@media (width <= 1024px) {
  #pecep-quem-somos .col-2 {
    display: block;
  }
}

#prestacao-contas {
  padding: 7.5rem 0;
}

#prestacao-contas .titulo {
  margin-bottom: 1.5rem;
  font-size: 56px;
  font-weight: 300;
}

@media screen and (width <= 768px) {
  #prestacao-contas .titulo {
    font-size: 2rem;
  }
}

#prestacao-contas .btn {
  letter-spacing: .02em;
  color: #fff;
  cursor: pointer;
  z-index: 3;
  border-radius: 4px;
  margin-top: 3rem;
  padding: 1.1875rem 1rem;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 144%;
  transition: all .3s;
  position: relative;
}

#prestacao-contas .btn:after {
  content: "";
  z-index: -2;
  background: #7abcd5;
  border-radius: 4px;
  width: 100%;
  height: 100%;
  transition: all .3s;
  display: block;
  position: absolute;
  bottom: -6px;
  right: -6px;
}

#prestacao-contas .btn:before {
  content: "";
  z-index: -1;
  background: #625fa8;
  border-radius: 4px;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
}

@media screen and (width <= 768px) {
  #prestacao-contas .btn {
    width: 100%;
  }
}

#prestacao-contas .btn:hover {
  transform: translate3d(2px, 2px, 0);
}

#prestacao-contas .btn:hover:after {
  transform: translate3d(3px, 3px, 0);
}

#prestacao-contas .btn {
  width: max-content !important;
  margin-top: 0 !important;
  padding: 8px 16px !important;
}

#prestacao-contas .btn:after {
  bottom: -3px;
  right: -3px;
}

@media screen and (width <= 1024px) {
  #prestacao-contas {
    padding: 4rem 0;
  }
}

#pecep-history .ornamento {
  object-fit: cover;
  z-index: 0;
  width: 100%;
  height: 8.125rem;
  position: absolute;
}

@media screen and (width <= 1024px) {
  #pecep-history .ornamento {
    height: 4rem;
  }
}

@media screen and (width <= 600px) {
  #pecep-history .ornamento {
    height: 1.625rem;
  }
}

#pecep-history .container-wrapper {
  gap: 3.5rem;
  padding: 7.5rem 0;
  display: grid;
}

@media screen and (width <= 1024px) {
  #pecep-history .container-wrapper {
    padding: 4rem 0 2rem;
  }
}

#pecep-history .texto {
  padding-top: 8.125rem;
  display: grid;
}

@media screen and (width <= 1024px) {
  #pecep-history .texto {
    padding-top: 4rem;
  }
}

@media screen and (width <= 600px) {
  #pecep-history .texto {
    padding-top: 1.625rem;
  }
}

#pecep-history .texto .text-wrapper {
  color: #0e0f0f;
  width: 100%;
  max-width: 1042px;
}

@media screen and (width <= 600px) {
  #pecep-history .texto .text-wrapper {
    max-width: 100%;
  }
}

#pecep-history .texto h4 {
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 1.5rem;
  font-family: museo-slab, sans-serif;
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 130%;
}

@media screen and (width <= 768px) {
  #pecep-history .texto h4 {
    font-size: 2rem;
  }
}

#pecep-history .texto p {
  letter-spacing: .03rem;
  font-family: museo-slab, sans-serif;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
}

@media screen and (width <= 768px) {
  #pecep-history .texto p {
    font-size: 1rem;
  }
}

#pecep-history .texto .detalhe {
  color: #5b57a6;
}

#pecep-history .container-cards {
  grid-template-columns: repeat(4, 1fr);
  gap: .14rem;
  display: grid;
}

@media screen and (width <= 1024px) {
  #pecep-history .container-cards {
    display: none;
  }
}

#pecep-history .content {
  mix-blend-mode: normal;
  opacity: 0;
  cursor: pointer;
  background: linear-gradient(0deg, #5b57a6e6, #5b57a6e6);
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 2rem;
  transition-duration: .3s;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

@media screen and (width <= 1024px) {
  #pecep-history .content {
    text-align: left;
    padding: 2.5rem 3.75rem;
  }
}

#pecep-history .content > h2 {
  color: #fff;
  letter-spacing: .03em;
  width: 100%;
  margin: 0 0 .5rem;
  font-family: museo-slab, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 150%;
  transition-duration: .6s;
}

@media screen and (width <= 1024px) {
  #pecep-history .content > h2 {
    font-size: 2rem;
  }
}

@media (width <= 600px) {
  #pecep-history .content > h2 {
    font-size: 1.5rem;
  }
}

#pecep-history .content > p {
  color: #fff;
  letter-spacing: .03em;
  width: 100%;
  margin: 0 auto;
  font-family: museo-slab, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 150%;
}

@media screen and (width <= 1024px) {
  #pecep-history .content > p {
    font-size: 1.5rem;
  }
}

@media (width <= 600px) {
  #pecep-history .content > p {
    font-size: 1.125rem;
  }
}

#pecep-history .content:hover {
  opacity: 1;
}

#pecep-history .content:hover > h1 {
  padding: 100px 0 5px;
}

@media screen and (width <= 768px) {
  #pecep-history {
    grid-template-columns: none;
    justify-content: center;
  }
}

#pecep-history .cards-image-wrapper {
  flex-direction: column;
  display: flex;
}

#pecep-history .cards-image-wrapper .img-area {
  height: 100%;
  position: relative;
}

#pecep-history .cards-image-wrapper .image-1, #pecep-history .cards-image-wrapper .image-4, #pecep-history .cards-image-wrapper .image-7, #pecep-history .cards-image-wrapper .image-5, #pecep-history .cards-image-wrapper .image-2, #pecep-history .cards-image-wrapper .image-3, #pecep-history .cards-image-wrapper .image-6 {
  object-fit: cover;
  height: 100%;
}

#pecep-history .cards-image-wrapper .area-1 {
  flex: 0 35%;
}

#pecep-history .cards-image-wrapper .area-2 {
  flex: 0 65%;
}

#pecep-history .swiper {
  width: 100%;
  height: 100%;
}

@media (width >= 1024px) {
  #pecep-history .swiper {
    display: none;
  }
}

#pecep-history .swiper-slide {
  text-align: center;
  background: #fff;
  justify-content: center;
  align-items: center;
  height: 40rem;
  font-size: 18px;
  display: flex;
}

@media (width <= 600px) {
  #pecep-history .swiper-slide {
    height: 420px;
  }
}

#pecep-history .swiper-slide .img-area {
  width: 100%;
  height: 100%;
}

#pecep-history .swiper-slide .img-area img {
  height: 43rem;
}

@media screen and (width <= 768px) {
  #pecep-history .swiper-slide .img-area img {
    height: 35rem;
    height: 100% !important;
  }
}

@media (width <= 600px) {
  #pecep-history .swiper-slide .img-area img {
    height: 26.25rem;
  }
}

#pecep-history .swiper {
  width: 100%;
  height: 18.75rem;
  margin-left: auto;
  margin-right: auto;
}

#pecep-history .swiper-slide {
  background-position: center;
  background-size: cover;
}

#pecep-history .swiper-history-top {
  height: 100%;
}

@media (width <= 600px) {
  #pecep-history .swiper-history-top {
    width: 100%;
    max-height: 27.5rem;
  }
}

#pecep-history .swiper-history-bottom {
  box-sizing: border-box;
  height: 100%;
  max-height: 13rem;
  margin-bottom: 4rem;
  padding: 2px 0;
}

@media screen and (width <= 768px) {
  #pecep-history .swiper-history-bottom {
    max-height: 11rem;
  }
}

@media (width <= 600px) {
  #pecep-history .swiper-history-bottom {
    width: 100%;
    max-height: 120px;
  }
}

#pecep-history .swiper-history-bottom .swiper-slide {
  opacity: .4;
  width: 100%;
  height: 100%;
}

@media (width <= 600px) {
  #pecep-history .swiper-history-bottom .swiper-slide {
    width: 160px !important;
  }
}

#pecep-history .swiper-history-bottom .swiper-slide-thumb-active {
  opacity: 1;
}

#pecep-history .swiper-slide img {
  object-fit: cover;
  width: 100%;
  height: 13rem;
  display: block;
}

@media screen and (width <= 768px) {
  #pecep-history .swiper-slide img {
    height: 11rem;
  }
}

@media (width <= 600px) {
  #pecep-history .swiper-slide img {
    height: 120px;
  }
}

@media screen and (width <= 768px) {
  #pecep-virtual {
    margin-top: 4rem;
  }
}

#pecep-virtual .pecep-virtual {
  background: #7abcd5;
  display: flex;
}

#pecep-virtual .pecep-virtual img {
  object-fit: cover;
  background: #d7df21;
  width: 55%;
}

#pecep-virtual .pecep-virtual .texto-pecep-virtual {
  flex-direction: column;
  justify-content: center;
  gap: 2rem;
  padding: 0 2rem;
  display: flex;
}

@media screen and (width <= 1024px) {
  #pecep-virtual .pecep-virtual .texto-pecep-virtual {
    height: 520px;
  }
}

#pecep-virtual .pecep-virtual .texto-pecep-virtual .title-text {
  display: flex;
}

@media screen and (width <= 1024px) {
  #pecep-virtual .pecep-virtual .texto-pecep-virtual .title-text {
    justify-content: center;
  }
}

#pecep-virtual .pecep-virtual .texto-pecep-virtual .title-text .ornamento-texto {
  background: #5b57a6;
  padding: .75rem 1rem;
}

#pecep-virtual .pecep-virtual .texto-pecep-virtual .title-text .ornamento-texto:hover {
  background: #d7df21;
}

#pecep-virtual .pecep-virtual .texto-pecep-virtual .title-text .ornamento-texto:hover h4 {
  color: #0e0f0f;
}

#pecep-virtual .pecep-virtual .texto-pecep-virtual h4 {
  color: #fff;
  margin: 0;
  font-family: Libre Franklin, sans-serif;
  font-size: 2.25rem;
  font-weight: 300;
  line-height: 160%;
}

#pecep-virtual .pecep-virtual .texto-pecep-virtual p {
  letter-spacing: .02em;
  font-family: museo-slab, sans-serif;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 133%;
}

@media screen and (width <= 1024px) {
  #pecep-virtual .pecep-virtual {
    text-align: center;
    flex-direction: column-reverse;
  }

  #pecep-virtual .pecep-virtual img {
    width: 100%;
  }
}

@media screen and (width <= 768px) {
  #pecep-virtual .pecep-virtual .texto-pecep-virtual h4 {
    font-size: 24px;
  }

  #pecep-virtual .pecep-virtual .texto-pecep-virtual p {
    font-size: 16px;
  }
}

#pecep-time {
  padding: 7.5rem 0;
}

@media screen and (width <= 1024px) {
  #pecep-time {
    padding: 4rem 0;
  }
}

#pecep-time .texto {
  color: #0e0f0f;
  gap: 1.5rem;
  width: 100%;
  max-width: 1214px;
  margin-bottom: 3.5rem;
  display: grid;
}

#pecep-time .texto h4 {
  letter-spacing: -.07rem;
  margin: 0;
  font-family: museo-slab, sans-serif;
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 130%;
}

#pecep-time .texto p {
  letter-spacing: .02em;
  font-family: museo-slab, sans-serif;
  font-size: 1.75rem;
  font-weight: 300;
  line-height: 130%;
}

#pecep-time .texto p a {
  font-weight: 500;
}

#pecep-time .texto p .detalhe {
  color: #5b57a6;
}

@media screen and (width <= 1024px) {
  #pecep-time .texto {
    margin-bottom: 2rem;
  }
}

@media screen and (width <= 768px) {
  #pecep-time .texto h4 {
    font-size: 32px;
  }

  #pecep-time .texto p {
    font-size: 16px;
  }
}

#pecep-time .cards-times-wrapper {
  flex-direction: column;
  gap: .2rem;
  height: 700px;
  display: flex;
  overflow: hidden;
}

#pecep-time .cards-times-wrapper .img-area {
  height: 100%;
  position: relative;
}

#pecep-time .cards-times-wrapper img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

#pecep-time .cards-times-wrapper .col-2-wrapper {
  grid-template-columns: repeat(4, 1fr);
  gap: .2rem;
  display: grid;
}

#pecep-time .cards-times-wrapper .col-2-wrapper .image-total {
  grid-column: 2 / 5;
  justify-content: space-between;
  gap: .2rem;
  display: flex;
}

#pecep-time .cards-times-wrapper .col-2-wrapper .image-total .area-1 {
  flex: 0 50%;
}

#pecep-time .cards-times-wrapper .col-3-wrapper {
  grid-template-columns: repeat(4, 1fr);
  gap: .2rem;
  display: grid;
}

@media screen and (width <= 1024px) {
  #pecep-time .cards-times-wrapper {
    display: none;
  }
}

#pecep-time .content {
  mix-blend-mode: normal;
  opacity: 0;
  cursor: pointer;
  background: linear-gradient(0deg, #ef3f4ae6, #ef3f4ae6);
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 2rem;
  transition-duration: .3s;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

@media screen and (width <= 1024px) {
  #pecep-time .content {
    text-align: left;
    padding: 2.5rem 3.75rem;
  }
}

#pecep-time .content > h2 {
  color: #fff;
  letter-spacing: .02em;
  width: 100%;
  margin: 0 auto;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 150%;
  transition-duration: .6s;
}

@media screen and (width <= 1024px) {
  #pecep-time .content > h2 {
    font-size: 2rem !important;
  }
}

@media (width <= 600px) {
  #pecep-time .content > h2 {
    font-size: 1.5rem !important;
  }
}

#pecep-time .content > .text-coordenador {
  text-transform: uppercase;
  color: #fff;
  width: 100%;
  margin: 0 auto;
  font-size: 1rem;
  font-weight: 300;
}

@media screen and (width <= 1024px) {
  #pecep-time .content > .text-coordenador {
    font-size: 1.75rem !important;
  }
}

@media (width <= 600px) {
  #pecep-time .content > .text-coordenador {
    font-size: 1rem !important;
  }
}

#pecep-time .content > p {
  color: #fff;
  letter-spacing: .02em;
  width: 100%;
  margin: 1.5rem auto 0;
  font-size: 1rem;
  font-weight: 300;
  line-height: 150%;
}

@media (width <= 1200px) {
  #pecep-time .content > p {
    font-size: .875rem !important;
  }
}

@media screen and (width <= 1024px) {
  #pecep-time .content > p {
    font-size: 1.5rem !important;
  }
}

@media (width <= 600px) {
  #pecep-time .content > p {
    font-size: 1.125rem !important;
  }
}

#pecep-time .content:hover {
  opacity: 1;
}

#pecep-time .content:hover > h1 {
  padding: 100px 0 5px;
}

#pecep-time .swiper {
  width: 100%;
  height: 100%;
}

@media (width >= 1024px) {
  #pecep-time .swiper {
    display: none;
  }
}

#pecep-time .swiper-slide {
  text-align: center;
  background: #fff;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  display: flex;
}

#pecep-time .swiper-slide .img-area {
  width: 100%;
  height: 100%;
}

#pecep-time .swiper-slide .img-area img {
  object-fit: cover;
  height: 43rem;
}

#pecep-time .swiper {
  width: 100%;
  height: 18.75rem;
  margin-left: auto;
  margin-right: auto;
}

#pecep-time .swiper-slide {
  background-position: center;
  background-size: cover;
}

#pecep-time .swiper-time-top {
  height: 100%;
  max-height: 43rem;
}

@media screen and (width <= 768px) {
  #pecep-time .swiper-time-top .swiper-slide {
    height: 420px;
  }
}

@media (width <= 600px) {
  #pecep-time .swiper-time-top {
    width: 100%;
  }
}

#pecep-time .swiper-time-bottom {
  box-sizing: border-box;
  height: 100%;
  max-height: 13rem;
  padding: 2px 0;
}

@media screen and (width <= 768px) {
  #pecep-time .swiper-time-bottom {
    max-height: 11rem;
  }
}

@media (width <= 600px) {
  #pecep-time .swiper-time-bottom {
    width: 100%;
    max-height: 7.5rem;
  }
}

#pecep-time .swiper-time-bottom .swiper-slide {
  opacity: .4;
  width: 100%;
  height: 100%;
}

@media (width <= 600px) {
  #pecep-time .swiper-time-bottom .swiper-slide {
    width: 160px !important;
  }

  #pecep-time .swiper-time-bottom .swiper-slide img {
    height: 120px;
  }
}

#pecep-time .swiper-time-bottom .swiper-slide-thumb-active {
  opacity: 1;
}

#pecep-time .swiper-slide img {
  object-fit: cover;
  width: 100%;
  height: 13rem;
  display: block;
}

@media screen and (width <= 768px) {
  #pecep-time .swiper-slide img {
    height: 100%;
  }
}

#pecep-ajuda {
  place-items: center;
  height: 400px;
  display: flex;
  position: relative;
}

@media screen and (width <= 1024px) {
  #pecep-ajuda {
    height: 35rem;
  }
}

@media screen and (width <= 768px) {
  #pecep-ajuda {
    height: 30rem;
    margin-top: 4rem;
  }
}

#pecep-ajuda .ornamento {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

@media screen and (width <= 768px) {
  #pecep-ajuda .ornamento {
    object-position: 85%;
    height: 610px;
  }
}

#pecep-ajuda .text-decoration-wrapper {
  color: #fff;
}

@media screen and (width <= 768px) {
  #pecep-ajuda .text-decoration-wrapper {
    max-width: 327px;
    margin: 180px auto 0;
  }
}

#pecep-ajuda .text-decoration-wrapper .title {
  margin: 0 0 1.5rem;
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.5;
}

#pecep-ajuda .text-decoration-wrapper .texto-completo {
  justify-content: space-between;
  gap: 2rem;
  display: flex;
}

#pecep-ajuda .text-decoration-wrapper .texto-completo .texto-1 {
  width: 100%;
  max-width: 731px;
  height: fit-content;
}

#pecep-ajuda .text-decoration-wrapper .texto-completo .paragraph-1 {
  font-size: 1.625rem;
  font-weight: 300;
  line-height: 150%;
}

#pecep-ajuda .text-decoration-wrapper .texto-completo .paragraph-1 > a {
  color: #fff;
  font-weight: 700;
  text-decoration: underline;
}

#pecep-ajuda .text-decoration-wrapper .texto-completo .text-qr-code {
  align-items: center;
  gap: 2rem;
  width: 100%;
  height: fit-content;
  margin-top: auto;
  display: flex;
}

#pecep-ajuda .text-decoration-wrapper .texto-completo .text-qr-code .qr-code {
  background: #fff;
  place-content: center;
  width: 170px;
  height: 170px;
  display: grid;
}

#pecep-ajuda .text-decoration-wrapper .texto-completo .text-qr-code .qr-code img {
  width: 100%;
  max-width: 6rem;
  height: 100%;
  max-height: 6rem;
}

@media (width <= 1400px) {
  #pecep-ajuda .text-decoration-wrapper .texto-completo .text-qr-code .qr-code {
    height: 124.69px;
  }
}

@media screen and (width <= 1024px) {
  #pecep-ajuda .text-decoration-wrapper .texto-completo .text-qr-code .qr-code {
    width: fit-content;
  }
}

#pecep-ajuda .text-decoration-wrapper .texto-completo .text-qr-code p {
  max-width: 360px;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 133%;
}

@media (width <= 1200px) {
  #pecep-ajuda .text-decoration-wrapper .texto-completo .paragraph-1 {
    font-size: 1.5rem;
  }

  #pecep-ajuda .text-decoration-wrapper .texto-completo .text-qr-code p {
    max-width: 280px;
    font-size: 1.25rem;
  }
}

@media screen and (width <= 1024px) {
  #pecep-ajuda .text-decoration-wrapper .texto-completo {
    flex-direction: column-reverse;
    gap: 2rem;
    display: flex;
  }

  #pecep-ajuda .text-decoration-wrapper .texto-completo .text-qr-code {
    text-align: center;
    place-items: center;
    gap: 1rem;
    display: grid;
  }

  #pecep-ajuda .text-decoration-wrapper .texto-completo .text-qr-code .qr-code {
    display: grid;
  }
}

@media screen and (width <= 768px) {
  #pecep-ajuda .text-decoration-wrapper .title {
    font-size: 32px;
  }

  #pecep-ajuda .text-decoration-wrapper .texto-completo {
    margin-top: 24px;
  }

  #pecep-ajuda .text-decoration-wrapper .texto-completo .paragraph-1, #pecep-ajuda .text-decoration-wrapper .texto-completo .text-qr-code b, #pecep-ajuda .text-decoration-wrapper .texto-completo .text-qr-code p {
    font-size: 16px;
  }
}

#pecep-destaque {
  background: #ededee;
  padding-top: 5rem;
}

@media screen and (width <= 768px) {
  #pecep-destaque {
    margin-top: 12rem;
  }

  #pecep-destaque .container-custom {
    padding: unset;
  }

  #pecep-destaque .container-custom .title-text {
    padding: 0 1.5rem;
  }
}

#pecep-destaque .ornamento-1 {
  object-fit: cover;
  width: 100%;
}

@media screen and (width <= 1024px) {
  #pecep-destaque .ornamento-1 {
    height: 4rem;
  }
}

@media screen and (width <= 600px) {
  #pecep-destaque .ornamento-1 {
    height: 1.625rem;
  }
}

#pecep-destaque .title-text h4 {
  letter-spacing: -.02em;
  margin: 0 0 3rem;
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 130%;
}

@media screen and (width <= 768px) {
  #pecep-destaque .title-text h4 {
    font-size: 2rem;
  }
}

#pecep-destaque .cards-wrapper {
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
  margin-bottom: 5rem;
  display: grid;
}

#pecep-destaque .cards-wrapper .card-destaque {
  width: 100%;
  display: flex;
}

#pecep-destaque .cards-wrapper .card-destaque .card-image {
  flex: 0 0 50%;
}

#pecep-destaque .cards-wrapper .card-destaque .card-image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

#pecep-destaque .cards-wrapper .card-destaque .texto-1 {
  place-content: center;
  gap: 1rem;
  padding: 3.18rem 1.93rem;
  display: grid;
}

#pecep-destaque .cards-wrapper .card-destaque .texto-1 p, #pecep-destaque .cards-wrapper .card-destaque .texto-1 h4 {
  letter-spacing: .02em;
  margin: 0;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 32px;
}

#pecep-destaque .cards-wrapper .card-destaque .texto-2 {
  background: #7bbdd7;
  place-content: center;
  gap: 1rem;
  padding: 3.18rem 1.93rem;
  display: grid;
}

#pecep-destaque .cards-wrapper .card-destaque .texto-2 p, #pecep-destaque .cards-wrapper .card-destaque .texto-2 h4 {
  letter-spacing: .02em;
  margin: 0;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 32px;
}

@media (width <= 1400px) {
  #pecep-destaque .cards-wrapper .card-destaque .texto-1 p, #pecep-destaque .cards-wrapper .card-destaque .texto-1 h4, #pecep-destaque .cards-wrapper .card-destaque .texto-2 p, #pecep-destaque .cards-wrapper .card-destaque .texto-2 h4 {
    font-size: 1.375rem;
  }
}

@media (width <= 1200px) {
  #pecep-destaque .cards-wrapper .card-destaque .texto-1 p, #pecep-destaque .cards-wrapper .card-destaque .texto-1 h4, #pecep-destaque .cards-wrapper .card-destaque .texto-2 p, #pecep-destaque .cards-wrapper .card-destaque .texto-2 h4 {
    font-size: 1.125rem;
  }
}

@media screen and (width <= 1024px) {
  #pecep-destaque .cards-wrapper {
    display: none;
  }
}

#pecep-destaque .swiper {
  margin-top: 3rem;
}

#pecep-destaque .swiper .swiper-wrapper {
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
  display: grid;
}

@media screen and (width <= 768px) {
  #pecep-destaque .swiper .swiper-wrapper {
    gap: unset !important;
  }
}

#pecep-destaque .swiper .swiper-wrapper .swiper-slide .card-destaque {
  width: 100%;
  max-width: 43.25rem;
  height: 100%;
  max-height: 21.5625rem;
  display: flex;
}

@media screen and (width <= 768px) {
  #pecep-destaque .swiper .swiper-wrapper .swiper-slide .card-destaque {
    max-width: unset !important;
  }
}

#pecep-destaque .swiper .swiper-wrapper .swiper-slide .card-destaque .card-image {
  height: 273px;
}

#pecep-destaque .swiper .swiper-wrapper .swiper-slide .card-destaque .card-image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

@media screen and (width <= 768px) {
  #pecep-destaque .swiper .swiper-wrapper .swiper-slide .card-destaque .card-image img {
    width: 100%;
  }
}

#pecep-destaque .swiper .swiper-wrapper .swiper-slide .card-destaque .texto-1 {
  background: #d7df21;
  place-content: center;
  gap: 1rem;
  padding: 3.18rem 1.93rem;
  display: grid;
}

@media screen and (width <= 768px) {
  #pecep-destaque .swiper .swiper-wrapper .swiper-slide .card-destaque .texto-1 {
    padding: 4rem 2.8125rem;
  }
}

#pecep-destaque .swiper .swiper-wrapper .swiper-slide .card-destaque .texto-1 p, #pecep-destaque .swiper .swiper-wrapper .swiper-slide .card-destaque .texto-1 h4 {
  letter-spacing: .02em;
  margin: 0;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 32px;
}

@media screen and (width <= 768px) {
  #pecep-destaque .swiper .swiper-wrapper .swiper-slide .card-destaque .texto-1 p, #pecep-destaque .swiper .swiper-wrapper .swiper-slide .card-destaque .texto-1 h4 {
    max-width: 273px;
  }
}

#pecep-destaque .swiper .swiper-wrapper .swiper-slide .card-destaque .texto-2 {
  background: #7bbdd7;
  place-content: center;
  gap: 1rem;
  padding: 3.18rem 1.93rem;
  display: grid;
}

@media screen and (width <= 768px) {
  #pecep-destaque .swiper .swiper-wrapper .swiper-slide .card-destaque .texto-2 {
    padding: 4rem 2.8125rem;
  }
}

#pecep-destaque .swiper .swiper-wrapper .swiper-slide .card-destaque .texto-2 p, #pecep-destaque .swiper .swiper-wrapper .swiper-slide .card-destaque .texto-2 h4 {
  letter-spacing: .02em;
  margin: 0;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 32px;
}

@media screen and (width <= 768px) {
  #pecep-destaque .swiper .swiper-wrapper .swiper-slide .card-destaque .texto-2 p, #pecep-destaque .swiper .swiper-wrapper .swiper-slide .card-destaque .texto-2 h4 {
    max-width: 273px;
  }
}

@media screen and (width <= 1024px) {
  #pecep-destaque .swiper .swiper-wrapper .swiper-slide .card-image {
    height: 460px !important;
  }
}

@media screen and (width <= 768px) {
  #pecep-destaque .swiper .swiper-wrapper .swiper-slide .card-image {
    height: 760px !important;
  }
}

@media (width >= 1024px) {
  #pecep-destaque .swiper {
    display: none;
  }
}

@media screen and (width <= 1024px) {
  #pecep-destaque .swiper .swiper-wrapper {
    display: flex;
  }

  #pecep-destaque .swiper .swiper-wrapper .swiper-slide {
    width: auto;
  }

  #pecep-destaque .swiper .swiper-wrapper .swiper-slide .card-destaque {
    flex-direction: column;
    max-width: 23.4375rem;
    max-height: none;
    display: flex;
  }

  #pecep-destaque .swiper .swiper-wrapper .swiper-slide .card-destaque .texto-1, #pecep-destaque .swiper .swiper-wrapper .swiper-slide .card-destaque .texto-2 {
    flex: 0 0 50%;
  }

  #pecep-destaque .swiper .swiper-wrapper .swiper-slide .card-destaque .texto-1 h4, #pecep-destaque .swiper .swiper-wrapper .swiper-slide .card-destaque .texto-2 h4 {
    font-size: 24px;
  }

  #pecep-destaque .swiper .swiper-wrapper .swiper-slide .card-destaque .texto-1 p, #pecep-destaque .swiper .swiper-wrapper .swiper-slide .card-destaque .texto-2 p {
    font-size: 16px;
  }
}

#pecep-parcerias {
  background: #7abcd5;
}

#pecep-parcerias:before {
  content: "";
  background: #fff;
  border-bottom-left-radius: 10% 14rem;
  justify-content: center;
  align-items: center;
  width: 95%;
  height: 47.25rem;
  display: flex;
  position: absolute;
  right: 0;
}

@media (width <= 1640px) {
  #pecep-parcerias:before {
    height: 57.15rem;
  }
}

@media screen and (width <= 1281px) {
  #pecep-parcerias:before {
    border-bottom-left-radius: 0;
    width: 100%;
    height: 88.5rem;
  }
}

@media screen and (width <= 1024px) {
  #pecep-parcerias:before {
    height: 29.8rem;
  }
}

#pecep-parcerias:after {
  content: "";
  background: #fff;
  border-top-left-radius: 7% 9rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 20.9375rem;
  display: flex;
  position: relative;
  left: 3rem;
}

@media screen and (width <= 1024px) {
  #pecep-parcerias:after {
    height: 0;
    display: none;
  }
}

#pecep-parcerias .container-wrapper {
  color: #0e0f0f;
  gap: 1rem;
  padding: 5rem 0;
  display: grid;
}

#pecep-parcerias .container-wrapper .title {
  letter-spacing: -.07rem;
  margin: 0 0 1rem;
  font-family: museo-slab, sans-serif;
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 130%;
}

#pecep-parcerias .container-wrapper .text-wrapper {
  color: #0e0f0f;
  justify-content: space-between;
  gap: 4rem;
  display: flex;
}

#pecep-parcerias .container-wrapper .text-wrapper .text-left {
  width: 34.1875rem;
}

#pecep-parcerias .container-wrapper .text-wrapper .text-left p {
  color: #0e0f0f;
  letter-spacing: -.03rem;
  font-family: museo-slab, sans-serif;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 150%;
}

#pecep-parcerias .container-wrapper .text-wrapper .text-left a {
  letter-spacing: .02em;
  font-family: museo-slab, sans-serif;
  font-size: 1.625rem;
  font-weight: 300;
  line-height: 138%;
}

#pecep-parcerias .container-wrapper .text-wrapper .text-left a .detalhe {
  color: #5b57a6;
}

#pecep-parcerias .container-wrapper .text-wrapper .text-left .text-italic {
  letter-spacing: -.02em;
  margin-top: 2.5rem;
  margin-bottom: 1.5rem;
  font-size: 1.625rem;
  font-style: italic;
  font-weight: 300;
  line-height: 154%;
}

@media screen and (width <= 1440px) {
  #pecep-parcerias .container-wrapper .text-wrapper .text-left {
    width: 28.1875rem;
  }
}

@media screen and (width <= 768px) {
  #pecep-parcerias .container-wrapper .text-wrapper .text-left {
    max-width: 327px;
  }

  #pecep-parcerias .container-wrapper .text-wrapper .text-left p {
    font-size: 16px !important;
  }
}

#pecep-parcerias .container-wrapper .text-wrapper .swiper {
  margin: 0 !important;
}

#pecep-parcerias .container-wrapper .text-wrapper .swiper-wrapper {
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
  display: grid;
}

#pecep-parcerias .container-wrapper .text-wrapper .swiper-wrapper .swiper-slide, #pecep-parcerias .container-wrapper .text-wrapper .swiper-wrapper img {
  width: 14.375rem;
  height: 7.8125rem;
}

@media (width <= 1640px) {
  #pecep-parcerias .container-wrapper .text-wrapper .swiper-wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (width <= 1281px) {
  #pecep-parcerias .container-wrapper .text-wrapper .swiper-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (width <= 1200px) {
  #pecep-parcerias .container-wrapper {
    padding: 6rem 0;
  }

  #pecep-parcerias .container-wrapper .title {
    font-size: 3rem;
  }

  #pecep-parcerias .container-wrapper .text-wrapper .text-left a, #pecep-parcerias .container-wrapper .text-wrapper .text-left .text-italic {
    font-size: 1.5rem;
  }
}

@media screen and (width <= 1024px) {
  #pecep-parcerias .container-wrapper {
    padding: 4rem 0;
  }

  #pecep-parcerias .container-wrapper .text-wrapper {
    flex-direction: column;
    gap: 3rem;
  }

  #pecep-parcerias .container-wrapper .text-wrapper .swiper-parceiros {
    width: 100%;
  }

  #pecep-parcerias .container-wrapper .text-wrapper .swiper-parceiros .swiper-wrapper {
    align-items: center;
    gap: 5rem;
    display: flex;
  }

  #pecep-parcerias .container-wrapper .text-wrapper .swiper-parceiros .swiper-wrapper .col-1, #pecep-parcerias .container-wrapper .text-wrapper .swiper-parceiros .swiper-wrapper .col-2, #pecep-parcerias .container-wrapper .text-wrapper .swiper-parceiros .swiper-wrapper .col-3, #pecep-parcerias .container-wrapper .text-wrapper .swiper-parceiros .swiper-wrapper .col-4 {
    display: none;
  }

  #pecep-parcerias .container-wrapper .text-wrapper .swiper-parceiros .swiper-wrapper .swiper-slide {
    z-index: 10;
    text-align: center;
    gap: 2rem;
    height: auto;
    width: 12rem !important;
  }

  #pecep-parcerias .container-wrapper .text-wrapper .swiper-parceiros .swiper-wrapper .item-mobile {
    display: block;
  }
}

@media screen and (width <= 768px) {
  #pecep-parcerias .container-wrapper .title {
    font-size: 2rem;
  }

  #pecep-parcerias .container-wrapper .swiper-parceiros .text-wrapper .text-left a, #pecep-parcerias .container-wrapper .swiper-parceiros .text-wrapper .text-left .text-italic {
    font-size: 1.25rem;
  }
}

#pecep-parcerias .container-wrapper .item-mobile {
  display: none;
}

#pecep-parcerias .form-contato-wrapper {
  gap: 4rem;
  padding: 5rem 0;
  display: flex;
  position: relative;
}

#pecep-parcerias .form-contato-wrapper .col-1 {
  flex: 0 0 50%;
  display: flex;
}

#pecep-parcerias .form-contato-wrapper .col-1 .title-col-1 {
  letter-spacing: -.02em;
  color: #0e0f0f;
  margin-bottom: 1.5rem;
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 130%;
}

@media screen and (width <= 768px) {
  #pecep-parcerias .form-contato-wrapper .col-1 .title-col-1 {
    font-size: 2rem !important;
  }
}

#pecep-parcerias .form-contato-wrapper .col-1 .image-contato {
  object-fit: cover;
  position: absolute;
  bottom: 0;
  left: 0;
}

@media screen and (width <= 1440px) {
  #pecep-parcerias .form-contato-wrapper .col-1 .image-contato {
    width: 40rem;
  }
}

@media (width >= 1024px) {
  #pecep-parcerias .form-contato-wrapper .col-1 .title-col-1 {
    display: none;
  }
}

#pecep-parcerias .form-contato-wrapper .col-2 {
  width: 100%;
}

#pecep-parcerias .form-contato-wrapper .col-2 h2 {
  letter-spacing: -.07em;
  color: #0e0f0f;
  margin-bottom: 1.5rem;
  font-family: museo-slab, sans-serif;
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 130%;
}

#pecep-parcerias .form-contato-wrapper .col-2 h4 {
  letter-spacing: -.02em;
  color: #0e0f0f;
  width: 100%;
  margin: 4rem 0 1.5rem;
  font-family: museo-slab, sans-serif;
  font-size: 2rem;
  font-weight: 300;
  line-height: 125%;
}

#pecep-parcerias .form-contato-wrapper .col-2 .content-form {
  flex-direction: column;
  align-items: end;
  gap: .5rem;
  display: flex;
}

#pecep-parcerias .form-contato-wrapper .col-2 .content-form .form-item:nth-child(7) {
  margin-top: 1rem;
}

#pecep-parcerias .form-contato-wrapper .col-2 .content-form .form-item {
  width: 100%;
}

#pecep-parcerias .form-contato-wrapper .col-2 .content-form input {
  background: #d7df21;
  border: none;
  border-bottom: 1px solid #ffffff1a;
  width: 100%;
  height: 3rem;
  padding: .25rem 1rem;
  font-family: museo-slab, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
}

#pecep-parcerias .form-contato-wrapper .col-2 .content-form input::placeholder {
  letter-spacing: -.02em;
  color: #0e0f0f;
  font-family: museo-slab, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
}

@media screen and (width <= 768px) {
  #pecep-parcerias .form-contato-wrapper .col-2 .content-form input::placeholder, #pecep-parcerias .form-contato-wrapper .col-2 .content-form input {
    font-size: 1rem;
  }
}

#pecep-parcerias .form-contato-wrapper .col-2 .content-form textarea {
  letter-spacing: -.02em;
  background: #d7df21;
  border: none;
  border-bottom: 1px solid #ffffff1a;
  width: 100%;
  height: 8rem;
  padding: 1rem;
  font-family: museo-slab, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
}

#pecep-parcerias .form-contato-wrapper .col-2 .content-form textarea::placeholder {
  color: #0e0f0f;
  letter-spacing: -.02em;
  font-family: museo-slab, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
}

@media screen and (width <= 768px) {
  #pecep-parcerias .form-contato-wrapper .col-2 .content-form textarea::placeholder, #pecep-parcerias .form-contato-wrapper .col-2 .content-form textarea {
    font-size: 1rem;
  }
}

#pecep-parcerias .form-contato-wrapper .col-2 .content-form .btn {
  letter-spacing: .02em;
  color: #fff;
  cursor: pointer;
  z-index: 3;
  border-radius: 4px;
  margin-top: 3rem;
  padding: 1.1875rem 1rem;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 144%;
  transition: all .3s;
  position: relative;
}

#pecep-parcerias .form-contato-wrapper .col-2 .content-form .btn:after {
  content: "";
  z-index: -2;
  background: #7abcd5;
  border-radius: 4px;
  width: 100%;
  height: 100%;
  transition: all .3s;
  display: block;
  position: absolute;
  bottom: -6px;
  right: -6px;
}

#pecep-parcerias .form-contato-wrapper .col-2 .content-form .btn:before {
  content: "";
  z-index: -1;
  background: #625fa8;
  border-radius: 4px;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
}

@media screen and (width <= 768px) {
  #pecep-parcerias .form-contato-wrapper .col-2 .content-form .btn {
    width: 100%;
  }
}

#pecep-parcerias .form-contato-wrapper .col-2 .content-form .btn:hover {
  transform: translate3d(2px, 2px, 0);
}

#pecep-parcerias .form-contato-wrapper .col-2 .content-form .btn:hover:after {
  transform: translate3d(3px, 3px, 0);
}

#pecep-parcerias .form-contato-wrapper .col-2 .content-form .btn {
  width: max-content !important;
  margin-top: 0 !important;
  padding: .5rem 1rem !important;
}

#pecep-parcerias .form-contato-wrapper .col-2 .content-form .btn .btn-next {
  width: 1.5rem;
  height: .75rem;
}

@media screen and (width <= 768px) {
  #pecep-parcerias .form-contato-wrapper .col-2 .content-form .btn {
    width: 100% !important;
  }
}

@media (width <= 1200px) {
  #pecep-parcerias .form-contato-wrapper .col-2 h2 {
    font-size: 3rem;
  }

  #pecep-parcerias .form-contato-wrapper .col-2 h4 {
    font-size: 1.75rem;
  }
}

@media screen and (width <= 1024px) {
  #pecep-parcerias .form-contato-wrapper {
    flex-direction: column-reverse;
    place-items: center;
    padding: 4rem 0 0;
  }

  #pecep-parcerias .form-contato-wrapper .col-1 {
    flex: none;
    justify-content: center;
    width: 100%;
    height: 31.25rem;
  }

  #pecep-parcerias .form-contato-wrapper .col-1 .title-col-1 {
    margin-bottom: 1.5rem;
    font-size: 3rem;
    font-weight: 300;
    line-height: 1.5;
  }

  #pecep-parcerias .form-contato-wrapper .col-1 .image-contato {
    width: fit-content;
    height: 500px;
    position: static;
  }

  #pecep-parcerias .form-contato-wrapper .col-2 {
    width: 100%;
  }

  #pecep-parcerias .form-contato-wrapper .col-2 .content-form .btn {
    width: 100%;
    height: 3rem;
  }
}

@media screen and (width <= 600px) {
  #pecep-parcerias .form-contato-wrapper .col-1 {
    height: fit-content;
  }

  #pecep-parcerias .form-contato-wrapper .col-1 .title-col-1 {
    font-size: 2rem;
  }

  #pecep-parcerias .form-contato-wrapper .col-1 .image-contato {
    height: fit-content;
  }

  #pecep-parcerias .form-contato-wrapper .col-2 h4 {
    font-size: 1.125rem;
  }

  #pecep-parcerias .form-contato-wrapper .col-2 .content-form input, #pecep-parcerias .form-contato-wrapper .col-2 .content-form input::placeholder, #pecep-parcerias .form-contato-wrapper .col-2 .content-form textarea, #pecep-parcerias .form-contato-wrapper .col-2 .content-form textarea::placeholder {
    font-size: 1rem;
  }

  #pecep-parcerias .form-contato-wrapper .col-2 .content-form .form-item:nth-child(7) {
    margin: unset;
  }

  #pecep-parcerias .form-contato-wrapper .col-2 .content-form .btn {
    font-size: 1rem;
  }
}

#pecep-footer {
  place-items: center;
  display: grid;
  position: relative;
}

#pecep-footer .background-footer {
  z-index: 2;
  width: 100%;
}

#pecep-footer .container-custom {
  z-index: 2;
  gap: 1.25rem;
  margin-top: 5rem;
  display: grid;
  position: absolute;
}

#pecep-footer .container-custom .menu-footer-wraper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

#pecep-footer .container-custom .menu-footer-wraper ul {
  gap: .5rem;
  display: flex;
}

#pecep-footer .container-custom .menu-footer-wraper ul a {
  color: #fff;
  border-right: 1.5px solid #fff;
  padding-right: 12px;
  font-family: museo-slab, sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.5;
}

@media screen and (width <= 1024px) {
  #pecep-footer .container-custom .menu-footer-wraper ul a {
    border: unset;
    padding-right: unset;
  }
}

#pecep-footer .container-custom .menu-footer-wraper li:nth-child(4) a {
  border: unset;
}

#pecep-footer .container-custom .menu-footer-wraper .icons-contato {
  color: #fff;
  gap: 1rem;
  width: 100%;
  max-width: 250px;
  display: flex;
}

#pecep-footer .container-custom .menu-footer-wraper .icons-contato .icon-item {
  width: 100%;
  height: 2rem;
}

@media (width <= 1700px) {
  #pecep-footer .container-custom {
    margin-top: 4rem;
  }
}

@media screen and (width <= 1281px) {
  #pecep-footer .container-custom {
    margin-top: 2rem;
  }

  #pecep-footer .container-custom .logo > img {
    width: 8rem;
    height: 3rem;
  }
}

@media screen and (width <= 1440px) {
  #pecep-footer .container-custom {
    gap: 0;
  }
}

@media screen and (width <= 1024px) {
  #pecep-footer {
    background: #004636;
  }

  #pecep-footer .background-footer {
    z-index: 0;
    display: none;
  }

  #pecep-footer .container-custom {
    text-align: center;
    place-content: center;
    align-items: center;
    margin-top: 4rem;
    margin-bottom: 4rem;
    position: relative;
  }

  #pecep-footer .container-custom .logo {
    justify-content: center;
    display: flex;
  }

  #pecep-footer .container-custom .menu-footer-wraper {
    gap: 3rem;
    margin: 2.5rem 0 0;
    display: grid;
  }

  #pecep-footer .container-custom .menu-footer-wraper ul {
    gap: 1.25rem;
    display: grid;
  }

  #pecep-footer .container-custom .menu-footer-wraper ul a {
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.5;
  }

  #pecep-footer .container-custom .menu-footer-wraper .icons-contato {
    justify-content: space-between;
  }
}

#big-numbers {
  padding: 5rem 0;
}

@media screen and (width <= 1024px) {
  #big-numbers {
    padding: 4rem 0;
  }
}

#big-numbers .swiper-wrapper {
  place-content: center;
  gap: 2.5rem;
}

@media screen and (width <= 1024px) {
  #big-numbers .swiper-wrapper {
    place-content: flex-start;
    padding: 0 3rem;
  }
}

@media (width <= 600px) {
  #big-numbers .swiper-wrapper {
    padding: 0 1.5rem;
  }
}

#big-numbers .swiper-wrapper .swiper-slide {
  z-index: 10;
  text-align: center;
  gap: 2rem;
  width: 100%;
  max-width: 220px;
}

@media screen and (width <= 1440px) {
  #big-numbers .swiper-wrapper .swiper-slide {
    max-width: 170px;
  }
}

@media screen and (width <= 768px) {
  #big-numbers .swiper-wrapper .swiper-slide {
    margin-top: 0;
  }
}

#big-numbers .swiper-wrapper .swiper-slide .text-bottom {
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  display: flex;
}

#big-numbers .swiper-wrapper .swiper-slide .text-bottom h4 {
  color: #5b57a6;
  margin: 0;
  font-size: 3.5rem;
  font-weight: 400;
  line-height: 112%;
}

#big-numbers .swiper-wrapper .swiper-slide .text-bottom p {
  color: #0e0f0f;
  max-width: 280px;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 136%;
}

@media screen and (width <= 1440px) {
  #big-numbers .swiper-wrapper .swiper-slide .text-bottom h4 {
    font-size: 2.75rem;
  }

  #big-numbers .swiper-wrapper .swiper-slide .text-bottom p {
    font-size: 1rem;
  }
}

@media screen and (width <= 768px) {
  #big-numbers .swiper-wrapper .swiper-slide .text-bottom h4 {
    font-size: 2.5rem;
  }

  #big-numbers .swiper-wrapper .swiper-slide .text-bottom p {
    font-size: 1.125rem;
  }
}

#body-pdf {
  opacity: 1;
  margin: 0;
}

@page {
  size: A4;
  margin: 0;
  padding: 0;
}

article {
  page-break-after: always;
  print-color-adjust: exact;
  -webkit-print-color-adjust: exact;
  height: 100vh;
}

.image-header {
  width: 100%;
  height: 75.75pt;
  position: relative;
  top: -18pt;
  left: 0;
}

.image-header .image-wrapper {
  width: 100%;
  height: 75.75pt;
  position: relative;
}

.image-header .image-wrapper img {
  object-fit: cover;
  width: 100%;
  height: 75.75pt;
}

.image-header .image-wrapper .text-pdf {
  width: fit-content;
  height: 75.75pt;
  position: absolute;
  top: 30pt;
  left: 18pt;
}

.image-header .image-wrapper .text-pdf h1 {
  color: #fff;
  margin-bottom: 6pt;
  font-size: 12pt;
}

.image-header .image-wrapper .text-pdf p {
  color: #0e0f0f;
  background: #7bbdd7;
  width: fit-content;
  padding: 6pt;
}

.image-aluno {
  object-fit: cover;
  border-radius: 1.5pt;
  width: 75pt;
  height: 75pt;
}

.border-card {
  background: #fff;
  border: 1pt solid #f1f3f5;
  border-radius: 6pt;
  margin: 12pt 18pt;
}

.border-card .item-card {
  width: 100%;
  height: 100%;
  padding: 9pt;
}

.border-card .item-card h1 {
  color: #55519a;
  letter-spacing: -.21pt;
  margin-bottom: 9pt;
  font-family: Roboto;
  font-size: 10.5pt;
  font-style: normal;
  font-weight: 500;
  line-height: 12pt;
}

.border-card .item-card ul {
  gap: 12pt;
  display: grid;
}

.border-card .item-card .list-item h2 {
  letter-spacing: -.18pt;
  padding-top: 6pt;
  font-family: Roboto;
  font-size: 9pt;
  font-style: normal;
  font-weight: 400;
  line-height: 12pt;
}

.border-card .item-card .list-item .item-nota {
  border-bottom: 1px solid #dee2e6;
  justify-content: space-between;
  padding: 6pt 0;
  display: flex;
}

.border-card .item-card .list-item .item-nota p {
  color: var(--neutral-02, #343a40);
  letter-spacing: -.18pt;
  font-family: Roboto;
  font-size: 9pt;
  font-style: normal;
  font-weight: 400;
  line-height: 12pt;
}

.border-card .item-card .list-item:nth-child(8) .item-nota, .item-2 .item-card .list-item:nth-child(3) .item-nota, .item-3 .item-card .list-item:nth-child(5) .item-nota, .item-4 .item-card .list-item:nth-child(4) .item-nota, .item-5 .item-card .list-item:nth-child(2) .item-nota, .item-6 .item-card .list-item:nth-child(7) .item-nota {
  border-bottom: none;
}

.item-6 .item-card .list-item:nth-child(6) .item-nota {
  border-bottom: 1px solid #dee2e6;
}

.item-7 .item-card .list-item:nth-child(5) .item-nota, .item-8 .item-card .list-item:nth-child(3) .item-nota {
  border-bottom: none;
}

#body-pdf-2 {
  opacity: 1;
  word-wrap: break-word;
  overflow-wrap: break-word;
  flex-wrap: wrap;
  margin: 0;
}

@page {
  size: A4;
  padding: 0;
  margin: 18pt 0;
}

#body-pdf-semanal {
  opacity: 1;
  word-wrap: break-word;
  overflow-wrap: break-word;
  flex-wrap: wrap;
  margin: 0;
}

@page {
  size: A4;
  padding: 0;
  margin: 18pt 0;
}

.border-card-percentual .item-card-percentual .image-aluno {
  margin-bottom: 9pt;
}

.border-card-percentual .item-card-percentual .list-presencas {
  justify-content: space-between;
  display: flex;
}

.border-card-percentual .item-card-percentual .qtd-aluno {
  justify-content: space-between;
  margin-bottom: 9pt;
  display: flex;
}

.border-card-percentual .item-card-percentual .qtd-aluno p {
  color: var(--neutral-02, #343a40);
  letter-spacing: -.18pt;
  font-family: Roboto;
  font-size: 10.5pt;
  font-style: normal;
  font-weight: 400;
  line-height: 12pt;
}

.border-card-percentual .item-card-percentual h1 {
  color: #55519a;
  letter-spacing: -.21pt;
  margin-bottom: 9pt;
  font-family: Roboto;
  font-size: 10.5pt;
  font-style: normal;
  font-weight: 500;
  line-height: 12pt;
}

.border-card-percentual .item-card-percentual .name-turma {
  letter-spacing: -.18pt;
  padding-top: 6pt;
  font-family: Roboto;
  font-size: 12pt;
  font-style: normal;
  font-weight: 600;
  line-height: 12pt;
}

.border-card-percentual .item-card-percentual .list-item-percentual h2 {
  letter-spacing: -.18pt;
  color: #343a40;
  padding-top: 6pt;
  font-family: Roboto;
  font-size: 9pt;
  font-style: normal;
  font-weight: 400;
  line-height: 12pt;
}

#body-pdf-mensal {
  opacity: 1;
  word-wrap: break-word;
  overflow-wrap: break-word;
  flex-wrap: wrap;
  margin: 0;
}

@page {
  size: A4;
  padding: 0;
  margin: 18pt 0;
}

html {
  font-family: ITC Franklin Gothic Std, sans-serif;
  font-size: 10.5pt;
  font-weight: 400;
}

article {
  page-break-after: always;
  break-after: page;
  print-color-adjust: exact;
  -webkit-print-color-adjust: exact;
  height: 100vh;
}

.image-header-percentual {
  width: 100%;
  height: 75.75pt;
  position: relative;
  top: -18pt;
  left: 0;
}

.image-header-percentual .image-wrapper-percentual {
  width: 100%;
  height: 75.75pt;
  position: relative;
}

.image-header-percentual .image-wrapper-percentual img {
  object-fit: cover;
  width: 100%;
  height: 75.75pt;
}

.image-header-percentual .image-wrapper-percentual .text-pdf-percentual {
  width: fit-content;
  height: 75.75pt;
  position: absolute;
  top: 30pt;
  left: 18pt;
}

.image-header-percentual .image-wrapper-percentual .text-pdf-percentual h1 {
  color: #fff;
  margin-bottom: 6pt;
  font-size: 12pt;
}

.image-header-percentual .image-wrapper-percentual .text-pdf-percentual p {
  color: #0e0f0f;
  background: #7bbdd7;
  width: fit-content;
  padding: 6pt;
}

.image-footer {
  object-fit: cover;
  width: 100%;
  height: 12pt;
  position: absolute;
  bottom: -18pt;
  left: 0;
}

.border-card-percentual {
  background: #fff;
  border: 1pt solid #f1f3f5;
  border-radius: 6pt;
  margin: 12pt 18pt;
}

.border-card-percentual .item-card-percentual {
  width: 100%;
  height: 100%;
  padding: 9pt;
}

.border-card-percentual .item-card-percentual h1 {
  color: #0e0f0f;
  letter-spacing: -.18pt;
  padding-top: 6pt;
  font-family: Roboto;
  font-size: 13.5pt;
  font-style: normal;
  font-weight: 600;
  line-height: 12pt;
}

.border-card-percentual .item-card-percentual h2 {
  color: #55519a;
  letter-spacing: -.21pt;
  padding-top: 6pt;
  padding-bottom: 3pt;
  font-family: Roboto;
  font-size: 10.5pt;
  font-style: normal;
  font-weight: 500;
  line-height: 12pt;
}

.border-card-percentual .item-card-percentual ul {
  gap: 12pt;
  display: grid;
}

.border-card-percentual .item-card-percentual .list-item-percentual h2 {
  letter-spacing: -.18pt;
  padding-top: 6pt;
  font-family: Roboto;
  font-size: 9pt;
  font-style: normal;
  font-weight: 400;
  line-height: 12pt;
}

.border-card-percentual .item-card-percentual .list-item-percentual .item-nota-percentual {
  justify-content: space-between;
  padding: 3pt 0 3pt 9pt;
  display: flex;
}

.border-card-percentual .item-card-percentual .list-item-percentual .item-nota-percentual p {
  color: var(--neutral-02, #343a40);
  letter-spacing: -.18pt;
  font-family: Roboto;
  font-size: 9pt;
  font-style: normal;
  font-weight: 400;
  line-height: 12pt;
}

body {
  margin: 0 !important;
}

#coming-soon {
  justify-content: center;
  display: flex;
  position: relative;
}

#coming-soon .bg-coming-soon {
  object-fit: cover;
  width: 100%;
  height: 100vh;
}

#coming-soon .container {
  text-align: center;
  justify-content: center;
  display: flex;
  position: absolute;
  top: 30%;
}

#coming-soon .text-wrapper {
  flex-direction: column;
  align-items: center;
  display: flex;
}

#coming-soon .text-wrapper h1 {
  color: #fff;
  letter-spacing: -.1rem;
  margin-top: 4rem;
  margin-bottom: 1rem;
  font-size: 5rem;
  font-weight: 400;
  line-height: 110%;
}

@media screen and (width <= 1024px) {
  #coming-soon .text-wrapper h1 {
    font-size: 3rem;
  }
}

#coming-soon .text-wrapper .doe {
  margin-top: 1.5rem;
}

#coming-soon .text-wrapper h3 {
  color: #fff;
  letter-spacing: -.0525rem;
  align-items: center;
  gap: 2rem;
  margin: 0;
  font-size: 2.625rem;
  font-weight: 400;
  line-height: 133%;
  display: flex;
}

@media screen and (width <= 1024px) {
  #coming-soon .text-wrapper h3 {
    flex-direction: column;
    font-size: 2rem;
  }
}

#coming-soon .text-wrapper h3 a {
  color: #5e4f9c;
  letter-spacing: -.05rem;
  background: #d7df21;
  gap: 8px;
  padding: 1rem;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 60%;
  text-decoration: none;
  display: flex;
}

#coming-soon .text-wrapper h3 a:hover {
  background: #d7ef31;
}

#pecep-teste {
  margin-top: 4.5rem;
}

#pecep-teste .ornamento {
  z-index: 0;
  width: 100%;
  position: absolute;
}

#pecep-teste .container {
  display: grid;
}

#pecep-teste .texto {
  margin-top: 12rem;
  margin-bottom: 2rem;
  display: grid;
}

#pecep-teste .texto h4 {
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 1.5rem;
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 130%;
}

#pecep-teste .texto p {
  letter-spacing: .02em;
  font-size: 1.75rem;
  font-weight: 300;
  line-height: 130%;
}

#pecep-teste .texto .detalhe {
  color: #5b57a6;
}

#pecep-teste .swiper {
  width: 100%;
  height: 100%;
}

#pecep-teste .swiper-slide {
  text-align: center;
  background: #fff;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  display: flex;
}

#pecep-teste .swiper-slide .img-area {
  width: 100%;
  height: 100%;
}

#pecep-teste .swiper {
  width: 100%;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
}

#pecep-teste .swiper-slide {
  background-position: center;
  background-size: cover;
}

#pecep-teste .swiper-history-top {
  width: 100%;
  height: 100%;
  max-height: 35rem;
}

#pecep-teste .swiper-history-bottom {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  max-height: 13rem;
  padding: 10px 0;
}

@media (width >= 1024px) {
  #pecep-teste .swiper-history-bottom {
    display: none;
  }
}

#pecep-teste .swiper-history-bottom .swiper-slide {
  opacity: .4;
  width: 100%;
  height: 100%;
}

#pecep-teste .swiper-history-bottom .swiper-slide-thumb-active {
  opacity: 1;
}

#pecep-teste .swiper-slide img {
  object-fit: fill;
  width: 100%;
  height: 100%;
  display: block;
}

#pecep-teste .content {
  mix-blend-mode: normal;
  opacity: 0;
  background: linear-gradient(0deg, #5b57a6e6, #5b57a6e6);
  width: 100%;
  height: 100%;
  padding: 1.5rem;
  transition-duration: .3s;
  position: absolute;
  top: 0;
  left: 0;
}

@media screen and (width <= 1024px) {
  #pecep-teste .content {
    text-align: left;
    padding: 3.75rem 2.5rem;
  }
}

#pecep-teste .content > h2 {
  text-transform: uppercase;
  color: #fff;
  letter-spacing: .02em;
  width: 100%;
  margin: 0 auto;
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 150%;
  transition-duration: .6s;
}

@media (width <= 1200px) {
  #pecep-teste .content > h2 {
    font-size: .875rem;
  }
}

@media screen and (width <= 1024px) {
  #pecep-teste .content > h2 {
    font-size: 1.5rem;
  }
}

#pecep-teste .content > p {
  color: #fff;
  letter-spacing: .02em;
  width: 100%;
  margin: 0 auto;
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
}

@media (width <= 1200px) {
  #pecep-teste .content > p {
    font-size: .75rem;
  }
}

@media screen and (width <= 1024px) {
  #pecep-teste .content > p {
    font-size: 1.125rem;
  }
}

#pecep-teste .content:hover {
  opacity: 1;
}

#pecep-teste .content:hover > h1 {
  padding: 100px 0 5px;
}

#intro-pecep-quem-somos {
  position: relative;
}

#intro-pecep-quem-somos .ornamento {
  z-index: 1;
  width: 100%;
  position: relative;
}

#intro-pecep-quem-somos .intro-home {
  margin-top: 9.5rem;
  position: relative;
}

#intro-pecep-quem-somos .intro-home .intro-left {
  z-index: 2;
  flex-direction: column;
  justify-content: center;
  place-items: center;
  gap: 1rem;
  height: 100%;
  margin-left: 16.25rem;
  display: inline-flex;
  position: absolute;
  top: 0;
  left: 0;
}

#intro-pecep-quem-somos .intro-home .intro-left .intro-texto-1 {
  letter-spacing: -.02em;
  margin: 0;
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 130%;
}

#intro-pecep-quem-somos .intro-home .intro-left .intro-texto-2 {
  letter-spacing: -.02em;
  margin: 0 0 0 14rem;
  font-size: 4.5rem;
  font-weight: 500;
  line-height: 100%;
}

#intro-pecep-quem-somos .intro-home .intro-rigth {
  position: relative;
}

#intro-pecep-quem-somos .intro-home .intro-rigth img {
  object-fit: cover;
  width: 100%;
}

@media (width <= 1650px) {
  #intro-pecep-quem-somos .intro-home .intro-left {
    margin-left: 9rem;
  }

  #intro-pecep-quem-somos .intro-home .intro-left .intro-texto-1 {
    font-size: 3rem;
  }

  #intro-pecep-quem-somos .intro-home .intro-left .intro-texto-2 {
    font-size: 3.5rem;
  }
}

@media screen and (width <= 1281px) {
  #intro-pecep-quem-somos .intro-home .intro-left {
    margin-left: 0;
  }
}

@media screen and (width <= 1024px) {
  #intro-pecep-quem-somos .intro-home {
    background: #ededee;
    flex-direction: column-reverse;
    display: flex;
  }

  #intro-pecep-quem-somos .intro-home .intro-left {
    padding: 3rem 0;
    position: static;
  }
}

@media screen and (width <= 600px) {
  #intro-pecep-quem-somos .intro-home .intro-left .intro-texto-1 {
    font-size: 2rem;
  }

  #intro-pecep-quem-somos .intro-home .intro-left .intro-texto-2 {
    margin: 0;
    font-size: 3rem;
  }
}

#intro-pecep-quem-somos-2 {
  position: relative;
}

#intro-pecep-quem-somos-2 .ornamento-1 {
  width: 100%;
  position: relative;
}

#intro-pecep-quem-somos-2 .ornamento-1 img {
  object-fit: cover;
  width: 100%;
  height: 130px;
}

#intro-pecep-quem-somos-2 .container-wrapper {
  gap: 6.4375rem;
  padding: 7.5rem 0;
  display: flex;
}

@media screen and (width <= 1024px) {
  #intro-pecep-quem-somos-2 .container-wrapper {
    flex-direction: column;
    place-items: center;
    gap: 4rem;
    padding: 4rem 0;
    display: flex;
  }
}

@media screen and (width <= 768px) {
  #intro-pecep-quem-somos-2 .container-wrapper {
    margin: 4rem 0;
  }
}

@media screen and (width <= 1024px) {
  #intro-pecep-quem-somos-2 .itens-left-wrapper {
    width: 100%;
  }
}

#intro-pecep-quem-somos-2 .itens-left-wrapper .texto-paragrafo {
  display: grid;
}

@media screen and (width <= 768px) {
  #intro-pecep-quem-somos-2 .itens-left-wrapper .texto-paragrafo :nth-child(2):after {
    content: ">>>";
    color: #5b57a6;
    font-weight: 700;
    display: block;
    position: absolute;
    bottom: 0;
    left: 80px;
  }
}

#intro-pecep-quem-somos-2 .itens-left-wrapper .texto-paragrafo h2 {
  letter-spacing: -.06em;
  color: #0e0f0f;
  margin-bottom: 1.5rem;
  font-family: museo-slab, sans-serif;
  font-size: 3rem;
  font-weight: 300;
  line-height: 150%;
}

@media screen and (width <= 768px) {
  #intro-pecep-quem-somos-2 .itens-left-wrapper .texto-paragrafo h2 {
    font-size: 32px;
  }
}

#intro-pecep-quem-somos-2 .itens-left-wrapper .texto-paragrafo p {
  letter-spacing: .03em;
  color: #0e0f0f;
  font-family: museo-slab, sans-serif;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 150%;
  position: relative;
}

@media screen and (width <= 768px) {
  #intro-pecep-quem-somos-2 .itens-left-wrapper .texto-paragrafo p {
    font-size: 16px;
  }
}

#intro-pecep-quem-somos-2 .itens-left-wrapper .cards-wrapper-pecep {
  grid-template-columns: repeat(3, 1fr);
  margin-top: 3.5rem;
  display: grid;
}

#intro-pecep-quem-somos-2 .itens-left-wrapper .cards-wrapper-pecep .img-lg {
  display: none;
}

@media (width <= 1400px) {
  #intro-pecep-quem-somos-2 .itens-left-wrapper .cards-wrapper-pecep {
    grid-template-columns: repeat(2, 1fr);
  }

  #intro-pecep-quem-somos-2 .itens-left-wrapper .cards-wrapper-pecep .img-lg {
    display: block;
  }

  #intro-pecep-quem-somos-2 .itens-left-wrapper .cards-wrapper-pecep .img-lg-hidden {
    display: none;
  }
}

#intro-pecep-quem-somos-2 .itens-left-wrapper .cards-wrapper-pecep .card-image, #intro-pecep-quem-somos-2 .itens-left-wrapper .cards-wrapper-pecep img {
  object-fit: cover;
  flex: 0 0 50%;
  width: 100%;
  height: 100%;
}

#intro-pecep-quem-somos-2 .itens-left-wrapper .cards-wrapper-pecep .card-text-1 {
  background: #7cb94e;
  flex: 0 0 50%;
  padding: 2rem 1.5rem;
}

#intro-pecep-quem-somos-2 .itens-left-wrapper .cards-wrapper-pecep .card-text-1 h4 {
  letter-spacing: -.05em;
  color: #fff;
  margin: 0 0 1.5rem;
  font-size: 2rem;
  font-weight: 500;
  line-height: 120%;
}

#intro-pecep-quem-somos-2 .itens-left-wrapper .cards-wrapper-pecep .card-text-1 p {
  letter-spacing: .02em;
  color: #fff;
  font-size: 1rem;
  font-weight: 300;
  line-height: 162%;
}

#intro-pecep-quem-somos-2 .itens-left-wrapper .cards-wrapper-pecep .card-text-2 {
  background: #2c4e4b;
  flex: 0 0 50%;
  padding: 2.8125rem 1.5rem;
}

#intro-pecep-quem-somos-2 .itens-left-wrapper .cards-wrapper-pecep .card-text-2 h4 {
  letter-spacing: -.05em;
  color: #fff;
  margin: 0 0 1.5rem;
  font-size: 2rem;
  font-weight: 500;
  line-height: 120%;
}

#intro-pecep-quem-somos-2 .itens-left-wrapper .cards-wrapper-pecep .card-text-2 ul, #intro-pecep-quem-somos-2 .itens-left-wrapper .cards-wrapper-pecep .card-text-2 li {
  letter-spacing: .02em;
  color: #fff;
  font-size: 1rem;
  font-weight: 300;
  line-height: 162%;
  list-style: inside;
}

#intro-pecep-quem-somos-2 .itens-left-wrapper .cards-wrapper-pecep .card-text-3 {
  background: #ee3f4a;
  flex: 0 0 50%;
  padding: 3.625rem 1.5rem;
}

#intro-pecep-quem-somos-2 .itens-left-wrapper .cards-wrapper-pecep .card-text-3 h4 {
  letter-spacing: -.05em;
  color: #fff;
  margin: 0 0 1.5rem;
  font-size: 2rem;
  font-weight: 500;
  line-height: 120%;
}

#intro-pecep-quem-somos-2 .itens-left-wrapper .cards-wrapper-pecep .card-text-3 p {
  letter-spacing: .02em;
  color: #fff;
  font-size: 1rem;
  font-weight: 300;
  line-height: 162%;
}

@media (width <= 1600px) {
  #intro-pecep-quem-somos-2 .itens-left-wrapper .cards-wrapper-pecep .card-image, #intro-pecep-quem-somos-2 .itens-left-wrapper .cards-wrapper-pecep img {
    flex: 0 0 53%;
  }

  #intro-pecep-quem-somos-2 .itens-left-wrapper .cards-wrapper-pecep .card-text-1 p {
    font-size: .875rem;
  }

  #intro-pecep-quem-somos-2 .itens-left-wrapper .cards-wrapper-pecep .card-text-2 {
    padding: 2.2rem 1.5rem;
  }

  #intro-pecep-quem-somos-2 .itens-left-wrapper .cards-wrapper-pecep .card-text-2 p {
    font-size: .875rem;
  }

  #intro-pecep-quem-somos-2 .itens-left-wrapper .cards-wrapper-pecep .card-text-3 {
    padding: 2.7rem 1.5rem;
  }

  #intro-pecep-quem-somos-2 .itens-left-wrapper .cards-wrapper-pecep .card-text-3 p {
    font-size: .875rem;
  }
}

@media screen and (width <= 1024px) {
  #intro-pecep-quem-somos-2 .itens-left-wrapper .cards-wrapper-pecep {
    display: none;
  }
}

#intro-pecep-quem-somos-2 .itens-left-wrapper .container-big-numbers {
  flex-wrap: wrap;
  justify-content: center;
  gap: 2.5rem;
  margin-top: 6rem;
  display: flex;
}

@media screen and (width <= 1024px) {
  #intro-pecep-quem-somos-2 .itens-left-wrapper .container-big-numbers {
    display: none;
  }
}

#intro-pecep-quem-somos-2 .text-bottom {
  text-align: center;
  width: 17.4375rem;
}

@media (width <= 1200px) {
  #intro-pecep-quem-somos-2 .text-bottom {
    max-width: 14.875rem;
  }
}

#intro-pecep-quem-somos-2 .text-bottom h4 {
  color: #5b57a6;
  margin: 0;
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 112%;
}

@media (width <= 1200px) {
  #intro-pecep-quem-somos-2 .text-bottom h4 {
    font-size: 2.5rem;
  }
}

#intro-pecep-quem-somos-2 .text-bottom p {
  color: #0e0f0f;
  font-size: 1.375rem;
  font-weight: 300;
  line-height: 136%;
}

@media screen and (width <= 768px) {
  #intro-pecep-quem-somos-2 .text-bottom p {
    font-size: 1.125rem;
  }
}

@media (width >= 1024px) {
  #intro-pecep-quem-somos-2 .swiper {
    display: none;
  }
}

#intro-pecep-quem-somos-2 .swiper-slide {
  margin-top: 4rem;
}

#intro-pecep-quem-somos-2 .swiper-slide .card-1, #intro-pecep-quem-somos-2 .swiper-slide .card-2, #intro-pecep-quem-somos-2 .swiper-slide .card-3 {
  width: 100%;
  display: grid;
}

#intro-pecep-quem-somos-2 .swiper-slide .card-image, #intro-pecep-quem-somos-2 .swiper-slide img {
  object-fit: cover;
  width: 100%;
  height: 20.75rem;
}

#intro-pecep-quem-somos-2 .swiper-slide .card-text-1 {
  background: #74b632;
  height: 20.75rem;
  padding: 2rem 1.5rem;
}

#intro-pecep-quem-somos-2 .swiper-slide .card-text-1 h4 {
  letter-spacing: -.05em;
  color: #fff;
  margin: 0 0 1.5rem;
  font-size: 2rem;
  font-weight: 500;
  line-height: 120%;
}

#intro-pecep-quem-somos-2 .swiper-slide .card-text-1 p {
  letter-spacing: .02em;
  color: #fff;
  font-size: 1rem;
  font-weight: 300;
  line-height: 162%;
}

#intro-pecep-quem-somos-2 .swiper-slide .card-text-2 {
  background: #125329;
  height: 20.75rem;
  padding: 2.8125rem 1.5rem;
}

#intro-pecep-quem-somos-2 .swiper-slide .card-text-2 h4 {
  letter-spacing: -.05em;
  color: #fff;
  margin: 0 0 1.5rem;
  font-size: 2rem;
  font-weight: 500;
  line-height: 120%;
}

#intro-pecep-quem-somos-2 .swiper-slide .card-text-2 ul, #intro-pecep-quem-somos-2 .swiper-slide .card-text-2 li {
  letter-spacing: .02em;
  color: #fff;
  font-size: 1rem;
  font-weight: 300;
  line-height: 162%;
  list-style: inside;
}

#intro-pecep-quem-somos-2 .swiper-slide .card-text-3 {
  background: #ef6f26;
  height: 20.75rem;
  padding: 4.5rem 1.5rem;
}

#intro-pecep-quem-somos-2 .swiper-slide .card-text-3 h4 {
  letter-spacing: -.05em;
  color: #fff;
  margin: 0 0 1.5rem;
  font-size: 2rem;
  font-weight: 500;
  line-height: 120%;
}

#intro-pecep-quem-somos-2 .swiper-slide .card-text-3 p {
  letter-spacing: .02em;
  color: #fff;
  font-size: 1rem;
  font-weight: 300;
  line-height: 162%;
}

#pecep-nossa-historia {
  background: #7bbdd7;
  position: relative;
}

@media screen and (width <= 1024px) {
  #pecep-nossa-historia {
    background: #fff;
  }
}

#pecep-nossa-historia .ornamento-1 {
  width: 100%;
  position: relative;
}

#pecep-nossa-historia .ornamento-1 img {
  object-fit: cover;
  width: 100%;
  height: 130px;
}

#pecep-nossa-historia:before {
  content: "";
  z-index: 0;
  background: #fff;
  border-bottom-right-radius: 8% 12rem;
  justify-content: center;
  align-items: center;
  width: 96%;
  height: 298px;
  display: flex;
  position: absolute;
}

@media screen and (width <= 1024px) {
  #pecep-nossa-historia:before {
    display: none;
  }
}

#pecep-nossa-historia .text-top {
  place-content: center;
  padding: 7.5rem 0 5rem;
}

#pecep-nossa-historia .text-top h2 {
  letter-spacing: -.07em;
  color: #0e0f0f;
  margin: 0 0 1.5rem;
  font-family: museo-slab, sans-serif;
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 130%;
}

#pecep-nossa-historia .text-top p {
  letter-spacing: .02em;
  color: #0e0f0f;
  width: 100%;
  max-width: 1322px;
  font-family: museo-slab, sans-serif;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 180%;
}

#pecep-nossa-historia .text-top b {
  color: #625fa8;
}

@media screen and (width <= 1024px) {
  #pecep-nossa-historia .text-top {
    padding: 4rem 0;
  }
}

@media screen and (width <= 768px) {
  #pecep-nossa-historia .text-top h2 {
    font-size: 2rem;
  }

  #pecep-nossa-historia .text-top p {
    font-size: 1rem;
  }
}

#pecep-nossa-historia .cards-time-line {
  text-align: center;
  flex-wrap: wrap;
  height: 41.25rem;
  display: flex;
}

#pecep-nossa-historia .cards-time-line .year-active {
  text-align: left;
  padding: 6rem 5.5rem;
  flex: 3 !important;
}

#pecep-nossa-historia .cards-time-line .year-active .title-time-line {
  margin: unset;
  font-size: 3.5rem;
}

#pecep-nossa-historia .cards-time-line .year-active .paragraph-time-line {
  display: flex;
}

#pecep-nossa-historia .cards-time-line .year {
  cursor: pointer;
  flex-direction: column;
  flex: 1;
  display: flex;
}

#pecep-nossa-historia .cards-time-line .title-time-line {
  letter-spacing: .02em;
  color: #000;
  margin: 6.75rem 0 0;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 160%;
}

#pecep-nossa-historia .cards-time-line .paragraph-time-line {
  letter-spacing: .02em;
  color: #0e0f0f;
  font-size: 1.625rem;
  font-weight: 300;
  line-height: 180%;
  display: none;
}

@media screen and (width <= 1024px) {
  #pecep-nossa-historia .cards-time-line {
    display: none;
  }
}

#pecep-nossa-historia .swiper-time-line {
  text-align: left;
  flex-wrap: wrap;
  height: 41.25rem;
  display: flex;
  position: relative;
}

#pecep-nossa-historia .swiper-time-line .swiper-slide {
  padding: 1.5rem;
}

#pecep-nossa-historia .swiper-time-line .title-time-line {
  letter-spacing: .02em;
  color: #000;
  margin: 0 0 1rem;
  font-size: 2rem;
  font-weight: 500;
  line-height: 160%;
}

#pecep-nossa-historia .swiper-time-line .paragraph-time-line {
  letter-spacing: .02em;
  color: #0e0f0f;
  font-size: 1rem;
  font-weight: 300;
  line-height: 180%;
}

@media (width >= 1024px) {
  #pecep-nossa-historia .swiper-time-line {
    display: none;
  }
}

@media screen and (width <= 1024px) {
  #pecep-nossa-historia .swiper-time-line {
    height: 20.5rem;
  }
}

@media (width <= 320px) {
  #pecep-nossa-historia .swiper-time-line {
    height: 30.5rem;
  }
}

#pecep-ingresso {
  background: #7bbdd7;
  position: relative;
}

#pecep-ingresso:after {
  content: "";
  background: #fff;
  border-top-left-radius: 9% 9rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 13rem;
  display: flex;
  position: relative;
  left: 5rem;
}

@media screen and (width <= 1024px) {
  #pecep-ingresso:after {
    display: none;
  }
}

#pecep-ingresso .container-top {
  display: flex;
}

#pecep-ingresso .container-top .image-ingresso-1 {
  background: #2c4e4b;
  flex: 0 0 55%;
}

#pecep-ingresso .container-top .image-ingresso-1 img {
  width: 100%;
}

#pecep-ingresso .container-top .card {
  text-align: center;
  background: #d7df21;
  flex: 0 0 45%;
  place-content: center;
  gap: 2rem;
  padding: 0 2rem;
  display: grid;
}

#pecep-ingresso .container-top .card .card-title {
  place-content: center;
  display: flex;
}

#pecep-ingresso .container-top .card .card-title .title {
  color: #fff;
  letter-spacing: -.1125rem;
  background: #625fa8;
  margin: 0;
  padding: 1rem .75rem;
  font-family: museo-slab, sans-serif;
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 160%;
}

#pecep-ingresso .container-top .card .paragraph {
  letter-spacing: .02em;
  color: #0e0f0f;
  font-family: museo-slab, sans-serif;
  font-size: 1.5rem;
  line-height: 180%;
}

@media (width <= 1600px) {
  #pecep-ingresso .container-top .card .card-title .title {
    font-size: 2rem;
  }

  #pecep-ingresso .container-top .card .paragraph {
    font-size: 1.25rem;
  }
}

@media screen and (width <= 1281px) {
  #pecep-ingresso .container-top .card .card-title .title {
    font-size: 1.5rem;
  }

  #pecep-ingresso .container-top .card .paragraph {
    font-size: 1rem;
  }
}

@media screen and (width <= 1024px) {
  #pecep-ingresso .container-top {
    display: grid;
  }

  #pecep-ingresso .container-top .image-ingresso-1 img {
    object-fit: cover;
    width: 100%;
  }

  #pecep-ingresso .container-top .card {
    height: 24rem;
  }
}

#pecep-ingresso .container-bottom {
  display: flex;
}

#pecep-ingresso .container-bottom .card-right {
  flex: 0 0 30%;
  place-content: center;
  display: grid;
}

#pecep-ingresso .container-bottom .card-right .card-title-bottom {
  text-align: center;
  letter-spacing: -.1125rem;
  color: #0e0f0f;
  background: #d8df21;
  align-items: center;
  margin: 0;
  padding: 1rem .75rem;
  font-family: museo-slab, sans-serif;
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 160%;
}

#pecep-ingresso .container-bottom .image-text {
  background: #7cb94e;
  display: flex;
}

#pecep-ingresso .container-bottom .image-text .img-bottom {
  width: 50%;
}

#pecep-ingresso .container-bottom .image-text .card-left {
  background: #ef3f4a;
  place-content: center;
  padding: 0 2rem;
  display: grid;
}

#pecep-ingresso .container-bottom .image-text .card-left p, #pecep-ingresso .container-bottom .image-text .card-left a {
  text-align: center;
  letter-spacing: .02em;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 130%;
}

#pecep-ingresso .container-bottom .image-text .card-left p a, #pecep-ingresso .container-bottom .image-text .card-left a a {
  font-weight: 700;
  text-decoration: underline;
}

@media (width <= 1600px) {
  #pecep-ingresso .container-bottom .card-right .card-title-bottom {
    font-size: 2rem;
  }

  #pecep-ingresso .container-bottom .image-text .card-left p, #pecep-ingresso .container-bottom .image-text .card-left a {
    font-size: 1.25rem;
  }
}

@media screen and (width <= 1281px) {
  #pecep-ingresso .container-bottom .card-right .card-title-bottom {
    font-size: 1.5rem;
  }

  #pecep-ingresso .container-bottom .image-text .card-left p, #pecep-ingresso .container-bottom .image-text .card-left a {
    font-size: 1rem;
  }
}

@media screen and (width <= 1024px) {
  #pecep-ingresso .container-bottom {
    display: grid;
  }

  #pecep-ingresso .container-bottom .card-right {
    height: 15rem;
  }

  #pecep-ingresso .container-bottom .img-bottom {
    object-fit: cover;
    width: 100%;
  }

  #pecep-ingresso .container-bottom .image-text .card-left {
    height: 100%;
  }
}

@media screen and (width <= 600px) {
  #pecep-ingresso .container-bottom .image-text {
    flex-direction: column;
    align-items: center;
  }

  #pecep-ingresso .container-bottom .image-text .card-left {
    padding: 4rem;
  }
}

#intro-pecep-selecao-alunos {
  position: relative;
}

#intro-pecep-selecao-alunos .ornamento {
  z-index: 1;
  width: 100%;
  position: relative;
}

#intro-pecep-selecao-alunos .intro-home {
  position: relative;
}

#intro-pecep-selecao-alunos .intro-home .intro-left {
  z-index: 2;
  flex-direction: column;
  justify-content: center;
  place-items: center;
  gap: 1rem;
  width: 50%;
  height: 100%;
  display: inline-flex;
  position: absolute;
  top: 0;
  left: 0;
}

#intro-pecep-selecao-alunos .intro-home .intro-left .intro-texto-1 {
  letter-spacing: -.02em;
  margin: 0;
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 130%;
}

#intro-pecep-selecao-alunos .intro-home .intro-left .intro-texto-2 {
  letter-spacing: -.02em;
  margin: 0 0 0 14rem;
  font-size: 4.5rem;
  font-weight: 500;
  line-height: 100%;
}

#intro-pecep-selecao-alunos .intro-home .intro-rigth {
  z-index: 2;
  flex: 0 0 55%;
}

#intro-pecep-selecao-alunos .intro-home .intro-rigth img {
  object-fit: fill;
}

@media (width <= 1200px) {
  #intro-pecep-selecao-alunos .intro-home:after {
    content: "";
    left: 6rem;
  }

  #intro-pecep-selecao-alunos .intro-home .intro-left .intro-texto-1 {
    font-size: 2.5rem;
  }

  #intro-pecep-selecao-alunos .intro-home .intro-left .intro-texto-2 {
    font-size: 3.5rem;
  }
}

@media screen and (width <= 1024px) {
  #intro-pecep-selecao-alunos .intro-home {
    background: #ededee;
    flex-direction: column-reverse;
    display: flex;
  }

  #intro-pecep-selecao-alunos .intro-home .intro-left {
    width: 100%;
    padding: 3rem 0;
    position: static;
  }

  #intro-pecep-selecao-alunos .intro-home .intro-left .intro-texto-1 {
    font-size: 3rem;
  }

  #intro-pecep-selecao-alunos .intro-home .intro-left .intro-texto-2 {
    margin-left: 2.5rem;
    font-size: 4rem;
  }
}

@media screen and (width <= 768px) {
  #intro-pecep-selecao-alunos .intro-home .intro-left .intro-texto-1 {
    font-size: 2.5rem;
  }

  #intro-pecep-selecao-alunos .intro-home .intro-left .intro-texto-2 {
    font-size: 3.5rem;
  }
}

#intro-pecep-formulario-cadastro-aluno {
  position: relative;
}

#intro-pecep-formulario-cadastro-aluno .title-link {
  text-transform: uppercase;
  font-size: 14px !important;
  font-weight: 700 !important;
}

#intro-pecep-formulario-cadastro-aluno .ornamento-1, #intro-pecep-formulario-cadastro-aluno img {
  width: 100%;
}

#intro-pecep-formulario-cadastro-aluno .container-wrapper {
  grid-template-columns: 1fr 20.375rem;
  gap: 9.375rem;
  margin-top: 7.5rem;
  margin-bottom: 7.5rem;
  display: grid;
}

@media (width <= 1600px) {
  #intro-pecep-formulario-cadastro-aluno .container-wrapper {
    grid-template-columns: 1fr;
    place-items: center;
  }
}

@media screen and (width <= 768px) {
  #intro-pecep-formulario-cadastro-aluno .container-wrapper {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
}

#intro-pecep-formulario-cadastro-aluno .formulario-wrapper {
  max-width: 57.5625rem;
}

#intro-pecep-formulario-cadastro-aluno .formulario-wrapper .card-image {
  position: relative;
}

#intro-pecep-formulario-cadastro-aluno .formulario-wrapper .card-image img {
  object-fit: cover;
  width: 100%;
  max-width: 41.375rem;
}

#intro-pecep-formulario-cadastro-aluno .formulario-wrapper .card-image .card {
  background: #625fa8;
  width: 35.3125rem;
  padding: 2rem 1.5rem;
  position: absolute;
  bottom: 0;
  right: 0;
}

#intro-pecep-formulario-cadastro-aluno .formulario-wrapper .card-image .card p {
  letter-spacing: .02em;
  color: #fff;
  font-size: 1rem;
  font-weight: 300;
  line-height: 160%;
}

#intro-pecep-formulario-cadastro-aluno .formulario-wrapper .card-image .card h4 {
  letter-spacing: -.05em;
  color: #fff;
  width: max-content;
  margin: 0;
  padding-top: 1.5rem;
  padding-bottom: .5rem;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 120%;
}

@media screen and (width <= 1024px) {
  #intro-pecep-formulario-cadastro-aluno .formulario-wrapper .card-image {
    position: static;
  }

  #intro-pecep-formulario-cadastro-aluno .formulario-wrapper .card-image img {
    max-width: 100%;
  }

  #intro-pecep-formulario-cadastro-aluno .formulario-wrapper .card-image .card {
    width: 100%;
    position: static;
  }
}

@media screen and (width <= 600px) {
  #intro-pecep-formulario-cadastro-aluno .formulario-wrapper .card-image {
    display: grid;
  }
}

#intro-pecep-formulario-cadastro-aluno .formulario-wrapper .formulario .title-form {
  letter-spacing: -.02em;
  color: #0e0f0f;
  margin-top: 4rem;
  font-size: 3rem;
  font-weight: 300;
  line-height: 150%;
}

@media screen and (width <= 768px) {
  #intro-pecep-formulario-cadastro-aluno .formulario-wrapper .formulario .title-form {
    font-size: 2rem;
  }
}

#intro-pecep-formulario-cadastro-aluno .formulario-wrapper .formulario .btn {
  letter-spacing: .02em;
  color: #fff;
  cursor: pointer;
  z-index: 3;
  border-radius: 4px;
  margin-top: 3rem;
  padding: 1.1875rem 1rem;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 144%;
  transition: all .3s;
  position: relative;
}

#intro-pecep-formulario-cadastro-aluno .formulario-wrapper .formulario .btn:after {
  content: "";
  z-index: -2;
  background: #7abcd5;
  border-radius: 4px;
  width: 100%;
  height: 100%;
  transition: all .3s;
  display: block;
  position: absolute;
  bottom: -6px;
  right: -6px;
}

#intro-pecep-formulario-cadastro-aluno .formulario-wrapper .formulario .btn:before {
  content: "";
  z-index: -1;
  background: #625fa8;
  border-radius: 4px;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
}

@media screen and (width <= 768px) {
  #intro-pecep-formulario-cadastro-aluno .formulario-wrapper .formulario .btn {
    width: 100%;
  }
}

#intro-pecep-formulario-cadastro-aluno .formulario-wrapper .formulario .btn:hover {
  transform: translate3d(2px, 2px, 0);
}

#intro-pecep-formulario-cadastro-aluno .formulario-wrapper .formulario .btn:hover:after {
  transform: translate3d(3px, 3px, 0);
}

#intro-pecep-formulario-cadastro-aluno .formulario-wrapper .formulario .content-form .title-h4 {
  letter-spacing: .02em;
  color: #625fa8;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 144%;
}

#intro-pecep-formulario-cadastro-aluno .formulario-wrapper .formulario .content-form .dados-pessoais, #intro-pecep-formulario-cadastro-aluno .formulario-wrapper .formulario .content-form .value-renda .form-item {
  gap: 1rem;
  display: grid;
}

#intro-pecep-formulario-cadastro-aluno .formulario-wrapper .formulario .content-form .value-renda .form-item .title-input {
  letter-spacing: .02em;
  color: #343a40;
  font-size: 1rem;
  font-weight: 300;
  line-height: 150%;
}

#intro-pecep-formulario-cadastro-aluno .formulario-wrapper .formulario .content-form .value-renda .form-item input {
  letter-spacing: .02em;
  color: #343a40;
  background: #fff;
  border: 1px solid #090a1a0d;
  border-radius: .25rem;
  width: 100%;
  height: 3rem;
  font-size: 1rem;
  font-weight: 300;
  line-height: 150%;
}

#intro-pecep-formulario-cadastro-aluno .formulario-wrapper .formulario .content-form .value-renda .form-item input::placeholder {
  padding-left: 1rem;
}

#intro-pecep-formulario-cadastro-aluno .formulario-wrapper .formulario .content-form .value-renda .form-item select {
  -webkit-appearance: auto;
  letter-spacing: .02em;
  color: #343a40;
  box-sizing: border-box;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  background: #fff;
  border: 1px solid #090a1a0d;
  border-radius: .25rem;
  width: 19rem;
  height: 3rem;
  padding-left: 1rem;
  font-size: 1rem;
  font-weight: 300;
  line-height: 150%;
}

@media screen and (width <= 1024px) {
  #intro-pecep-formulario-cadastro-aluno .formulario-wrapper .formulario .content-form .value-renda .form-item select {
    width: 100%;
  }
}

#intro-pecep-formulario-cadastro-aluno .formulario-wrapper .formulario .content-form .three-itens {
  grid-template-columns: repeat(3, 1fr);
  gap: .75rem;
  display: grid;
}

#intro-pecep-formulario-cadastro-aluno .formulario-wrapper .formulario .content-form .three-itens .title-input {
  letter-spacing: .02em;
  color: #343a40;
  font-size: 1rem;
  font-weight: 300;
  line-height: 150%;
}

#intro-pecep-formulario-cadastro-aluno .formulario-wrapper .formulario .content-form .three-itens input {
  letter-spacing: .02em;
  color: #343a40;
  background: #fff;
  border: 1px solid #090a1a0d;
  border-radius: .25rem;
  width: 19rem;
  height: 3rem;
  padding-left: 1rem;
  font-size: 1rem;
  font-weight: 300;
  line-height: 150%;
}

@media screen and (width <= 1024px) {
  #intro-pecep-formulario-cadastro-aluno .formulario-wrapper .formulario .content-form .three-itens input {
    width: 100%;
  }
}

#intro-pecep-formulario-cadastro-aluno .formulario-wrapper .formulario .content-form .three-itens select {
  -webkit-appearance: auto;
  letter-spacing: .02em;
  color: #343a40;
  box-sizing: border-box;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  background: #fff;
  border: 1px solid #090a1a0d;
  border-radius: .25rem;
  width: 19rem;
  height: 3rem;
  padding-left: 1rem;
  font-size: 1rem;
  font-weight: 300;
  line-height: 150%;
}

@media screen and (width <= 1024px) {
  #intro-pecep-formulario-cadastro-aluno .formulario-wrapper .formulario .content-form .three-itens select {
    width: 100%;
  }

  #intro-pecep-formulario-cadastro-aluno .formulario-wrapper .formulario .content-form .three-itens {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
  }
}

@media screen and (width <= 768px) {
  #intro-pecep-formulario-cadastro-aluno .formulario-wrapper .formulario .content-form .three-itens {
    grid-template-columns: 1fr;
  }
}

#intro-pecep-formulario-cadastro-aluno .formulario-wrapper .formulario .content-form .three-itens-1 {
  gap: 1.5rem;
}

#intro-pecep-formulario-cadastro-aluno .formulario-wrapper .formulario .content-form .item-text-area {
  grid-column: 1 / 3;
}

#intro-pecep-formulario-cadastro-aluno .formulario-wrapper .formulario .content-form .item-text-area textarea {
  letter-spacing: .02em;
  color: #343a40;
  background: #fff;
  border: 1px solid #090a1a0d;
  border-radius: .25rem;
  width: 100%;
  padding-left: 1rem;
  font-size: 1rem;
  font-weight: 300;
  line-height: 150%;
}

@media screen and (width <= 1024px) {
  #intro-pecep-formulario-cadastro-aluno .formulario-wrapper {
    width: 100%;
    max-width: max-content;
  }
}

#intro-pecep-formulario-cadastro-aluno .itens-rigth-wrapper {
  background: #ebebeb;
  border-radius: .5rem;
  height: fit-content;
  padding: 1.5rem;
}

#intro-pecep-formulario-cadastro-aluno .itens-rigth-wrapper .itens-top {
  gap: 2rem;
  margin-bottom: 3.5rem;
  display: grid;
}

#intro-pecep-formulario-cadastro-aluno .itens-rigth-wrapper .itens-top iframe {
  border: none;
  border-radius: 5px;
  width: 100%;
  height: 15.25rem;
}

@media (width <= 1600px) {
  #intro-pecep-formulario-cadastro-aluno .itens-rigth-wrapper .itens-top iframe {
    height: 20rem;
  }
}

@media screen and (width <= 1024px) {
  #intro-pecep-formulario-cadastro-aluno .itens-rigth-wrapper .itens-top iframe {
    height: 100%;
    margin: 0;
  }
}

@media screen and (width <= 768px) {
  #intro-pecep-formulario-cadastro-aluno .itens-rigth-wrapper .itens-top iframe {
    height: 15rem;
  }
}

#intro-pecep-formulario-cadastro-aluno .itens-rigth-wrapper .itens-top .card-qr-code-2 {
  text-align: center;
  background: #625fa8;
  border-radius: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1.5rem;
  display: flex;
  box-shadow: 2px 8px 32px #0000000a;
}

#intro-pecep-formulario-cadastro-aluno .itens-rigth-wrapper .itens-top .card-qr-code-2 .text-qr-code {
  letter-spacing: -.02em;
  color: #fff;
  margin: 1rem 0;
  font-size: 1.625rem;
  font-weight: 500;
  line-height: 130%;
}

#intro-pecep-formulario-cadastro-aluno .itens-rigth-wrapper .itens-top .card-qr-code-2 .qr-code {
  object-fit: cover;
  width: 163px;
  max-width: max-content;
  height: 163px;
}

#intro-pecep-formulario-cadastro-aluno .itens-rigth-wrapper .itens-top .card-qr-code-2 p {
  letter-spacing: .02em;
  color: #fff;
  font-size: 16px;
  font-weight: 300;
  line-height: 150%;
}

#intro-pecep-formulario-cadastro-aluno .itens-rigth-wrapper .itens-top .card-qr-code-2 a {
  letter-spacing: .02em;
  color: #fff;
  font-size: 1rem;
  font-weight: 600;
  line-height: 150%;
}

@media (width >= 1600px) {
  #intro-pecep-formulario-cadastro-aluno .itens-rigth-wrapper .itens-top .card-qr-code-2 {
    display: none;
  }
}

@media screen and (width <= 768px) {
  #intro-pecep-formulario-cadastro-aluno .itens-rigth-wrapper .itens-top .card-qr-code-2 {
    display: none;
  }
}

@media (width <= 1600px) {
  #intro-pecep-formulario-cadastro-aluno .itens-rigth-wrapper .itens-top {
    margin-bottom: 0;
  }
}

#intro-pecep-formulario-cadastro-aluno .itens-rigth-wrapper .link-wrapper {
  gap: 2rem;
  display: grid;
}

#intro-pecep-formulario-cadastro-aluno .itens-rigth-wrapper .link-wrapper .title-link {
  letter-spacing: .06em;
  color: #625fa8;
  margin-top: 0;
  font-size: .875rem;
  font-weight: 500;
  line-height: 170%;
}

#intro-pecep-formulario-cadastro-aluno .itens-rigth-wrapper .link-wrapper hr {
  border: 1px solid #090a1a0d;
}

#intro-pecep-formulario-cadastro-aluno .itens-rigth-wrapper .link-wrapper .card-projeto {
  border-radius: 5px;
  box-shadow: 2px 8px 32px #0000000a;
}

#intro-pecep-formulario-cadastro-aluno .itens-rigth-wrapper .link-wrapper .card-projeto img {
  width: 100%;
}

#intro-pecep-formulario-cadastro-aluno .itens-rigth-wrapper .link-wrapper .card-projeto .text-projeto {
  color: #fff;
  letter-spacing: -.02em;
  background: #625fa8;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  margin: 0;
  padding: .75rem 1.5rem;
  font-size: 1.25rem;
  line-height: 140%;
}

#intro-pecep-formulario-cadastro-aluno .itens-rigth-wrapper .link-wrapper .card-projeto .context {
  gap: 1.5rem;
  padding: 1.5rem;
  display: grid;
}

#intro-pecep-formulario-cadastro-aluno .itens-rigth-wrapper .link-wrapper .card-projeto .context p {
  letter-spacing: .02em;
  color: #0e0f0f;
  font-size: 1rem;
  font-weight: 300;
  line-height: 150%;
}

#intro-pecep-formulario-cadastro-aluno .itens-rigth-wrapper .link-wrapper .card-projeto .context a {
  letter-spacing: .02em;
  color: #625fa8;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 144%;
}

#intro-pecep-formulario-cadastro-aluno .itens-rigth-wrapper .card-qr-code {
  text-align: center;
  background: #625fa8;
  border-radius: 5px;
  flex-direction: column;
  align-items: center;
  margin-top: 3.5rem;
  padding: 1.5rem;
  display: flex;
  box-shadow: 2px 8px 32px #0000000a;
}

#intro-pecep-formulario-cadastro-aluno .itens-rigth-wrapper .card-qr-code .text-qr-code {
  letter-spacing: -.02em;
  color: #fff;
  margin: 1rem 0;
  font-size: 1.625rem;
  font-weight: 500;
  line-height: 130%;
}

#intro-pecep-formulario-cadastro-aluno .itens-rigth-wrapper .card-qr-code .qr-code {
  object-fit: cover;
  width: 163px;
  max-width: max-content;
  height: 163px;
}

#intro-pecep-formulario-cadastro-aluno .itens-rigth-wrapper .card-qr-code p {
  letter-spacing: .02em;
  color: #fff;
  font-size: 16px;
  font-weight: 300;
  line-height: 150%;
}

#intro-pecep-formulario-cadastro-aluno .itens-rigth-wrapper .card-qr-code a {
  letter-spacing: .02em;
  color: #fff;
  font-size: 1rem;
  font-weight: 600;
  line-height: 150%;
}

@media (width <= 1600px) {
  #intro-pecep-formulario-cadastro-aluno .itens-rigth-wrapper .card-qr-code {
    display: none;
  }
}

@media screen and (width <= 768px) {
  #intro-pecep-formulario-cadastro-aluno .itens-rigth-wrapper .card-qr-code {
    margin-top: 0;
    display: flex;
  }
}

@media (width <= 1600px) {
  #intro-pecep-formulario-cadastro-aluno .itens-rigth-wrapper {
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    max-width: 57.5625rem;
    display: grid;
  }
}

@media screen and (width <= 1024px) {
  #intro-pecep-formulario-cadastro-aluno .itens-rigth-wrapper {
    width: 100%;
    max-width: max-content;
  }
}

@media screen and (width <= 768px) {
  #intro-pecep-formulario-cadastro-aluno .itens-rigth-wrapper {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
}

#intro-pecep-formulario-cadastro-aluno .anexo-itens .form-anexo-item .title-input {
  letter-spacing: .02em;
  color: #343a40;
  font-size: 1rem;
  font-weight: 300;
  line-height: 150%;
  display: block;
}

#intro-pecep-formulario-cadastro-aluno .anexo-itens .form-anexo-item input[type="file"] {
  display: none;
  border: none !important;
  padding-left: 0 !important;
}

#intro-pecep-formulario-cadastro-aluno .anexo-itens .form-anexo-item .select-file {
  letter-spacing: -.02em;
  color: #868e96;
  cursor: pointer;
  border: 1px dashed #090a1a0d;
  place-content: center;
  width: 100%;
  height: 3rem;
  font-size: 1rem;
  line-height: 150%;
  display: grid;
}

@media screen and (width <= 768px) {
  #intro-pecep-formulario-cadastro-aluno .anexo-itens .form-anexo-item .select-file {
    width: 100%;
  }
}

#intro-pecep-selecao-professores {
  position: relative;
}

#intro-pecep-selecao-professores .ornamento {
  z-index: 1;
  width: 100%;
  position: relative;
}

#intro-pecep-selecao-professores .intro-home {
  position: relative;
}

#intro-pecep-selecao-professores .intro-home .intro-left {
  z-index: 2;
  flex-direction: column;
  justify-content: center;
  place-items: center;
  gap: 1rem;
  width: 45%;
  height: 100%;
  display: inline-flex;
  position: absolute;
  top: 0;
  left: 0;
}

#intro-pecep-selecao-professores .intro-home .intro-left .intro-texto-1 {
  letter-spacing: -.02em;
  margin: 0;
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 130%;
}

#intro-pecep-selecao-professores .intro-home .intro-left .intro-texto-2 {
  letter-spacing: -.02em;
  margin: 0 0 0 18rem;
  font-size: 3.5rem;
  font-weight: 500;
  line-height: 100%;
}

#intro-pecep-selecao-professores .intro-home .intro-rigth {
  z-index: 2;
  flex: 0 0 55%;
}

#intro-pecep-selecao-professores .intro-home .intro-rigth img {
  object-fit: fill;
}

@media (width <= 1660px) {
  #intro-pecep-selecao-professores .intro-home .intro-left {
    width: 43%;
  }

  #intro-pecep-selecao-professores .intro-home .intro-left .intro-texto-1 {
    font-size: 2.5rem;
  }

  #intro-pecep-selecao-professores .intro-home .intro-left .intro-texto-2 {
    margin: 0 0 0 17rem;
    font-size: 3rem;
  }
}

@media (width <= 1420px) {
  #intro-pecep-selecao-professores .intro-home .intro-left .intro-texto-2 {
    margin: 0;
  }
}

@media (width <= 1200px) {
  #intro-pecep-selecao-professores .intro-home:after {
    content: "";
    left: 6rem;
  }

  #intro-pecep-selecao-professores .intro-home .intro-left .intro-texto-1, #intro-pecep-selecao-professores .intro-home .intro-left .intro-texto-2 {
    font-size: 2rem;
  }
}

@media screen and (width <= 1024px) {
  #intro-pecep-selecao-professores .intro-home {
    background: #ededee;
    flex-direction: column-reverse;
    display: flex;
  }

  #intro-pecep-selecao-professores .intro-home .intro-left {
    width: 100%;
    padding: 4rem 0;
    position: static;
  }

  #intro-pecep-selecao-professores .intro-home .intro-left .intro-texto-1 {
    font-size: 2rem;
  }

  #intro-pecep-selecao-professores .intro-home .intro-left .intro-texto-2 {
    margin-left: 2.5rem;
  }
}

#intro-pecep-formulario-cadastro-professor {
  position: relative;
}

#intro-pecep-formulario-cadastro-professor .ornamento-1, #intro-pecep-formulario-cadastro-professor img {
  width: 100%;
}

#intro-pecep-formulario-cadastro-professor .container-wrapper {
  gap: 6.4375rem;
  margin-top: 7.5rem;
  margin-bottom: 7.5rem;
  display: flex;
}

@media screen and (width <= 1281px) {
  #intro-pecep-formulario-cadastro-professor .container-wrapper {
    gap: 4rem;
  }
}

@media screen and (width <= 1024px) {
  #intro-pecep-formulario-cadastro-professor .container-wrapper {
    flex-direction: column;
  }
}

@media screen and (width <= 768px) {
  #intro-pecep-formulario-cadastro-professor .container-wrapper {
    margin: 4rem 0;
  }
}

#intro-pecep-formulario-cadastro-professor .formulario-wrapper .card-image {
  grid-template-columns: 1fr 1fr;
  display: grid;
}

#intro-pecep-formulario-cadastro-professor .formulario-wrapper .card-image .card {
  background: #ee3f4a;
  place-content: center;
  gap: 1.5rem;
  padding: 0 1.5rem;
  display: grid;
}

#intro-pecep-formulario-cadastro-professor .formulario-wrapper .card-image .card p {
  letter-spacing: .02em;
  color: #fff;
  font-size: 1rem;
  font-weight: 300;
  line-height: 160%;
}

#intro-pecep-formulario-cadastro-professor .formulario-wrapper .card-image .card h4 {
  text-align: end;
  letter-spacing: -.05em;
  color: #fff;
  margin: 0;
  font-family: Libre Franklin, sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 120%;
}

@media screen and (width <= 768px) {
  #intro-pecep-formulario-cadastro-professor .formulario-wrapper .card-image {
    flex-direction: column;
    display: flex;
  }
}

#intro-pecep-formulario-cadastro-professor .formulario-wrapper .formulario {
  margin-top: 4rem;
}

#intro-pecep-formulario-cadastro-professor .formulario-wrapper .formulario .title-form {
  letter-spacing: -.02em;
  color: #0e0f0f;
  font-size: 3rem;
  font-weight: 300;
  line-height: 150%;
}

@media screen and (width <= 1367px) {
  #intro-pecep-formulario-cadastro-professor .formulario-wrapper .formulario .title-form {
    font-size: 2.6rem;
  }
}

@media screen and (width <= 1024px) {
  #intro-pecep-formulario-cadastro-professor .formulario-wrapper .formulario .title-form {
    font-size: 2rem;
  }
}

#intro-pecep-formulario-cadastro-professor .formulario-wrapper .formulario .btn {
  letter-spacing: .02em;
  color: #fff;
  cursor: pointer;
  z-index: 3;
  border-radius: 4px;
  margin-top: 3rem;
  padding: 1.1875rem 1rem;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 144%;
  transition: all .3s;
  position: relative;
}

#intro-pecep-formulario-cadastro-professor .formulario-wrapper .formulario .btn:after {
  content: "";
  z-index: -2;
  background: #7abcd5;
  border-radius: 4px;
  width: 100%;
  height: 100%;
  transition: all .3s;
  display: block;
  position: absolute;
  bottom: -6px;
  right: -6px;
}

#intro-pecep-formulario-cadastro-professor .formulario-wrapper .formulario .btn:before {
  content: "";
  z-index: -1;
  background: #625fa8;
  border-radius: 4px;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
}

@media screen and (width <= 768px) {
  #intro-pecep-formulario-cadastro-professor .formulario-wrapper .formulario .btn {
    width: 100%;
  }
}

#intro-pecep-formulario-cadastro-professor .formulario-wrapper .formulario .btn:hover {
  transform: translate3d(2px, 2px, 0);
}

#intro-pecep-formulario-cadastro-professor .formulario-wrapper .formulario .btn:hover:after {
  transform: translate3d(3px, 3px, 0);
}

#intro-pecep-formulario-cadastro-professor .formulario-wrapper .formulario .btn {
  width: max-content !important;
  margin-top: 40px !important;
  padding: 1.1875rem 1rem !important;
}

#intro-pecep-formulario-cadastro-professor .formulario-wrapper .formulario .btn:after {
  bottom: -3px;
  right: -3px;
}

#intro-pecep-formulario-cadastro-professor .formulario-wrapper .formulario .btn .btn-next {
  width: 1.5rem;
  height: .75rem;
}

@media screen and (width <= 768px) {
  #intro-pecep-formulario-cadastro-professor .formulario-wrapper .formulario .btn {
    width: 100% !important;
  }
}

#intro-pecep-formulario-cadastro-professor .formulario-wrapper .formulario .content-form .title-h4 {
  letter-spacing: .02em;
  color: #625fa8;
  margin: 2.5rem 0 1.5rem;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 144%;
}

#intro-pecep-formulario-cadastro-professor .formulario-wrapper .formulario .content-form .dados-pessoais {
  gap: 1rem;
  display: grid;
}

#intro-pecep-formulario-cadastro-professor .formulario-wrapper .formulario .content-form .four-itens {
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem 2rem;
  display: grid;
}

#intro-pecep-formulario-cadastro-professor .formulario-wrapper .formulario .content-form .four-itens .form-item {
  gap: .5rem;
  display: grid;
}

#intro-pecep-formulario-cadastro-professor .formulario-wrapper .formulario .content-form .four-itens .form-item .title-input {
  letter-spacing: .02em;
  color: #343a40;
  font-size: 1rem;
  font-weight: 300;
  line-height: 150%;
}

#intro-pecep-formulario-cadastro-professor .formulario-wrapper .formulario .content-form .four-itens .form-item select {
  -webkit-appearance: auto;
}

#intro-pecep-formulario-cadastro-professor .formulario-wrapper .formulario .content-form .four-itens .form-item select option {
  color: #868e96;
  letter-spacing: -.02rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
}

#intro-pecep-formulario-cadastro-professor .formulario-wrapper .formulario .content-form .four-itens .form-item input, #intro-pecep-formulario-cadastro-professor .formulario-wrapper .formulario .content-form .four-itens .form-item select {
  letter-spacing: .02em;
  color: #343a40;
  background: #fff;
  border: 1px solid #090a1a0d;
  width: 100%;
  height: 56px;
  padding: .75rem .875rem;
  font-family: museo-slab, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 150%;
}

@media screen and (width <= 1281px) {
  #intro-pecep-formulario-cadastro-professor .formulario-wrapper .formulario .content-form .four-itens {
    flex-direction: column;
    display: flex;
  }
}

@media screen and (width <= 768px) {
  #intro-pecep-formulario-cadastro-professor .formulario-wrapper .formulario .content-form .four-itens {
    flex-direction: column;
    gap: 2rem;
    display: flex;
  }
}

#intro-pecep-formulario-cadastro-professor .formulario-wrapper .formulario .content-form .form-item-text-area {
  grid-column: 1 / 3;
}

#intro-pecep-formulario-cadastro-professor .formulario-wrapper .formulario .content-form .form-item-text-area .title-input {
  letter-spacing: .02em;
  color: #343a40;
  font-size: 1rem;
  font-weight: 300;
  line-height: 150%;
}

@media screen and (width <= 768px) {
  #intro-pecep-formulario-cadastro-professor .formulario-wrapper .formulario .content-form .form-item-text-area .title-input {
    margin-bottom: .5rem;
    display: block;
  }
}

#intro-pecep-formulario-cadastro-professor .formulario-wrapper .formulario .content-form .form-item-text-area textarea {
  resize: none;
  border: 1px solid #090a1a0d;
  width: 100%;
  height: 8rem;
  padding: .75rem .875rem;
  font-family: museo-slab, sans-serif;
  font-size: 16px;
  font-weight: 300;
}

#intro-pecep-formulario-cadastro-professor .formulario-wrapper .formulario .content-form .form-item-text-area input {
  letter-spacing: .02em;
  color: #343a40;
  background: #fff;
  border: 1px solid #090a1a0d;
  width: 100%;
  height: 3rem;
  padding: .75rem .875rem;
  font-family: museo-slab, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 150%;
}

#intro-pecep-formulario-cadastro-professor .formulario-wrapper .formulario .content-form .form-item-text-area input::placeholder {
  padding-left: 1rem;
}

#intro-pecep-formulario-cadastro-professor .formulario-wrapper .formulario .anexo-itens .form-anexo-item .title-input {
  letter-spacing: .02em;
  color: #343a40;
  margin-bottom: .5rem;
  font-size: 1rem;
  font-weight: 300;
  line-height: 150%;
  display: block;
}

#intro-pecep-formulario-cadastro-professor .formulario-wrapper .formulario .anexo-itens .form-anexo-item input[type="file"] {
  display: none;
}

#intro-pecep-formulario-cadastro-professor .formulario-wrapper .formulario .anexo-itens .form-anexo-item .select-file {
  letter-spacing: -.02em;
  color: #868e96;
  cursor: pointer;
  border: 1px dashed #090a1a0d;
  place-content: center;
  width: 50%;
  height: 10rem;
  font-size: 1rem;
  line-height: 150%;
  display: grid;
}

@media screen and (width <= 768px) {
  #intro-pecep-formulario-cadastro-professor .formulario-wrapper .formulario .anexo-itens .form-anexo-item .select-file {
    width: 100%;
  }
}

@media (width <= 1200px) {
  #intro-pecep-formulario-cadastro-professor .formulario-wrapper .card-image img {
    object-fit: cover;
    height: 100%;
  }

  #intro-pecep-formulario-cadastro-professor .formulario-wrapper .card-image .card p {
    font-size: .775rem;
  }

  #intro-pecep-formulario-cadastro-professor .formulario-wrapper .card-image .card h4 {
    font-size: 1rem;
  }
}

@media screen and (width <= 1024px) {
  #intro-pecep-formulario-cadastro-professor .formulario-wrapper {
    max-width: 100%;
  }
}

@media screen and (width <= 768px) {
  #intro-pecep-formulario-cadastro-professor .formulario-wrapper .card-image img {
    object-fit: cover;
    height: 203px;
  }

  #intro-pecep-formulario-cadastro-professor .formulario-wrapper .card-image .card {
    padding: 32px 24px;
  }

  #intro-pecep-formulario-cadastro-professor .formulario-wrapper .card-image .card p {
    font-size: 16px;
  }

  #intro-pecep-formulario-cadastro-professor .formulario-wrapper .card-image .card h4 {
    font-size: 18px;
  }
}

#intro-pecep-contribuicao {
  position: relative;
}

#intro-pecep-contribuicao .ornamento {
  z-index: 1;
  width: 100%;
  position: relative;
}

#intro-pecep-contribuicao .intro-home {
  position: relative;
}

#intro-pecep-contribuicao .intro-home .intro-left {
  z-index: 2;
  flex-direction: column;
  flex: 0 0 45%;
  justify-content: center;
  place-items: center;
  gap: 1rem;
  height: 100%;
  display: inline-flex;
  position: absolute;
  top: 0;
  left: 0;
}

#intro-pecep-contribuicao .intro-home .intro-left .intro-texto-1 {
  letter-spacing: -.02em;
  margin: 0 6rem 0 0;
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 130%;
}

#intro-pecep-contribuicao .intro-home .intro-left .intro-texto-2 {
  letter-spacing: -.02em;
  margin: 0 0 0 18rem;
  font-size: 4.5rem;
  font-weight: 500;
  line-height: 100%;
}

#intro-pecep-contribuicao .intro-home .intro-rigth {
  z-index: 2;
  flex: 0 0 55%;
}

#intro-pecep-contribuicao .intro-home .intro-rigth img {
  object-fit: fill;
}

@media (width <= 1660px) {
  #intro-pecep-contribuicao .intro-home .intro-left .intro-texto-1 {
    margin: 0 4rem 0 0;
  }

  #intro-pecep-contribuicao .intro-home .intro-left .intro-texto-2 {
    margin: 0 0 0 11rem;
  }
}

@media screen and (width <= 1440px) {
  #intro-pecep-contribuicao .intro-home .intro-left .intro-texto-1 {
    font-size: 3rem;
  }

  #intro-pecep-contribuicao .intro-home .intro-left .intro-texto-2 {
    margin: 0 0 0 11rem;
    font-size: 4rem;
  }
}

@media (width <= 1200px) {
  #intro-pecep-contribuicao .intro-home:after {
    content: "";
    left: 6rem;
  }

  #intro-pecep-contribuicao .intro-home .intro-left .intro-texto-1 {
    font-size: 2.5rem;
  }

  #intro-pecep-contribuicao .intro-home .intro-left .intro-texto-2 {
    margin: 0 0 0 9rem;
    font-size: 3.5rem;
  }
}

@media screen and (width <= 1024px) {
  #intro-pecep-contribuicao .intro-home {
    background: #ededee;
    flex-direction: column-reverse;
    display: flex;
  }

  #intro-pecep-contribuicao .intro-home .intro-left {
    padding: 3rem 0;
    position: static;
  }

  #intro-pecep-contribuicao .intro-home .intro-left .intro-texto-1 {
    font-size: 2rem;
  }

  #intro-pecep-contribuicao .intro-home .intro-left .intro-texto-2 {
    margin-left: 2.5rem;
    font-size: 3rem;
  }
}

@media (width <= 300px) {
  #intro-pecep-contribuicao .intro-home .intro-left .intro-texto-1 {
    font-size: 1rem;
  }

  #intro-pecep-contribuicao .intro-home .intro-left .intro-texto-2 {
    margin-left: 2.5rem;
    font-size: 2rem;
  }
}

#pecep-como-contribuir {
  position: relative;
}

#pecep-como-contribuir .ornamento-1, #pecep-como-contribuir img {
  width: 100%;
}

#pecep-como-contribuir .container-wrapper {
  gap: 6.4375rem;
  margin-top: 7.5rem;
  margin-bottom: 7.5rem;
  display: flex;
}

@media screen and (width <= 1281px) {
  #pecep-como-contribuir .container-wrapper {
    gap: 4rem;
  }
}

@media screen and (width <= 1024px) {
  #pecep-como-contribuir .container-wrapper {
    flex-direction: column;
    gap: 8rem;
    display: flex;
  }
}

@media screen and (width <= 768px) {
  #pecep-como-contribuir .container-wrapper {
    margin-top: 4rem;
  }
}

#pecep-como-contribuir .card-wrapper .title-card {
  letter-spacing: -.02em;
  color: #0e0f0f;
  margin-bottom: 4rem;
  font-size: 3rem;
  font-weight: 300;
  line-height: 150%;
}

@media screen and (width <= 1024px) {
  #pecep-como-contribuir .card-wrapper .title-card {
    margin-bottom: 1.5rem;
  }
}

@media screen and (width <= 768px) {
  #pecep-como-contribuir .card-wrapper .title-card {
    font-size: 2rem;
  }
}

#pecep-como-contribuir .card-wrapper .card {
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  margin-bottom: 3.5rem;
  display: grid;
}

#pecep-como-contribuir .card-wrapper .card img {
  object-fit: cover;
  width: 100%;
  max-width: 445px;
  height: 100%;
  max-height: 400px;
}

@media screen and (width <= 768px) {
  #pecep-como-contribuir .card-wrapper .card img {
    height: 400px;
  }
}

#pecep-como-contribuir .card-wrapper .card .paragraph {
  letter-spacing: .02em;
  color: #0e0f0f;
  place-content: center;
  gap: 1rem;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 200%;
  display: grid;
}

@media (width <= 1400px) {
  #pecep-como-contribuir .card-wrapper .card .paragraph {
    font-size: 1rem;
  }
}

@media (width <= 1200px) {
  #pecep-como-contribuir .card-wrapper .card .paragraph {
    font-size: .75rem;
  }
}

@media screen and (width <= 1024px) {
  #pecep-como-contribuir .card-wrapper .card {
    flex-direction: column;
    margin-bottom: 0;
    display: flex;
  }

  #pecep-como-contribuir .card-wrapper .card img {
    margin-bottom: 2rem;
  }

  #pecep-como-contribuir .card-wrapper .card .paragraph {
    flex-direction: column;
    gap: 1rem;
    padding: 0;
    font-size: 18px;
    display: flex;
  }
}

#pecep-como-contribuir .card-wrapper .card-2 {
  gap: 2rem;
}

#pecep-como-contribuir .card-wrapper .card-2 .paragraph {
  padding-left: 0;
}

#pecep-como-contribuir .card-wrapper .card-2 img {
  margin-left: auto;
}

@media screen and (width <= 1024px) {
  #pecep-como-contribuir .card-wrapper .card-2 {
    flex-direction: column-reverse;
    margin-bottom: 0;
    display: flex;
  }

  #pecep-como-contribuir .card-wrapper .card-2 img {
    margin: 2rem 0;
  }

  #pecep-como-contribuir .card-wrapper .card-2 .paragraph {
    padding: 0;
    font-size: 1.125rem;
  }
}

#pecep-redes-sociais {
  position: relative;
}

#pecep-redes-sociais .ornamento-1, #pecep-redes-sociais img {
  width: 100%;
}

#pecep-redes-sociais .container {
  gap: 4rem;
  margin-top: 7.5rem;
  margin-bottom: 4.4rem;
  display: flex;
}

@media screen and (width <= 768px) {
  #pecep-redes-sociais .container {
    margin-bottom: 1.5rem;
  }
}

#pecep-redes-sociais .container .midia-social {
  place-content: center;
  display: grid;
}

#pecep-redes-sociais .container .midia-social .midia-wrapper {
  text-align: left;
}

#pecep-redes-sociais .container .midia-social .midia-wrapper .title-midia {
  letter-spacing: -.02em;
  color: #0e0f0f;
  margin: 1.5rem 0;
  font-size: 2.5rem;
  font-weight: 300;
  line-height: 180%;
}

@media screen and (width <= 768px) {
  #pecep-redes-sociais .container .midia-social .midia-wrapper .title-midia {
    text-align: start;
    font-size: 2rem;
  }
}

#pecep-redes-sociais .container .midia-social .midia-wrapper .paragraph-midia {
  letter-spacing: .02em;
  color: #0e0f0f;
  font-size: 1.75rem;
  font-weight: 300;
  line-height: 130%;
}

#pecep-redes-sociais .container .midia-social .midia-wrapper .paragraph-midia a {
  font-weight: 700;
}

#pecep-redes-sociais .container .midia-social .midia-wrapper .paragraph-midia .detalhe {
  color: #5b57a6;
}

@media screen and (width <= 768px) {
  #pecep-redes-sociais .container .midia-social .midia-wrapper .paragraph-midia {
    font-size: 16px;
    line-height: 2;
  }
}

#pecep-redes-sociais .image-redes-sociais {
  grid-template-columns: 1fr .7fr 2fr .7fr 1fr;
  grid-template-areas: "grande curta grande2 curta3 grande3"
                       "grande curta2 grande2 curta4 grande3";
  display: grid;
}

#pecep-redes-sociais .image-redes-sociais img {
  object-fit: cover;
  height: 100%;
}

#pecep-redes-sociais .image-redes-sociais .wrapper {
  grid-template-columns: 1fr 1fr;
  display: grid !important;
}

#pecep-redes-sociais .image-redes-sociais .wrapper img {
  height: 105%;
}

@media screen and (width <= 1024px) {
  #pecep-redes-sociais .image-redes-sociais {
    display: none;
  }
}

@media (width >= 1024px) {
  #pecep-redes-sociais .swiper {
    display: none;
  }
}

#pecep-redes-sociais .swiper-slide {
  height: 419px;
}

#pecep-redes-sociais .swiper-slide img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

#intro-pecep-virtual {
  position: relative;
}

#intro-pecep-virtual .ornamento {
  z-index: 1;
  width: 100%;
  position: relative;
}

#intro-pecep-virtual .intro-home {
  display: flex;
}

#intro-pecep-virtual .intro-home .intro-left {
  z-index: 3;
  flex-direction: column;
  justify-content: center;
  place-items: center;
  gap: 1rem;
  width: 32%;
  display: inline-flex;
  position: absolute;
  top: 10rem;
}

#intro-pecep-virtual .intro-home .intro-left .intro-texto-1 {
  letter-spacing: -.02em;
  margin: 0;
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 130%;
}

#intro-pecep-virtual .intro-home .intro-left .intro-texto-2 {
  letter-spacing: -.02em;
  margin: 0 0 0 16rem;
  font-size: 4.5rem;
  font-weight: 500;
  line-height: 100%;
}

#intro-pecep-virtual .intro-home .intro-rigth {
  z-index: 2;
}

#intro-pecep-virtual .intro-home .intro-rigth img {
  object-fit: cover;
}

@media screen and (width <= 1281px) {
  #intro-pecep-virtual .intro-home {
    top: 0;
    bottom: 0;
  }
}

@media screen and (width <= 1440px) {
  #intro-pecep-virtual .intro-home .intro-left .intro-texto-1 {
    font-size: 3rem;
  }

  #intro-pecep-virtual .intro-home .intro-left .intro-texto-2 {
    margin: 0 0 0 14rem;
    font-size: 4rem;
  }
}

@media (width <= 1200px) {
  #intro-pecep-virtual .intro-home .intro-left .intro-texto-1 {
    font-size: 2.5rem;
  }

  #intro-pecep-virtual .intro-home .intro-left .intro-texto-2 {
    margin: 0 0 0 12rem;
    font-size: 3.5rem;
  }
}

@media screen and (width <= 1024px) {
  #intro-pecep-virtual .intro-home {
    background: #ededee;
    flex-direction: column-reverse;
  }

  #intro-pecep-virtual .intro-home .intro-left {
    width: 100%;
    padding: 3rem 0;
    position: static;
  }

  #intro-pecep-virtual .intro-home .intro-left .intro-texto-1 {
    font-size: 3rem;
  }

  #intro-pecep-virtual .intro-home .intro-left .intro-texto-2 {
    margin-left: 2.5rem;
    font-size: 4rem;
  }
}

@media screen and (width <= 768px) {
  #intro-pecep-virtual .intro-home .intro-left .intro-texto-1 {
    font-size: 2rem;
  }

  #intro-pecep-virtual .intro-home .intro-left .intro-texto-2 {
    font-size: 3rem;
  }
}

#pecep-download-materiais {
  position: relative;
}

#pecep-download-materiais .ornamento-1, #pecep-download-materiais img {
  width: 100%;
}

#pecep-download-materiais .container-wrapper {
  grid-template-columns: 1fr 31rem;
  gap: 6.4375rem;
  margin-top: 7.5rem;
  margin-bottom: 7.5rem;
  display: grid;
}

@media screen and (width <= 1024px) {
  #pecep-download-materiais .container-wrapper {
    grid-template-columns: 1fr;
    place-items: center;
  }
}

@media screen and (width <= 768px) {
  #pecep-download-materiais .container-wrapper {
    gap: 5.625rem;
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
}

#pecep-download-materiais .card-title-left {
  text-align: left;
  place-content: flex-start;
  display: grid;
}

#pecep-download-materiais .card-title-left .title {
  letter-spacing: -.02em;
  color: #343a40;
  margin: 0 0 .25rem;
  font-size: 1rem;
  font-weight: 700;
  line-height: 150%;
}

#pecep-download-materiais .card-title-left a, #pecep-download-materiais .card-title-left p {
  letter-spacing: -.02em;
  color: #343a40;
  font-size: .875rem;
  font-weight: 500;
  line-height: 150%;
}

#pecep-download-materiais .card-text-left {
  text-align: left;
  letter-spacing: -.02em;
  color: #343a40;
  font-size: .875rem;
  font-weight: 500;
  line-height: 150%;
  display: block !important;
}

#pecep-download-materiais .circule-disable {
  display: none;
}

@media (width <= 1400px) {
  #pecep-download-materiais .container-download {
    max-width: 38rem;
  }
}

@media screen and (width <= 1024px) {
  #pecep-download-materiais .container-download {
    max-width: 50.2rem;
  }
}

@media (width <= 500px) {
  #pecep-download-materiais .container-download {
    max-width: unset;
    width: 100%;
  }
}

#pecep-download-materiais .container-download .filter {
  gap: 1.5rem;
  display: grid;
}

@media screen and (width <= 768px) {
  #pecep-download-materiais .container-download .filter .text {
    max-width: 327px;
  }
}

#pecep-download-materiais .container-download .filter .text h2 {
  letter-spacing: -.02em;
  color: #0e0f0f;
  margin-bottom: 1.5rem;
  font-size: 3rem;
  font-weight: 300;
  line-height: 150%;
}

#pecep-download-materiais .container-download .filter .text p {
  letter-spacing: .02em;
  color: #0e0f0f;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 150%;
}

@media screen and (width <= 768px) {
  #pecep-download-materiais .container-download .filter .text h2 {
    font-size: 32px;
  }

  #pecep-download-materiais .container-download .filter .text p {
    font-size: 16px;
  }
}

#pecep-download-materiais .container-download .filter input {
  letter-spacing: .02em;
  color: #343a40;
  background: #fff;
  border: 1px solid #090a1a0d;
  border-radius: .25rem;
  width: 100%;
  height: 3rem;
  padding: .75rem .875rem;
  font-family: museo-slab, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 150%;
}

#pecep-download-materiais .container-download .filter input::placeholder {
  color: #868e96;
}

#pecep-download-materiais .container-download .filter .input-pesquisa {
  position: relative;
}

#pecep-download-materiais .container-download .filter .input-pesquisa .btn-wrapper {
  display: flex;
  position: absolute;
  top: .4375rem;
  right: .75rem;
}

#pecep-download-materiais .container-download .filter .input-pesquisa .btn-wrapper .btn {
  letter-spacing: .02em;
  color: #fff;
  cursor: pointer;
  z-index: 3;
  border-radius: 4px;
  margin-top: 3rem;
  padding: 1.1875rem 1rem;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 144%;
  transition: all .3s;
  position: relative;
}

#pecep-download-materiais .container-download .filter .input-pesquisa .btn-wrapper .btn:after {
  content: "";
  z-index: -2;
  background: #7abcd5;
  border-radius: 4px;
  width: 100%;
  height: 100%;
  transition: all .3s;
  display: block;
  position: absolute;
  bottom: -6px;
  right: -6px;
}

#pecep-download-materiais .container-download .filter .input-pesquisa .btn-wrapper .btn:before {
  content: "";
  z-index: -1;
  background: #625fa8;
  border-radius: 4px;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
}

@media screen and (width <= 768px) {
  #pecep-download-materiais .container-download .filter .input-pesquisa .btn-wrapper .btn {
    width: 100%;
  }
}

#pecep-download-materiais .container-download .filter .input-pesquisa .btn-wrapper .btn:hover {
  transform: translate3d(2px, 2px, 0);
}

#pecep-download-materiais .container-download .filter .input-pesquisa .btn-wrapper .btn:hover:after {
  transform: translate3d(3px, 3px, 0);
}

#pecep-download-materiais .container-download .filter .input-pesquisa .btn-wrapper .btn {
  font-weight: 500;
  width: max-content !important;
  margin-top: 0 !important;
  padding: .125rem 1rem !important;
}

#pecep-download-materiais .container-download .filter .input-pesquisa .btn-wrapper .btn:after {
  bottom: -3px;
  right: -3px;
}

@media (width <= 500px) {
  #pecep-download-materiais .container-download .filter .input-pesquisa .btn-wrapper {
    position: relative;
    right: 0;
  }

  #pecep-download-materiais .container-download .filter .input-pesquisa .btn-wrapper .btn {
    width: 100%;
  }
}

#pecep-download-materiais .container-download .circule {
  background: #343a400d;
  border-radius: 4rem;
  place-content: center;
  width: 4rem;
  height: 4rem;
  display: grid;
}

#pecep-download-materiais .container-download .circule svg {
  width: 2.5rem;
  height: 2.5rem;
}

#pecep-download-materiais .container-download .square {
  border: 1px solid #343a400d;
  border-bottom-width: 0;
  place-content: center;
  width: 2.5rem;
  height: 2.5rem;
  display: grid;
}

#pecep-download-materiais .container-download .square .btn-expand {
  cursor: pointer;
}

#pecep-download-materiais .container-download .square svg {
  width: 1.5rem;
  height: 1.5rem;
}

#pecep-download-materiais .container-download .card-download-wrapper {
  gap: .5rem;
  margin-top: 4rem;
  display: grid;
}

#pecep-download-materiais .container-download .card-download-wrapper .item-download {
  border: 1px solid #f1f3f5;
  padding: 1rem;
}

#pecep-download-materiais .container-download .card-download-wrapper .item-download .title-download {
  color: #090a1a;
  letter-spacing: -.0225rem;
  cursor: pointer;
  justify-content: space-between;
  font-family: Space Grotesk;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 144%;
  display: flex;
}

#pecep-download-materiais .container-download .card-download-wrapper .item-download .title-download .icon-arrow-download {
  width: 1.5rem;
  height: 1.5rem;
}

#pecep-download-materiais .container-download .card-download-wrapper .item-download .conteudo-content {
  display: none;
}

#pecep-download-materiais .container-download .card-download-wrapper .item-download .conteudo-content .ano-material {
  color: #625fa8;
  letter-spacing: -.02rem;
  margin-top: 1rem;
  margin-bottom: .5rem;
  margin-left: 1rem;
  font-family: Museo Slab;
  font-size: 1rem;
  font-weight: 600;
  line-height: 150%;
}

#pecep-download-materiais .container-download .card-download-wrapper .item-download .active {
  display: grid;
}

#pecep-download-materiais .container-download .card-download-wrapper .item-download .rotate {
  transform: rotate(180deg);
}

#pecep-download-materiais .container-download .card-download-wrapper .item-download .item-turma .title-material {
  color: #343a40;
  letter-spacing: -.32px;
  margin-bottom: .5rem;
  font-family: Museo Slab;
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
}

#pecep-download-materiais .container-download .card-download-wrapper .item-download .item-turma .nome-turma {
  color: var(--Neutral-02, #343a40);
  letter-spacing: -.02rem;
  margin-left: -1rem;
  font-family: Museo Slab;
  font-size: 1rem;
  font-weight: 600;
  line-height: 150%;
}

#pecep-download-materiais .container-download .card-download-wrapper .item-download .item-turma a, #pecep-download-materiais .container-download .card-download-wrapper .item-download .item-turma .item {
  color: var(--neutral-02, #343a40);
  letter-spacing: -.32px;
  margin-bottom: .5rem;
  font-family: Museo Slab;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

#pecep-download-materiais .container-download .card-download-wrapper .item-download .item-turma li {
  list-style: disc;
}

#pecep-download-materiais .container-download .card-download-wrapper .item-download .item-turma ul {
  padding-left: 3rem;
}

#pecep-download-materiais .container-download .card-download-wrapper .item-download .item-turma a {
  text-decoration: underline;
}

#pecep-download-materiais .container-download .card-download-wrapper .item-download .acordeon-ano .ano-material, #pecep-download-materiais .container-download .card-download-wrapper .item-download .acordeon-ano .nome-turma {
  cursor: pointer;
  border-bottom: 1px solid #f1f3f5;
  justify-content: space-between;
  padding-bottom: .5rem;
  display: flex;
}

#pecep-download-materiais .container-download .card-download-wrapper .item-download .acordeon-ano .ano-material > svg, #pecep-download-materiais .container-download .card-download-wrapper .item-download .acordeon-ano .nome-turma > svg {
  width: 1.5rem;
  height: 1.5rem;
  margin-right: .2rem;
}

#pecep-download-materiais .container-download .card-download-wrapper .item-download .acordeon-ano .ano-material > svg.rotate, #pecep-download-materiais .container-download .card-download-wrapper .item-download .acordeon-ano .nome-turma > svg.rotate {
  margin-right: 0;
}

#pecep-download-materiais .container-download .card-download-wrapper .item-download .acordeon-ano ul {
  gap: .5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: grid;
}

#pecep-download-materiais .container-download .card-download-wrapper .item-download .acordeon-ano .ano-material:nth-last-child(2) {
  border: none;
}

#pecep-download-materiais .container-download .card-download-wrapper .item-download .acordeon-ano .acordeon-turma, #pecep-download-materiais .container-download .card-download-wrapper .item-download .acordeon-ano .acordeon-turma > .material-donwload {
  display: none;
}

#pecep-download-materiais .container-download .card-download-wrapper .item-download .acordeon-ano .acordeon-turma .active, #pecep-download-materiais .container-download .card-download-wrapper .item-download .acordeon-ano .active {
  display: block !important;
}

#pecep-download-materiais .container-download .card-download-wrapper .item-download .disable {
  display: none;
}

#pecep-download-materiais .container-download .nav-wrapper {
  justify-content: space-between;
  align-items: center;
  margin-top: 2rem;
  display: flex;
}

#pecep-download-materiais .container-download .nav-wrapper .pagination-bullet {
  align-items: center;
  gap: 4px;
  display: flex;
}

#pecep-download-materiais .container-download .nav-wrapper .pagination-bullet .bullet {
  background: #625fa81a;
  width: 8px;
  height: 4px;
  display: block;
}

#pecep-download-materiais .container-download .nav-wrapper .pagination-bullet .bullet.active {
  background: #625fa8;
  width: 16px;
}

#pecep-download-materiais .container-download .pagination {
  place-content: end;
  gap: 1rem;
  display: flex;
}

#pecep-download-materiais .container-download .pagination .btn {
  letter-spacing: .02em;
  color: #fff;
  cursor: pointer;
  z-index: 3;
  border-radius: 4px;
  margin-top: 3rem;
  padding: 1.1875rem 1rem;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 144%;
  transition: all .3s;
  position: relative;
}

#pecep-download-materiais .container-download .pagination .btn:after {
  content: "";
  z-index: -2;
  background: #7abcd5;
  border-radius: 4px;
  width: 100%;
  height: 100%;
  transition: all .3s;
  display: block;
  position: absolute;
  bottom: -6px;
  right: -6px;
}

#pecep-download-materiais .container-download .pagination .btn:before {
  content: "";
  z-index: -1;
  background: #625fa8;
  border-radius: 4px;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
}

@media screen and (width <= 768px) {
  #pecep-download-materiais .container-download .pagination .btn {
    width: 100%;
  }
}

#pecep-download-materiais .container-download .pagination .btn:hover {
  transform: translate3d(2px, 2px, 0);
}

#pecep-download-materiais .container-download .pagination .btn:hover:after {
  transform: translate3d(3px, 3px, 0);
}

#pecep-download-materiais .container-download .pagination .btn {
  width: max-content !important;
  margin-top: 0 !important;
  padding: 1.1875rem 1rem !important;
}

#pecep-download-materiais .container-download .pagination .btn:after {
  bottom: -3px;
  right: -3px;
}

#pecep-download-materiais .container-download .pagination .btn .btn-next {
  width: 1.5rem;
  height: .75rem;
}

#pecep-download-materiais .container-download .pagination .previus {
  background: none;
  border: 1px solid #f8f9fa;
  border-radius: 4px;
  padding: 1.1875rem 1rem;
  transition: background .3s ease-in;
  box-shadow: 0 0 2px #0000000f;
}

#pecep-download-materiais .container-download .pagination .previus:hover {
  background: #7abcd5;
}

#pecep-download-materiais .container-download .pagination .previus .btn-previus {
  width: 1.5rem;
  height: .75rem;
}

@media screen and (width <= 1024px) {
  #pecep-download-materiais .container-download .pagination {
    place-content: space-between;
  }
}

#pecep-download-materiais .container-itens-right {
  background: #ebebeb;
  border-radius: 8px;
  padding: 1.5rem;
}

@media screen and (width <= 1024px) {
  #pecep-download-materiais .container-itens-right {
    place-items: center;
    max-width: 50.2rem;
  }
}

#pecep-download-materiais .container-itens-right .link-wrapper .video-wrapper {
  margin-bottom: 3.5rem;
}

#pecep-download-materiais .container-itens-right .link-wrapper .video-wrapper hr {
  border: 1px solid #090a1a0d;
  margin-bottom: 1rem;
}

#pecep-download-materiais .container-itens-right .link-wrapper .video-wrapper .title-link {
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #625fa8;
  font-size: 14px;
  font-weight: 700;
  line-height: 170%;
}

#pecep-download-materiais .container-itens-right .link-wrapper .video-wrapper .title-link a {
  color: #625fa8;
  text-decoration: underline;
}

@media screen and (width <= 768px) {
  #pecep-download-materiais .container-itens-right .link-wrapper .video-wrapper .title-link {
    text-align: center;
    max-width: 327px;
    margin: 0 auto;
  }
}

#pecep-download-materiais .container-itens-right .link-wrapper .video-wrapper .card-video {
  border: 1px solid #090a1a0d;
  border-radius: 4px;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 1rem;
  padding: 1rem;
  display: grid;
  box-shadow: 0 0 2px #0000000f;
}

@media (width <= 500px) {
  #pecep-download-materiais .container-itens-right .link-wrapper .video-wrapper .card-video {
    flex-direction: column;
  }
}

#pecep-download-materiais .container-itens-right .link-wrapper .video-wrapper .card-video .texto-video {
  gap: .75rem;
  display: grid;
}

#pecep-download-materiais .container-itens-right .link-wrapper .video-wrapper .card-video .texto-video .title-top {
  place-items: center;
  gap: .75rem;
  display: flex;
}

#pecep-download-materiais .container-itens-right .link-wrapper .video-wrapper .card-video .texto-video .title-top .tag-aula {
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #625fa8;
  backdrop-filter: blur(5px);
  background: #625fa81a;
  border: 1px solid #625fa81a;
  border-radius: 4px;
  margin: 0;
  padding: .25rem .75rem;
  font-family: Inter;
  font-size: .75rem;
  font-weight: 600;
  line-height: 130%;
}

#pecep-download-materiais .container-itens-right .link-wrapper .video-wrapper .card-video .texto-video .title-top span {
  letter-spacing: -.02em;
  color: #090a1a80;
  font-family: Space Grotesk;
  font-size: .75rem;
  font-weight: 500;
  line-height: 160%;
}

#pecep-download-materiais .container-itens-right .link-wrapper .video-wrapper .card-video .texto-video .text-bottom {
  font-family: Space Grotesk;
}

#pecep-download-materiais .container-itens-right .link-wrapper .video-wrapper .card-video .texto-video .text-bottom .title-video {
  letter-spacing: -.02em;
  color: #090a1a;
  margin: 0 0 .5rem;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 144%;
}

#pecep-download-materiais .container-itens-right .link-wrapper .video-wrapper .card-video .texto-video .text-bottom p {
  letter-spacing: -.02em;
  color: #5c5d5e;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
  display: -webkit-box;
  overflow: hidden;
}

#pecep-download-materiais .container-itens-right .link-wrapper .video-wrapper .card-video iframe {
  border: none;
  border-radius: 5px;
  width: 11.25rem;
  height: 8.75rem;
}

@media (width <= 500px) {
  #pecep-download-materiais .container-itens-right .link-wrapper .video-wrapper .card-video iframe {
    width: 100%;
  }
}

#pecep-download-materiais .container-itens-right .link-wrapper .video-wrapper .card-video .video-material {
  flex: 80%;
  width: 100%;
  height: 100%;
  position: relative;
}

#pecep-download-materiais .container-itens-right .link-wrapper .video-wrapper .card-video .video-material img {
  object-fit: cover;
  border-radius: 4px;
  width: 180px;
  height: 124px;
}

@media screen and (width <= 768px) {
  #pecep-download-materiais .container-itens-right .link-wrapper .video-wrapper .card-video .video-material img {
    width: 100%;
  }
}

#pecep-download-materiais .container-itens-right .link-wrapper .video-wrapper .card-video .video-material .icon-youtube {
  z-index: 2;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#pecep-download-materiais .container-itens-right .link-wrapper .card-projeto {
  border-radius: 5px;
  margin-bottom: 3.5rem;
  box-shadow: 2px 8px 32px #0000000a;
}

#pecep-download-materiais .container-itens-right .link-wrapper .card-projeto .text-projeto {
  color: #fff;
  letter-spacing: -.02em;
  background: #625fa8;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  margin: 0;
  padding: .75rem 1.5rem;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 140%;
}

#pecep-download-materiais .container-itens-right .link-wrapper .card-projeto .context {
  gap: 1.5rem;
  padding: 1.5rem;
  display: grid;
}

#pecep-download-materiais .container-itens-right .link-wrapper .card-projeto .context p {
  letter-spacing: .02em;
  color: #0e0f0f;
  font-size: 16px;
  font-weight: 300;
  line-height: 150%;
}

#pecep-download-materiais .container-itens-right .link-wrapper .card-projeto .context a {
  letter-spacing: .02em;
  color: #625fa8;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 144%;
}

@media screen and (width <= 768px) {
  #pecep-download-materiais .container-itens-right .link-wrapper .card-qr-code-wrapper > div:first-child {
    display: none;
  }
}

#pecep-download-materiais .container-itens-right .link-wrapper .card-qr-code-wrapper hr {
  border: 1px solid #090a1a0d;
  margin-bottom: 1.5rem;
}

#pecep-download-materiais .container-itens-right .link-wrapper .card-qr-code-wrapper .title-link {
  margin: unset;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #625fa8;
  margin-bottom: 1.5rem;
  font-size: .875rem;
  font-weight: 700;
  line-height: 170%;
}

#pecep-download-materiais .container-itens-right .link-wrapper .card-qr-code {
  text-align: center;
  background: #625fa8;
  border-radius: 5px;
  gap: 1.5rem;
  padding: 1.5rem;
  display: flex;
  box-shadow: 2px 8px 32px #0000000a;
}

#pecep-download-materiais .container-itens-right .link-wrapper .card-qr-code img {
  object-fit: cover;
  width: 7.75rem;
  height: 7.75rem;
}

#pecep-download-materiais .container-itens-right .link-wrapper .card-qr-code .text-qr-code {
  gap: 1rem;
  display: grid;
}

#pecep-download-materiais .container-itens-right .link-wrapper .card-qr-code .text-qr-code .title-qr-code {
  letter-spacing: -.02em;
  color: #fff;
  margin: 0;
  font-size: 1.625rem;
  font-weight: 500;
  line-height: 150%;
}

#pecep-download-materiais .container-itens-right .link-wrapper .card-qr-code .text-qr-code a {
  letter-spacing: .02em;
  color: #fff;
  font-size: 1rem;
  font-weight: 600;
  line-height: 150%;
}

#pecep-download-materiais .container-itens-right .link-wrapper .card-qr-code .text-qr-code p {
  letter-spacing: .02em;
  color: #fff;
  font-size: 16px;
  font-weight: 300;
  line-height: 150%;
}

@media (width <= 500px) {
  #pecep-download-materiais .container-itens-right .link-wrapper .card-qr-code {
    flex-direction: column;
    align-items: center;
  }
}

#midia {
  width: 374px;
}

@media screen and (width <= 1024px) {
  #midia {
    width: 100%;
  }
}

#midia .itens-rigth-wrapper {
  background: #ebebeb;
  border-radius: 8px;
  height: fit-content;
  padding: 1.5rem;
}

#midia .itens-rigth-wrapper .itens-top {
  gap: 2rem;
  margin-bottom: 3.5rem;
  display: grid;
}

#midia .itens-rigth-wrapper .itens-top .card-qr-code-2 {
  text-align: center;
  background: #625fa8;
  border-radius: 5px;
  flex-direction: column;
  align-items: center;
  padding: 1.5rem;
  display: flex;
  box-shadow: 2px 8px 32px #0000000a;
}

#midia .itens-rigth-wrapper .itens-top .card-qr-code-2 .text-qr-code {
  letter-spacing: -.02em;
  color: #fff;
  margin: 1rem 0;
  font-size: 1.625rem;
  font-weight: 500;
  line-height: 130%;
}

#midia .itens-rigth-wrapper .itens-top .card-qr-code-2 .qr-code {
  object-fit: cover;
  width: 163px;
  max-width: max-content;
  height: 163px;
  margin: 0 60px;
}

#midia .itens-rigth-wrapper .itens-top .card-qr-code-2 p {
  letter-spacing: .02em;
  color: #fff;
  font-size: 16px;
  font-weight: 300;
  line-height: 150%;
}

#midia .itens-rigth-wrapper .itens-top .card-qr-code-2 a {
  letter-spacing: .02em;
  color: #fff;
  font-size: 1rem;
  font-weight: 600;
  line-height: 150%;
}

@media (width >= 1024px) {
  #midia .itens-rigth-wrapper .itens-top .card-qr-code-2 {
    display: none;
  }
}

@media screen and (width <= 768px) {
  #midia .itens-rigth-wrapper .itens-top .card-qr-code-2 {
    display: none;
  }
}

@media screen and (width <= 1024px) {
  #midia .itens-rigth-wrapper .itens-top {
    margin-bottom: 0;
  }
}

#midia .itens-rigth-wrapper .link-wrapper {
  gap: 2rem;
  display: grid;
}

#midia .itens-rigth-wrapper .link-wrapper .title-link {
  letter-spacing: .06em;
  color: #625fa8;
  text-transform: uppercase;
  margin-top: 0;
  font-size: .875rem;
  font-weight: 700;
  line-height: 170%;
}

#midia .itens-rigth-wrapper .link-wrapper hr {
  border: 1px solid #090a1a0d;
}

#midia .itens-rigth-wrapper .link-wrapper .card-projeto img {
  width: 100%;
}

#midia .itens-rigth-wrapper .link-wrapper .card-projeto .text-projeto {
  color: #fff;
  letter-spacing: -.02em;
  background: #625fa8;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  margin: 0;
  padding: .75rem 1.5rem;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 140%;
}

#midia .itens-rigth-wrapper .link-wrapper .card-projeto .context {
  gap: 1.5rem;
  padding: 1.5rem;
  display: grid;
}

#midia .itens-rigth-wrapper .link-wrapper .card-projeto .context p {
  letter-spacing: .02em;
  color: #0e0f0f;
  font-size: 1rem;
  font-weight: 300;
  line-height: 150%;
}

#midia .itens-rigth-wrapper .link-wrapper .card-projeto .context a {
  letter-spacing: .02em;
  color: #625fa8;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 144%;
}

#midia .itens-rigth-wrapper .card-qr-code {
  text-align: center;
  background: #625fa8;
  border-radius: 5px;
  flex-direction: column;
  margin-top: 3.5rem;
  padding: 1.5rem;
  display: flex;
  box-shadow: 2px 8px 32px #0000000a;
}

#midia .itens-rigth-wrapper .card-qr-code .text-qr-code {
  letter-spacing: -.02em;
  color: #fff;
  margin: 1.5rem 0 1rem;
  font-size: 1.625rem;
  font-weight: 500;
  line-height: 130%;
}

#midia .itens-rigth-wrapper .card-qr-code .qr-code {
  object-fit: cover;
  width: 163px;
  max-width: max-content;
  height: 163px;
  margin: 0 60px;
}

#midia .itens-rigth-wrapper .card-qr-code p {
  letter-spacing: .02em;
  color: #fff;
  font-size: 1rem;
  font-weight: 300;
  line-height: 150%;
}

#midia .itens-rigth-wrapper .card-qr-code a {
  letter-spacing: .02em;
  color: #fff;
  font-size: 1rem;
  font-weight: 600;
  line-height: 150%;
}

@media screen and (width <= 1024px) {
  #midia .itens-rigth-wrapper .card-qr-code {
    display: none;
  }
}

@media screen and (width <= 768px) {
  #midia .itens-rigth-wrapper .card-qr-code {
    align-items: center;
    margin-top: 0;
    display: flex;
  }
}

@media screen and (width <= 1024px) {
  #midia .itens-rigth-wrapper {
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    display: grid;
  }
}

@media screen and (width <= 768px) {
  #midia .itens-rigth-wrapper {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
}

#login-chamada {
  width: 100%;
  height: 100vh;
}

#login-chamada .login {
  justify-content: end;
  align-items: center;
  gap: 7.5rem;
  height: 100%;
  padding: 2.5rem;
  display: flex;
}

@media screen and (width <= 1440px) {
  #login-chamada .login {
    gap: 4rem;
  }
}

@media screen and (width <= 1024px) {
  #login-chamada .login {
    justify-content: center;
  }
}

@media screen and (width <= 600px) {
  #login-chamada .login {
    padding: 1rem;
  }
}

#login-chamada .login .bg-login-chamada {
  object-fit: cover;
  border-radius: .5rem;
  width: 70%;
  height: 100%;
}

@media screen and (width <= 1440px) {
  #login-chamada .login .bg-login-chamada {
    width: 60%;
  }
}

@media screen and (width <= 1281px) {
  #login-chamada .login .bg-login-chamada {
    width: 50%;
  }
}

@media screen and (width <= 1024px) {
  #login-chamada .login .bg-login-chamada {
    display: none;
  }
}

#login-chamada .login .logo-pecep {
  height: 4.5rem;
}

#login-chamada .login .form-wrapper {
  place-items: center;
  gap: 2rem;
  display: grid;
}

@media screen and (width <= 600px) {
  #login-chamada .login .form-wrapper {
    width: 100%;
  }
}

#login-chamada .login .form-wrapper .form-content {
  border: 1px solid #090a1a0d;
  border-radius: .5rem;
  width: 428px;
  padding: 2rem 1.5rem;
  box-shadow: 0 6px 48px #0000000f;
}

@media screen and (width <= 600px) {
  #login-chamada .login .form-wrapper .form-content {
    width: 100%;
  }
}

#login-chamada .login .form-wrapper .form-content h1 {
  color: #0e0f0f;
  letter-spacing: -.04rem;
  margin-bottom: .5rem;
  font-family: museo-slab, sans-serif;
  font-size: 2rem;
  font-weight: 400;
  line-height: 125%;
}

#login-chamada .login .form-wrapper .form-content p, #login-chamada .login .form-wrapper .form-content label {
  color: #0e0f0f;
  letter-spacing: .02rem;
  font-family: museo-slab, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
}

#login-chamada .login .form-wrapper .form-content p {
  width: 256px;
  margin-bottom: 2rem;
}

#login-chamada .login .form-wrapper .form-content .label-senha {
  justify-content: space-between;
  margin-top: 1.5rem;
  display: flex;
}

#login-chamada .login .form-wrapper .form-content .label-senha a {
  color: #625fa8;
  letter-spacing: .0175rem;
  font-family: museo-slab, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  line-height: 142%;
}

#login-chamada .login .form-wrapper .form-content select {
  -webkit-appearance: auto;
  color: #4d5257;
  letter-spacing: -.02rem;
  background: #fff;
  border: 1px solid #dee2e6;
  width: 100%;
  height: 56px;
  margin-top: .5rem;
  padding: 12px 14px;
  font-family: museo-slab, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
}

#login-chamada .login .form-wrapper .form-content input {
  color: #4d5257;
  letter-spacing: -.02rem;
  background: #fff;
  border: none;
  width: 100%;
  height: 56px;
  padding: 12px 14px;
  font-family: museo-slab, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
}

#login-chamada .login .form-wrapper .form-content .btn {
  letter-spacing: .02em;
  color: #fff;
  cursor: pointer;
  z-index: 3;
  border-radius: 4px;
  width: 100%;
  margin-top: 2.5rem;
  padding: 1.1875rem 1rem;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 144%;
  transition: all .3s;
  position: relative;
}

#login-chamada .login .form-wrapper .form-content .btn:after {
  content: "";
  z-index: -2;
  background: #7abcd5;
  border-radius: 4px;
  width: 100%;
  height: 100%;
  transition: all .3s;
  display: block;
  position: absolute;
  bottom: -6px;
  right: -6px;
}

#login-chamada .login .form-wrapper .form-content .btn:before {
  content: "";
  z-index: -1;
  background: #625fa8;
  border-radius: 4px;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
}

@media screen and (width <= 768px) {
  #login-chamada .login .form-wrapper .form-content .btn {
    width: 100%;
  }
}

#login-chamada .login .form-wrapper .form-content .btn:hover {
  transform: translate3d(2px, 2px, 0);
}

#login-chamada .login .form-wrapper .form-content .btn:hover:after {
  transform: translate3d(3px, 3px, 0);
}

#login-chamada .login .form-wrapper .form-content .password-wrapper {
  border: 1px solid #dee2e6;
  align-items: center;
  margin-top: .5rem;
  display: flex;
}

#login-chamada .login .form-wrapper .form-content .password-wrapper .show-svg {
  padding-right: .875rem;
}

#login-chamada .login .form-wrapper .form-content .password-wrapper .show-svg .icon-eye-on, #login-chamada .login .form-wrapper .form-content .password-wrapper .show-svg .icon-eye-off {
  width: 1.5rem;
  height: 1.5rem;
}

#login-chamada .login .form-wrapper .form-content .password-wrapper .show-svg .hidden {
  display: none;
}

#chamada {
  width: 100%;
  height: 100%;
  margin-top: 9.5rem;
}

#chamada .bg-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

#chamada .bg-wrapper img {
  object-fit: cover;
  object-position: top;
  width: 100%;
}

#chamada .bg-wrapper h1 {
  color: #0e0f0f;
  letter-spacing: -.09rem;
  font-family: museo-slab, sans-serif;
  font-size: 4.5rem;
  font-weight: 400;
  line-height: 100%;
  position: absolute;
  left: 38.75rem;
}

@media screen and (width <= 1440px) {
  #chamada .bg-wrapper h1 {
    font-size: 3.5rem;
    left: 30rem;
  }
}

@media screen and (width <= 1281px) {
  #chamada .bg-wrapper h1 {
    font-size: 3rem;
    left: 25rem;
  }
}

@media screen and (width <= 600px) {
  #chamada .bg-wrapper h1 {
    font-size: 2.25rem;
  }
}

@media screen and (width <= 1024px) {
  #chamada .bg-wrapper img {
    height: 16.25rem;
  }

  #chamada .bg-wrapper h1 {
    left: auto;
  }
}

#chamada .container-wrapper {
  gap: 1.5rem;
  padding: 7.5rem 0;
  display: grid;
}

#chamada .container-wrapper .text-top {
  justify-content: space-between;
  align-items: end;
  display: flex;
}

#chamada .container-wrapper .text-top .select-turma {
  display: grid;
}

#chamada .container-wrapper .text-top .select-turma label {
  color: #0e0f0f;
  letter-spacing: .02rem;
  font-family: museo-slab, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
}

#chamada .container-wrapper .text-top .select-turma select {
  -webkit-appearance: auto;
  letter-spacing: .02em;
  color: #343a40;
  box-sizing: border-box;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  background: #fff;
  border: 1px solid #090a1a0d;
  border-radius: .25rem;
  width: 23.75rem;
  height: 3.5rem;
  margin-top: .5rem;
  padding-left: 1rem;
  font-size: 1rem;
  font-weight: 300;
  line-height: 150%;
}

@media screen and (width <= 1024px) {
  #chamada .container-wrapper .text-top .select-turma select {
    width: 100%;
  }
}

#chamada .container-wrapper .text-top p {
  color: #4d5257;
  letter-spacing: .025rem;
  font-family: museo-slab, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 36px;
}

#chamada .container-wrapper .text-top strong {
  color: #0e0f0f;
  letter-spacing: .025rem;
  font-family: museo-slab, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 36px;
}

@media screen and (width <= 600px) {
  #chamada .container-wrapper .text-top {
    flex-direction: column;
    align-items: baseline;
    gap: 1rem;
  }

  #chamada .container-wrapper .text-top .select-turma {
    width: 100%;
  }
}

#chamada .container-wrapper .formulario-turma {
  display: none;
}

#chamada .container-wrapper .formulario-turma .content-form {
  place-items: center;
  display: grid;
}

#chamada .container-wrapper .formulario-turma .content-form .list-turma {
  gap: .25rem;
  width: 100%;
  display: grid;
}

#chamada .container-wrapper .formulario-turma .content-form .list-turma .header-turma {
  background: #625fa8;
  padding: 1rem;
  display: flex;
}

#chamada .container-wrapper .formulario-turma .content-form .list-turma .header-turma h2 {
  color: #fff;
  letter-spacing: .0225rem;
  flex: 50%;
  font-family: museo-slab, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 144%;
}

#chamada .container-wrapper .formulario-turma .content-form .list-turma .item-turma {
  border: 1px solid #dee2e6;
  align-items: center;
  padding: .5rem 1rem;
  display: flex;
  position: relative;
}

#chamada .container-wrapper .formulario-turma .content-form .list-turma .item-turma p {
  color: #343a40;
  letter-spacing: -.0225rem;
  flex: 50%;
  font-family: museo-slab, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 133%;
}

#chamada .container-wrapper .formulario-turma .content-form .list-turma .item-turma .img-hover {
  object-fit: cover;
  object-position: top;
  width: 6rem;
  height: 8rem;
  display: none;
  box-shadow: 2px 2px 2px #0000001a;
}

#chamada .container-wrapper .formulario-turma .content-form .list-turma .item-turma:hover .img-hover {
  z-index: 1;
  transition: display 3s ease-in-out, position 3s ease-in-out;
  display: block;
  position: absolute;
  left: 23rem;
}

@media screen and (width <= 1024px) {
  #chamada .container-wrapper .formulario-turma .content-form .list-turma .item-turma:hover .img-hover {
    display: none;
  }
}

#chamada .container-wrapper .formulario-turma .content-form .list-turma .item-turma .select-input-radio {
  flex: 50%;
  gap: 1.5rem;
  display: flex;
}

#chamada .container-wrapper .formulario-turma .content-form .list-turma .item-turma .select-input-radio .chamada {
  align-items: center;
  gap: .5rem;
  display: flex;
}

#chamada .container-wrapper .formulario-turma .content-form .list-turma .item-turma .select-input-radio .chamada input[type="radio"] {
  -webkit-appearance: auto;
  width: 1.5rem;
  height: 1.5rem;
}

@media screen and (width <= 768px) {
  #chamada .container-wrapper .formulario-turma .content-form .list-turma .item-turma {
    flex-direction: column;
    align-items: baseline;
    gap: .5rem;
  }

  #chamada .container-wrapper .formulario-turma .content-form .list-turma .item-turma .select-input-radio {
    flex-wrap: wrap;
  }
}

#chamada .container-wrapper .formulario-turma .content-form .btn {
  letter-spacing: .02em;
  color: #fff;
  cursor: pointer;
  z-index: 3;
  border-radius: 4px;
  width: fit-content;
  margin-top: 2rem;
  padding: 1.1875rem 1rem;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 144%;
  transition: all .3s;
  position: relative;
}

#chamada .container-wrapper .formulario-turma .content-form .btn:after {
  content: "";
  z-index: -2;
  background: #7abcd5;
  border-radius: 4px;
  width: 100%;
  height: 100%;
  transition: all .3s;
  display: block;
  position: absolute;
  bottom: -6px;
  right: -6px;
}

#chamada .container-wrapper .formulario-turma .content-form .btn:before {
  content: "";
  z-index: -1;
  background: #625fa8;
  border-radius: 4px;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
}

@media screen and (width <= 768px) {
  #chamada .container-wrapper .formulario-turma .content-form .btn {
    width: 100%;
  }
}

#chamada .container-wrapper .formulario-turma .content-form .btn:hover {
  transform: translate3d(2px, 2px, 0);
}

#chamada .container-wrapper .formulario-turma .content-form .btn:hover:after {
  transform: translate3d(3px, 3px, 0);
}

@media screen and (width <= 600px) {
  #chamada .container-wrapper {
    padding-bottom: 4rem;
  }
}

#chamada .container-wrapper .btn-back {
  color: #625fa8;
  letter-spacing: .02rem;
  gap: .5rem;
  width: fit-content;
  font-family: museo-slab, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 150%;
  display: flex;
}

#chamada .active {
  display: block !important;
}

#chamada .heightcontent {
  padding-top: 4rem !important;
  padding-bottom: 5rem !important;
}

#modal-chamada {
  background: #00000080;
  width: 100%;
  height: 100vh;
}

#modal-chamada .container-wrapper {
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
}

#modal-chamada .container-wrapper .card {
  background: #fff;
  border-radius: .5rem;
  width: 381px;
}

#modal-chamada .container-wrapper .card .aviso-wrapper {
  position: relative;
}

#modal-chamada .container-wrapper .card .aviso-wrapper img {
  object-fit: cover;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  width: 100%;
}

#modal-chamada .container-wrapper .card .aviso-wrapper h4 {
  letter-spacing: -.02em;
  color: #0e0f0f;
  margin: 0;
  padding: 1rem;
  font-family: museo-slab, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

#modal-chamada .container-wrapper .card .text-modal {
  flex-direction: column;
  align-items: end;
  gap: 1rem;
  padding: 1.5rem;
  display: flex;
}

#modal-chamada .container-wrapper .card .text-modal p {
  letter-spacing: .02em;
  color: #0e0f0f;
  font-family: museo-slab, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 160%;
}

#modal-chamada .container-wrapper .card .btn {
  letter-spacing: .02em;
  color: #fff;
  cursor: pointer;
  z-index: 3;
  border-radius: 4px;
  width: fit-content;
  padding: .5rem 1.5rem;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 144%;
  transition: all .3s;
  position: relative;
}

#modal-chamada .container-wrapper .card .btn:after {
  content: "";
  z-index: -2;
  background: #7abcd5;
  border-radius: 4px;
  width: 100%;
  height: 100%;
  transition: all .3s;
  display: block;
  position: absolute;
  bottom: -6px;
  right: -6px;
}

#modal-chamada .container-wrapper .card .btn:before {
  content: "";
  z-index: -1;
  background: #625fa8;
  border-radius: 4px;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
}

#modal-chamada .container-wrapper .card .btn:hover {
  transform: translate3d(2px, 2px, 0);
}

#modal-chamada .container-wrapper .card .btn:hover:after {
  transform: translate3d(3px, 3px, 0);
}

@media screen and (width <= 600px) {
  #modal-chamada .container-wrapper .card {
    width: 100%;
  }
}

main {
  overflow: hidden;
}

.intro-home, #intro-pecep {
  margin-top: 8.75rem;
}

@media screen and (width <= 1024px) {
  .intro-home, #intro-pecep {
    margin-top: 100px;
  }
}

.itens-rigth-wrapper .video {
  height: 100%;
  max-height: 244px;
  position: relative;
}

@media screen and (width <= 1024px) {
  .itens-rigth-wrapper .video {
    max-height: 100%;
  }
}

.itens-rigth-wrapper .video img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.itens-rigth-wrapper .video:after {
  content: "";
  backdrop-filter: blur(2px);
  background: #0000000f;
  border-radius: 4px;
  display: block;
  position: absolute;
  inset: 0;
}

.itens-rigth-wrapper .video .icon-youtube {
  z-index: 2;
  width: 80px;
  height: 80px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
/*# sourceMappingURL=style.css.map */