:root {
  --white: white;
  --black: black;
}

.body {
  background-color: #fff;
  font-family: Montserrat, sans-serif;
}

.menu-link {
  color: #fdfdfd;
  justify-content: flex-start;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 64px;
  font-weight: 800;
  line-height: 52px;
  text-decoration: none;
  transition: all .35s;
  display: flex;
}

.menu-link:hover {
  color: #343434;
}

.heading-17 {
  color: #307093;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 30px;
  font-size: 2vw;
  font-weight: 400;
  line-height: 2.1vw;
  position: relative;
}

.block-card-parceiros {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
  position: relative;
}

.hamburger-line-1 {
  background-color: #fdfdfd;
  width: 30px;
  height: 2px;
  margin-top: 3px;
  margin-bottom: 3px;
}

.svg-icon {
  color: #307093;
  width: 2rem;
  height: 2rem;
  position: relative;
}

.svg-icon:hover {
  cursor: pointer;
}

.svg-icon.arrow_up_cursos {
  color: #fff;
  width: 30px;
  height: auto;
}

.svg-icon.si_descontos, .svg-icon.si_exclusividade, .svg-icon.si_convenios {
  color: #364c4c;
}

.svg-icon.si_page_cursos {
  color: #f2f2f2;
  width: 2.7vw;
  height: 2.7vw;
}

.text-block-14 {
  color: #fff;
  text-align: center;
  letter-spacing: 2px;
  font-size: 18px;
  font-weight: 300;
  position: relative;
}

.block-buttons-beneficios {
  z-index: 1;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
  top: 53px;
}

.bgs-menu {
  display: flex;
  position: absolute;
  inset: 0%;
  transform: none;
}

.block-banner-beneficios {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 300px;
  position: relative;
  overflow: hidden;
}

.div-block-71 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  display: flex;
  position: relative;
}

.menu-contain {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-right: 30px;
  display: flex;
  position: relative;
}

.navbar-2 {
  color: #fdfdfd;
  background-color: #fff0;
  align-items: center;
  margin-right: 20px;
  display: flex;
}

