/* fonts */
@font-face {
    font-family: Plus Jakarta Sans;
    src: url(../fonts/Plus_Jakarta_Sans/PlusJakartaSans-Regular.ttf);
}

body {
    font-family: Plus Jakarta Sans;
    background: #F4F4FB;
}

/* VENDORS-LIST */
.sub-nav-section {
    display: flex;
    align-items: center;
    gap: 12px;

}

.back-btn {
    display: flex;
    width: 40px;
    height: 40px;
    padding: 8px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 7px 16px 0px rgba(109, 108, 195, 0.12);

}

.sub-nav-section .breadcrumb a {
    color: var(--Text-grey, #7E92A2);
    font-family: Plus Jakarta Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.16px;
    text-transform: capitalize;
    text-decoration: none;
}

.vendors-header {
    display: flex;
    /* align-items: center; */
    justify-content: space-between;
}

.vendors {
    color: var(--text-black, #000);
    font-family: Plus Jakarta Sans;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.24px;
}

.sortby-btn {
    display: inline-flex;
    height: 52px;
    padding: 10px 20px;
    align-items: center;
    gap: 8.38px;
    flex-shrink: 0;
    text-decoration: none;
}

.sortby {
    color: var(--Text-grey, #7E92A2);
    font-family: Plus Jakarta Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.32px;
}

.vendor-name {
    color: var(--text-black, #000);

    /* font-16 */
    font-family: Plus Jakarta Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.32px;
}

.add-btn {
    display: inline-flex;
    padding: 16px 32px;
    align-items: center;
    gap: 5px;
    border-radius: 8px;
    background: var(--Primary-blue, #0451E4);
    box-shadow: 0px 8px 32px 0px rgba(35, 78, 191, 0.32);
    border: none;
}

.add-btn span {
    color: #FFF;
    font-family: Plus Jakarta Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

/* VENDOR_LIST */
.form-check-input1:checked {
    background-color: #76EE59;
    border-color: #76EE59;


}

.form-switch .form-check-input1 {
    width: 45px;
    height: 20px;
    flex-shrink: 0;
    margin-left: -2.5em;
    box-shadow: none;


    background-position: left center;
    border-radius: 2em;
    transition: background-position 0.15s ease-in-out 0s;
}

.action1 {
    display: flex;
    width: 40px;
    height: 40px;
    padding: 15.136px 15.146px 14.246px 14.236px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 9.041px;
    border: 1px solid #0451E4;
    background: var(--Primary-blue, #0451E4);
    box-shadow: 0px 5px 21px 0px rgba(35, 78, 191, 0.48);
}

.action2 {
    display: flex;
    width: 44px;
    height: 42px;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    border-radius: 9.041px;
    border: 1px solid #EC2B42;
    background: #FFF;
}

.action1 a {
    text-decoration: none;
}

.action2 a img {
    width: 22px;
    height: 22px;
    flex-shrink: 0;
}