@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

 body{
     font-family: "Montserrat", sans-serif !important;
 }

 .select-box-custom{
    appearance: none;       /* For most modern browsers */
  -webkit-appearance: none; /* For Safari/Chrome */
  -moz-appearance: none;    /* For Firefox */
  background: white;
  padding: 8px 32px 8px 12px; /* right padding for arrow */
  border-right: 1px solid #666;
  
  background: url("data:image/svg+xml;utf8,<svg fill='white' height='16' viewBox='0 0 24 24' width='16' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>") 
              no-repeat right 12px center;
  background-size: 25px;
 }
 .modal-backdrop{
    backdrop-filter: blur(5px) !important;
    --bs-backdrop-opacity:1 !important;
    background-color:#00000090;
 }

 
 .gradient-primary {
     background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
 }

 .gradient-secondary {
     background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
 }

 .gradient-tech {
     background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
 }

 .gradient-dark {
     background: linear-gradient(135deg, #0c0c0c 0%, #1a1a2e 50%, #16213e 100%);
 }

 .tech-pattern {
     background-image:
         radial-gradient(circle at 25% 25%, #667eea 2px, transparent 2px),
         radial-gradient(circle at 75% 75%, #764ba2 1px, transparent 1px);
     background-size: 50px 50px;
     opacity: 0.1;
 }

 .floating-animation {
     animation: float 6s ease-in-out infinite;
 }

 @keyframes float {

     0%,
     100% {
         transform: translateY(0px);
     }

     50% {
         transform: translateY(-20px);
     }
 }


 .glow-effect {
     box-shadow: 0 0 20px rgba(102, 126, 234, 0.3);
 }

 .card-hover {
     transition: all 0.3s ease;
 }

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

 .tech-icon {
     transition: all 0.3s ease;
 }

 .tech-icon:hover {
     transform: scale(1.1) rotate(5deg);
 }

 .neural-network {
     background:
         radial-gradient(circle at 20% 20%, rgba(102, 126, 234, 0.1) 0%, transparent 50%),
         radial-gradient(circle at 80% 80%, rgba(118, 75, 162, 0.1) 0%, transparent 50%),
         radial-gradient(circle at 40% 60%, rgba(75, 172, 254, 0.1) 0%, transparent 50%);
 }


 .logo-img {
     max-width: 50% !important;
 }