/* 2. Sobre
-------------*/
#sobre {background: #d8c99c; padding: 70px 0;}
#sobre h2 {font-size: 16px;}
#sobre .image {width: 100%; height: 280px; position: relative;}
#sobre .image img {width: 100%; height: 100%; object-fit: cover; border-radius: 10px; position: absolute; right: 25%; bottom: 15%; z-index: 1;}
#sobre .box {background: #FFF; height: 250px; text-align: start; border-radius: 10px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .2); padding: 20px 110px 20px 20px; position: relative; top: 15%; z-index: 0;}
#sobre .box .subtitulo {text-align: start;}


/* 3. Serviços
----------------*/
#servicos {position: relative; color: #FFF;}
#servicos::before, #servicos::after {content: ''; position: absolute; top: 0; height: 100%; z-index: 0;}
#servicos::before {left: 0; width: 45%; background: url(../images/jpg/background/servicos.jpg); background-size: cover; z-index: -1;}
#servicos::after {right: 0; width: 80%; background: #000000; z-index: -2;}
#servicos p {text-align: justify;}
#servicos .subtitulo {color: inherit;}

#modalServico .modal-header {position: relative;}
#modalServico .modal-header .modal-title {font-weight: 600; text-align: center; text-transform: uppercase; color: #BAA360;}
#modalServico .modal-header .close {position: absolute; top: 0; right: 6px; margin: 0; padding: 0;}
#modalServico .modal-body {text-align: justify;}
#modalServico .modal-body h2 {font-size: 18px; font-weight: 900; text-transform: uppercase;}

/* 4. Call to Knowledge
-------------------------*/
#call-to-knowledge img {height: 90px; margin-bottom: 1rem;}
#call-to-knowledge p:not(.text-center) {text-align: justify;}
#call-to-knowledge p b {color: #000;}

/* 5. Como Trabalhamos
------------------------*/
#como-trabalhamos p {text-align: justify;}
#como-trabalhamos {padding: 90px 0; background: #EFEFEF; position: relative; z-index: 0; overflow: hidden;}
#como-trabalhamos::before {content: ''; position: absolute; top: 13%; right: -70%; height: 250px; width: 100%; background: #baa360; border-radius: 20px; transform: rotate(35deg);}

/* 3. FAQ
-----------*/
#faq .card .card-header {background: #EAFEFF; border-color: #00A5AB; cursor: pointer;}
#faq .card .card-header i {color: #00A5AB; transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out;}
#faq .card .card-header.active i {transform: rotate(90deg);}
#faq .card .card-body {text-align: justify;}

/* 4. Contato
---------------*/
#contato {border-bottom: 1px solid #FFF; background: #baa360; color: #FFF;}
#contato h2 {font-size: 18px; font-weight: 600; text-transform: uppercase;}
#contato a:hover {color: inherit; opacity: .75;}
#contato .subtitulo {color: inherit;}