.lpt {
            background-color: #fff;
            padding:100px 20px 150px 20px;
            border-radius: 8px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            width: 100%;
            max-width: 348px;
            margin: 0 auto 20px auto;
            text-align: right;
            direction: ltr;
        }
        .lpt h2{width:auto !important; font-weight: bold; color:#545454;}
        .lpt p{color:#7a7a7a;}
        .lpt input[type="tel"], input[type="number"] {
            width: 100%;
            padding: 10px;
            margin: 10px 0;
            border-radius: 40px 0 40px 40px;
            border: 1px solid #ccc;
            font-size: 16px;
            text-align:center !important;
        }
        .lpt input[type="tel"]::placeholder {text-align:center !important; direction: rtl !important;}
        .lpt .code-input {
            display: flex;
            justify-content: space-between;
            margin: 10px 0;
            padding: 0 35px;
        }
        .lpt .code-input input {
            width: 45px;
            height: 45px;
            text-align: center;
            font-size: 20px;
            border: 1px solid #ccc;
            border-radius: 15px 0 15px 15px;
        }
        .lpt button {
            padding: 10px;
            width: 100%;
            border-radius: 40px 0 40px 40px;
            background-color: #1d1dd5;
            color: #fff;
            font-size: 16px;
            border: none;
            cursor: pointer;
        }
        .lpt button:hover {
            background-color: #0056b3;
        }
        .lpt .hidden {
            display: none;
        }
        .lpt .timer, .edit-number {
            margin: 10px 0;
            font-size: 14px;
            color: #666;
        }
        .lpt .edit-number {
            color: #007bff;
            cursor: pointer;
            text-decoration: underline;
        }
        
    #verifyBtn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    }

    .btn-loader {
    width: 16px;
    height: 16px;
    border: 2px solid #f3f3f3;
    border-top: 2px solid #3498db;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    }

    .hidden {
    display: none;
    }

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

        
        
        #loginpt #footer{display:none;}