@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&display=swap');

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

body{
  font-family: 'Lato', sans-serif;
  font-size:16px;
  color:#424949;
  background-color:#F4F6F6;
}

.padding-zero{
  padding:0;
}

/**** HEADER ****/
#section-header{
  background: linear-gradient(#04c1ea, #049bbc);
  position:relative;
  height:410px;
  overflow-x:hidden;
}

.header-logo{
  position:absolute;
  width:200px;
  height:auto;
  top:25px;
  z-index:10;
  left:50%;
  transform:translateX(-50%);
  -webkit-transform:translateX(-50%);
  -moz-transform:translateX(-50%);
  -ms-transform:translateX(-50%);
  -o-transform:translateX(-50%);
}

.building-01{
  position:absolute;
  width:130px;
  height:auto;
  bottom:60px;
  left:-30px;
}

.building-02{
  position:absolute;
  width:130px;
  height:auto;
  bottom:20px;
  left:50%;
  transform:translateX(-50%);
  -webkit-transform:translateX(-50%);
  -moz-transform:translateX(-50%);
  -ms-transform:translateX(-50%);
  -o-transform:translateX(-50%);
}

.building-03{
  position:absolute;
  width:150px;
  height:auto;
  bottom:40px;
  right:-50px;
}

.building-04{
  position:absolute;
  width:180px;
  height:auto;
  bottom:20px;
  right:90px;
  display:none;
}

.homes{
  position:absolute;
  width:1300px;
  height:auto;
  left:-70px;
  bottom:20px;
}

.family-grass{
  position:absolute;
  background-color:#3c9443;
  width:100%;
  height:20px;
  bottom:0;
}

.family{
  position:absolute;
  width:130px;
  height:auto;
  bottom:0px;
  left:50%;
  transform:translateX(-50%);
  -webkit-transform:translateX(-50%);
  -moz-transform:translateX(-50%);
  -ms-transform:translateX(-50%);
  -o-transform:translateX(-50%);
}

/**** TITLE ****/
#section-title{
  background-color:#3c9443;
  width:100%;
  height:230px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
}

.grass{
  text-align:center;
  color:whitesmoke;
  padding:0 26px;
}

.header-title{
  font-size:1.45rem;
  line-height:32px;
  margin-bottom:18px;
}

.header-text{
  font-size:1.2rem;
  margin-bottom:12px;
}

.arrow{
  font-size:1.7rem;
}

/**** CLIENTS ****/
#section-clients{
  overflow-x:hidden;
  padding:40px 0;
}

.container-client{
  margin:16px 30px;
}

.client-top{
  position:relative;
  height:140px;
  text-align:center;
  border-top:1px solid #A6ACAF;
  border-left:1px solid #A6ACAF;
  border-right:1px solid #A6ACAF;
  border-top-left-radius:7px;
  border-top-right-radius:7px;
}

.catagory{
  padding-top:24px;
  color:#293c47;
  font-weight:900;
  font-size:1rem;
  text-transform:uppercase;
  text-decoration:underline;
}

.client-logo{
  position:absolute;
  width:94%;
  height:auto;
  margin-top:12px;
  left:50%;
  bottom:0;
  transform:translateX(-50%);
  -webkit-transform:translateX(-50%);
  -moz-transform:translateX(-50%);
  -ms-transform:translateX(-50%);
  -o-transform:translateX(-50%);
}

.logo{
  width:100%;
  height:auto;
}

.client-bottom{
  height:120px;
  text-align:center;
  background-color:#D35400;
  display:flex;
  flex-direction:column;
  justify-content: center;
  align-items: center;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
}

.client-name{
  color:#fff;
  font-weight:400;
  font-size:1rem;
}

.btn-link{
  margin:20px 0 14px;
  background-color:whitesmoke;
  text-decoration:none;
  text-transform:uppercase;
  font-size:0.8rem;
  font-weight:700;
  color:#D35400;
  letter-spacing:1px;
  padding:8px 46px;
  border:none;
  border-radius:4px;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  -ms-border-radius:4px;
  -o-border-radius:4px;
  transition:all 0.3s ease-in-out;
  -webkit-transition:all 0.3s ease-in-out;
  -moz-transition:all 0.3s ease-in-out;
  -ms-transition:all 0.3s ease-in-out;
  -o-transition:all 0.3s ease-in-out;
}

.btn-link:hover{
  background-color:#608193;
  color:#fff;
}

.client-top-whas{
  text-align:center;
  height:140px;
  display:flex;
  justify-content:center;
  align-items: center;
  border-top:1px solid #A6ACAF;
  border-left:1px solid #A6ACAF;
  border-right:1px solid #A6ACAF;
  border-top-left-radius:7px;
  border-top-right-radius:7px;
}

.container-client-whas11{
  margin:16px 30px;
}

#section-clients .container .row .col-md-6:nth-child(1) .container-client{
  margin-top:0;
}

#section-clients .container .row .col-md-6:nth-last-child(1) .container-client-whas11{
  margin-bottom:0;
}



/**** FOOTER ****/
#section-footer{
  /* background-color:#D35400; */
  padding:8px 0;
  text-align:center;
}

.footer-text{
  color:#293c47;
  font-size:0.65rem;
}