.submitted-message {
    border-radius: 4px;
    border: 1px solid #009688;
    background: #0096880d;
    padding: 16px;
    color: black;
    height: 100%;
    display: block;
    position: relative;
    float: left;
    width: 100%;
}

.submitted-message. span {
    color: black !important;
}


ul.inputs-list {
    padding: 0;
    margin: 0;
    text-decoration: none;
    list-style-type: none;
}

.legal-consent-container .hs-form-booleancheckbox-display input {
    float: left;
    width: auto;
}

/* Inputs */
.form-contato  input, .form-contato select, .form-contato textarea {
    background: #fff;
    border: 1px solid #E7E9EE;
    border-radius: 4px;
    padding: 12px 8px;
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, .02);
    width: 100%;
    font-size: 16px;
}

.form-contato input.hs-button.primary.large:hover {background: #00C716!important;}
select, textarea { width:98%!important; }

.form-contato  input::placeholder{  color:#B2B7C2; }

.hs-fieldtype-text,.hs-fieldtype-phonenumber {
    width: 48%;
    display: block;
    float: left;
    margin-right: 2%;
}

.hs-richtext p { font-size:14px!important; }
.form-contato  label  {
    font-family: Ubuntu;
    font-size: 14px;
    font-style: normal;color: #667085;    width: 100%;
    font-weight: 500;
    line-height: 140%;    margin-top: 16px;
}


.form-contato input.hs-button.primary.large{
    background: #420080;
    color: #fff;
    border: none;
    border-radius: 6px; transition: 0.3s;
    box-shadow: 0 10px 20px rgba(75, 22, 184, .25);
    font-size: 16px;
    padding: 13px;
    margin-top: 26px;
}

.form-contato  input.hs-button.primary.large:hover {   background: #420080;}


.form-contato { width:100%; position:relative; display:block; float:left; padding:24px 24px 80px 24px;  }


.form-contato p {color: #667085;
    font-family: Ubuntu;
    font-size: 14px;
    text-align: left;
    float: left;
    display: block;
    font-style: normal;
    font-weight: 300;
    padding-right: 0px;
    line-height: 26px;
    letter-spacing: 0px;}




.form-contato-footer {
    width: 100%;
    position: relative;
    display: flex
;
    float: left;
    padding: 24px;
    background: url(../images/banner-contato-footer.jpg) no-repeat;
    background-size: cover;
    height: 100%;
    border-radius: 24px;
    overflow: hidden;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
}


.form-contato-footer h2 {font-family: Ubuntu;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    color: #fff;
    line-height: normal;
    letter-spacing: -0.64px;}

.form-contato-footer p {font-family: Ubuntu;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    color: #fff;
    line-height: normal;
    letter-spacing: -0.64px;}

    form#hsForm_5f38e02a-f199-446e-b7bd-bcc540948a42 {
    padding: 24px;
    border-radius: 24px;
    border: 1px solid #e9e9e9;
}



#menu2 nav #interna{width: 100%;
    position: relative;
    display: block;
    float: left;
    text-align: center;
    background: linear-gradient(294deg, rgb(86 11 155 / 91%) 9.06%, rgb(66 11 137) 94.84%);
    backdrop-filter: blur(6px);
    border-bottom: 2px solid #611ea1;box-shadow: 8px 8px 32px 0px rgba(120, 38, 242, 0.20);
border-bottom: 4px solid var(--Purple-050, #A080C0);

    padding: 15px 10px;
    border-radius: 8px;}


    #menu2 nav.navbar.navbar-expand-md.fixed-top {    height: 95px;
    background: #fff;
    backdrop-filter: blur(6px);
    border-bottom: none;
    padding: 32px;}



.hero-section-interna {margin-top: 130px;}

.hero-section-interna button {margin: 32px 0;}

.hero-section-interna figure img {width: 100%}


.hero-button { background:#00C716; color:#fff; border:1px solid #fff; }

.hero-section-interna .hero-title {
    color: #420080;
    font-family: Ubuntu;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;text-align: left; float: left;
    line-height: normal;    margin-top: 96px;
    letter-spacing: -0.8px; }

    .hero-section-interna .hero-title b {color: #00C716;  font-weight: 500;}


.hero-section-interna .hero-subtitle {
    color: #667085;
    font-family: Ubuntu;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 25px;
    letter-spacing: -0.48px;
    position: relative;
    display: block;
    float: left;
    text-align: left;
    margin-top: 8px;
}



/* secao banner small ------*/


.banner-section { width:100%; position:relative; display:block; float:left;  background: #fff}

.banner-section .banner {
    position: relative;
    width: 100%;
    height: auto;
    display: flex
;
    margin: 50px 0;
    float: left;
    padding: 48px;
    border-radius: 24px;
    background: url(../images/bg-banner-cta.jpg) no-repeat;
    background-size: cover;
    align-items: center;
    align-content: center;
    justify-content: center;
    flex-direction: row;
}

.banner-section .banner figure#icon {
    width: 64px;
    background: #420080b8;
    border: 1px solid #ab52ff87;
    height: 64px;
    border-radius: 8px;
    padding: 8px;
    display: block;
    float: left;
    margin-right: 16px;
    display: flex
;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
}
.banner-section .banner h1 {
    color: #FFF;
    width: auto;
    text-align: left;
    position: relative;
    font-family: Ubuntu;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: -0.64px;
    display: block;
    margin: 0;
}

.banner-section .banner p { color: #FFF;

/* Heading-Semibold/heading-32 */ width: 100%; text-align: left; float: left; display: block; position: relative;
font-family: Ubuntu;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.64px;}


.banner-section .banner figure#atendente {
    float: right;
    bottom: 0;
    right: 10%;
    position: absolute;
    margin: 0;
    text-align: right;
}

.banner-section .banner figure#atendente img { width:60%; }

.section-exigencias {
    background-color: #420080;
    width: 100%;
    position: relative;
    display: block;
    float: left;
    padding: 80px 0;
}


.section-exigencias { width: 100%; position: relative; display: block; float: left; padding:80px 0;
  background-color: #f7f7f7;
}

.section-exigencias .col-lg-6.mt-5.mt-lg-0 {padding-left: 72px;}

.section-exigencias .text-muted {color: #667085;
    font-size: 18px!important;
    font-weight: 300;}

p.fw-bold.text-purple.mb-4 { font-weight:400!important; }



.floating-box {
    position: relative;
    background: #fff;
    border-radius: 16px;
    padding: 32px 20px;
    border-left: 3px solid #80E38A;
    width: 100%;
    margin-top: 380px;
    display: block;
}
.floating-box svg { margin-right:16px }

.floating-box strong{
  color: #420080;font-family: Ubuntu;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 30px; /* 125% */
letter-spacing: -0.48px;
}

.floating-box strong b{ color: #858585; font-weight: 300; }


.card-foto {
    padding: 24px;
    background: url(../images/img-card-normas.png) no-repeat;
    background-size: contain;
    height: auto;
}
.icon-badge {


.small, small {
    font-size: 16px;
}
  display: inline-block;
}

.exigencias-list li {
    margin: 32px 0;
    display: block
;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    color: #747474;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: center;
    justify-content: flex-start;
}

 .estrutura-completa {
      padding: 60px 0;
    }
    .estrutura-completa .icone-box {
      width: 68px;
      height: 68px;    margin-right: 16px;
      
    }
    .estrutura-completa .icone-box i {
      font-size: 24px;
      color: white;
    }
    .estrutura-completa h3 {
    color: var(--Purple-100, #420080);
    font-family: Ubuntu;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 31px;
    letter-spacing: -0.64px;
    }
    .estrutura-completa h3 b {
    color: #667085;

/* Heading-light/Heading-32 */
font-family: Ubuntu;
font-size: 32px;
font-style: normal;
font-weight: 300;
line-height: 45px;    margin-bottom: 40px;
letter-spacing: -0.64px;    clear: both;
    display: block;
    width: 100%;
    }
    .estrutura-completa .card {
      border: 1px solid #eee;
      border-radius: 12px;
      box-shadow: 0px 4px 12px rgba(105, 0, 209, 0.04);
      padding: 24px;
      height: 100%;
      transition: all 0.3s ease;
    }
    .estrutura-completa .card:hover {
      box-shadow: 0px 8px 20px rgba(105, 0, 209, 0.08);
    }
    .estrutura-completa .card-icon {
      width: 40px;
      height: 40px;
      background: #f8f5fd;
      border-radius: 8px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 12px;
    }
    .estrutura-completa .card-icon img {
      width: 24px;
      height: 24px;
    }
    .estrutura-completa .card-title {
      font-size: 18px;
      font-weight: 600;
      color: #420080;
    }
   .estrutura-completa .card-text {
    font-size: 16px;
    font-weight: 300;
    color: #667085;
}
    .slide-section {
   padding: 124px 0;
    width: 100%;
    position: relative;
    display: block;
    float: left;
    background: #fff;
    }

    .image-card {
    background: linear-gradient(to top, rgba(76, 0, 130, 0.7), transparent), url(../images/img-relato.png) center / cover no-repeat;
    border-radius: 16px;
    min-height: 480px;
    position: relative;
    overflow: hidden;
}

.image-card figure {
    width: 48px;
    height: 48px;
    background: #5c1bb4;
    border-radius: 6px;
    float: left;
    position: relative;
    display: flex
;
    align-items: center;
    justify-content: center;
}


.slide-section .slide h3 {   color: #420080;

/* Heading-Semibold/heading-32 */
font-family: Ubuntu;
font-size: 28px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: -0.64px;}

.slide-section h3 b {
       color: #667085;
    font-family: Ubuntu;
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.64px;
    clear: both;
    position: relative;
    display: block;
    float: left; margin-bottom: 32px;
}

.d-flex.slide {    margin-right: 16px;}
    .image-card .text-overlay {
      position: absolute;
      bottom: 0;
      padding: 24px;
      color: white;
    }

    .image-card .text-overlay i {
      font-size: 20px;
      margin-right: 10px;
      color: #00ff85;
    }
.image-card .text-overlay p {
    margin: 0;
    font-size: 20px;
    font-weight: 200;
    width: 100%;
    position: relative;
    display: block;
    float: left;
    clear: both;
}
    .image-card .text-success {
      color: #00F71D !important; font-weight: 600;
    }

    .tabs-custom .nav-link {
      font-weight: 500;
      font-size: 14px;
      color: #999;
    }

    .tabs-custom .nav-link.active {
      color: #2e026d;
      border-bottom: 2px solid #00ff85;
      background-color: transparent;
    }

    .tabs-custom .nav-link:hover {
      color: #2e026d;
    }


    .highlight-text {
      color: #6900d1;
    }

    h3 {
      font-size: 24px;
      font-weight: 600;
    }

 .icone-box {
      width: 80px;
      height: 80px; background: none;padding: 0; margin-right: 16px;
    }
    .icone-box img {
     width: 100%;
    }
    .tab-custom {
      border: none;
    }
.tab-custom .nav-link {
    background: none;
    border: none;
    text-align: left;
    color: #420080;
    font-weight: 500;
    font-size: 14px;
    opacity: 0.5;
    width: 100%;
    padding: 16px 0;
    padding-left: 0;
    display: flex
;
    flex-direction: column;
    align-content: center;
    border-bottom: 2px solid #ddd;
    justify-content: flex-start;
}

    .tab-custom .nav-link p {
        font-size: 16px;
        width: 100%;
        display: block;
        float: left; line-height: 25px;
        position: relative; margin-top: 8px;margin-bottom: 0;
    }

.tab-custom .nav-link p b {font-weight: 300;}

.slide-section .nav-item svg {
    background: #ECE6F24D;
    border-radius: 8px;
    padding: 8px;
    width: 40px;
    height: 40px; ;
}

.slide-section .nav-item { width:33%; float:left; display:block; position:relative; }


    .tab-custom .nav-link.active {
      color: #420080;opacity: 1;
      font-weight: 600;
      border-bottom: 2px solid #00C716;
    }
    .tab-custom .nav-link i {
      font-size: 18px;
      margin-right: 8px;
    }
    .tab-content p {
     color: var(--Gray-100, #667085);

/* Heading-light/Heading-16 */
font-family: Ubuntu;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 30px; /* 187.5% */
letter-spacing: -0.32px;
    }

.tab-content>.active {
    display: block;
    height: 200px;
}

.denuncias-estrategico {
  width: 100%; position: relative; display: block; float: left;
  background: linear-gradient(to right, #45008C 50%, #ffffff 50%);    padding: 140px 100px;
}

.denuncias-estrategico .box.roxo {
   
    color: white;
    padding: 0 !important;
    width: 100%;
    position: relative;
    display: block;
    float: left;
}

.denuncias-estrategico .box.roxo svg {
    width: 64px;
    height: auto;
    border: 1px solid #A080C0;
    padding: 16px;
    border-radius: 8px;
    margin-right: 16px;
    margin-top: 6px;
}

.denuncias-estrategico .box.white {
  
    padding: 0 !important;
    width: 100%;
    position: relative;
    display: block;
    float: left;
    margin-left: 40px;
}

.denuncias-estrategico .text-purple {
  color: #45008C;
}

.denuncias-estrategico .box.white svg {width: 64px;
    height: auto;
    border: 1px solid #e7e7e7;
    padding: 16px;
    border-radius: 8px;
    margin-right: 16px;
    margin-top: 6px;}

    .denuncias-estrategico .box.white h2 {color: var(--Purple-100, #420080);
    font-family: Ubuntu;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.64px;}

      .denuncias-estrategico  ul li {color: var(--base-white, #FFF);

/* Heading-light/Heading-16 */
font-family: Ubuntu;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 30px; /* 187.5% */
letter-spacing: -0.32px;}

    .box.white p {color: var(--Gray-100, #667085);

/* Heading-light/Heading-16 */
font-family: Ubuntu;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 25px; /* 187.5% */
letter-spacing: -0.32px;}

    .box.white ul li {margin: 24px 0;
    color: var(--Gray-100, #667085);
    font-family: Ubuntu;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 30px;
    letter-spacing: -0.32px;}


img#img-centro {
    position: absolute;
    width: auto;
    left: 42%;    top: 15%;
}

.denuncias-estrategico .box.roxo p {font-weight: 200;margin:0 0 32px 0;        font-weight: 300;}

.denuncias-estrategico h2 {/* Heading-Semibold/heading-32 */
font-family: Ubuntu;
font-size: 32px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.64px;}

.denuncias-estrategico ul li {
 margin: 24px 0;
    color: #fff;
    font-family: Ubuntu;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 30px;
    letter-spacing: -0.32px;
}
.denuncias-estrategico .list-unstyled li svg {padding: 0 !important;
    border: none !important;
    width: auto !important;
    margin-top: 0 !important;
    margin-right: 8px !important;}

    
/* Segunda seção - Canal de Denúncias */
.benefits-section {
    padding-top: 80px;
    padding-bottom: 0;
    width: 100%;
    position: relative;
    display: block;
    float: left;
    background: #fff;
}


.benefits-section .d-flex figure {    border-radius: 8px;
    border: 1px solid var(--Purple-010, #ECE6F2);
    opacity: 0.8;
    background: var(--base-white, #FFF);
    box-shadow: 2px 4px 6px 1px rgba(128, 192, 172, 0.25);
    width: 40px;
    height: 40px;
    display: flex
;
    align-items: center;
    justify-content: center;}

.benefits-section .d-flex { margin:0 0 24px 0 }

.benefits-section .icone-box {
  width: 68px;
  height: 68px;

}

.benefits-section .icone-box i {
  font-size: 24px;
  color: white;
}

.benefits-section h3 {
color: var(--Purple-100, #420080);

/* Heading-Semibold/heading-32 */
font-family: Ubuntu;
font-size: 32px;
font-style: normal;
font-weight: 500;
line-height: 31px;
letter-spacing: -0.64px;
}

.benefits-section h3 b {
color: var(--Gray-100, #667085);

/* Heading-light/Heading-32 */
font-family: Ubuntu;
font-size: 32px;
font-style: normal;
font-weight: 300;
line-height: 45px;
letter-spacing: -0.64px;clear: both;
    display: block;
    width: 100%;
}

.benefits-section .icon {
  color: #00FF85;
  font-size: 22px;
  margin-top: 4px;
  margin-right: 10px;
  flex-shrink: 0;
}

.benefits-section h5 {
color: var(--Purple-100, #420080);

/* Heading-Semibold/Heading-20 */
font-family: Ubuntu;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 26px; /* 130% */
letter-spacing: -0.4px;
}

.benefits-section p {
     color: var(--Gray-100, #667085);
    font-family: Ubuntu;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 30px;
    letter-spacing: -0.32px;
}



.section-6 { width:100%;position:relative; display:block; float:left; padding:64px 0; border-radius: 8px;
background: var(--Purple-100, #420080);}


.section-6 h2 {color: var(--base-white, #FFF);

/* Heading-Semibold/heading-32 */
font-family: Ubuntu;
font-size: 32px;
font-style: normal;
font-weight: 300;margin-bottom: 32px;
line-height: normal;
letter-spacing: -0.64px;}
.section-6 h2 b {color: var(--base-white, #FFF);

/* Heading-Semibold/heading-32 */
font-family: Ubuntu;
font-size: 32px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: -0.64px;}
.section-6 p {color: var(--Purple-010, #ECE6F2);

/* Heading-light/Heading-16 */
font-family: Ubuntu;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 30px; /* 187.5% */ margin-bottom: 32px;
letter-spacing: -0.32px;}
.section-6 p b {color: var(--base-white, #FFF);

/* Heading-Semibold/Heading-16 */
font-family: Ubuntu;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 30px; /* 187.5% */
letter-spacing: -0.32px;}

.section-6 figure { width:100%; }
.section-6 figure img{ width:100%; }


.blog-title-section {
    width: 100%;
    padding: 96px 0 48px 0;
    margin: 24px 0 0 0;
    position: relative;
    display: block;
    float: left;
    border-bottom: 1px solid #ECE6F2;
    background: url(../images/divider-blog.png) no-repeat;
    background-position: top;
}

.card-post {
    border-right: 1px solid #ECE6F2;
    position: relative;
    display: flex
;
    float: left;
    width: 100%;
    padding: 24px;
    transition: 0.3s;
    flex-direction: column;
    align-content: flex-start;
    align-items: flex-start;
}

.card-post:hover {
    box-shadow: 0px 24px 32px 0px #ECE6F2;
    border-bottom: 1px solid #760de0;
}

.card-post:hover h1 {color: #420080; }

.card-post span { background:#ECE6F2; border-radius:4px;color: #420080; padding: 4px 8px; transition: 0.3s;
/* Body-medium/body-12 */
font-family: Ubuntu;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 16.8px */ }
.card-post h1 {color: #1E1F20;
transition: 0.3s;
/* Heading-Semibold/Heading-20 */
font-family: Ubuntu;
font-size: 18px; text-align: left; float: left; display: block;
font-style: normal; margin: 0;
font-weight: 500; padding-right: 0;
line-height: 26px; /* 130% */
letter-spacing: -0.4px;}


.card-post p {
    color: #667085;
    font-family: Ubuntu;
    font-size: 16px;
    text-align: left;
    float: left;
    display: block;
    font-style: normal;
    font-weight: 300;
    padding-right: 0px;
    line-height: 26px;
    letter-spacing: 0px;
}

.card-post svg {
    margin-left: 0px; transition: 0.3s;
}



.card-post:hover svg {margin-left: 10px;}
.card-post figure { transition:0.3s; width:100%; height: 210px; border-radius: 8px; position:relative; float:left; overflow:hidden; }
.card-post figure img{ transition:0.3s; width:100%; position:relative; float:left; }
.card-post:hover figure img {width: 105%; }

.card-post:hover span {background: #420080; color: #fff;}
.divider { width:100%; position:relative; display:block;float:left; background:#ECE6F2; height:1px; margin-bottom:64px; }


.blogpost .col-sm-4 {padding: 0;}




/***---------------------- MEDIA QUERYS 0------------------0------------------0------------------0------------------0------------------
 * 0------------------0------------------0------------------0------------------0------------------0------------------
 * 
 * 0------------------0------------------0------------------0------------------0------------------0-----------------*/



@media (min-width: 1950px) {

}

@media (max-width: 1920px) {

    img#img-centro {
    position: absolute;
    width: auto;
    left: 40%;
    top: 15%;
}

.card-foto {
    padding: 24px;
    background: url(../images/img-card-normas.png) no-repeat;
    background-size: contain;
    height: 580px;
}

}

@media (max-width: 1600px) {
img#img-centro {
    position: absolute;
    width: auto;
    left: 39%;
    top: 15%;
}

}


@media (max-width: 1450px) {


    img#img-centro {
    position: absolute;
    width: auto;
    left: 38%;
}

    .card-foto {
        padding: 24px;
        background: url(../images/img-card-normas.png) no-repeat;
        background-size: contain;
        height: auto;        min-height: 590px;
    }

    .floating-box {margin-top: 400px;}

.section-exigencias .col-lg-6.mt-5.mt-lg-0 {    padding-left: 60px;}

}



@media (max-width: 1369px) {


   .hero-section-interna {    padding: 0 50px;}

    /* hero section ----*/

    .hero-section-interna .hero-title {    font-size: 30px;}


    .estrutura-completa { padding: 60px 50px; }

    .slide-section {    padding: 124px 50px;}


    .benefits-section {    padding: 50px 50px 00px 50px; }


    .banner-section .banner {    margin: 50px 0;}

    .section-exigencias {padding: 50px;}

    .section-exigencias .text-muted {    font-size: 18px !important;}
    p.text-purple.mb-4 {
    margin: 0 !important;}
    .floating-box {    margin-top: 350px;}
    .floating-box strong {    font-size: 22px;}

    .section-6  {padding: 50px;}

    .estrutura-completa h3 b {    margin-bottom: 64px;}


    .denuncias-estrategico {    padding: 80px 50px 160px 50px;}

    .denuncias-estrategico .box.white {background: none;}
    img#img-centro { top: 8%;   left: 38%;}

    .denuncias-estrategico .box.roxo p {    font-size: 16px;        padding-right: 10%;}
    .denuncias-estrategico ul li {    font-size: 16px;        padding-right: 5%;}

    .box.white p { font-size: 16px;    line-height: 22px;    margin:  0px 0 32px 0;}

    .box.white ul li {font-size: 16px; }


.banner-section .banner h1 {    font-size: 28px;}

    .image-card {    min-height: 420px;}


     .contatos p {    margin: 0 8px;}

    footer {
    padding: 50px 0;}

    footer span {font-size: 14px;}

    .sitemap ul li {    margin-right: 60px;}


}



@media (max-width: 1290px) {
    img#img-centro {
        top: 8%;
        left: 36%;
    }
}



@media (min-width: 768px) {
  /* estilo para MD e maior */
}




@media (max-width: 575.98px) {

    #menu2 nav.navbar.navbar-expand-md.fixed-top {        padding: 8px;}

    .hero-section-interna .hero-title {        font-size: 22px;}
    .hero-section-interna .hero-subtitle {font-size: 16px;    margin-bottom: 16px;}


  .hero-section-interna {    margin-top: 120px; padding: 16px;}

  .hero-section-interna figure { margin-top:64px }
  .hero-section-interna figure img { width:100%; }


  .slide-section {padding: 124px 0 0 0;}

  /* secao 1 ---- */

  .estrutura-completa .card { margin:8px 0; }

      .estrutura-completa .card {
        margin: 8px 0;
        position: relative;
        display: block;
        float: left;
        height: auto;
    }   


    .estrutura-completa .d-flex {    flex-direction: column;}


    .estrutura-completa h3 {            font-size: 24px;
  
        width: 90%;
        position: relative;
        display: block; margin-top: 8px;
        float: left; margin-bottom: 32px;
        clear: both;}
    .estrutura-completa h3 b {    font-size: 24px;    margin-bottom: 40px;    line-height: 30px;}

    .benefits-section {        padding: 50px 0;}



    /*- slide ---- */


    .slide-section .d-flex {flex-direction: column;}
.slide-section .nav-item {
    width: 100%;
    float: left;
    display: flex
;
    position: relative;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center; 
    margin: 8px 0;
}





.slide-section .slide .icone-box {margin: 64px 0 0 0;    margin-right: 16px;}
.slide-section .slide h3 {  font-size: 24px;  margin-top: 16px;   margin-bottom: 0 !important;}
.slide-section .slide h3 b {font-size: 24px; }
.tab-custom .nav-link { width:100%; }





/*- secao banner ----*/


.banner-section .banner {    margin: 50px 0;    padding: 16px;}

.banner-section .banner figure#icon {    width: 40px;    height: 40px;    margin-bottom: 8px;}

.banner-section .banner h1 {display: block;
    width: 100%;
    float: left;        font-size: 18px;        margin-bottom: 24px;
    position: relative;}



.denuncias-estrategico ul li,.box.white ul li{    font-size: 14px;margin: 0}


/*--- secao ----*/


.estrutura-completa { padding:16px 0; }



    /* secao .denuncias-estrategico ----*/

    .denuncias-estrategico {      background: #fff;  padding: 0;}

    .denuncias-estrategico .box.roxo { background: #45008C;padding:16px!important; }
.denuncias-estrategico h2 {
    font-family: Ubuntu;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: -0.64px;
    margin-top: 8px;
}

    img#img-centro {display: none;}


    .denuncias-estrategico .box.white {margin:32px 0 0 0 ; padding: 16px; background: #fff;}
   .denuncias-estrategico .box.white h2 {
    font-family: Ubuntu;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: -0.64px;
    margin-top: 8px;
}



.benefits-section .d-flex {    display: flex !important
;
    flex-direction: column;}


    .benefits-section h3 { margin-top: 8px; font-size: 22px;}

    .benefits-section h3 b {font-size: 20px; line-height: 25px}


    /*--- secao regras ----- */ 

    .section-exigencias .text-muted {margin-top: 32px;}
    .card-foto {height: auto;    background-size: cover;}

    .section-exigencias {padding: 50px 16px;}

    .floating-box {           margin-top: 210px;
        padding: 16px 8px;}
    .floating-box strong {
    color: #420080;
    font-family: Ubuntu;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 23px;
    letter-spacing: -0.48px;
}    


.section-exigencias .col-lg-6.mt-5.mt-lg-0 {padding-left: 0;}



.section-6 {    padding: 50px 0;}

.section-6 figure {margin-top: 24px;}

}