.bg-img-config {
    background-repeat: no-repeat;
    background-size: cover;
}

.button-blue {
    background-color: #4129D4;
    padding: 10px 20px;
    border-radius: 40px;
    color: white;
    border: none;
    font-weight: 600;
    transition: all 0.3s ease-in;
    cursor: pointer;
}

.button-blue-2 {
    background-color: #4129D4;
    padding: 10px 20px;
    color: white;
    border: none;
    transition: all 0.3s ease-in;
    cursor: pointer;
    margin-bottom: 20px;
}

.button-blue-2 span {
    font-weight: 600;
}

.form-select {
    border: 1px solid #DADADA;
    padding: 10px 20px;
    border-radius: 40px;
    width: 50%;
}

.button-blue:hover {
    background-color: #3119cf;
}

.text-white {
    color: #f5f5f5;
}

.text-title-black {
    color: #353535;
    font-size: 30px;
    font-weight: 600;
}

.text-title-white {
    color: #f5f5f5;
    font-size: 30px;
    font-weight: 600;
}

.text-title-black-sm {
    color: #353535;
    font-size: 20px;
    font-weight: 600;
}

.text-title-white-sm {
    color: #f5f5f5;
    font-size: 20px;
    font-weight: 600;
}

.text-subtitle-black {
    font-size: 14px;
    color: #595959;
    margin: 0px;
}

.text-subtitle-white {
    font-size: 14px;
    color: white;
    margin: 0px;
}

p {
    color: #595959;
}


.d-flex {
    display: flex;
    gap: 20px;
}

.py-40 {
    padding: 40px 0;
}

.bg-white {
    background-color: white;
}

.img-fluid {
    max-width: 100%; 
    height: auto
}

.col-6 {
    width: 50%;
}



/* AQUI COMEÇA O CSS DAS SECTIONS */
.topo {
    padding: 2rem 0;
}

.topo .container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.topo p {
    font-size: 24px;
    font-weight: 600;
    color: #140958;
    margin-top: 30px;
}

.menu-nav {
    background-color: #140958;
    position: sticky;
    top: 81px;
    z-index: 1;
}

.menu-nav .container {
    display: flex;
    align-items: center;
    justify-content: center;

}

.menu-nav ul {
    display: flex;
    justify-content: space-around;
    width: 100%;
    padding: 2rem 0;
}

@media (max-width: 767.98px){
    .menu-nav ul {
        flex-wrap: wrap;
        justify-content: center;
        gap: 18px;
    }
}

.menu-nav ul li a {
    color: white;
    font-size: 16px;
    cursor: pointer;
    font-family: 'rubikmedium';
}


.section-hero {
    height: 63vh;
    position: relative;
}

.section-hero:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: linear-gradient(359deg, #000000, #0404040a);
}

.container-hero {
    display: flex;
    justify-content: center;
    align-items: end;
    height: inherit;
    position: relative;
    font-size: 40px;
}

.container-hero p {
    margin-bottom: 30px;
    color: white;
    font-weight: 600;
}

.section-one .section-imagem-1  .img-one {
    width: 70%;
}

.section-one .section-imagem-1 {
    display: flex;
    justify-content: end;
    align-items: center;
}

.section-one .section-text {
    display: flex;
    align-items: center;
}

.section-one .section-imagem-2  .img-one {
    width: 70%;
}

.section-one .section-imagem-2 {
    display: flex;
    justify-content: start;
    align-items: center;
}

.section-two {
    background-color: #140958;
}

.section-two .container {
    display: flex;
    justify-content: center;
}

.section-two .container .section-content {
    width: 50%;
}

.section-three .section-text {
    display: flex;
    align-items: center;
}

