.bg-3-site-panel ,
.bg-2-site-panel {
    background-color: #f7f7f7;
}

.bg-f6 {
        background-color: #f6f1eb;

}

.side-bg {
    background-color: #f7f7f7;
}

.bg-3-site-panel a {
    border-bottom: 1px solid #dee2e6;
}

.bg-3-site-panel a:last-child {
    border-bottom: unset !important;
}

.bg-3-site-panel .accordion-button:not(.collapsed) {
    background-color: #f7f7f7;
}

.bg-3-site-panel .accordion-button::after {
    background-image: url(../img/chveron.svg);
    background-size: 16px;
}

.curve {
    border-radius: 0.375rem;
}


.py-2-5 {
    padding-top: 0.7rem;
     padding-bottom: 0.7rem;

}


.bg-2-site-panel  .edit-b ,
.last-panel-box-mom .edit-b ,
.edit-info .edit-b  {
    background-color: #141517;
    border: 1px solid #141517;
    color: white;
    transition: all 0.5s;
}

.edit-b {
        background-color: #141517;
    border: 1px solid #141517;
    color: white;
    transition: all 0.5s;
    cursor: pointer;
}

.edit-b:hover svg {
    filter: invert(1);
}

.edit-b svg {
    transition: filter 0.5s ease;
}

.edit-b:hover {
    background-color: transparent !important;
    color: #141517 !important;
}

.bg-2-site-panel  .edit-b:hover ,
.last-panel-box-mom .edit-b:hover ,
.edit-info  .edit-b:hover{
    background-color: transparent;
    color: #141517;
}



.last-panel-box:nth-child(n+4) {
  display: none;
}

.last-panel-box-mom {
    max-height: 194px;
    overflow-y: auto;   
}

.chat-box-mian{
 transform: rotateZ(180deg);
}
.chat-me{
transform: rotateZ(0deg);
margin-left: 0px !important;
border-radius: 15px;
border-top-left-radius: 0px;
max-width: 500px;
width: max-content;
}
.chat-you{
 max-width: 500px;
 transform: rotateZ(1800deg);
 width: max-content;
margin-right: 0px !important;
border-radius: 5px;
border-top-right-radius: 0px;
}
/* .chat-you p,.chat-me p{
 white-space: pre-line;
} */
.chat-box{
height: 400px;
overflow: auto;
}
.chat-box::-webkit-scrollbar{
display: none;

}
.chat-input{
position: relative;
padding-right: 70px;
padding-left: 70px;
top: 100%;
background: white;
border-radius: 15px;
margin: auto;
margin-top: -30px;
overflow: hidden;
border: 1px solid #737373;
}
.chat-input textarea {
border: 0px !important;
min-height: 47px !important;
}
.chat-input textarea::-webkit-scrollbar{
width: 0px;
}
.chat-input input{
border-radius: 0px;
}
.chat-input input[type='text']{
border: 0px;
border-left: 1px solid #bdbdbd;
border-right: 1px solid #bdbdbd;
}

.chat{
position: relative;
background-position: center;
font-size: 14px;
transform: rotateZ(180deg);
line-height: 29px;
}

.cart-color {
    width: 15px;
    height: 15px;
    border-radius: 50%;
}

.b-edit-card {
    background-color: #141517;
    color: white;
    transition: 0.5s ease-in-out;
    border: 1px solid #141517;
}

.b-edit-card:hover {
     background-color: transparent;
    color: #141517;
}

.mobil-over-flow .active {
    position: relative;
    color: black !important;
}

.mobil-over-flow .active::after {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    width: 100%;
    height: 2px;
    bottom: -9px;

    background-color: rgb(0, 0, 0);
    
}

.overflow-y-auto::-webkit-scrollbar {
    display: none;
}

.area {
      max-height: calc(1.6em * 3); /* سه خط */
  overflow-y: auto;             /* بعد از سه خط اسکرول بخوره */
  resize: none;    
}

.edit-r {
    background-color: #ed1944;
    color: white;
    transition: 0.5s ease-in-out;
    border: 1px solid #ed1944;
}

.edit-r:hover {
    background-color: transparent;
    color: #ed1944;
}




/* موس روی تمام label های داخل باکس مادر */
#payment-methods label.form-check-label {
  cursor: pointer;
  transition: all 0.3s ease; /* تغییرات نرم */
}

/* وقتی radio داخل این باکس انتخاب شد، div داخل label تغییر کنه */
#payment-methods input[type="radio"]:checked ~ div {
  background-color: #eeeeee;   /* رنگ پس‌زمینه دلخواه */
  border-color: red !important; /* رنگ حاشیه دلخواه */
  box-shadow: 0 0 8px rgba(0,0,0,0.1);
  border-radius: 8px;
}

.dargah-after::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -8px;
    height: 100%;
    width: 1px;
    background-color: rgba(0, 0, 0, 0.119);
}

.font-11 {
    font-size: 11px;
}

#togglePassword {
 transition: scale 0.5s ease;
}
#togglePassword:hover {
  scale: 1.1;
}