@font-face {
    font-family: 'Norwester'; 
    src: url('../assets/fonts/norwester.otf') format('truetype');
    font-weight: 300; 
    /* font-style: normal;  */
  }
  
  @font-face {
    font-family: 'Lexend'; 
    src: url('../assets/fonts/Lexend.ttf') format('truetype');
    font-weight: normal; 
    /* font-style: normal;  */
  }
  
  body, html {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
  } 
  
   h1, h2, h3, h4, h5, h6 {
    font-family: 'Norwester'; 
    color: #1f2937;
   }
  
   p, span, button, a, li, ol, ul {
    font-family: 'Lexend'; 
    color:  #4b5563;
   }

   /* Base Styles (default for desktop) */
h1 {
    font-size: 3rem !important; /* 48px */
    line-height: 1.2;
}
h2 {
    font-size: 2.5rem !important; /* 40px */
    line-height: 1.3;
}
h3 {
    font-size: 2rem !important; /* 32px */
    line-height: 1.4;
}
h4 {
    font-size: 1.75rem !important; /* 28px */
    line-height: 1.5;
}
h5 {
    font-size: 1.5rem !important; /* 24px */
    line-height: 1.6;
}
h6 {
    font-size: 1.25rem !important; /* 20px */
    line-height: 1.7;
}
p, li, th, td {
    font-size: 1rem !important; /* 16px */
    line-height: 1.6;
}

/* Small Desktops and Tablets */
@media (max-width: 1024px) {
    h1 {
        font-size: 2.5rem !important; /* 40px */
    }
    h2 {
        font-size: 2.25rem !important; /* 36px */
    }
    h3 {
        font-size: 1.75rem !important; /* 28px */
    }
    h4 {
        font-size: 1.5rem !important; /* 24px */
    }
    h5 {
        font-size: 1.25rem !important; /* 20px */
    }
    h6 {
        font-size: 1.125rem !important; /* 18px */
    }
    p {
        font-size: 0.9375rem !important; /* 15px */
    }
    li {
        font-size: 0.9375rem !important; /* 15px */
    }
    th {
        font-size: 0.9375rem !important; /* 15px */
    }
    td {
        font-size: 0.9375rem !important; /* 15px */
    }
}

/* Tablets and Large Smartphones */
@media (max-width: 768px) {
    h1 {
        font-size: 2rem !important; /* 32px */
    }
    h2 {
        font-size: 1.75rem !important; /* 28px */
    }
    h3 {
        font-size: 1.5rem !important; /* 24px */
    }
    h4 {
        font-size: 1.25rem !important; /* 20px */
    }
    h5 {
        font-size: 1.125rem !important; /* 18px */
    }
    h6 {
        font-size: 1rem !important; /* 16px */
    }
    p {
        font-size: 0.875rem !important; /* 14px */
    }
    li {
        font-size: 0.875rem !important; /* 14px */
    }
    th {
        font-size: 0.875rem !important; /* 14px */
    }
    td {
        font-size: 0.875rem !important; /* 14px */
    }
}

/* Small Smartphones */
@media (max-width: 480px) {
    h1 {
        font-size: 1.75rem !important; /* 28px */
    }
    h2 {
        font-size: 1.5rem !important; /* 24px */
    }
    h3 {
        font-size: 1.25rem !important; /* 20px */
    }
    h4 {
        font-size: 1.125rem !important; /* 18px */
    }
    h5 {
        font-size: 1rem !important; /* 16px */
    }
    h6 {
        font-size: 0.9375rem !important; /* 15px */
    }
    p {
        font-size: 0.8125rem !important; /* 13px */
    }
    li {
        font-size: 0.8125rem !important; /* 13px */
    }
    th {
        font-size: 0.8125rem !important; /* 13px */
    }
    td {
        font-size: 0.8125rem !important; /* 13px */
    }
}

/* WhatsApp */
.whatsapp-button {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 1000;
  display: inline-block;
  border-radius: 50%;
  box-shadow: 0 4px 12px rgba(0,0,0,0.3);
  transition: transform 0.2s ease-in-out;
}

.whatsapp-button:hover {
  transform: scale(1.1);
}

.whatsapp-button img {
  width: 62px;
  height: 62px;
}

/* Responsive Sizes */
@media (max-width: 768px) {
  .whatsapp-button img {
    width: 56px;
    height: 56px;
  }
}

@media (max-width: 480px) {
  .whatsapp-button img {
    width: 48px;
    height: 48px;
  }
}

@media (max-width: 360px) {
  .whatsapp-button img {
    width: 42px;
    height: 42px;
  }
}