.profile-section {
            /* background-color: #1a1e23; */
            color: #fff;
            /* padding: 2rem; */
            border-radius: 10px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }

        .info-label {
            /* color: #00ff9d; */
            color: #00C9FF;
            /* font-size: 1rem; */
            font-size: 18px;
            margin-bottom: 0.2rem;
            font-weight: 500;
        }

        .info-value {
            color: #ffffff;
            font-size: 1.1rem;
            margin-bottom: 1rem;
        }

        .info-item {
            padding: 0.5rem;
            border-radius: 8px;
            transition: all 0.3s ease;
        }

        .info-item:hover {
            background-color: rgba(255, 255, 255, 0.05);
            transform: translateX(5px);
        }

        @media (max-width: 768px) {
            .profile-section {
                /* padding: 1.5rem; */
                /* float: left; */
                /* display: flex;
                flex-direction: column; */
            }

            .mobile-view-left{
                /* display: flex; */
                /* flex-direction: row; */
                /* width: 50%; */
               

            }

            .info-item{
                /* justify-content: center; */
                /* display: flex; */
                /* flex-direction: row; */
                font-size: 6rem;
            }
        }

        /* Gradient border effect */
        .profile-container {
            background: linear-gradient(145deg, #00ff9d, #00b8ff);
            padding: 1px;
            border-radius: 11px;
            margin: 15px;
        }