span.social-icons  {
    display:  flex;
    font-size:  25px;
    gap:  8px;
}
i.fa-star  {
    color:  var(--color-6);
}
.user_img_review  {
    width:  60px;
    height:  60px;
    border-radius:  50%;
    overflow:  auto;
    margin: auto;
}
div#review  {
    text-align:  center;
    font-size:  22px;
    margin-top:  13px;
}
.single-input  {
    margin-bottom:  20px;
}
.label_title  {
    display:  block;
    font-size:  14px;
    font-weight:  bold;
    margin-bottom:  5px;
    color:  #333;
}
.textarea-input  {
    width:  100%;
    padding:  10px;
    border:  1px solid #ccc;
    border-radius:  10px;
    font-size:  14px;
    resize:  vertical;
}
.textarea-input::placeholder  {
    color:  #999;
}
input::placeholder  {
    color:  #6C6C75;
}
.modal-btn-wraper {
    display:  flex;
    gap:  10px;
    justify-content:  end;
    .modal-btn {
    font-size:  14px;
    line-height:  24px;
    font-weight:  500;
    padding:  6px 30px;
    border:  1px solid #E2E8F0;
    border-radius:  6px;
    color:  #64748B;
    &.submit {
    color: #fff;
    background:  var(--main-color-one);
}
}
}.seller-img  {
    width:  60px;
    height:  60px;
    border-radius:  50%;
    overflow:  hidden;
    border:  none;
    .img-inner-wrap  {
    margin:  0;
}
.attachment-preview  {
    height:  60px;
    width:  60px;
}
}
.seller-img img  {
    width:  100%;
    height:  100%;
    object-fit:  cover;
}
.new-reviews i.fas.fa-star  {
    color:  var(--color-6)!important;
}
.danger-btn {
    display:  inline-block;
    color:  #fff;
    background:  #cc0000;
    padding: 10px 20px;
    border:  none;
    border-radius:  6px;
}
.success-btn {
    display:  inline-block;
    color:  #fff;
    background:  #0aa958;
    padding: 10px 20px;
    border:  none;
    border-radius:  6px;
}
.id-upload-btn  {
    border:  1px solid #E2E8F0;
    border-radius:  6px;
    padding:  8px;
    background:  linear-gradient(to bottom,  #FFFFFF,  #acacac3d);
    text-align:  center;
    width:  100%;
}
input  {
    border:  1px solid #CBD5E1;
    border-radius:  50px;
    box-shadow:  0 1px 2px #1018280D;
    color:  #6C6C75;
}
input#string_search  {
    width:  237px!important;
    height:  40px!important;
    padding-left:  45px!important;
}
span.search_wrapper_icon i  {
    position:  absolute;
    margin-left:  10px !important;
    padding:  12px;
    padding-right:  0px;
}
.single-profile-settings-header-flex  {
    display:  flex;
    justify-content:  space-between;
}
.radio_disable_color {
    background:  rgb(241, 245, 249) !important;
    border:  1px solid rgb(161 161 161) !important;
    &.custom-radio-button  {
    &: checked  {
    &: :after  {
    background:  transparent;
}
}
}}.feature_disable_color {
    background:  rgb(241, 245, 249) !important;
    border:  1px solid rgb(161 161 161) !important;
    position:  unset !important;
}
span.select2.select2-container.select2-container--default  {
    width:  100% !important;
}
.modal  {
    z-index:  99999 !important;
}
span.popup_contents__close.popup_close i  {
    font-size:  20px;
}
.content-wrapper  {
    width:  100%;
    overflow:  hidden;
}
.content  {
    white-space:  nowrap;
    overflow:  hidden;
    text-overflow:  ellipsis;
}
.main-card-image  {
    display:  block;
    height:  188px;
    max-width:  100%;
    text-align:  center;
    overflow:  hidden;
}
.main-card-image img {
    width:  100%;
    height:  100%;
    object-fit:  cover;
}
.photo-uploaded-file  {
    position:  absolute;
    left:  0;
    top:  0;
    height:  100%;
    width:  100%;
    cursor:  pointer;
    opacity:  0;
}
.attach_files_title {
    font-size:  18px!important;
}
.card  {
    border: 1px solid #EBEBEB;
    border-radius: 15px;
    box-shadow:  0 4px 8px rgba(0,  0,  0,  0.1);
    transition:  box-shadow 0.3s ease;
    overflow: hidden;
}
.card:hover  {
    background-color: var(--color-5);
    border: 1px solid var(--color-6);
}
.search_thumb  {
    width:  100px;
    height:  100px;
    background-size:  cover;
    background-position:  center;
    border-radius:  6px;
}
.search-text-item  {
    display:  block;
    margin-top:  8px;
    font-size:  16px;
    color:  #333;
}
.search-text-item span  {
    font-weight:  bold;
    color:  #007bff;
}
.search-with-any-texts  {
    position:  relative;
}
.search-with-any-texts .search_with_text_section .card-body {
    position:  absolute;
    left:  0;
    top:  calc(100% + 10px);
    right:  0;
}
#submitBtn  {
    top:  0;
    left:  0;
    width:  100%;
    height:  100%;
    opacity:  1;
    cursor:  pointer;
    z-index:  1;
}
.loader  {
    position:  fixed;
    left:  50%;
    top:  50%;
    transform:  translate(-50%,  -50%);
    z-index:  9999;
}
.loader-icon  {
    border:  8px solid #f3f3f3;
    border-top:  8px solid #3498db;
    border-radius:  50%;
    width:  80px;
    height:  80px;
    animation:  spin 1s linear infinite;
}
@keyframes spin  {
    0%  {
    transform:  rotate(0deg);
}
100%  {
    transform:  rotate(360deg);
}
}