@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
p,
h1,
h2,
h3,
h4,
h5,
h6,
label,
a,
figcaption,
li {
    font-family: 'Poppins', sans-serif;
}

body {
    /* background: linear-gradient( #fff, #ccc7); Gradiente */
    /* background: #ccc; Cor uniforme */
}

h1 {
    font-weight: 200;
    color: black;
}

h2 {
    color: white;
}

.sec2 {
    background: #006991;
}

.sec2 p,
.sec2 li {
    color: #F0F0F0;
}

.sec2 h3,
.sec2 h5 {
    color: black;
    font-weight: 700;
}
.callout span {color: white; background: #006991; display:inline-block; width: 100%; text-align: center;}
.callout h5{font-weight: 600;}
.box-icon {
    position: relative;
    height: 100px;
    margin: 2rem 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.contato h6 {
    color: white;
}

.contato h5 {
    color: black;
    line-height: .3rem;
}

.contato label {
    color: white;
}

.contato a {
    color: black;
}

.hr-esq {
    margin-top: 80px;
    border-bottom: 5px solid black;
    margin-right: 10px;
}

.hr-dir {
    margin-top: 80px;
    border-bottom: 5px solid black;
    margin-left: 10px;
}

.losango {
    position: absolute;
    top: 0;
    height: 100px;
    width: 100px;
    border: solid 5px black;
    transform: rotate(45deg);
}

.icon {
    position: absolute;
    top: 3px;
}

.sec2 p {
    color: white;
}

.sec2 h6 {
    color: black;
    padding: 0 2rem;

}

.sec3 {
    background: #006991;
}

.sec3 p {
    color: #333;
}
.sec3 h6{font-weight: 600;}
.sec3 h5{text-transform: uppercase;}

.sec4 {
   
    background-color: #006991;
}

.sec4 h4 {
    font-weight: 600;
font-style: italic;
    color: #006991;
}

.sec4 .box {
    padding: 2rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    background: white;
    border-top-left-radius: 60px;
    border-bottom-right-radius: 60px;
}

.sec4 p {
    color: white;
}
.sec4 h6{
    color: white;
    font-weight: 600;
    margin-top: 1rem;
}
.sec4 h3{
  
    font-weight: 300;
   
}

.feature_y {
    padding: 3rem 0;
}

.accordion {
    background: transparent;
}

.accordion-item {
    margin: 1rem 0;
}

.accordion-title {
    background: #e7e7e7;
    color: #006991;
    font-size: 1.2rem;
    font-weight: 600;
    border: 0;
    border-radius: 30px;
    padding-right: 30%;
    padding-left: 3rem;
}

.accordion-title:hover,
.accordion-title:focus {
    background: #fafafa;
    color: #006991;
    
}

.accordion-title::before {
    content: '▼';
    font-size: .6rem;
    top: 55%;
    right: 2rem;
}

.is-active > .accordion-title::before {
    content: '▲';
}

.accordion-item:first-child >:first-child,
:last-child:not(.is-active) > .accordion-title {
    border-radius: 30px;
    border: 0;
}

.accordion-content {
    margin: 0 3rem;
}


/* Grow  */

.hvr-grow {
    display: inline-block;
    vertical-align: middle;
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    transition-duration: 0.3s;
    transition-property: transform;
}

.hvr-grow:hover,
.hvr-grow:focus,
.hvr-grow:active {
    transform: scale(1.1);
}


/* Muda somente no mobile */

.bg {
    height: 80vh;
    margin: 0;

    background: 
        linear-gradient(rgba(194, 198, 197, .7), rgba(194, 198, 197, .7) 2px, rgba(0, 0, 0, 0) 2px, rgba(0, 0, 0, 0) 100%), 
        linear-gradient(rgba(194, 198, 197, .7), rgba(194, 198, 197, .7) 4px, rgba(0, 0, 0, 0) 4px, rgba(0, 0, 0, 0) 100%), 
        linear-gradient(rgba(194, 198, 197, .7), rgba(194, 198, 197, .7) 6px, rgba(0, 0, 0, 0) 6px, rgba(0, 0, 0, 0) 100%), 
        linear-gradient(rgba(194, 198, 197, .7), rgba(194, 198, 197, .7) 8px, rgba(0, 0, 0, 0) 8px, rgba(0, 0, 0, 0) 100%), 
        linear-gradient(rgba(194, 198, 197, .7), rgba(194, 198, 197, .7) 10px, rgba(0, 0, 0, 0) 10px, rgba(0, 0, 0, 0) 100%),
            url('../img/bg.jpg') top center no-repeat;
    background-size: 100% 10px, 100% 30px, 100% 50px, 100% 70px, 100% 90px, cover;
    background-position: center 190px, center 230px, center 270px, center 320px, center 380px, top center;
    background-repeat: no-repeat;

}

.logo {
    width: 00px;
}
.bg-content {
    background:rgba(194, 198, 197, .7) ;
    padding: 2rem;
    height: 80vh;

}
.bg-content img {
    padding: 1rem;
    margin-top: 140px;
}
.meumenu {
    position: absolute;
    width: 100%;
}
.sticky {
    padding: 1rem 0;
    background: #0D3A82;
}
.menu li a {
    color: white;
    font-weight: 600;
}
.menu li a:hover {
    color: black;
}
.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
    border-color: #4B5F64 transparent transparent
}
.sticky.is-stuck .dropdown.menu > li.is-dropdown-submenu-parent > a::after {
    border-color: #F0F0F0 transparent transparent
}
.dropdown.menu > li.is-active > a {
    color: #282D32;
}
.is-dropdown-submenu {
    min-width: 220px;
    background: #F0F0F0;
}
.sticky.is-stuck .is-dropdown-submenu {
    min-width: 220px;
    background: #4B5F64;
}
.biog {
    transform: rotate(3deg);
}
.bts {
    margin-top: -4rem;
}
footer {
    background: #006991;
}
.button {
    background: white;
    color: black;
    border-radius: 5px;
}
.button:hover,
.button:focus {
    background: #4B5F64;
}
footer p {
    font-size: .6rem;
    color: #F0F0F0;
    margin: 1rem 0;
}
input {
    word-spacing: -3px;
}
.sec4 hr {
    margin: 1.25rem auto;
    max-width: 5rem;
    border-bottom: 10px solid black;
}
.title-bar {
    background: #C2C6C5;
    position: fixed;
}
.menu-icon::after {
    background: #006991;
    box-shadow: 0 7px 0 #006991, 0 14px 0 #006991
}
.position-left.is-transition-push {
    box-shadow: none;
}
.off-canvas {
    background: #006991;
}
.menumob li a {
    color: #DCD7C8;
}
.bt-lang {
    position: fixed;
    top: 1.5rem;
    right: 1.5rem;
    z-index: 1000;
}
.bt-lang a {
    font-weight: 800;
    color: #006991;
    background: white;
    padding: 1rem;
    border-radius: 50%;
}
.bt-lang a:hover {
    color: black;
}
@media only screen and (max-width: 40em) {
    .bt-lang {
        position: fixed;
        bottom: 2rem;
        right: 1.5rem;
        z-index: 1000;
    }
    
    h1 {
        font-size: 2rem;
        text-transform: uppercase;
    }
    
    .whats {
        width: 40px;
    }
    
    footer img {
        width: 100px;
    }
    
    .biocartao {
        padding-top: 3rem;
    }
    
    .biocartao h3 {
        font-weight: 700;
        color: #F05A50;
    }
    
    .biocartao p {
        font-size: .8rem;
        color: #DCD7C8;
    }
    
    .btbio {
        position: fixed;
        bottom: 1rem;
        right: 1rem;
        width: 50px;
    }
    
    .seccartao {
        margin-top: 3rem;
    }
    
    .seccartao .foto {
        border-radius: 50%;
        border: solid 5px #DCD7C8;
        margin-top: -2rem;
    }
    
    .seccartao .qr {
        padding: 0 2rem;
    }
    
    .cartao .box {
        background: #4B5F64;
        border-radius: 20px;
        padding: 0 2rem;
    }
    
    .seccartao p,
    .seccartao h3 {
        color: #DCD7C8;
    }
    
    .seccartao h3 {
        margin-top: .5rem;
    }
    
    .seccartao a {
        color: #DCD7C8;
        text-decoration: underline;
    }
    .sec2 p, .sec2 h6  {
        font-size: .8rem;
    }
    .bg-content {
        background: transparent;
        
        height: auto;
    
    }
    .bg-content img {
        background: rgba(194, 198, 197, .7);
    padding: 2rem;
margin-top: 100px;
    
    }
    .bg {
        height: 80vh;
        margin: 0;
    
       
        
        background-position: center 130px, center 160px, center 190px, center 225px, center 260px, top center;
        background-repeat: no-repeat;
    
    }

}