.font-raleway-bold{
    font-family: Raleway, sans-serif;
    font-weight: 700;
}

.font-raleway-semibold{
    font-family: Raleway, sans-serif;
    font-weight: 600;
}

.font-montserrat-medium{
    font-family: Montserrat, sans-serif;
    font-weight: 500;
}

.font-montserrat-semibold{
    font-family: Montserrat, sans-serif;
    font-weight: 600;
}

.font-montserrat-bold{
    font-family: Montserrat, sans-serif;
    font-weight: 700;
}

.font-notosans-black{
    font-family: Noto Sans KR, sans-serif;
    font-weight: 900;
}

.bg-gradient-so{
    background-color: #9996C8;
    background-image: linear-gradient(#9996C8, #DFC781);
}

.bg-img-front{
  background-image: url('/img/truck.png');
  background-position: center center; 
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.9;
  width: 100%;
  height: calc(100% - 500px);
}


/* Header */
.navbar-fixed-top.scrolled {
    background-color: #fff !important;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
    transition: background-color 200ms linear;
  }

.logo-navbar{
    width: 200px;
    height: 65px;
}

.mr-navitem{
    margin-right: 35px;
}

.ml-brand{
    margin-left: 25px;
}

.navbar-toggler{
    color: rgba(0,0,0,.55);
    border-color: rgba(0,0,0,.1);
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.nav-text{
    font-family: Raleway, sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #101089;
    background: #ffffff;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}

.nav-link{
    color: #101089;
}

.button-nav-whatsapp{
    font-family: Raleway, sans-serif;
    font-weight: 700;
    font-size: 16px;
    color:  #101089;
    background-color: #F7D702;
}

.title-header{
    
    font-family: Noto Sans KR, sans-serif;
    font-weight: 900;
    font-size: 35px;
    line-height: 45px;
    /* color: whitesmoke; */
    color:  #F7D702;
    text-align: start;
    padding-top: 8% !important;
    padding-left: 3%;
}

.subtitle-header{
    font-family: Raleway, sans-serif;
    font-weight: 700;
    font-size: 21px;
    color: whitesmoke;
    /* color: #FFFFFF; */
    line-height: 30px;
    text-align: start;
    padding-bottom: 2%;
    padding-left: 3%;
}

/* Section 2 - About us */

.title-section-two{
    font-family: Noto Sans KR, sans-serif;
    font-weight: 900;
    font-size: 40px;
    color: #02026B;
}

.paragraph-sec-two{
    font-family: Montserrat, sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 40px;
    color: #2C2A2A;
}


.box-title-values{
    background: #F7D702;
    border-radius: 6px;
    height: 50px;
}

.title-topic{
    font-family: Noto Sans KR, sans-serif;
    font-weight: 900;
    font-size: 22px;
    color: #101089;   
}

.subtitle-topic{
    font-family: Montserrat, sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 30px;
    color: #2C2A2A;
}



/* Section 3 - Know us locals */

.title-sec-three{
    font-family: Noto Sans KR, sans-serif;
    font-weight: 900;
    font-size: 40px;
    color: #02026B; 
}

.subtitle-sec-three{
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 45px;
    color: #02026B; 
}

.box-local{
    background: #F7D702;
    border-radius: 6px;
    height: 40px;
}

ul#tab-bahia li.state {
    list-style-image: url('/img/box-li.svg');
}

ul#tab-pernambuco li.state {
    list-style-image: url('/img/box-li.svg');
}

.li-states{
    font-family: Montserrat, sans-serif;
    font-weight: 500;
    font-size: 20px;
    color: #101089;
}

.title-sudest{
    font-family: Noto Sans KR, sans-serif;
    font-weight: 900;
    font-size: 32px;
    line-height: 45px;
    color: #02026B;
}

.subtitle-sudest{
    font-family: Montserrat, sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #101089;
}

/* Section 4 - Contact */

.title-sec-four{
    font-family: Noto Sans KR, sans-serif;
    font-weight: 900;
    font-size: 32px;
    line-height:40px;
    color: #02026B;
}

.address{
    font-family: Montserrat, sans-serif;
    font-weight: 500;
    font-size: 22px;
    color: #101089;
}

.itens-contact{
    font-family: Montserrat, sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #101089;
    margin-left: 10px;
}

.footer-itens{
    font-family: Raleway, sans-serif;
    font-weight: 600;
    font-size: 21px;
    color: #ffffff;
}

a.footer-itens:link{
    text-decoration: none;
}

.copyright-ecomp{
    font-family: Montserrat, sans-serif;
    font-weight: 500;
    font-size: 16px;
    
}