.full-width-brg .py-12 {
    margin: 0 auto;
}

.full-width-brg .profile-page-block {
    background: unset;
    width: 100%;
}

.full-width-brg .payment-container {
    min-height: 0 !important;
    height: auto;
}

.full-width-brg .profile-page-block {
    padding-top: 0px;
    padding-bottom: 0px;
}

.full-width-brg .payment-container .full-width-brg {
    width: 100%;
}

.full-width-brg {
    width: 100%;
    background: #1A2436;
    font-family: Arial, sans-serif;
        padding: 70px 0px;
}

@media only screen and (max-width:900px) {
    .full-width-brg .payment-container .flex-row {
        flex-direction: column;
    }
}

.full-width-brg .page-user form {
    display: flex;
    color: #fff;
    width: 90%;
    margin: auto;
    border: 1px solid rgb(92, 92, 92);
    box-shadow: 4px 7px 4px 17px rgb(151, 158, 250);
    padding: 30px;
    flex-direction: column;
    text-align: center;
    gap: 20px;
}

.full-width-brg .profile-page-block #send-verification {
    display: none;
}

.full-width-brg .profile-picture-section img {
    width: 200px;
    margin-bottom: 25px;
}

.full-width-brg .max-w-xl {
    display: flex;
    justify-content: center;
    margin: auto;
    height: 100%;
    color: #fff;
}


/* .page-user .mt-6 div{display:grid;grid-auto-columns:1fr 1fr;gap:10px;} */

.full-width-brg .max-w-xl header {
    text-align: left;
}

.full-width-brg .max-w-xl header p {
    display: none;
}

.full-width-brg .max-w-xl header h2 {
    font-weight: 400;
    border-bottom: 1px solid #717680;
    margin-bottom: 20px;
}

.full-width-brg .gap-4 button {
    padding: 0 20px;
    height: 40px;
    width: 100%;
    background: linear-gradient(to right, #3B82F6, #06B6D4) !important;
    color: #fff;
    margin-top: 10px;
    float: inline-start;
}

.full-width-brg .max-w-xl section {
    padding: 20px;
    border-radius: 17px;
    border: 1px solid #717680 !important;
    background: #000;
    width: 100%;
}

.full-width-brg input {
    background: #192335;
    color: #fff;
    border: none;
    border: 1px solid #616874;
    width: 100%;
    border-radius: 4px;
    padding: 0px 15px;
    text-align: left;
    margin-top: 7px;
    height: 40px;
}

.camera-text {
    display: none;
}

.max-w-7xl {
    gap: 50px;
    display: grid !important;
    grid-template-columns: 2fr 1fr !important;
    background: #1A2436;
    padding: 60px 0px;
    max-width: 1320px;
    margin: auto;
}


.profile-picture-section {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;

}

@media (max-width:769px) {
    .max-w-7xl {
        flex-direction: column !important;
    }

    .profile-update-content-wrappper {
        flex-direction: column;
    }

    .max-w-7xl {
        grid-template-columns: 1fr !important;
    }

    .max-w-7xl {
        gap: 30px;
    }
}

@media (max-width:1080px) {
    .profile-update-content-wrappper {
        flex-direction: column;
    }
}

.full-width-brg .gap-4 button {
    border: none;
    border-radius: 6px;
}

.text-red-600 {
    color: red;
    font-size: 12px;
}

.text-gray-600 {
    color: green;
}





.py-12 {
    margin: 0 auto;
}

.profile-page-block {
    background: #000000;
}

.payment-container {
    min-height: 0 !important;
    height: auto;
}

.profile-page-block {
    padding-top: 0px;
    padding-bottom: 0px;
}

.payment-container .full-width-brg {
    width: 100%;
}

.full-width-brg {
    width: 100%;
}

@media only screen and (max-width:900px) {
    .payment-container .flex-row {
        flex-direction: column;
    }
}

.space-y-6 div {
    margin-bottom: 10px;
}

.profile-update-content-wrappper {
    display: flex;
    justify-content: space-around;
}

.inputs-content-wrappper {
    padding: 0px 20px;
    justify-content: space-around;
}

.profile-picture-section .flex.items-center.gap-4 button {
    width: 100%;
    height: 40px;
}

.flex.items-center.gap-4 {
    width: 100%;
    margin-top: 10px;
}

.full-width-brg label {
    margin-top: 15px;
}

.images-choose input {
    background: unset;
    border: none
}

/* Target only file inputs */
input[type="file"] {
    font-size: 14px;
    padding: 6px;
    border-radius: 6px;
    cursor: pointer;
}

/* Style the choose file button */
input[type="file"]::file-selector-button {
    background-color: #176D48;
    color: #fff;
    border: none;
    padding: 8px 14px;
    border-radius: 6px;
    cursor: pointer;
    transition: background 0.3s;
    border: 1px #378239 solid;
}

input[type="file"]::file-selector-button:hover {
    background-color: #45a049;
}