@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@200;300;400;500;600;700;800&display=swap");
body {
    font-family: "Inter", sans-serif !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Plus Jakarta Sans", sans-serif;
}

.font-mr {
    font-family: "Plus Jakarta Sans", sans-serif;
}


/* =====================================
Template Name: sherah Dashboard
Author Name: QoumodoTheme
Version: 1.0.0
========================================*/


/*======================================
[ CSS Sections ]
* Header & Sidebar CSS
* Widgets CSS
+ Progress CSS
+ Chart JS CSS
+ Tables CSS
+ Calendar CSS
+ Maps CSS
+ Banner & Cards CSS
+ Notifications CSS
+ Popups CSS
+ Pagination CSS
+ Tabs
+ Accordion
* Chat & Email CSS
* To-do List CSS
* Profiles CSS
* Profile Settings CSS
* Pages CSS
+ Team CSS
+ Faq CSS
+ Pricing CSS
+ Coming Soon CSS
+ Gallery CSS
* Forms CSS
* Utilities CSS
========================================*/


/*======================================
Header & Sidebar CSS
========================================*/


/* Admin Menu */

div.dataTables_wrapper div.dataTables_filter input {
    width: 400px;
}

.bg-view {
    background: #09ad95 !important;
}

.admin-menu {
    background: #fff;
    height: 100%;
    scrollbar-width: none;
    overflow: scroll;
    transition: all 0.3s ease;
    border-right: 1px solid #fccbd5;
}

.admin-menu__one {
    padding-bottom: 30px;
    padding-top: 25px;
}

.admin-menu__two {
    border-top: 1px solid #f0154316;
    padding-top: 26px;
    padding-bottom: 40px;
}

.admin-menu__title {
    font-size: 18px;
    margin-bottom: 12px;
    color: #9aa2b1;
    font-weight: 500;
}

.menu-bar-subtaitel {
    color: #f01543;
    font-size: 14px;
    line-height: normal;
    text-align: start;
    padding-left: 20px;
    margin-bottom: 12px;
}

.menu-bar-subtaitel.two {
    padding: 18px 0 0px 38px;
}

.logo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 100px;
    padding-left: 40px;
}

