.center-text{
              margin-left: -160px;
            }

        /* Responsive styles for the rotating text */
        .rotate-container {
            perspective: 1000px;
            text-align: center;
            width: 100%; /* Take full width of parent */
            /* padding: 10px;  */
            /* Add some padding */
            box-sizing: border-box;
        }

        .rotate-text { 
            font-family: 'Noto Sans Devanagari', sans-serif;
            font-size: 1.5vw; /* Scales with viewport width */
            font-weight: bold; /* 'font:bold' is incorrect, use 'font-weight: bold;' */
            line-height: 1.6;
            animation: rotateY 10s linear infinite, shine 3s infinite;
            transform-style: preserve-3d;
            background: linear-gradient(90deg, #b8860b, #daa520, #a0522d, #b8860b);
            background-size: 200% auto;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            color: #ffd700; /* Fallback color for browsers that don't support text-fill-color */
            display: inline-block; /* Essential for text-fill-color to work correctly */
            white-space: nowrap; /* Keep mantra on one line if possible, handle overflow */
            overflow: hidden; /* Hide overflow if text is too large */
            text-overflow: ellipsis; /* Add ellipsis if hidden */
            min-width: 0; /* Allow shrinking */
        }

        /* Medium mobile devices (360px - 480px) */
        @media (min-width: 360px) {
            .rotate-text {
                font-size: 5vw;
            }
        }

        /* Large phones and small tablets (481px - 767px) */
        @media (min-width: 481px) {
            .rotate-text {
                font-size: 4.5vw;
            }
        }

        /* Tablets (768px - 1024px) */
        @media (min-width: 768px) {
            .rotate-text {
                font-size: 1.7vw;
            }
        }

        /* Laptops and desktops */
        @media (min-width: 1025px) {
            .rotate-text {
                font-size: 1.5vw;
                white-space: nowrap; /* Prevent wrapping on large screens */
            }
        }

        @keyframes rotateY {
            0%   { transform: rotateY(0deg); }
            100% { transform: rotateY(360deg); }
        }

        @keyframes shine {
            0% { background-position: 0% center; }
            100% { background-position: 200% center; }
        }