@font-face {
    font-family: 'Mangueira';
    src: url(../font/Mangueira-Regular.otf);
}
@font-face {
    font-family: "Mangueira Light";
    src: url("../font/Mangueira-Light.otf");
    font-weight: lighter;
}
@font-face {
    font-family: "Mangueira Bold";
    src: url("../font/Mangueira-Bold.otf");
    font-weight: bolder;
}
@font-face {
    font-family: "Mangueira SemiBold";
    src: url("../font/Mangueira-SemiBold.otf");
    font-weight: bold;
}

body {
    font-family: 'Mangueira', Arial, Helvetica, sans-serif;
    background-color: #e6e6e6;
    background: url(../img/background.png) no-repeat top left;
    background-size: cover;
    /* background-position: top -10px, left; */
    color: #284A74 !important;
    /* padding-top: 3.5rem; */
    scroll-behavior: smooth;
}

header {
    width: 100%;
    padding-top: 50px;
    /* background-color: #9B9B9B; */
    /* background-image: linear-gradient(-175deg, #9B9B9B 75%, #E5E6E5 50%); */
    color: #284A74;
    /* height: 1200px; */
}

.fw-bold {
    font-family: 'Mangueira Bold';
}

.text-mangueira-bold {
    font-family: 'Mangueira Bold';
}

.text-mangueira-semi-bold {
    font-family: 'Mangueira SemiBold';
}

.text-mangueira-light {
    font-family: 'Mangueira Light';
}

.text-light-brown {
    color: #d8af7c;
}

.text-light-blue {
    color: #284A74;
}

.border-light-brown {
    border-color: #c2a076 !important;
}

.border-light-blue {
    border-color: #284A74 !important;
}

.bg-blue {
    background-color: #284A74;
}

.bg-brown {
    background-color: #a3845d;
}

.btn-brown {
    background: rgb(101,82,58);
    background: linear-gradient(0deg, rgba(101,82,58,1) 0%, rgba(165,134,94,1) 65%, rgba(201,181,156,1) 100%);
}

.btn-blue {
    background: #284A74 !important;
    color: #fff;
}

.mt-n1 {
    margin-top: -.25rem;
}
.mt-n2 {
    margin-top: -.5rem;
}
.mt-n3 {
    margin-top: -.75rem;
}
.mt-n4 {
    margin-top: -1rem;
}
.mt-n5 {
    margin-top: -1.25rem;
}

iframe {
    height: 543px;
    aspect-ratio: 16/9;
}

.img-18 {
    width: 5% !important;
}

small {
    font-size: 10px !important;
}


.w-10 {
    width: 10% !important;
}
.w-15 {
    width: 15% !important;
}
.w-30 {
    width: 30% !important;
}
.w-60 {
    width: 60% !important;
}
.w-85 {
    width: 85% !important;
}

#conheca,
#como-funciona,
#panelas,
#aceleradores,
#duvidas-frequentes {
    scroll-margin-top: 5rem;
}

.ms-n1 {
    margin-left: -2rem !important;
}

.ms-n2 {
    margin-left: -2.25rem !important;
}

.ms-n3 {
    margin-left: -2.5rem !important;
}

.ms-n4 {
    margin-left: -2.75rem !important;
}

.ms-n5 {
    margin-left: -3rem !important;
}