.single-customer{
    padding: 0 35px;
    width: 100%;
}

@media screen and (max-width: 1600px){
    .single-customer{
        width: 70%;
    }
}
@media screen and (max-width: 1024px){
    .single-customer{
        width: 100%;
    }
}

.single-customer__content{
    width: 100%;
    max-width: 610px;
}

.single-customer__back-to-customers{
    display: inline-block;
    position: relative;
    padding: 0 0 0 15px;
    margin: 40px 0;
    font-family: Proxima Nova;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
    text-decoration: none;
    color: #252525;
}

.single-customer__back-to-customers:hover{
    color: #252525;
}

.single-customer__back-to-customers:before{
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='11' viewBox='0 0 12 11' fill='none'%3E%3Cpath d='M2.70219 5.2404L7.83733 9.51217C7.90014 9.56485 7.97487 9.60667 8.05721 9.6352C8.13954 9.66374 8.22786 9.67843 8.31706 9.67843C8.40625 9.67843 8.49457 9.66374 8.57691 9.6352C8.65924 9.60667 8.73397 9.56485 8.79679 9.51217C8.92552 9.40471 8.9978 9.25918 8.9978 9.10748C8.9978 8.95577 8.92552 8.81024 8.79679 8.70278L4.14814 4.83571L8.79679 0.968638C8.86012 0.916386 8.91038 0.85422 8.94469 0.785726C8.97899 0.717232 8.99665 0.643766 8.99665 0.569565C8.99665 0.495365 8.97899 0.421899 8.94469 0.353405C8.91038 0.284911 8.86012 0.222745 8.79679 0.170493C8.73645 0.116492 8.6632 0.0735915 8.58175 0.0445508C8.50029 0.0155101 8.41243 0.000971624 8.32381 0.00187029C8.1412 0.00224242 7.96623 0.0628894 7.83733 0.170493L2.70219 4.49846C2.57609 4.60293 2.50346 4.74391 2.49949 4.89192C2.51414 5.02466 2.58616 5.14847 2.70219 5.2404Z' fill='%23272525'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    display: inline-block;
    width: 12px;
    height: 10px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.single-customer__name{
    font-family: Legan;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0 0 20px 0;
    text-align: center;
}

.single-customer__history{

}

.single-customer__history__title{
    text-align: center;
    margin: 0 0 20px 0;
    font-family: Proxima Nova;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;

}

.single-customer__history__accordion__item{
    outline: none;
    border: none;
    border-bottom: 2px solid #252525;
    background: none;
    border-radius: 0 !important;
}

.single-customer__history__accordion__item button{
    color: #252525 !important;
    background-color: #f8fafc !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.single-customer__history__accordion__item button:focus{
    background-color: unset;
    border: none;
    outline: none;
    box-shadow: none;
}

.single-customer__history__accordion__item button:after{
    transform: unset !important;
    background-image: var(--bs-accordion-btn-icon) !important;
}

.single-customer__accordion__row div{
    width: calc(100% / 3);
    padding-right: 10px;
    font-family: Proxima Nova;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
}

.single-customer__accordion__row:not(:last-child){
    margin-bottom: 30px;
}

.single-customer__accordion__row span:first-child{
    color: #252525 ;
}

.single-customer__accordion__row span:last-child{
    color: #8A8A8A;
}

.single-customer__history__add{
    padding: 15px 20px;
    background-color: #252525;
    border: 1px solid #252525;
    color: #fff;
    text-decoration: none;
    border-radius: 8px;
    margin: 35px 0;
    transition: all 0.3s ease;
}

.single-customer__history__add circle{
    transition: all 0.3s ease;
}

.single-customer__history__add path{
    transition: all 0.3s ease;
}

.single-customer__history__add:hover{
    color: #252525;
    background-color: #fff;
    border: 1px solid #F2F2F2;
}

.single-customer__history__add:hover circle{
    stroke: #252525;
}

.single-customer__history__add:hover path{
    fill: #252525;
}

.single-customer__history__add span{
    margin-left: 15px;
}

.single-customer__mix{
    border-radius: 8px;
    border: 2px solid #F2F2F2;
    padding: 40px 20px;
}

.single-customer__mix__title{
    font-weight: 600;
    margin-bottom: 20px;
}

.single-customer__mix__title span{
    margin-right: 15px;
}

.single-customer__mix__content{

}

.single-customer__mix__list{

}

.single-customer__mix__list li{
    list-style: none;
    background-color: #F2F2F2;
}

.single-customer__mix__list li{
    width: 100%;
    display: flex;
    padding: 15px 0;
}

.single-customer__mix__list li span{
    display: block;
    width: calc(100% / 3);
    text-align: center;
}

.single-customer__mix__list li:first-child{
    background-color: #252525;
    border-radius: 8px 8px 0 0;
    color: #fff;
}

.single-customer__mix__list li:last-child{
    border-radius: 0 0 8px 8px;
}

@media screen and (max-width: 480px){
    .single-customer__mix__list li{
        padding: 15px 10px;
    }

    .single-customer__mix__list li span{
        display: block;
        width: 40%;
        text-align: center;
    }

    .single-customer__mix__list li span:first-child{
        width: 20%;
        text-align: left;
    }
}

.single-customer__mix__edit{
    background-color: #252525;
    padding: 15px 20px;
    border-radius: 8px;
    color: #fff;
    border: 1px solid #252525;
    text-decoration: none;
    transition: all 0.3s ease;
}

.single-customer__mix__edit:hover{
    color: #252525;
    background-color: #fff;
    border: 1px solid #F2F2F2;
}

.single-customer__mix__edit path{
    transition: all 0.3s ease;
}


.single-customer__mix__edit:hover path{
    fill: #252525;
}


.single-customer__mix__edit span{
    margin-left: 15px;
}

.single-customer__details{
    border-radius: 8px;
    border: 2px solid #F2F2F2;
    padding: 40px 20px;
    margin: 40px 0;
}

.single-customer__details__header{

}

.single-customer__details__header a{
    padding: 16px;
    border-radius: 8px;
    width: 50px;
    height: 50px;
    transition: all 0.3s ease;
}

.single-customer__details__header a circle,
.single-customer__details__header a path{
    transition: all 0.3s ease;
}

.single-customer__details__header a:first-child{
    margin-right: 15px;
    background-color: #252525;
    border: 1px solid #252525;
}

.single-customer__details__header a:first-child:hover{
    margin-right: 15px;
    background-color: #F2F2F2;
    border: 1px solid #F2F2F2;
}

.single-customer__details__header a:first-child:hover path{
    fill: #252525;
}

.single-customer__details__header a:last-child{
    margin-right: 15px;
    background-color: #F2F2F2;
    border: 1px solid #BABABA;
}

.single-customer__details__header a:last-child:hover{
    background-color: #fff;
    border: 1px solid #F2F2F2;
}

.single-customer__details__header a:last-child:hover path{
    fill: #252525;
}

.single-customer__details__body{

}

.single-customer__details__body__row{
    margin-bottom: 15px;
}

.single-customer__details_body__row__main{
    color: #252525;
}

.single-customer__details_body__row__desc{
    color: #BABABA;
}

.single-customer__sidebar{
    width: 30%;
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
}


@media screen and (max-width: 1024px){
    .single-customer__sidebar{
        display: none;
    }
}