@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


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

body{
font-size: 100%;
background-color: #2c3d24;
}

/*NAVEGAÇÃO*/                
  

.nav{
	background-color: #2c3d24;
	width: 100%;
    display: inline-flex;
}

a{
 color: white;
 margin: 10px 20px 5px 10px;
 text-decoration: none;
 font-family: "Montserrat";

}

a:hover{
 color: #8fa385;
 text-decoration: none;
}

 /* Configuração menu hamburguer */
          
.custom-toggler.navbar-toggler {
border-color: #fff;
}
 /* Definindo o traçado usando valores rgb (0, 128, 0) */
          
.custom-toggler .navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
		  
/*FIM NAVEGAÇÃO*/


/*QUEM SOMOS*/

.esquerda{
	background-color: #8fa385;
	color: white;
	font-weight: 800;
	text-align: center;
	height: auto;
	align-content: center;
	align-items: center;
	padding-top: 10%;
	padding-bottom: 10%;
	
}


.direita{
	background-color: #fff;
	height: auto;
	padding-top: 15%;
	padding-left: 10%;
	padding-right: 10%;
	padding-bottom: 10%;

}


   /*FIM QUEM SOMOS*/

   /*DIVISAO*/

.divisao{
    background-color: #2c3d24;
    width: 100%;
    height: 20em;
}

.divide1{
    margin-right: 0;
    height: 120px;
    width: 100%;
}

.divide2{
    margin-left: 0;
    height: 120px;
    width: 100%;
}


   /*FIM DIVISAO*/



 /*ÁREAS DE ATUAÇÃO*/

 .areas{
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    height: auto;
	  background-image: url("file:///V:/Centro%20de%20Custos/Marketing/2023/Ag%C3%AAncia%20ACIF/WEBLAB/gmgadvogados/site/assets/img/banner15.png"); 
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    color: #fff;
 }

 .areaatuacao .col-lg-4 {
  margin-top: 2rem;
  margin-bottom: 1.5rem;
  text-align: center; 
}

    .icon{
    fill: #fff;
    fill-rule: evenodd;
   }

   .icon:hover{
    fill: #8fa385;
    fill-rule: evenodd;
   }

   .btn-areas{
   	color: white;
   	font-family: "Montserrat";
   	font-size: 16px;
   }

    .btn-areas:hover{
   	color: #8fa385;
   	font-family: "Montserrat";
   	font-size: 16px;
   	font-weight: 600;   	
   }

   .btn-areas-mais{
    color: white;
    font-family: "Montserrat";
    font-size: 16px;
    border-color: white;
    border: 1.5px solid;
    border-radius: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 25px;
    padding-right: 25px;
   }

    .btn-areas-mais:hover{
    color: #6C85A3;
    border-color: #6C85A3;
   }


   /*FIM ÁREAS DE ATUAÇÃO*/


.titulo{
	font-family: Montserrat;
	font-size: 2.5em;
	color: #666;
	font-weight: 600;
}

.titulo2{
	font-family: Montserrat;
	font-size: 1.8em;
	color: #fff;
	font-weight: 600;
}

.titulo3{
	font-family: Montserrat;
	font-size: 2.5em;
	color: #fff;
	font-weight: 600;
}


.texto{
	text-align: justify;
}

.aspas{
 padding-bottom: 15px;
}
.aspas2{
 padding-top: 15px;
}


 /*CARROSEL*/

.carousel23{
  padding-top: 85px;
 }


/* Classe base do carrossel */
.carousel {
  margin-bottom: 4rem;
}
/* Desde o posicionamento da imagem, precisamos ajudar a legenda */
.carousel-caption {
  bottom: 25rem;
  z-index: 10;
}

/* Declarar alturas devido ao posicionamento do elemento img */
.carousel-item {
  height: 51.5rem;
}

/* RESPONSIVE CSS */

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }
}
.carousel-inner img {
    min-height: 200px;
}

@media(max-width:767px) {
        .carousel-inner>.item>a>img, .carousel-inner>.item>img{
            width: 100%;
            height: 240px;
    } }

@media(max-width:450px) {
        .carousel-inner>.item>a>img, .carousel-inner>.item>img{
            width: 100%;
            height: 269px;
} }

@media(max-width:320px) {
        .carousel-inner>.item>a>img, .carousel-inner>.item>img{
            width: 100%;
            height: 240px;
} }

 /*FIM CARROSEL*/

 /*EQUIPE*/

 .equipe{
  width: 100%;
  height: 90vh;
 }

 /*FIM EQUIPE*/

 /* unidades */

 .esq-frc{
  display: flex;
  justify-content: space-around;
  justify-items: center;
  align-items: center;
  background-color: #8fa385;
  color: #fff;
  height: 120px;
 }

 .dir-rib{
  display: flex;
  justify-content: space-around;
  justify-items: center;
  align-items: center;
  background-color: #232c1e;
  color: #fff;
  height: 120px;
 }

 .btn-unid-frc{
  color: #fff;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: 600;
  border: 1px solid #fff;
 }

 .btn-unid-frc:hover{
  color: #232c1e;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: 600;
  border: 1px solid #232c1e;
  
 }

 .btn-unid-rib{
  color: #fff;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: 600;
  border: 1px solid #fff;
 }

 .btn-unid-rib:hover{
  color: #8fa385;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: 600;
  border: 1px solid #8fa385;
 }

 .uni-rib-topo{
  background-color: #1a2315;
  display: flex;
  justify-content: space-around;
  justify-items: center;
  align-items: center;
  color: #fff;
  height: 120px;
  margin-top: 10px;
 }

  .uni-rib-membros{
    height: 100vh;
    background-color: #dddcda;
  }

 /* fim unidades */