/* Custom Spinner */
    
        .spinner-wrapper {
            position: relative;
            width: 70px;
            height: 70px;
        }

        /* Outer Animated Circle */
        .outer-ring {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: 6px solid #d7d7d7;
            /* light grey */
            border-top: 6px solid #0E6655;
            /* main theme color (greenish) */
            border-radius: 50%;
            animation: rotateRing 1.5s linear infinite;
        }

        /* Logo Rotation */
        .custom-spinner {
            width: 110px;
            height: 110px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);

        }

        /* Outer Ring Animation */
        @keyframes rotateRing {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }


        /* End Customer Spinner */