@import url('https://fonts.googleapis.com/css2?family=Advent+Pro:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Changa:wght@200..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Tinos:ital,wght@0,400;0,700;1,400;1,700&display=swap');
body {
      font-family: "Tinos", serif;  
      }

      nav{
        font-family: "Changa", sans-serif;
      }
      .hero{
        font-family: "Advent Pro", sans-serif;
      }
      .feature-img{
        max-width: 350px;
        min-height: 250px;
      }
      .gradient-text {
        background: linear-gradient(135deg, #e7dede 0%, #a4042c 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
      }

      .gradient-text:hover {
        background:  #a4042c ;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
      }
      .hover-lift {
        transition: transform 0.3s ease, box-shadow 0.3s ease;
      }

      .hover-lift:hover {
        transform: translateY(-10px);
        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
      }

      @keyframes fadeInUp {
        from {
          opacity: 0;
          transform: translateY(30px);
        }
        to {
          opacity: 1;
          transform: translateY(0);
        }
      }

      .animate-fadeInUp {
        animation: fadeInUp 0.8s ease-out;
      }

      .bg-pattern {
        background-image: radial-gradient(
          circle at 1px 1px,
          rgba(0, 0, 0, 0.05) 1px,
          transparent 0
        );
        background-size: 40px 40px;
      }