@view-transition { navigation: auto; }
body {
      box-sizing: border-box;
    }
    html {
      scroll-behavior: smooth;
    }
    .font-heading {
      font-family: 'Poppins', sans-serif;
    }
    .font-body {
      font-family: 'Open Sans', sans-serif;
    }
    .service-card {
      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .service-card:hover {
      transform: scale(1.05);
    }
    .blob-bg {
      background: 
        radial-gradient(circle at 20% 30%, rgba(59, 130, 246, 0.15) 0%, transparent 50%),
        radial-gradient(circle at 80% 70%, rgba(147, 197, 253, 0.15) 0%, transparent 50%),
        radial-gradient(circle at 50% 50%, rgba(191, 219, 254, 0.1) 0%, transparent 50%);
    }
    @keyframes float {
      0%, 100% { transform: translateY(0px); }
      50% { transform: translateY(-20px); }
    }
    .float-animation {
      animation: float 6s ease-in-out infinite;
    }
    @keyframes pulse-soft {
      0%, 100% { opacity: 1; }
      50% { opacity: 0.8; }
    }
    .pulse-soft {
      animation: pulse-soft 3s ease-in-out infinite;
    }
    .card-shadow {
      box-shadow: 0 10px 30px -5px rgba(59, 130, 246, 0.2);
    }
    .nav-link {
      position: relative;
      transition: color 0.3s ease;
    }
	.nav-link.active{color:#2563eb}
    .nav-link::after {
      content: '';
      position: absolute;
      bottom: -4px;
      left: 50%;
      transform: translateX(-50%) scaleX(0);
      width: 80%;
      height: 3px;
      background: #3b82f6;
      border-radius: 10px;
      transition: transform 0.3s ease;
    }
    .nav-link:hover::after, .nav-link.active::after {
      transform: translateX(-50%) scaleX(1);
    }
    @keyframes bounce-in {
      0% { transform: scale(0.8); opacity: 0; }
      50% { transform: scale(1.05); }
      100% { transform: scale(1); opacity: 1; }
    }
    .animate-bounce-in {
      animation: bounce-in 0.4s ease-out;
    }
.logo-img{max-width:140px;}
.text-red{color:red}