body {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    overflow-x: hidden;
    scroll-behavior: smooth;
}

.f-neue {
    font-family: Neue;
}
.f-gabarito {
    font-family: 'Gabarito', sans-serif;
}
.f-ibm {
    font-family: 'IBM Plex Sans', sans-serif;
}


@font-face {
    font-family: Neue;
    src: url(../font/NeueMachina/NeueMachina-Regular.otf);
    font-weight: normal;
 }

@font-face {
    font-family: Neue;
    src: url(../font/NeueMachina/NeueMachina-Light.otf);
    font-weight: lighter;
 }
 
 @font-face {
    font-family: Neue;
    src: url(../font/NeueMachina/NeueMachina-Ultrabold.otf);
    font-weight: bold;
 }


.hero {
    background: rgb(255,255,255);
background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(227,236,245,1) 41%, rgba(211,223,237,1) 100%);
min-height: 70vh;
font-family: myFont;
}
.hero-about {
    background: url(../images/bg-about2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 70vh;
    font-family: myFont;
}
.card {
    min-height: 330px;
}


.box-rounded{
	border-radius:22px;
	-moz-border-radius:22px;
	-webkit-border-radius:22px;
}

.content {
    height: 70vh;
    background: url(../images/bg-home.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.content-featured {
    height: 30vh;
}
.contact {

    background: #E5EEF7;
}
.content-product {
    height: auto;
}
.content-vision {
    min-height: 40vh;
    height: 60vh;
    background: url(../images/Vision.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
/* background: linear-gradient(140deg, #013E7D 0%, #013E7D 72%, #0196B7 100%); */
}
.content-whyus {
    height: 70vh;
    background: url(../images/bg-Why-Us.png);
    background-position: center;
    background-size: cover;
    background-repeat:no-repeat ;
}
.content-mission {
    height: 60vh;
    background: url(../images/bg-mission.png) ;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.content-supply {
    height: auto;
    background: #DFE7F4 ;
    background-position: center;
}
.gif_1 {
    z-index: 1;
    position: absolute;
    right: 0;
    top: 10%;
    width: 30%;
}
.gif_2 {
    z-index: 1;
    position: absolute;
    left: 0;
    bottom: 25%;
    width: 30%;
}
.gif_3 {
    z-index: 1;
    position: absolute;
    top: 100%;
    left: 0;
    width: 30%;
}
.gif_4 {
    z-index: 1;
    position: absolute;
    right: 0;
    width: 30%;
}
.bg_vision {
    opacity: 25%;
}
.footer {
    height: 40vh;
}
.list-group {
    list-style: none;
}
.before-hero {
    background-color: #D0E6F4;
}

a {
    text-decoration: none;
}
.brand img {
    width: 100%;
}

.small-text {
    font-size: .1rem;
}

@media (max-width:1400px) {
    
    .gif_1 {
        width: 25%;
    }
    .gif_2 {
        width: 25%;
    }
    .content-wrapper p {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 4; /* number of lines to show */
                line-clamp: 4; 
        -webkit-box-orient: vertical;
     }
}

@media(max-width:540px) {
    .before-hero i{
        /* font-size: .8rem; */
        display: block;
        /* text-align: center; */
    }
    .gif_1 {
        width: 60%;
    }
    .gif_2 {
        width: 60%;
    }
}