.section-five .container .section-text .col-6 .content {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.section-five .section-text .content img {
   margin-bottom: 20px;
}


.section-five .section-text .content p {
    text-align: center;
    max-width: 500px;
 }

 .section-six .table-composicao .head-composicao {
    display: flex;
    gap: 10px;
    justify-content: space-between;
 }

 .section-six .table-composicao .head-composicao {
    display: flex;
    gap: 10px;
    justify-content: space-between;
 }

 .section-seven .content {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
 }


 .section-ten .col-relatorio {
    display: flex;
    justify-content: end;
    align-items: center;
 }  

 .section-ten .table-financas {
    margin-top: 20px;
 }

 .section-ten .table-financas thead tr th {
    border-bottom: 1px solid #140958;
    color: #140958;
    font-weight: bold;
    font-size: 16px;
 }

 .section-ten .table-financas tbody tr th div {
    display: flex;
    align-items: center;
    height: 50px;
    font-weight: 400;
  }

 .section-ten .table-financas tbody td div {
   display: flex;
   justify-content: center;
 }

 .section-ten .table-financas tbody iconify-icon {
    font-size: 50px;
    color: #E5E3F0;
    cursor: pointer;
    transition: all 0.3s ease-in;
 }

 .section-ten .table-financas tbody iconify-icon.active {
    color: #140958;
 }

 .section-ten .table-financas tbody iconify-icon:hover {
    color: #140958;
 }

 .section-eleven .form-search {
    margin-bottom: 30px;
 }

 .section-eleven .form-search input.form-control {
    height: 34px;
    box-shadow: 0px 0px 0px rgba(0,0,0,0) inset;
    border-radius: 20px 0px 0px 20px;
    background-color: white;
    border: 1px solid #EDEDED;
    border-right: none;
 }

 .section-eleven .form-search .btn-primary {
    box-shadow: 0px 0px 0px rgba(0,0,0,0) inset;
    border-radius: 0px 20px 20px 0px;
    background-color: white;
    border: 1px solid #EDEDED;
    border-left: none;
    transition: all 0.3s ease-in-out;
 }

 .section-eleven .form-search .btn-primary:hover {
    background-color: #140958;
 }

 .section-eleven .form-search .btn-primary:hover span::before {
    color: white;
 }

 .section-eleven .form-search .btn-primary span::before {
    color: #140958;
 }

 .section-eleven .form-search .btn-primary span.glyphicon {
    top: 3px;
 }

 .section-eleven .panel-default {
    display: flex;
    border: none;
 }

 .section-eleven .panel-default .panel-body {
    flex: 1;
    height: 300px;
    overflow-y: scroll;
 }

 .section-eleven .panel-default .panel-body table thead tr {
    color: #140958;
 }

 .section-eleven .panel-default .panel-body table thead tr th{
    border-bottom: 2px solid #140958;
 }

 .section-eleven .panel-default .panel-body table thead tr th.col {
    text-align: center;
 }

 .section-eleven .panel-default .panel-body table tbody tr td.col {
    text-align: center;
 }

 .section-eleven .panel-default .panel-body table tbody tr td>div {
    height: 40px;
    display: flex;
    align-items: end
 }

 
 .section-eleven .panel-default .panel-body table tbody tr td iconify-icon {
    font-size: 50px;
    color: #140958;
    cursor: pointer;
    transition: all 0.3s ease-in;
 }

 .section-eleven .panel-default .panel-body table tbody tr td.td-pdf a {
    display: flex;
    gap: 10px;
 }

 .section-eleven .panel-default .panel-body table tbody tr td.td-pdf a div {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
  }

 .section-eleven .panel-default .panel-body table tbody tr td.td-pdf a div p {
   margin-bottom: 0px;
 }

 .section-eleven .panel-default .panel-heading-nav {
    background-color: white;
    border: none;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    padding: 30px 10px;
 }

 .section-eleven .panel-default .panel-heading-nav .nav-tabs {
    display: flex;
    flex-direction: column;
    border: none;
 }

.section-eleven .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    border: none;
    color: #140958;
    font-weight: bold;
}

.section-eleven .nav-tabs>li>a {
    color: #595959;
    font-size: 16px;
    border: none;
}
.section-twelve .form-control {
    background-color: transparent;
    border: 1px solid white;
    border-radius: 20px;
    color: white;
}

.section-twelve input::placeholder, textarea  {
    color: white;
}


.checkbox-btn {
    position: relative;
    padding-left: 30px;
    margin-bottom: 20px;
    margin-left: 11px;

    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: white;
    font-weight: 400;
}