.block-below-hero {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.bg-blue {
  background-color: #307093;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 37%;
  height: 100%;
  display: flex;
  position: relative;
}

.heading-card {
  color: #fff;
  letter-spacing: .5px;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: .75vw;
  font-size: .75vw;
  font-weight: 500;
  line-height: 1vw;
  position: relative;
}

.heading-card.hd_sescap_em-_acao {
  color: #307093;
  letter-spacing: 0;
  border-top: 1px #0000002e;
  font-size: .85vw;
  font-weight: 600;
  line-height: 1vw;
}

.heading-card.hc_post {
  color: #161616;
}

.heading-card.hd_curso_menu {
  color: #307093;
  padding-left: 10px;
  font-size: 13px;
  font-weight: 500;
}

.heading-card.hc_curso_post {
  color: #1f1f1f;
}

.div-block-74 {
  justify-content: center;
  align-items: center;
  width: 200px;
  height: auto;
  margin-top: 30px;
  display: flex;
  position: relative;
}

.section-pqec {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-top: 30px;
  padding-bottom: 80px;
  display: flex;
  position: relative;
}

.block-cards {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 50px;
  display: flex;
  position: relative;
}

.block-cards.bc_acao {
  margin-top: -25px;
  margin-bottom: 30px;
}

.nav-menu-2 {
  align-items: center;
  min-width: 430px;
  margin-left: 0;
  display: flex;
}

.social-media-links {
  justify-content: flex-end;
  align-items: center;
  min-width: 280px;
  display: flex;
  position: relative;
}

.social-media-links.sml_cover {
  justify-content: center;
  align-items: center;
}

.div-block-72 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.block-content-cards {
  width: 100%;
  text-decoration: none;
  position: relative;
}

.logo-home-link {
  justify-content: center;
  align-items: center;
  max-height: 105px;
  margin-top: 5px;
  margin-left: 1.125vw;
  padding-top: 0;
  padding-left: 0;
  padding-right: .75vw;
  display: flex;
  position: relative;
}

.logo-home-link.w--current {
  background-color: #fff0;
  margin-top: 0;
  margin-left: 5px;
  margin-right: 5px;
  padding: 5px;
}

.svg-icon-construction {
  color: #f8f8f8;
  width: 4rem;
  height: 4rem;
  position: relative;
}

.svg-icon-construction:hover {
  cursor: pointer;
}

.nav-menu {
  background-color: #0000;
  background-image: url('../images/favicon-32x32.png'), linear-gradient(#3fbafdd6, #307093d9), url('../images/sescap-proteo-sua-empresa.jpg');
  background-position: 50%, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: 3px, auto, cover;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
  transform: translate(100%);
}

.image-3 {
  height: 15px;
}

.hero-box {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 60vw;
  height: 25vw;
  margin-top: 4vw;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: absolute;
}

.button-6 {
  color: #307093;
  letter-spacing: 1px;
  background-color: #fff;
  border-radius: 35px;
  margin: 5px;
  padding-left: 25px;
  padding-right: 25px;
  font-weight: 600;
  transition-duration: .2s;
  position: relative;
}

.button-6:hover {
  color: #fff;
  background-color: #123e57;
}

.paragraph-7 {
  letter-spacing: 1px;
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 1vw;
  line-height: 1.6vw;
  position: relative;
}

.collection-item-4 {
  border: 1px solid #fff0;
  justify-content: flex-start;
  align-items: center;
  padding: 10px 5px;
  transition: all .2s;
  display: flex;
  position: relative;
}

.collection-item-4:hover {
  background-color: #0000000d;
  border-color: #ffffff1a;
}

.collection-item-4.ci_curso_menu {
  background-color: #e0e0e0;
  width: 350px;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

.collection-item-4.ci_curso_menu:hover {
  border-color: #307093;
}

.collection-item-4.ci4_acao {
  background-color: #00000008;
  margin-bottom: 10px;
  padding-top: 15px;
  padding-bottom: 15px;
}

.bold-text-13 {
  font-size: 2vw;
}

.bg-menu-white {
  background-color: #f5f5f5;
  background-image: linear-gradient(#f5f5f5f5, #f5f5f5f5), url('../images/logo-preta-sescap-pe.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  width: 63%;
  height: 100%;
  position: relative;
}

.menu-links-wrap {
  z-index: 1;
  flex-direction: column;
  width: 70%;
  display: flex;
  position: relative;
}

.section-beneficios {
  width: 100%;
  height: auto;
  position: relative;
}

.links {
  color: #fdfdfd;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  transition: all .35s;
}

.links:hover {
  color: #343434;
}

.links.w--current {
  color: #343434;
  text-decoration: line-through;
}

.links.navbar {
  border: 1px solid #fbfbfb1c;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  margin-left: 5px;
  margin-right: 5px;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.links.navbar:hover {
  background-color: #fdfdfd1c;
  transform: scale(1.5);
}

.links.navbar.l-linkbio {
  background-color: #fff0;
  width: 40px;
  min-width: 40px;
  height: 40px;
  margin-left: 10px;
  margin-right: 10px;
}

.heading-cards {
  color: #ffffffd9;
  letter-spacing: 1px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 15px 20px 15px 10px;
  font-size: 13px;
  font-weight: 300;
  line-height: 15px;
  position: relative;
}

.heading-cards.hc_bg-claro {
  color: #000000d9;
  padding-left: 10px;
  padding-right: 15px;
  font-weight: 500;
}

.heading-cards.hc_page_cursos {
  color: #000000d9;
  text-align: center;
  letter-spacing: .075vw;
  margin-top: 0;
  padding: 0 1vw;
  font-size: 1.4vw;
  line-height: 1.8vw;
}

.block-center {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 55%;
  margin-bottom: 50px;
  display: flex;
  position: relative;
}

.div-block-73 {
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 30px;
  display: flex;
}

.image-5 {
  height: 16px;
}

.block-cover {
  z-index: 101;
  background-color: #307093;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100vh;
  padding-top: 150px;
  display: none;
  position: fixed;
  inset: 0%;
}

.block-central {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}

.block-central.bc_post {
  display: block;
}

.div-block-57 {
  background-color: #f5f5f5;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  display: flex;
  position: relative;
}

.box-parceiros {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 80px;
  margin-top: 5px;
  margin-bottom: 5px;
  display: flex;
}

.block-center-interno {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-top: 20px;
  padding-left: .5rem;
  padding-right: .5rem;
  display: flex;
  position: relative;
  overflow: visible;
}

.collection-list-4 {
  position: relative;
}

.collection-list-4.cl_curso_menu {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.block-right {
  z-index: 3;
  background-color: #f5f5f5;
  flex-flow: column;
  align-self: flex-start;
  width: 20%;
  min-width: 200px;
  height: 100%;
  margin-right: 2rem;
  padding-top: 20px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  position: relative;
  top: 50px;
}

.bg-menu-blue {
  background-color: #307093;
  width: 37%;
  height: 100%;
  position: relative;
}

.text-block-14_3 {
  color: #fff;
  text-align: center;
  letter-spacing: 2px;
  border-bottom: 1px solid #ffffff1f;
  margin-top: 30px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  padding-left: 30px;
  padding-right: 30px;
  font-size: 20px;
  font-weight: 300;
  position: relative;
}

.button-beneficios {
  color: #364c4c;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #fff;
  border-radius: 30px;
  margin-bottom: 5px;
  margin-left: 10px;
  margin-right: 5px;
  padding: 10px 20px;
  font-size: 11px;
  font-weight: 500;
  position: relative;
}

.button-beneficios:hover {
  color: #fff;
  background-color: #0f3347;
}

.button-beneficios.bb_associar {
  color: #fff;
  background-color: #0f3347;
  font-weight: 600;
}

.button-beneficios.bb_associar:hover {
  color: #050505;
  background-color: #c5c5c5;
}

.block-title-cards {
  color: #364c4c;
  border-bottom: 1px solid #e4e4e43b;
  order: -1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 20px;
  padding: 10px 5px;
  display: flex;
  position: relative;
}

.block-title-cards.btc_2 {
  border-bottom-color: #9292923b;
}

.block-title-cards.btc_page_cursos {
  border-bottom-color: #aaaaaa3b;
  flex-flow: column;
  margin-top: -2.5vw;
  margin-bottom: 1vw;
  padding: 0 0 2vw;
}

.collection-list-wrapper-2 {
  width: 100%;
  position: relative;
}

.card-beneficios {
  background-color: #fffffff2;
  border: 1px solid #f3f3f3;
  flex-flow: column;
  align-items: flex-start;
  width: 200px;
  min-width: 200px;
  margin: 15px .5em;
  padding: 20px 15px;
  display: flex;
  position: relative;
}

.blocks-white-blue {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.button-5 {
  color: #364c4c;
  letter-spacing: .065vw;
  background-color: #fff;
  margin-left: .75vw;
  margin-right: .375vw;
  padding: .75vw 1.25vw;
  font-size: .84vw;
  font-weight: 500;
  text-decoration: none;
  position: relative;
}

.button-5:hover {
  color: #fff;
  background-color: #1a242c;
}

.bg-white {
  background-color: #f4f4f5;
  justify-content: center;
  align-items: center;
  width: 63%;
  height: 100%;
  display: flex;
  position: relative;
}

.hamburger-wrap {
  z-index: 2;
  cursor: pointer;
  border: 2px solid #fdfdfd;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
  padding: 12px;
  display: none;
  position: relative;
}

.nav-link {
  color: #307093;
  text-align: center;
  letter-spacing: .065vw;
  background-color: #e9e9e9;
  margin-left: .125vw;
  margin-right: .125vw;
  padding: .5vw 1vw;
  font-size: .84vw;
  font-weight: 700;
}

.nav-link:hover {
  color: #fff;
  background-color: #173749;
}

.nav-link.w--current {
  color: #fff;
  background-color: #194b92;
  font-size: .84vw;
}

.nav-link.w--current:hover {
  color: #fff;
}

.nav-link.nl_cursos {
  color: #fff;
  background-color: #173749;
  align-items: center;
  display: flex;
}

.nav-link.nl_cursos:hover {
  background-color: #194b92;
}

.nav-link.nl_cursos.w--current {
  color: #fff;
  letter-spacing: 1px;
  background-color: #173749;
  border-radius: 20px;
  margin-left: 10px;
  padding: 11px 20px 10px;
  font-size: 12px;
  line-height: 12px;
}

.nav-link.nl_cursos.w--current:hover {
  background-color: #a70000;
}

.block-list-beneficios {
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-top: 5px;
  display: flex;
  position: relative;
}

.collection-list-wrapper-3 {
  position: relative;
}

.collection-list-wrapper-3.clw_curso_menu {
  width: 100%;
}

.text-block-12 {
  color: #364c4c;
  letter-spacing: 1px;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 1.05vw;
  font-weight: 600;
  line-height: 1.05vw;
  position: relative;
}

.collection-item-3 {
  position: relative;
}

.section-hero {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 80vh;
  min-height: 500px;
  display: flex;
  position: relative;
}

.image {
  width: 14.5vw;
  min-width: 13vw;
  margin-top: .75vw;
  margin-bottom: .75vw;
  margin-right: 1.5vw;
  position: relative;
}

.bold-text-12 {
  color: #64b6e2;
  margin-right: 4px;
  font-size: 13px;
  display: inline-block;
  position: relative;
}

.bold-text-12.bt12_2 {
  color: #307093;
}

.bold-text-12.bt_page_cursos {
  color: #307093;
  font-size: 1.6vw;
  line-height: 1.6vw;
}

.block-left {
  z-index: 1;
  background-color: #307093;
  border-radius: 2px;
  flex-flow: column;
  width: 25%;
  min-width: 250px;
  height: 100%;
  margin-top: -30px;
  margin-left: 2rem;
  padding-top: 30px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  position: relative;
}

.block-icon {
  background-color: #f7f2f291;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 55px;
  min-width: 50px;
  height: 55px;
  min-height: 50px;
  display: flex;
  position: relative;
}

.block-icon.bi_2 {
  background-color: #d6d6d691;
  min-width: 55px;
  min-height: 55px;
}

.block-icon.bi_page_cursos {
  background-color: #307093;
  width: 5vw;
  min-width: 5vw;
  height: 5vw;
  min-height: 5vw;
  margin-bottom: .5vw;
  box-shadow: 0 2px 5px #0003;
}

.navbar {
  z-index: 100;
  justify-content: space-between;
  width: 100%;
  height: 75px;
  padding: 0 .5%;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.image-2 {
  height: 14px;
}

.text-block-14_2 {
  color: #fff;
  text-align: center;
  letter-spacing: 2px;
  margin-top: 30px;
  margin-bottom: 30px;
  font-size: 30px;
  font-weight: 300;
  line-height: 30px;
  position: relative;
}

.image-card {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 2px solid #fff;
  width: 65px;
  min-width: 65px;
  height: 65px;
  min-height: 65px;
  position: relative;
}

.image-card.ic_curso_menu {
  border: 3px solid #307093;
  width: 80px;
  min-width: 80px;
  height: 80px;
  min-height: 80px;
}

.block-card-home {
  align-items: center;
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
  position: relative;
}

.block-card-home.bcc_acao {
  flex-flow: row;
  justify-content: center;
  align-items: center;
}

.hamburger-line-2, .hamburger-line-3 {
  background-color: #fdfdfd;
  width: 30px;
  height: 2px;
  margin-top: 3px;
  margin-bottom: 3px;
}

.arrow-wrapper-b4 {
  background-color: #333;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.top-border-b4 {
  background-color: #00a5c2;
  width: 100%;
  height: 3px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.button-wrapper-b4 {
  display: flex;
}

.button-4 {
  color: #fff;
  letter-spacing: 2px;
  margin-left: -4px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  transform: scale(.85);
  box-shadow: 1px 1px 3px #bdbdbd;
}

.button-4:hover {
  color: #000;
}

.text-hero-slider {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 35vw;
  height: 80%;
  padding-right: 1.5vw;
  display: flex;
  position: relative;
}

.box-image-hero {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 0;
  position: absolute;
  inset: 0%;
}

.tipo-post {
  color: #36454c;
  letter-spacing: 1px;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: .75vw;
  font-weight: 500;
  line-height: .85vw;
  display: none;
  position: relative;
}

.heading-16 {
  color: #36454c;
  letter-spacing: 1px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 5px;
  font-size: 1.18vw;
  font-weight: 300;
  line-height: 1.3vw;
  position: relative;
}

.image-hero-slider {
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 20vw;
  min-width: 20vw;
  height: 20vw;
  min-height: 20vw;
  margin-bottom: 0;
  display: flex;
  position: relative;
  box-shadow: 0 2px 14px 20px #fff3;
}

.card-hero-slider {
  background-image: linear-gradient(#e9e9e9cc, #e9e9e9cc), url('../images/logo-preta-sescap-pe.png');
  background-position: 0 0, 50%;
  background-size: auto, 2px;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  padding: 2.5vw;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.text-wrapper-b4 {
  background-color: #00a5c2;
  justify-content: center;
  align-items: center;
  width: 150px;
  display: flex;
}

.left-border-b4 {
  background-color: #00a5c2;
  width: 3px;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.icon {
  background-color: #e2e2e2;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-right: 7px;
  display: flex;
  position: relative;
}

.icon.icon_acao {
  background-color: #ccc;
}

.bottom-border-b4 {
  background-color: #00a5c2;
  width: 100%;
  height: 3px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.heading-15 {
  color: #36454c;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.8vw;
  line-height: 30px;
  position: relative;
}

.text-b4 {
  padding-left: 25px;
  padding-right: 25px;
  font-size: 14px;
  font-weight: 500;
  line-height: 15px;
}

.box-tags {
  color: #364c4c;
  border-bottom: 1px solid #36454c1f;
  align-items: center;
  width: 85%;
  margin-bottom: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 20px;
  display: flex;
  position: relative;
}

.section-5 {
  width: 100%;
  height: 14vw;
  position: relative;
}

.block-image {
  z-index: 2;
  opacity: 1;
  background-color: #307093;
  border: 1px solid #fff;
  border-radius: 2px;
  width: auto;
  min-width: 29vw;
  height: 29vw;
  min-height: 29vw;
  margin-top: -7vw;
  margin-bottom: 1.7vw;
  position: relative;
  top: auto;
  overflow: hidden;
  box-shadow: 0 1px 20px 8px #00000024;
}

.content-posts {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.heading-18 {
  color: #364c4c;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.8vw;
  line-height: 3.2vw;
  position: relative;
}

.rich-text-block-2 {
  color: #000;
  border-top: 2px #7f969126;
  width: 100%;
  padding-top: 1.7vw;
  padding-left: 2vw;
  padding-right: 2vw;
  font-size: 1.1vw;
  line-height: 2vw;
  position: relative;
}

.block-image-title {
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.block-title {
  padding-left: 2vw;
  padding-right: 0;
  position: relative;
}

.block-lateral {
  background-color: #eee;
  flex-flow: column;
  width: 300px;
  min-width: 300px;
  height: auto;
  margin-top: 100px;
  margin-left: 50px;
  padding-top: 30px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  position: relative;
  top: -50px;
}

.paragraph-9 {
  letter-spacing: .5px;
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 1.3vw;
  font-weight: 600;
  line-height: 1.7vw;
  position: relative;
}

.section-6 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.block-content {
  width: auto;
  min-width: auto;
  max-width: 1440px;
  margin-left: 2vw;
  margin-right: 2vw;
  padding-bottom: 3vw;
  padding-left: 2vw;
  padding-right: 2vw;
  display: flex;
  position: relative;
}

.body-2 {
  font-family: Montserrat, sans-serif;
}

.slider {
  background-color: #ddd0;
  width: 100%;
  height: 100%;
}

.left-arrow, .right-arrow {
  display: none;
}

.slide-nav {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  padding-top: 0;
  display: flex;
  inset: auto -10% -12% auto;
  transform: scale(.75);
}

.block-left-pqec {
  z-index: 1;
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  width: 45%;
  height: 100%;
  display: flex;
  position: relative;
}

.heading-19 {
  color: #04476b;
  text-align: right;
  letter-spacing: 3px;
  margin-top: 5px;
  font-size: 2.2vw;
  font-weight: 300;
  line-height: 2.2vw;
  position: relative;
  left: -18px;
}

.heading-20 {
  color: #307093;
  letter-spacing: 3px;
  background-color: #e0e0e0;
  margin-top: 0;
  margin-bottom: 10px;
  padding: 10px 15px;
  font-size: 55px;
  line-height: 55px;
  display: none;
  position: relative;
}

.block-right-pqec {
  width: 55%;
  display: flex;
  position: relative;
}

.block-image-pqec {
  justify-content: center;
  align-items: center;
  width: 350px;
  height: 450px;
  padding: 15px;
  display: flex;
  position: relative;
  left: -50px;
}

.texts-pqec {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 60%;
  display: flex;
  position: relative;
  left: -51px;
}

.image-pqec {
  filter: grayscale(79%);
  background-image: url('../images/site-sescap-peas-elementos-soltos-1000-x-1000-px-2.webp');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 350px;
  height: 485px;
  position: absolute;
  left: 26px;
}

.bold-text-14 {
  position: relative;
}

.border-pqec {
  background-color: #307093;
  border: 1px #dbdbdb;
  border-radius: 2px;
  justify-content: center;
  align-items: flex-end;
  width: 380px;
  height: 450px;
  display: flex;
  position: absolute;
  transform: rotate(5deg);
  box-shadow: 0 2px 10px #0000005c;
}

.titles-pqec {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: auto;
  display: flex;
  position: relative;
  left: -27px;
}

.logo-pqec-image {
  background-image: url('../images/site-sescap-peas-elementos-soltos-1000-x-1000-px-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 380px;
  height: 110px;
  display: flex;
  position: relative;
}

.paragraph-10 {
  color: #307093;
  font-size: 17px;
  line-height: 30px;
  position: relative;
}

.text-block-15 {
  color: #929292;
  letter-spacing: 0;
  justify-content: center;
  align-self: flex-start;
  align-items: flex-end;
  margin-bottom: 10px;
  font-size: 2.3vw;
  font-weight: 700;
  line-height: 2.3vw;
  display: flex;
  position: relative;
}

.text-block-16 {
  color: #307093;
  text-align: left;
  letter-spacing: 2px;
  border-bottom: 1px solid #d8d8d8;
  width: 70%;
  margin-bottom: 20px;
  padding-bottom: 7px;
  padding-left: 5px;
  font-size: 1.05vw;
  font-weight: 400;
  line-height: 1.05vw;
  transition: all .2s;
  position: relative;
}

.text-block-16:hover {
  letter-spacing: 2px;
  font-weight: 500;
}

.text-block-16.tb16_2 {
  margin-left: -5px;
}

.text-block-16.tb16_3 {
  margin-left: -10px;
}

.text-block-16.tb16_4 {
  margin-left: -15px;
}

.div-block-82 {
  width: 90%;
  margin-top: 25px;
  margin-left: 70px;
  position: relative;
}

.text-block-17 {
  color: #fff;
  letter-spacing: 5px;
  background-color: #307093;
  margin-bottom: 5px;
  padding: 5px 15px;
  font-size: 1.1vw;
  font-weight: 500;
  line-height: 1.4vw;
  position: relative;
}

.section-we-are {
  background-color: #f3f3f3;
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
  position: relative;
}

.div-block-83 {
  background-color: #f3f3f3;
  height: 30px;
  display: none;
  position: absolute;
  inset: auto 0% 0%;
}

.line_post {
  border-top: 1px solid #e0e0e0;
  width: 100%;
  margin-top: 1vw;
  position: relative;
}

.block-center-we-are {
  background-color: #307093;
  justify-content: center;
  align-items: center;
  width: 85%;
  min-width: 1000px;
  max-width: 1200px;
  height: 450px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.block-texts-we-are {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100%;
  padding-left: 50px;
  display: flex;
  position: relative;
}

.block-image-we-are {
  justify-content: center;
  align-items: flex-end;
  width: 50%;
  height: 100%;
  display: flex;
  position: relative;
}

.block-bg-logo-we-are {
  opacity: .25;
  background-image: url('../images/logo-preta-sescap-pe.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: relative;
}

.block-image-we-are-2 {
  background-image: url('../images/contribuio-sescap_2.webp');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 75%;
  height: 100%;
  position: absolute;
}

.heading-21 {
  color: #fff;
  text-align: left;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.2vw;
  font-weight: 300;
  line-height: 2.5vw;
  position: relative;
}

.bold-text-15 {
  position: relative;
}

.block-texts-we-are-2 {
  position: relative;
  right: -50px;
}

.paragraph-11 {
  color: #fff;
  letter-spacing: .07vw;
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 1.18vw;
  line-height: 2vw;
  position: relative;
}

.bold-text-16 {
  letter-spacing: .5px;
}

.block-buttons-we-are {
  justify-content: flex-start;
  align-items: center;
  margin-top: 20px;
  display: flex;
  position: relative;
}

.button-7 {
  letter-spacing: 1px;
  margin-right: 10px;
  position: relative;
}

.text-block-18 {
  color: #307093;
  text-align: right;
  letter-spacing: .07vw;
  width: 410px;
  margin-top: 15px;
  margin-right: 80px;
  font-size: 1.18vw;
  line-height: 2vw;
  position: relative;
}

.button-8 {
  letter-spacing: 1px;
  margin-right: 80px;
  padding-left: 25px;
  padding-right: 25px;
  font-size: 13px;
  position: relative;
}

.button {
  color: #fff;
  letter-spacing: .13vw;
  background-color: #fff0;
  background-image: radial-gradient(circle, #3babb9, #52779b);
  margin-top: 15px;
  margin-left: -15px;
  padding: 15px 25px;
  font-size: .83vw;
  font-weight: 500;
  line-height: .83vw;
  text-decoration: none;
  transition: all .3s;
  display: inline-block;
  position: relative;
}

.button:hover {
  background-color: #92198a;
  background-image: none;
}

.button.b_associar {
  text-transform: none;
  background-image: url('../images/icon-whats_1icon-whats.png'), radial-gradient(circle, #3babb9, #52779b);
  background-position: 25px, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 20px, auto;
  border-radius: 30px;
  margin-top: 0;
  margin-left: 0;
  padding-left: 50px;
}

.button.b_beneficios {
  border-radius: 30px;
  margin: 0 10px;
}

.button.b_we_are {
  background-image: radial-gradient(circle, #085b66, #193e63);
  margin-top: 0;
  margin-left: 0;
  margin-right: 5px;
}

.button.b_ler_mais {
  margin-top: 0;
  margin-left: 5px;
  padding: 10px 15px;
}

.button.b_contribuir {
  margin-top: 5px;
  margin-left: 0;
  margin-right: 5px;
}

.button.b_cursos_menu {
  margin-top: 25px;
  margin-left: 0;
}

.button.b_we_are-copy {
  margin-top: 0;
  margin-left: 0;
  margin-right: 5px;
}

.button.b_associados_post {
  margin-top: 0;
  margin-left: 5px;
  margin-right: 5px;
}

.button.b_associados_post.w--current {
  background-color: #194b92;
  background-image: none;
}

.button.b_associados_post-zap {
  background-image: url('../images/icon-whats_1icon-whats.png'), radial-gradient(circle, #3babb9, #52779b);
  background-position: 25px, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 20px, auto;
  margin: 1vw 5px;
  padding-left: 50px;
}

.button.b_associados_post-zap:hover {
  background-image: url('../images/icon-whats_1icon-whats.png');
  background-position: 25px;
  background-repeat: no-repeat;
  background-size: 20px;
}

.block-center-pqec {
  justify-content: center;
  align-items: center;
  width: 95%;
  min-width: 1365px;
  margin-right: 2%;
  display: flex;
  position: relative;
}

.block-title-beneficios {
  position: relative;
}

.section-contribuicao {
  background-color: #f3f3f3;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 100px;
  display: flex;
  position: relative;
}

.block-center-contribuir {
  justify-content: flex-start;
  align-items: flex-start;
  width: 85%;
  min-width: 1000px;
  max-width: 1200px;
  height: 100%;
  display: flex;
  position: relative;
}

.block-image-contribuir {
  border: 1px solid #e4e4e4;
  border-radius: 100%;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 20px;
  display: flex;
  position: relative;
}

.block-texts-contribuir {
  width: auto;
  height: 100%;
  padding-top: 20px;
  padding-left: 20px;
  position: relative;
}

.div-block-96 {
  background-image: url('../images/contribui-sescap-2_1.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 500px;
  min-width: 400px;
  height: 500px;
  min-height: 400px;
  position: relative;
}

.heading-22 {
  letter-spacing: 2px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.2vw;
  line-height: 2.81vw;
  position: relative;
}

.text-block-19 {
  text-align: justify;
  letter-spacing: .02vw;
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 1.18vw;
  line-height: 1.8vw;
  position: relative;
}

.bold-text-17 {
  color: #fff;
  background-color: #707070;
  margin-left: 3px;
  padding-left: 5px;
  padding-right: 5px;
  position: relative;
}

.paragraph-12 {
  text-align: justify;
  letter-spacing: .02vw;
  background-color: #fcfcfc;
  margin-bottom: 0;
  padding: 15px 25px 25px;
  font-size: 1vw;
  line-height: 1.8vw;
  position: relative;
}

.bold-text-18 {
  position: relative;
  top: -10px;
}

.menu-cursos {
  background-color: #ededed;
  width: 100%;
  padding-top: 100px;
  padding-bottom: 50px;
  display: none;
  position: absolute;
  transform: translate(0, -100%);
  box-shadow: 0 8px 15px #0000001a;
}

.div-block-98 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.link-block {
  background-color: #c7c7c7;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  margin-bottom: 30px;
  transition: all .3s;
  display: flex;
  position: relative;
}

.link-block:hover {
  background-color: #173749;
  transform: translate(0, -5px);
}

.arrow-up-cursos {
  color: #fdfdfd;
  width: 2rem;
  height: 2rem;
  position: relative;
}

.arrow-up-cursos:hover {
  cursor: pointer;
}

.g {
  color: #fff;
}

.block-cards-menu-cursos {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 15px;
  display: flex;
  position: relative;
}

.svg-icon-menu-curso {
  color: #307093;
  width: 20px;
  height: 20px;
  margin-left: 3px;
  display: none;
  position: relative;
}

.svg-icon-menu-curso:hover {
  cursor: pointer;
}

.svg-icon-menu-curso.arrow_up_cursos {
  color: #fff;
  width: 30px;
  height: auto;
}

.div-block-99 {
  position: relative;
}

.text-block-20 {
  color: #000;
  letter-spacing: 2px;
  margin-bottom: 30px;
  font-weight: 600;
  position: relative;
}

.block-buttons-contribuir {
  background-color: #fcfcfc;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  padding-bottom: 20px;
  padding-left: 20px;
  display: flex;
  position: relative;
}

.anchor {
  background-color: #be1010;
  height: 1px;
  margin-top: -75px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.mask {
  width: 100%;
  box-shadow: 0 0 #0000, -.7px .7px .4px #00000008, -1.4px 1.4px .8px #0000000a, -2.4px 2.4px 1.6px #0000000b, -3.9px 3.9px 2.9px #0000000c, -6.3px 6.3px 5.3px #0000000c, -10.9px 10.9px 10.4px #0000000d, -21.7px 21.7px 22.8px #0000000e;
}

.logo-transparente-hero {
  opacity: .04;
  background-image: url('../images/logo-preta-sescap-pe.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.logo-transparente-hero.lth_bg_menu {
  opacity: .05;
}

.collection-list-wrapper-4 {
  width: 100%;
  position: relative;
}

.section-footer---2 {
  background-color: #307093;
  width: 100%;
  height: 800px;
  position: relative;
}

.empty-state {
  color: #fafafa;
  letter-spacing: 1px;
  background-color: #ddd0;
  justify-content: flex-start;
  align-items: center;
  height: 200px;
  font-size: 14px;
  display: flex;
  position: relative;
}

.text-block-21 {
  text-align: center;
  letter-spacing: 1px;
  position: relative;
}

.div-block-163 {
  color: #fff;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 10px;
  padding-left: 20px;
  display: flex;
  position: relative;
}

.block-logo-footer {
  background-image: url('../images/logo-branca-horizontal-sescap-pe.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 20vw;
  height: 7vw;
  margin-bottom: 70px;
}

.bold-text-3 {
  letter-spacing: 1.5px;
  font-size: 13px;
}

.div-block-77 {
  background-image: url('../images/cq_logo.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 60px;
  height: 60px;
  transition: all .2s;
}

.div-block-77:hover {
  transform: scale(.97)rotate(5deg);
}

.block-gray {
  background-color: #f1f1f1;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 39%;
  height: 100px;
  display: flex;
  position: absolute;
  inset: auto auto 0%;
}

.block-gray.bg_footer {
  opacity: .48;
  background-color: #10456b00;
  background-image: url('../images/logo-white-sescap.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 33px;
  height: 33px;
  top: -14px;
  left: 0;
}

.heading-title {
  color: #214a6b;
  text-align: center;
  letter-spacing: 3px;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 30px;
  font-weight: 700;
  line-height: 40px;
  position: relative;
}

.heading-title.ht_footer {
  color: #fff;
  letter-spacing: 1.5px;
  text-transform: none;
  padding-left: 5px;
  padding-right: 30px;
  font-size: 13px;
  font-weight: 600;
  line-height: 23px;
  left: 5px;
}

.block-site-maps {
  width: 300px;
  margin-top: 30px;
  margin-left: 10px;
  margin-right: 10px;
  position: relative;
}

.block-site-maps.bl_2 {
  margin-top: 50px;
}

.block-center-footer {
  flex-direction: column;
  align-items: center;
  width: 1000px;
  height: auto;
  margin-top: 100px;
  display: flex;
  position: relative;
}

.block-other-links {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.block-links-footer {
  justify-content: space-between;
  align-items: flex-start;
  width: auto;
  min-width: 800px;
  display: flex;
  position: relative;
}

.section-footer {
  background-color: #0000;
  background-image: radial-gradient(circle, #336783f5, #307093f5);
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: auto;
  padding-bottom: 50px;
  display: flex;
  position: relative;
}

.block-title-line {
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
}

.block-title-line.btl_footer {
  align-items: flex-start;
  width: auto;
  margin-left: 10px;
  margin-right: 10px;
  padding-bottom: 10px;
}

.div-block-164 {
  flex-direction: column;
  display: flex;
}

.text-block-6-copy {
  color: #ffffffde;
  text-align: center;
  letter-spacing: 1px;
  border-top: 1px solid #316c8c;
  min-width: 500px;
  margin-top: 25px;
  margin-bottom: 15px;
  padding-top: 25px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  position: relative;
}

.block-copyright-and-adress {
  border-top: 1px solid #5d95c2;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 90%;
  height: auto;
  margin-top: 50px;
  padding-left: 2%;
  padding-right: 2%;
  display: flex;
}

.block-line {
  background-color: #214a6b;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  width: 40%;
  height: 2px;
  margin-top: 20px;
  position: relative;
}

.block-line.bl_footer {
  background-color: #5d95c2;
  align-self: center;
  width: 100%;
  height: 1px;
  margin-top: 3px;
}

.link-6 {
  color: #fff;
  letter-spacing: 1.5px;
  text-transform: none;
  margin-top: 1px;
  margin-bottom: 1px;
  padding: 3px 10px;
  font-size: 13px;
  font-weight: 300;
  text-decoration: none;
  transition: all .1s;
  position: relative;
}

.link-6:hover {
  color: #a7d9f8;
}

.link-6.l6_aa {
  text-transform: none;
}

.text-block-6 {
  color: #ffffffde;
  text-align: center;
  letter-spacing: 1px;
  border-top: 1px solid #316c8c;
  min-width: 600px;
  margin-top: 30px;
  padding-top: 10px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
  position: relative;
}

.text-block-6.tb6_2 {
  border-top-style: none;
  margin-top: 5px;
}

.bold-text-19 {
  letter-spacing: 2px;
}

.div-block-165 {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100px;
  height: 100px;
  display: flex;
  position: relative;
}

.div-block-166 {
  width: 100%;
  height: 100%;
  position: relative;
  inset: auto 0% 0%;
}

.div-block-167 {
  background-image: linear-gradient(#eee0 92%, #fff), linear-gradient(#ffffff80, #fff0), url('../images/executivo-protegendo.jpg');
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
  margin-top: -5px;
  position: absolute;
  inset: 0%;
}

.heading-23 {
  z-index: 1;
  text-align: center;
  align-self: center;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 0;
  padding-left: 3vw;
  padding-right: 3vw;
  font-size: 1.3vw;
  font-weight: 400;
  line-height: 1.9vw;
  position: relative;
  inset: 13px 0% auto;
}

.section-hero-mob {
  display: none;
}

.heading_post_hero {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.3vw;
  line-height: 2.8vw;
  position: relative;
}

.paragraph_post_hero.pph_post {
  margin-top: .75vw;
  margin-bottom: .75vw;
  font-size: 1.3vw;
  line-height: 2vw;
  position: relative;
}

.parceiro-1 {
  opacity: .8;
  filter: grayscale();
  background-image: url('../images/sstg.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 60%;
  justify-content: center;
  align-items: center;
  width: 70%;
  height: 80%;
  margin: 5px;
  transition: all .3s;
  display: flex;
  position: relative;
}

.parceiro-1:hover {
  opacity: 1;
  filter: grayscale(0%);
}

.parceiro-2 {
  opacity: .8;
  filter: grayscale();
  background-image: url('../images/wopen-horizontal.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 70%;
  justify-content: center;
  align-items: center;
  width: 70%;
  height: 80%;
  margin: 5px;
  transition: all .3s;
  display: flex;
  position: relative;
}

.parceiro-2:hover {
  opacity: 1;
  filter: grayscale(0%);
}

.block-cards-parceiros {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 30px;
  display: flex;
  position: relative;
}

.block-cards-parceiros.bc_acao {
  margin-bottom: 30px;
}

.block-content-cards-news-post {
  width: 100%;
  text-decoration: none;
  position: relative;
}

.block-card-cursos-post {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 5px;
  display: flex;
}

.div-block-173 {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 2px solid #307093;
  width: 80px;
  min-width: 80px;
  height: 80px;
  min-height: 80px;
}

.heading-curso-post {
  color: #307093;
  letter-spacing: .5px;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: .85vw;
  font-size: 1vw;
  font-weight: 500;
  line-height: 1.35vw;
}

.body-3 {
  font-family: Montserrat, sans-serif;
}

.section-content-interna {
  background-image: linear-gradient(#fafafae0, #fafafae0), url('../images/logo-preta-sescap-pe.png');
  background-position: 0 0, 50%;
  background-size: auto, 3px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.block-title-interna {
  background-color: #fff;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 80%;
  margin-top: -5.5vw;
  margin-bottom: 0;
  padding-bottom: 2vw;
  display: flex;
  position: relative;
  box-shadow: 0 2px 5px #0003;
}

.box-title-interna {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 90%;
  display: flex;
  position: relative;
}

.box-content-interna {
  width: 97%;
  margin-top: 1.5vw;
  position: relative;
}

.paragraph-13 {
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 85%;
  margin-bottom: 1vw;
  font-size: 1.2vw;
  font-weight: 300;
  line-height: 1.8vw;
  display: flex;
  position: relative;
}

.tabs-menu {
  justify-content: center;
  align-items: center;
  display: flex;
}

.bold-text-20 {
  font-size: 1.6vw;
  line-height: 1.6vw;
  position: relative;
}

.bold-text-21 {
  line-height: 1.6vw;
  position: relative;
  top: 1vw;
}

.tabs-content {
  margin-top: 2vw;
}

.text-block-23, .text-block-24 {
  color: #000;
  text-align: center;
  letter-spacing: .09vw;
  font-size: 1.1vw;
  font-weight: 500;
  line-height: 1.7vw;
  position: relative;
}

.tab-link-tab-1 {
  margin-left: 1vw;
  margin-right: 1vw;
  padding-left: 2vw;
  padding-right: 2vw;
}

.tab-link-tab-1.w--current {
  margin-left: 1vw;
}

.tab-link-tab-2, .tab-link-tab-2.w--current {
  margin-left: 1vw;
  margin-right: 1vw;
  padding-left: 2vw;
  padding-right: 2vw;
}

.block-content-interna {
  width: 100%;
  position: relative;
}

.block-content-interna_2 {
  justify-content: center;
  align-items: flex-start;
  margin-top: 1.5vw;
  display: flex;
  position: relative;
}

.block-content-articles {
  position: relative;
}

.button-text-article-page {
  letter-spacing: .2vw;
  text-transform: uppercase;
  padding-top: 12px;
  padding-bottom: 15px;
  font-size: 1vw;
  line-height: 1.3vw;
  position: relative;
}

.bake72__summary {
  font-size: 17px;
  line-height: 25px;
}

.button-article-page {
  color: #fff;
  text-align: center;
  background-color: #307093;
  background-image: linear-gradient(#307093, #00aeff87);
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  width: 100%;
  margin-top: 20px;
  margin-left: 0;
  margin-right: 0;
  padding: 12px 30px 15px;
  font-size: 20px;
  font-weight: 400;
  line-height: 35px;
  transition: background-color .2s;
  position: relative;
  overflow: hidden;
}

.button-article-page:hover {
  background-color: #002b68;
}

.tipo-article-page {
  color: #307093;
  letter-spacing: .05em;
  margin-top: 0;
  margin-bottom: 1.1vw;
  padding-left: .25em;
  font-size: 1vw;
  font-weight: 500;
  line-height: 1.6vw;
  display: none;
  position: relative;
}

.image-curso-page {
  opacity: 1;
  transform-style: preserve-3d;
  background-color: #194964;
  border-radius: 5px;
  width: 18vw;
  height: 18vw;
  margin-top: 1vw;
  margin-bottom: 1vw;
  position: relative;
  overflow: hidden;
  transform: translate3d(0, 0, 20px);
  box-shadow: 0 9px 18px #00000047;
}

.card-article-page {
  perspective: 1200px;
  color: #333;
  background-color: #fff;
  border-radius: 5px;
  max-width: 22vw;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  transform: perspective(1200px)perspective(1200px);
  box-shadow: 0 8px 20px #00000082;
}

.image-9 {
  z-index: 5;
  opacity: .8;
  background-color: #0000;
  width: 60px;
  height: 60px;
  margin-top: 10px;
  margin-left: 10px;
  padding: 5px;
  position: relative;
}

.image-9.i9-2 {
  width: 40px;
  height: 40px;
  padding: 2px;
}

.bake72__price {
  color: #818181;
  margin-bottom: 10px;
  font-size: 15px;
  font-weight: 300;
}

.image-10 {
  width: 40px;
  height: 40px;
  margin-top: 10px;
  margin-left: 10px;
  padding: 2px;
}

.collection-list-9 {
  flex-flow: wrap;
  justify-content: center;
  align-items: flex-start;
  padding-top: 2vw;
  padding-bottom: 2vw;
  display: flex;
}

.collection-item-6 {
  height: 550px;
  margin-bottom: 1vw;
  margin-left: 2vw;
  margin-right: 2vw;
  position: relative;
}

.heading_curso_page {
  color: #333;
  margin-top: 1.5vw;
  margin-bottom: .75vw;
  padding-left: .5vw;
  padding-right: .5vw;
  font-size: 1vw;
  line-height: 1.35vw;
  position: relative;
}

.box-content-article-page {
  padding-top: 1.5vw;
  padding-left: 2vw;
  padding-right: 2vw;
  position: relative;
}

.tabs {
  display: none;
}

.text-block-25 {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.button-text-encerrado {
  letter-spacing: .2vw;
  text-transform: uppercase;
  background-color: #c01f1f;
  background-image: radial-gradient(circle, #0000, #880a0a);
  justify-content: center;
  align-items: center;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 1vw;
  line-height: 1.3vw;
  display: flex;
  position: absolute;
  inset: 0%;
}

.button-text-lista-de-espera {
  letter-spacing: .2vw;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 1vw;
  line-height: 1.3vw;
  display: flex;
  position: absolute;
  inset: 0%;
}

.button-encerrado {
  letter-spacing: .2vw;
  text-transform: uppercase;
  background-color: #c01f1f;
  background-image: radial-gradient(circle, #0000, #880a0a);
  justify-content: center;
  align-items: center;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 1.1vw;
  line-height: 1.8vw;
  display: flex;
  position: absolute;
  inset: 0%;
}

.button-text-curso-page-copy {
  letter-spacing: .2vw;
  text-transform: uppercase;
  padding-top: 12px;
  padding-bottom: 15px;
  font-size: 1.1vw;
  line-height: 1.8vw;
  position: relative;
}

.button-lista-de-espera {
  letter-spacing: .2vw;
  text-transform: uppercase;
  background-color: #444;
  background-image: radial-gradient(circle, #0000, #141313);
  justify-content: center;
  align-items: center;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 1.1vw;
  line-height: 1.8vw;
  display: flex;
  position: absolute;
  inset: 0%;
}

.link-article-page {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
  display: flex;
  position: relative;
}

.content-institucional {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.block-image-title-institucional {
  box-shadow: none;
  background-color: #f3f3f3;
  border: 1px #fff;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: -7vw;
  padding-bottom: 2vw;
  display: flex;
  position: relative;
  overflow: hidden;
}

.block-image-institucional {
  z-index: 2;
  box-shadow: none;
  opacity: 1;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px #fff;
  border-radius: 2px 2px 0 0;
  flex-flow: column;
  justify-content: flex-end;
  align-self: center;
  align-items: center;
  width: 1100px;
  min-width: 980px;
  height: 300px;
  margin-bottom: 1vw;
  display: flex;
  position: relative;
  top: auto;
  overflow: visible;
}

.block-title-institucional {
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 1000px;
  min-width: 980px;
  padding-left: 2vw;
  padding-right: 2vw;
  display: flex;
  position: relative;
}

.heading_post_hero-institucional {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2vw;
  line-height: 3vw;
  position: relative;
}

.paragraph_post_hero-institucional.pph_post {
  margin-top: .75vw;
  margin-bottom: .75vw;
}

.paragraph_post_hero-institucional.pph_post-institucional {
  color: #000;
  letter-spacing: 1px;
  margin-top: .75vw;
  margin-bottom: .75vw;
  font-size: 19px;
  line-height: 30px;
  position: relative;
}

.line_post-institucional {
  border-top: 1px solid #e0e0e0;
  width: 100%;
  margin-top: 25px;
  position: relative;
}

.rich-text-block-2-institucional {
  color: #000;
  border-top: 2px #7f969126;
  align-self: flex-start;
  width: 100%;
  min-width: auto;
  margin-top: 0;
  padding-top: 1.7vw;
  padding-left: 2vw;
  padding-right: 2vw;
  font-size: 1.3vw;
  line-height: 2.6vw;
  position: relative;
}

.gradient-image {
  background-image: linear-gradient(#0000, #f3f3f3 95%);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 25%;
  display: flex;
  position: relative;
  inset: auto 0% -3px;
}

.link-ver-mais {
  color: #65b6e2;
  letter-spacing: 0;
  border-bottom: 1px solid #e4e4e43b;
  margin-top: 1vw;
  margin-left: .5vw;
  padding-bottom: .55vw;
  padding-left: 1vw;
  padding-right: 2vw;
  font-size: .85vw;
  line-height: 1vw;
  text-decoration: none;
  transition: all .3s;
  position: relative;
}

.link-ver-mais:hover {
  color: #fff;
  border-bottom-color: #e4e4e4;
  padding-right: 3.5vw;
}

.link-ver-mais.lvm_for_bg_whit {
  color: #307093;
  border-bottom-color: #006f9b3b;
}

.link-ver-mais.lvm_for_bg_whit:hover {
  color: #001b2a;
}

.link-block-2 {
  width: 30px;
  height: 100px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.link-block-3 {
  width: 30px;
  height: 100px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.div-block-175 {
  filter: blur(14px);
  background-image: linear-gradient(#f3f3f300, #f3f3f3);
  border-top-left-radius: 100px;
  border-top-right-radius: 100px;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  height: 150px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.block-buttons-area-associados-posty {
  justify-content: flex-start;
  align-items: center;
  margin-top: .75vw;
  display: flex;
  position: relative;
}

.heading-24 {
  font-size: 2vw;
  line-height: 3vw;
}

.heading-25 {
  font-size: 1.8vw;
  line-height: 2.7vw;
}

.heading-26 {
  font-size: 30px;
}

.image-11 {
  width: 100%;
  height: 100%;
  position: relative;
}

.image-12, .image-13 {
  width: 100%;
  position: relative;
}

.block-buttons {
  justify-content: flex-start;
  align-items: center;
  margin-top: .75vw;
  display: flex;
  position: relative;
}

.button-menu {
  color: #fff;
  letter-spacing: .13vw;
  background-color: #fff0;
  background-image: radial-gradient(circle, #3babb9, #52779b);
  margin: 0 5px;
  padding: 15px 25px;
  font-size: .83vw;
  font-weight: 500;
  line-height: .83vw;
  text-decoration: none;
  transition: all .3s;
  display: inline-block;
  position: relative;
}

.button-menu:hover {
  background-color: #92198a;
  background-image: none;
}

.button-menu.w--current {
  display: none;
}

.button-menu.b_associar {
  text-transform: none;
  background-image: url('../images/icon-whats_1icon-whats.png'), radial-gradient(circle, #3babb9, #52779b);
  background-position: 25px, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 20px, auto;
  border-radius: 30px;
  margin-top: 0;
  margin-left: 0;
  padding-left: 50px;
}

.button-menu.b_beneficios {
  border-radius: 30px;
  margin: 0 10px;
}

.button-menu.b_we_are {
  margin-top: 0;
  margin-left: 0;
  margin-right: 5px;
}

.button-menu.b_ler_mais {
  margin-top: 0;
  margin-left: 5px;
  padding: 10px 15px;
}

.button-menu.b_contribuir {
  margin-top: 5px;
  margin-left: 0;
  margin-right: 5px;
}

.button-menu.b_cursos_menu {
  margin-top: 25px;
  margin-left: 0;
}

.button-menu.b_we_are-copy {
  margin-top: 0;
  margin-left: 0;
  margin-right: 5px;
}

.button-menu.b_associados_post {
  margin-top: 0;
  margin-left: 5px;
  margin-right: 5px;
}

.button-menu.b_associados_post-zap {
  background-image: url('../images/icon-whats_1icon-whats.png'), radial-gradient(circle, #3babb9, #52779b);
  background-position: 25px, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 20px, auto;
  margin-top: 0;
  margin-left: 5px;
  margin-right: 5px;
  padding-left: 50px;
}

.button-menu.b_associados_post-zap:hover {
  background-image: url('../images/icon-whats_1icon-whats.png');
  background-position: 25px;
  background-repeat: no-repeat;
  background-size: 20px;
}

.collection-item-7 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.collection-list-10 {
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-top: 1vw;
  margin-bottom: 1vw;
  display: flex;
  position: relative;
}

.block-buttons-menu {
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  margin-top: .75vw;
  display: flex;
  position: relative;
}

.collection-list-wrapper-7 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.cortina {
  z-index: 10;
  background-color: #fff;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0%;
}

.div-block-176 {
  filter: blur(10px);
  background-image: radial-gradient(circle, #fff 63%, #fff0);
  align-self: center;
  width: 105%;
  height: 105%;
  display: none;
  position: absolute;
  inset: auto;
}

.div-block-177 {
  width: 222px;
  height: 220px;
}

.destaque-wrapper {
  align-self: center;
  position: relative;
}

.destaque-item {
  margin-top: -170px;
}

.block-image-destaque {
  border: 5px solid #307093;
  border-radius: 1px;
  width: 17vw;
  height: 17vw;
  margin-bottom: 30px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 -2px 20px 5px #0000002b;
}

.empty-state-2 {
  padding: 0;
}

.image-14 {
  transition: all .2s;
  position: relative;
}

.image-14:hover {
  transform: rotate(-5deg)scale(1.1);
}

.text-block-26 {
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 1.05vw;
  font-weight: 300;
  line-height: 1.05vw;
  position: relative;
}

.text-block-27 {
  text-align: center;
  letter-spacing: .5px;
  width: 100%;
  margin-bottom: 20px;
  font-size: .95vw;
  line-height: 1;
  position: relative;
}

.body-4 {
  flex-flow: column;
  font-family: Montserrat, sans-serif;
  display: flex;
}

.div-block-178 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.block-gradients-absolut {
  background-color: #d0ff00;
  background-image: linear-gradient(135deg, #054a7cf7, #520769e0);
  position: absolute;
  inset: 0%;
}

.g1, .g2, .g3, .g4 {
  filter: blur(50px);
  background-image: radial-gradient(circle, #006aff, #d0ff0000);
  width: 30vw;
  height: 30vw;
  position: absolute;
}

.block-content-links {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-top: 3rem;
  display: flex;
  position: relative;
}

.block-logo {
  position: relative;
}

.box-content-links {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-bottom: 2rem;
  display: flex;
  position: relative;
}

.treina-wrapin, .eventos-wrapin {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-180 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 200px;
  display: flex;
  position: relative;
}

.empty-state-3 {
  background-color: #fff0;
  position: relative;
}

.title-cursos {
  color: #fff;
  text-align: center;
  letter-spacing: 3.5px;
  text-transform: none;
  mix-blend-mode: overlay;
  border-bottom: 1px solid #00000040;
  width: 100%;
  margin-top: 4rem;
  margin-bottom: 2rem;
  padding-bottom: .75rem;
  padding-left: 3rem;
  padding-right: 3rem;
  font-size: 2.3rem;
  font-weight: 700;
  line-height: 1;
  position: relative;
}

.title-cursos.tb2-2 {
  display: none;
}

.block-news {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.collection-list-wrapper-8 {
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 3rem;
  display: flex;
  position: relative;
}

.collection-list-wrapper-8.clw8-2 {
  display: none;
}

.collection-list-11 {
  flex-flow: wrap;
  justify-content: center;
  align-items: flex-start;
  width: 95%;
  display: flex;
  position: relative;
}

.box-image-links {
  opacity: .9;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 1px;
  width: 14rem;
  min-width: 14rem;
  height: 14rem;
  min-height: 14rem;
  position: relative;
  box-shadow: 0 2px 8px 6px #0000001a;
}

.heading-27 {
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  width: 14rem;
  margin-top: .5rem;
  margin-bottom: 0;
  padding-left: .5rem;
  padding-right: .5rem;
  font-size: .95rem;
  font-weight: 300;
  line-height: 1.2;
  position: relative;
}

.link-block-4 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: .5rem .5rem .5em;
  text-decoration: none;
  display: flex;
  position: relative;
}

.collection-item-8 {
  margin: 1rem;
  position: relative;
}

.h-white {
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  width: 14rem;
  margin-top: .5rem;
  margin-bottom: 0;
  padding-left: .5rem;
  padding-right: .5rem;
  font-size: .95rem;
  font-weight: 300;
  line-height: 1.2;
  display: none;
  position: relative;
}

.text-block-29 {
  color: #fff;
  text-align: center;
  letter-spacing: 2px;
  border-bottom: 1px solid #ffffff3d;
  width: 80%;
  margin-top: .5rem;
  padding-bottom: .115rem;
  font-size: .85rem;
  position: relative;
}

.box-texts-links {
  opacity: .4;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.block-destaque-bio {
  background-color: #0000002b;
  border-radius: 100px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  max-width: 80%;
  margin-top: 3rem;
  padding: 1rem 4rem;
  display: flex;
  position: relative;
}

.div-block-181 {
  border: 1px solid #fff3;
  border-radius: 50px;
  justify-content: flex-start;
  align-items: center;
  height: 3.5rem;
  margin: .65rem;
  padding-bottom: 0;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  position: relative;
}

.div-block-181:hover {
  background-color: #00000040;
  border-color: #fff0;
}

.heading-28 {
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .85rem;
  font-weight: 300;
  line-height: 1.2;
  position: relative;
}

.div-block-182 {
  background-color: #d5c0c0;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  min-width: 2.5rem;
  height: 2.5rem;
  margin-right: .5rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.collection-list-wrapper-9 {
  width: 100%;
  position: relative;
}

.collection-list-12 {
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.image-15 {
  position: relative;
}

.div-block-183 {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: relative;
}

.empty-state-4 {
  background-color: #ddd0;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 80%;
  margin-top: 2rem;
  padding: 0;
  display: flex;
  position: relative;
}

.text-block-30 {
  color: #fff;
  letter-spacing: 2px;
  mix-blend-mode: overlay;
  font-size: 1rem;
  line-height: 1;
  position: relative;
}

.empty-state-5 {
  background-color: #ddd0;
  justify-content: center;
  align-items: center;
  margin-bottom: 3rem;
  display: flex;
  position: relative;
}

.text-block-31 {
  letter-spacing: 2px;
  font-size: 1rem;
  line-height: 1;
  position: relative;
}

.text-block-6-link-bio {
  color: #ffffff70;
  text-align: center;
  letter-spacing: 1px;
  border-top: 1px solid #ffffff2b;
  min-width: auto;
  margin-top: 1rem;
  margin-bottom: 2rem;
  padding-top: 1rem;
  padding-left: 2rem;
  padding-right: 2rem;
  font-size: .85rem;
  font-weight: 300;
  line-height: 1;
  position: relative;
}

.text-block-32 {
  color: #ffffff80;
  letter-spacing: 2px;
  width: 70%;
  padding-left: 1rem;
  font-size: .75rem;
  font-weight: 200;
  line-height: 1.2;
  position: relative;
}

.destaque-wrapper-blog {
  align-self: center;
  position: relative;
  transform: scale(.9);
}

.div-block-184 {
  opacity: .35;
  mix-blend-mode: color-dodge;
  background-image: url('../images/logo-preta-sescap-pe.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.social-media-links---linkbio {
  justify-content: center;
  align-items: center;
  min-width: 280px;
  margin-top: 3rem;
  display: flex;
  position: relative;
}

.social-media-links---linkbio.sml_cover {
  justify-content: center;
  align-items: center;
}

.collection-item-8-title {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.collection-list-11-title {
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.collection-list-wrapper-8-title {
  width: 100%;
  position: relative;
}

.collection-list-wrapper-8-title.clw8-2 {
  display: none;
}

.empty-state-4-title {
  background-color: #ddd0;
  justify-content: center;
  align-items: center;
  display: none;
  position: relative;
}

.div-block-185 {
  opacity: .42;
  mix-blend-mode: overlay;
  background-image: url('../images/sescap-proteo-sua-empresa.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 30rem;
  position: relative;
}

.div-block-186 {
  opacity: .2;
  mix-blend-mode: multiply;
  background-image: url('../images/sescap-proteo-sua-empresa.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.paragraph-12_old {
  text-align: justify;
  letter-spacing: .07vw;
  background-color: #fcfcfc;
  margin-bottom: 0;
  padding: 30px 25px 20px;
  font-size: 1vw;
  line-height: 2.3vw;
  display: none;
  position: relative;
}

.italic-text, .italic-text-2 {
  letter-spacing: 0;
}

.bold-text-22 {
  margin-top: 10px;
  margin-right: 5px;
  display: inline-block;
}

.text-block-19_old {
  text-align: justify;
  letter-spacing: .07vw;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 1.18vw;
  line-height: 2vw;
  display: none;
  position: relative;
}

@media screen and (min-width: 1440px) {
  .heading-17 {
    font-size: 22px;
    line-height: 27px;
  }

  .block-card-parceiros {
    padding: 10px 15px;
  }

  .svg-icon.si_page_cursos {
    width: 45px;
    height: 45px;
  }

  .menu-contain {
    justify-content: space-between;
  }

  .navbar-2 {
    display: flex;
  }

  .bg-blue {
    width: 35%;
  }

  .heading-card {
    letter-spacing: .5px;
    font-size: 13px;
    line-height: 17px;
  }

  .heading-card.hd_sescap_em-_acao {
    font-size: 13px;
    line-height: 17px;
  }

  .nav-menu-2 {
    margin-left: 30px;
  }

  .logo-home-link.w--current {
    margin-left: 25px;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .hero-box {
    width: 1100px;
    height: 410px;
    margin-top: 0;
  }

  .paragraph-7 {
    font-size: 14px;
    line-height: 25px;
  }

  .collection-item-4.ci4_acao {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .bold-text-13 {
    font-size: 22px;
  }

  .bg-menu-white {
    width: 65%;
  }

  .heading-cards.hc_page_cursos {
    font-size: 20px;
    line-height: 20px;
  }

  .box-parceiros {
    width: 90%;
    height: 80px;
  }

  .bg-menu-blue {
    width: 35%;
  }

  .button-beneficios {
    letter-spacing: 1px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .button-5 {
    letter-spacing: 1px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 12px;
  }

  .bg-white {
    width: 65%;
  }

  .hamburger-wrap {
    display: none;
  }

  .nav-link {
    letter-spacing: .5px;
    margin-left: .3vw;
    margin-right: .3vw;
    padding: 10px 20px;
    font-size: 12px;
  }

  .nav-link.w--current {
    font-size: 12px;
  }

  .text-block-12 {
    font-size: 16px;
    line-height: 16px;
  }

  .section-hero {
    min-height: 700px;
  }

  .image {
    width: 230px;
  }

  .bold-text-12.bt_page_cursos {
    font-size: 23px;
    line-height: 40px;
  }

  .block-left {
    margin-top: -50px;
    padding-top: 30px;
    padding-left: 25px;
    padding-right: 25px;
  }

  .block-icon.bi_page_cursos {
    width: 80px;
    min-width: 80px;
    height: 80px;
    min-height: 80px;
    margin-bottom: 0;
  }

  .navbar {
    height: 85px;
  }

  .block-card-home {
    padding: 5px 15px;
  }

  .text-hero-slider {
    width: 750px;
    padding-right: 30px;
  }

  .heading-16 {
    font-size: 20px;
    line-height: 25px;
  }

  .image-hero-slider {
    width: 350px;
    min-width: 350px;
    height: 350px;
    min-height: 350px;
  }

  .card-hero-slider {
    padding: 30px 50px;
  }

  .heading-15 {
    font-size: 30px;
    line-height: 35px;
  }

  .block-image {
    min-width: 400px;
    height: 400px;
    min-height: 400px;
  }

  .content-posts {
    max-width: 1000px;
  }

  .heading-18 {
    font-size: 40px;
    line-height: 45px;
  }

  .rich-text-block-2 {
    padding-left: 2.5vw;
    padding-right: 2.5vw;
    font-size: 18px;
    line-height: 30px;
  }

  .paragraph-9 {
    font-size: 19px;
    font-weight: 600;
    line-height: 25px;
  }

  .slide-nav {
    top: 432px;
    right: -109px;
  }

  .heading-19, .text-block-15 {
    font-size: 30px;
    line-height: 35px;
  }

  .text-block-16, .text-block-17 {
    font-size: 15px;
    line-height: 15px;
  }

  .heading-21 {
    font-size: 30px;
    line-height: 35px;
  }

  .paragraph-11 {
    font-size: 17px;
    line-height: 30px;
  }

  .text-block-18 {
    font-size: 17px;
    line-height: 25px;
  }

  .button {
    letter-spacing: 1px;
    font-size: 12px;
    line-height: 12px;
  }

  .block-center-pqec {
    margin-top: -30px;
  }

  .heading-22 {
    font-size: 30px;
    line-height: 35px;
  }

  .text-block-19 {
    font-size: 17px;
    line-height: 30px;
  }

  .paragraph-12 {
    font-size: 14px;
    line-height: 25px;
  }

  .block-logo-footer {
    width: 280px;
    height: 100px;
  }

  .heading_post_hero {
    font-size: 2vw;
    line-height: 2.5vw;
  }

  .paragraph_post_hero.pph_post {
    font-size: 1.3vw;
    line-height: 2vw;
  }

  .parceiro-1 {
    background-size: 50%;
  }

  .parceiro-2 {
    background-size: 60%;
  }

  .heading-curso-post {
    font-size: 13px;
    line-height: 17px;
  }

  .block-title-interna {
    max-width: 1500px;
    margin-top: -4.5vw;
  }

  .paragraph-13 {
    width: 80%;
    font-size: 18px;
    line-height: 23px;
  }

  .bold-text-20 {
    font-size: 23px;
    line-height: 40px;
  }

  .bold-text-21 {
    line-height: 25px;
  }

  .text-block-23, .text-block-24 {
    letter-spacing: 1px;
    font-size: 16px;
    line-height: 25px;
  }

  .button-text-article-page {
    letter-spacing: 2px;
    font-size: 14px;
    line-height: 18px;
  }

  .tipo-article-page {
    letter-spacing: 1px;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
  }

  .image-curso-page {
    width: 250px;
    height: 250px;
  }

  .card-article-page {
    max-width: 300px;
  }

  .collection-item-6 {
    margin-left: 1.5vw;
    margin-right: 1.5vw;
  }

  .heading_curso_page {
    font-size: 16px;
    line-height: 20px;
  }

  .box-content-article-page {
    padding-left: 25px;
    padding-right: 25px;
  }

  .button-text-encerrado, .button-text-lista-de-espera {
    letter-spacing: 2px;
    font-size: 14px;
    line-height: 18px;
  }

  .button-encerrado, .button-text-curso-page-copy, .button-lista-de-espera {
    letter-spacing: 2px;
    font-size: 15px;
    line-height: 20px;
  }

  .block-title-institucional {
    min-width: auto;
  }

  .heading_post_hero-institucional {
    letter-spacing: 1px;
    font-size: 25px;
    line-height: 35px;
  }

  .rich-text-block-2-institucional {
    min-width: auto;
    font-size: 19px;
    line-height: 40px;
  }

  .link-ver-mais {
    font-size: 14px;
  }

  .heading-24 {
    letter-spacing: 1px;
    font-size: 25px;
    line-height: 35px;
  }

  .button-menu {
    letter-spacing: 1px;
    font-size: 12px;
    line-height: 12px;
  }

  .block-image-destaque {
    width: 15vw;
    height: 15vw;
  }

  .text-block-26 {
    font-size: 16px;
    line-height: 16px;
  }

  .g1 {
    opacity: .64;
    filter: blur(100px);
    inset: -15% auto auto 5%;
  }

  .g2 {
    opacity: .41;
    filter: blur(100px);
    background-image: radial-gradient(circle, #ff0084, #d0ff0000);
    inset: auto auto -13% 0%;
  }

  .g3 {
    opacity: .58;
    filter: blur(80px);
    background-image: radial-gradient(circle, #000813, #d0ff0000);
    width: 35vw;
    height: 35vw;
    inset: 0% 0% auto auto;
  }

  .g4 {
    opacity: .64;
    filter: blur(100px);
    background-image: radial-gradient(circle, #093485, #d0ff0000);
    width: 25vw;
    height: 25vw;
    inset: auto 24% 0% auto;
  }

  .block-content-links {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    height: 100%;
    display: flex;
    position: relative;
  }

  .box-content-links {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .link-7 {
    color: #fff;
    border: 1px solid #fff;
    border-radius: 100px;
    padding: 1rem 2rem;
    position: relative;
  }

  .paragraph-12_old {
    font-size: 14px;
    line-height: 25px;
  }

  .text-block-19_old {
    font-size: 17px;
    line-height: 30px;
  }
}

@media screen and (min-width: 1920px) {
  .body {
    background-color: #fff;
  }

  .heading-17 {
    font-size: 27px;
    line-height: 35px;
  }

  .block-buttons-beneficios {
    width: 100%;
    position: relative;
  }

  .block-banner-beneficios {
    height: 350px;
  }

  .menu-contain {
    justify-content: space-between;
    align-items: center;
  }

  .navbar-2 {
    display: flex;
  }

  .bg-blue {
    width: 35%;
  }

  .logo-home-link.w--current {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .hero-box {
    margin-top: 0;
  }

  .bold-text-13 {
    font-size: 27px;
  }

  .block-center {
    width: 60%;
  }

  .card-beneficios {
    width: 300px;
  }

  .bg-white {
    width: 65%;
  }

  .hamburger-wrap {
    display: none;
  }

  .nav-link {
    letter-spacing: 1px;
    font-size: 13px;
  }

  .nav-link.w--current {
    font-size: 13px;
  }

  .section-hero {
    min-height: 700px;
  }

  .image {
    width: 210px;
    min-width: auto;
    margin-top: 5px;
  }

  .block-left {
    width: 20%;
  }

  .text-hero-slider {
    justify-content: center;
    align-items: flex-start;
  }

  .tipo-post {
    font-size: 13px;
  }

  .heading-16 {
    font-size: 20px;
    line-height: 25px;
  }

  .block-image-title {
    max-width: 1350px;
  }

  .block-content {
    max-width: 1600px;
  }

  .section-we-are {
    justify-content: center;
    align-items: center;
  }

  .section-footer {
    background-image: radial-gradient(circle, #336783, #307093);
  }

  .heading_post_hero {
    font-size: 1.7vw;
    line-height: 2.1vw;
  }

  .paragraph_post_hero.pph_post {
    font-size: 1vw;
    line-height: 1.7vw;
  }

  .block-title-interna {
    background-image: none;
  }

  .block-image-title-institucional {
    max-width: 1350px;
  }
}

@media screen and (max-width: 991px) {
  .menu-link {
    margin-top: 2.5vw;
    margin-bottom: 2.5vw;
    font-size: 50px;
    font-weight: 900;
  }

  .heading-17 {
    font-size: 32px;
    line-height: 32px;
  }

  .block-card-parceiros {
    flex-flow: row;
  }

  .svg-icon.si_page_cursos {
    width: 3.5vw;
    height: 3.5vw;
  }

  .block-below-hero {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .bg-blue {
    width: 100%;
    height: 40%;
  }

  .heading-card {
    text-align: center;
    width: 200px;
    margin-top: 20px;
    padding-left: 3px;
    padding-right: 3px;
    font-size: 18px;
    line-height: 28px;
  }

  .heading-card.hd_sescap_em-_acao {
    letter-spacing: .5px;
    width: 95%;
    margin-top: 20px;
    font-size: 18px;
    line-height: 28px;
  }

  .section-pqec {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    padding-top: 80px;
  }

  .block-cards {
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 0;
  }

  .block-cards.bc_acao {
    width: 100%;
  }

  .social-media-links {
    display: none;
  }

  .logo-home-link {
    background-color: #fff0;
    max-height: none;
    margin-left: 0;
    padding: 12px 15px;
  }

  .logo-home-link.w--current {
    padding: 10px 15px;
  }

  .nav-menu {
    display: flex;
    transform: translate(100%);
  }

  .hero-box {
    flex-flow: column;
    width: 100%;
    height: 310px;
    margin-top: 50px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .paragraph-7 {
    font-size: 15px;
    line-height: 28px;
  }

  .collection-item-4 {
    background-color: #00000075;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .collection-item-4:hover {
    background-color: #00000075;
  }

  .collection-item-4.ci4_acao:hover {
    background-color: #6b6b6b08;
  }

  .bold-text-13 {
    font-size: 32px;
  }

  .section-beneficios {
    height: auto;
  }

  .links.navbar {
    position: static;
  }

  .heading-cards {
    padding-right: 10px;
  }

  .heading-cards.hc_page_cursos {
    font-size: 1.8vw;
    line-height: 2.3vw;
  }

  .block-center {
    width: 100%;
  }

  .box-parceiros {
    height: 120px;
    margin-left: 10px;
    margin-right: 10px;
  }

  .collection-list-4 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .collection-list-4.cl4_acao {
    flex-flow: wrap;
    justify-content: center;
    align-items: flex-start;
  }

  .block-right {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin-right: 0;
  }

  .block-title-cards {
    flex-flow: column;
  }

  .block-title-cards.btc_page_cursos {
    margin-top: -3.25vw;
  }

  .collection-list-wrapper-2 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .blocks-white-blue {
    flex-flow: column;
    height: 100%;
    display: none;
  }

  .bg-white {
    width: 100%;
    height: 60%;
  }

  .hamburger-wrap {
    background-color: #36454c;
    display: flex;
  }

  .nav-link.w--current {
    font-size: 12px;
  }

  .collection-list-wrapper-3.clw_acao {
    width: 100%;
  }

  .text-block-12 {
    font-size: 16px;
    line-height: 16px;
  }

  .collection-item-3 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .section-hero {
    background-color: #f7f7f7;
    height: 450px;
    min-height: auto;
  }

  .image {
    width: 220px;
  }

  .bold-text-12.bt_page_cursos {
    font-size: 2vw;
    line-height: 4vw;
  }

  .block-left {
    width: 95%;
    margin-top: -20px;
    margin-left: 0;
  }

  .block-icon.bi_page_cursos {
    width: 6.5vw;
    min-width: 6.5vw;
    height: 6.5vw;
    min-height: 6.5vw;
  }

  .navbar {
    padding-left: 0%;
    padding-right: 0%;
  }

  .image-card {
    width: 180px;
    min-width: 180px;
    height: 180px;
    min-height: 180px;
  }

  .block-card-home {
    flex-flow: column;
    width: 200px;
  }

  .text-hero-slider {
    width: auto;
    height: auto;
    padding-right: 0;
  }

  .tipo-post {
    font-size: 10px;
    line-height: 10px;
  }

  .heading-16 {
    letter-spacing: 0;
    font-size: 17px;
    line-height: 20px;
  }

  .image-hero-slider {
    order: -1;
    width: 250px;
    min-width: 250px;
    height: 250px;
    min-height: 250px;
    margin-right: 20px;
  }

  .card-hero-slider {
    background-color: #dad4d4;
    flex-flow: row;
    width: 100%;
  }

  .icon {
    width: 35px;
    height: 35px;
  }

  .heading-15 {
    font-size: 23px;
    line-height: 23px;
  }

  .section-5 {
    height: 150px;
    display: none;
  }

  .block-image {
    width: 300px;
    min-width: 300px;
    height: 300px;
    min-height: 300px;
    margin-top: 0;
    top: auto;
  }

  .heading-18 {
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 30px;
    line-height: 35px;
  }

  .rich-text-block-2 {
    margin-top: 10px;
    font-size: 2vw;
    line-height: 3vw;
  }

  .block-image-title {
    justify-content: flex-start;
    align-items: center;
  }

  .block-title {
    padding-left: 20px;
  }

  .block-lateral {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin-left: 0;
  }

  .paragraph-9 {
    font-size: 17px;
    line-height: 20px;
  }

  .section-6 {
    padding-top: 100px;
  }

  .block-content {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 95%;
    min-width: auto;
    max-width: none;
    padding-top: 30px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .slider {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .slide-nav {
    display: none;
  }

  .block-left-pqec {
    justify-content: flex-start;
    align-items: center;
    width: 80%;
    height: auto;
  }

  .heading-19 {
    text-align: center;
    font-size: 32px;
    line-height: 32px;
    left: 0;
  }

  .block-right-pqec {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 90%;
    margin-top: 23px;
  }

  .block-image-pqec {
    left: 0;
  }

  .texts-pqec {
    justify-content: flex-start;
    align-self: center;
    align-items: center;
    width: 80%;
    margin-top: 26px;
    left: 0;
  }

  .titles-pqec {
    justify-content: flex-start;
    align-items: center;
    left: 0;
  }

  .logo-pqec-image {
    justify-content: center;
    align-items: flex-start;
    width: 300px;
  }

  .text-block-15 {
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-self: center;
    align-items: flex-start;
    font-size: 32px;
    line-height: 32px;
  }

  .text-block-16 {
    text-align: center;
    padding-left: 0;
    font-size: 15px;
    line-height: 15px;
  }

  .text-block-16.tb16_2, .text-block-16.tb16_3, .text-block-16.tb16_4 {
    margin-left: 0;
  }

  .div-block-82 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    margin-left: 0;
    display: flex;
  }

  .text-block-17 {
    font-size: 15px;
    line-height: 15px;
  }

  .section-we-are {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .block-center-we-are {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    min-width: auto;
    max-width: none;
    height: auto;
    padding-top: 5vw;
  }

  .block-texts-we-are {
    width: 85%;
    margin-top: 5vw;
    margin-bottom: 5vw;
    padding-left: 0;
  }

  .block-image-we-are {
    order: -1;
    width: 50vw;
    height: 50vw;
  }

  .block-image-we-are-2 {
    border-radius: 100%;
    width: 50vw;
    height: 50vw;
  }

  .heading-21 {
    text-align: center;
    letter-spacing: .5vw;
    font-size: 4.4vw;
    line-height: 5vw;
  }

  .block-texts-we-are-2 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    right: auto;
  }

  .paragraph-11 {
    text-align: center;
    font-size: 2.4vw;
    line-height: 4vw;
  }

  .text-block-18 {
    text-align: center;
    width: auto;
    margin-right: 0;
    font-size: 17px;
    line-height: 25px;
  }

  .button {
    letter-spacing: .25vw;
    margin-left: 0;
    font-size: 1.6vw;
    line-height: 1.6vw;
  }

  .button.b_associados_post {
    margin-top: 1vw;
    margin-bottom: 1vw;
  }

  .block-center-pqec {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    min-width: auto;
    margin-right: 0%;
  }

  .block-center-contribuir {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    min-width: auto;
    max-width: none;
  }

  .div-block-96 {
    width: 50vw;
    min-width: 50vw;
    height: 50vw;
    min-height: 50vw;
  }

  .heading-22 {
    letter-spacing: .5vw;
    font-size: 4.4vw;
    line-height: 5vw;
  }

  .text-block-19 {
    font-size: 2.4vw;
    line-height: 4vw;
  }

  .paragraph-12 {
    font-size: 2vw;
    line-height: 4.6vw;
  }

  .menu-cursos {
    display: none;
  }

  .mask {
    box-shadow: none;
    height: 100%;
  }

  .collection-list-wrapper-4 {
    width: 100%;
  }

  .collection-list-5 {
    flex-flow: wrap;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    display: flex;
    position: relative;
  }

  .div-block-163 {
    align-items: flex-start;
    padding-left: 10px;
  }

  .block-logo-footer {
    width: 200px;
    height: 70px;
    margin-bottom: 30px;
  }

  .heading-title {
    font-size: 28px;
    line-height: 38px;
  }

  .block-site-maps {
    width: 250px;
  }

  .block-center-footer {
    width: 768px;
  }

  .block-links-footer {
    min-width: 600px;
  }

  .collection-list-6 {
    flex-flow: wrap;
    justify-content: center;
    align-items: flex-start;
    width: auto;
    display: flex;
  }

  .collection-list-wrapper-5 {
    flex-flow: wrap;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    display: flex;
  }

  .collection-list-7 {
    flex-flow: wrap;
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .heading-23 {
    font-size: 30px;
    line-height: 35px;
  }

  .paragraph_post_hero.pph_post {
    font-size: 2.5vw;
    line-height: 3.8vw;
  }

  .parceiro-1, .parceiro-2 {
    width: 50%;
    height: 80%;
  }

  .block-cards-parceiros {
    width: 90%;
    padding-bottom: 0;
  }

  .section-content-interna {
    padding-top: 17vw;
  }

  .block-title-interna {
    margin-top: 0;
    margin-bottom: 4.5vw;
    padding-bottom: 4.5vw;
  }

  .paragraph-13 {
    font-size: 1.5vw;
    line-height: 2.5vw;
  }

  .bold-text-20 {
    font-size: 2vw;
    line-height: 4vw;
  }

  .bold-text-21 {
    line-height: 1.8vw;
    top: 1.5vw;
  }

  .text-block-23, .text-block-24 {
    font-size: 1.5vw;
    line-height: 2vw;
  }

  .tab-link-tab-1 {
    margin-left: 1.2vw;
    margin-right: 1.2vw;
    padding-left: 2.3vw;
    padding-right: 2.3vw;
  }

  .tab-link-tab-1.w--current {
    margin-left: 1.2vw;
  }

  .tab-link-tab-2, .tab-link-tab-2.w--current {
    margin-left: 1.2vw;
    margin-right: 1.2vw;
    padding-left: 2.3vw;
    padding-right: 2.3vw;
  }

  .button-text-article-page {
    font-size: 1.6vw;
    line-height: 2.7vw;
  }

  .tipo-article-page {
    letter-spacing: .03em;
    font-size: 1.8vw;
    line-height: 2.7vw;
  }

  .image-curso-page {
    width: 20vw;
    height: 20vw;
  }

  .card-article-page {
    max-width: 26vw;
  }

  .collection-item-6 {
    height: 500px;
  }

  .heading_curso_page {
    margin-top: 2.3vw;
    font-size: 1.8vw;
    line-height: 2.5vw;
  }

  .box-content-article-page {
    padding-top: 3vw;
    padding-left: 3vw;
    padding-right: 3vw;
  }

  .button-text-encerrado, .button-text-lista-de-espera, .button-encerrado, .button-text-curso-page-copy, .button-lista-de-espera {
    font-size: 1.6vw;
    line-height: 2.7vw;
  }

  .content-institucional {
    width: 100%;
  }

  .block-image-title-institucional {
    justify-content: flex-start;
    align-items: center;
    margin-top: 0;
  }

  .block-image-institucional {
    width: 100%;
    min-width: 100%;
    height: 200px;
    min-height: 200px;
    margin-top: 0;
    top: auto;
  }

  .block-title-institucional {
    width: 90%;
    min-width: auto;
  }

  .heading_post_hero-institucional {
    font-size: 3vw;
  }

  .paragraph_post_hero-institucional.pph_post-institucional {
    font-size: 2.5vw;
    line-height: 3.8vw;
  }

  .rich-text-block-2-institucional {
    width: 100%;
    min-width: auto;
    margin-top: 10px;
    font-size: 2.5vw;
    line-height: 3.8vw;
  }

  .link-ver-mais {
    margin-left: 0;
    padding-left: 2vw;
    font-size: 14px;
    line-height: 15px;
  }

  .link-ver-mais:hover {
    padding-left: 3.5vw;
  }

  .heading-24 {
    font-size: 3vw;
  }

  .heading-25 {
    font-size: 2.7vw;
  }

  .button-menu {
    letter-spacing: .25vw;
    margin-left: 0;
    font-size: 1.6vw;
    line-height: 1.6vw;
  }

  .destaque-item {
    margin-top: 0;
  }

  .block-image-destaque {
    width: 40vw;
    height: 40vw;
  }

  .text-block-26 {
    color: #307093;
    font-size: 16px;
    line-height: 16px;
  }

  .block-destaque-bio {
    background-color: #0000;
    width: 80%;
    max-width: none;
    padding-left: 0;
    padding-right: 0;
  }

  .social-media-links---linkbio {
    display: flex;
  }

  .paragraph-12_old {
    font-size: 2vw;
    line-height: 4.6vw;
  }

  .text-block-19_old {
    font-size: 2.4vw;
    line-height: 4vw;
  }
}

@media screen and (max-width: 767px) {
  .menu-link {
    margin-top: 16px;
    margin-bottom: 16px;
    font-size: 45px;
  }

  .svg-icon.si_page_cursos {
    width: 3.7vw;
    height: 3.7vw;
  }

  .menu-contain {
    padding-right: 20px;
  }

  .social-media-links {
    display: none;
  }

  .social-media-links.sml_cover {
    display: flex;
  }

  .logo-home-link {
    padding: 20px 10px;
  }

  .logo-home-link.w--current {
    margin-left: 5px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .nav-menu {
    padding-top: 205px;
    padding-bottom: 170px;
  }

  .hero-box {
    height: 260px;
  }

  .menu-links-wrap {
    width: 90%;
    height: auto;
    padding-top: 40px;
    padding-bottom: 60px;
    overflow: auto;
  }

  .links {
    margin-top: 14px;
    margin-bottom: 14px;
    padding-left: 0;
    font-size: 20px;
  }

  .heading-cards.hc_page_cursos {
    font-size: 2.3vw;
    line-height: 2.8vw;
  }

  .block-cover {
    padding-top: 50px;
  }

  .box-parceiros {
    height: 150px;
  }

  .block-title-cards.btc_page_cursos {
    margin-top: -3.5vw;
  }

  .hamburger-wrap {
    border-color: #343434;
  }

  .block-list-beneficios {
    flex-flow: wrap;
  }

  .image {
    width: 250px;
    max-width: 90%;
  }

  .bold-text-12.bt_page_cursos {
    font-size: 2.2vw;
    line-height: 4.2vw;
  }

  .block-icon.bi_page_cursos {
    width: 7vw;
    min-width: 7vw;
    height: 7vw;
    min-height: 7vw;
  }

  .heading-16 {
    margin-top: 5px;
    padding-left: 0;
    font-size: 16px;
    line-height: 18px;
  }

  .image-hero-slider {
    width: 200px;
    min-width: 200px;
    height: 200px;
    min-height: 200px;
    margin-right: 15px;
  }

  .card-hero-slider {
    padding-left: 20px;
    padding-right: 20px;
  }

  .icon {
    width: 30px;
    height: 30px;
  }

  .heading-15 {
    font-size: 19px;
    line-height: 19px;
  }

  .box-tags {
    margin-bottom: 10px;
    padding-left: 10px;
  }

  .block-image {
    width: 300px;
    height: 300px;
  }

  .rich-text-block-2 {
    margin-top: 30px;
    padding-top: 20px;
    font-size: 2.5vw;
    line-height: 4vw;
  }

  .button.b_associados_post-zap {
    background-position: 10px, 0 0;
    background-size: 15px, auto;
    margin-left: 2px;
    margin-right: 2px;
    padding-left: 30px;
    padding-right: 15px;
  }

  .button.b_associados_post-zap:hover {
    background-position: 10px;
    background-size: 15px;
  }

  .div-block-163 {
    align-items: center;
    padding-left: 0;
  }

  .div-block-163.db163_2 {
    border-top: 1px solid #5d95c2;
    margin-top: 10px;
  }

  .heading-title {
    font-size: 25px;
    line-height: 35px;
  }

  .heading-title.ht_footer {
    padding-right: 5px;
    left: auto;
  }

  .block-site-maps {
    width: auto;
  }

  .block-center-footer {
    width: 568px;
  }

  .block-other-links {
    width: auto;
  }

  .block-links-footer {
    flex-direction: column;
    align-items: center;
    min-width: auto;
  }

  .block-title-line.btl_footer {
    justify-content: flex-start;
    align-items: center;
  }

  .block-copyright-and-adress {
    width: 90%;
  }

  .link-6 {
    text-align: center;
  }

  .text-block-6 {
    width: 100%;
    min-width: auto;
    line-height: 18px;
  }

  .parceiro-1, .parceiro-2 {
    width: 80%;
  }

  .section-content-interna {
    padding-top: 20vw;
  }

  .block-title-interna {
    margin-bottom: 5.5vw;
    padding-bottom: 5.5vw;
  }

  .paragraph-13 {
    font-size: 2vw;
    line-height: 3.2vw;
  }

  .bold-text-20 {
    font-size: 2.2vw;
    line-height: 4.2vw;
  }

  .bold-text-21 {
    line-height: 2vw;
    top: 2vw;
  }

  .text-block-23, .text-block-24 {
    font-size: 1.8vw;
    line-height: 2.2vw;
  }

  .tab-link-tab-1 {
    margin-left: 1.5vw;
    margin-right: 1.5vw;
    padding-left: 2.6vw;
    padding-right: 2.6vw;
  }

  .tab-link-tab-1.w--current {
    margin-left: 1.5vw;
  }

  .tab-link-tab-2, .tab-link-tab-2.w--current {
    margin-left: 1.5vw;
    margin-right: 1.5vw;
    padding-left: 2.6vw;
    padding-right: 2.6vw;
  }

  .tipo-article-page {
    letter-spacing: .02em;
    font-size: 2.7vw;
    line-height: 4vw;
  }

  .image-curso-page {
    width: 30vw;
    height: 30vw;
  }

  .card-article-page {
    max-width: 36vw;
  }

  .heading_curso_page {
    font-size: 2.7vw;
    line-height: 3.8vw;
  }

  .block-image-institucional {
    width: 100%;
    height: 200px;
  }

  .rich-text-block-2-institucional {
    margin-top: 30px;
    padding-top: 20px;
  }

  .button-menu.b_associados_post-zap {
    background-position: 10px, 0 0;
    background-size: 15px, auto;
    margin-left: 2px;
    margin-right: 2px;
    padding-left: 30px;
    padding-right: 15px;
  }

  .button-menu.b_associados_post-zap:hover {
    background-position: 10px;
    background-size: 15px;
  }

  .block-image-destaque {
    width: 50vw;
    height: 50vw;
  }

  .social-media-links---linkbio, .social-media-links---linkbio.sml_cover {
    display: flex;
  }
}

@media screen and (max-width: 479px) {
  .menu-link {
    letter-spacing: 2px;
    margin-top: 3vw;
    margin-bottom: 3vw;
    font-size: 30px;
    font-weight: 800;
    line-height: 40px;
    position: relative;
  }

  .heading-17 {
    margin-bottom: 20px;
  }

  .block-card-parceiros {
    flex-flow: column;
  }

  .hamburger-line-1 {
    width: 25px;
  }

  .svg-icon.si_descontos, .svg-icon.si_exclusividade, .svg-icon.si_convenios {
    color: #fff;
  }

  .svg-icon.si_page_cursos {
    width: 8vw;
    height: 8vw;
  }

  .text-block-14 {
    margin-top: 10px;
    font-size: 17px;
  }

  .block-buttons-beneficios {
    z-index: 1;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 90%;
  }

  .bgs-menu {
    display: none;
  }

  .block-banner-beneficios {
    width: 120%;
    margin-top: -10vw;
  }

  .menu-contain {
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    height: 100%;
    margin-top: 0;
    padding-right: 0;
    position: absolute;
    right: 0;
  }

  .heading-card {
    text-align: center;
    letter-spacing: 1px;
    text-shadow: 0 1px 17px #000;
    width: 240px;
    margin-top: 5vw;
    padding-left: 3px;
    padding-right: 3px;
    font-size: 6vw;
    font-weight: 600;
    line-height: 9vw;
  }

  .heading-card.hd_sescap_em-_acao {
    text-align: center;
    letter-spacing: 0;
    text-shadow: none;
    border-top: 1px solid #0000001a;
    width: 95%;
    margin-top: 6vw;
    padding-top: 2vw;
    padding-left: 1vw;
    padding-right: 1vw;
    font-size: 6vw;
    font-weight: 600;
    line-height: 9vw;
  }

  .heading-card.hc_post {
    text-shadow: none;
  }

  .div-block-74 {
    width: 180px;
    margin-top: 20px;
    margin-bottom: 10px;
  }

  .section-pqec {
    padding-top: 30px;
    padding-bottom: 50px;
  }

  .block-cards {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin-bottom: 10vw;
  }

  .block-cards.bc_acao {
    justify-content: flex-start;
    align-items: center;
    width: 95%;
  }

  .social-media-links {
    flex-direction: column;
    order: 1;
    align-self: flex-end;
    width: 30px;
    min-width: auto;
    margin-top: 5px;
    display: none;
  }

  .social-media-links.sml_cover {
    flex-flow: row;
    align-self: center;
    width: 80%;
  }

  .div-block-72 {
    width: 100%;
    margin-left: 10px;
    margin-right: 10px;
  }

  .logo-home-link {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    max-height: none;
    margin-top: 0;
    margin-left: 5px;
    padding: 5px 10px;
    display: flex;
  }

  .logo-home-link.w--current {
    z-index: 1;
    height: 55px;
    max-height: 75px;
    padding: 5px 0;
  }

  .nav-menu {
    background-image: linear-gradient(#ffffff6b 8%, #fff0 19%), url('../images/favicon-32x32.png'), linear-gradient(#3fbafdd6, #307093d9), url('../images/sescap-proteo-sua-empresa.jpg');
    background-position: 0 0, 50%, 0 0, 50%;
    background-repeat: repeat, repeat, repeat, no-repeat;
    background-size: auto, 3px, auto, cover;
    justify-content: center;
    align-items: flex-start;
    padding-top: 100px;
    padding-bottom: 0;
  }

  .hero-box {
    align-items: flex-start;
    height: auto;
    margin-top: 140px;
  }

  .paragraph-7 {
    margin-top: 1vw;
    font-size: 18px;
    line-height: 35px;
  }

  .collection-item-4 {
    background-color: #00000075;
    border-style: solid;
    border-color: #fff0;
    border-radius: 3px;
    flex-flow: wrap;
    width: 90%;
    margin: 5vw 3vw;
    padding: 9vw 1vw;
    box-shadow: 0 2px 5px 4px #0000002e;
  }

  .collection-item-4:hover {
    background-color: #00000075;
  }

  .collection-item-4.ci4_acao {
    background-color: #0000;
    width: 100%;
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 0;
    padding: 30px 0;
  }

  .bg-menu-white {
    width: 100%;
  }

  .menu-links-wrap {
    width: 80%;
    height: auto;
  }

  .section-beneficios {
    margin-top: -19px;
  }

  .links {
    margin-top: 12px;
    margin-bottom: 12px;
  }

  .links.navbar {
    margin-top: 10px;
    margin-bottom: 10px;
    display: flex;
  }

  .heading-cards {
    font-size: 20px;
    line-height: 20px;
  }

  .heading-cards.hc_bg-claro {
    font-size: 17px;
  }

  .heading-cards.hc_page_cursos {
    font-size: 5vw;
    line-height: 7vw;
  }

  .block-center {
    width: 90%;
    min-width: 290px;
    margin-bottom: 0;
  }

  .div-block-73 {
    margin-bottom: 5px;
  }

  .block-cover {
    padding-top: 30px;
  }

  .block-central {
    position: relative;
  }

  .div-block-57 {
    background-color: #636363;
  }

  .box-parceiros {
    align-self: flex-start;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .block-center-interno {
    padding-left: 5px;
    padding-right: 5px;
  }

  .collection-list-4.cl4_acao {
    width: 100%;
  }

  .block-right {
    justify-content: flex-start;
    align-self: center;
    align-items: center;
    width: 90%;
    min-width: 290px;
    margin-right: 0;
    padding: 8vw 5px 10vw;
    top: 0;
  }

  .bg-menu-blue {
    width: 0%;
  }

  .text-block-14_3 {
    margin-top: 0;
    font-size: 17px;
  }

  .button-beneficios {
    display: none;
  }

  .block-title-cards {
    background-color: #00000014;
    width: 90%;
    margin-top: 10px;
    padding-top: 20px;
  }

  .block-title-cards.btc_2 {
    background-color: #0000;
    flex-flow: row;
    align-self: flex-start;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .block-title-cards.btc_page_cursos {
    background-color: #0000;
    width: 97%;
    margin-top: -7.5vw;
    padding-left: 0;
    padding-right: 0;
  }

  .card-beneficios {
    background-color: #f1f1f1;
    width: 90%;
    min-width: 0;
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .button-5 {
    display: none;
  }

  .bg-white {
    height: auto;
  }

  .hamburger-wrap {
    border-color: #fdfdfd;
    margin-left: 0;
    margin-right: 10px;
    padding: 6px 9px;
  }

  .block-list-beneficios {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .collection-list-wrapper-3.clw_acao {
    width: 95%;
  }

  .text-block-12 {
    padding-top: 1vw;
    padding-bottom: 1vw;
    font-size: 6vw;
    line-height: 9vw;
  }

  .section-hero {
    background-color: #903093;
    height: 90vh;
    margin-top: 0;
    display: none;
  }

  .image {
    width: 150px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 0;
  }

  .bold-text-12 {
    font-size: 20px;
  }

  .bold-text-12.bt12_2 {
    font-size: 17px;
  }

  .bold-text-12.bt_page_cursos {
    font-size: 6vw;
    line-height: 12vw;
  }

  .block-left {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    min-width: 290px;
    margin-top: 0;
    padding: 10vw 0 8vw;
  }

  .block-icon {
    width: 65px;
    min-width: 65px;
    height: 65px;
    min-height: 65px;
  }

  .block-icon.bi_2 {
    width: 55px;
    height: 55px;
  }

  .block-icon.bi_page_cursos {
    width: 15vw;
    min-width: 15vw;
    height: 15vw;
    min-height: 15vw;
    margin-bottom: 2vw;
  }

  .navbar {
    background-color: #fff;
    align-items: center;
    height: 70px;
    bottom: 0;
  }

  .text-block-14_2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .image-card {
    width: 65vw;
    min-width: auto;
    height: 65vw;
    min-height: auto;
    box-shadow: 0 2px 8px 6px #0000004f;
  }

  .block-card-home {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .block-card-home.bcc_acao {
    background-color: #00000008;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 15px;
  }

  .hamburger-line-2, .hamburger-line-3 {
    width: 25px;
  }

  .text-hero-slider {
    width: 100%;
    height: auto;
    padding-top: 140px;
    padding-left: 3vw;
    padding-right: 3vw;
  }

  .tipo-post {
    color: #fff;
    letter-spacing: .5vw;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 5.5vw;
    line-height: 18px;
  }

  .heading-16 {
    margin-top: 1.5vw;
    margin-bottom: 4vw;
    font-size: 6svw;
    line-height: 8svw;
  }

  .image-hero-slider {
    order: 0;
    width: 26vw;
    min-width: 26vw;
    height: 26vw;
    min-height: 26vw;
    margin-right: 0;
    position: absolute;
    top: 7vw;
    right: 7vw;
  }

  .card-hero-slider {
    flex-flow: column;
    height: auto;
    padding: 0 10px;
  }

  .icon {
    display: none;
  }

  .heading-15 {
    margin-top: 8vw;
    font-size: 4ch;
    line-height: 5vh;
  }

  .box-tags {
    background-color: #307093;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 32vw;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 5vw;
    position: absolute;
    inset: 4vw auto auto 0%;
  }

  .section-5 {
    height: 110px;
  }

  .block-image {
    border-style: none;
    border-radius: 0;
    width: 100vw;
    min-width: 100vw;
    height: 100vw;
    min-height: 100vw;
    margin-top: 0;
    margin-bottom: 10px;
    top: auto;
    box-shadow: 0 -10px 20px 1px #00000012;
  }

  .content-posts {
    width: 100%;
  }

  .heading-18 {
    width: 100%;
    margin-top: 0;
    font-size: 30px;
    line-height: 35px;
  }

  .rich-text-block-2 {
    width: 100%;
    margin-top: 3vw;
    padding: 2vw 2.5vw 5vw;
    font-size: 4.8vw;
    line-height: 8.5vw;
  }

  .block-image-title {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
  }

  .block-title {
    background-color: #f8f8f8;
    order: -1;
    width: 100%;
    padding: 5vw 15px;
  }

  .block-lateral {
    justify-content: flex-start;
    align-items: center;
    margin-top: 50px;
  }

  .paragraph-9 {
    color: #6d6d6d;
    letter-spacing: .5px;
    margin-bottom: 20px;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
  }

  .section-6 {
    padding-top: 70px;
  }

  .block-content {
    border-top: 10px #307093;
    width: 100vw;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .block-left-pqec {
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
  }

  .heading-19 {
    text-align: center;
    letter-spacing: 0;
    min-width: 330px;
    font-size: 17px;
    line-height: 20px;
    left: 0;
    right: 0;
  }

  .block-right-pqec {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
  }

  .block-image-pqec {
    width: 300px;
    height: 400px;
    padding-top: 5px;
    padding-bottom: 5px;
    left: auto;
  }

  .texts-pqec {
    width: 90%;
    margin-top: 0;
    top: 6px;
    left: auto;
  }

  .image-pqec {
    width: 270px;
    height: 380px;
    left: 7px;
  }

  .border-pqec {
    width: 280px;
    height: 350px;
    transform: none;
  }

  .titles-pqec {
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 0;
    left: 0;
  }

  .logo-pqec-image {
    background-color: #f3f3f3;
    background-size: auto 60px;
    justify-content: center;
    align-self: center;
    align-items: center;
    width: 270px;
    height: 80px;
  }

  .text-block-15 {
    letter-spacing: 0;
    font-size: 22px;
    line-height: 25px;
  }

  .text-block-16 {
    width: 90%;
    margin-bottom: 6vw;
    padding-bottom: 10px;
    font-weight: 500;
  }

  .text-block-16.tb16_2, .text-block-16.tb16_3, .text-block-16.tb16_4 {
    margin-left: 0;
  }

  .div-block-82 {
    width: 100%;
    margin-top: 7vw;
    margin-left: 0;
  }

  .text-block-17 {
    margin-bottom: 3vw;
    padding: 1.5vw 5vw;
    font-size: 13px;
  }

  .section-we-are {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .line_post {
    width: 95%;
    display: none;
  }

  .block-center-we-are {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 95%;
    min-width: auto;
    max-width: none;
    height: auto;
    padding-top: 5vw;
    padding-bottom: 5vw;
    overflow: visible;
  }

  .block-texts-we-are {
    width: 100%;
    padding-left: 0;
  }

  .block-image-we-are {
    order: -1;
    width: 300px;
    height: 300px;
  }

  .block-bg-logo-we-are {
    background-position: 50% 100%;
    width: 300px;
    height: 300px;
  }

  .block-image-we-are-2 {
    background-position: 50% 100%;
    border-radius: 100%;
    width: 300px;
    height: 300px;
    bottom: 2px;
  }

  .heading-21 {
    margin-top: 6vw;
    padding-left: 6vw;
    padding-right: 6vw;
    font-size: 20px;
    line-height: 30px;
  }

  .block-texts-we-are-2 {
    width: 100%;
    right: auto;
  }

  .paragraph-11 {
    margin-top: 6vw;
    padding-left: 6vw;
    padding-right: 6vw;
    font-size: 18px;
    line-height: 35px;
  }

  .block-buttons-we-are {
    flex-flow: wrap;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    margin-top: 6vw;
  }

  .text-block-18 {
    text-align: center;
    letter-spacing: 0;
    width: auto;
    margin-top: 5px;
    margin-right: 0;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 23px;
  }

  .button {
    background-image: radial-gradient(circle, #3babb9, #52779b);
    margin: 1.5vw;
    padding: 4.5vw 7vw;
    font-size: 14px;
    line-height: 12px;
  }

  .button.b_beneficios {
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
  }

  .button.b_we_are {
    margin-top: 1.5vw;
    margin-left: 1.5vw;
    margin-right: 1.5vw;
  }

  .button.b_ler_mais {
    letter-spacing: .5vw;
    margin-left: 0;
    padding: 15px 25px;
    font-size: 4.2vw;
  }

  .button.b_contribuir {
    margin-top: 1.5vw;
    margin-left: 1.5vw;
    margin-right: 1.5vw;
  }

  .button.b_post_hero {
    letter-spacing: .85vw;
    margin-top: 5vw;
    margin-left: 1vw;
    margin-right: 1vw;
    padding: 6vw 10vw;
    font-size: 4vw;
    line-height: 4vw;
  }

  .button.b_we_are-copy {
    margin-bottom: 7px;
  }

  .button.b_associados_post, .button.b_associados_post-zap {
    margin-top: 2vw;
    margin-bottom: 2vw;
    margin-left: 5.5vw;
  }

  .block-center-pqec {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    min-width: auto;
  }

  .section-contribuicao {
    background-color: #f3f3f300;
    margin-top: -8px;
    padding-bottom: 50px;
  }

  .block-center-contribuir {
    flex-flow: column;
    min-width: auto;
    max-width: none;
  }

  .block-image-contribuir {
    justify-content: center;
    align-self: center;
    align-items: flex-start;
  }

  .block-texts-contribuir {
    padding-left: 0;
  }

  .div-block-96 {
    width: 300px;
    min-width: 300px;
    height: 300px;
    min-height: 300px;
  }

  .heading-22 {
    font-size: 20px;
    line-height: 22px;
  }

  .text-block-19 {
    text-align: left;
    letter-spacing: 0;
    font-size: 18px;
    line-height: 35px;
  }

  .paragraph-12 {
    text-align: left;
    align-self: center;
    width: 110%;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 17px;
    line-height: 35px;
  }

  .bold-text-18 {
    font-size: 17px;
  }

  .div-block-99 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .block-buttons-contribuir {
    background-color: #fcfcfc;
    flex-flow: wrap;
    justify-content: flex-start;
    align-self: center;
    align-items: flex-start;
    width: 110%;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .collection-list-wrapper-4 {
    align-self: center;
    width: 90%;
  }

  .div-block-163 {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
  }

  .block-logo-footer {
    position: relative;
  }

  .div-block-77 {
    width: 70px;
    height: 70px;
  }

  .block-gray {
    height: 80px;
  }

  .heading-title {
    letter-spacing: 1px;
    font-size: 23px;
    line-height: 30px;
  }

  .heading-title.ht_footer {
    font-size: 17px;
  }

  .block-site-maps {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .block-center-footer {
    width: 97%;
    margin-top: 50px;
  }

  .block-other-links {
    justify-content: flex-start;
    align-items: center;
  }

  .block-links-footer {
    width: 95%;
  }

  .block-title-line {
    margin-bottom: 20px;
  }

  .text-block-6-copy {
    letter-spacing: 0;
    width: 90%;
    min-width: auto;
  }

  .block-copyright-and-adress {
    justify-content: flex-start;
    align-items: center;
    padding-left: 0%;
    padding-right: 0%;
  }

  .block-line {
    margin-top: 10px;
  }

  .block-line.bl_footer {
    width: 120%;
  }

  .link-6 {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 15px;
    position: static;
  }

  .text-block-6 {
    text-align: center;
    letter-spacing: 0;
    width: 100%;
    min-width: auto;
    padding-left: 0;
    padding-right: 0;
    font-size: 13px;
    font-weight: 400;
    line-height: 17px;
  }

  .collection-list-7 {
    flex-flow: wrap;
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .logo-mobile {
    background-image: url('../images/logo-azul-horizontal-sescap-pe.png');
    background-position: 50% 60%;
    background-repeat: no-repeat;
    background-size: auto 40px;
    width: 180px;
    height: 100%;
    display: none;
    position: relative;
  }

  .div-block-165 {
    background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100px;
    height: 100px;
    display: flex;
  }

  .heading-23 {
    margin-top: 10vw;
    margin-bottom: 10vw;
    font-size: 31px;
    line-height: 32px;
  }

  .section-hero-mob {
    background-color: #f0f0f0;
    background-image: linear-gradient(#f0f0f069, #f0f0f069), linear-gradient(#f0f0f0 74%, #fff0 87%), linear-gradient(#bbb0 82%, #f0f0f0), url('../images/executivo-protegendo.jpg');
    background-position: 0 0, 0 0, 0 0, 50% 100%;
    background-repeat: repeat, repeat, repeat, no-repeat;
    background-size: auto, auto, auto, 100%;
    background-attachment: scroll, scroll, scroll, scroll;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: auto;
    display: flex;
    position: relative;
  }

  .hero-box-mob {
    background-color: #0000;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    display: flex;
    position: relative;
  }

  .card-hero-mob {
    background-color: #0000;
    flex-flow: column;
    justify-content: flex-start;
    align-self: center;
    align-items: center;
    width: 95vw;
    height: auto;
    margin-top: 90px;
    padding-bottom: 0;
    display: flex;
    position: relative;
  }

  .box-iimage {
    background-color: #fff0;
    background-image: radial-gradient(circle, #3babb9, #52779b);
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: auto;
    padding: 10px 20px;
    display: flex;
  }

  .text-block-22 {
    color: #fff;
    letter-spacing: .25vw;
    text-transform: uppercase;
    font-size: 4vw;
    font-weight: 500;
    line-height: 4vw;
    position: relative;
  }

  .image-hero-mob {
    background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 25vw;
    height: 25vw;
    position: relative;
  }

  .box-title {
    width: 100%;
    height: auto;
    padding: 10vw 2.5vw;
    position: relative;
  }

  .left-arrow-2, .right-arrow-2, .slide-nav-2 {
    display: none;
  }

  .slider-2 {
    background-color: #ddd0;
    height: 100%;
  }

  .mask-2, .slide {
    height: 100%;
  }

  .slide-2 {
    height: auto;
  }

  .collection-list-wrapper-6 {
    height: 100%;
    position: relative;
  }

  .heading_post_hero {
    color: #000;
    letter-spacing: .25vw;
    -webkit-text-stroke-width: .2px;
    margin-bottom: 3vw;
    margin-left: 1vw;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 8vw;
    font-weight: 700;
    line-height: 10vw;
    position: relative;
  }

  .div-block-171 {
    justify-content: flex-start;
    align-items: center;
    height: auto;
    font-size: 30px;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .div-block-172 {
    z-index: 1;
    background-color: #0000;
    justify-content: center;
    align-self: center;
    align-items: center;
    width: 100px;
    height: 50px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
    position: absolute;
    inset: auto 0% 0%;
  }

  .collection-item-5 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: auto;
    display: flex;
    position: relative;
  }

  .collection-list-8 {
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
  }

  .paragraph_post_hero {
    padding-left: 5px;
    padding-right: 5px;
    font-size: 5vw;
    line-height: 7vw;
    display: none;
    position: relative;
  }

  .paragraph_post_hero.pph_post {
    margin-bottom: 3.75vw;
    padding-left: 1.5vw;
    padding-right: 1.5vw;
    font-size: 5.5vw;
    line-height: 8vw;
    display: flex;
  }

  .button-9 {
    margin-top: 5px;
    margin-left: 3px;
  }

  .block-cards-parceiros {
    justify-content: flex-start;
    align-items: center;
    width: 95%;
    margin-bottom: 30px;
  }

  .block-cards-parceiros.bc_acao {
    justify-content: flex-start;
    align-items: flex-start;
    width: 90%;
  }

  .heading-curso-post {
    padding-left: 10px;
    font-size: 15px;
    line-height: 17px;
  }

  .section-content-interna {
    padding-top: 30vw;
  }

  .block-title-interna {
    width: 95%;
    margin-bottom: 7vw;
    padding-bottom: 8vw;
  }

  .box-title-interna {
    width: 90%;
  }

  .box-content-interna {
    width: 90%;
    margin-top: 5vw;
  }

  .paragraph-13 {
    width: 87%;
    font-size: 4.5vw;
    line-height: 7vw;
  }

  .bold-text-20 {
    font-size: 6vw;
    line-height: 12vw;
  }

  .bold-text-21 {
    line-height: 6vw;
    top: 3vw;
  }

  .tabs-content {
    margin-top: 4vw;
  }

  .text-block-23, .text-block-24 {
    font-size: 4vw;
    line-height: 5vw;
  }

  .tab-link-tab-1 {
    margin-left: 1vw;
    margin-right: 1vw;
    padding-left: 2vw;
    padding-right: 2vw;
  }

  .tab-link-tab-1.w--current {
    margin-left: 1vw;
  }

  .tab-link-tab-2, .tab-link-tab-2.w--current {
    margin-left: 1vw;
    margin-right: 1vw;
    padding-left: 2vw;
    padding-right: 2vw;
  }

  .button-text-article-page {
    font-size: 4.5vw;
    line-height: 6vw;
  }

  .tipo-article-page {
    letter-spacing: .05em;
    margin-bottom: 2vw;
    font-size: 4vw;
    line-height: 6vw;
  }

  .image-curso-page {
    width: 74vw;
    height: 74vw;
    margin-right: 0;
  }

  .card-article-page {
    width: 85vw;
    max-width: none;
  }

  .collection-item-6 {
    height: 550px;
    margin-left: 1vw;
    margin-right: 1vw;
  }

  .heading_curso_page {
    margin-top: 5vw;
    font-size: 5.5vw;
    line-height: 8vw;
  }

  .box-content-article-page {
    padding-top: 5vw;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .button-text-encerrado, .button-text-lista-de-espera, .button-encerrado, .button-text-curso-page-copy, .button-lista-de-espera {
    font-size: 4.5vw;
    line-height: 6vw;
  }

  .content-institucional {
    width: 100%;
  }

  .block-image-title-institucional {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    padding-bottom: 0;
  }

  .block-image-institucional {
    border: 10px #2d698a;
    border-radius: 0;
    width: 100vw;
    min-width: auto;
    height: 200px;
    min-height: auto;
    margin-top: 0;
    margin-bottom: 0;
    top: auto;
    box-shadow: 0 -10px 20px 1px #00000012;
  }

  .block-title-institucional {
    background-color: #f3f3f3;
    order: 0;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    padding: 8vw 4vw 6vw;
  }

  .heading_post_hero-institucional {
    text-align: left;
    -webkit-text-stroke-width: .2px;
    margin-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 7vw;
    font-weight: 700;
    line-height: 9vw;
    position: relative;
  }

  .paragraph_post_hero-institucional {
    padding-left: 5px;
    padding-right: 5px;
    font-size: 5vw;
    line-height: 7vw;
    display: none;
    position: relative;
  }

  .paragraph_post_hero-institucional.pph_post {
    padding-left: 1.5vw;
    padding-right: 1.5vw;
    line-height: 9vw;
    display: flex;
  }

  .paragraph_post_hero-institucional.pph_post-institucional {
    color: #000c;
    text-align: left;
    padding-left: 1.5vw;
    padding-right: 1.5vw;
    font-size: 5.5vw;
    line-height: 8vw;
    display: flex;
  }

  .line_post-institucional {
    width: 95%;
    display: none;
  }

  .rich-text-block-2-institucional {
    width: 100%;
    max-width: none;
    margin-top: 5vw;
    padding: 2vw 2.5vw 5vw;
    font-size: 4.8vw;
    line-height: 8.5vw;
  }

  .gradient-image {
    display: none;
  }

  .link-ver-mais {
    letter-spacing: .5vw;
    margin-top: 8vw;
    padding-bottom: 2vw;
    padding-left: 5vw;
    padding-right: 5vw;
    font-size: 5vw;
    line-height: 5vw;
  }

  .link-ver-mais.lvm_for_bg_whit {
    align-self: center;
  }

  .block-buttons-area-associados-posty {
    background-color: #f3f3f3;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 8vw;
  }

  .heading-24 {
    font-size: 9vw;
    line-height: 11vw;
  }

  .heading-25 {
    font-size: 8vw;
    line-height: 10vw;
  }

  .block-buttons {
    background-color: #f3f3f3;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 8vw;
  }

  .button-menu {
    background-image: radial-gradient(circle, #3babb9, #52779b);
    margin-top: 2vw;
    margin-bottom: 2vw;
    margin-left: 0;
    font-size: 14px;
    line-height: 12px;
  }

  .button-menu.b_beneficios {
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
  }

  .button-menu.b_we_are {
    margin-bottom: 7px;
  }

  .button-menu.b_ler_mais {
    letter-spacing: .5vw;
    margin-left: 0;
    padding: 15px 25px;
    font-size: 4.2vw;
  }

  .button-menu.b_post_hero {
    margin-left: 10px;
  }

  .button-menu.b_we_are-copy {
    margin-bottom: 7px;
  }

  .button-menu.b_associados_post, .button-menu.b_associados_post-zap {
    margin-top: 2vw;
    margin-bottom: 2vw;
    margin-left: 5.5vw;
  }

  .collection-list-10 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .block-buttons-menu {
    background-color: #f3f3f3;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 8vw;
  }

  .block-image-destaque {
    width: 80vw;
    height: 80vw;
  }

  .text-block-26 {
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
  }

  .box-content-links {
    padding-bottom: 0;
  }

  .title-cursos {
    letter-spacing: 2px;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .block-destaque-bio {
    background-color: #0000;
    width: 95%;
    margin-top: 2rem;
  }

  .div-block-181 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .heading-28 {
    letter-spacing: 1px;
    font-size: 1rem;
  }

  .text-block-6-link-bio {
    letter-spacing: 0;
    width: 90%;
    min-width: auto;
    margin-top: 0;
  }

  .social-media-links---linkbio {
    margin-top: 2rem;
  }

  .social-media-links---linkbio.sml_cover {
    flex-flow: row;
    align-self: center;
    width: 80%;
  }

  .paragraph-12_old {
    text-align: left;
    align-self: center;
    width: 110%;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 17px;
    line-height: 35px;
  }

  .text-block-19_old {
    text-align: left;
    letter-spacing: 0;
    font-size: 18px;
    line-height: 35px;
  }
}