html {
    -webkit-font-smoothing: antialiased;
}

img {
    max-width: 100%;
    height: auto;
}

body {
    background-color: rgb(248, 249, 250);
}

a {
    text-decoration: none;
    color: initial;
}

li {
    list-style: none;
}

@media (min-width: 1200px) {
    .main-content {
       margin-left: 18rem;
   }
   }

.profile-banner-image {
    background: linear-gradient(45deg, #5fbbf9, #ed61df);
    border-radius: 1rem;
}

.profile-image {
    max-width: 100px;
    overflow: hidden;
    border-radius: 50%;
    bottom: -15%;
    left: 5%;
}

.profile-image img {
    object-fit: cover;
}

.profile-name {
    padding: 5px;
    background-color: rgba(128, 128, 128, 0.3);
    border-radius: 0.5rem;
    bottom: 5%;
    left: 75%
}

@media (max-width: 768px) {
   .profile-name {
    left: 40%;
    bottom: 2%;
   }
}

.address-location, .add-address-form, .kyc-form, .about-us-container {
    border-radius: 1rem;
    background-color: white;
    box-shadow: 0 20px 27px 0 rgba(0, 0, 0, 0.05);
}

label {
    font-size: 15px;
    font-weight: 600;
}

.bank-details {
    border: 1px solid orange;
    padding: 10px;
    border-radius: 1rem;
    cursor: pointer;
}