﻿.supplierCard {
    border: 1px solid #E4E3E1;
    background: #FFFFFF;
    border-radius: 8px;
}

.iconMain {
    color: var(--iconColor) !important;
}

.bodyText {
    color: var(--bodyTextColor);
}

.activeTab {
    color: var(--activeTabColor);
    font-size: 15px;
    border-bottom: 2px solid var(--activeTabUnderlineColor);
    user-select: none;
}

.notActiveTab {
    color: var(--notActiveTabColor);
    font-size: 15px;
    user-select: none;
}

.memberTab {
    color: var(--notActiveTabColor);
    font-size: 15px;
}

.activeTab:hover {
    color: var(--navigationHoverColor);
}

.notActiveTab:hover {
    color: var(--navigationHoverColor);
}


.memberProfileImage {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    border: 1px solid #E4E3E1;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.memberProfileImageSquare {
    width: 85px;
    height: 85px;
    border: 1px solid #E4E3E1;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 50%;
    background-color: #EFEFF7;
}

.showMore {
    color: var(--moreShowColor);
    font-weight: 700;
}

.descTitle {
    font-style: normal;
    font-size: 16px;
    color: var(--systemTextColor);
}

.lock-member-widget {
    display: none; 
}

@media (max-width: 433px) {
    .lock-member-widget:nth-child(-n+3) {
        display: block; 
    }
}

@media (min-width: 434px) and (max-width: 524px) {
    .lock-member-widget:nth-child(-n+4) {
        display: block; 
    }
}

@media (min-width: 525px) and (max-width: 767px) {
    .lock-member-widget:nth-child(-n+5) {
        display: block; 
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .lock-member-widget:nth-child(-n+4) {
        display: block; 
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .lock-member-widget:nth-child(-n+6) {
        display: block; 
    }
}

@media (min-width: 1201px) and (max-width: 1400px) {
    .lock-member-widget:nth-child(-n+7) {
        display: block; 
    }
}

@media (min-width: 1401px) {
    .lock-member-widget {
        display: block; 
    }
}

.quickview-lock-img {
    display: none;
}
.cst-supplier-crd {
    padding: 15px 10px;
}
.cst-same-font-stl {
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    line-height: 150%;
}
.categories-item.Company-details-penal {
    padding: 0 10px;
    margin-bottom: 8px;
}