.author {
    display: flex;
    border-bottom: 1px solid rgba(243, 245, 249, 0.1);
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.author .author-title {
    margin-left: 15px;
    margin-top: 10px;
}

.author .author-title h4 {
    font-weight: 600;
    font-size: 20px;
    line-height: 27px;
    color: #ffffff;
}

.author .author-title p {
    font-size: 13px;
    line-height: 18px;
    color: #ffffff82;
}

.sherah-dashboard-menu {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-bottom: 32px;
}

.menu-bar li {
    position: relative;
    transition: all 0.3s ease;
}

.menu-bar__name {
    position: relative;
    top: 2px;
}

.menu-bar li .menu-bar__text i {
    transition: all 0.3s ease;
}

.menu-bar li:hover .menu-bar__name,
.menu-bar li.active .menu-bar__name {
    color: #f01543;
}

.menu-bar li.active-icon:before {
    opacity: 1;
    visibility: visible;
}

.menu-bar li.show-dropdown:before {
    content: "\f106";
}

.menu-bar li a {
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #000929;
    padding: 16px 0px;
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 40px;
    padding-left: 20px;
}

.menu-bar li:hover .menu-bar__name,
.menu-bar li.active .menu-bar__name {
    color: #000929;
}

.menu-bar li a.collapsed:hover {
    color: #000;
}

.menu-bar li a.active {
    background: #ebf0ff;
}

.menu-bar li a.collapsed {
    color: #2f3032;
    background: transparent;
}

.menu-bar li ul li a {
    color: #fff;
    padding: 10px 0px;
    font-size: 18px;
    background: transparent !important;
}

.menu-bar li ul li a span {
    color: #878f9a !important;
}

.menu-bar li ul li a:hover span,
.menu-bar li ul li a:hover {
    color: #000929 !important;
}

.sherah__dropdown ul li a i {
    margin-right: 5px;
    font-size: 14px;
}

.menu-bar li ul li a img {
    max-width: 17px;
}

.menu-bar li ul {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.menu-bar li .sherah__dropdown {
    padding-left: 15px;
    border-left: 1px solid #efe5d0;
    margin-left: 40px;
}

.menu-bar li.show-dropdown ul {
    opacity: 1;
    visibility: visible;
    height: 100%;
}

.menu-bar__text {
    position: relative;
}

.menu-bar__text.two {
    background-color: #000929;
    text-align: center;
    padding: 17px;
    color: #fff;
    border-radius: 8px;
    width: 100%;
}

.menu-bar__text.two:hover .menu-bar__name {
    color: #fff !important;
}

.menu-bar__text.two .sherah-menu-icon svg {
    color: #fff !important;
}

.menu-bar__count {
    position: absolute;
    top: -5px;
    min-width: 20px;
    min-height: 20px;
    line-height: 20px;
    padding: 0;
    border-radius: 100%;
    color: #fff;
    text-align: center;
    font-size: 13px;
    right: -30px;
}

.menu-bar__text .sherah-menu-icon {
    margin-right: 15px;
    padding: 0;
    text-align: center;
    border-radius: 100%;
    display: inline-block;
    transition: all 0.3s ease;
    color: #374557;
}

.menu-bar__text .sherah-menu-icon .sherah-svg-icon {
    width: 21px;
    height: 21px;
    fill: currentColor;
}

.sherah-dashboard-menu .collapsed .sherah-menu-icon .sherah-svg-icon {
    color: #374557;
}

.menu-bar li .sherah-menu-icon .sherah-svg-icon,
.menu-bar li .collapsed .sherah-menu-icon .sherah-svg-icon {
    color: #000929;
}

.sherah__dropdown ul li a {
    display: ;
    padding: 10px 0;
}

.menu-bar__text .sherah-menu-icon.sherah-svg-icon__v3 .sherah-svg-icon {
    width: 13px;
    height: 14px;
}

.menu-bar__text .sherah-menu-icon.sherah-svg-icon__v5 .sherah-svg-icon {
    width: 15px;
    height: 15px;
}

.menu-bar__text .sherah-menu-icon.sherah-svg-icon__v7 .sherah-svg-icon,
.menu-bar__text .sherah-menu-icon.sherah-svg-icon__v8 .sherah-svg-icon {
    width: 14px;
    height: 13px;
}

.menu-bar__text .sherah-menu-icon.sherah-svg-icon__v9 .sherah-svg-icon {
    width: 19px;
    height: 19px;
}

.menu-bar__text .sherah-menu-icon.sherah-svg-icon__v10 .sherah-svg-icon {
    width: 15px;
    height: 20px;
}

.menu-bar__text .sherah-menu-icon.sherah-svg-icon__v11 .sherah-svg-icon {
    width: 14px;
    height: 16px;
}

.menu-bar img {
    margin-right: 10px;
}

.menu-bar .custom-active .sherah__toggle,
.menu-bar .custom-active .menu-bar__name,
.menu-bar .custom-active .sherah-menu-icon .sherah-svg-icon {
    color: #fff !important;
}

.custom-active {
    background: #f01543 !important;
}

.menu-bar ul li.active>a {
    background: #f01543 !important;
}

.menu-bar ul ul li.active>a {
    background: #fff !important;
}

.menu-bar li.active .sherah__toggle,
.menu-bar li.active .menu-bar__name,
.menu-bar li.active .sherah-menu-icon .sherah-svg-icon {
    color: #fff;
}

.btn-success {
    margin-left: 0 !important;
}

.logout-button {
    margin-top: 40px;
}

.logout-button .sherah-btn {
    padding: 7px 14px;
    background: #f01543;
    color: #fff;
    display: flex;
    gap: 10px;
    font-size: 20px;
    border-radius: 4px;
    justify-content: space-between;
    align-items: center;
}

.logo-button__icon svg {
    fill: #f01543;
}

.sherah-smenu.sherah-close .logo-button__icon {
    border-color: transparent;
    width: 44px;
    height: 44px;
    line-height: 44px;
    background: #f01543;
}

.sherah-smenu.sherah-close .logo-button__icon svg {
    fill: #fff;
}

.logout-button__text {
    display: flex;
    align-items: center;
    gap: 10px;
}

.logout-button .sherah-btn:hover {
    background-color: #101324;
}

.logout-button .sherah-btn span {
    font-size: 18px;
    font-weight: 700;
}

.logo-button__icon {
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: #fff;
    text-align: center;
    border-radius: 100%;
    text-align: center;
    border: 1px solid transparent;
}

.sherah-header__inner {
    display: flex;
    align-items: center;
}

.sherah-header__middle {
    justify-content: space-between;
    gap: 25px;
    height: 100px;
    display: flex;
    align-items: center;
    width: 100%;
    border-bottom: 1px solid #fccbd5;
    padding-left: 370px;
    padding-right: 40px;
}

.sherah-header__form-inner {
    width: 340px;
    position: relative;
}

.sherah-header__form-inner input,
.select2-selection.select2-selection--single {
    width: 100%;
    font-size: 14px;
    padding: 0 60px 0 20px;
    background: #fcfaf6;
    border-radius: 5px;
    height: 52px;
    border: 1px solid #f1e8d5;
}

.search-btn {
    position: absolute;
    padding: 0;
    border: none;
    width: 52px;
    height: 92%;
    top: 4%;
    right: 1%;
    border-radius: 4px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    background: transparent;
}

.sherah-header__group {
    display: flex;
    gap: 25px;
    align-items: center;
    justify-content: right;
}

.sherah-header__right {
    display: flex;
    gap: 35px;
    align-items: center;
    justify-content: end;
}

.sherah-language__dropdown {
    position: absolute;
    opacity: 1;
    visibility: visible;
    top: 18px;
    width: 160px;
}

.sherah-language {
    position: relative;
}

.sherah-dropdown-card.sherah-language__list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    top: 16px !important;
    width: 200px;
    left: initial;
    margin: 0;
}

.sherah-language img {
    width: 26px !important;
    border-radius: 100px;
    height: 26px !important;
}

.sherah-language__list a {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 5px 15px;
}

.sherah-language__list span {
    font-size: 16px;
}

.sherah-language__list a:hover {
    color: #f01543;
}

.sherah-language a {
    color: #2f3032;
    display: flex;
    align-items: center;
    gap: 10px;
}

.sherah-language:hover .sherah-dropdown-card {
    opacity: 1;
    visibility: visible;
}

.sherah-header__group button {
    border: none;
    box-shadow: none;
    background: none;
    padding: 0;
    margin: 0;
}

.sherah-header__group button:hover {
    transform: scale(0.9);
}

.sherah-header__message--animate {
    position: absolute;
    top: -8px;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    right: -8px;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-animation: pulse 2s infinite;
    animation: pulse 2s infinite;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 #09ad95;
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(247, 45, 102, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(247, 45, 102, 0);
    }
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 #09ad95;
    }
    70% {
        box-shadow: 0 0 0 10px rgba(247, 45, 102, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(247, 45, 102, 0);
    }
}

.sherah-header__message--animate {
    position: absolute;
    top: -8px;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    right: -8px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sherah-header__message--animate span {
    width: 10px;
    height: 10px;
    display: block;
    border-radius: 100%;
}

.sherah-header__amount {
    display: flex;
    background: #f01543;
    color: #fff;
    border-radius: 58px;
    align-items: center;
    cursor: pointer;
    padding-left: 16px;
    padding-right: 2px;
    height: 48px;
    gap: 20px;
}

.sherah-header__author {
    display: flex;
    gap: 16px;
    align-items: center;
    position: relative;
    cursor: pointer;
}

.sherah-header__dropmenu {
    text-align: center;
    border-radius: 100%;
    position: relative;
    cursor: pointer;
}

.sherah-header__dropmenu i {
    font-size: 20px;
}

.sherah-header__count {
    position: absolute;
    right: -8px;
    top: -8px;
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 100%;
    color: #fff;
    line-height: 20px;
    font-size: 13px;
}

.sherah-amount__icon {
    font-size: 30px;
}

.sherah-amount__digit {
    font-size: 20px;
    display: flex;
    align-items: center;
    gap: 5px;
    font-weight: 700;
}

.sherah-header__plus {
    color: #fff;
    width: 42px;
}

.sherah-header__plus a {
    width: 38px;
    text-align: center;
    border-radius: 100%;
}

.sherah-header__author-title {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    font-size: 20px;
}

.sherah-header__author-title img {
    max-width: 17px;
}

.sherah-header__author-text {
    margin: 0;
    line-height: initial;
}

.sherah-header__author-text.v1 a {
    letter-spacing: initial;
}

.sherah-header__author-img {
    max-width: 62px;
}

.sherah-header__author--text {
    font-weight: 400;
    color: #5a5a5a;
    font-size: 12px;
}

.sherah-header__author--info {
    gap: 5px;
}

.sherah-header__author--title {
    font-size: 16px;
    align-items: start;
}

.sherah-default__arrow {
    min-width: 10px;
    min-height: 7px;
}

.sherah-header__author-img img {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    min-width: 45px !important;
    min-height: 45px !important;
}

.sherah-header__author-text a {
    color: #878f9a;
    font-size: 14px;
    font-weight: 400;
    margin-top: 4px;
    letter-spacing: 0.025em;
}

.sherah-header {
    position: sticky;
    top: 0;
    display: flex;
    align-items: center;
    z-index: 5000;
    background: #fff;
}


/* Chat Message */

.sherah-dropdown-card_list.sherah-chatbox__list li {
    padding-left: 0;
}

.sherah-dropdown-card_list.sherah-chatbox__list .sherah-chatbox__author-title {
    font-size: 16px;
    margin-bottom: 8px;
}

.sherah-dropdown-card_list.sherah-chatbox__list .sherah-chatbox__author-desc {
    font-size: 14px;
}


/* Balance Hover */

.sherah-header__amount {
    position: relative;
}

.sherah-dropdown-card {
    position: absolute;
    left: 50%;
    top: 62px;
    background: #fff;
    z-index: 100;
    width: 340px;
    border-radius: 5px;
    margin-left: -200px;
    transform: translateY(50px);
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s;
}

.sherah-dropdown-card__title {
    font-size: 18px;
    padding: 20px 30px;
}

.sherah-header__amount:hover .sherah-dropdown-card {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}

.sherah-dropdown-arrow {
    position: absolute;
    top: -22px;
    right: 76px;
    fill: #fff;
    stroke: #fccbd5;
}

.sherah-dropdown-card_list {
    padding: 25px;
    display: flex;
    flex-direction: column;
}

.sherah-dropdown-card_list li {
    display: flex;
    gap: 15px;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border: none;
}

.sherah-dropdown-card_list li:last-child {
    border: none;
    padding-bottom: 0;
    margin: 0;
}

.sherah-dropdown-card-info {
    display: flex;
    gap: 18px;
    align-items: center;
}

.sherah-dropdown-card__img {
    border-radius: 100%;
    padding: 0;
    text-align: center;
    display: block;
    min-width: 48px;
    min-height: 48px;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sherah-dropdown-card__img img {
    max-width: 25px;
}

.sherah-dropdown-card-amount {
    font-size: 20px;
    margin: 0;
}

.sherah-dropdown-card-usd {
    font-size: 16px;
    font-weight: 400;
    color: #838b95;
    padding-top: 2px;
    display: block;
}

.sherah-dropdown-card-name {
    margin: 0;
    font-size: 18px;
    font-weight: 400;
}

.sherah-header__group .sherah-dropdown-card-name {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
}

.sherah-dropdown-card__sell-all {
    line-height: initial;
    background: #ebf0ff;
    display: block;
    width: 100%;
    text-align: center;
    padding: 22px 0;
    font-size: 18px;
    color: #f01543 !important;
    font-weight: 500;
}

.sherah-dropdown-card-amount {
    font-size: 20px;
    margin: 0;
    text-align: right;
    min-width: 115px;
}

.sherah-dropdown-card__button {
    display: flex;
    justify-content: center;
}

.sherah-btn.btn-balance {
    padding: 12px 12px;
}

.sherah-dropdown-card-name:hover,
.sherah-dropdown-card-name a:hover {
    color: #f01543;
}


/* Notification Hover */

.sherah-header__dropmenu:hover .sherah-dropdown-card {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}

.sherah-dropdown-card.sherah-dropdown-card__alarm {
    text-align: left;
    left: initial;
    right: -85px;
    min-width: 450px;
}

.sherah-dropdown-card::before {
    right: 75px;
    left: initial;
}

.sherah-dropdown-card__alarm .sherah-dropdown-card-info {
    align-items: flex-start;
}

.sherah-alarm__text {
    padding: 0;
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    margin-top: 5px;
    line-height: initial;
}

.sherah-notifications {
    padding: 30px;
    border-radius: 8px;
}

.sherah-chatbox__list.sherah-chatbox__list__header .sherah-chatbox__inner {
    padding: 0;
    margin: 0;
    border-bottom: 0;
}

.sherah-chatbox__list.sherah-chatbox__list__header li {
    background: none;
}

.sherah-chatbox__list.sherah-chatbox__list__header li .sherah-chatbox__author-desc {
    line-height: initial;
    padding: 0;
}

.sherah-chatbox__list.sherah-chatbox__list__header .sherah-chatbox__time {
    line-height: 24px;
}


/* sherah Profile Hover */

.sherah-header__author:hover .sherah-dropdown-card__profile {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}

.sherah-dropdown-card.sherah-dropdown-card__profile {
    right: 70px;
    max-width: 240px;
    top: 68px;
    left: initial;
}

.sherah-dropdown-card.sherah-dropdown-card__profile .sherah-dropdown-arrow {
    right: 20px;
}

.sherah-wallet__list-single {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #e3e4fe;
    padding: 10px 20px;
    background: #fff;
    border-radius: 5px;
}

.sherah-preview__connect {
    background: #f8f8f8;
    border-radius: 1rem;
}

.sherah-followers__modal .modal-content.sherah-preview__connect {
    width: 580px !important;
}

.sherah-wallet__list {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.sherah-wallet__list-single .sherah-dropdown-card__img {
    background: #eeefff;
}

.view-wallet__btn {
    text-align: center;
    margin-top: 20px;
}

.view-wallet__btn a {
    color: #878f9a;
    font-size: 18px;
}

.view-wallet__btn.view-trnsc a:hover {
    color: #f01543;
}

.sherah-header__group .sherah-dropdown-card-name a {
    font-weight: 400;
}


/* sherah Notification Single */

.sherah-dropdown-card__alarm.all-notificaiton {
    position: relative;
    left: initial;
    right: inherit;
    opacity: 1;
    visibility: visible;
    transform: none;
    margin: 0;
    top: 0;
    width: 100%;
    box-shadow: none;
    z-index: 22;
    padding: 0;
    top: 0 !important;
}

.sherah-dropdown-card__alarm.all-notificaiton .sherah-dropdown-card_list {
    padding: 0;
}

.sherah-dropdown-card__alarm.all-notificaiton:before {
    display: none;
}

.sherah-dropdown-card__alarm.all-notificaiton .sherah-dropdown-card-name {
    font-size: 16px;
}

.dashboard-banner__content {
    padding-bottom: 14px;
}

.sherah-header__author.sherah-header__author-two {
    margin-bottom: 30px;
}

.sherah-header__author-title--two {
    color: #fff;
    margin-bottom: 1px;
    letter-spacing: 0.025em;
}

.dashboard-banner__group {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.sherah-header__author-text--two a {
    color: #fff;
}

.sherah-profile__count {
    width: 20px;
    height: 20px;
    color: #fff;
    display: inline-block;
    border-radius: 100%;
    font-size: 12px;
    text-align: center;
    position: relative;
    top: -18px;
    right: -5px;
}

.sherah-dropdown-card.sherah-dropdown-card__profile .sherah-dropdown-card-name a {
    font-size: 18px;
}

.dashboard-banner__main .sherah-header__author-img img {
    width: 52px;
    height: 52px;
    border-radius: 50%;
}

.sherah-dropdown-card__img.sherah-profile__img-one {
    background: #effafe;
}

.sherah-dropdown-card__img.sherah-profile__img-two {
    background: #feecff;
}

.sherah-dropdown-card__img.sherah-profile__img-three {
    background: #eaf7f0;
}

.sherah-dropdown-card__img.sherah-profile__img-four {
    background: #eeefff;
}

.sherah-dropdown-card__img.sherah-profile__img-five {
    background: #fdefef;
}


/* Single Notification */

.sherah-inner__heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.all-notificaiton__inner {
    display: flex;
    justify-content: right;
    gap: 20px;
    border: none;
}

.sherah-notifications__inner {
    padding: 25px;
    border-radius: 12px;
}

.sherah-inner__page-title {
    margin: 0;
    font-size: 18px;
    font-weight: 500;
}

.all-notificaiton__inner .list-group-item {
    background: transparent;
    padding: 0;
    margin: 0;
    border: none;
    color: #9aa2b1;
    font-weight: 500;
    font-size: 18px;
    position: relative;
}

.all-notificaiton__count {
    position: absolute;
    right: -15px;
    top: -14px;
    background: #f01543;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 12px;
    border-radius: 100%;
    color: #fff;
}

.all-notificaiton__inner .list-group-item:hover,
.all-notificaiton__inner .list-group-item.active {
    color: #f01543;
}

.sherah-notifications__title {
    font-weight: 400;
}

.sherah-notifications__title span {
    font-weight: 500;
}

.sherah__toggle {
    font-size: 16px;
    color: #9aa2b1;
    position: relative;
    top: 2px;
}

.sherah__dropdown {
    padding-left: 38px;
}

.sherah__dropdown i {
    padding: 0;
    margin: 0;
    background: transparent !important;
    font-size: initial;
    color: #878f9a !important;
}

.sherah-dashboard-menu .sherah__toggle:before {
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
    font-family: var(--fa-style-family);
    font-weight: var(--fa-style, 900);
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}

.sherah-dashboard-menu .collapsed .sherah__toggle::before {
    content: "\f105";
}

.sherah-dashboard-menu .sherah__toggle:before {
    content: "\f107";
}

.sherah-header__dropdown {
    display: flex;
    align-items: center;
    padding-right: 22px;
}

.sherah-header__dropdown--single {
    border-right: 1px solid #f0154316;
    padding-right: 20px;
    margin-right: 20px;
}

.sherah-header__dropdown--single:last-child {
    border: none;
    padding: 0;
    margin: 0;
}

.sherah-language.sherah-currency .sherah-dropdown-card.sherah-language__list {
    right: initial;
    left: 0;
    width: 120px;
    margin-left: -33px;
}

.sherah-language.sherah-currency .sherah-dropdown-card.sherah-language__list {
    justify-content: center;
    align-items: center;
    padding: 12px 0;
}

@media only screen and (min-width: 1279px) and (max-width: 1550px) {
    .sherah-header__form-inner {
        width: 270px;
        position: relative;
        max-width: 100%;
    }
    .sherah-header__right {
        gap: 30px;
    }
    .sherah-element__form {
        flex-direction: column;
    }
    .sherah-dropdown-card.sherah-dropdown-card__alarm {
        min-width: 345px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1278px) {
    .sherah-header__form-inner {
        width: 175px;
        position: relative;
    }
    .sherah-amount__icon {
        margin-right: 16px;
        font-size: 18px;
    }
    .sherah-header__right .sherah-amount__icon {
        margin-right: 0;
    }
    .sherah-amount__digit {
        font-size: 18px;
    }
    .sherah-dropdown-card.sherah-dropdown-card__profile {
        top: 75px !important;
    }
    .logout-button .primary {
        width: fit-content;
        padding: 8px 20px 8px 8px;
    }
    .sherah__dropdown {
        padding: 0;
    }
    .sherah-header__left {
        display: none;
    }
    .sherah-header__author-img {
        max-width: 52px;
    }
    .sherah-header__author-img img {
        width: 52px;
        height: 52px;
    }
    .sherah-dropdown-card.sherah-dropdown-card__alarm {
        min-width: 345px;
    }
}

@media only screen and (min-width: 0px) and (max-width: 992px) {
    .sherah-smenu .logo img {
        max-width: 130px;
    }
    .sherah-smenu .logo {
        margin: 0;
        min-height: 80px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .sherah-smenu .menu-bar li a {
        font-size: 15px;
        padding: 10px 15px;
    }
    .sherah-smenu.sherah-close .admin-menu {
        overflow: scroll;
    }
    .sherah-smenu .menu-bar li ul li a {
        padding: 8px 15px;
    }
}

@media only screen and (max-width: 767px) {
    .sherah-header__form-inner {
        width: 175px;
        position: relative;
    }
    .sherah-header__group {
        gap: 15px;
        width: 100%;
    }
    .sherah-amount__icon {
        margin-right: 8px;
        font-size: 18px;
    }
    .sherah-header__amount {
        padding: 5px 15px;
        gap: 8px;
    }
    .sherah-header__inner {
        gap: 10px;
        height: initial;
    }
    .sherah-amount__digit {
        font-size: 18px;
    }
    .sherah-header__left {
        display: none;
    }
    .sherah-header__plus {
        display: none;
    }
    .sherah-header__right {
        gap: 15px;
    }
    .sherah-header__group {
        gap: 10px;
    }
    .sherah-header .sherah-header__author-content {
        display: none;
    }
    .admin-menu__one {
        padding-top: 0px;
    }
    .admin-menu__two.mg-top-50,
    .logout-button {
        margin-top: 20px;
    }
    .sherah-dropdown-card {
        margin: 0;
        z-index: 5555;
        width: 300px;
        top: 70px;
    }
    .sherah-dropdown-card.sherah-dropdown-card__profile::before {
        right: 8px;
    }
    .sherah__dropdown {
        padding: 0;
    }
    .logout-button .primary {
        width: fit-content;
        padding: 8px;
    }
    .sherah-dropdown-card.sherah-dropdown-card__profile {
        left: initial;
        right: 0;
        top: 62px;
    }
    .sherah-dropdown-card::before {
        left: 40px;
    }
    .sherah-dropdown-card_list li {
        gap: 10px;
        padding-bottom: 5px;
        margin-bottom: 5px;
    }
    .sherah-dropdown-card-name {
        font-size: 16px;
    }
    .sherah-dropdown-card-amount {
        font-size: 16px;
    }
    .sherah-dropdown-card-amount {
        min-width: 100px;
    }
    .sherah-dropdown-card__img img {
        max-width: 18px;
    }
    .sherah-header__author-img {
        max-width: 50px;
    }
    .sherah-header__author-img img {
        width: 40px;
        height: 40px;
    }
    .sherah-header__zoom,
    .sherah-header__nav {
        display: none;
    }
    .sherah-header__dropdown {
        padding-right: 0;
    }
    .sherah-header__dropdown--single {
        padding-right: 10px;
        margin-right: 10px;
    }
    .sherah-header__dropdown--single.sherah-language.sherah-currency {
        display: none;
    }
    .sherah-header__dropdown--single {
        border: none;
        padding: 0;
        margin: 0;
    }
    .sherah-dropdown-card.sherah-language__list {
        padding: 15px 10px;
        top: 0;
    }
    .sherah-notifications {
        padding: 20px;
    }
    .sherah-language a {
        gap: 5px;
    }
    .sherah-language span {
        font-size: 13px;
    }
    .sherah-dropdown-card.sherah-dropdown-card__alarm {
        right: -90px;
        min-width: 280px;
        top: 52px;
    }
    .sherah-dropdown-card.sherah-dropdown-card__profile .sherah-dropdown-arrow {
        right: 90px;
    }
}

@media only screen and (max-width: 400px) {
    .sherah-dropdown-arrow {
        display: none;
    }
    .sherah-dropdown-card.sherah-dropdown-card__alarm {
        right: -160px;
    }
}


/* Sidebar CSS */

.sherah-sidebar {
    position: sticky;
    top: 0;
}

.sherah-sidebar.sticky {
    top: 130px;
}

.sherah-sidebar__single {
    padding: 25px 22px;
    background: #fff;
    border-radius: 15px;
    margin-bottom: 40px;
}

.sherah-sidebar__single:last-child {
    margin: 0;
}

.sherah-sidebar__heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.sherah-sidebar__title {
    margin: 0;
    font-size: 18px;
    font-weight: 500;
}

.sherah-sidebar_btn {
    color: #878f9a;
    font-size: 14px;
    font-weight: 400;
}

.sherah-heading__amount-dropdown {
    color: #374557;
    font-size: 20px;
    padding: 0;
    margin: 0;
    border: none !important;
}

.sherah__amount-dropdown {
    gap: 10px;
    display: flex;
}

.sherah__amount-dropdown img {
    max-width: 42px;
}

.sherah-heading__amount-dropdown:after {
    float: right;
    margin-left: 10px;
    position: absolute;
    right: -20px;
    top: 11px;
    font-size: 25px;
}

.sherah-amount__statics {
    margin-top: 18px;
}

.sherah-amount__statics__title {
    font-size: 20px;
    margin-bottom: 5px;
}

.sherah-sidebar__single .sherah-amount__statics__title {
    margin: 0;
}

.sherah-amount__statics__text {
    color: #27ae60;
    font-size: 14px;
    margin: 0;
}

.nav-tab {
    border: none !important;
}

.sherah-sidebar__cstatics-title {
    font-size: 16px;
    text-align: center;
    color: #374557;
    margin-bottom: 15px;
    font-weight: 500;
    font-weight: 400;
}

.sherah-progress-list li {
    display: inline-block;
    color: #878f9a;
    font-size: 14px;
    font-weight: 400;
    display: flex;
    align-items: first baseline;
    gap: 3px;
}

.sherah-progress-list__color {
    width: 16px;
    height: 16px;
    background: #f01543;
    position: relative;
    display: inline-block;
    border-radius: 100%;
    margin-right: 5px;
}

.sherah-progress-list {
    flex-direction: column;
    display: flex;
    gap: 15px;
}

.sherah-progress-list li p span,
.sherah-progress-list li b {
    color: #2f3032;
}

.sherah-progress-list li p {
    display: flex;
    gap: 5px;
    flex-direction: column;
}

.sherah-progress-list.sherah-progress-list__inline {
    flex-direction: row;
    padding: 0 !important;
    gap: 20px;
}

.sherah-progress-list.sherah-progress-list__space {
    justify-content: space-between;
}

.sherah-progress-list.sherah-progress-list__white {
    color: #fff;
}

.sherah-progress-list.sherah-progress-list__white li p {
    color: #fff;
}

.sherah-progress-list.sherah-gap-50 {
    gap: 50px;
}

.sherah-progress-list li p span {
    font-size: 18px;
    font-weight: 500;
}


/* Sidebar Dropdown Tabs */

.sherah-sidebar_dropdown {
    border: none;
    padding: 0;
    background: #fff;
    color: #fff;
    border-radius: 10px !important;
    overflow: hidden;
    padding: 5px;
    box-shadow: rgba(0, 0, 0, 0.17) 0px 4px 87px 0px;
}

.sherah-sidebar_dropdown a {
    border: none;
    background: transparent;
}

.sherah-sidebar_dropdown a {
    color: #878f9a;
    font-size: 12px;
    padding: 2px 20px;
    border-radius: 14px !important;
}

.sherah-sidebar_dropdown a:hover {
    opacity: 0.8;
}

.sherah-sidebar_dropdown a.active {
    display: ;
    background: #fff;
    color: #333;
}

.sherah-sidebar__cicon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 86px;
    margin-top: -43px;
    margin-left: -43px;
    z-index: 0;
}

.sherah-sidebar__cside-one {
    position: relative;
}

.sherah-progress-inline__clist li span {
    color: #2f3032;
}


/* Creator Lists */

.sherah-sidebar__creatorlist li {
    display: flex;
    width: 100%;
}

.sherah-sidebar__creator {
    display: flex;
    gap: 8px;
    align-items: center;
    width: 100%;
}

.sherah-sidebar__creator a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 15px;
}

.sherah-sidebar__creator-badge {
    font-size: 14px;
    font-weight: 400;
}

.sherah-sidebar_btn.sherah-heading__tabs {
    padding: 0;
    border: none;
    color: #878f9a !important;
}

.sherah-sidebar_btn.sherah-heading__tabs:after {
    display: ;
}

.sherah-sidebar_btn.sherah-heading__tabs i {
    padding-left: 5px;
}

.sherah-sidebar__creator-name {
    display: flex;
    flex-direction: column;
    color: #2f3032;
    line-height: 18px;
    font-weight: 500;
    font-size: 16px;
    gap: 3px;
}

.sherah-sidebar__creatorlist {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.sherah-sidebar__creator-link {
    font-size: 13px;
    font-weight: 400;
    color: #878f9a;
}

.sherah-sidebar__button-btn {
    width: 26px;
    height: 26px;
    line-height: 26px;
    background: #e3e4fe;
    text-align: center;
    border-radius: 100%;
    font-size: 13px;
    color: #f01543;
    text-align: center;
}

.sherah-sidebar__button-btn svg {
    max-width: 16px;
}

.sherah-sidebar__button-btn.sherah-request_request {
    background: #f01543;
    color: #fff;
}

.sherah-sidebar__creator img {
    max-width: 32px;
    border-radius: 100%;
    min-width: 32px;
    min-height: 32px;
}

.sherah-sidebar__button {
    display: flex;
    align-items: center;
    gap: 5px;
}

.sherah-sidebar__list li a {
    display: flex;
    gap: 10px;
    align-items: center;
    font-size: 18px;
    color: #878f9a;
}

.sherah-sidebar__list li img {
    max-width: 40px;
    min-width: 40px;
    min-height: 40px;
    border-radius: 100%;
}

.sherah-sidebar__list li {}

.sherah-sidebar__list {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.sherah-multiple__adropdownn .sherah__amount-dropdown {
    font-size: 20px;
    align-items: center;
    font-weight: 700;
}

.sherah-multiple__adropdownn .list-group-item {
    margin-bottom: 10px;
}

.sherah-multiple__adropdownn .sherah__amount-dropdown:last-child {
    margin: 0;
}

.sherah-multiple__adropdownn .sherah__amount-dropdown img {
    width: 42px;
    height: 42px;
    border-radius: 50%;
}

.sherah-multiple__adropdownn .sherah-sidebar_dropdown {
    padding: 8px 10px;
    background: #fff !important;
}

.sherah-multiple__adropdownn .sherah-sidebar_dropdown a {
    color: #374557;
    padding: 0;
}

.sherah-sidebar__widget {
    margin-bottom: 30px;
}

.sherah-sidebar__widget:last-child {
    margin: 0;
}

.sherah-sidebar__creatorlist--sellers .sherah-sidebar__creator b {
    font-weight: 400;
    display: ;
}

.sherah-progress-list--group {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

@media only screen and (min-width: 0px) and (max-width: 1550px) {
    .sherah-progress-list--group {
        display: flex;
        flex-direction: column;
        gap: 5px;
    }
}

@media only screen and (min-width: 1100px) and (max-width: 1550px) {
    .sherah-sidebar__widget {
        width: 50%;
    }
    .sherah-sidebar__single {
        min-height: 395px;
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1550px) {
    .sherah-sidebar__single {
        min-height: 430px;
    }
}

@media only screen and (min-width: 1279px) and (max-width: 1550px) {
    .sherah-main__column,
    .sherah-main__sidebar {
        width: 100%;
    }
    .sherah-main__sidebar {
        padding-left: 15px;
    }
}

.nav-link:focus,
.nav-link:hover {
    color: #f01543;
}

.close-icon {
    text-align: center;
    min-width: 30px;
    cursor: pointer;
    position: relative;
    background: #f01543;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
}

.close-icon svg {
    fill: #fff;
}

.close-icon:hover svg {
    fill: #fff;
    background: ;
}

.close-icon:hover {
    background: #f01543;
}

.sherah-smenu {
    position: fixed;
    left: 0;
    z-index: 6000;
    height: 100%;
    transition: all 0.3s ease;
    width: 290px;
    transform: translateX(0%);
    top: 0;
}

.sherah-smenu,
.sherah-adashboard,
.sherah-header {
    transition: all 0.3s;
}

.sherah-logo__icon {
    max-width: 40px;
    opacity: 0;
    visibility: hidden;
    width: 0;
}

.sherah-smenu.sherah-close .sherah-logo__icon {
    width: 100%;
    opacity: 1;
    visibility: visible;
}

.sherah-smenu.sherah-close .sherah__dropdown {
    padding-left: 10px;
}

.sherah-smenu .menu-bar__count {
    transition: all 0.3s ease;
}

.sherah-smenu.sherah-close .primary {
    background: transparent !important;
    padding: 0 5px;
    margin: 0;
    display: flex;
    justify-content: center;
}

.sherah-smenu.sherah-close .sherah__toggle {
    position: relative;
    margin: 0;
}

.sherah-smenu.sherah-close .admin-menu {
    padding: 0;
    text-align: center;
    padding-bottom: 30px;
}

.sherah-smenu.sherah-close .admin-menu__two.mg-top-50 {
    margin-top: 30px;
}

.sherah-smenu.sherah-close .logout-button {
    margin-top: 20px;
}

.admin-menu::-webkit-scrollbar {
    display: none;
}

.sherah-adashboard {
    margin-left: 290px;
    padding-right: 25px;
    padding-left: 25px;
}

.sherah-adashboard {
    padding-bottom: 50px;
}

@media only screen and (min-width: 1279px) and (max-width: 1550px) {
    .sherah-smenu {
        width: 250px;
    }
    .sherah-adashboard {
        margin-left: 250px;
    }
    .sherah-header__middle {
        padding-left: 290px;
    }
}

@media only screen and (min-width: 0px) and (max-width: 1278px) {
    .sherah-smenu {
        width: 240px !important;
        transform: translateX(-100%);
    }
    .sherah-smenu .sherah-logo__icon {
        width: 100%;
        opacity: 1;
        visibility: visible;
    }
    .sherah-smenu .menu-bar__count {
        right: -30px;
    }
    .sherah-smenu .admin-menu {
        padding: 15px 15px;
        padding-top: 30px;
    }
    .sherah-smenu.sherah-close {
        transform: translatex(0%);
    }
    .close-icon {
        display: block !important;
    }
    .sherah-header__middle {
        padding-left: 20px !important;
        padding-right: 20px !important;
        margin-left: 0 !important;
        height: 80px;
    }
    .sherah-adashboard {
        padding-left: 5px !important;
        padding-right: 5px !important;
        margin-left: 0 !important;
    }
    .sherah-main__sidebar {
        padding-left: calc(var(--bs-gutter-x) * 0.5);
    }
    .sherah-smenu.sherah-close .sherah__dropdown {
        position: relative;
        left: initial;
        min-width: 100%;
        box-shadow: none;
        padding: 0 15px !important;
        margin-left: 40px;
    }
}


/*======================================
End Header & Sidebar CSS
========================================*/


/*======================================
Widgets CSS
========================================*/


/* Chart JS */

.sherah-charts-tabs__list {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
}

.sherah-charts-tabs__list a {
    border: none;
    background: #f3f4f7;
    font-size: 14px;
    font-weight: 400;
    padding: 7px 15px;
    border-radius: 3px;
    color: #5a5a5a;
}

.sherah-charts-tabs__list a.active,
.sherah-charts-tabs__list a:hover {
    background: #000929 !important;
    color: #fff;
}

.sherah-chart__inside {
    position: relative;
}

.charts-supporttracker {
    position: relative;
}

.sherah-chart__inside--parcent {
    position: absolute;
    top: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    font-weight: 700;
    left: 50%;
    margin-left: -28px;
    margin-top: -13px;
}

.charts-main__heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.charts-main__heading.charts-main__heading--v2 {
    align-items: baseline;
}

.charts-supporttracker--tittle {
    display: flex;
    justify-content: center;
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
    margin-top: 5px;
    margin-bottom: 0;
}

.charts-main__middle {
    display: flex;
    gap: 15px;
    align-items: center;
}

.sherah-heading__title {
    font-size: 28px;
    margin: 0;
}

.sherah-heading__dec {
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    padding: 12px 22px;
    background-color: #f01543;
    color: #000929;
}

.sherah-current {
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: #f01543;
}

.charts-main__middle-text {
    margin: 0;
}

.charts-main__middle-text::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 16px;
    height: 16px;
    background: #f2c94c;
    border-radius: 100%;
    margin-top: -8px;
}

.charts-main__middle-single {
    position: relative;
}

.charts-main__middle-text {
    padding-left: 25px;
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.charts-main__middle-text.sherah-total__sales::before {
    background: #f2c94c;
}

.charts-main__middle-text.sherah-social__sales::before {
    background: #27ae60;
}

.charts-main__middle-text.sherah-last__sales::before {
    background: #f2c94c;
}

.charts-main__middle-text.sherah-social__search::before {
    background: #ef5da8;
}

.charts-main__middle-single span {
    color: #2f3032;
    padding-left: 10px;
}

.charts-main__middle.charts-main__middle--v2 {
    gap: 50px;
}

.charts-main__middle.charts-main__middle--v2 .charts-main__middle-text:before {
    background: #f2c94c;
}

.charts-main__middle.charts-main__middle--v2 .charts-main__middle-text.sherah-total__sales:before {
    background: #f01543;
}

.charts-main__invest .charts-main__one {
    padding-top: 24px;
}

.charts-main__showcase {
    background: #fff;
    padding: 20px;
    border-radius: 15px;
}

.sherah-history__content {
    margin: 0;
    align-items: center;
}

.sherah-wc__form-inner-showcase {
    background: #fff;
    padding: 40px;
    border-radius: 15px;
}

.charts-main {
    padding: 20px;
    border-radius: 5px;
}

.sherah-sixth-one {
    width: 65%;
}

.sherah-sixth-two {
    width: 35%;
}

.sherah-chart__dropdown--revenue {
    display: flex;
    gap: 30px;
    justify-content: space-between;
    align-items: center;
}

.sherah-chart__total--sales {
    min-width: 100% !important;
    height: 366px !important;
    min-height: 366px !important;
}

.sherah-chart__daily-vistior-v2 {
    min-width: 100% !important;
    height: 222px !important;
    min-height: 222px !important;
}

.sherah-chart__monthly--states {
    min-width: 100% !important;
    min-height: 290px !important;
    height: 290px !important;
}

.sherah-chart__revenue {
    min-width: 100% !important;
    min-height: 315px !important;
}

.sherah-chart__inside.sherah-chart__five {
    width: 100%;
    height: 250px;
}

.sherah-chart__inside.sherah-chart__five canvas {
    width: 250px !important;
    height: 250px !important;
}

.sherah-sidebar__cside-one {
    height: 260px;
    max-height: 260px;
}

.sherah-chart__audience {
    min-width: 100% !important;
    min-height: 350px;
    height: 350px;
}

.sherah-chart__traffic {
    min-width: 280px !important;
    min-height: 280px;
    width: 280px;
    height: 280px;
}

.sherah-chart__client-stats {
    min-width: 100% !important;
    min-height: 70px !important;
    height: 75px !important;
}

.sherah-chart__activity {
    height: 300px;
}

.sherah-chart__traffic .myChart-progress__number {
    font-size: 18px;
}

.charts-main__statics {
    display: flex;
    flex-direction: column;
    align-items: end;
}

.charts-main__statics--title {
    margin: 0;
    font-size: 18px;
    font-weight: 500;
}

.charts-main__statics--text {
    font-size: 14px;
}

.charts-main__middle.charts-main__middle__reduce {
    gap: 30px;
}

.sherah-chart_ptask {
    min-height: 200px;
    max-width: 270px;
    max-height: 270px;
    width: 100%;
}

@media only screen and (min-width: 1100px) and (max-width: 1550px) {
    .sherah-chart__inside.sherah-chart__five canvas {
        width: 200px !important;
        height: 200px !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1278px) {
    .sherah-chart__three {
        min-height: 340px !important;
        height: 340px !important;
    }
}

@media only screen and (max-width: 767px) {
    .charts-main__heading {
        flex-direction: column;
        align-items: baseline;
    }
    .charts-main__heading .sherah-chart__dropdown {
        margin-top: 12px;
    }
    .sherah-chart__one,
    .sherah-chart__three,
    .sherah-chart__audience {
        height: 250px !important;
        min-height: 250px !important;
    }
    .charts-main__heading.charts-main__heading--v2 {
        align-items: baseline;
        flex-direction: row;
    }
    .sherah-progress-list.sherah-gap-50 {
        gap: 20px;
    }
    .sherah-progress-list {
        flex-direction: column !important;
        gap: 10px !important;
    }
    .sherah-heading__title {
        font-size: 20px;
    }
    .sherah-charts-tabs__list a {
        padding: 8px 10px;
    }
    .sherah-charts-tabs__list {
        gap: 10px;
    }
}

.event-color {
    position: absolute !important;
    left: -42px;
    top: -61px;
    z-index: 3333333333333 !important;
    padding: 3px 10px !important;
    font-size: 14px !important;
    font-weight: 400;
    border: none !important;
    background-color: #f01543 !important;
    border-radius: 4px !important;
}

.event-color::before {
    content: "";
    position: absolute !important;
    border-top: 13px solid #f01543;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    bottom: -12px;
    left: 10px;
    left: 28px;
    margin-left: -13px;
}

.event-color.event-color__1 {
    background-color: #219653 !important;
}

.event-color.event-color__1.event-color::before {
    border-top-color: #219653 !important;
}

.event-color.event-color__3 {
    background-color: #f2994a !important;
}

.event-color.event-color__3.event-color::before {
    border-top-color: #f2994a !important;
}

.event-color.event-color__4 {
    background-color: #ef5da8 !important;
}

.event-color.event-color__4.event-color::before {
    border-top-color: #ef5da8;
}

@media only screen and (min-width: 1279px) and (max-width: 1550px) {
    .sherah-default-cd__event .fc-daygrid-day.fc-day-today::before {
        top: -26px;
        left: 5px;
        width: 80px;
        height: 80px;
    }
}

@media only screen and (max-width: 767px) {
    .sherah-default-cd__event .fc-daygrid-day.fc-day-today::before {
        top: -6px;
        left: 1px;
        width: 50px;
        height: 50px;
    }
    .sherah-default-cd.sherah-default-cd__event .fc-daygrid-day-number {
        font-size: 14px !important;
    }
}


/* Map CSS */

#sherah-map svg,
#sherah-map .jvectormap-container {
    min-height: 315px;
    max-height: 315px;
}

.jvectormap-tip {
    background-color: #f01543;
    border: none;
    color: #fff;
}

.jvectormap-zoomin,
.jvectormap-zoomout {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
    display: none;
}

#sherah-map {
    position: relative;
}

.jvectormap-zoomout {
    top: 37px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    #sherah-map svg,
    #sherah-map .jvectormap-container {
        min-height: 225px;
        max-height: 225px;
    }
}


/* sherah Table */

.sherah-table {
    padding: 30px;
}

.sherah-table__badge {
    min-width: 28px;
    min-height: 28px;
    display: inline-block;
    background: #f01543;
    border-radius: 100%;
    color: #fff;
    font-size: 12px;
    line-height: 28px;
    text-align: center;
}

.sherah-table__title {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 18px;
    font-weight: 500;
    color: #374557;
}

.sherah-table__head tr th,
.sherah-table__body tr td {
    width: 14%;
    vertical-align: middle;
    text-align: center;
}

.sherah-table__head {
    background: #f4f4f6;
}

.sherah-table__body tr:last-child {
    border-bottom: 0px;
}

.sherah-table__body tr:hover {
    background: #f9fafb;
}

.sherah-table__product {
    display: flex;
    gap: 15px;
    align-items: center;
    text-align: left;
}

.sherah-table__product-img {
    max-width: 34px;
}

.sherah-table__product-img img {
    border-radius: 50%;
    min-width: 34px;
    min-height: 34px;
}

.sherah-table__product-title {
    margin: 0;
    font-size: 16px;
}

.sherah-table__product-inside-buttonc {
    margin: 0;
    line-height: initial;
    font-size: 18px;
}

.sherah-table__product-inside-buttonc a {
    font-weight: 400;
    font-size: 16px;
}

.sherah-table__time {
    margin: 0;
    font-size: 14px;
}

.sherah-table__main .sherah-table__head tr th,
.sherah-table__main .sherah-table__body tr td {
    width: 22.28%;
    vertical-align: middle;
    text-align: left;
    padding: 14px 20px;
}

.sherah-table__main.sherah-table__main-v1 .sherah-table__column-1 {
    width: 13% !important;
    text-align: left !important;
}

.sherah-table__inner--title {
    font-weight: 400;
    font-size: 18px;
    margin: 0;
}

.crany-table__product--number {
    margin: 0;
}

.crany-table__product--number a {
    color: #5a5a5a;
    font-weight: 400;
    font-size: 18px;
}

.sherah-table__amount {
    display: flex;
    align-items: center;
    gap: 5px;
}

.sherah-table__amount img {
    max-width: 18px;
}

.sherah-table__text {
    margin: 0;
    font-size: 16px;
}

.sherah-table__bid-text {
    color: #374557;
}

.sherah-table__status {
    font-size: 14px;
    text-align: center;
    padding: 6px 24px;
    border-radius: 4px;
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
}

.sherah-table__status svg {
    fill: #27ae60;
}

.sherah-table__status--cancel svg {
    fill: #eb5757;
}

.sherah-table__head tr th {
    color: #1a1a1a;
    font-weight: 500;
    font-size: 16px;
    padding: 7px 20px;
}

.sherah-table__main table tbody a {
    font-weight: 400;
}

.sherah-table__main {
    margin: 0;
}

.sherah-table__main-sell .sherah-table__column-3 {
    width: 28%;
}

.sherah-table__main-sell .sherah-table__column-1,
.sherah-table__main-sell tr th,
.sherah-table__main-sell tr td {
    text-align: left;
}

.sherah-table__heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
    gap: 25px;
}

.sherah-table__main .sherah-table__body tr:nth-child(2n+1) {
    /*background-color: var(--sherah-offset-bg-color);*/
}

.sherah-table__main.sherah-table__main--activity .sherah-table__column-4 {
    width: 10% !important;
}

.sherah-dropdown__list .nav-link:after {
    display: none;
}

.sherah-dropdown__list {
    border: none !important;
}

.sherah-dropdown__list .nav-link {
    font-weight: 400;
    font-size: 0.875rem;
    background: transparent;
    opacity: 0.7;
}

.sherah-table__heading .sherah-dropdown__list .nav-link {
    font-size: 14px;
    line-height: 24px;
}

.sherah-chart__dropdown.sherah-chart__dropdown--bg svg {
    color: #f01543 !important;
    fill: #f01543 !important;
}

.sherah-chart__dropdown.sherah-chart__dropdown--bg .sherah-sidebar_btn {
    padding: 5px 10px;
    color: #1a1a1a !important;
    opacity: 1;
    border-radius: 4px !important;
}

.sherah-tasksingle__group.sherah-tasksingle__group--activity img {
    width: 40px !important;
    height: 40px !important;
    border: 1.4px solid #ffffff;
    border-radius: 80px;
}

.sherah-table__right button {
    background: transparent;
}

.sherah-table__right {
    display: flex;
    align-items: center;
    gap: 30px;
}

.sherah-table__right .sherah-header__form-inner {
    width: 290px;
}

#sherah-table__main_filter {
    display: none;
}

.sherah-table__ticket .sherah-table__column-2 {
    width: 34% !important;
}

.sherah-table__ticket .sherah-table__body tr td {
    padding: 10px 20px !important;
}

.sherah-table__ticket .sherah-table__inner--title a {
    font-weight: 400;
}

.sherah-table-file {
    display: flex;
    align-items: center;
    gap: 12px;
}

.sherah-table-file__title {
    margin: 0;
    font-weight: 400;
    color: #2f3032;
    font-size: 16px;
}

.sherah-table-file__icon {
    min-width: 34px;
    min-height: 34px;
    line-height: 34px;
    text-align: center;
    border-radius: 4px;
}

.sherah-table_buttons {
    gap: 25px;
}

.dataTables_scrollBody {
    max-height: 380px !important;
}

.sherah-table__vendor--title a {
    font-weight: 500;
}


/* .sherah-table__vendor-img {
max-width: 46px;
} */

.sherah-table__vendor-img img {
    border: 3px solid #fff;
    border-radius: 100%;
    width: 60px;
    height: 60px;
    object-fit: cover;
    box-shadow: 0px 0px 15px #0000002b;
}

.dataTables_wrapper select {
    background-color: #f3f4f7;
    border: 1px solid #fccbd5;
    border-radius: 4px !important;
    line-height: initial;
    height: 30px;
    width: 65px !important;
    text-align: center;
}

.dataTables_wrapper .dataTables_length {
    color: #5a5a5a;
}

.sherah-data-table-label {
    position: absolute;
    right: 12px;
    top: 8px;
    color: #f01543;
    font-size: 19px;
}

.dataTables_filter input {
    background: #f3f4f7;
    border-radius: 4px;
    font-size: 13px;
    height: 40px !important;
    min-height: 40px !important;
    min-width: 180px;
    padding-left: 15px;
}

.sherah-order-right {
    display: flex;
    align-items: center;
    gap: 50px;
}

.sherah-table-status {
    display: flex;
    align-items: center;
    gap: 15px;
}

.sherah-table__product--thumb {
    max-width: 55px;
}

#sherah-table__orderv1 thead tr th {
    font-weight: 400;
}

#sherah-table__orderv1 .sherah-table__head {
    background: #f6f7f9;
    border: none;
}

.sherah-table__main.sherah-table__main--orderv1 .sherah-table__body tr:nth-child(2n+1) {
    background: transparent;
}

.sherah-table__main.sherah-table__main--orderv1 .sherah-table__body tr {
    border-bottom: 1px solid #fccbd5;
    background: transparent;
}

.sherah-table-order {
    border: 1px solid #fccbd5;
}

.order-totals {
    display: flex;
    align-items: end;
    justify-content: end;
    margin-right: 50px;
}

.order-totals__list {
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 20px 0px;
    min-width: 65%;
    justify-content: end;
}

.order-totals__list li {
    display: flex;
    justify-content: space-between;
}

.order-totals__bottom {}

.order-totals__list li.order-totals__bottom {
    border-top: 1px solid #fccbd5;
    padding-top: 15px;
}

.order-totals__list li.order-totals__bottom span {
    font-weight: 500;
    font-size: 20px;
    color: #1a1a1a;
}

.sherah-table__product-name--title {
    font-weight: 500;
}

.sherah-table__product-gateway {
    font-weight: 400;
}

.sherah-table__product-gateway span {
    color: #5a5a5a;
}

.order-totals__list--sub span {
    font-size: 20px;
    color: #1a1a1a;
}

.order-totals__list li {
    padding: 0 30px;
    color: #5a5a5a;
}

.sherah-contact-card__title {
    background: #fccbd5;
    padding: 20px 30px;
    border-radius: 4px 4px 0 0;
}

.sherah-contact-card {
    background: #fff;
    min-height: 265px;
}

.sherah-contact-card .sherah-vcard__body {
    padding: 30px;
}

.sherah-contact-card .sherah-vcard__body .sherah-vcard__img img {
    box-shadow: none;
    padding: -;
    margin: 0;
}


/* Table Pagination*/

.dataTables_paginate,
.sherah-pagination {
    text-align: center;
    display: flex;
    align-items: center;
}

.sherah-pagination {
    justify-content: end;
}

.dataTables_paginate .pagination a,
.sherah-pagination li a {
    width: 55px;
    height: 55px;
    border-radius: 4px !important;
    align-items: center;
    text-align: center;
    background: #fff !important;
    border: none !important;
    color: #5a5a5a !important;
    display: inline-block !important;
    padding: 0;
    line-height: 32px;
    font-weight: 400;
    border: 1px solid #fccbd5 !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
}

.dataTables_paginate .pagination,
.sherah-pagination ul {
    display: flex;
    gap: 10px;
}

.dataTables_paginate .pagination a:hover,
.sherah-pagination ul li a:hover,
.dataTables_paginate .paginate_button.active a,
.sherah-pagination ul li.active a {
    background: #f01543 !important;
    color: #fff !important;
}

.dataTables_paginate .paginate_button.page-item.previous a,
.dataTables_paginate .paginate_button.page-item.next a,
.sherah-pagination ul .sherah-pagination__button a {
    color: #f01543 !important;
}

.dataTables_paginate .paginate_button.page-item.previous a:hover,
.dataTables_paginate .paginate_button.page-item.next a:hover,
.sherah-pagination ul .sherah-pagination__button:hover a {
    color: #fff !important;
}

#sherah-table__vendor_paginate {
    justify-content: right;
}

.sherah-table__tabs {
    padding: 0;
    box-shadow: none;
}


/*.sherah-table__main--front thead,*/


/*.sherah-table__main--front tbody {*/


/*    display: block;*/


/*}*/

.sherah-table__main--front tbody {
    height: 330px;
    overflow-y: scroll;
}

@media only screen and (min-width: 1279px) and (max-width: 1550px) {
    .sherah-table__support {
        width: 100%;
        overflow: scroll;
    }
    .sherah-table__support .sherah-table__body tr td {
        padding: 5px !important;
    }
    .sherah-table__main .sherah-table__head tr th,
    .sherah-table__main .sherah-table__body tr td {
        padding: 20px 10px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1278px) {
    .sherah-table__product {
        flex-direction: column;
        align-items: first baseline;
        gap: 6px;
    }
    .sherah-table__product-title {
        font-size: 16px;
    }
    .sherah-table__body tr td {
        padding: 10px 0;
    }
    .sherah-table__amount {
        flex-direction: column;
    }
    .sherah-table__product-img {
        max-width: 46px;
    }
    .sherah-table__product-inside-buttonc {
        line-height: 22px;
        margin: 0;
    }
    .sherah-table__status {
        font-size: 12px;
        padding: 2px 8px;
    }
    .sherah-table__text {
        margin: 0;
        font-size: 12px;
        line-height: 16px;
    }
    .sherah-table #myTabContent {
        overflow-x: auto;
    }
    .sherah-table__product-img img {
        min-width: 46px;
        min-height: 46px;
    }
    .sherah-table,
    .sherah-table--v1,
    .sherah-table-order {
        width: 100%;
        overflow: scroll;
    }
    .sherah-table__main .sherah-table__head tr th,
    .sherah-table__main .sherah-table__body tr td {
        padding: 10px 20px;
    }
    .sherah-table__head tr th {
        font-size: 16px;
    }
}

@media only screen and (max-width: 767px) {
    .sherah-table__product-title {
        font-size: 16px;
    }
    .sherah-table__body tr td {
        padding: 10px 0;
    }
    .sherah-table__amount {
        flex-direction: column;
    }
    .sherah-table__product-img {
        max-width: 46px;
    }
    .sherah-table__product-inside-buttonc {
        line-height: 22px;
        margin: 0;
    }
    .sherah-table__status {
        font-size: 12px;
        padding: 2px 8px;
    }
    .sherah-table__text {
        margin: 0;
        font-size: 12px;
        line-height: 16px;
    }
    .sherah-table,
    .sherah-table--v1,
    .sherah-table-order {
        width: 100%;
        overflow: scroll;
    }
    #sherah-table__main {
        width: 690px;
    }
    .sherah-table #myTabContent {
        overflow-x: auto;
    }
    .sherah-table__product-img img {
        min-width: 46px;
        min-height: 46px;
    }
    .sherah-invoice-form__first {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 15px;
    }
    .sherah-invoice-header {
        flex-direction: column;
        gap: 20px;
    }
    .sherah-table__main .sherah-table__body tr td,
    .sherah-table__main .sherah-table__head tr th {
        padding: 8px 12px !important;
    }
    .sherah-table__head tr th {
        font-size: 16px;
    }
}

