@font-face {
    src: url("../../../../assets/fonts/asap-regular-webfont.woff2") format("woff2"), url("../../../../assets/fonts/asap-regular-webfont.woff") format("woff");
    font-family: "asapregular";
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
}
@font-face {
    src: url("../../../../assets/fonts/asap-bold-webfont.woff2") format("woff2"), url("../../../../assets/fonts/asap-bold-webfont.woff") format("woff");
    font-family: "asapbold";
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
}

@font-face {
    src: url("../../../../assets/fonts/Tahoma.woff2") format("woff2"), url("../../../../assets/fonts/Tahoma.woff") format("woff");
    font-family: "Tahomacard";
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
}



main {
    overflow-x: unset;
    background-color: #efefef;
    font-family: Tahomacard!important;
}

.bengridcardimg img {
    margin-top: 2em;
    margin-bottom: 6em;
}

.gridbeneficiosdebandeiraix .desc01 {
    line-height: 32px;
    margin-bottom: 3em;
}

.navbarbeneficios {
    background-color: #002F34;
    color: #fff;
    padding: 25px 100px;
    font-size: 1.4rem;
    font-weight: bold;
 }

.navbarbeneficios .navbarcollapsebeneficios ul {
    padding: 0 70px;
}

.navbarbeneficios .navbarcollapsebeneficios ul li a {
    color: #fff;
}

.navbarbeneficios .navbar-brand {
    color: #fff;
    font-size: 2rem;
}

.navbarbeneficiosbottom {
    background: transparent radial-gradient(closest-side at 50% 83%, #AFFFF3 -80%, #10A18B 268%) 0% 0% no-repeat padding-box;
    opacity: 1;
    backdrop-filter: blur(50px);
    -webkit-backdrop-filter: blur(50px);
    color: #fff;
    padding: 75px 0;
    font-size: 4.5rem;
    font-weight: bold;
    font-family: asapbold;
}


/**
    gridbeneficiosdebandeiraix
 */
.gridbeneficiosdebandeiraix {
    padding: 50px 0 100px;
}

.gridbeneficiosdebandeiraix .desc01 {
    line-height: 32px;
    margin-bottom: 3em;
}

.gridbeneficiosdebandeiraix .title {
    color: #003C43;
    font-size: 3rem;
    font-weight: bold;
    font-family: asapbold;
}

.gridbeneficiosdebandeiraix .cardtype {
    color: #003C43;
    font-size: 1.7rem;
    font-weight: bold;
}

.gridbeneficiosdebandeiraix .griddesc02 {
    line-height: 23px;
}

.gridbeneficiosdebandeiraix .griddesc02 .title {
    color: #002F34;
    font-size: 1.5rem;
    margin-top: 50px;
    margin-bottom: 5px;
}

.gridbeneficiosdebandeiraix .griddesc02 .desc {
    color: #717171;
    font-size: 1.1rem;
}

.gridbeneficiosdebandeiraix .btnsaibamais {
    background-color: #002F34;
    color: #efefef;
    padding: 8px 88px;
    border-radius: 20px;
    font-size: 1.5rem;
    font-weight: bold;
}

.gridbeneficiosdebandeiraix .gridicons img {
    cursor: pointer;
}



/**
    FOOTER
 */
.section05 {
    background-color: #002F34;
    color: #ffffff;
    padding: 50px 0;
}

.section05 .title {
    font-weight: bold;
    font-size: 2.5em!important;
}

.section05 .gridcontatos {
    line-height: 10px;
}



/* Landscape phones and portrait tablets */
@media(max-width: 767px) {

}


/* Portrait tablets and small desktops */
@media(min-width: 320px) and (max-width: 425px) {
    .navbarbeneficios .navbar-brand {
        color: #fff;
        font-size: 1.1rem;
    }

    .navbarbeneficiosbottom {
        font-size: 2.5rem;
    }

    .bengridcardimg img {
        margin-top: 2em;
        margin-bottom: 6em;
    }

    .gridbeneficiosdebandeiraix .desc01 {
        line-height: 42px;
        padding-right: 40px;
    }

    .gridbeneficiosdebandeiraix .griddesc02 {
        line-height: 26px;
        padding: 0 40px;
    }
}

@media(min-width: 768px) and (max-width: 1023px){
    .imgcardbeneficios {
        margin-bottom: 20px;
    }

    .gridbeneficiosdebandeiraix .desc01 {
        line-height: 42px;
    }
}

@media(min-width: 992px) {

}

@media(min-width: 1024px) and (max-width: 1439px) {
    .gridbeneficiosdebandeiraix .desc01 {
        line-height: 42px;
    }
}

@media(max-width: 1024px) {

}

/*Large desktops and laptops */
@media(min-width: 1200px) {

}

@media(min-width: 1440px) and (max-width: 2559px) {

}

@media(min-width: 2560px) {

}