body {
  margin: 0;
  padding: 0;
}

header {
  background: linear-gradient(-45deg, #1e3a5f, #ffffff);
  background-size: 200% 200%;
  animation: gradient 8s ease infinite;
  height: 100vh;
  margin: 0;
}

@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

h1 {
  font-family: "Playfair Display", serif;
}

h2 {
  font-family: "Playfair Display", serif;
}

h3 {
  font-family: "Inter", sans-serif;
}

p {
  font-family: "Inter", sans-serif;
}

button {
  font-family: "Inter", sans-serif;
}

span {
  font-family: "Inter", sans-serif;
}

.swiper-wrapper {
  width: 100%;
  height: max-content !important;
  padding-bottom: 64px !important;
  -webkit-transition-timing-function: linear !important;
  transition-timing-function: linear !important;
  position: relative;
}

.swiper-pagination {
  right: 2.5rem !important;
  left: 100% !important;
  top: 33.3333% !important;
  transform: translateY(2rem) !important;
}
.swiper-pagination-bullet {
  background: #4f46e5;
}
.swiper-pagination-bullet-active {
  background: #4f46e5 !important;
}

.whats-app,
.whats-app * {
  box-sizing: border-box;
}
.whats-app {
  background: linear-gradient(
    0deg,
    rgba(32, 176, 56, 1) 0%,
    rgba(96, 214, 106, 1) 100%
  );
  border-radius: 400px;
  width: 34px;
  height: 34px;
  position: relative;
  overflow: hidden;
}
.group {
  width: 60.66%;
  height: 60.66%;
  position: absolute;
  right: 19.67%;
  left: 19.67%;
  bottom: 20.91%;
  top: 18.43%;
  overflow: visible;
}

@media screen and (min-width: 770px){
  section{
    padding: 0 200px;
  }

  #local{
    padding: 40px 0;
  }

  #quem-somos{
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  #diferencial{
    padding-top: 100px;
  }
  
  #servicos{
    padding-top: 100px;
  }

  #servicos-subtexto{
    padding: 50px 300px;
  }

  #estrutura{
    
  }

  #btn-subtexto-servicos{
    width: 500px;
  }

  #blocos-servicos{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }

  #img-texto-quemsomos{
    padding-top: 20px;
  }
}