@media only screen and (min-width: 0px) and (max-width: 1278px) {
    .dataTables_paginate,
    .sherah-pagination {
        padding-bottom: 10px;
    }
}


/*======================================
End Widgets CSS
========================================*/


/*======================================
Products CSS
========================================*/

.sherah-products {
    padding: 35px;
    border-radius: 8px;
}

.sherah-products .slick-list {
    margin: 0 -15px;
}

.sherah-product-card {
    background: #ffffff;
    border-radius: 8px;
}

.sherah-product-card.slick-slide {
    margin: 15px;
}

.sherah-product-card__img img {
    width: 100%;
}

.sherah-product-card__content {
    padding: 20px;
}

.sherah-product-card__title a {
    font-weight: 400;
}

.sherah-product-card__price {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 18px;
    color: #1a1a1a;
    font-weight: 500;
}

.sherah-product-card__price del {
    color: var(--sherah-paragraph-color) !important;
}

.sherah-product__bottom {
    display: flex;
    gap: 10px;
    justify-content: space-between;
    align-items: end;
}

.sherah-product-card__title b {
    font-weight: 500;
}

.sherah-product-card__meta {
    font-size: 14px;
}

.sherah-product-card__buttons {
    position: absolute;
    right: 30px;
    top: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.sherah-product-card__buttons--single {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
}

.sherah-product-card__buttons--single:hover svg,
.sherah-product-card__buttons--single.active svg {
    fill: var(--sherah-third-color) !important;
}

.sherah-default__fill.sherah-default__heart {
    fill: #fff !important;
    stroke: #1a1a1a !important;
}

.sherah-product-card__buttons--single:hover .sherah-default__fill.sherah-default__heart,
.sherah-product-card__buttons--single.active .sherah-default__fill.sherah-default__heart {
    stroke: #fff !important;
}


/* Sherah Product V2 */

.sherah-product-card.sherah-product-card__v2 {
    padding: 12px;
}

.sherah-product-card .sherah-btn {
    padding: 8px 20px;
}

.sherah-product-card__hidden {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: red;
    background-color: #000000a6;
    backdrop-filter: blur(5px);
    opacity: 0.9 !important;
}


/* Sherah Sidebar */

.sherah-product-sidebar {
    padding: 30px;
    border-radius: 4px;
}

.sherah-product-sidebar__title {
    font-size: 22px;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.sherah-product-sidebar__list {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.sherah-product-sidebar__list li a {
    display: flex;
    gap: 10px;
    align-items: center;
    color: var(--sherah-paragraph-color) !important;
    font-weight: 400;
    font-size: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sherah-product-sidebar__list li span {
    display: flex;
    align-items: center;
    gap: 10px;
}

.sherah-product-sidebar__list li span i {
    font-size: 12px;
}

.sherah-product-sidebar__list li a:hover {
    color: var(--sherah-primary-color) !important;
}

.sherah-product-sidebar__size {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.sherah-product-sidebar__size a {
    color: #5a5a5a;
    padding: 5px 15px;
    font-weight: 400;
}

.sherah-product-sidebar__size a:hover {
    color: #f01543;
}

#slider-range {
    box-shadow: none;
    border: none;
    height: 6px;
    background: #c5c5c5;
    color: #c5c5c5;
    border-radius: 100px;
}

.price-filter .ui-slider-range {
    box-shadow: none;
    background: #f01543;
    border-radius: 0px;
    border: none;
}

.price-filter .ui-slider-handle.ui-state-default.ui-corner-all {
    width: 20px;
    height: 20px;
    line-height: 10px;
    background: #111a3a;
    border: none;
    border-radius: 100%;
    top: -8px;
}

.price-filter-inner {
    display: flex;
    flex-wrap: wrap-reverse;
    flex-direction: column-reverse;
    gap: 15px;
}

.price-filter .label-input {
    display: flex;
    align-items: center;
    gap: 5px;
}

.price-filter .label-input span {
    margin-right: 5px;
    color: #282828;
}

.price-filter .ui-slider-handle.ui-state-default.ui-corner-all {
    background: #bfb5ff;
    color: #bfb5ff;
    cursor: pointer;
}

.price-filter .label-input input {
    border: none;
    margin: 0;
    font-weight: 600;
    font-size: 16px;
    color: #1a1a1a;
    background: transparent;
    line-height: initial;
    height: initial;
    height: initial !important;
    min-height: initial !important;
}

.sherah-breadcrumb__right {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
}

.sherah-breadcrumb__right--first {
    display: flex;
    align-items: center;
    gap: 20px;
}

.sherah-breadcrumb__right--second {
    display: flex;
    align-items: center;
    gap: 22px;
    flex-wrap: wrap;
}

.sherah-header__form--product input {
    background: #fff;
}

.sherah-header__form--product .sherah-header__form-inner {
    width: 300px;
}

.sherah-product__nav {
    display: flex;
    align-items: center;
    flex-direction: row;
    background: #fff;
    padding: 20px 30px;
    border: 1px solid #fccbd5;
    border-radius: 5px;
}

.sherah-product__nav a {
    background: transparent !important;
    border: none;
    padding: 0;
    margin: 0;
}

.sherah-product__nav .list-group-item {
    padding-right: 15px;
    margin-right: 15px;
    border-right: 1px solid #fccbd5;
    color: #1c2a5a;
}

.sherah-product__nav .list-group-item span {
    border-bottom: 1px solid transparent;
}

.sherah-product__nav .list-group-item:last-child {
    padding: 0;
    margin: 0;
    border: none;
}

.sherah-product__nav .list-group-item:hover span,
.sherah-product__nav .list-group-item.active span {
    color: #f01543;
    border-bottom-color: #f01543;
}


/* Product Details*/

.product-detail-body {
    padding: 30px;
}

.product-thumbs {
    display: ;
}

.product-details-image {
    display: flex;
    justify-content: space-between;
    gap: 30px;
}

.product-thumbs {
    display: flex;
    flex-direction: column;
    max-width: 130px;
    gap: 20px;
}

.product-thumbs li a {
    border: 1px solid #fccbd5;
    border-radius: 4px;
}

.product-thumbs li a:hover,
.product-thumbs li a.active {
    border-color: #f01543;
}

.product-detail-body__title {
    font-size: 28px;
    margin-bottom: 30px;
}

.product-detail-body__deal--rating {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 20px;
}

.product-detail-body__stock {
    margin-top: 10px;
}

.product-detail-body__text {
    margin-top: 40px;
    font-size: 16px;
}

.product-inside-button .quantity {
    display: inline-block;
}

.product-inside-button .quantity h6 {
    display: inline-block;
    margin-right: 10px;
    font-size: 15px;
    font-weight: 500;
}

.product-inside-button .quantity .input-group {
    width: 151px;
    display: inline-block;
    display: flex;
    align-items: center;
}

.product-inside-button .quantity .button {
    display: inline-block;
    position: absolute;
    top: 0;
    display: inline-block;
    height: 60px;
    line-height: 60px;
}

.product-inside-button .quantity .button.minus {
    left: 20px;
    border-radius: 0;
    overflow: hidden;
}

.product-inside-button .quantity .button.plus {
    right: 20px;
    border-radius: 0;
    overflow: hidden;
}

.product-inside-button .quantity .btn {
    padding: 0;
    width: 35px;
    height: 100%;
    line-height: 45px;
    border-radius: 0px;
    background: transparent;
    color: #5a5a5a;
    font-size: 12px;
    border: none;
    font-size: 18px;
    box-shadow: none !important;
}

.product-inside-button .quantity .button .btn:hover {
    color: #00ab55;
}

.product-inside-button .quantity .input-number {
    border: 1px solid #fccbd5;
    width: 100%;
    text-align: center;
    height: 45px;
    border-radius: 0px;
    overflow: hidden;
    padding: 0px 38px;
    background: transparent;
    height: 100%;
    height: 60px;
    min-height: 60px;
    font-size: 18px;
    font-weight: 500;
    color: #5a5a5a;
    border-radius: 4px;
}

.product-inside-button .add-to-cart {
    display: inline-block;
}

.add-button {
    background-color: #f01543;
    color: #fff;
    border: 1px solid #cccccc;
    border-radius: 5px;
    padding: 8px 16px;
    font-size: 14px;
    cursor: pointer;
    margin-top: 27px;
    transition: background-color 0.3s ease;
}

.product-inside-button .add-to-cart .btn {
    height: 45px;
    width: auto;
    padding: 0 25px;
    line-height: 45px;
    text-align: center;
    text-transform: capitalize;
    margin-right: 5px;
    border-radius: 0px;
    background: #111a3a;
    color: #fff;
    display: inline-block;
    font-weight: 500;
}

.product-inside-button .add-to-cart .btn:hover {
    color: #fff;
    background: #00ab55;
}

.product-inside-button .add-to-cart .btn.min {
    padding: 0 20px;
    font-size: 17px;
    position: relative;
    top: 1px;
    line-height: 45px;
}

.sherah-button-group .sherah-btn {
    height: 60px;
    min-height: 60px;
}

.sherah-button-group {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 40px;
}

.sherah-button-group .sherah-btn.default {
    width: 60px;
    padding: 0;
    display: flex;
    justify-content: center;
    background: transparent !important;
}

.sherah-products-meta__list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.sherah-products-meta__list li {
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #5a5a5a;
}

.sherah-products-meta__list .p-list-title {
    min-width: 95px;
    font-weight: 500;
    color: #1a1a1a;
}

.sherah-products-meta__list .sherah-contact-social li {
    padding: 0;
    margin: 0;
    border: none;
}


/* Product Tab Overview */

.sherah-product-tabs__list {
    display: flex;
    flex-direction: row;
    background: #f3f4f7;
    gap: 5px;
}

.sherah-product-tabs__list a {
    background: transparent;
    border: none;
    padding: 20px 50px;
    font-size: 20px;
    font-weight: 500;
    border-radius: 4px;
}

.sherah-product-tabs__list a:hover,
.sherah-product-tabs__list a.active {
    background: #f01543;
    color: #fff;
}

.product-overview-table tr,
.product-overview-table td {
    border: 1px solid #fccbd5;
    padding: 15px 30px;
    border-radius: 4px !important;
    color: #1a1a1a;
}

.sherah-features-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.sherah-features-list li {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #5a5a5a;
}

.sherah-user-reviews_title {
    font-size: 20px;
    font-weight: 500;
}

.sherah-user-reviews {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.sherah-user-reviews__single {
    display: flex;
    align-items: safe;
    gap: 20px;
}

.sherah-user-reviews__content {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.sherah-user-reviews__buttons {
    display: flex;
    align-items: center;
    gap: 15px;
}

.sherah-user-reviews__buttons a {
    padding: 8px 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: 4px;
}

.sherah-user-reviews__single.sherah-user-reviews__single--reply {
    padding-left: 100px;
}

.sherah-review-comment__title {
    background: #f3f4f7;
    padding: 20px 30px;
    font-size: 20px;
    border-radius: 4px;
    font-weight: 500;
}

.sherah-wc__form-input.sherah-wc__form-input--big {
    height: 225px;
}


/* Upload Form */

.product-form-box {
    padding: 30px;
    border-radius: 4px;
}

.sherah-btn__add {
    position: absolute;
    right: 0;
    height: 100%;
    padding: 0 48px;
    font-weight: 500;
    font-size: 18px;
    border-radius: 0 4px 4px 0;
}

.checkbox-group {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    border: 1px solid #e4f2ff;
    padding: 20px 30px;
}

.checkbox-group__single--label {
    border: 1px solid #fccbd5;
    font-size: 13px;
    padding: 1px 17px;
    margin: 0;
    cursor: pointer;
    border-radius: 4px;
    color: #000;
}

.btn-check:checked+.checkbox-group__single--label {
    background: #bfb5ff;
    color: #1a1a1a;
    border-color: transparent;
}

.image-upload-group {
    display: flex;
    gap: 30px;
}

.image-upload-group__single {
    width: 25%;
    border: 1px solid transparent;
    display: flex;
    justify-content: center;
    align-items: center;
}

.image-upload-group__single.image-upload-group__single--upload {
    border-color: #fccbd5;
    cursor: pointer;
}

.image-upload-label {
    display: flex;
    flex-direction: column;
    gap: 15px;
    font-size: 18px;
    font-weight: 400;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    margin: 0;
}

.image-upload-label svg {
    width: 80px;
    fill: #5a5a5a;
}

.image-upload-group__single--upload:hover svg,
.image-upload-group__single--upload:hover span {
    fill: #f01543;
    color: #f01543;
}

@media only screen and (min-width: 0px) and (max-width: 1278px) {
    .sherah-button-group {
        gap: 4px;
    }
    .product-inside-button .quantity .input-group {
        width: 120px;
    }
    .sherah-product-tabs__list a {
        padding: 15px 25px;
        font-size: 18px;
    }
    .sherah-product-tabs__list {
        flex-wrap: wrap;
    }
    .sherah-user-reviews__single.sherah-user-reviews__single--reply {
        padding-left: 15px;
    }
}

@media only screen and (max-width: 400px) {
    .sherah-product-tabs__list a {
        padding: 10px 25px;
        font-size: 15px;
    }
    .product-inside-button .quantity .input-group {
        width: 100px;
    }
    .product-detail-body {
        padding: 20px;
    }
    .product-inside-button .quantity .input-number {
        padding: 0px 15px;
    }
    .product-inside-button .quantity .button.minus {
        left: 10px;
    }
    .product-inside-button .quantity .button.plus {
        right: 10px;
    }
    .sherah-button-group .sherah-btn {
        padding: 0;
    }
}


/*======================================
End Products CSS
========================================*/


/*======================================
Chat & Email CSS
========================================*/


/* Chat Box */

.sherah-chatbox__one {
    width: 31%;
}

.sherah-chatbox__two {
    width: 69%;
}

.sherah-chatbox__top {
    padding: 0 25px;
}

.sherah-chatbox-form input {
    background: transparent !important;
    border: none;
    padding: 0;
    border: none !important;
}

.sherah-chatbox__sidebar {
    padding-top: 30px;
    border-radius: 5px;
}

.sherah-chatbox__first-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 25px;
    margin-bottom: 20px;
}

.sherah-chatbox__outgoing .sherah-chatbox__incoming-list {
    align-items: end;
}

.sherah-chatbox__title {
    font-size: 22px;
    margin: 0;
}

.sherah-chatbox__label.sherah-btn {
    padding: 3px 12px;
}

.sherah-chatbox__search {
    width: 100%;
}

.sherah-chatbox__search .sherah-header__form-inner {
    width: 100%;
}

.sherah-chatbox__search input {
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.sherah-header__form .search-btn {
    color: #f01543;
}

.sherah-header__form .search-btn svg {
    fill: rgba(201, 167, 100, 1);
}

.sherah-chatbox__search {
    margin-bottom: 30px;
}

.sherah-chatbox__search .search-btn {
    margin-top: -6px;
}

.sherah-chatbox__author {
    display: flex;
    gap: 20px;
    align-items: center;
}

.sherah-chatbox__author-title {
    margin: 0;
    font-size: 16px;
}

.sherah-chatbox__author-img img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    min-width: 40px;
    min-height: 40px;
}

.sherah-chatbox__author-online {
    width: 12px;
    height: 12px;
    background: #27ae60;
    position: absolute;
    border-radius: 100%;
    right: 0;
    bottom: 0;
    border: 2px solid #fff;
}

.sherah-chatbox__author-online.author-not-online {
    background: #c5c5c5;
}

.sherah-chatbox__author-online.author-is-busy {
    background-color: #ff6767;
}

.sherah-chatbox__author-img {
    position: relative;
}

.sherah-chatbox__author-img-sticky img {
    min-width: 45px;
    min-height: 45px;
}

.sherah-chatbox__author-desc {
    margin: 0;
    font-size: 14px;
}

.sherah-chatbox__list li {
    display: flex;
    padding-left: 25px;
    flex-direction: column;
    justify-content: space-between;
    padding-right: 25px;
    transition: all 0.3s ease;
    background: transparent !important;
}

.sherah-chatbox__list li:hover {
    background: #f0f7ff;
}

.sherah-chatbox__list li:hover .sherah-chatbox__inner,
.sherah-chatbox__list li.active .sherah-chatbox__inner {
    border-color: transparent;
}

.sherah-chatbox__inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 14px;
    padding-bottom: 14px;
    width: 100%;
    transition: all 0.3s ease;
}

.sherah-chatbox__list li:last-child .sherah-chatbox__inner {
    border-bottom: none;
}

.sherah-chatbox__time {
    margin: 0;
    color: #878f9a;
    font-size: 13px;
}

.sherah-chatbox__unread {
    border-radius: 100%;
    width: 20px;
    height: 20px;
    line-height: 20px;
    display: inline-block;
    font-size: 10px;
    text-align: center;
    color: #fff;
}

.sherah-chatbox__right {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 25px;
}

.sherah-chatbox__toggle {
    cursor: pointer;
}

.sherah-chatbox__toggle svg {
    fill: #9aa2b1;
}

.sherah-chatbox__info {
    display: flex;
    flex-direction: column;
    align-items: end;
}

.sherah-chatbox__explore {
    margin-right: 45px;
    border-radius: 5px;
    overflow: hidden;
    padding: 0 30px;
}

.sherah-chatbox__explore-head {
    padding: 20px 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sherah-chatbox__incoming-chat {
    background: #fccbd5;
    padding: 18px 30px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    gap: 25px;
}

.sherah-chatbox__chat {
    display: flex;
    gap: 15px;
    justify-content: left;
    align-items: start;
}

.sherah-chatbox__time-two {
    font-size: 10px;
    margin-top: 8px;
}

.sherah-chatbox__btn {
    font-size: 20px;
    cursor: pointer;
}

.sherah-chatbox__btn a {
    color: #878f9a;
}

.sherah-chatbox__btn a:hover {
    color: #f01543;
}

.sherah-chatbox__imoji {
    display: flex;
    gap: 8px;
}

.sherah-chatbox__btn svg {
    fill: #9aa2b1;
}

.sherah-chatbox__btn:hover svg {
    fill: #f01543;
}

.sherah-chatbox__incoming {}

.sherah-chatbox__imoji img {
    max-width: 30px;
}

.sherah-chatbox__incoming-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-top: 40px;
}

.sherah-chatbox__incoming-text {
    margin: 0;
    font-size: 14px;
}

.sherah-chatbox__archive-date {
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid rgba(83, 86, 251, 0.16);
    margin: 0 40px;
}

.sherah-chatbox__archive-time {
    position: relative;
    background: #fff;
    bottom: -10px;
    padding: 0 20px;
    color: #2f3032;
    margin-top: -10px;
    font-size: 14px;
}

.sherah-chatbox__new-message {
    margin: 40px 0;
}

.sherah-chatbox__form {
    border-radius: 30px;
    position: relative;
}

.sherah-chatbox__form-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #ebe8ff;
    padding: 0 30px;
    border-radius: 5px;
    gap: 15px;
}

.sherah-chatbox__button {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.sherah-chatbox__button-inline {
    display: flex;
    gap: 15px;
    align-items: center;
}

.sherah-chatbox__form-inner input {
    font-size: 14px;
    width: 100%;
    border-radius: 4px;
    padding: 0 20px;
    background: transparent !important;
    border: none;
    height: 60px !important;
    border: none !important;
}

.sherah-chatbox__submit-btn {
    background: #f01543;
    height: 42px;
    display: flex;
    gap: 10px;
    color: #fff;
    border-radius: 4px;
    border: none;
    padding: 0 16px;
    align-items: center;
    font-weight: 500;
}

.sherah-chatbox__submit-btn:hover {
    background: #303133;
    color: #fff;
}

.sherah-chatbox-form {}

.sherah__item {
    background: #fff;
    padding: 35px;
    border-radius: 15px;
    box-shadow: 0 9px 95px 0 #0000000d;
}

.sherah__item-title {
    font-size: 26px;
    margin: 0;
}

.sherah__item-text {
    font-size: 16px;
    margin: 0;
}

.sherah__item-label {
    font-size: 20px;
    display: block;
    letter-spacing: 0.025em;
}

.sherah__item-input {
    width: 100%;
    height: 58px;
    line-height: 58px;
    padding: 0 30px !important;
    background-color: #fafafa;
}

.sherah__item-input:hover {
    border-color: #f01543;
}

.sherah__item-input.sherah__item-input__arrow {
    padding-right: 105px !important;
}

.sherah__item-form--group {
    position: relative;
}

.mg-top-form-20 {
    margin-top: 20px !important;
    margin-bottom: 0 !important;
}

.ntfmax__item-radio--group {
    display: flex;
    gap: 20px;
    margin-top: 15px;
}

.sherah__item-input.sherah__item-textarea {
    height: 200px;
    line-height: initial;
    padding-top: 15px !important;
    border-radius: 20px !important;
}

.ntfmax__item-radio--group label {
    display: flex;
    flex-direction: column;
    background: transparent;
    margin: 0;
    padding: 10px;
    width: 122px;
    height: 130px;
    justify-content: center;
    align-items: center;
    border: 1px solid #e3e4fe;
    border-radius: 0.375rem;
    cursor: pointer;
}

.item-input-icon {
    width: 68px;
    height: 68px;
    background: #f2e8fa;
    line-height: 68px;
    text-align: center;
    border-radius: 100%;
}

.ntfmax__item-radio--group img {
    width: 30px;
    margin-bottom: 20px;
    height: 35px;
}

.ntfmax__item-radio-title {
    color: #374557;
    font-size: 16px;
    font-weight: 400;
}

.sherah__item-sublabel {
    display: block;
    color: #878f9a;
    font-size: 16px;
    font-weight: 400;
}

.sherah__item-label--inline {
    color: #878f9a;
    font-weight: 400;
    margin-left: 10px;
}

.sherah__item-form--group--line {
    display: flex;
    gap: 40px;
    align-items: center;
}

.sherah__item-fee-text {
    margin: 0;
}

.sherah__item-fee {
    margin-top: 10px;
}

.form-select.sherah__item-form--select {
    position: absolute;
    right: 0;
    width: 100px;
    top: 45px;
    background-color: transparent;
    border: none;
    padding: 0;
    margin: 0;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    padding-left: 10px;
    height: 40px;
}

.sherah__item-fee-text b {
    font-weight: 400;
    font-size: 16px;
    color: #374557;
}

.sherah__item-form--unlock {
    display: flex;
    gap: 10px;
    align-items: center;
    padding-top: 10px;
    justify-content: space-between;
}

.sherah__item-unlock--icon {
    width: 60px;
    height: 60px;
    line-height: 60px;
    background: #e6e6e6;
    text-align: center;
    border-radius: 100%;
    min-width: 60px;
    min-height: 60px;
}

.sherah__item-label--head {
    font-size: 20px;
    margin-bottom: 8px;
}

.sherah__item-fee-text {
    font-size: 16px;
    color: #878f9a;
}

.ntfmax__item-radio--group label i {
    color: #858d98;
    font-size: 25px;
}

.ntfmax__item-radio--group--icon {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ntfmax__item-radio--group--icon img {
    width: 50px;
    height: 50px;
    margin-bottom: 2px;
}

.ntfmax__item-radio--collection label {
    width: 100px;
    height: 100px;
}

.col-lg-5.col-12.sherah-pcolumn__one {
    width: 425px;
}

.sherah__item-form--main {
    border-left: 1px solid rgba(83, 86, 251, 0.16);
    padding-left: 40px;
    padding-bottom: 30px;
}

.sherah__item-box {
    border-bottom: 1px solid rgba(83, 86, 251, 0.16);
}

.sherah-chatbox__outgoing {
    margin-left: 115px;
    margin-top: 45px;
}

.sherah-chatbox__outgoing .sherah-chatbox__incoming-chat {
    background: #f01543;
    color: #fff;
}

.sherah-chatbox__outgoing .sherah-chatbox__time {
    text-align: right;
}

.sherah-chatbox__outgoing .sherah-chatbox__chat .sherah-chatbox__incoming-text {
    color: #fff;
}

.sherah-chatbox__outgoing .sherah-chatbox__chat {
    justify-content: right;
}

.sherah-chatbox__only-text {
    margin-left: 75px;
}

.sherah-chatbox__right-bar {
    cursor: pointer;
}

.sherah__item-form--main input,
.sherah__item-form--main textarea {
    border: 1px solid #e3e4fe;
}

.sherah-chatbox__sidebar--inbox .sherah-chatbox__inner {
    padding-top: 10px;
    padding-bottom: 10px;
}

.sherah-chatbox__author.sherah-chatbox__email .sherah-chatbox__author-img svg {
    width: 40px;
    height: 40px;
    border-radius: 4px;
    background: #e7f3ff;
    line-height: 40px;
    text-align: center;
    padding: 8px;
    fill: #f01543;
}

.sherah-chatbox__stared {
    color: #fec008;
    cursor: pointer;
}

.sherah-chatbox__author.sherah-chatbox__email .sherah-chatbox__author-title {
    font-size: 16px;
    font-weight: 400;
}

.sherah-chatbox__author.sherah-chatbox__email .sherah-chatbox__author-img img {
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
    border-radius: 4px;
}

.sherah-chatbox__right.sherah-chatbox__right__message {
    gap: 12px;
}

.sherah-chatbox__time.sherah-chatbox__message {
    color: #f01543;
}

.sherah-chatbox__stared.sherah-chatbox__stared--no {
    color: #9aa2b1;
}


/* Chat Inbox Header */

.sherah-chatbox__header {
    background: #e4f2ff;
    border-radius: 11px 11px 0px 0px;
}

.sherah-email-menu {
    display: flex;
    align-items: center;
    gap: 40px;
    padding: 0 25px;
}

.sherah-email-menu li a {
    padding: 22px 0 18px;
    font-weight: 400;
    font-weight: 400;
    font-size: 18px;
    color: #9aa2b1;
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
}

.sherah-email-menu__count {
    position: absolute;
    top: 10px;
    min-width: 20px;
    min-height: 20px;
    line-height: 20px;
    padding: 0;
    border-radius: 100%;
    color: #fff;
    text-align: center;
    font-size: 13px;
    right: -20px;
}

.sherah-email-menu li a svg {
    fill: #9aa2b1;
}

.sherah-email-menu li.sherah-email-menu__active a,
.sherah-email-menu li:hover a,
.sherah-email-menu li.sherah-email-menu__active svg,
.sherah-email-menu li:hover svg {
    color: #f01543;
    fill: #f01543;
}

.sherah-ebuttons {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: 75px;
}

.sherah-chatbox__explore.sherah-chatbox__explore--message {
    padding: 25px;
}

.sherah-chatbox__detail h1,
.sherah-chatbox__detail h2,
.sherah-chatbox__detail h3,
.sherah-chatbox__detail h4,
.sherah-chatbox__detail h5,
.sherah-chatbox__detail h6 {
    margin-bottom: 20px;
}

.sherah-chatbox__detail p {
    margin-bottom: 20px;
    font-size: 16px;
    color: #2f3032;
    line-height: 28px;
}

.sherah-chatbox__detail p a {
    display: inline;
    font-weight: 400;
}

.sherah-chatbox__detail p:last-child {
    margin: 0;
}

.sherah-attachments {
    padding-top: 25px;
    margin-top: 25px;
    border-top: 1px solid #e4f2ff;
}

.sherah-attachments__heading a {
    color: #f01543;
    font-weight: 400;
}

.sherah-attachments__heading {
    display: flex;
    align-items: center;
    gap: 15px;
    font-weight: 500;
}

.sherah-attachments__attached {
    display: flex;
    align-items: center;
    gap: 20px;
}

.sherah-attachments__single {
    width: 250px;
}

.sherah-attachments__single--head {
    position: relative;
    border-radius: 4px;
    overflow: hidden;
}

.sherah-attachments__single--head a {
    position: absolute;
    top: 0;
    left: ;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    color: #f01543;
    opacity: 0;
    visibility: hidden;
}

.sherah-attachments__single:hover .sherah-attachments__single--head a {
    opacity: 1;
    visibility: visible;
}

.sherah-attachments__single--head:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: red;
    background: #2f3032;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.sherah-attachments__single:hover .sherah-attachments__single--head::before {
    opacity: 0.9;
    visibility: visible;
}

.sherah-attachments__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 8px;
}

.sherah-attachments__size {
    color: #2f3032;
}

.sherah-chatbox__message--author span {
    color: #9aa2b1;
}

.sherah-chatbox__message--author h4 {
    color: #2f3032;
    font-weight: 500;
    margin: 5px 0 0;
}

.sherah-chatbox__right__message {
    display: flex;
    gap: 25px;
    justify-content: right;
}

.sherah-chatbox__delete a {
    display: flex;
    align-items: center;
    gap: 5px;
    font-weight: 400;
}

.sherah-chatbox__main.sherah-chatbox__message {
    border-top: 0px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.sherah-chatbox__detail h1,
.sherah-chatbox__detail h2,
.sherah-chatbox__detail h3,
.sherah-chatbox__detail h4,
.sherah-chatbox__detail h5,
.sherah-chatbox__detail h6 {
    font-weight: 500;
}

.sherah-chatbox__message--header {
    padding: 0 25px;
}


/* sherah Ticket Card */

.sherah-ticket-card {
    padding: 25px 25px 0;
    border-radius: 12px;
}

.sherah-ticket-card img {
    margin-top: 30px;
}

.sherah-ticket-card__title {
    color: #fff;
    font-size: 26px;
    margin-bottom: 10px;
}

.sherah-ticket-card__img {
    display: flex;
    justify-content: center;
    align-items: center;
}

.sherah-ticket-card .sherah-btn {
    padding: 10px 16px;
    font-size: 16px;
}

.sherah-theader {
    background: #e4f2ff;
    padding: 25px 40px;
    border-radius: 12px 12px 0px 0px;
}

.sherah-theader__title {
    font-size: 18px;
}

.sherah-tdetails .sherah-chatbox__explore {
    background: #fff;
    border-radius: 0 0 12px 12px;
    padding: 30px 40px;
}

.sherah-tinfo {
    background: #fff;
    border-radius: 12px 12px 0px 0px;
}

.sherah-tinfo__heading {
    background: #f01543;
    padding: 20px 25px;
    color: #fff;
    border-radius: 12px 12px 0px 0px;
}

.sherah-tinfo__body {
    padding: 30px 25px 25px;
}

.sherah-tinfo__list {
    display: flex;
    flex-direction: column;
}

.sherah-tinfo__list li {
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: ;
    border-bottom: 1px dashed #e4f2ff;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sherah-tinfo__title {
    min-width: 115px;
    color: #9aa2b1;
}

.sherah-tinfo__button {
    display: flex;
    justify-content: center;
    align-items: center;
}

.sherah-tinfo__list li:last-child {
    margin: 0;
    padding: 0;
    border: none;
}

.sherah-tinfo__title--value {
    text-align: right;
}

.sherah-chatbox__outgoing.sherah-chatbox__outgoing--email li {
    width: 100%;
    margin: 0;
}

.sherah-chatbox__outgoing.sherah-chatbox__outgoing--email {
    margin: 0;
}

.sherah-chatbox__outgoing.sherah-chatbox__outgoing--email .sherah-chatbox__incoming-chat {
    background: #e4f2ff;
    margin-left: 45px;
}

.sherah-chatbox__outgoing.sherah-chatbox__outgoing--email .sherah-chatbox__chat .sherah-chatbox__incoming-text,
.sherah-chatbox__outgoing.sherah-chatbox__outgoing--email .sherah-chatbox__chat li {
    color: #2f3032;
    line-height: 28px;
    font-size: 16px;
}

.sherah-chatbox__outgoing.sherah-chatbox__outgoing--email .sherah-chatbox__chat ul {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-top: 15px;
}

.sherah-chatbox__outgoing.sherah-chatbox__outgoing--email .sherah-chatbox__chat li a {
    font-weight: 400;
}

.sherah-chatbox__main-content span {
    color: #9aa2b1;
}

.sherah-chatbox__label {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.sherah-chatbox__label h4,
.sherah-chatbox__label a {
    margin: 0;
    font-weight: 400;
}

.sherah-chatbox__withdate {
    display: flex;
    gap: 50px;
}

.sherah-chatbox__withdate {
    display: flex;
}

.sherah-chatbox__withdate time {
    min-width: 10%;
}

@media only screen and (min-width: 1279px) and (max-width: 1550px) {
    .sherah-chatbox__form-inner input {
        padding-right: 54%;
    }
    .col-lg-5.col-12.sherah-pcolumn__one {
        width: 38%;
    }
    .sherah-chatbox__one {
        width: 38%;
    }
    .sherah-chatbox__two {
        width: 62%;
    }
    .sherah-chatbox__explore {
        margin-right: 25px;
    }
    .sherah-header__form--chatbox .sherah-header__form-inner {
        width: 200px;
    }
    .sherah-chatbox__heading--title {
        margin: 0;
        font-size: 20px;
    }
    .sherah-chatbox__author-title {
        font-size: 18px;
    }
    .sherah-chatbox__sidebar.sherah-chatbox__sidebar--v3 .sherah-chatbox__author-title {
        font-size: 15px;
    }
    .sherah-chatbox__author-desc {
        line-height: 22px;
    }
    .sherah-chatbox__incoming-list li {
        width: 90%;
    }
    .sherah-chatbox__outgoing {
        margin-left: 50px;
    }
    .sherah-tinfo__body {
        padding: 30px 15px 25px;
    }
    .sherah-tinfo__title--value {
        font-size: 13px;
    }
    .sherah-chatbox__withdate {
        gap: 25px;
    }
    .sherah-chatbox__withdate time {
        min-width: 16%;
        font-size: 14px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1278px) {
    .sherah-chatbox__author-desc {
        display: none;
    }
    .sherah-chatbox__button {
        position: relative;
    }
    .sherah-chatbox__form-inner {
        flex-direction: column;
    }
    .sherah-chatbox__form-inner input {
        padding: 0 30px;
    }
    .sherah__item-form--main {
        margin-top: 30px;
    }
    .col-lg-5.col-12.sherah-pcolumn__one {
        width: 38%;
    }
    .sherah-chatbox__one {
        width: 38%;
    }
    .sherah-chatbox__two {
        width: 62%;
    }
    .sherah-chatbox__explore {
        margin-right: 25px;
    }
    .sherah-header__form--chatbox .sherah-header__form-inner {
        display: none;
    }
    .sherah-chatbox__heading--title {
        margin: 0;
        font-size: 20px;
    }
    .sherah-chatbox__author-title {
        font-size: 18px;
    }
    .sherah-chatbox__author-desc {
        line-height: 22px;
    }
    .sherah-chatbox__outgoing {
        margin-left: 50px;
    }
    .sherah-chatbox__main {
        padding: 0;
    }
    .sherah-chatbox__author {
        gap: 10px;
    }
    .sherah-tinfo__list li {
        flex-direction: column;
        align-items: start;
        padding-bottom: 5px;
        margin-bottom: 5px;
    }
    .sherah-tinfo__title--value {
        text-align: left;
    }
    .sherah-chatbox__withdate {
        gap: 25px;
    }
    .sherah-chatbox__sidebar.sherah-chatbox__sidebar--inbox .sherah-element__form {
        flex-direction: column;
    }
}

@media only screen and (max-width: 767px) {
    .sherah-chatbox__list li {
        padding-right: 30px;
        padding-left: 30px;
    }
    .sherah-chatbox__explore {
        margin: 25px;
    }
    .sherah-chatbox__button {
        position: relative;
    }
    .sherah-chatbox__form-inner {
        flex-direction: column;
    }
    .sherah-chatbox__form-inner input {
        padding: 0 30px;
    }
    .ntfmax__item-radio--group--icon img {
        width: 30px;
        height: 30px;
        margin-bottom: 2px;
    }
    .sherah__item-form--main {
        margin-top: 30px;
    }
    .sherah-chatbox__outgoing {
        margin-left: 40px;
    }
    .sherah-chatbox__incoming {
        margin: 0 25px;
    }
    .sherah__file-upload {
        width: 100%;
    }
    .col-lg-5.col-12.sherah-pcolumn__one {
        width: 100%;
    }
    .sherah__item-form--main {
        padding-left: 0;
        border: none;
    }
    .sherah-chatbox__one,
    .sherah-chatbox__two {
        width: 100%;
    }
    .sherah-chatbox__author-title {
        font-size: 15px;
    }
    .sherah-chatbox__only-text {
        margin-left: 20px;
    }
    .sherah-header__form-inner {
        display: none;
    }
    .sherah-chatbox__explore-head {
        padding: 15px;
    }
    .sherah-chatbox__heading--title {
        font-size: 18px;
    }
    .sherah-chatbox__heading--text {
        margin-top: 5px;
        font-size: 15px;
    }
    .sherah-chatbox__main {
        padding: 0;
    }
    .sherah-attachments__attached {
        flex-direction: column;
    }
    .sherah-ebuttons {
        margin-top: 40px;
        flex-direction: column;
    }
    .sherah-chatbox__withdate {
        gap: 25px;
    }
    .sherah-email-menu {
        display: block;
        padding: 15px 10px;
    }
    .sherah-email-menu li {
        display: inline-block;
    }
    .sherah-email-menu li a {
        padding: 8px 10px;
    }
    .sherah-email-menu__count {
        top: -3px;
        right: -12px;
    }
}


/*======================================
End Chat & Email CSS
========================================*/


/*======================================
Profiles CSS
========================================*/

.sherah-upcontent {}

.sharah-profile--main {
    padding: 30px;
    border-radius: 8px;
}

.sherah-pcats {
    margin-top: 10px;
}

.sherah-pcats__bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.sherah-pcats__bar.sherah-pcats__bar--v2 {
    justify-content: center;
}

.sherah-pcats__list {
    display: flex;
    align-items: center;
    flex-direction: initial;
    gap: 15px;
    flex-wrap: wrap;
}

.sherah-pcats__list a {
    color: var(--sherah-text-color) !important;
    font-weight: 400;
    font-size: 18px;
    position: relative;
    margin: 0;
    border: none;
    line-height: initial;
    padding: 14px 32px;
    border-radius: 4px !important;
    background: var(--sherah-offset-bg-color) !important;
    display: flex;
    align-items: center;
    gap: 5px;
    border-radius: 8px;
}

.sherah-tasksingle__text {
    font-size: 13px;
    margin-bottom: 4px;
}

.sherah-pcats__list a {
    letter-spacing: 0.025em;
}

.sherah-pcats__list a.active,
.sherah-pcats__list a:hover {
    background: var(--sherah-primary-offset-color) !important;
}

.sherah-upcontent__text {
    padding: 30px;
    border-radius: 4px;
}

.sherah-upcontent__text p {
    line-height: 28px;
}

.sherah-contact-info li {
    padding: 10px;
    border: 1px solid aliceblue;
    display: flex;
    align-items: center;
    gap: 12px;
    border-radius: 8px;
}

.sherah-contact-info li span {
    width: 24px;
    display: block;
    height: 24px;
    text-align: center;
    color: #fff;
    border-radius: 4px;
}

.sherah-contact-info {
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex-wrap: wrap;
    max-width: max-content;
}

.sherah-contact-info li a {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 18px;
    font-weight: 400;
    color: #1a1a1a;
}

.sharah-profile__meta h4,
.sharah-profile__meta a {
    font-weight: 400;
}

.sherah-contact-info.sherah-contact-social {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.sherah-tasksingle__group {
    margin: 0;
    font-size: 18px;
    display: flex;
    align-items: center;
}

.sherah-tasksingle__group span {
    display: block;
    font-size: 14px;
    font-weight: 400;
}

.sherah-tasksingle__group a:hover span {
    opacity: 1;
    visibility: visible;
}

.sherah-tasksingle__group a:nth-child(2) {
    left: -12px;
    margin-right: -12px;
}

.sherah-tasksingle__group a:nth-child(3) {
    left: -12px;
    margin-right: -12px;
}

.sherah-tasksingle__group a:nth-child(4) {
    left: -12px;
    margin-right: -12px;
}

.sherah-tasksingle__group a:nth-child(5) {
    left: -12px;
}

.sherah-tasksingle__group img {
    width: 30px;
    height: 30px;
}

.sherah-uactivity {
    border: 1px solid #e4f2ff;
    border-radius: 12px;
    padding: 15px 25px;
}

.sherah-uactivity__heading {
    font-size: 18px;
    color: #2f3032;
    font-weight: 500;
}

.sherah-uactivity__list {
    border-left: 1px dashed #e4f2ff;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.sherah-uactivity__list li {
    padding-left: 12px;
}

.sherah-uactivity__title {
    color: #2f3032;
    font-weight: 500;
    margin: 0;
    margin-bottom: 5px;
}

.sherah-uactivity__time {
    border-left: 1px solid #e4f2ff;
    color: #9aa2b1;
    padding-left: 5px;
    margin-left: 5px;
}

.sherah-uactivity__all {
    margin-top: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
}

.sherah-taskarea {
    border: 1px solid #e4f2ff;
    border-radius: 12px;
    padding: 20px 25px;
}

.sherah-tasksingle {
    padding: 22px;
    border-radius: 4px;
}

.sherah-tasksingle__title {
    font-size: 14px;
    margin-bottom: 5px;
    line-height: 20px;
    font-weight: normal;
}

.sherah-tasksingle__assign {
    margin-bottom: 15px;
    font-size: 13px;
}

.sherah-tasksingle__label {
    margin-bottom: 15px;
    font-size: 13px;
    padding: 0px 18px;
    display: inline-block;
    border-radius: 4px;
}

.sherah-progress__in {
    background-color: #b2d8ff;
    color: #f01543;
}

.sherah-progress__done {
    background: #bae5cd;
    color: #27ae60;
}

.sherah-progress__hold {
    background: #ccccfa;
    color: #5d5fef;
}

.sherah-progress__cancel {
    background: #f9caca;
    color: #eb5757;
}

.sherah-tasksingle__group a {
    position: relative;
}

.sherah-tasksingle__group span {
    position: absolute;
    background: #2f303285;
    top: -40px;
    left: 0;
    min-width: max-content;
    padding: 5px 10px;
    color: #fff;
    border-radius: 5px;
    opacity: 0;
    visibility: hidden;
}

.sherah-tasksingle__group a:hover span {
    opacity: 1;
    visibility: visible;
}

.sherah-tasksingle__group span:before {
    content: "";
    position: absolute;
    left: 0;
    border-top: 10px solid #2f3032;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    bottom: -5px;
}

.sherah-upinner__column1 {
    width: 30%;
}

.sherah-upinner__column2 {
    width: 70%;
}


/* End Profile Overview */

@media only screen and (min-width: 1279px) and (max-width: 1550px) {
    .sherah-pcats__list a {
        font-size: 16px;
        padding: 10px 15px;
    }
    .sherah-upcard__list {
        gap: 10px;
    }
    .sherah-upcard__thumb img {
        min-width: 115px;
        min-height: 115px;
        width: 115px;
        height: 115px;
    }
    .sherah-upcard__title {
        font-size: 20px;
    }
    .sherah-upcard__heading {
        margin-top: 15px;
    }
    .sherah-upcard__list li {
        text-align: left;
    }
    .sherah-upcard__list li b {
        display: block;
        margin-bottom: 10px;
    }
    .sherah-upcard__list li span {
        color: #9aa2b1;
        margin: 0;
    }
    .sherah-psidebar__list {
        gap: 5px;
    }
    .sherah-ptabs__form-update {
        width: 250px !important;
        min-width: 250px;
        padding: 25px 20px 0 25px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1278px) {
    .sherah-pcats__list a {
        font-size: 15px;
        padding: 10px 15px;
    }
    .sherah-upcard__list {
        gap: 10px;
    }
    .sherah-upcard__thumb img {
        min-width: 115px;
        min-height: 115px;
        width: 115px;
        height: 115px;
    }
    .sherah-upcard__title {
        font-size: 20px;
    }
    .sherah-upcard__heading {
        margin-top: 15px;
    }
    .sherah-upcard__list li {
        text-align: left;
        font-size: 15px;
    }
    .sherah-upcard__list li b {
        display: block;
        margin-bottom: 0px;
    }
    .sherah-upcard__list li span {
        color: #9aa2b1;
        margin: 0;
    }
    .sherah-pcats__list {
        gap: 10px;
    }
    .sherah-upcard {
        padding: 20px;
    }
    .sherah-personals__list {
        width: 18.5%;
    }
    .sherah-personals__content {
        width: 81.5%;
    }
    .sherah-ptabs__form-update {
        width: 200px !important;
        min-width: 200px !important;
        padding: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .sherah-upinner__column1,
    .sherah-upinner__column2 {
        width: 100%;
    }
    .sherah-pcats__list a {
        margin-left: 5px;
        display: inline-block;
        padding: 12px 20px;
        margin-top: 5px;
        font-size: 16px;
    }
    .sherah-pcats__list a:before {
        bottom: 0;
    }
    .sherah-upcard__list li b {
        display: block;
        margin-bottom: 10px;
    }
    .sherah-upcard__list li span {
        color: #9aa2b1;
        margin: 0;
    }
    .sherah-btn.sherah-btn__profile {
        padding: 5px 10px;
    }
    .sherah-btn.sherah-btn__share {
        width: 45px;
        font-size: 22px;
        height: 34px;
    }
}


/*======================================
End Profiles CSS
========================================*/


/*======================================
sherah Profiles CSS
========================================*/

.sherah__item-switch {
    position: relative;
    display: inline-block;
    width: 55px;
    height: 25px;
}

.sherah__item-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.sherah__item-switch--slide {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--sherah-third-color);
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.sherah__item-switch--slide::before,
.sherah__item-switch--slide::after {
    position: absolute;
    content: "";
    height: 21px;
    width: 21px;
    left: 2px;
    bottom: 0.5px;
    background-color: #fff;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    top: 2px;
}

.sherah__item-switch--slide::after {
    left: initial;
    right: 6px;
    content: "off";
    color: #fff;
    background: transparent;
    top: 0;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.sherah__item-unlock--first {
    display: flex;
    align-items: center;
    gap: 10px;
}

.sherah__item-switch input:checked+.sherah__item-switch--slide {
    background-color: var(--sherah-secondary-color);
}

.sherah-ptabs__notify-switch--two input:checked+.sherah__item-switch--slide {
    background-color: var(--sherah-secondary-color);
}

.sherah__item-switch input:focus+.sherah__item-switch--slide {
    box-shadow: none;
}

.sherah__item-switch input:checked+.sherah__item-switch--slide::before {
    transform: translateX(29px);
}

.sherah__item-switch input:checked+.sherah__item-switch--slide::after {
    transform: translateX(-22px);
    content: "on";
}


/* Rounded sliders */

.sherah__item-switch--round {
    border-radius: 34px;
}

.sherah__item-switch--round:before {
    border-radius: 50%;
}

.sherah__item-button--group {
    display: flex;
    justify-content: end;
    gap: 16px;
    align-items: center;
}

.sherah__item-button--cancel {
    background: transparent;
    padding: 0;
    border: none;
    color: #eb5757;
    border-bottom: 1px solid;
    border-radius: 0px;
    padding: 0 !important;
    line-height: initial;
    height: initial !important;
    font-size: 18px;
}

.sherah__item-button--single {
    padding: 14px 22px !important;
}

.sherah__item-button--cancel {
    padding: 0 !important;
}

.sherah__file-title {
    text-align: center;
    font-size: 26px;
    margin: 20px 0 0;
}

.sherah__file-upload--img {
    max-width: 70px;
}

.sherah__item-heading {
    margin-bottom: 20px;
}

.sherah-userprofile__user {
    display: flex;
    align-items: center;
    position: relative;
    justify-content: space-between;
}

.sherah-userprofile__thumb {
    max-width: 92px;
    background: #e4f2ff;
    border-radius: 50%;
    padding: 4px;
    top: -46px;
    position: relative;
    margin-bottom: -45px;
}

.sherah-userprofile__thumb img {
    border-radius: 50%;
}

.sherah-userprofile__info-title {
    font-size: 18px;
    margin-top: 12px;
    margin-bottom: 12px;
}

.sherah-userprofile .sherah-userprofile__info-text {
    padding-right: 20%;
}

.sherah-grid-list a {
    background: #cee6ff;
    width: 48px;
    height: 48px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
}

.sherah-grid-list a:hover svg {
    fill: #fff;
}

.sherah-grid-list a:hover {
    background: #f01543;
}

.sherah-header__form--v2 .search-btn {
    background: #f1c84c;
    top: 0;
    right: 0;
    height: 100%;
    border-radius: 0 4px 4px 0px;
}

.sherah-header__form--v2 .sherah-header__form-inner input {
    background: #fdfbf3;
}

.sherah-userprofile {
    background: #fff;
    padding: 0;
    border: 1px solid #e4f2ff;
    border-radius: 8px;
}

.sherah-userprofile img {
    border-radius: 0px !important;
}

.sherah-userprofile__location {
    display: flex;
    align-items: flex-start;
    gap: 5px;
}

.sherah-userprofile__info-text {
    color: #f01543;
    font-size: 14px;
    line-height: 20px;
    padding-right: 30px;
}

.sherah-userprofile__info-text a {
    color: #f01543;
    font-weight: 400;
}

.sherah-userprofile__right {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: right;
    position: absolute;
    bottom: 35px;
    right: 35px;
}

.sherah-userprofile__right .sherah-btn {
    border-radius: 8px;
    font-weight: 400;
}

.sherah-userprofile__content {
    padding: 0 20px 20px;
    width: 100%;
}

.sherah-achievement {
    display: flex;
    gap: 10px;
    margin-top: 16px;
    justify-content: space-between;
}

.sherah-achievement__single {
    display: flex;
    align-items: center;
    gap: 10px;
}

.sherah-btn.sherah-btn__share {
    padding: 0;
    width: 52px;
    font-size: 22px;
    height: 48px;
    line-height: 52px;
    background: #fff;
    color: #374557;
    display: flex;
    justify-content: center;
}

.sherah-btn.sherah-btn__share svg {
    fill: #f01543;
}

.sherah-btn.sherah-btn__share:hover {
    background: #f01543;
}

.sherah-btn.sherah-btn__share:hover svg {
    fill: #fff;
}

.sherah-userprofile__meta {
    display: flex;
    align-items: center;
    color: #82829a;
    gap: 5px;
    margin-right: 18px;
    padding-right: 18px;
    border-right: 1px solid rgba(0, 0, 0, 0.33);
    font-size: 20px;
}

.sherah-userprofile__number {
    font-weight: 700;
    color: #374557;
}

.sherah-userprofile__meta:last-child {
    margin: 0;
    padding: 0;
    border: none;
}

.sherah-btn.sherah-btn__profile {
    padding: 12px 20px;
    display: inline-block;
    line-height: 1.5rem;
    font-size: 16px;
    font-weight: 400;
}

.sherah-personals__list {
    width: 23.5%;
}

.sherah-personals__content {
    width: 76.5%;
}

.sherah-ptabs__stext b {
    color: #000;
    font-weight: 400;
}

.sherah-personals__title {
    font-size: 20px;
    margin-bottom: 30px;
}

.sherah-profile-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 30px;
    padding-top: 25px;
}

.sherah-upcard__title {}

.sherah-profile-info__follow {
    display: flex;
    gap: 50px;
}

.sherah-profile-info__list span {}

.sherah-profile-info__number {
    font-size: 35px;
    font-weight: 700;
}

.sherah-profile-info__title {
    font-size: 18px;
}

.sherah-profile-info__thumb {
    display: flex;
    align-items: end;
    gap: 40px;
    position: relative;
    top: -110px;
    margin-bottom: -110px;
}

.sherah-profile-info__name {
    font-size: 28px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    line-height: initial;
}

.sherah-profile-info__name span {
    font-size: 18px;
    font-weight: 400;
    gap: ;
}

.sherah-profile-info__thumb img {
    width: 170px;
    height: 170px;
    border: 10px solid #fff;
    border-radius: 100%;
    box-shadow: 19px 11px 127px 0 #0000001f;
}

@media only screen and (min-width: 0px) and (max-width: 1278px) {
    .sherah-header__form-inner.sherah-header__form-inner__profile {
        width: 100% !important;
    }
}

@media only screen and (min-width: 0px) and (max-width: 992px) {
    .sherah-teams__title {
        text-align: center;
    }
    .sherah-team-meta {
        justify-content: center;
    }
    .sherah-userprofile__right .sherah-btn {
        padding: 10px 20px;
    }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .sherah-profile-info__thumb img {
        width: 90px;
        height: 90px;
    }
    .sherah-profile-info {
        justify-content: space-between;
        align-items: center;
        padding: 0 0;
        flex-direction: column;
        gap: 15px;
        padding-top: 0;
    }
    .sherah-profile-info__thumb {
        align-items: center;
        gap: 15px;
        top: 0;
        margin-bottom: 0;
    }
    .sherah-profile-info__number {
        font-size: 25px;
    }
    .sherah-profile-info__name {
        font-size: 25px;
        gap: 5px;
    }
    .sherah-userprofile__header {
        display: none;
    }
}

.sherah-psidebar__heading {
    color: #fafafa;
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 12px;
}

.sherah-psidebar a {
    border: none;
    padding: 0;
    margin: 0;
    color: #5a5a5a;
    font-size: 18px;
    display: flex;
    align-items: center;
    font-weight: 400;
    letter-spacing: 0.025em;
}

.sherah-psidebar__icon {
    width: 32px;
    position: relative;
}

.sherah-psidebar__icon {
    font-size: 16px;
}

.sherah-psidebar__icon svg {
    fill: #5a5a5a;
}

.sherah-psidebar a {
    fill: #fff;
    background: transparent;
    padding: 20px 30px;
    border-radius: 4px;
    border: 1px solid #fccbd5 !important;
    font-size: 16px;
}

.sherah-psidebar a:hover,
.sherah-psidebar a.active {
    background: transparent;
    color: #f01543;
    border-color: #f01543 !important;
}

.sherah-psidebar a:hover svg,
.sherah-psidebar a.active svg {
    fill: #f01543;
}

.sherah-psidebar {
    padding: 25px;
    height: 100%;
    border-radius: 5px;
}

.sherah-psidebar__list {
    display: flex;
    gap: 15px;
    flex-direction: column;
}

.sherah-ptabs__separate {
    display: flex;
    align-items: first baseline;
    justify-content: space-between;
    gap: 30px;
}

.sherah-profile-cover {
    gap: 60px;
    padding: 35px 50px;
}

.sherah-profile-cover__img img {
    border: 10px solid var(--sherah-primary-offset-color);
    border-radius: 100%;
    width: 145px;
    height: 145px;
}

.sherah-profile-cover__title {
    font-size: 26px;
}

.sherah-social {
    display: flex;
    align-items: center;
    gap: 10px;
}

.sherah-social a {
    border-radius: 100%;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sherah-social a svg {
    fill: var(--sherah-paragraph-color) !important;
}

.sherah-social a:hover,
.sherah-social a:hover svg {
    color: var(--sherah-primary-color) !important;
    fill: var(--sherah-primary-color) !important;
}

.sherah-profile-info__title {
    min-width: 175px;
    font-weight: 400;
}

.sherah-profile-info__list {
    gap: 20px;
}

.sherah-ptabs__form-main {
    width: 100%;
}

.sherah-ptabs__social {
    border-top: 1px solid #e3e4fe;
    padding-top: 25px;
}

.sherah-ptabs__social-list li {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sherah-ptabs__social-connect a {
    margin: 0;
    color: #33aaf2;
    font-size: 20px;
    border-bottom: 1px solid;
}

.sherah-ptabs__social-icon {
    width: 44px;
    height: 44px;
    line-height: 44px;
    display: inline-block;
    text-align: center;
    background: #33aaf23d;
    color: #33aaf2;
    border-radius: 100%;
    font-size: 20px;
}

.sherah-ptabs__social-name {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 18px;
    font-weight: 400;
}

.sherah-ptabs__social-list {
    margin: 12px 0;
}

.sherah-ptabs__verified {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 25px;
    gap: 40px;
}

.sherah-ptabs__verified-button {
    min-width: 29%;
}

.sherah-btn.sherah-ptabs__verified-btn {
    background: #27ae60;
}

.sherah-ptabs__form-main .sherah__item-input {
    border: 1px solid #e4f2ff;
}

.sherah-paymentm__name {
    display: flex;
    gap: 20px;
    align-items: center;
}

.sherah-paymentm__list {
    padding-top: 30px;
}

.sherah-paymentm__manage-btn button {
    padding: 15px 20px;
}

.sherah-paymentm__single {
    border-bottom: 1px solid var(--sherah-border-color);
    padding-bottom: 30px;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sherah-paymentm__single:last-child {
    padding: 0;
    margin: 0;
    border: none;
}

.sherah-paymentm__badge {
    font-size: 14px;
    margin-top: 10px;
    display: block;
    font-weight: 500;
}

.sherah-paymentm__badge.sherah__ok {
    color: #27ae60;
}

.sherah-paymentm__badge.sherah__error {
    color: #eb5757;
}

.sherah-paymentm__text {
    margin: 0;
    font-size: 18px;
    display: flex;
    gap: 15px;
}

.sherah-paymentm__title {
    margin: 0 0 10px;
    font-size: 18px;
}

.sherah-paymentm__icon {
    width: 86px;
    height: 86px;
    text-align: center;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 6px solid var(--sherah-primary-offset-color);
    background: #f01543 !important;
}

.sherah-paymentm__icon img {
    max-width: 50px;
}

.sherah-paymentm__single.sherah-paymentm__single--notify,
.sherah-paymentm__single--notify {
    padding-bottom: 20px;
    margin-bottom: 20px;
    padding: 20px;
    border-radius: 5px;
}

.sherah__ptabs-bottom.v2 button {
    padding: 16px 30px;
    font-size: 18px;
}

.sherah-pptabs {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 40px;
    gap: 20px;
}

.sherah-header__form-profile {
    width: 510px;
}

.sherah-pptabs__main .sherah-sidebar_btn {
    font-size: 18px;
    border: none;
}

.sherah-pptabs__main .sherah-table__product-inside-buttonc {
    color: #374557;
    font-size: 16px;
}

.sherah-table__profile-activity .sherah-table__head tr th,
.sherah-table__profile-activity .sherah-table__body tr td,
.sherah-table__profile-activity .sherah-table__body .sherah-table__text {
    text-align: left !important;
}

.sherah-table__profile-activity .sherah-table__body .sherah-table__amount {
    justify-content: initial;
}

.sherah-table__profile-activity .sherah-table__column-2 {
    width: 30%;
}

.sherah-table__profile-activity .sherah-table__column-1 {
    width: 6%;
}

.sherah-table__profile-activity .sherah-table__column-3,
.sherah-table__profile-activity .sherah-table__column-4,
.sherah-table__profile-activity .sherah-table__column-7 {
    width: 12%;
}

.sherah-table__profile-activity .sherah-table__column-6 {
    width: 5%;
}

.sherah-table__profile-activity .sherah-table__column-5 {
    width: 16%;
}

.sherah-collection__single {
    display: flex;
    flex-direction: column;
    gap: 10px;
    background: #fff;
    padding: 20px;
    border-radius: 15px;
    box-shadow: 0px 9px 95px rgba(0, 0, 0, 0.05);
}

.sherah-collection__head img {
    border-radius: 12px;
}

.sherah-collection__author {
    margin-top: 15px;
}

.sherah-collection__author {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sherah-collection__author-head,
.sherah-collection__author-head a {
    display: flex;
    align-items: center;
    gap: 10px;
}

.sherah-collection__item a {
    color: #374557;
    font-size: 1.125rem;
    font-weight: 400;
}

.sherah-collection__author-head img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.sherah-collection__title {
    font-size: 20px;
    margin: 0;
}

.view-wallet__btn.view-trnsc a {
    font-size: 14px;
    border-bottom: 1px solid;
    line-height: 20px;
}

.sherah-newtrans__menu {
    display: flex;
    gap: 25px;
    align-items: center;
    flex-direction: row;
}

.sherah-newtrans__menu a {
    padding: 0;
    margin: 0;
    background: transparent !important;
    border: none !important;
    color: #878f9a;
    border-bottom: 1px solid transparent !important;
    border-radius: 0px !important;
    font-weight: 400;
}

.sherah-newtrans__menu .list-group-item {
    border-radius: none !important;
}

.sherah-newtrans__menu .list-group-item.active,
.sherah-newtrans__menu .list-group-item:hover {
    color: #f01543;
    border-bottom-color: #f01543 !important;
}

.sherah-newtrans__title {
    margin: 0;
}

.sherah-newtrans__single {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #e3e4fe;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.sherah-newtrans__single:hover {
    border-bottom-color: #f01543;
}

.sherah-newtrans__single:last-child {
    margin: 0;
    padding: 0;
    border: none;
}

.sherah-newtrans__info {
    display: flex;
    gap: 15px;
    align-items: center;
}

.sherah-newtrans__added {
    font-size: 16px;
    color: #374557;
}

.sherah-newtrans__added span {
    font-weight: 400;
    display: block;
    font-size: 14px;
    color: #878f9a;
}

.sherah-newtrans__icon {
    max-width: 40px;
}

.sherah-newtrans__added {
    margin: 0;
    font-weight: 400;
}

.sherah-newtrans__amount p {
    margin: 0;
    font-size: 16px;
}

.sherah-dropdown-card__sub .sherah-newtrans__debit {
    color: #eb5757;
}

.view-wallet__btn.top-sell a {
    color: #f01543;
    font-size: ;
}

.sherah-dropdown-card__wallet-box {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    background: #37455796;
    text-align: center;
    font-size: 26px;
    color: #ffffff;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    font-weight: 700;
    justify-content: center;
    margin-bottom: 15px;
}

.sherah-charts__line {
    display: flex;
    justify-content: space-between;
    color: #f0e9fe;
}

.sherah-wallet__one {
    width: 51.5%;
}

.sherah-wallet__two {
    width: 48.5%;
}

.sherah-dropdown-card__wallet-box span {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
}

.sherah-dropdown-card__current {
    padding: 36px;
    border-radius: 15px;
}

.sherah-dropdown-card__all {
    background: #fff;
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0px 9px 95px rgba(0, 0, 0, 0.05);
}

.sherah-sellbox__single {
    background: #fff;
    overflow: hidden;
    border-radius: 10px;
}

.sherah-sellbox__heading-title {
    background: #f2994a;
    font-size: 20px;
    padding: 22px 30px;
    color: #fff;
    font-weight: 400;
}

.sherah-dropdown-cardtop {
    display: flex;
    justify-content: space-between;
}

.sherah-transaction {
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: right;
    align-items: revert;
    text-align: right;
}

.sherah-transaction__title {
    color: #fff;
    font-size: 26px;
    margin: 0;
}

.sherah-transaction__text {
    color: #cbccfe;
    font-size: 18px;
    letter-spacing: 0.025em;
    margin-top: 2px;
}

.sherah-dropdown-card__all .sherah-dropdown-card_list {
    padding: 0;
    gap: 25px;
}

.sherah-dropdown-card__all .sherah-dropdown-card_list li {
    margin: 0;
    padding: 0;
    border: none;
}

.sherah-dropdown-card__wallet-text {
    margin: 0;
    color: #cfd0fe;
    font-size: 18px;
}

.sherah-dropdown-card__wallet-amount {
    font-size: 44px;
    color: #fff;
    line-height: 52px;
    margin-top: 12px;
    margin-bottom: 0;
}

.sherah-dropdown-card__wallet-add {
    color: #fff;
    font-size: 18px;
}

.sherah-dropdown-card__wallet-add span {
    color: #51bc74;
}

.sherah-dropdown-card__sub {
    display: block;
    font-size: 14px;
    color: #878f9a;
    font-weight: 400;
}

.sherah-dropdown-card__sub span {
    color: #219653;
}

.sherah-progress__single {
    position: relative;
    text-align: center;
}

.sherah-dropdown-card__current,
.sherah-dropdown-card__all {
    min-height: 434px;
}

.sherah-dropdown-card__all .sherah-dropdown-card-desc {
    display: flex;
    gap: 18px;
    align-items: center;
}

.sherah-dropdown-card__all .sherah-dropdown-card__sub {
    margin: 5px 0 0;
}

.sherah-progress {
    display: flex;
    gap: 70px;
    padding-top: 10px;
}

.sherah-progress__single .number {
    position: absolute;
    top: 50%;
    margin-top: -18px;
    font-size: 20px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.circle {
    position: relative;
}

.sherah-progress__single strong {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
}

.sherah-progress__single canvas {
    max-width: ;
    width: 82px;
}

.sherah-progress-card {
    display: flex;
    align-items: center;
    padding: 40px 30px;
    justify-content: space-between;
    border-radius: 5px;
    border: 1px solid #fccbd5 !important;
}

.sherah-progress-card__title {
    display: flex;
    flex-direction: column;
    font-size: 26px;
    line-height: initial;
    margin-bottom: 0;
}

.sherah-progress-card__heading {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.sherah-progress-card__content {
    display: flex;
    align-items: end;
    justify-content: space-between;
    width: 100%;
    gap: 15px;
}

.sherah-progress-card__title span {
    font-size: 18px;
    font-weight: 400;
    margin-top: 5px;
}

.sherah-paymentm__icon.sherah-paymentm__icon--notify {
    width: 48px;
    height: 48px;
    border: none;
    min-width: 48px;
    min-height: 48px;
}

.sherah-progress-card__text {
    font-size: 16px;
    font-weight: 500;
    display: flex;
    gap: 5px;
    justify-content: end;
    align-items: center;
}

.sherah-progress-card__icon {
    width: 66px;
    height: 66px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    margin-top: 0;
    position: absolute;
    top: 0;
    right: 0;
    top: -33px;
    right: 30px;
    border: 1px solid #fccbd5 !important;
}

.sherah-progress-card__button {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.sherah-see-all {
    font-weight: 400;
    color: #1a1a1a;
    border-bottom: 1px solid;
    font-size: 16px;
}

.sherah-paymentm__icon--notify img {
    max-width: 22px;
}

.sherah-paymentm__text.sherah-paymentm__text--notify {
    font-size: 16px;
    color: #878f9a;
}

.sherah-paymentm__title.sherah-paymentm__title--notify {
    margin-bottom: 2px;
    font-weight: 500;
    font-size: 20px;
}

.sherah-sellbox__single .sherah-amount__statics {
    padding: 8px 28px;
    margin-bottom: 102px;
}

.sherah-sellbox__single .sherah-amount__statics__title {
    font-size: 26px;
}

.sherah-sellbox__single .sherah-amount__statics__text {
    font-size: 18px;
    color: #878f9a;
}

.sherah-amount__statics__text span {
    margin-left: 10px;
    font-size: 14px;
}

.sherah-amount__statics__debit {
    color: #eb5757;
}

.sherah-amount__statics__credit {
    color: #27ae60;
}

.sherah-sellbox__earning .sherah-sellbox__heading-title {
    background: #f01543;
}

@media only screen and (min-width: 1279px) and (max-width: 1550px) {
    .sherah-progress {
        gap: 30px;
    }
    .sherah-progress-card {
        padding: 40px 15px;
    }
    .sherah-progress-card__title {
        font-size: 20px;
    }
    .sherah-heading__title {
        font-size: 20px;
    }
    .sherah-progress-card .sherah-see-all {
        font-size: 13px;
    }
    .sherah-ptabs__verified-button {
        min-width: 35%;
    }
    .sherah__item-input {
        height: 48px;
        line-height: 48px;
    }
    .sherah-psidebar a {
        font-size: 14px;
        padding: 10px 20px;
    }
    .sherah-psidebar__icon {
        width: 30px;
    }
    .sherah-newtrans__box,
    .charts-main__invest {
        min-height: 395px;
    }
    .sherah-sellbox__heading-title {
        padding: 22px 22px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1278px) {
    .sherah-pcats__list li a {
        font-size: 16px;
    }
    .sherah-pcats__list {
        gap: 25px;
    }
    .sherah-pcats__list li a::before {
        bottom: -24px;
    }
    .sherah-psidebar a {
        flex-direction: column;
    }
    .sherah-psidebar__list {
        gap: 5px;
    }
    .sherah-psidebar__icon {
        width: auto;
    }
    .sherah-psidebar__title {
        font-size: 15px;
        text-align: center;
    }
    .sherah-ptabs__verified-button {
        min-width: 35%;
    }
    .sherah-btn.sherah-ptabs__verified-btn {
        font-size: 14px;
    }
    .sherah-wallet__one,
    .sherah-wallet__two {
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .sherah-progress {
        display: flex;
        gap: 25px;
        padding-top: 10px;
    }
    .sherah-header__form-profile {
        width: 100%;
    }
    .sherah-pcats {
        margin-top: 30px;
    }
    .sherah-pcats__list li a {
        font-size: 16px;
    }
    .sherah-userprofile__info-text {
        padding-right: 0;
    }
    .sherah-psidebar__title {
        display: none;
    }
    .sherah-ptabs__verified {
        flex-direction: column;
    }
    .sherah-ptabs__sidebar {
        margin-top: 30px;
    }
    .sherah-paymentm__icon {}
    .sherah-paymentm__single {
        flex-direction: column;
    }
    .sherah-paymentm__manage-btn {
        margin-top: 20px;
    }
    .sherah-paymentm__icon {
        min-width: 80px;
        min-height: 80px;
        line-height: 80px;
        width: 80px;
        height: 80px;
    }
    .sherah-paymentm__icon img {
        max-width: 35px;
    }
    .sherah-paymentm__single {
        padding-bottom: 15px;
        margin-bottom: 15px;
    }
    .sherah__item-form--group .sherah__item-form--group {
        margin-top: 20px;
    }
    .sherah-personals__history {
        width: 100%;
        overflow: scroll;
    }
    .sherah-personals__history #sherah-table__main {
        width: 600px;
    }
    .sherah-password__img {
        margin-top: 30px;
    }
    .sherah-psidebar__list {
        gap: 5px;
    }
    .sherah-userprofile__meta {
        margin-right: 12px;
        padding-right: 12px;
        font-size: 16px;
    }
    .sherah-psidebar__heading {
        font-size: 13px;
        display: none;
    }
    .sherah-wallet__one,
    .sherah-wallet__two {
        width: 100%;
    }
    .sherah__item-label {
        font-size: 15px;
    }
    .sherah-profile-cover {
        padding: 30px;
        gap: 20px;
        flex-direction: column;
    }
    .sherah-psidebar {
        padding: 10px;
    }
    .sherah-personals__list {
        width: 20.5%;
    }
    .sherah-psidebar a {
        padding: 5px 0px;
        text-align: center;
        justify-content: center;
    }
    .sherah-profile-info__list li {
        flex-direction: column;
        justify-content: start;
        align-items: start;
        gap: 10px;
    }
    .sherah-paymentm__name {
        flex-direction: column;
    }
    .sherah-profile-cover__img img {
        width: 110px !important;
        height: 110px !important;
    }
    .sherah-profile-cover__title {
        font-size: 22px;
    }
    .sherah-social {
        gap: 3px;
    }
}

@media only screen and (max-width: 375px) {
    .sherah-psidebar a {
        padding: 5px;
    }
    .sherah__item-button--group {
        flex-direction: column;
        gap: 12px;
    }
    .sherah-personals__list {
        width: 24.5%;
    }
    .sherah-personals__content {
        width: 75.5%;
    }
    .sherah__item-group {
        padding: 15px;
    }
}

.sherah-table__status__group {
    display: flex;
    gap: 12px;
    align-items: center;
    /* //justify-content: space-between; */
}

.sherah-table__action {
    min-width: 42px;
    min-height: 42px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
}

.sherah-password__img {
    max-width: 400px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.sherah-wc__form-label {
    margin: 0;
    position: relative;
    bottom: -10px;
    z-index: 333;
    background: #ffffffa3;
    font-size: 16px;
    left: 20px;
    padding: 0 10px;
}

.sherah-accordion__single .accordion-button:not(.collapsed) {
    color: #0c63e4;
    background-color: #e7f1ff;
    box-shadow: inset 0 -1px 0 rgba(83, 86, 251, 0.16);
}

.accordion-button.sherah-accordion__heading {
    background: transparent;
    font-size: 18px;
    font-weight: 700;
    padding: 22px 20px 22px 0;
    color: #2f3032;
}

.sherah-accordion__single .accordion-button:not(.collapsed) {
    color: var(--sherah-primary-color);
    background-color: transparent;
    box-shadow: none;
}

.accordion-button.sherah-accordion__heading {
    background: transparent;
    font-size: 18px;
    font-weight: 700;
    padding: 20px 30px;
    color: #2f3032;
    height: initial;
}

.sherah-accordion__single .accordion-button:not(.collapsed) {
    color: var(--sherah-primary-color);
    background-color: transparent;
    box-shadow: none;
}

.sherah-faqs {
    background: #fff;
    padding: 30px;
    border-radius: 4px 4px 0 0;
}

#sherah-accordion {
    position: relative;
}

.accordion-body.sherah-accordion__body {
    font-size: 16px;
    color: #878f9a;
    padding: 20px 30px;
}

.accordion-flush .accordion-item:last-child {
    border: none;
}

.sherah-accordion__single {
    background: #f0f3f8;
    border: none;
    border-radius: 5px !important;
}

blockquote {
    background: #f2c94c;
    padding: 25px;
    color: #2f3032;
    font-size: 18px;
    border-radius: 5px;
    margin-bottom: 30px;
    line-height: 30px;
}

.sherah-ptabs__page p {
    margin-bottom: 40px;
    line-height: 28px;
}

.sherah-ptabs__page p:last-child {
    margin: 0;
}

.sherah-ptabs__sauthor {
    position: relative;
}

.sherah__item-group {
    border-radius: 4px;
    padding: 24px;
}

.sherah-ptabs__sedit {
    position: absolute;
    bottom: 50px;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    border-radius: 100%;
    color: #fff;
    right: 8px;
    background: #374557;
    cursor: pointer;
}

.sherah-ptabs__sedit:hover {
    background: #f01543;
    color: #fff;
}

.sherah-ptabs__stitle {
    font-size: 20px;
    margin: 0 0 10px;
}

.sherah-ptabs__sheading {
    margin-bottom: 15px;
}

.sherah-ptabs__stext b {
    color: #374557;
}

.sherah-ptabs__stext {
    line-height: 1.5rem;
}

.sherah-ptabs__stitle i {
    color: #878f9a;
}

.sherah-ptabs__scover .sherah-ptabs__pthumb {
    width: 100%;
    display: ;
    max-width: 100%;
}

.sherah-ptabs__ssingle.sherah-ptabs__scover .sherah-ptabs__sedit {
    bottom: 10px;
    right: 15px;
}

.sherah__item-button--group--profile {
    justify-content: center;
}

.sherah__item-button--group--profile button {
    font-size: 18px;
}

.sherah__item-button--group--profile .sherah__item-button--cancel {
    font-weight: 400;
}

.sherah-ptabs__form-update {
    width: 368px !important;
    min-width: 368px;
    padding: 25px 110px 0 25px;
    background: #ebf4fd;
    border-radius: 8px;
}

.sherah-table__main--activity .sherah-table__body tr td,
.sherah-table__main--activity .sherah-table__body tr th {
    width: 20% !important;
}

.sherah-ptabs__ssingle {
    margin-bottom: 25px;
}

.sherah-ptabs__ssingle:last-child {
    margin: 0;
}

.sherah-ptabs__sedit.sherah-ptabs__cedit {
    background: #374557;
    bottom: -16px;
    right: 10px;
}

.sherah-ptabs__sauthor {
    display: flex;
    flex-direction: column;
}

.sherah-ptabs__pthumb {
    max-width: 200px;
    position: relative;
}

.sherah-ptabs__pthumb input {
    display: none;
}

.sherah-ptabs__scover img {
    width: 100%;
}

.sherah-userprofile__meta a {
    color: #82829a;
    font-weight: 400;
}

.sherah-btn.sherah-btn__bordered.sherah-btn__followed:before {
    visibility: hidden;
}

.sherah-btn.sherah-btn__bordered.sherah-btn__followed::after {
    background: linear-gradient( 134.38deg, #f01543 0%, #c342f9 43.55%, #f01543 104.51%);
    opacity: 0.17;
    border-radius: 61px !important;
}

.sherah-followers__modal .modal-content {
    width: 400px !important;
    min-width: 400px;
    margin: 0 auto;
}

@media only screen and (max-width: 767px) {
    .sherah-followers__modal .modal-content,
    .modal-content,
    .sherah-close__modal-close .modal-content {
        width: 100% !important;
        max-width: 100% !important;
        justify-content: inherit;
        margin-left: initial;
    }
}


/*======================================
End sherah Profiles CSS
========================================*/


/*======================================
Forms CSS
========================================*/

.sherah-wc__full {
    position: relative;
    height: 100vh;
    overflow: hidden;
    background: url(../Admin/img/credential-bg.svg) no-repeat center / cover;
}

.sherah-wc__logo img {
    max-width: 235px;
}

.sherah-wc-bg {
    background-color: #e8e5fe;
}

.sherah-wc__inner {
    padding: 66px;
}

.sherah-wc__middle {
    display: flex;
    justify-content: center;
}

.sherah-wc__middle img {
    max-width: 655px;
}

.sherah-wc__title {
    font-size: 36px;
    margin: 0px 0 0;
    color: #fff;
    font-weight: 500;
}

.sherah-wc__inner {
    padding: 90px;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}


/* Welcome Form */

.sherah-wc__form {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
}

.sherah-wc__heading {
    background: #e4f2ff;
    border-top-right-radius: 12px;
    border-top-left-radius: 12px;
    overflow: hidden;
}

.sherah-wc__form-inner {
    margin: 0 auto;
    display: flex;
    justify-content: center;
    flex-direction: column;
    min-width: 930px;
    max-width: 930px;
    border-radius: 5px;
    background: #ffffff;
    padding: 150px;
}

.sherah-wc__form-title {
    font-size: 26px;
    width: auto;
    margin: 0;
    display: flex;
    flex-direction: column;
}

.sherah-wc__form-title span {
    font-weight: 400;
    font-size: 14px;
    padding: 0;
    line-height: 150%;
}

.sherah-wc__checkbox {
    display: flex;
    align-items: center;
    gap: 8px;
}

.sherah-wc__inside--group {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}


/* sherah Form */

.sherah-wc__form-main {
    padding: 20px 25px;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
    padding-top: 0;
}

.sherah-wc__form-main .form-group {
    margin-top: 20px;
    position: relative;
}

.sherah-wc__form-main input,
.sherah-wc__form-main textarea,
.sherah-wc__form-main select,
.select2-container--default .select2-selection--single {
    width: 100%;
    height: 50px;
    padding: 5px 50px 5px 20px;
    background: #fafafa;
    color: black;
    border: 1px solid #e4f2ff;
    border-radius: 4px;
    padding-left: 30px;
    height: 55px;
    padding-right: 30px;
    background-color: #fff;
}

.select2-container .select2-selection--single {
    display: flex;
    align-items: center;
}

.select2-selection__arrow {
    top: auto;
}

.sherah-wc__form-main select {
    color: #1a1a1a;
}

.form-group__input--select .flag-label {
    position: absolute;
    top: 20%;
    background: transparent;
    border: none;
    padding: 0 15px 0 30px;
    border-right: 1px solid #fccbd5;
    height: 60%;
    display: flex;
    align-items: center;
    font-weight: 400;
}

.sherah-wc__form-profile textarea.sherah-wc__form-input {
    display: ;
    height: 210px;
}

.form-group__input--select .flag-label img {
    max-width: 30px;
    margin-right: 10px;
}

.form-group__input--select input {
    padding-left: 150px !important;
}

.sherah-wc__form-main textarea {
    height: initial;
    padding: 20px 30px;
}

.sherah-form-icon {
    position: absolute;
    top: 15px;
    right: 14px;
}

.sherah-wc__form-main .form-group input:hover,
.sherah-wc__form-main .form-group textarea:hover {
    border-color: #f01543;
}

.sherah-wc__form-main .form-group:hover .sherah-wc__icon {
    color: #f01543;
}

.sherah-wc__form-main .form-group__input {
    position: relative;
}

.sherah-wc__form-main .sherah-wc__icon {
    position: absolute;
    right: 29px;
    top: 50%;
    color: #85878b;
    transition: all 0.3s ease;
    cursor: pointer;
    line-height: initial;
    margin-top: -12px;
}

.sherah-wc__form-label {
    font-size: 16px;
}

.sherah-wc__check-inline {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sherah-wc__check-inline label {
    margin: 0;
}

.sherah-wc__check-inline label a {
    font-weight: 400;
}

.sherah-wc__form-new {
    padding-top: 25px;
    padding-bottom: 25px;
}

.form-group.sherah-wc__new-bottom {
    margin-top: 35px;
}

.forgot-pass {
    font-size: 16px;
    font-weight: 400;
}

.sherah-wc__button {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 20px;
}

.sherah-wc__button .ntfmax-wc__btn {
    padding: 10px 0 10px;
    color: #fff;
    border: none;
    font-size: 18px;
    background: #f01543;
    border-radius: 4px;
    font-weight: 500;
    min-height: 55px;
}

.sherah-wc__button .ntfmax-wc__btn.ntfmax-wc__btn-social {
    color: #1a1a1a;
    font-weight: 400;
    background: #fccbd5;
    width: 100%;
    display: flex;
    gap: 30px;
    font-size: 16px;
}

.sherah-wc__button.sherah-wc__button--bottom {
    gap: 50px;
}

.sherah-wc__button .ntfmax-wc__btn:hover,
.sherah-wc__button .ntfmax-wc__btn.ntfmax-wc__btn-social:hover {
    background: #f01543;
    color: #fff;
}

.sherah-wc__bottom a {
    color: #f01543;
    font-weight: 700;
}

.sherah-wc__bottom a:hover {
    color: #f01543;
}

.sherah-wc__button img {
    max-width: 18px;
}

.sherah-wc__button button {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

.ntfmax-wc__btn-icon {
    width: 25px;
    height: 25px;
    background: transparent;
    line-height: 24px;
    border-radius: 100%;
    transition: all 0.3s ease;
    color: #f01543;
}

.sherah-wc__button .ntfmax-wc__btn:hover .ntfmax-wc__btn-icon {
    color: #fff;
}

.sherah-wc__text {
    font-size: 13px;
    color: #5a5a5a;
    margin: 0;
}

.sherah-wc-col-one {
    width: 44%;
}

.sherah-wc-col-two {
    width: 56%;
}


/* Verify Form */

.sherah-wc__form-verify {
    margin: 0;
    padding: 0;
    border: none;
    display: flex;
    gap: 20px;
    justify-content: center;
    align-items: center;
}

.sherah-wc__form .sherah-wc__form-verify input {
    padding: 0 !important;
    text-align: center;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border: 1px solid #e4f2ff;
    color: #374557;
    font-weight: 700;
    font-size: 26px;
    background: #fafafa;
}

.sherah-wc__form-verify input::-moz-placeholder {
    color: #374557 !important;
    opacity: 1 !important;
}

.sherah-wc__form-verify input::-webkit-input-placeholder {
    color: #374557 !important;
    opacity: 1 !important;
}

.sherah-wc__form-verify input:-ms-input-placeholder {
    color: #374557 !important;
    opacity: 1 !important;
}

.sherah-wc__form-verify input::-ms-input-placeholder {
    color: #374557 !important;
    opacity: 1 !important;
}

.sherah-wc__form-inner.bg-mask-img {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.sherah-wc__button-forget {
    margin-top: 25px;
}


/* Update Password */

.sherah-wc__middle-update {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    text-align: center;
}

.sherah-wc__update-contnet-title {
    font-size: 36px;
    margin-bottom: 0;
}

.sherah-wc__update-contnet-text {
    font-size: 18px;
    color: #9aa2b1;
    margin: 0;
    line-height: 32px;
    font-weight: 400;
}

.sherah-wc__update img {
    max-width: 154px;
}

.form-mg-top15 {
    margin-top: 15px !important;
}

.form-mg-top25 {
    margin-top: 25px !important;
}

.form-mg-top30 {
    margin-top: 30px !important;
}

.sherah-wc__bottom--reset {
    color: #2f3032;
    font-weight: 400;
    border-bottom: 1px solid;
    line-height: initial;
}

@media only screen and (min-width: 0px) and (max-width: 1550px) {
    .sherah-wc__inner {
        padding: 30px;
    }
    .sherah-wc__middle img {
        max-width: 400px;
    }
    .sherah-wc__form-inner {
        min-width: 90%;
        max-width: 90%;
        padding: 50px;
    }
    .sherah-wc__form-main .form-group {
        margin-top: 12px;
        position: relative;
    }
    .sherah-wc__button.sherah-wc__button--bottom {
        gap: 30px;
    }
}

@media only screen and (min-width: 0px) and (max-width: 992px) {
    .sherah-wc-col-one {
        display: none;
    }
    .sherah-wc-col-two {
        width: 100%;
    }
    .sherah-wc__form {
        height: initial;
    }
    .sherah-wc__full {
        height: initial;
        padding: 50px;
    }
    .sherah-wc__form-inner {
        width: 100%;
        height: 100%;
        min-width: 100%;
        max-width: 100%;
    }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .sherah-wc__full,
    .sherah-wc__form-inner {
        height: initial;
        padding: 30px;
    }
    .sherah-wc__button.sherah-wc__button--bottom {
        gap: 20px;
    }
    .sherah-wc__inside--group {
        flex-direction: column;
    }
    .sherah-wc__form-title {
        font-size: 22px;
    }
}


/*======================================
End Forms CSS
========================================*/


/*======================================
Utilities CSS
========================================*/

.sherah-order-card {
    gap: 35px;
    padding: 26px 30px;
    justify-content: space-between;
    display: flex;
    border-radius: 5px;
}

.sherah-order-card__first {
    width: 60%;
    max-width: 60%;
}

.sherah-chart__inside.sherah-chart__inside--aorder {
    height: 60px;
}

.sherah-order-card__text {
    font-size: 14px;
}

.sherah-order-card__text span {
    font-size: 16px;
}

.circle-progress-value {
    stroke-width: 6px;
    stroke-linecap: round;
}

.circle__one .circle-progress-value {
    stroke: #f9c200;
}

.circle__two .circle-progress-value {
    stroke: #09ad95;
}

.circle-progress-circle {
    stroke-width: 2px;
}

.circle-progress-text {
    fill: #1a1a1a;
    font-size: 22px;
    font-weight: 500;
}

.sherah-forms {
    padding: 100px;
    background: #fefaed;
}

.sherah-main-form__right button {
    background: transparent;
    padding: 0;
    margin: 0;
    border: none;
}

.sherah-main-form__right {
    display: flex;
    justify-content: right;
    gap: 20px;
    align-items: center;
}

.sherah-main-form__top {
    background: #e4f2ff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 60px;
    padding: 25px;
    border-radius: 12px 12px 0 0;
}

.sherah-main-form__title {
    margin: 0;
    font-size: 18px;
    font-weight: 500;
}

.sherah-main-form__inner {
    background: #fff;
    padding: 25px;
}

.sherah-main-form__group input,
.sherah-main-form__group textarea,
.sherah-main-form__group select {
    width: 100%;
    background-color: #fafafa;
    height: 58px;
    border: 1px solid #e4f2ff;
    padding: 0 18px !important;
    color: #9aa2b1;
    font-size: 18px;
}

.sherah-main-form__inner {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.sherah-main-form__group textarea {
    height: 200px;
    padding: 20px 18px !important;
}

.sherah-main-form__button button {
    height: 50px;
    background: #f01543;
    border: none;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: 4px;
    padding: 10px 15px;
    font-weight: 400;
    width: initial;
}

.sherah-main-form__single input {
    display: none;
}

.sherah-main-form__single svg {
    fill: #f01543;
}

.sherah-main-form__single .sherah-main-form__icon {
    width: 52px;
    height: 48px;
    background: #e4f2ff;
    display: inline-block;
    text-align: center;
    line-height: 48px;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.sherah-main-form__single .sherah-main-form__icon:hover {
    background: #f01543;
}

.sherah-main-form__single .sherah-main-form__icon:hover svg {
    fill: #fff;
}

.sherah-main-form__options {
    display: flex;
    /*! align-items: center;
*/
    gap: 10px;
}

.sherah-main-form__button {
    display: flex;
    justify-content: space-between;
}

.sherah-cta__content--img {
    max-width: 380px;
}

.sherah-main-form__group select {
    background-image: url("img/arrow-down-svg.svg");
    background-size: 14px;
}

@media only screen and (min-width: 1279px) and (max-width: 1550px) {
    .sherah-order-card {
        padding: 20px 15px;
        gap: 20px;
    }
    .sherah-order-card__first {
        width: 44%;
        max-width: 44%;
    }
    .sherah-progress-list.sherah-gap-50 {
        gap: 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1550px) {
    .sherah-forms {
        padding: 50px;
    }
    .sherah-main-form__single .sherah-main-form__icon {
        width: 44px;
        height: 44px;
        line-height: 44px;
    }
    .sherah-main-form__single .sherah-main-form__icon {
        height: 44px;
        line-height: 44px;
    }
}

@media only screen and (min-width: 0px) and (max-width: 768px) {
    .sherah-cta__content--img {
        display: none;
    }
    .sherah-forms {
        padding: 50px 30px;
    }
    .sherah-main-form__group input,
    .sherah-main-form__group textarea,
    .sherah-main-form__group select {
        font-size: 16px;
    }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .sherah-faq__img,
    .sherah-support__img {
        display: none;
    }
    .sherah-main-form__button {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
}

.sherah-cta__title {
    font-size: 30px;
    margin-bottom: 15px;
}

.sherah-header__form.sherah-cta__search form {
    width: 495px;
}

.sherah-cta__content {
    max-width: 550px;
}

.sherah-cta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #e4f2ff;
    padding: 30px;
    border-radius: 8px;
}

.sherah-header__form.sherah-cta__search {
    margin-top: 30px;
}

.sherah-header__form.sherah-cta__search form input {
    background: #fff;
    height: 60px;
}

.sherah-header__form.sherah-cta__search form .search-btn {
    top: 0;
    right: 0;
    height: 100%;
    min-width: 80px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .sherah-cta__title {
        font-size: 18px;
    }
    .sherah-cta {
        padding: 20px;
    }
    .accordion-button.sherah-accordion__heading {
        font-size: 16px !important;
    }
}

.sherah-section__title {
    font-size: 30px;
    margin-bottom: 15px;
}

.sherah-section-title {
    text-align: center;
}

.sherah-usernavs {
    display: flex;
    gap: 15px;
    align-items: center;
    margin-top: 40px;
    margin-bottom: 20px;
}

.sherah-usernavs a.sherah-btn {
    padding: 10px 21px;
}

.sherah-usernavs .sherah-btn.sherah-btn__share {
    width: 46px;
    height: 46px;
    line-height: 46px;
    padding: 0;
}

.sherah-userprofile__header {
    position: relative;
}

.sherah-userprofile__header img {
    border-radius: 12px;
    width: 100%;
}

.sherah-userprofile__right-v2 {
    position: absolute;
    top: 50%;
    right: 40px;
    margin-top: -26px;
}

.sherah__item-text--single {
    letter-spacing: 0.025em;
}

.sherah-wc__form-main--profile .sherah-wc__icon.lock {
    right: initial;
    left: 29px;
}

.sherah-wc__form-main--profile .sherah-wc__icon,
.sherah-wc__form-main--profile .sherah-wc__icon svg {
    font-size: 20px;
    line-height: initial;
}

.sherah-wc__form-main--profile .sherah-wc__icon svg {
    margin-top: -5px;
}

@media only screen and (min-width: 1278px) and (max-width: 1500px) {
    .sherah-history__main--home .sherah-history__text {
        font-size: 14px;
    }
    .sherah-history.sherah-history--ticket .sherah-history__main {
        padding: 15px;
    }
    .sherah-history.sherah-history--ticket .sherah-history__text p {
        font-size: 12px;
    }
}

@media only screen and (max-width: 767px) {
    #myChart_bids_month,
    #myChart_earning_month {
        max-height: 200px !important;
    }
    .sherah-section__title {
        font-size: 24px;
    }
    .sherah-section__text {
        font-size: 15px;
    }
}

.sherah-accordion.sherah-according__showcase {
    background: #fff;
    padding: 5px 20px;
    border-radius: 15px;
}

@media only screen and (min-width: 0px) and (max-width: 1278px) {
    .sherah-table__product-history .sherah-table__column-2 {
        width: 15%;
    }
    .sherah-table__product-history .sherah-table__column-3 {
        width: 18%;
    }
    .sherah-table__product-history .sherah-table__product-title {
        font-size: 18px;
    }
    .sherah-table__text {
        font-size: 13px;
    }
    .sherah-hidden-rp {
        display: none;
    }
    .sherah__file-upload {
        width: 100%;
    }
    .col-lg-5.col-12.sherah-pcolumn__one {
        width: 100%;
    }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .dashboard-banner__group-title {
        font-size: 18px;
    }
    .dashboard-banner__group {
        display: flex;
        flex-direction: column;
        gap: 6px;
    }
    .dashboard-banner .dashboard-banner__bid {
        padding: 24px 10px;
    }
    .welcome-cta {
        padding: 15px;
    }
    .charts-main__heading .sherah-chart__dropdown {
        margin-top: 0;
    }
    .charts-main__heading {
        gap: 10px;
    }
    .dashboard-banner__title {
        font-size: 20px;
    }
    .dashboard-banner__button {
        margin-top: 20px;
    }
    .all-notificaiton__inner {
        gap: 15px;
    }
    .all-notificaiton__inner .list-group-item {
        font-size: 15px;
    }
    .sherah-currency__shop-detail {
        margin-top: 25px;
        padding-top: 0;
    }
    .sherah-trendmeta__img.sherah-trendmeta__img-detail {
        max-width: 60px;
    }
    .sherah-trendmeta__content-detail .sherah-trendmeta__title {
        font-size: 16px;
    }
    .sherah-trendmeta__content-detail span {
        font-size: 14px;
    }
    .sherah-trendmeta__main_detail .sherah-trendmeta__author {
        gap: 5px;
    }
    .sherah-ptabs__form-update {
        width: 100% !important;
        min-width: 100%;
        padding: 0 30px;
    }
}

@media only screen and (min-width: 0px) and (max-width: 991px) {
    .sherah-sixth-one,
    .sherah-sixth-two {
        width: 100%;
    }
    .charts-home-one {
        min-height: initial;
    }
    .dashboard-banner__heart {
        width: 44px;
        height: 44px;
        line-height: 44px;
        font-size: 20px;
    }
}

@media only screen and (max-width: 1278px) {
    .trending-action__single .sherah-trendmeta {
        margin-top: 0px;
    }
}

.sherah-sellbox__single {
    min-height: 434px;
}

.sherah-sellbox__single .sherah-sidebar__cside-one {
    height: 175px;
}

#chart__sell,
#chart__visitor {
    min-height: 265px;
    max-height: 300px;
}

.charts-main.charts-main__invest {
    min-height: 351px;
}

#chart__investment {
    max-height: 276px;
    min-height: 276px;
}

@media only screen and (min-width: 1020px) and (max-width: 1278px) {
    .sherah-sellbox__single .sherah-amount__statics {
        margin-bottom: 74px;
    }
    .sherah-sellbox__heading-title {
        font-size: 18px;
        padding: 22px 20px;
    }
}

@media only screen and (min-width: 1278px) and (max-width: 1500px) {
    .sherah-sellbox__single .sherah-amount__statics {
        margin-bottom: 74px;
    }
}

@media only screen and (max-width: 1020px) {
    .sherah-sellbox__single {
        min-height: initial;
    }
    .sherah-sellbox__single .sherah-amount__statics {
        margin-bottom: 40px;
    }
    .trending-action__single.marketplace-details .sherah-flex__center {
        --bs-gutter-y: 30px;
    }
}

@media only screen and (max-width: 767px) {
    #chart__sell,
    #chart__visitor,
    #chart__investment {
        min-height: 240px;
        max-height: 240px;
    }
}

.sherah-page-inner {
    padding: 30px;
    border-radius: 5px;
}


/* sherah Sidebar */

.sherah-sidebarmenu {
    z-index: 999999;
    background: #ffffff;
    box-shadow: 19px 36px 127px rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    border: none;
    width: 425px;
    transition: all 0.3s ease;
    position: fixed;
    right: 0;
    transform: translateX(100%);
    opacity: 0;
    visibility: hidden;
    height: 100%;
}

.sherah-sidebarmenu.active {
    transform: translateX(0%);
    opacity: 1;
    visibility: visible;
}

.sherah-sidebarmenu__inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    padding-bottom: 120px;
}

.sherah-sidebarmenu__header {
    border-bottom: 1px solid #e4f2ff;
    display: flex;
    align-items: center;
    padding: 20px 30px;
    justify-content: space-between;
}

.sherah-sidebarmenu__title {
    margin: 0;
    font-size: 18px;
    font-weight: 400;
}

.sherah-sidebarmenu__close {
    width: 26px;
    height: 26px;
    background: #eb5757;
    text-align: center;
    border-radius: 100%;
    cursor: pointer;
}

.sherah-pcats__list.rancy-sidebarmenu__menu {
    display: flex;
    gap: 10px;
}

.sherah-pcats__list.sherah-sidebarmenu__menu {
    gap: 10px;
}

.sherah-pcats__list.sherah-sidebarmenu__menu a {
    padding: 10px 14px;
}

.sherah-sidebarmenu__tmenu {
    padding: 25px 30px;
}

.sherah-sidebarmenu__option {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px solid #e4f2ff;
}

.sherah-sidebarmenu__settings {
    padding: 0 30px;
}

.sherah-sidebarmenu__main {
    display: flex;
    align-items: center;
    gap: 10px;
}

.sherah-sidebarmenu__option--icon {
    width: 50px;
    height: 50px;
    line-height: 50px;
    background: #e4f2ff;
    text-align: center;
    border-radius: 100%;
}

.sherah-sidebarmenu__option--title {
    margin: 0;
    font-size: 16px;
}

.sherah-sidebarmenu__option--text {
    font-size: 14px;
}

.sherah-sidebarmenu__style--menus {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 0 30px;
}

.sherah-sidebarmenu__style--menus img {
    border: 1px solid #c8d2dd;
    border-radius: 4px;
}

.sherah-sidebarmenu__style--menus li:hover img {
    border-color: #f01543;
}

.sherah-sidebarmenu__style--title {
    margin-bottom: 15px;
    border-bottom: 1px solid #e4f2ff;
    padding: 0 30px;
    padding-bottom: 15px;
}

.sherah-sidebarmenu__style--colors {
    display: flex;
    gap: 12px;
    padding: 0 30px;
}

.sherah-sidebarmenu__style--colors a {
    width: 38px;
    height: 38px;
    border-radius: 4px;
}

.sherah-sidebarmenu__style {
    margin-bottom: 22px;
}

.sherah-sidebarmenu__option--rtl .sherah-sidebarmenu__option--icon {
    background: #d4efdf;
}

.sherah-sidebarmenu__support {
    padding: 0 30px;
    margin-top: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sherah-sidebarmenu__switcher {
    width: 75px;
    height: 30px;
    background: #fffdf8;
    border: 1px solid #e4f2ff;
    border-radius: 100px;
    position: relative;
    cursor: pointer;
}

.sherah-sidebarmenu__switcher::before {
    content: "";
    position: absolute;
    left: 5px;
    top: 2px;
    width: 24px;
    height: 24px;
    background: #2f3032;
    border-radius: 100%;
    transition: all 0.3s ease;
}

.sherah-sidebarmenu__switcher.active::before {
    left: 60%;
    background: #f01543;
    transition: all 0.3s ease;
}

.sherah-audience {
    background: #ebf5ff;
    padding: 9px 20px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px dotted #bcddff;
}

.sherah-audience__single--title {
    display: flex;
    flex-direction: column;
    margin: 0;
}

.sherah-audience__single--title span {
    font-size: 14px;
    color: #9aa2b1;
    font-weight: 400;
}

.sherah-audience__single.sherah-audience__single--middle {
    width: 1px;
    min-height: 50px;
    background: #bcddff;
    margin-left: -0.5px;
}

.sherah-history.sherah-history__v2 .sherah-history__text {
    display: flex;
    flex-direction: row;
    align-items: start;
    gap: 10px;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #e7f3ff;
    justify-content: start;
}

.sherah-history.sherah-history__v2 .sherah-history__amount {
    display: flex;
    align-items: center;
    gap: 5px;
}

.sherah-history__prevday b {
    font-weight: 400;
    color: #2f3032;
}

.sherah-history.sherah-history__v2 .sherah-history__icon {
    border-radius: ;
    border-radius: 6px;
}

.sherah-single__box {
    background: #fff;
    border-radius: 12px;
    padding: 20px 25px;
    min-height: 560px;
}

.sherah-chatbox__list.sherah-chatbox__list--v3 li {
    padding: 0;
}

.sherah-chatbox__list.sherah-chatbox__list--v3 .sherah-chatbox__inner {
    padding-bottom: 5px;
    padding-top: 5px;
}

.sherah-chatbox__sidebar.sherah-chatbox__sidebar--v3 {
    padding: 0;
}

.sherah-chatbox__sidebar.sherah-chatbox__sidebar--v3 .sherah-chatbox__list li {
    padding-left: 0;
    padding: 0;
}

.sherah-chatbox__sidebar.sherah-chatbox__sidebar--v3 .sherah-chatbox__first-group {
    padding: 0;
}

.sherah-chatbox__sidebar.sherah-chatbox__sidebar--v3 img {
    min-width: 50px;
    min-height: 50px;
    width: 50px;
    height: 50px;
}

.sherah-chatbox__sidebar.sherah-chatbox__sidebar--v3 .sherah-chatbox__inner {
    padding-top: 14px;
    padding-bottom: 14px;
}

.sherah-email-status__single {
    width: 204px;
    height: 204px;
    border-radius: 100%;
    background: #f01543;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    line-height: 35px;
    font-weight: 700;
    position: absolute;
}

.sherah-email-status {
    height: 250px;
    width: 100%;
    position: relative;
}

.sherah-email-status__single.sherah-email-status__single--promotion {
    width: 142px;
    height: 142px;
    right: 0;
    background: #f2c94c;
    color: #2f3032;
    font-size: 26px;
    z-index: 33;
}

.sherah-email-status__single.sherah-email-status__single--forum {
    width: 115px;
    height: 115px;
    z-index: 33;
    background: #ef5da8;
    bottom: 8%;
    right: 24%;
    z-index: 3;
    font-size: 18px;
}

.sherah-email-status__single.sherah-email-status__single--social {
    width: 62px;
    height: 62px;
    bottom: 10%;
    left: 28%;
    font-size: 16px;
    font-weight: 400;
    background: #27ae60;
    z-index: 33;
}

.sherah-email-status__single.sherah-email-status__single--span {
    width: 80px;
    height: 80px;
    right: 10%;
    bottom: 21%;
    z-index: 3333;
    font-size: 16px;
    background: #9b51e0;
}

.sherah-see__all {
    font-weight: 400;
    color: #2f3032;
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
}

.sherah-see__all a {
    font-size: 16px;
    font-weight: 400;
    color: #2f3032;
}

.sherah-email-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.sherah-email-list li {
    padding-left: 30px;
}

.sherah-email-list__single {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
}

.sherah-email-list__single:before {
    content: "";
    width: 16px;
    height: 16px;
    background: #f01543;
    display: inline-block;
    border-radius: 100%;
}

.sherah-email-list__single span {
    color: #9aa2b1;
}

.sherah-email-list__single.sherah-email-list__single--promotion::before {
    background: #f2c94c;
}

.sherah-email-list__single.sherah-email-list__single--forum::before {
    background: #ef5da8;
}

.sherah-email-list__single.sherah-email-list__single--social::before {
    background: #9b51e0;
}

.sherah-email-list__single.sherah-email-list__single--spam::before {
    background: #27ae60;
}


/* 404 Error */

.sherah-error {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.sherah-error__content {
    margin-top: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
}

.sherah-error__title {
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 12px;
}

.sherah-error__text {
    font-size: 26px;
    color: #2f3032;
    letter-spacing: 0.16em;
}


/* Coming Soon */

.sherah-error__comming .sherah-error__text {
    color: #9aa2b1;
    letter-spacing: initial;
}

#sherah_countdown {
    display: flex;
    gap: 30px;
}

.sherah_countodwn-single {
    border: 1px solid #f01543;
    border-radius: 5px;
    padding: 15px 25px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #9aa2b1;
    font-size: 18px;
    min-width: 105px;
    min-height: 105px;
}

.sherah_countodwn-single span {
    color: #2f3032;
    font-weight: 600;
    font-size: 42px;
    line-height: 100%;
}

.sherah-breadcrumb__title {
    font-size: 28px;
    margin-bottom: 5px;
}

.sherah-breadcrumb__list {
    font-size: 14px;
    display: flex;
    gap: 5px;
    margin: 0;
}

.sherah-breadcrumb__list a {
    color: #5a5a5a;
    font-weight: 400;
}

.sherah-breadcrumb__list li+li::before {
    content: "/";
    padding-right: 5px;
}

.sherah-breadcrumb__list li.active a {
    color: #f01543;
}

.sherah-vcard {
    padding: 30px;
}

.sherah-vcard__body {
    display: flex;
    align-items: center;
    gap: 25px;
}

.sherah-vcard__title {
    font-size: 22px;
}

.sherah-vcard__content {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.sherah-vcard__img img {
    border: 5px solid #fff;
    border-radius: 100%;
    box-shadow: 0px 0px 15px #00000030;
}

.sherah-vcard__contact {
    display: flex;
    flex-direction: column;
    gap: 5px;
    font-size: 16px;
}

.sherah-vcard__contact li {
    font-size: 16px;
    font-weight: 400;
}

.sherah-vcard__contact li a {
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 15px;
    color: #5a5a5a;
}

.sherah-vcard__meta {
    margin-top: 30px;
    padding-top: 30px;
}

.sherah-vcard__meta--info {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sherah-vcard__meta--info li {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.sherah-vcard__meta--info li span {
    font-weight: 700;
    font-size: 18px;
}

@media only screen and (min-width: 768px) and (max-width: 1278px) {
    .sherah-error__title {
        font-size: 40px;
        line-height: initial;
    }
    .sherah-error__text {
        font-size: 20px;
    }
    .sherah-error__content {
        gap: 0;
    }
    .sherah-error__content {
        margin-top: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .sherah-error__title {
        font-size: 30px;
        line-height: initial;
    }
    .sherah-error__text {
        font-size: 16px;
    }
    #sherah_countdown {
        gap: 10px;
    }
    .sherah_countodwn-single {
        width: 80px;
        height: 80px;
        min-width: 80px;
        min-height: 80px;
    }
    .sherah_countodwn-single span {
        font-size: 35px;
    }
    .sherah_countodwn-single {
        font-size: 16px;
    }
    .sherah-single__box {
        min-height: initial;
    }
}

@media only screen and (min-width: 0px) and (max-width: 992px) {
    .sherah-contact-card .sherah-vcard__body {
        padding: 15px;
        flex-direction: column;
        gap: 15px;
        align-items: baseline;
    }
    .sherah-contact-card .sherah-vcard__contact li {
        font-size: 14px;
    }
    .sherah-vcard__content {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    .sherah-contact-card {
        min-height: initial;
    }
}


/* Language */

.sherah-language-form {
    background: #f0f3f8;
    padding: 20px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 5px;
}

.sherah-language-form__input {
    display: flex;
    align-items: center;
    gap: 15px;
    font-size: 18px;
}

.sherah-language-form__input label {
    margin: 0;
    font-weight: 700;
}

.sherah-language-form__input input {
    width: 20px;
    display: ;
    height: 20px;
}

.flag-icon {
    max-width: 55px;
}

.flag-icon img {
    border-radius: 5px;
}


/* Page Content */

.sherah-basic-page h1,
.sherah-basic-page h2,
.sherah-basic-page h3,
.sherah-basic-page h4,
.sherah-basic-page h5,
.sherah-basic-page h6 {
    margin-bottom: 15px;
    font-size: 18px;
}

.sherah-basic-page p {
    margin-bottom: 35px;
}

.sherah-basic-page p:last-child {
    margin: 0;
}

.sherah-basic-page ul,
.sherah-basic-page ol {
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.sherah-basic-page ul li {
    position: relative;
    padding-left: 20px;
}

.sherah-basic-page ul li:before,
.sherah-basic-page ul li:after {
    content: "";
    left: 0;
    top: 8px;
    background: #f01543;
    position: absolute;
    width: 6px;
    height: 6px;
    display: inline-block;
    border-radius: 100%;
}

.sherah-basic-page ul li:after {
    border: 1px solid #f01543;
    padding: 5px;
    width: 12px;
    left: -5px;
    top: 5px;
    background: transparent;
    height: 12px;
    margin-left: 2px;
}

.sherah-basic-page ul {
    padding-left: 15px;
}

.sherah-last-update {
    font-weight: 500;
    font-style: italic;
}


/* Customers */

.sherah-upcard__thumb {
    display: flex;
    align-items: center;
    gap: 30px;
    justify-content: center;
}

.sherah-upcard {
    background: #f9f9f9;
    border-radius: 4px;
    padding: 30px;
}

.sherah-upcard__thumb img {
    display: inline-block;
    border-radius: 100%;
    max-width: 120px;
}

.sherah-upcard__heading {
    margin-top: 25px;
    margin-bottom: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 10px;
}

.sherah-upcard__title {
    font-size: 22px;
    margin: 0;
}

.sherah-upcard__text {
    font-size: 14px;
}

.sherah-upcard__location {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: #f01543;
}

.sherah-upcard__info {
    margin-bottom: 15px;
    display: block;
    font-size: 14px;
}

.sherah-upcard__phone,
.sherah-upcard__email {
    font-size: 18px;
}

.sherah-upcard__list {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.sherah-upcard__list li {
    font-size: 18px;
    color: #2f3032;
}

.sherah-upcard__list li b {
    display: inline-block;
    font-weight: 500;
}

.sherah-upcard__list--label {
    background: #e7f3ff;
    padding: 8px 12px;
    color: #f01543 !important;
}

.sherah-upcard__list li {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.sherah-upcard__list li span {
    color: #5a5a5a;
}

.sherah-table__head.sherah-table__main {
    display: flex;
    justify-content: space-between;
    padding: 20px 40px;
    align-items: center;
}

.sherah-upcard__balance {
    padding: 15px;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    border-radius: 5px;
}

.sherah-order-title {
    font-size: 20px;
    font-weight: 500;
}

.sherah-order-text {
    font-size: 18px;
}

.sherah-accounts-card {
    background: #f3f4f7;
    padding: 30px;
    border-radius: 5px;
    min-height: 310px;
}

.sherah-accounts-card__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sherah-accounts-card__list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.sherah-accounts-card__list li {
    display: flex;
    justify-content: space-between;
    font-size: 18px;
    align-items: center;
}

.sherah-accounts-card__list li span {
    font-weight: 500;
}

@media only screen and (max-width: 767px) {
    .sherah-table__head.sherah-table__main {
        padding: 20px 20px;
        flex-direction: column;
        gap: 15px;
    }
    .sherah-order-text {
        font-size: 14px;
    }
}


/* Shera Invoice */

.sherah-invoice-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 60px;
}

.sherah-invoice-form__first {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sherah-invoice-form {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.sherah-invoice-form__first.sherah-invoice-form__first--print {
    flex-direction: column;
    align-items: start;
    gap: 30px;
}

.sherah-invoice-form__first.sherah-invoice-form__first--print .sherah-invoice-form__single.sherah-invoice-form__single--right {
    text-align: left;
}

.sherah-invoice-form__title {
    font-size: 20px;
    font-weight: 500;
}

.sherah-invoice-form__single.sherah-invoice-form__single--right {
    justify-content: right;
    text-align: right;
}

.sherah-print-template {
    background: #fff;
}


/*======================================
End Utilities CSS
========================================*/

.sherah-frem {
    padding: 0 30px 0 16px;
}

.sherah-frem li span svg {
    fill: currentColor;
    color: #f01543;
    margin-right: 14px;
}

.sherah-frem li span {
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    color: #838383;
}

.sherah-frem li {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    color: #000929;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 34px;
}

.sherah-frem li:last-child {
    padding-bottom: 20px;
}

.sherah-frem li .sherah-frem-amount {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    color: #f01543;
}

.about-form-img {
    height: 200px;
    width: 400px;
}

.about_image_3,
.about_image_4 {
    height: 200px;
    width: 400px;
    object-fit: cover;
}

.empty_search_result {
    height: 200px;
    width: 400px;
}

.paypal_payment_image {
    height: 50px;
    width: 200px;
    margin-top: 30px;
}

.admin_update_close_btn {
    background-color: white;
    color: #6176FE;
}

.admin_avatar {
    height: 150px;
    width: 150px;
    border-radius: 50%;
}

.blog_comment_delete {
    border: none;
}

.user_avatar {
    height: 80px;
    width: 80px;
    border-radius: 50%;
}

.footer_image {
    height: 200px;
    width: 400px;
}

.setting_logo {
    height: 40px;
    width: 90px;
}

.stiky_logo {
    height: 40px;
    width: 90px;
}

.favicon {
    height: 50px;
    width: 60px;
}

.frondend_logo {
    height: 40px;
    width: 90px;
}

.frondend_login_page {
    height: 100px;
    width: 100px;
}

.login_page_image {
    height: 100px;
    width: 100px;
}

.login_page_bg {
    height: 100px;
    width: 100px;
}

.existing_slider {
    height: 150px;
    width: 120px;
}

.faq_about {
    height: 200px;
    width: 400px;
}

.order_product {
    width: 150px;
    height: 100px;
}

.order_user_avatar {
    height: 80px;
    width: 80px;
    border-radius: 50%
}

.crafting_image {
    height: 300px;
    width: 400px;
}

.product_thumb_img {
    width: 100px;
    height: 70px;
}

.product_gallery {
    width: 150px;
    height: 100px;
}

.product_list_thumb {
    width: 90px;
    height: 50px;
}

.default_avatar {
    height: 200px;
    width: 200px;
}