:root {
    --main-color: royalblue;
    --secondary-color: orangered;
    --green: #27ae60;
    --black: #333;
    --white: #fff;
    --light-bg-color: #f2f3f5;
    --border-color: #e5e8ec;

    --color-dark: #1D2231;
    --text-grey: #8390A2;
    --coolor: #6ea1e9;
    --blueViolet: blueviolet;
    --beautiful: #6e25f5;
    --more_transparent_dark: #1D223170;
    /* --transparent_dark: #1D223180; */
    --transparent_dark: #1D223120;
    --colorful: #07ABF4;
    --damnOrange: #FA9A0D;
    --crimson: crimson;
    --colorful-transparent: #07ABF420;
    --navy: #07572b;

    --swiper-navigation-size: 20px;
    --swiper-theme-color: var(--text-grey);
    --swiper-navigation-color: var(var(--coolor));
    --black-custom: #121829a9;
}
.acc-link .acc-link-container,
.back-link .back-link-container{
    background: var(--colorful-transparent);
    padding: .5rem;
    border-radius: 8px;
    color: var(--white);
    font-size: 1.5rem;
    transition: .6s ease;
    cursor: pointer;
    }
    .acc-link .acc-link-container:hover,
    .back-link .back-link-container:hover{
        background: var(--colorful);
    }
    .check-text{
        color: var(--white);
    }
    .acc-link .acc-link-container{
        position: relative;
    }
    .account-det{
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    .account-det .acc-money{
        background: var(--white);
        border-radius: 8px;
        padding: 1rem;
        display: flex;
        flex-direction: column;
    }

    .account-det .acc-money p{
    font-size: 1.2rem;
    display: flex;
    gap: .5rem;
    }
    .account-det .acc-money p span{
        color: var(--color-dark);
    }
    .account-det .acc-money p strong{
        color: var(--green);
    }

    .acc-money .btn-opps{
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: wrap;
        gap: 10px;
        margin: 0 auto;
        margin: 1rem;
        width: 100%;
        }
   
        .acc-money .btn-opps button{
           padding: 7px 10px;
           border-radius: 8px;
           transition: .6s ease;
           display: flex;
           align-items: center;
           font-size: 1.2rem;
           font-weight: 500;
           color: var(--white);
           cursor: pointer;
        }
        .acc-money .btn-opps button:hover{
          opacity: .7;
        }
        .acc-money .btn-opps button:nth-child(1){
         background: var(--green);
        }
        .acc-money .btn-opps button:nth-child(2){
           background: var(--color-dark);
          }
          #pop-up-layout13,
          #pop-up-layout14,
#pop-up-layout12 {
  display: none;
}
#pop-up-layout13.active,
#pop-up-layout14.active,
#pop-up-layout12.active {
  display: initial;
}
.password-setting,
.address,
.profile{
    background: var(--white);
    border-radius: 8px;
    padding: 1rem;
    display: flex;
    flex-direction: column;
}
.password-setting .password-setting-det,
.address .profile-det,
.profile .profile-det{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.address .profile-det .single-det p,
.profile .profile-det .single-det p{
 display: flex;
 align-items: center;
 gap: .5rem;
}
.address .profile-det .single-det p span,
.profile .profile-det .single-det p span{
    color: var(--color-dark);
}
.address .profile-det .single-det p strong, 
.profile .profile-det .single-det p strong{
    color: var(--text-grey);
}
.btn-manage button{
    padding: 7px 10px;
    border-radius: 8px;
    transition: .6s ease;
    display: flex;
    align-items: center;
    font-size: 1.2rem;
    font-weight: 500;
    color: var(--white);
    cursor: pointer; 
    background: var(--color-dark);
}