@import "tailwindcss";
body {
  font-family: "Poppins", sans-serif;
}
section {
  margin: 150px auto;
  /* width: 1110px; */
  max-width: 1110px;
}
/* .container {
  max-width: 1110px;
  margin: 100px auto;
  border-bottom: 1px solid gray;
} */

/* shared styles */
.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.hero-right {
  margin-top: 100px;
  margin-bottom: 100px;
  width: 100%;
  position: relative;
  /* display: grid;
  place-items: center; */
}
.banner-image {
  /* centering images with positions */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

@media screen and (max-width: 768px) {
  .hero-right{
    margin-top: 200px;
  }
  .hero{
    margin-bottom: 200px;
  }
  
}


/* common styles */

.inter-normal {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}