.personalizeImage{
    padding-left: 20px;
    color:var(--text-color);
}

.personalizeImage-dialog{
    width: 80vw;
    max-width: 100%;
    margin: 0 auto;
}

.personalizeImage h2{
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    font-size: 30px;
    margin-top:0px;
    padding-top: 30px;
    padding-bottom: 20px;
}

.personalizeImage .choose-picture{
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    font-size: 24px;
    margin-top: 60px;
    color:var(--heading-color);
}



.image-list{
    width: 70%;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    padding-top: 30px;
    grid-gap: 10px;
    grid-row-gap:6px;
    padding-bottom: 50px;
    /* justify-content: space-between; */

}

.image-item img{
    height: 120px;
    object-fit:cover;
    cursor:pointer;
    width:100%;
}
.close-button{
    color: var(--text-color) !important;
    border: 1px solid #838080 !important;
}
.personalize-img{
    background-color: white !important;
    color:var(--text-color) !important;
    border-radius: 0px !important; 
    text-transform: capitalize !important;
    font-size: 16px !important;
    padding:5px 15px !important;
    display: flex !important; 
    justify-content: center !important;
    align-items: flex-start !important;
}

.personalize-img svg{
    fill: #2d2b2b !important;
}

.personalizeImage-preview{
height: 250px;
object-fit: cover;
width: 45%;
margin-bottom: -15px;
}

.save-background{
    width:100%;
    display: flex;
    align-items: start;
    justify-content: start;
}
.save-background button{
    background-color: rgb(174, 174, 174);
    color:#141414;
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding:5px 40px !important;
    border-radius: 0px !important;
    transition: all 1s;
    font-family: 'Roboto', sans-serif;
    text-transform: capitalize;

}

.save-background button:hover{
    background-color: gray;
}