@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900;&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap');

.isolabel {
    margin-bottom: 20px;
}

.bg-path-image svg path {
    stroke: #A5A5A5;
    stroke-width: 2px;
    stroke-linecap: square;
    stroke-dasharray: 10px 25px;
    animation: animateline 5s linear both infinite;
}

.bg-path-image svg circle {
    animation: circle 2s linear both infinite;
}

     @keyframes circle {
         70% {
             opacity: 0.2;
         }

         100% {
             opacity: 1;
         }
     }

     @keyframes animateline {
         from {
             stroke-dashoffset: 0;
         }

         to {
             stroke-dashoffset: -23rem;
         }
     }

     @media screen and (max-width: 1600px) {
         .container {
             width: 90% !important;
         }
     }

          .text-primary-iso {
         --tw-text-opacity: 1;
         color: #ffffff;
     }

     .bg-blue-50 {
         --tw-bg-opacity: 1;
         background-color: #b12908 !important;
     }
     .gradient-bg {
         background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
     }

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

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

     .fade-in {
         opacity: 0;
         transform: translateY(20px);
         transition: all 0.6s ease;
     }

     .fade-in.visible {
         opacity: 1;
         transform: translateY(0);
     }

     .progress-bar {
         background: linear-gradient(90deg, #ef4444 0%, #f97316 100%);
     }

     .progress-bar-success {
         background: linear-gradient(90deg, #22c55e 0%, #3b82f6 100%);
     }

     .icon-box {
         width: 48px;
         height: 48px;
         display: flex;
         align-items: center;
         justify-content: center;
         border-radius: 12px;
         background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
         color: white;
     }

     .nav-link {
         position: relative;
     }

     .nav-link::after {
         content: '';
         position: absolute;
         bottom: -2px;
         left: 0;
         width: 0;
         height: 2px;
         background: #3b82f6;
         transition: width 0.3s ease;
     }

     .nav-link:hover::after {
         width: 100%;
     }

     .stat-card {
         background: white;
         border-left: 4px solid #3b82f6;
     }

     @keyframes float {

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

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

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

     
        /* Modern Glassmorphism Nav */
        .glass-nav {
            background: rgba(255, 255, 255, 0.7);
            backdrop-filter: blur(20px);
            -webkit-backdrop-filter: blur(20px);
            border-bottom: 1px solid rgba(226, 232, 240, 0.5);
        }

        /* Heatmap optimized visual hierarchy */
        .cta-glow {
            box-shadow: 0 10px 30px -5px rgba(239, 68, 68, 0.4);
            transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        }

        .cta-glow:hover {
            transform: translateY(-2px) scale(1.02);
            box-shadow: 0 15px 40px -5px rgba(239, 68, 68, 0.5);
        }

        /* Bento Grid Premium Cards */
        .bento-card {
            background: #ffffff;
            border: 1px solid #f1f5f9;
            border-radius: 2rem;
            transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
            position: relative;
            overflow: hidden;
        }

        .bento-card:hover {
            border-color: rgba(239, 68, 68, 0.3);
            box-shadow: 0 30px 60px -12px rgba(15, 23, 42, 0.08);
            transform: translateY(-8px);
        }

        /* Smooth Reveal Logic */
        .reveal {
            opacity: 1;
            transform: translateY(40px);
            transition: all 0.9s cubic-bezier(0.22, 1, 0.36, 1);
        }

        .reveal.active {
            opacity: 1;
            transform: translateY(0);
        }

        /* Text balance utility for headlines */
        .text-balance {
            text-wrap: balance;
        }

        /* Interactive list markers */
        .check-item i {
            transition: transform 0.3s ease;
        }

        .check-item:hover i {
            transform: scale(1.2) rotate(10deg);
        }

        /* Custom Selection Color */
        ::selection {
            background: #fee2e2;
            color: #ef4444;
        }

        /* Floating Blobs for background depth */
        .blob {
            position: absolute;
            z-index: -1;
            filter: blur(100px);
            border-radius: 50%;
            opacity: 0.15;
            pointer-events: none;
        }

        header .header_top .mainmenu ul li a:hover,
        header .header_top .mainmenu ul li a.active {
            color:#ef4444 !important;
        }

        header .header_top .mainmenu ul li:last-child a {
            background: #ef4444;
            color: var(--white-color);
            width: 155px;
            height: 45px;
            line-height: 45px;
            display: block;
            border-radius: 50px;
            box-shadow: 0 15px 40px -5px rgba(239, 68, 68, 0.5)
        }

        header .header_top .mainmenu ul li:last-child a:hover {
            background: rgb(15 23 42) !important;
            color: var(--white-color) !important;
        }

        .mega-item {
            display: flex;
            align-items: flex-start;
            width: calc(80% - 15px);
            /* 2 columns on desktop */
            gap: 35px;
            padding: 16px;
            border-radius: 3px;
            color: #333333 !important;
            font-weight: 400 !important;
        }

        header .header_top .mainmenu ul li.nav-item .mega-menu {
            display: none;
            background-color: var(--white-color);
            background: rgb(255, 255, 255, 67%) !important;
            backdrop-filter: blur(25px);
            /* width: min-content; */
            width: 100%;
        }

        @media screen and (max-width: 1600px) {
            .container {
                width: 90% !important;
            }

            .py-20 {
                padding-top: 0rem !important;
            }
        }

        .iso-badge-pulse {
            animation: pulse-red 3s infinite;
        }
        @keyframes pulse-red {
            0% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.4); }
            70% { box-shadow: 0 0 0 10px rgba(239, 68, 68, 0); }
            100% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0); }
        }