body {
     font-family: 'Inter', sans-serif;
     background-color: #1a202c;
 }

 .hero-bg {
     background-image: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
     animation: background-pan 15s ease infinite;
 }

 @keyframes background-pan {
     0% {
         background-position: 0% 50%;
     }

     50% {
         background-position: 100% 50%;
     }

     100% {
         background-position: 0% 50%;
     }
 }

 .card {
     backdrop-filter: blur(10px);
     background-color: rgba(255, 255, 255, 0.1);
 }

 .tool-button {
     transition: all 0.3s ease;
     transform: translateY(0);
 }

 .tool-button:hover {
     transform: translateY(-4px);
     box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
 }

 .drop-area {
     border: 2px dashed #4a5568;
     padding: 2rem;
     text-align: center;
     transition: all 0.3s ease;
     cursor: pointer;
 }

 .drop-area.drag-over {
     background-color: rgba(255, 255, 255, 0.1);
     border-color: #667eea;
 }

 .file-list {
     margin-top: 1rem;
 }

 @keyframes stripes {
     0% {
         background-position: 0 0;
     }

     100% {
         background-position: 20px 0;
     }
 }
 .tool-card {
            transition: all 0.3s ease;
            transform: translateY(0);
        }

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

         /* SweetAlert custom styling in contact us page start */
        .swal2-title,
        .swal2-html-container {
            font-family: 'Inter', sans-serif;
            color: #1a202c;
        }

        .swal2-icon.swal2-success {
            border-color: #10B981 !important;
            color: #10B981 !important;
        }

        .swal2-icon.swal2-error {
            border-color: #EF4444 !important;
            color: #EF4444 !important;
        }

        .swal2-confirm {
            background-color: #4C51BF !important;
            color: white !important;
        }
         /* SweetAlert custom styling in contact us page end */