.checkbox-btn p {
color: white;
font-weight: 400;
margin: 0px;
}

.checkbox-btn p a {
color: #9180FF;
}
  
/* Hide the browser's default checkbox */
.checkbox-btn input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
  
.checkbox-btn label {
cursor: pointer;
font-size: 14px;
}
/* Create a custom checkbox */
.checkmark {
position: absolute;
bottom: 0;
left: 0;
height: 25px;
width: 25px;
border: 2.5px solid #ffffff;
transition: .2s linear;
}
.checkbox-btn input:checked ~ .checkmark {
background-color: transparent;
}
  
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
content: "";
position: absolute;
visibility: hidden;
opacity: 0;
left: 50%;
top: 40%;
width: 10px;
height: 14px;
border: 2px solid #0ea021;
filter: drop-shadow(0px 0px 10px #0ea021);
border-width: 0 2.5px 2.5px 0;
transition: .2s linear;
transform: translate(-50%, -50%) rotate(-90deg) scale(0.2);
}
  
/* Show the checkmark when checked */
.checkbox-btn input:checked ~ .checkmark:after {
visibility: visible;
opacity: 1;
transform: translate(-50%, -50%) rotate(0deg) scale(1);
animation: pulse 1s ease-in;
}
  
.checkbox-btn input:checked ~ .checkmark {
transform: rotate(45deg);
border: none;
}

.nav-under-menu-mobile {
    display: none;
}


/* ------------- */
  
@keyframes pulse {
    0%,
    100% {
        transform: translate(-50%, -50%) rotate(0deg) scale(1);
    }
    50% {
        transform: translate(-50%, -50%) rotate(0deg) scale(1.6);
    }
}




/* MEDIAQUERY DAS CLASSES AUXILIARES */
@media (max-width: 767.98px){
    .d-flex {
        flex-direction: column;
    }

    .col-6 {
        width: 100%;
    }

    .text-paragrafo, .text-title-black,  .text-title-white, .text-subtitle-black, .text-subtitle-white, .text-title-black-sm, .text-title-white-sm {
        text-align: center;
    }
}


/* MEDIAQUERY DAS SECTIONS */
@media (max-width: 767.98px){
    .nav.navbar-nav.medium {
        flex-direction: column;
    }
    .section-hero {
        height: 35vh;
        text-align: center;
    }

    .section-one .section-imagem-1 {
        justify-content: center;
        
    }
    
    .section-one .section-imagem-1  .img-one {
        width: 100%;
    }

    .section-one .section-imagem-2  .img-one {
        width: 100%;
    }
    
    .section-one .section-imagem-2 {
        justify-content: center;
       
    }

    .section-two .container .section-content {
        width: 100%;
    }

    .section-six .content {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 20px;
    }

    .section-six .table-composicao .head-composicao {
        justify-content: center;
        flex-direction: column;
        align-items: center;
        margin-bottom: 10px;
     }

     .section-seven .content {
        flex-direction: column;
     }

     .section-nine .col-6 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
     }

     .section-ten .col-relatorio {
        justify-content: center;
        align-items: center;
     }  

     .section-eleven .panel-default {
       flex-direction: column;
     }

     .section-eleven .panel-default .panel-heading-nav .nav-tabs {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
     }

     .section-eleven .nav-tabs>li>a {
        text-align: center;
    }

    .section-twelve .col-text {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-bottom: 30px;
    }

    .nav-under-menu-mobile {
        display: flex;
        list-style: none;
        flex-direction: column;
        padding: 5px 10px;
    }
    
    .nav-under-menu-mobile .nav-under-menu-links {
        display: flex;
        justify-content: space-evenly;
        gap: 10px;
        margin-bottom: 10px;
        flex-wrap: wrap;
    }
    
    .nav-under-menu-mobile .nav-under-menu-links li a {
        color: #757575;
    
    }
    
    .nav-under-menu-mobile .nav-under-flags {
        display: flex;
        justify-content: center;
        gap: 10px;
    }
    
    .nav-under-menu-mobile .nav-under-flags li a img {
        width: 30px!important;
        height: 30px!important;
    }
}