/* Custom Font */
@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&family=Pixelify+Sans:wght@400..700&display=swap');

.main-font{
  font-family: "Figtree", sans-serif;
}

body,html{
  background-color: #A98CC7;
}

.navigation-container a:hover{
  color: #FCE38A;
  transition: all 0.2s ease-in-out;
}

/* Grid pattern background for section-1 */
#section-1 {
  background-image: radial-gradient(rgba(235, 235, 235, 0.15) 2px, transparent 2px);
  background-size: 25px 25px;
  background-position: top center;
}

/* Tablet (768px and below) */
@media screen and (max-width: 768px) {
  /* Add tablet specific styles here */
}

/* Mobile (480px and below) */
@media screen and (max-width: 480px) {
  .price-area .left-text {
    align-items: center;
  }

  .price-area .right-text{
    justify-content: center!important;
    align-items: center!important;
  }

  .information-area,
  .information-area .left-area {
    width: 100%;
  }
}