@import url('https://fonts.googleapis.com/css2?family=Meow+Script&display=swap');

:root{

    /* Colors */
     /* Primary */    
    --myYellow: hsl(48deg 100% 50%);
    --myBlack:rgb(53, 53, 53);
    --myWhite: hsl(0, 0%, 96%);
    --myYellowSec: hsl(48, 97%, 46%);
    
    /* **********************************************/
    
    /* Typography */ /* font size */
    --fontsizeDefault:1.125rem;
    
    /* font Family */
    /* --fontFamilyDefault:'Barlow', sans-serif;
    --fontFamilySecundary:'Fraunces', serif; */
    }   

*{padding: 0;margin: 0; box-sizing: border-box;}

.faixa-header-top {
    width: 100%;
    height: 2.4rem;
    max-height: 3.5rem;
    background-color: var(--myYellow);
    position: relative;
}
.faixa-header-right {
    width: 30%;
    height: 2.4rem;
    background-color: var(--myBlack);
    position: absolute;
    display: flex;
    justify-content: flex-end;
    right: 0;
    top: 0;
}

.faixa-header-right .transfor-faixa {
    width: 12%;
    height: 2.4rem;
    background-color: var(--myYellow);
    position: absolute;
    display: flex;
    z-index: 999;
    justify-content: flex-end;
    left: -26px;
    transform: skewX(322deg);
}
.navbar-dark .navbar-brand {
    color: #fff;
    width: 50%;
}
.redes-sociais {
    z-index: 9999;    
    text-align: right;
}
.redes-sociais a {
    padding: 0 0.5rem;
    color: var(--myWhite);
}
.navbar-brand img {
    width: 42%;
}
.bg-menu{  
    position: relative;
}
.my-menu{
    transition: all .5s;
}
.my-menu-sec{
    background: hsl(0deg 0% 0% / 100%);
    padding: 1.2rem 0;
    border-bottom: 0.15rem solid hsl(45deg 100% 66% / 63%);
}
.my-menu {
    display: flex;  
    position: relative;
    background: hsl(0deg 0% 0% / 42%);
    z-index: 9999;
    padding: 0.50rem 0;
    border-bottom: 0.15rem solid hsl(45deg 100% 66% / 63%);
}
.my-menu a{
    color: white;
}
.carousel {
    /* position: absolute; */
    top: 0;
}
.navbar-dark .navbar-nav .nav-link {
    color: rgb(255 255 255);
    padding: 0 1.3rem;
    border: 3px solid transparent;
    transition: all 0.4s;
}
.nav-link.active, .navbar-dark .navbar-nav .nav-link:hover{
    border: 3px solid var(--myYellow)!important;  
}

.navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .show>.nav-link, .navbar-dark .navbar-nav .nav-link:hover {
    color: var(--myYellow) 
}
.text-orange{
    color:  var(--myYellow)
}
.sub_text{
    border-bottom: 0.25rem solid var(--myYellow);
}
#quem_somos p{
    line-height: 1.69rem;
    text-align: justify;
}
.title-sections{
    border: 3px solid var(--myYellow)!important;
    width: 20%;   
    margin: 0 auto;
    position: relative;
    top: -5.6rem;
    padding: 0.50rem;
    color:  var(--myYellow);
}
.text-before-sections::before{
    z-index: -1;
    content: 'QUEM SOMOS';
    width: 100%;  
    position: relative;
    color: hsl(0deg 0% 85% / 30%);
    font-size: 6rem;
    font-weight: bold;
}
.text-before-consultoria::before{
    z-index: 1;
    content: 'CONSULTORIA';
    width: 100%;  
    position: relative;
    color: hsl(0deg 0% 85% / 40%);
    font-size: 6rem;
    font-weight: bold;
}
.title-sections-consultoria{
    border: 3px solid var(--myYellow)!important;
    width: 16%;   
    margin: 0 auto;
    position: relative;
    top: -5.6rem;
    padding: 0.50rem;
    color:  var(--myYellow);
}
.title-sections-contato{
    border: 3px solid var(--myYellow)!important;
    width: 20%;   
    margin: 0 auto;
    position: relative;
    top: -5.6rem;
    padding: 0.50rem;
    color:  var(--myYellow);
}
.text-before-contato::before{
    z-index: -1;
    content: 'COTAÇÃO';
    width: 100%;  
    position: relative;
    color: hsl(0deg 0% 85% / 30%);
    font-size: 6rem;
    font-weight: bold;
}
.rect-exp{
    width: 100%;
    height: auto;
    border: 4px solid var(--myYellow);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding-top: 1.3rem;
    padding-bottom: 1.3rem;
}
.rect-exp.active{
    background: var(--myYellowSec);
}
.rect-exp h4 span {
    font-size: 4rem;
    font-weight: 800;
}
.rect-exp h6 {
    width: 80%;
}
.img-quem-somos{
    max-height: 36vh;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    top: -2rem;
}
.img-quem-somos img::before{
    content: '';
    width: 100%;
    height: 100%;
    border: 3px solid var(--myYellow)!important;
    position: relative;
    display: block;   
}
.bg-header-1{
    overflow: hidden;
    position: relative;
    margin: 0 0 4px;
    padding: 5rem 0;	
    background: linear-gradient(0deg, rgba(12, 12, 12, 0.80), rgba(36, 34, 34, 0.3)), url('images/divisor.png');
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size:cover;	
    text-align: center;	
}
h6.text-divisor{
    text-align: right;
    right: 10rem;
    position: relative;
    font-size: 3.2rem;
    width: 100%;
    display: flex;
    justify-content: end;
    color: var(--myYellowSec);
    font-family: 'Meow Script', cursive;
}
section#consultoria {
    background-color: hsl(36deg 100% 96%);
}
.box-consult{
    width:100%;
    min-height:24vh;
    background:black;
    display: flex;
    justify-content:center;
    align-items: center;
    position: relative;
    flex-direction: column;
}
.box-consult h4{   
    font-size: 2.2rem;
    padding: 0 1rem;
}
.box-consult span{
    position: absolute;
    right: -1.5rem;
}
.box-consult .seta-right {
    position: absolute;
    left: -1.5rem;
    transform: rotate(180deg);
    right: auto;
}
.itens-consultoria p i{
    color:var(--myYellow);
    padding-left:0.50rem;
}
.divisor {
    padding-top: 2rem;
    padding-bottom: 1rem;
}
.text-secundary-cons{
    width: 100%;
    text-align: center;
    color: var(--myYellow);
}
.itens-consultoria p{
    text-align: justify;
    line-height: 2rem;
}
.form-control{
    border: 0.05rem solid var(--myYellow);
}
.form-control:focus {
    border-color: var(--myYellowSec);
    box-shadow: inset 0 1px 1px var(--myYellow), 0 0 8px var(--myYellow);
  }

button.btn.btn-warning.px-5.btn-lg {
    width: 100%;
    border-radius: 0!important;
}
footer{
    width: 100%;
   
    background: var(--myBlack);
    padding-top: 1.5rem;
   
}
footer .title-item-footer{
    width: 30%;
}
footer ul{
    list-style: none;
}
footer ul li{
    padding-top: 0.50rem;
    border-bottom: 0.03rem solid hsl(48deg 100% 50% / 25%);
}
footer ul li a{
    text-decoration: none;
    color: var(--myWhite);
}
.copyright {
    background: hsl(0deg 0% 13%);
}
footer .redes-s a:hover{
    color: var(--myYellow);
}
.carousel-indicators [data-bs-target] {
    width:20px;
    height:20px;
    border-radius: 50%;
    background-color: var(--myYellow);
}
/* Media Queries */
@media (min-width: 992px){
    .navbar-expand-lg .navbar-nav {
        flex-direction: row;
        align-items: center;
    }
}
/* Media Queries */
@media(max-width:992px) {
    .navbar-brand{
        width: 76%;
    }
    .navbar-brand img {
        width: 80%;
    }
}
@media(max-width:768px) {
    .title-sections, .title-sections-consultoria, .title-sections-contato{     
        width: 60%;        
        top: -3.7rem;       
    }
    .text-before-sections::before, .text-before-consultoria::before, .text-before-contato::before{
        font-size: 3.4rem;
        width: 90%;
    }
    .navbar-brand{
        width: 54%;
    }
    .navbar-brand img {
        width: 100%;
    }
    .rect-exp{
        padding-top: 0.25rem;
        padding-bottom: 0.22rem;
    }
    .bg-header-1 {
        padding:1.2rem 0;
    }
    .bg-header-1 h5 {
        font-size: calc(1.1rem + 2.3vw);
        font-weight: 300;
        line-height: 1.2;
    }
    h6.text-divisor {
        right:0;
        font-size: 2rem;
    }
    section#consultoria {      
        padding-top: 2rem;
    }
    .box-consult span {
        position: absolute;
        right: 0;
        left: 0;
        bottom: -9rem;
        transform: rotate(90deg);    
    }

    .box-consult .seta-right {       
        left: 0;
        transform: rotate(90deg);
        right: auto;
        top: 0;
    }
    header .pt-2 {
        padding-top: 0.5rem!important;
    }
    .my-menu {      
        background: hsl(0deg 0% 0%)!important;
    }
}