@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700;900&family=DM+Sans:wght@400;500;700&display=swap');

.icon-primary {
  color: #361FDE; 
}

/* Ensure Inter font is used everywhere */
body, h1, h2, h3, p {font-family: 'Inter', sans-serif;}

 body { font-family: 'Inter', sans-serif; padding-top: 40px;}
.feature-icon { color: #361FDE; }

/* Dotted background pattern */
.bg-dots {
  background-color: #fff;
  background-image: url(../images/coming-soon-bg.png);
  background-size: auto 500px;
  background-position: 0 0, 16px 16px;
  background-repeat: repeat-x;
}

.hero-text{
  max-width: 550px;
  h1{
    font-size: 38px; font-weight: 700; line-height: 1; margin-bottom: 16px;
    span{display: flex; color: #361FDE; font-weight: 900; margin-bottom: 16px;}
  }
  p{padding-top: 0; color: #4B5563; font-weight: 500; font-size: 22px; line-height: 1.4; font-family: 'DM Sans', sans-serif; max-width: 560px; margin-bottom: 30px;}
}
.request-form{
  form{
    label{
      font-size: 16px; font-weight: 500; color: #000; margin-bottom: 8px;
    }
    .form-control{border-top-right-radius: 0; border-bottom-right-radius: 0;}
    .btn{border-top-left-radius: 0; border-bottom-left-radius: 0; background-color: #361FDE; color: #fff; font-weight: 500; padding: 10px 20px; font-size: 16px; white-space: nowrap;}
  }
}

.key-features-section {
  padding: 120px 0 50px;

  h2{font-size: 24px; font-weight: 600; margin-bottom: 40px;}
  .key-features-card{
    background-color: #fff; border-radius: 10px; padding: 20px; border: 1px solid #E5E7EB; height: 100%;

    img{margin-bottom: 15px;}
    h3{font-size: 20px; font-weight: 600; margin-bottom: 10px;}
    p{font-size: 16px; color: #494F57; font-family: 'DM Sans', sans-serif; margin-bottom: 0; font-weight: 500;}
  }
}

footer{
  border-top: 1px solid #E5E7EB; 
  
  .powered-by-text{color: #4B5563; font-size: 14px; font-weight: 600;}
  .social-icons{
    display: flex; gap: 12px; 
    img{width: 28px; height: 28px;}
  }

  @media (max-width: 768px) {
    .d-flex.justify-content-between{flex-direction: column; align-items: center;}
    .powered-by-text{margin-bottom: 20px;}
    
  }
}

/* Responsive tweaks if needed */
@media (max-width: 640px) {
  .max-w-xl {
    padding: 1.5rem;
  }
} 

.text-lg{font-size: 1.125rem;line-height: 1.75rem;}
.text-base{font-size: 1rem;line-height: 1.5rem;}
.font-medium{font-weight: 500;}