#dna-trail-root {
        position: fixed;
        inset: 0;
        z-index: 2147483000;
        width: 100vw;
        height: 100vh;
        overflow: hidden;
        pointer-events: none;
    }

    #dna-trail-root canvas,
    .dna-trail-canvas {
        position: fixed !important;
        inset: 0;
        width: 100% !important;
        height: 100% !important;
        pointer-events: none;
    }

    a,
    .btn,
    button,
    input[type="button"],
    input[type="submit"],
    .theme-button,
    .whtasapp-btn {
        position: relative;
    }

    a,
    button,
    .btn,
    .theme-button,
    .whtasapp-btn {
        isolation: isolate;
    }

    .btn,
    button,
    input[type="button"],
    input[type="submit"],
    .theme-button,
    .whtasapp-btn {
        overflow: hidden;
    }

    .btn.btn-success,
    .btn.btn-primary,
    .theme-button,
    .whtasapp-btn,
    .input-group-append .btn,
    .event-action .btn,
    .doctor-social .btn,
    .buttonWrap .btn {
        box-shadow: 0 0 0 rgba(48, 204, 165, 0);
        animation: mightyPulseGlow 2.8s ease-in-out infinite;
    }

    .btn::after,
    button::after,
    .theme-button::after,
    .whtasapp-btn::after {
        content: "";
        position: absolute;
        inset: -2px;
        z-index: -1;
        border-radius: inherit;
        background: radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.38), rgba(48, 204, 165, 0) 62%);
        opacity: 0;
        transform: scale(0.82);
        transition: opacity 220ms ease, transform 220ms ease;
    }

    .btn:hover::after,
    .btn:focus-visible::after,
    button:hover::after,
    button:focus-visible::after,
    .theme-button:hover::after,
    .theme-button:focus-visible::after,
    .whtasapp-btn:hover::after,
    .whtasapp-btn:focus-visible::after {
        opacity: 1;
        transform: scale(1);
    }

    .department-box-4,
    .event-box-2,
    .doctor-box-1,
    .customCol,
    .work_bx,
    .vission-card,
    .card-box,
    .top-doctors-card,
    .hospital-card {
        position: relative;
        overflow: hidden;
        isolation: isolate;
    }

    .department-box-4::before,
    .event-box-2::before,
    .doctor-box-1::before,
    .customCol::before,
    .work_bx::before,
    .vission-card::before,
    .card-box::before,
    .top-doctors-card::before,
    .hospital-card::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 2;
        pointer-events: none;
        background:
            linear-gradient(105deg, transparent 0%, rgba(255, 255, 255, 0) 34%, rgba(255, 255, 255, 0.68) 50%, rgba(79, 193, 176, 0.18) 56%, transparent 72%),
            repeating-linear-gradient(0deg, rgba(22, 133, 124, 0.08) 0 1px, transparent 1px 7px);
        opacity: 0;
        transform: translateX(-120%);
    }

    .department-box-4:hover::before,
    .event-box-2:hover::before,
    .doctor-box-1:hover::before,
    .customCol:hover::before,
    .work_bx:hover::before,
    .vission-card:hover::before,
    .card-box:hover::before,
    .top-doctors-card:hover::before,
    .hospital-card:hover::before {
        animation: mightyCardScan 1050ms ease-out;
    }

    @keyframes mightyPulseGlow {
        0%,
        100% {
            box-shadow: 0 0 0 rgba(48, 204, 165, 0), 0 5px 14px rgba(22, 133, 124, 0.14);
        }

        50% {
            box-shadow: 0 0 0 5px rgba(48, 204, 165, 0.13), 0 0 24px rgba(48, 204, 165, 0.42);
        }
    }

    @keyframes mightyCardScan {
        0% {
            opacity: 0;
            transform: translateX(-120%);
        }

        18%,
        78% {
            opacity: 1;
        }

        100% {
            opacity: 0;
            transform: translateX(120%);
        }
    }

    @media (prefers-reduced-motion: reduce) {
        #dna-trail-root {
            display: none;
        }

        .btn.btn-success,
        .btn.btn-primary,
        .theme-button,
        .whtasapp-btn,
        .input-group-append .btn,
        .event-action .btn,
        .doctor-social .btn,
        .buttonWrap .btn {
            animation: none;
        }

        a:hover::before,
        a:focus-visible::before,
        button:hover::before,
        button:focus-visible::before,
        .mighty-heart-pop {
            animation: none;
        }

        .department-box-4:hover::before,
        .event-box-2:hover::before,
        .doctor-box-1:hover::before,
        .customCol:hover::before,
        .work_bx:hover::before,
        .vission-card:hover::before,
        .card-box:hover::before,
        .top-doctors-card:hover::before,
        .hospital-card:hover::before {
            animation: none;
        }
    }