/*
HOME v 1.0;
06/2022;
João Pereira;
*/

.home .principal{
  margin-top:0;
}

.home .servicos{
  transform: translateY(-225px);
  margin-bottom:-225px;
}

.home .serv{
  box-shadow: 5px 5px 10px -5px rgb(0 0 0 / 10%);
  border-radius: 21px;
  background-color:#fff;
  width: calc(100% - 1rem);
  height: 100%;
  margin: 0 auto;
  aspect-ratio: 16 / 12;
  transition: all .3s ease-in-out;
}

.home .serv:hover{
  margin-top:-5px;
  box-shadow: 0px 10px 10px -5px rgb(0 0 0 / 5%);
}

.home .serv__icon{
  width: 50px;
  height:50px;
  border-radius: 14px;
}

.home .serv__icon img{
  width:75%!important;
}

.home .serv__title{
  color: #000;
  font-size: 25px;
}

.home .serv__content{
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.44;
  letter-spacing: normal;
  text-align: left;
  color: #808080;
}

.home .serv__more{
  border: unset;
  color: #fff;
  border-radius: 50%;
  position: absolute;
  bottom: 0;
  right: 1.5rem;
  width: 50px;
  height: 50px;
  font-size: 30px;
  line-height: inherit;
  transform: translateY(50%);
  transition:all .3s ease-in-out;
}

.home .serv:hover .serv__more{
  background-color:#fff!important;
}

.home .serv__more p{
  height:inherit;
  width:inherit;
}

.home .about h3{
  font-size: 25px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #333;
}

.home .about__content{
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.44;
  letter-spacing: normal;
  text-align: left;
  color: #808080;
}

.home .about__img{
  width:75%;
  aspect-ratio: 3/5;
  margin-left: auto;
  overflow:hidden;
  border-radius: 7px;
}

.home .about__img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 7px;
  transition: all .3s ease-in-out;
}

.home .about__img:hover img{
  transform: scale(1.1);
}

.home .about__content__img{
  width:75%;
  aspect-ratio: 5/4;
  overflow: hidden;
  border-radius: 7px;
}

.home .about__content__img img{
  width: 100%;
  height: 100%;
  border-radius: 7px;
  object-fit: cover;
  object-position: center;
  transition: all .3s ease-in-out;
}

.home .about__content__img:hover img{
  transform: scale(1.1);
}

.home .parceiros h2{
  font-size: 30px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.75;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}

.home .partner{
  border-radius: 7px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width:100%;
  aspect-ratio:4/5;
  transition: all .3s ease-in-out;
}

.home .partner:hover{
  margin-top:-5px;
}

.home .partner__name{
  font-weight:bold;
  color:white;
}

.home .partner img{
  width:75%!important;
  filter: drop-shadow(1px 2px 1px #020202);
  transition: all .3s ease-in-out;
}

.home .partner__more{
  border: unset;
  color: #fff;
  border-radius: 50%;
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  width: 50px;
  height: 50px;
  font-size: 30px;
  line-height: inherit;
  transition:all .3s ease-in-out;
}

.home .partner:hover .partner__more{
  background-color:#fff!important;
}

.home .partner__more p{
  height:inherit;
  width:inherit;
}

.home #partners .owl-nav{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-top:0;
}

.home #partners .owl-prev, .home #partners .owl-next{
  background-color: rgba(75, 174, 221, .5);
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: white;
  font-size: 40px;
  line-height: .8;
  display: flex;
  transition: all .3s ease-in-out;
  align-items: center;
  justify-content: center;
}

.home #partners .owl-prev span, .home #partners .owl-next span{
  height:40px;
}

.home #partners .owl-prev:hover, .home #partners .owl-next:hover{
  background-color:#4BAEDD;
}

.home #partners .owl-prev{
  left:-10px;
}

.home #partners .owl-next{
  right:-30px;
}

.home .partners-slide{
  -webkit-appearance: none;  
  margin:0 12px;
  width: calc(100% - 24px);
  height: 2px;
  background: #e1e1e1;
  outline: none;
  opacity: 0.75;
  -webkit-transition: .3s ease-in-out;
  transition: opacity .3s ease-in-out;
}

.home .partners-slide:hover{
  opacity: 1;
}

.home .partners-slide::-webkit-slider-thumb{
  -webkit-appearance: none;
  appearance: none;
  width: 200px;
  height: 6px;
  background:rgb(4, 114, 163);
  cursor: pointer;
}

.home .partners-slide::-moz-range-thumb{
  width: 25px;
  height: 25px;
  background: rgb(4, 114, 163);
  cursor: pointer;
}

.home .orcamento{
  background-image: url(../images/servicos-bg.png);
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 100%;
}

.home .orcamento h2{
  font-size: 30px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.75;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}

@media only screen and (max-width:1400px){
  .home .serv{
    aspect-ratio: 16 / 17;
  }
}

@media only screen and (max-width:1200px){
  .home .serv__content{
    font-size: 14px;
  }

  .home .serv{
    width: 250px;
    aspect-ratio: 16/23;
  }

  .home .about__content{
    font-size:14px;
  }
}

@media only screen and (max-width:768px){
  .home .serv{
    width: 300px;
    aspect-ratio: 17/17;
  } 

  .home .about__content__img, .home .about__img{
    width:100%;
  }
}

@media only screen and (max-width:576px){
  h2.imgbanner__title{
    font-size: 40px;
  }

  .imgbanner__subtitle{
    font-size: 20px;
  }
}