 body {
            background-color: #f8fafc; /* Changed to slate-50 for subtle look */
            color: #1e293b;
        }
        .gradient-text {
            background: linear-gradient(to right, #059669, #2563eb);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        .hero-pattern {
            background-image: radial-gradient(#e2e8f0 1px, transparent 1px); /* Slightly darker dots */
            background-size: 32px 32px;
        }

        .flex_widht{
                width: 38%;
        }
        .logo img{
                width: 45%;
        }


        @media screen and (max-width: 992px) {
         .logo img {
    width: 100%;
}


        }

        .icon_meta img{
          width: 12%;
    margin-bottom: 12px;
        }


        
        /* Container entrance */
        .fade-in {
            animation: fadeIn 0.8s ease-out forwards;
        }

        /* Icon background pop */
        .scale-up {
            animation: scaleUp 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
            opacity: 0;
        }

        /* The drawing animation for the SVG path */
        .check-path {
            stroke-dasharray: 100;
            stroke-dashoffset: 100;
            animation: drawCheck 0.8s ease-out forwards 0.6s;
        }

        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(20px); }
            to { opacity: 1; transform: translateY(0); }
        }

        @keyframes scaleUp {
            from { transform: scale(0.5); opacity: 0; }
            to { transform: scale(1); opacity: 1; }
        }

        @keyframes drawCheck {
            from { stroke-dashoffset: 100; }
            to { stroke-dashoffset: 0; }
        }


        .padding-top-bottom{
            padding: 60px 0px;
        }

        .flex-shrink-0_widht{
               width: 18% !important;
        }
        .logo_widht img{
            width: 100%;
        }


          @media screen and (max-width: 992px) {
        .flex-shrink-0_widht {
    width: 45% !important;
}


        }