@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css");

@import url('scrollbar.css');
@import url('popup.css');
@import url('sendmessagelisting.css');
@import url('claimlisting.css');
@import url('sharelisting.css');
@import url('reportlisting.css');
@import url('likelisting.css');
@import url('activitiesupdates.css');
@import url('createsubscription.css');
@import url('summary.css');
@import url('upgradesubscription.css');
@import url('addpost.css');
@import url('companydetails/viewsearchedpage.css');
@import url('companydetails/productpages.css');
@import url('MediaKit.css');

/* ----------------------- Common CSS For All Page Start ------------------------- */
/* ----------------------- Please Don't Remove This Code ------------------------- */

.form-select:focus {
    border-color: var(--systemColor) !important;
    outline: 0;
    box-shadow: 0 0 0 0.25rem var(--systemColorLight) !important;
}

.fsp-transformer__go-back {
    background: url(/img/icon-arrow-back-grey.svg) no-repeat !important;
}

.fsp-button--cancel {
    border: 1px solid var(--systemColor) !important;
    color: var(--systemColor) !important;
    background: var(--systemColorLight);
}

.fsp-picker .cropper-modal {
    opacity: .3 !important;
}

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

h1 {
    color: var(--h1FontColor) !important;
}

h2 {
    color: var(--h2FontColor) !important;
}

h3 {
    color: var(--h3FontColor) !important;
}

h4 {
    color: var(--h4FontColor) !important;
}

h5 {
    color: var(--h5FontColor) !important;
}

.border-outline {
    outline: none !important;
}

.anchorTagStyleNone {
    text-decoration: none;
    color: unset;
}

    .anchorTagStyleNone:hover {
        color: unset;
    }

input[type=checkbox] {
    accent-color: var(--systemColor) !important;
    height: 16px;
    width: 16px;
}

input[type=radio] {
    accent-color: var(--systemColor) !important;
    height: 16px;
    width: 16px;
}

/* set system color in background */
.systemColorBackground {
    background-color: var(--systemColor) !important;
}

.systemColorLightBackground {
    background-color: var(--systemColorLight) !important;
}


.systemColorHover:hover {
    color: var(--systemColor) !important;
}

/*a:hover {
    color: var(--navigationHighlightColor) !important;
}*/

.btn-check:focus + .btn, .btn:focus {
    box-shadow: 0 0 0 0.25rem var(--systemColorLight) !important;
}

.form-control:focus {
    border-color: var(--systemColor) !important;
    box-shadow: 0 0 0 0.25rem var(--systemColorLight) !important;
}

.btn-close:focus {
    box-shadow: 0 0 0 0.25rem var(--systemColorLight) !important;
}

/* gray content */
.grayContent {
    font-style: normal;
    font-weight: 400;
    color: #61798F !important;
}


.grayContent-14px {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #61798F;
}

/* gray content */
.grayContent-16px {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #61798F;
}

/* gray content */
.grayContent-18px {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    color: #61798F;
}

/* max height for site logo */
.siteLogo {
    /*max-height: 37px;*/
    max-height: 33px;
}

/* remove box shadow from swal2 close */
.swal2-close:focus {
    box-shadow: none !important;
}

.swal2-styled.swal2-confirm:focus {
    box-shadow: 0 0 0 3px var(--systemColorLight) !important;
}

.fontLato-14px {
    font-family: 'Lato';
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 14px !important;
}

.fontLato-16px {
    font-family: 'Lato';
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 16px !important;
}

#mainHeader {
    height: 85px !important;
}

#mainFooter {
    height: 215px !important;
}

#mainPage {
    min-height: calc(100vh - 300px) !important;
}

video {
    width: 100%;
}

/* Remove file stack branding */
.fsp-picker__brand-container {
    display: none !important;
}

/* ----------------------- Common CSS For All Page End ------------------------- */
.faicon {
    display: flex;
    align-items: center;
    /*font-size: 20px;*/
    font-size: 20px;
}

.faicon-nexprev {
    display: flex;
    align-items: center;
}

.all-menu {
    display: block;
    flex-direction: column;
    gap: 12px;
}

.header-bgcolor {
    background: #EDECEA;
}

.search-border-none {
    outline: none !important;
}

.modal-content-popup-border {
    border-radius: 10px !important;
}

html {
    font-size: 14px;
}

.bg-white {
    background: #fff;
}

/*
.popup-header {
    display: flex;
    flex-direction: column;
}*/
@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1200px;
    }
}

@media (min-width: 279px) and (max-width: 990px) {
    html {
        font-size: 16px;
    }

    body {
        margin-bottom: 0px;
    }

    .main-header-for-header {
        height: 100% !important;
    }

    header {
        height: 100% !important;
    }

    footer {
        height: 100% !important;
    }

    .title-sec {
        gap: 0px !important;
        width: 100% !important;
        /*padding-left: 12px !important;
        padding-right: 12px !important;*/
    }

    .search-header {
        width: 100%;
        height: 100%;
        border-radius: 0.25rem;
        background: #FFFFFF !important;
    }

    .search-header2 {
        width: 100%;
        border-radius: 0.25rem;
        background: #FFFFFF !important;
    }

    .search-header3 {
        width: 100% !important;
        height: 100% !important;
    }

        .search-header3 input {
            width: 100% !important;
            height: 100% !important;
            border-top: 0;
            border-right: 0;
            border-bottom: 0;
            border-left: 0;
        }

        .search-header3 select {
            width: 100% !important;
            height: 100% !important;
            border-top: 0;
            border-right: 0;
            border-bottom: 0;
            border-left: 0;
        }

    .search-header5 input {
        width: 100% !important;
        height: 100% !important;
        border-top: 0;
        border-right: 0;
        border-bottom: 0;
        border-left: 0;
    }

    .search-header4 {
        width: 100%;
        height: 100%;
        border-radius: 0.25rem;
        background: #FFFFFF !important;
    }

    .detail-card1 div {
        gap: 10px;
    }

    .footer-desc1 {
        flex-direction: column;
        width: 100% !important;
        border-bottom: 1px solid #E4E3E1;
        padding: 0rem 1rem;
    }

    .footer-desc-header1 {
        width: 100% !important;
        height: 100% !important;
    }

    .footer-desc-body {
        width: 75% !important;
    }

    .footer-desc1-social {
        flex-direction: column;
        align-items: center !important;
        width: 100% !important;
        height: 100% !important;
    }

    .footer-desc1-social-bottom {
        flex-direction: column;
        align-items: center !important;
        width: 100% !important;
        height: 100% !important;
    }

    .footer-desc2 {
        width: 100% !important;
        height: 100% !important;
    }

    .footer-desc-header2 {
        flex-flow: wrap !important;
        width: 100% !important;
        height: 100% !important;
    }

        .footer-desc-header2 a {
            width: 41%;
        }

    .footer-desc-header2-dropdown {
        width: 41%;
    }

    .desc-1 {
        width: 100% !important;
        height: 100% !important;
    }

    .detail-header {
        width: 100% !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .title-card {
        padding: 20px !important;
        margin: 0px !important;
        gap: 0px !important;
        width: 100% !important;
        height: 25% !important;
        left: 0% !important;
    }

    .title-card-ul {
        flex-direction: column !important;
        gap: 32px;
        padding-left: 0px !important;
        height: 100% !important;
    }

    .title-card-ul-li {
        margin-right: 25px !important;
        width: 29%;
        margin-bottom: 12px !important;
    }

    .desc-header {
        display: flex;
        align-items: flex-start;
        padding: 0px;
        gap: 8px;
        gap: 12% !important;
        width: 100% !important;
        height: 50% !important;
    }

    .detail-specialties-card {
        padding-bottom: 15px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        width: 100% !important;
        height: 100% !important;
        border-radius: 8px;
    }

    .desc {
        width: 100% !important;
        height: 100% !important;
    }

    .desc-home {
        width: 100% !important;
        height: 100% !important;
    }

    .desc-sub {
        width: 100% !important;
        height: 100% !important;
    }

    .footer-card {
        padding: 0px !important;
    }

    .company-card-flag {
        padding: 0px !important;
        gap: 10px;
    }

    .company-card0-flag0 {
        padding: 0px !important;
        gap: 10px;
    }

    .card-flag {
        padding: 0px !important;
        gap: 10px;
    }

    .detail-card1 {
        padding: 12px 0px !important;
        /*padding-top: 0px !important;
        padding-left: 1px !important;
        padding-right: 0px !important;
        padding-bottom: 0px !important;*/
    }

    .login-btn {
        width: 72px !important;
    }

    .search-btn {
        width: 72px !important;
    }

    .footer1 {
        padding-top: 40px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        padding-bottom: 50px !important;
        width: 100% !important;
        height: 100% !important;
    }

    .footer2 {
        padding-top: 20px !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
        padding-bottom: 20px !important;
        width: 100% !important;
        height: 100% !important;
    }

    .border-bottom {
        width: 360px !important;
    }

    .category-content {
        padding-bottom: 0px !important;
        padding-left: 25px !important;
        width: 100% !important;
        height: 100% !important;
    }

    .desc-likefollow {
        flex-direction: column-reverse !important;
        height: 50% !important;
        gap: 12px !important;
        align-items: flex-end !important;
    }

        .desc-likefollow img {
            padding: 0px !important;
        }

    .desc-social {
        height: 50% !important;
        gap: 8px !important;
    }

        .desc-social img {
            padding: 0px !important;
        }

    .nav-flag {
        width: 100% !important;
        padding: 0px !important;
    }

    .category {
        display: flex;
        align-items: flex-start;
        gap: 24px !important;
    }

    .navigation {
        padding-right: 10px;
    }

    .text-muted {
        margin-top: 10px !important;
    }

    .detail-card {
        /*padding-top: 220px !important;*/
        padding-top: 200px !important;
        padding-left: 8px !important;
        padding-right: 16px !important;
        padding-bottom: 24px !important;
    }

        .detail-card h1 {
            font-size: 20px !important;
        }

    .detail-container-card {
        /*padding-top: 220px !important;*/
        padding-top: 150px !important;
        padding-left: 8px !important;
        padding-right: 16px !important;
        padding-bottom: 0px !important;
    }

        .detail-container-card h1 {
            font-size: 20px !important;
        }

    .detail-card-new-below {
        padding-top: 24px !important;
        padding-left: 8px !important;
        padding-right: 16px !important;
        padding-bottom: 24px !important;
    }

        .detail-card-new-below h1 {
            font-size: 20px !important;
        }

    .detail-header1 h2 {
        font-size: 22px !important;
    }


    .all-default-body-width {
        width: 100% !important;
    }

    .all-default-sub-body-width {
        width: 100% !important;
    }

    .content-header {
        /*max-width: 1440px;*/
        width: 100% !important;
    }

    .content-footer {
        width: 100% !important;
    }

    .content {
        width: 100% !important;
    }
}

html {
    min-height: 100%;
}

header {
    flex-direction: row;
    align-items: center;
    padding: 10px 0px;
    gap: 397px;
    background: #FFFFFF;
    height: 69px;
}

.header-width-mainhead {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 12px 120px;
    gap: 397px;
    width: 1440px;
    height: 68px;
    background: #FFFFFF;
}

.client-side-button-toggle {
    border-color: white !important;
}

.company-card-flag {
    display: flex;
    flex-direction: row;
    padding: 0px 120px;
    width: 100%;
}

.company-card0-flag0 {
    display: flex;
    flex-direction: row;
    padding: 0px 18px;
    width: 100%;
}

.card-flag {
    padding: 0px 120px;
}

.client-side-logo img {
    padding-right: 10px;
}

.navbar-header {
    position: relative;
    border: 1px solid transparent;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.navbar-brand {
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.navbar-nav {
    align-items: center;
    gap: 32px;
    width: 100%;
}

    .navbar-nav li a {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 150%;
        color: var(--navigationColor);
        text-decoration: none;
    }

        .navbar-nav li a:hover {
            color: var(--navigationHoverColor) !important;
        }

.dropdown-more p {
    font-weight: 600;
    font-size: 14px;
    line-height: 150%;
    color: #1A202C !important;
    text-decoration: none;
}

.nav-item {
    font-weight: 600;
    font-size: 14px;
    align-items: center;
}

.nav-flag {
    width: 100%;
    padding-left: 300px;
}

.navigation-head {
    margin-bottom: 0px !important;
}

.navigation-fluid {
    margin-right: 0px !important;
    margin-left: 0px !important;
}

.endflag {
    font-weight: 600;
    font-size: 14px;
}

.form-control1 {
    display: block;
    width: 44%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--textboxTextColor);
    background-color: #fff;
    background-clip: padding-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.25rem;
}

.log-control-menu {
    padding-left: 0px !important;
    justify-content: space-between !important;
}

.login-btn {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: 88px;
    height: 37px;
    border-radius: 8px;
}

    .login-btn span {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 150%;
        color: var(--buttonTextColor);
    }

.search-btn {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: 88px;
    height: 37px;
    border-radius: 8px;
    margin-left: 4px;
}

    .search-btn span {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 150%;
        color: var(--buttonTextColor);
    }

.title-sec {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    height: 386px;
    justify-content: center;
}

.search-header {
    border-radius: 0.50rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px 4px 0px 0px;
    background: #FFFFFF;
}

.search-header1 {
    display: flex;
    align-items: center;
    padding: 0px;
    width: 730px;
    height: 45px;
    position: relative;
}

.search-header img {
    padding: 5px;
}

.search-header1 input {
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
}

.search-header2 {
    border-radius: 8px;
    display: flex;
    flex-direction: row;
    align-items: center;
    background: #FFFFFF;
}

.no-dropdown-arrow search {
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.companySearchablelist {
    width: 100% !important;
    height: 100px;
    padding: 0px;
    align-items: center;
    border-radius: 0px;
    overflow-y: auto;
    -webkit-appearance: none !important;
    -moz-appearance: none;
    position: absolute !important;
}

.search-header3-viewall {
    display: flex;
    align-items: center;
    padding: 0px;
    height: 52px;
}

.search-header3 {
    display: flex;
    align-items: center;
    padding: 0px;
    width: 600px;
    height: 52px;
}

    .search-header3 img {
        padding: 8px;
    }

    .search-header3 select {
        width: 80%;
        height: 38px;
        border-top: 0;
        border-right: 0;
        border-bottom: 0;
        border-left: 0;
        border-color: white !important;
        outline: none !important;
        border: none !important;
    }

        .search-header3 select option:focus {
            border: 0px;
            outline: 0px;
            -webkit-appearance: none;
            outline: none !important;
            width: 80%;
            height: 38px;
            border-top: 0;
            border-right: 0;
            border-bottom: 0;
            border-left: 0;
            border-color: white !important;
            border: none;
        }

    .search-header3 input {
        width: 80%;
        height: 30px;
        border-top: 0;
        border-right: 0;
        border-bottom: 0;
        border-left: 0;
    }

.search-header4 {
    border-radius: 0.50rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px 4px 0px 0px;
    background: #FFFFFF;
}

.search-header5 {
    display: flex;
    align-items: center;
    padding: 0px;
    width: 600px;
    height: 45px;
}

    .search-header5 img {
        padding: 10px;
    }

    .search-header5 input {
        width: 100%; /*Put 100% in place of 490px on dt 17-06-2024 for mobile responsive change */
        height: 90%;
        padding: 0px 5px;
        border-top: 0;
        border-right: 0;
        border-bottom: 0;
        border-left: 0;
    }



.title-card {
    box-sizing: border-box;
    flex-direction: row;
    align-items: center;
    padding: 22px 60px;
    gap: 80px;
    width: 100%;
    height: 110px;
    background: #FFFFFF;
    border: 1px solid #EFEFF7;
    border-radius: 8px;
}

.title-card-ul {
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    justify-content: center;
    width: 100%;
    height: 100%;
    list-style: none;
    margin-bottom: 0rem;
}

.title-card-ul-li {
    display: inline-block;
    margin: 0% 4%;
}

.title-card-ul-li-a {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
    font-size: 20px;
}

    .title-card-ul-li-a div {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 150%;
        color: var(--bodyTextColor);
        width: 100%;
        justify-content: center;
    }

.title-card-ul-li-a-div {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 8px;
}

    .title-card-ul-li-a-div img {
        align-items: center;
        gap: 8px;
        cursor: pointer;
    }

    .title-card-ul-li-a-div p {
        color: var(--systemTextColor);
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 20px;
        line-height: 150%;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

.social2 {
    display: flex;
    flex-direction: row;
    gap: 12px;
}

.company-bg-color {
    background: var(--companySectionBackgroundColor);
}

.detail-card {
    display: flex;
    flex-direction: column;
    padding: 120px 0px 60px;
    gap: 15px;
    align-items: center;
}

    .detail-card h2 {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 28px;
        line-height: 120%;
        text-align: center;
        color: #585853;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

.detail-card-new-below {
    display: flex;
    flex-direction: column;
    padding: 120px 0px 60px;
    gap: 40px;
    align-items: center;
}

    .detail-card-new-below h2 {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 28px;
        line-height: 120%;
        text-align: center;
        color: #585853;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

.detail-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 99%;
    /*height: 10%;*/
    /*padding-top: 20px;*/
    padding-left: 2px;
    padding-right: 5px;
}

.detail-header1 h2 {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    line-height: 120%;
    color: #1A202C;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.detail-header2 {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px 0px;
    gap: 8px;
    border-radius: 8px;
}

.card-img-top {
    width: 140px;
}


.desc {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 24px;
    gap: 24px;
    background: #FFFFFF;
    border: 1px solid #EFEFF7;
    border-radius: 8px;
}

.desc-home {
    width: 384px;
    height: 318px;
}

.desc-sub {
    width: 368px;
    height: 318px;
}

.desc-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0px;
    width: 100%;
    height: 50%;
}

.detail-specialties-card {
    padding-bottom: 0px;
}

.desc-img {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    box-sizing: border-box;
    height: 90px;
    width: 100px;
    border-radius: 6px;
}

    .desc-img img {
        height: 90px;
        width: 100px;
    }

.desc-likefollow {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 16px;
    height: 50%;
}

.recommandwidget-button-like {
    align-items: start !important;
}

.desc-likefollow-button-like {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 4px;
}

.desc-likefollow-button-like-recommandation {
    /*align-items: start !important;*/
}

.desc-likefollow-button-like span {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 150%;
    color: #1A202C;
}

.desc-likefollow-button-group {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 10px;
    height: 44px;
}

.desc-likefollow-button-follow {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 24px;
    gap: 8px;
    height: 44px;
    border-radius: 8px;
}

    .desc-likefollow-button-follow p {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 150%;
        color: #FFFFFF;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

.desc-likefollow-button-following {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 24px;
    gap: 8px;
    border-radius: 8px;
}

    .desc-likefollow-button-following p {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 150%;
        color: #7B68EE;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }


.desc-body-activity {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 24px;
    width: 100%;
}

.desc-body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 1px;
    width: 100%;
    height: 70px;
}

    .desc-body b {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 600;
        font-size: 18px;
        line-height: 150%;
        color: var(--systemTextColor);
    }

    .desc-body p {
        font-family: 'Lato';
        font-style: normal;
        height: 40px;
        font-weight: 400;
        font-size: 14px;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        color: var(--bodyTextColor);
    }

.desc-social {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 12px;
    height: 24px;
}

    .desc-social img {
        color: #6B7B9C;
        font-size: 20px;
        cursor: pointer;
        width: 24px;
        height: 24px;
    }

.category-container-bg-color {
    background: #FFFFFF;
}

.detail-card1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
    padding: 40px 0px;
}

    .detail-card1 h1 {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 600;
        font-size: 26px;
        color: #1A202C;
    }

    .detail-card1 a {
        text-decoration: none;
        justify-content: end;
        align-items: center;
        padding: 8px 0px;
        gap: 8px;
        border-radius: 8px;
        font-size: 14px;
        color: #7B68EE;
    }

.category-content {
    padding-bottom: 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    width: 23.4%;
}

.desc-1 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 22px;
    gap: 24px;
    width: 100%;
    height: 310px;
    /*height: 270px;*/
    background: #FFFFFF;
    border: 1px solid #EFEFF7;
    border-radius: 8px;
}

.desc-1-header-icon-name {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    width: 100%;
    height: 90px;
}

    .desc-1-header-icon-name b {
        display: flex;
        align-items: center;
        /*word-break: break-all;*/
        height: 90px;
        font-family: 'Lato';
        font-style: normal;
        font-weight: 600;
        font-size: 18px;
        line-height: 150%;
        color: var( --systemTextColor);
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

.desc-social1 {
    align-items: flex-start;
    padding: 7px;
    width: 48px;
    height: 48px;
    background: var(--categoryIconBackgroundColor);
    border-radius: 8px;
    border: none;
}

    .desc-social1 i {
        color: #7B68EE;
        font-size: 25px;
    }

.desc-body1 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 8px;
    width: 100%;
    height: 105px;
}

    .desc-body1 b {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 600;
        font-size: 18px;
        line-height: 150%;
        color: var( --systemTextColor);
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    .desc-body1 p {
        font-family: 'Lato';
        font-style: normal;
        font-size: 14px;
        color: var( --bodyTextColor);
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

.desc-body-desc-activity {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0px;
    width: 100%;
    height: 44px;
}

.desc-follow-button-group {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 10px;
    height: 44px;
}

.desc-follow-button-follow {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 24px;
    gap: 8px;
    height: 44px;
    border-radius: 8px;
}

    .desc-follow-button-follow p {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 150%;
        color: var(--buttonTextColor);
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

.desc-follow-button-following {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 24px;
    gap: 8px;
    height: 44px;
    border-radius: 8px;
}

    .desc-follow-button-following p {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 150%;
        color: var(--buttonFilledTextColor);
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

.desc-social2 {
    display: flex;
    flex-direction: row;
    gap: 12px;
}

.social1 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
}

element.style {
}

.social1 a {
    width: 35px;
    padding: 2px 1px;
    display: flex;
    align-items: center;
    height: 35px;
    color: var(--systemTextColor);
}

.social1 img {
    cursor: pointer;
}

.detail-card-activity-ad-bg-color {
    background: var(--companySectionBackgroundColor);
}

.detail-card-activity-ad {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 80px 0px;
}

.detail-header-activity-ad {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 24px;
    width: 100%;
}

.detail-header-activity-details-ad {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    width: 388px;
    height: 434px;
    background: #FFFFFF;
    border: 1px solid #EDECEA;
    border-radius: 8px;
}

.detail-header-activity-ad-img {
    /*width: 100%;*/
    width: 388px;
    height: 235px;
}

    .detail-header-activity-ad-img img {
        width: 100%;
        height: 100%;
    }

.detail-header-activity-ad-desc {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 32px;
    gap: 40px;
    width: 388px;
    border-radius: 0px 0px 8px 8px;
}

.detail-header-activity-desc-body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 24px;
}

.detail-header-activity-desc-body-desc {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 8px;
}

    .detail-header-activity-desc-body-desc h2 {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 18px;
        line-height: 150%;
        color: var(--bodyTextColor);
    }

    .detail-header-activity-desc-body-desc b {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 140%;
        color: var(--bodyTextColor);
    }

.detail-header-activity-button-group {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 10px;
    height: 44px;
}

.detail-header-activity-button-follow {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 24px;
    gap: 8px;
    height: 44px;
    border-radius: 8px;
}

    .detail-header-activity-button-follow p {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 150%;
        color: var(--buttonTextColor);
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

/*footer {
    left: 0;
    top: 1600px;
    width: 100%;*/
/*height: 242px;*/
/*display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px;
    background: var(--footerBackgroundColor);
}*/

.footer-card {
    padding: 0px 120px;
}

.footer1 {
    width: 99%;
    height: 181px;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding: 40px 0px 50px;
    gap: 220px;
    border-bottom: 1px solid #E4E3E1;
}

.footer-desc {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 16px;
}

.footer-desc1 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
}

.footer-desc1-social {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    height: 91px;
}

.footer-desc1-social-bottom {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    height: 20px;
}

.footer-desc-header1 {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    height: 20px;
    letter-spacing: 0.05em;
    color: #FFFFFF;
}

.footer-desc2 {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    padding: 0px;
    gap: 30px;
}

.footer-desc-header2 {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 28px;
}

    .footer-desc-header2 a {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 140%;
        text-align: left;
        color: var(--footerNavigationColor);
        text-decoration: none;
    }

        .footer-desc-header2 a:hover {
            color: var(--footerNavigationHoverColor);
        }

.footer-desc-header2-dropdown {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 140%;
    text-align: left;
    color: #3B423D;
    text-decoration: none;
}

    .footer-desc-header2-dropdown:hover {
        background: var(--footerNavigationHighlightColor) !important;
        color: var(--footerNavigationHoverColor) !important;
    }

.footer-desc-body {
    /*padding-top: 20px;*/
    width: 100%;
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: var(--footerTextColor);
}

.footer-desc-body {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.footer2 {
    flex-direction: row;
    width: 99%;
    height: 60px;
    align-items: center;
    padding: 20px 0px;
}

.footer-desc-header3 {
    justify-content: space-between;
    height: 18px;
    font-size: 12px;
    color: var(--footerTextColor);
}

.footer-desc-header4 {
    display: flex;
    align-items: flex-end;
    justify-self: flex-end;
    gap: 30px;
}

.desc-social3 {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 4px;
    gap: 10px;
    width: 20px;
    height: 20px;
    background: var(--footerButtonBackgroundColor);
    /*border: 1px solid #EFEFF7;*/
    border-radius: 30px;
    border: none;
}

    .desc-social3 i {
        font-size: 13px;
        opacity: 0.6;
        border-radius: 40px;
        color: var(--footerIconColor);
        /*background: #DADADA;*/
    }

    .desc-social3 img {
        width: 20px;
        height: 20px;
    }

.social-desc {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 24px;
}

.desc-social4 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    background: #FFFFFF;
    border-radius: 30px;
    border: none;
}

    .desc-social4 i {
        font-size: 25px;
    }

.dropdown {
    position: relative;
    display: inline-block;
}

    .dropdown span {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 150%;
        color: #000000;
    }

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #FFFFFF;
    min-width: 300px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.category {
    display: flex;
    align-items: flex-start;
    width: 100%;
}

@media (min-width: 279px) and (max-width: 990px) {
    .detail-card-activity-ad {
        padding: 0px !important;
    }

    .detail-header-activity-ad {
        flex-direction: column !important;
        width: 100% !important;
        padding: 12px 0px !important;
    }

    .detail-header-activity-details-ad {
        width: 100% !important;
        height: 100% !important;
    }

    .detail-header-activity-ad-desc {
        width: 100% !important;
        height: 100% !important;
    }

    .detail-header-activity-ad-img {
        width: 100% !important;
        height: 100% !important;
    }

    .detail-web-card-activity-ad {
        padding: 12px 0px !important;
    }

    .detail-web-header-activity-ad {
        flex-direction: column !important;
        width: 100% !important;
        padding: 16px !important;
    }

    .detail-web-activity-ad-home-details {
        width: 100% !important;
        height: 100% !important;
        padding: 0px !important;
    }

    .detail-web-activity-ad-404-home-details {
        width: 100% !important;
        height: 100% !important;
        padding: 0px !important;
    }

    .detail-web-header-activity-ad-img {
        width: 100% !important;
        height: 100% !important;
    }
}

.detail-web-card-activity-ad-bg-color {
    background: var(--companySectionBackgroundColor );
}

.detail-web-card-activity-ad {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 80px 0px;
}

.detail-web-header-activity-ad {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 24px;
    width: 100%;
    background: #FFFFFF;
    border-radius: 8px;
}

.detail-web-activity-ad-home-details {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 60px 120px;
    gap: 24px;
    width: 50%;
}

.detail-web-activity-ad-404-home-details {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 60px 120px 60px 0px;
    gap: 24px;
    width: 50%;
}

.detail-web-header-activity-ad-home-details {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 24px;
}

.detail-web-header-activity-desc-body-desc {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 8px;
}

    .detail-web-header-activity-desc-body-desc h2 {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 28px;
        line-height: 150%;
        color: var(--systemTextColor);
    }

    .detail-web-header-activity-desc-body-desc b {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 140%;
        color: var(--bodyTextColor);
    }

.detail-web-header-activity-button-group {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 10px;
    height: 44px;
}

.detail-web-header-activity-button-follow {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 24px;
    gap: 8px;
    height: 44px;
    border-radius: 8px;
}

    .detail-web-header-activity-button-follow p {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 150%;
        color: #FFFFFF;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

.detail-web-header-activity-ad-img {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 18px 0px;
    width: 50%;
    height: 285px;
    border-radius: 8px;
}

    .detail-web-header-activity-ad-img img {
        width: 100%;
        height: 100%;
    }
/*-----------------------  Browser Specialties ---------------------------------*/
@media (min-width: 279px) and (max-width: 990px) {
    .category0 {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        gap: 24px;
        width: 100% !important;
    }

        .category0 div {
            gap: 10px !important;
        }

    .search-header02 {
        width: 100%;
        height: 100%;
        border-radius: 0.25rem;
        background: #FFFFFF !important;
    }

    .search-header03 input {
        width: 100% !important;
        height: 100% !important;
        border-top: 0;
        border-right: 0;
        border-bottom: 0;
        border-left: 0;
    }

    .card-flag1 {
        padding: 0px !important;
    }

    .detail-card01 {
        padding: 0px !important;
    }

    .desc-social0 {
        width: 44% !important;
        height: 50% !important;
        gap: 1px !important;
    }

    .desc-01 {
        width: 100% !important;
        height: 100% !important;
    }

    .desc0 {
        margin: 10px;
    }

    .bottom-border-1 {
        width: 100% !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .category-content0 {
        padding-bottom: 0px !important;
        padding-left: 25px !important;
        width: 100% !important;
        height: 100% !important;
    }

    .detail-browser-specialties-card {
        padding-bottom: 0px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        width: 100% !important;
        height: 100% !important;
    }

    .detail-sub-specialties-card {
        padding-bottom: 0px !important;
        padding-left: 25px !important;
        width: 100% !important;
        height: 100% !important;
    }
}

.category0 {
    display: flex;
    align-items: flex-start;
    width: 100%;
    --bs-gutter-x: 1rem;
    --bs-gutter-y: 0;
}

.bottom-border-1 {
    border-bottom: 1px solid #EFEFF7 !important;
}

.card-flag1 {
    padding: 0px 18px;
}

    .card-flag1 img {
        padding-right: 10px;
    }

.browse-bg-color {
    background: #FFFFFF;
}

.detail-card01 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
    padding: 20px 0px;
}

    .detail-card01 h2 {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 600;
        font-size: 28px;
        color: #1A202C;
    }

    .detail-card01 a {
        text-decoration: none;
        justify-content: end;
        align-items: center;
        padding: 8px 0px;
        gap: 8px;
        border-radius: 8px;
        font-size: 14px;
        color: #7B68EE;
    }

.search-header02 {
    border-radius: 0.50rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px 4px 0px 0px;
    background: #FFFFFF;
    gap: 24px;
}

.search-header03 {
    display: flex;
    align-items: center;
    padding: 0px;
    height: 45px;
    border: 1px solid #EFEFF7;
    border-radius: 8px;
}

    .search-header03 img {
        padding: 8px;
    }

    .search-header03 input {
        width: 860px;
        height: 38px;
        border-top: 0;
        border-right: 0;
        border-bottom: 0;
        border-left: 0;
    }

.social-desc0 {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 24px;
}

.desc-social04 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    background: #FFFFFF;
    border-radius: 30px;
    border: none;
}

    .desc-social04 i {
        font-size: 25px;
    }

.detail-card0 {
    display: flex;
    flex-direction: column;
    padding: 0px;
    align-items: center;
    padding: 20px 0px;
    align-items: center;
    background: #EFEFF7;
    border-radius: 8px;
}

.detail-header0 {
    display: flex;
    align-items: center;
    width: 99%;
    height: 10%;
}

.detail-header01 {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    width: 100%;
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 120%;
    color: #1A202C;
}

    .detail-header01 h2 {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 600;
        font-size: 28px;
        color: #1A202C;
    }

    .detail-header01 p {
        /*word-break: break-all;*/
        word-wrap: break-word;
        font-family: 'Lato';
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        color: var(--bodyTextColor);
        text-align: start;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

.detail-card0-header0 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 99%;
    height: 10%;
    padding: 20px 25px;
}

.detail-card0-header01 h2 {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 120%;
    color: #1A202C;
}

.detail-header02 {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px 0px;
    gap: 8px;
    border-radius: 8px;
}

.desc0 {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 24px;
    gap: 24px;
    background: #FFFFFF;
    border: 1px solid #EFEFF7;
    border-radius: 8px;
}

.desc-header0 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0px;
    gap: 24px;
    width: 96%;
    height: 50%;
}

.desc-img0 {
    box-sizing: border-box;
    left: 0%;
    right: 0%;
    top: 0%;
    bottom: 0%;
    height: 90px;
    width: 100px;
    border-radius: 6px;
}

    .desc-img0 img {
        height: 90px;
        width: 100px;
    }

.desc-social0 {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    padding: 0px;
    gap: 1px;
    width: 40%;
    height: 50%;
}

    .desc-social0 i {
        color: #6B7B9C;
        font-size: 20px;
        padding: 6px;
    }

    .desc-social0 img {
        color: #6B7B9C;
        font-size: 20px;
        cursor: pointer;
        padding: 6px;
    }


.desc-body0 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 1px;
    width: 100%;
    height: 70px;
}

    .desc-body0 h5 {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 600;
        font-size: 18px;
        line-height: 150%;
        color: #1A202C;
    }

    .desc-body0 p {
        font-family: 'Lato';
        font-style: normal;
        height: 40px;
        font-weight: 400;
        font-size: 12px;
        color: #6B7B9C;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }


.detail-browser-specialties-card {
    padding-bottom: 0px;
}

.detail-sub-specialties-card {
    padding-bottom: 0px;
}

.category-content0 {
    padding-bottom: 10px;
    padding-right: 0px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
}

.desc-01 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 22px;
    gap: 24px;
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #EFEFF7;
    border-radius: 8px;
}

.desc-social01 {
    align-items: flex-start;
    padding: 7px;
    width: 48px;
    height: 48px;
    background: #F8F8FC;
    border-radius: 8px;
    border: none;
}

    .desc-social01 i {
        color: #7B68EE;
        font-size: 25px;
    }

.desc-body01 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 8px;
    width: 100%;
    height: 105px;
}

    .desc-body01 b {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 600;
        font-size: 18px;
        line-height: 150%;
        color: var(--systemTextColor);
    }

    .desc-body01 p {
        font-family: 'Lato';
        font-style: normal;
        height: 40px;
        font-weight: 400;
        font-size: 14px;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        color: var(--bodyTextColor);
    }

.desc-social02 {
    display: flex;
    flex-direction: row;
    gap: 12px;
}

.social01 {
    display: flex;
    flex-direction: row;
    gap: 4px;
}

    .social01 img {
        cursor: pointer;
    }

.filter-button {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 10px 16px;
    gap: 12px;
    width: 183px;
    height: 44px;
    background: #FFFFFF;
    border: 1px solid #ddd;
    border-radius: 8px;
}

filter-button:focus {
    outline: 3px;
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
}

.filter-button01 {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 8px;
    width: 87px;
    height: 24px;
}

    .filter-button01 h5 {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 140%;
        color: #1A202C;
        text-align: center;
        margin-bottom: 0px;
        margin-top: 0px;
    }

.filter-button02 {
    margin: 0px !important
}
/*-----------------------  Browser Specialties - Subspecialties ---------------------------------*/
@media (min-width: 279px) and (max-width: 990px) {
    .category1 {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
        width: 100% !important;
    }

        .category1 div {
            gap: 10px !important;
        }

    .search-header02 {
        width: 100%;
        height: 100%;
        border-radius: 0.25rem;
        background: #FFFFFF !important;
    }

    .search-header03 input {
        width: 100% !important;
        height: 100% !important;
        border-top: 0;
        border-right: 0;
        border-bottom: 0;
        border-left: 0;
    }

    .card-flag1 {
        padding: 0px !important;
    }

    .detail-card01 {
        padding: 0px !important;
    }

    .desc-social0 {
        width: 44% !important;
        height: 50% !important;
        gap: 1px !important;
    }

    .desc-02 {
        width: 100% !important;
        height: 100% !important;
    }

    .desc-body02 {
        width: 90% !important;
        height: 100% !important;
    }

    .desc0 {
        margin: 10px;
    }

    .category-content1 {
        padding-bottom: 0px !important;
        width: 90% !important;
        height: 100% !important;
        margin-left: 30px !important;
    }

    .control-menu {
        justify-content: center !important;
        padding-left: 0px !important;
        padding-top: 10px !important;
        gap: 10px !important;
        width: 90% !important;
        height: 100% !important;
    }

    .log-control-menu {
        padding-left: 0px !important;
        justify-content: space-between !important;
    }
}

.search-specialties-header {
    border-radius: 0.50rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px 4px 0px 0px;
    background: #FFFFFF;
    gap: 24px;
}

.search-specialties-header01 {
    display: flex;
    align-items: center;
    padding: 0px;
    width: 100%;
    height: 45px;
    border: 1px solid #EFEFF7;
    border-radius: 8px;
}

    .search-specialties-header01 img {
        padding: 8px;
    }

    .search-specialties-header01 input {
        width: 860px;
        height: 38px;
        border-top: 0;
        border-right: 0;
        border-bottom: 0;
        border-left: 0;
    }


.category1 {
    display: flex;
    align-items: flex-start;
}

.category-content1 {
    margin: 0.5%;
    gap: 24px;
    width: 24%;
    /*height: 150px;*/
    height: 230px;
    background: #FFFFFF;
    border: 1px solid #EFEFF7;
    border-radius: 8px;
    padding-right: calc(var(--bs-gutter-x) * .0);
    padding-left: calc(var(--bs-gutter-x) * .0);
}

.desc-02 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: 16px;
    gap: 16px;
    align-self: stretch;
    border-radius: 8px;
}

.desc-body02 {
    width: 234px;
    height: 55px;
}

.desc-body02-description {
    width: 100%;
    height: 65px;
}

.desc-body02 b {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 150%;
    color: var(--systemTextColor);
    margin-bottom: 0px;
}

.desc-social12 {
    display: flex;
    flex-direction: row;
    gap: 12px;
}

.social11 {
    display: flex;
    flex-direction: row;
    gap: 4px;
}

    .social11 img {
        cursor: pointer;
    }

.subspecialties {
    display: flex;
    align-items: center;
    gap: 8px;
}

    .subspecialties h5 {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 140%;
        color: #6B7B9C;
    }


/*-----------------------  New Control-Menu  ---------------------------------*/
.control-menu {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    padding: 0px;
    gap: 10px;
}

    .control-menu h5 {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 140%;
        color: var(--bodyTextColor);
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

.control-menu01 {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    padding: 0px;
    gap: 5px;
    cursor: pointer;
}

.control-menu-social {
    width: 24px;
    height: 24px;
}

.control-menu-text {
    font-family: 'Lato';
    font-style: normal;
    align-items: center;
    font-weight: 700;
    font-size: 14px;
    line-height: 130%;
    color: #1A202C;
}

    .control-menu-text h5 {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 130%;
        color: var(--navigationCompanyTextColor) !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

.control-menu02 {
    width: 1px;
    height: 24px;
    opacity: 0.5;
}

.control-menu03 {
    width: 24px;
    height: 24px;
    cursor: pointer;
}

.control-menu04 {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    padding: 0px;
    gap: 8px;
    cursor: pointer;
}

.control-menu-social01 {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 7px;
    gap: 10px;
    width: 44px;
    height: 44px;
    background: #F8F8FC;
    border: 1px solid #EFEFF7;
    border-radius: 30px;
}

.control-menu-text01 {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 140%;
    color: #6B7B9C;
}

/*-----------------------  Search Page ---------------------------------*/


@media (min-width: 279px) and (max-width: 990px) {

    .Search-title-sec {
        width: 100% !important;
        padding: 0px;
    }

    .Search-title-sec1 {
        align-items: center !important;
        width: 100% !important;
        height: 100% !important;
    }

    .search-selector-header3 input {
        width: 100% !important;
        height: 100% !important;
        border-top: 0;
        border-right: 0;
        border-bottom: 0;
        border-left: 0;
    }

    .search-selector-header5 input {
        width: 100% !important;
        height: 100% !important;
        border-top: 0;
        border-right: 0;
        border-bottom: 0;
        border-left: 0;
    }

    .search-selector-header4 {
        width: 100%;
        height: 100%;
        border-radius: 0.25rem;
        background: #FFFFFF !important;
    }

    .search-categories-content-filter-popup {
        width: 100% !important;
        height: 100% !important;
    }

    .search-categories-content-field {
        width: 100% !important;
        height: 100% !important;
    }

    .search-desc-content {
        flex-direction: column;
        width: 100% !important;
        height: 100% !important;
        gap: 0px !important;
    }

    .search-desc-content-details {
        flex-direction: column;
        width: 100% !important;
        height: 100% !important;
        gap: 0px !important;
    }

    .subcategories-content {
        width: 100% !important;
        height: 100% !important;
    }

    .collapse-subfield {
        width: 100% !important;
        height: 100% !important;
    }

    .sidebar-content {
        width: 100% !important;
        height: 100% !important;
    }

    .collapse-subfieldcontent {
        flex-direction: column !important;
        width: 100% !important;
    }

    .search-desc-body {
        width: 100% !important;
    }
}

@media(max-width:480px) {

    .left-drp-resp {
        top: -83px !important;
    }

    .subscri_div .sticky-scrolling.systemSecondaryColorBackground h5 {
        font-size: 14px;
        line-height: 100%;
    }

    .subscri_div .sticky-scrolling.systemSecondaryColorBackground a {
        font-size: 12px;
        padding: 5px 15px;
    }
}

@media (max-width:767px) {
    #divRatingContainer {
        width: 100% !important;
    }

    .advanced-search-button-list-btn {
        max-width: 100vw;
        overflow-x: auto;
        overflow-y: hidden;
        height: auto;
    }

        .advanced-search-button-list-btn::-webkit-scrollbar {
            height: 5px;
        }

        .advanced-search-button-list-btn::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0);
        }



        .advanced-search-button-list-btn::-webkit-scrollbar-thumb:hover {
            background-color: #f1db9d;
        }

        .advanced-search-button-list-btn::-webkit-scrollbar:vertical {
            display: none;
        }
}

/*.common-details {
    height: 306px !important;
}*/

.search-content-details {
    background: #EFEFF7;
}

.search-content-details1 {
    background: #F8F8FC;
}

.Search-title-sec {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    width: 100%;
    opacity: 0.8;
}

.Search-title-sec1 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    width: 100%;
    height: 94px;
    margin: 50px 0px;
}

    .Search-title-sec1 h1 {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        line-height: 130%;
        text-transform: capitalize;
    }

    .Search-title-sec1 p {
        font-style: normal;
        line-height: 140%;
        text-align: center;
    }

/*------------navbar--------------*/
.search-categories-content-filter-popup {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 24px 16px;
    gap: 10px;
    width: 100%;
    height: 100%;
    background: #FFFFFF;
    border: 1px solid #EFEFF7;
    border-radius: 8px;
}

.search-categories-create-company {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 24px 16px;
    gap: 10px;
    max-height: 240px;
    overflow-y: scroll;
    background: #FFFFFF;
    border: 1px solid #EFEFF7;
    border-radius: 8px;
}

.subcategories-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    width: 100%;
}


.subcategories-content {
    width: 100%;
}

.subcategories-content-divider {
    width: 105%;
}

    .subcategories-content-divider img {
        width: 100%;
    }

.subcategories-content-divider-location {
    width: 100%;
}

    .subcategories-content-divider-location img {
        width: 100%;
    }

.search-selector-header4 {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
    height: 44px;
    border: 1px solid #EFEFF7;
    border-radius: 0.50rem;
    align-items: center;
    background: #FFFFFF;
}

.search-selector-header5 {
    display: flex;
    align-items: center;
    padding: 0px;
    width: 100%;
    height: 40px;
}

    .search-selector-header5 img {
        padding: 10px;
    }

    .search-selector-header5 input {
        width: 100%;
        height: 90%;
        padding: 0px 5px;
        border-top: 0;
        border-right: 0;
        border-bottom: 0;
        border-left: 0;
    }

.sorting-featured {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 10px 16px;
    gap: 12px;
    background: #FFFFFF;
    border: 1px solid #EFEFF7;
    border-radius: 8px;
}

.categories-sidebarcontent {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 5px;
    width: 100%;
}

    .categories-sidebarcontent button {
        justify-content: space-between;
        font-family: 'Lato';
        font-style: normal;
        font-weight: 500;
        font-size: 18px;
        color: #1A202C;
    }

.collapse-subfield a {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 140%;
    color: #7B68EE;
}

.collapse-subfieldcontent {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
    width: 100%;
}

.collapse-subfield1 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
    width: 100%;
}

.collapse-subcategories-subfield {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 5px 20px;
    gap: 5px;
    width: 100%;
}

    .collapse-subcategories-subfield p {
        margin-top: 0;
        margin-bottom: 1px;
        font-family: 'Lato';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
    }

.switch {
    position: relative;
    display: inline-block;
    width: 45px;
    height: 19px;
}

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

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 17px;
        width: 17px;
        left: 1px;
        bottom: 1px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

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

/*.dropdown {
    position: relative;
    display: inline-block;
}*/

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #FFFFFF;
    min-width: 185px;
    overflow: auto;
    border: 1px solid #ddd;
    z-index: 1;
    margin-top: 5px;
}

    .dropdown-content a {
        color: black;
        padding: 8px 8px;
        text-decoration: none;
        cursor: pointer;
    }

        .dropdown-content a:hover {
            background-color: var(--navigationHighlightColor);
        }

.dropdown a:hover {
    background-color: var(--navigationHighlightColor);
}

.dropdown-item-list-searched {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 16px;
}

    .dropdown-item-list-searched i {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 30px;
    }
/*------------field--------------*/
.search-categories-content-field {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    padding: 0px;
    gap: 16px;
    width: 60%;
    height: 100%;
    flex: none;
    order: 1;
    flex-grow: 0;
}

.search-selector {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
    height: 100%;
    border-radius: 8px;
}

.search-selector-main-frame {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 12px;
    width: 100%;
}

    .search-selector-main-frame a {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 600;
        font-size: 12px;
        line-height: 150%;
        text-align: center;
        color: #1A202C;
        text-decoration: none;
    }

.search-selector-frame-bloc {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 8px;
    width: 100%;
}

.search-selector-desc {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 8px;
    width: 98%;
}

.search-selector-bloc-desc {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 4px 7px 4px 12px;
    gap: 4px;
    background: var(--systemColorLight);
    border-radius: 8px;
}

.search-selector-bloc-subdesc {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 6px;
}

    .search-selector-bloc-subdesc p {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 140%;
        color: #1A202C;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }


.search-selector-pop-close {
    width: 12px;
    height: 12px;
}

    .search-selector-pop-close img {
        border: none;
        align-items: center;
        margin-bottom: 12px;
    }
/**/
#myInput1 {
    outline: none !important;
    box-sizing: border-box;
    background-repeat: no-repeat;
    font-size: 16px;
    width: 100%;
}

    #myinput1:focus {
        outline: none !important;
    }

.search-selector-header {
    display: flex;
    align-items: center;
    padding: 0px;
    width: 100%;
    height: 45px;
}

    .search-selector-header img {
        position: absolute;
        padding-left: 8px;
    }

    .search-selector-header input {
        width: 100%;
        height: 42px;
        border-top: 0;
        border-right: 0;
        border-bottom: 0;
        border-left: 0;
    }

.search-selector-header-categories {
    border-radius: 0.50rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px 4px 0px 0px;
    background: #FFFFFF;
}

.search-selector-header1-categories {
    display: flex;
    align-items: center;
    padding: 0px;
    width: 100%;
    height: 45px;
}

    .search-selector-header1-categories img {
        position: absolute;
        padding-left: 8px;
    }

    .search-selector-header1-categories input {
        width: 100%;
        height: 42px;
        border-top: 0;
        border-right: 0;
        border-bottom: 0;
        border-left: 0;
    }

.form-control-location {
    display: block;
    width: 44%;
    padding: 0.375rem 3.25rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--textboxTextColor);
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid var(--searchBorderColor);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.form-control-search {
    display: block;
    width: 44%;
    padding: 0.375rem 3.25rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--textboxTextColor);
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid var(--searchBorderColor);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.location-selector-header {
    display: flex;
    align-items: center;
    padding: 0px;
    width: 100%;
    height: 45px;
    border: 1px solid #EFEFF7;
    border-radius: 4px;
}

    .location-selector-header img {
        position: absolute;
        padding-left: 8px;
    }

    .location-selector-header input {
        width: 100%;
        height: 43px;
        border-top: 0;
        border-right: 0;
        border-bottom: 0;
        border-left: 0;
    }

.search-filter-button {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 10px 16px;
    gap: 12px;
    width: 219px;
    height: 44px;
    background: #FFFFFF;
    border: 1px solid #EFEFF7;
    border-radius: 8px;
}

.search-filter-button01 {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 8px;
    width: 157px;
    height: 24px;
}

    .search-filter-button01 img {
        padding-right: 0px;
    }

    .search-filter-button01 h5 {
        width: 125px;
        height: 20px;
        font-family: 'Lato';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 140%;
        color: #1A202C;
        text-align: center;
        margin-bottom: 0px;
    }

.search-filter-button02 {
    width: 18px;
    height: 18px;
}

    .search-filter-button02 img {
        padding-bottom: 10px;
    }

.search-details {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px;
    gap: 24px;
    width: 100%;
}

.search-details-list {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.search-desc {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 24px;
    gap: 24px;
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #EFEFF7;
    border-radius: 8px;
}

.search-desc-content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0px;
    gap: 20px;
    width: 100%;
    height: 50%;
    margin-top: 15px;
}

.search-desc-content-details {
    display: flex;
    align-items: flex-start;
    padding: 0px;
    gap: 20px;
    width: 100%;
    height: 50%;
}

.search-desc-img {
    box-sizing: border-box;
    left: 0%;
    right: 0%;
    top: 0%;
    bottom: 0%;
    background-color: #fff;
    border: 1px solid #EBEDF5;
    border-radius: 6px;
    width: 200px;
    height: 200px;
}

.search-desc-img-top {
    width: 140px;
    height: 140px;
    border-radius: 6px;
    border: 1px solid var(--imageBorderColor);
}

.search-desc-body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 8px 0px;
    gap: 8px;
    /*width: 100%;*/
    width: 58%;
}

    .search-desc-body .h5 {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 600;
        font-size: 20px;
        line-height: 150%;
        color: #1A202C;
        margin-bottom: 0rem;
    }

    .search-desc-body p {
        font-size: 13px;
        color: var(--bodyTextColor);
        margin-bottom: 0rem;
    }

.search-desc-body-details {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 8px 0px;
    gap: 8px;
    width: 100%;
}

    .search-desc-body-details h5 {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 600;
        font-size: 20px;
        line-height: 150%;
        color: #1A202C;
        margin-bottom: 0rem;
    }

    .search-desc-body-details p {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 140%;
        color: var(--bodyTextColor);
        margin-bottom: 0rem;
    }

    .search-desc-body-details b {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 140%;
        color: var(--bodyTextColor);
        margin-bottom: 0rem;
    }

.search-desc-social {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 1px;
    width: 100%;
}

    .search-desc-social i {
        color: #6B7B9C;
        font-size: 20px;
        padding: 6px;
    }

    .search-desc-social img {
        color: #6B7B9C;
        font-size: 20px;
        cursor: pointer;
        padding: 6px;
    }

    .search-desc-social span {
        align-items: center;
        font-family: 'Lato';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 140%;
        color: #5E4CCC;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

.search-btn-load {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 8px 0px;
    gap: 8px;
    border-radius: 8px;
}

    .search-btn-load button {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 140%;
    }

.cursorPointer {
    cursor: pointer;
}


.inline {
    width: 100%;
    margin: auto;
}

.input-icons {
    width: 100%;
}

.icon {
    padding-top: 25px;
    padding-left: 15px;
    min-width: 40px;
}

.input-icons i {
    position: absolute;
}

.input-icons i {
    font-weight: 500;
    font-family: 'Lato';
    font-style: normal;
}

.categorySearch .input-icon-search i {
    padding-top: 0px !important;
}

.input-icon-search i {
    padding-top: 8px;
    padding-left: 15px;
    font-weight: 600;
}

.input-field {
    width: 100%;
    padding: 10px 16px 10px 45px;
    text-align: start;
    margin-bottom: 3px;
    border-radius: 0.5rem;
}

.input-field-search {
    width: 100%;
    padding: 5px 16px 5px 5px;
    text-align: start;
    margin-bottom: 3px;
    border-radius: 0.5rem;
}

#myInput {
    box-sizing: border-box;
    background-repeat: no-repeat;
    font-size: 16px;
    margin-top: 10px;
    width: 100%;
    border: 1px solid var(--searchBorderColor);
}

    #myInput:focus {
        outline: none !important;
    }

#locationSearch:focus {
    outline: none !important;
}

#selectorSearch:focus {
    outline: none !important;
}

#buttonbtn:focus {
    outline: none !important;
}

.btn1-check:focus + .btn1, .btn1:focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 1%);
    background-color: white;
}

.btn1-toggle {
    background-color: white;
}

.btn1 {
    background-color: white;
}

.btn2-check:focus + .btn2, .btn2:focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
    background-color: white;
}

.btn2-toggle {
    background-color: white;
    border: none;
    border-radius: 0.5rem;
    height: 40px;
}

/*--------------------------------user-profile-popup-details-------------------------------------*/
@media (min-width: 279px) and (max-width: 990px) {
    .detail-profile {
        margin-left: 0px !important;
        width: 100% !important;
        height: 100% !important;
    }

    .detail-profile-header0 {
        width: 100% !important;
        height: 100% !important;
    }

    .bloc-desc {
        width: 100% !important;
        height: 100% !important;
    }

    .actionbloc {
        width: 100% !important;
        height: 100% !important;
    }

    .social-desc123 {
        width: 100% !important;
        height: 100% !important;
    }

    .profile-category-content {
        display: flex;
        flex-direction: column;
        width: 100% !important;
        height: 100% !important;
    }

    .profile-categories-content-filter {
        width: 100% !important;
        height: 100% !important;
    }

    .detail-profile-header {
        flex-direction: column;
        width: 100% !important;
    }

    .profile-category-pop {
        width: 100%;
    }

    .raing_ap {
        width: 100% !important;
    }

    .profile-category-content-pop {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 22px;
        width: 100% !important;
        height: 100% !important;
    }

    .detail-profile-list-pop {
        align-items: center !important;
        flex-direction: column !important;
    }

    .detail-profile-subheader-pop {
        width: 100% !important;
        height: 100% !important;
    }

    .profile-categories-content-filter-list-pop {
        gap: 25px !important;
        width: 100% !important;
        height: 100% !important;
    }

    .actionbloc-pop {
        width: 99% !important;
        height: 100% !important;
        height: 100% !important;
        padding: 0px !important;
        margin-top: 0px !important;
    }

    .profile-categories-content-pop {
        gap: 25px !important;
        /*width: 100% !important;*/
        height: 100% !important;
    }

    .bloc-desc-pop {
        width: 100% !important;
        height: 100% !important;
    }
}

.detail-profile-pop {
    display: flex;
    flex-direction: column;
    width: 1026px;
    height: 700px;
    padding: 0px;
    align-items: center;
    padding: 20px 0px;
    align-items: center;
    border-radius: 8px;
    margin-left: 320px;
}

.detail-profile-pop-header0 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 99%;
    height: 40px;
    padding: 0px 25px;
    border-bottom: 1px solid #F7E7DE;
}

.detail-profile-pop-header01 {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 120%;
    color: #1A202C;
}

    .detail-profile-pop-header01 button {
        background-color: white;
        border: none;
        align-items: center;
        margin-bottom: 5px;
    }

.social-profile-pop {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 24px;
}

    .social-profile-pop p {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 140%;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

.bloc-desc-pop {
    display: flex;
    flex-direction: column;
    /*width: 1024px;*/
    /*height: 460px;*/
    align-items: center;
    padding: 0px;
    align-items: center;
    border-radius: 8px;
    /*overflow-y: scroll;*/
}

.bloc-desc1-pop {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    padding: 0px;
    align-items: center;
    border-radius: 8px;
}

.detail-profile-divider-pop {
    width: 100%;
}

.detail-profile-divider img {
    width: 105%;
}

.actionbloc-pop {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 99%;
    height: 45px;
    padding: 0px 25px;
    margin-top: 5px;
}

.actionbloc-desc-pop {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

    .actionbloc-desc-pop img {
        width: 45px;
        height: 45px;
        box-sizing: border-box;
        left: 1.02%;
        right: 85.76%;
        mix-blend-mode: normal;
        border: 1px solid rgba(62, 70, 26, 0.15);
        border-radius: 6px;
    }

    .actionbloc-desc-pop h2 {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 500;
        font-size: 24px;
        line-height: 150%;
        color: #1A202C;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

.actionbloc-pop-button {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 24px;
    border: none;
}

.actionbloc-pop-button1 {
    background: #F8F8FC;
    border-radius: 8px;
    width: 72px;
    height: 44px;
    border: none;
}

.profile-categories-content-filter-pop {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 24px 16px;
    gap: 10px;
    width: 40%;
    height: 100%;
    background: #FFFFFF;
    border: 1px solid #EFEFF7;
    border-radius: 8px;
}

.detail-profile-header-profile-header-desc-pop {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 16px 24px;
    gap: 24px;
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #EFEFF7;
    border-radius: 8px;
}

.detail-profile-header-profile-header-sub-desc-pop {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 24px;
    width: 100%;
}

.detail-profile-header-pop {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 99%;
    height: 10%;
    padding-left: 2px;
    padding-right: 5px;
}

.detail-profile-header1-pop {
    width: 80%;
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 120%;
    color: #1A202C;
}

    .detail-profile-header1-pop h4 {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 600;
        font-size: 22px;
        line-height: 150%;
        color: #1A202C;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    .detail-profile-header1-pop p {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 140%;
        color: #6B7B9C;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

.detail-profile-header2-pop {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px 0px;
    gap: 8px;
    border-radius: 8px;
}

    .detail-profile-header2-pop a {
        text-decoration: none !important;
    }

.social-desc123-pop {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 99%;
    height: 68px;
    padding: 20px 25px;
}

.desc-social5-pop {
    display: flex;
    flex-direction: row;
    width: 48px;
    height: 48px;
    background: #FFFFFF;
    border-radius: 30px;
    border: none;
    gap: 20px;
    align-items: center;
}

    .desc-social5-pop i {
        font-size: 25px;
    }

    .desc-social5-pop p {
        margin-bottom: 0rem !important;
    }

        .desc-social5-pop p span {
            font-family: 'Lato';
            font-style: normal;
            font-weight: 700;
            font-size: 14px;
            line-height: 140%;
        }


.profile-category-pop {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 24px;
}

.profile-category-content-pop {
    /*  display: flex;
    align-items: flex-start;
    gap: 24px;*/
    width: 100%;
    height: 100%;
}


.profile-categories-content-filter1-pop {
    padding: 24px 24px 16px;
    gap: 10px;
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #EFEFF7;
    border-radius: 8px;
}

.profile-categories-content-employees-pop {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px;
    width: 100%;
    gap: 24px;
}

.detail-profile-header-desc-body-pop {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
    width: 100%;
}

.profile-categories-content-location-filter1-pop {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    width: 100%;
    gap: 16px;
}

.categories-content-profile-pop {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    /*padding: 24px;*/
    gap: 16px;
    border-radius: 8px;
}

    .categories-content-profile-pop h4 {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 18px;
        line-height: 150%;
        color: #1A202C;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

.categories-content-profile-pop {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #EFEFF7;
    border-radius: 8px;
}

.subcategories-content-pop {
    width: 100%;
}

.subcategories-content-profile-pop {
    padding: 24px;
    gap: 16px;
}

.categories-profile-sidebarcontent-pop {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 5px;
    width: 100%;
}

.actionbloc-desc1-pop {
    display: flex;
    flex-direction: row;
    align-items: start;
    gap: 10px;
}

.profile-content-divider-pop img {
    width: 100%;
}

.profile-footer-pop {
    display: flex;
    align-items: flex-end;
    justify-self: flex-end;
    gap: 13px;
    width: 100%;
}

.profile-categories-content-pop {
    display: flex;
    width: 64%;
    max-width: 100%;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 24px;
}

.detail-profile-list-pop {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 2%;
    width: 100%;
}

.detail-profile-subheader-pop {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
    width: 49%;
}

.detail-profile-subheader-image-pop {
    width: 100%;
    height: 184px;
    float: left;
    position: relative;
}

    .detail-profile-subheader-image-pop img {
        position: absolute;
        width: 100%;
        height: 180px;
        background: #EBEDF5;
        border-radius: 8px;
    }

.detail-profile-card-details-collection-subdesc {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    padding: 1px 8px 3px;
    gap: 10px;
    position: absolute;
    top: 0;
    right: 0;
    background: var(--systemColorLight);
    border-radius: 8px;
    margin-top: 20px;
    z-index: 1;
    margin-right: 10px;
}

    .detail-profile-card-details-collection-subdesc p {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 12px;
        line-height: 150%;
        color: #1A202C;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }


.detail-profile-subheader-desc-pop {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 4px;
    width: 100%;
}

    .detail-profile-subheader-desc-pop b {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 15px;
        line-height: 150%;
        color: #1A202C;
    }

    .detail-profile-subheader-desc-pop p {
        font-weight: 400;
        font-size: 14px;
        line-height: 140%;
        color: #6B7B9C;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    .detail-profile-subheader-desc-pop a {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 140%;
        text-decoration-line: underline;
        color: #1A202C;
    }


.carousel-slide-pop {
    width: 100%;
}

.profile-desc-pop {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 16px;
    background: #FFFFFF;
    border: 1px solid #EFEFF7;
    border-radius: 8px;
}

.profile-desc-header-pop {
    display: flex;
    align-items: flex-start;
    padding: 0px;
    gap: 8px;
    width: 100%;
    height: 50%;
}

.profile-desc-img-pop {
    box-sizing: border-box;
    left: 0%;
    right: 0%;
    top: 0%;
    bottom: 0%;
    height: 90px;
    width: 100px;
    border-radius: 6px;
}

    .profile-desc-img-pop img {
        height: 90px;
        width: 100px;
    }

.profile-desc-social-pop {
    display: flex;
    flex-direction: row;
    gap: 8px;
    width: 48%;
    height: 50%;
}

.profile-profile-desc-social-pop i {
    color: #6B7B9C;
    font-size: 20px;
    padding: 6px;
}

.profile-desc-social img {
    color: #6B7B9C;
    font-size: 20px;
    cursor: pointer;
    padding: 6px;
}

.profile-desc-body-pop h5 {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 150%;
    color: #1A202C;
}

.profile-desc-body-pop p {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #6B7B9C;
}

.profile-detail-card-pop {
    display: flex;
    flex-direction: column;
    top: 455px;
    padding: 0px;
    align-items: center;
    gap: 40px;
    align-items: center;
    border-radius: 8px;
}

    .profile-detail-card-pop h1 {
        font-size: 28px;
        font-family: 'Lato';
        font-style: normal;
        font-weight: 600;
    }

.user-profile-details-pop-list {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 24px;
}

    .user-profile-details-pop-list h2 {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 600;
        font-size: 22px;
        line-height: 150%;
        color: #000000;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }


.user-profile-details-pop-list-about {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 16px;
}

.profile-content-divider-pop {
    width: 100%;
}

    .profile-content-divider-pop hr {
        color: #E4E3E1;
    }

.profile-categories-content-filter1-pop-desc {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px;
    gap: 16px;
}

.profile-categories-content-overview-desc-pop {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
    width: 100%;
}

    .profile-categories-content-overview-desc-pop h2 {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 600;
        font-size: 22px;
        line-height: 150%;
        color: #1A202C;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    .profile-categories-content-overview-desc-pop p {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 140%;
        color: #6B7B9C;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

.profile-categories-content-overview-desc-pop-details {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: #3B423D;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.actionbloc-desc2-pop img {
    width: 100%;
}

.profile-categories-content-filter-list-pop {
    align-items: flex-start;
    gap: 24px;
    /* width: 35%;*/
    height: 100%;
}

.profile-categories-content-list-pop {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    width: 100%;
}

.actionbloc-button1-pop {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 8px;
    gap: 10px;
    width: 40px;
    height: 40px;
    background: #F8F8FC;
    border-radius: 8px;
    border: none;
}

.actionbloc-button1-pop-data {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 4px;
    width: 100%;
}

    .actionbloc-button1-pop-data b {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 15px;
        line-height: 150%;
        color: var(--systemTextColor);
    }

    .actionbloc-button1-pop-data p {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 140%;
        color: var(--bodyTextColor);
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

.actionbloc-button1-pop-locations-details {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 8px;
    width: 100%;
}

    .actionbloc-button1-pop-locations-details b {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 15px;
        line-height: 150%;
        color: #1A202C;
    }

    .actionbloc-button1-pop-locations-details p {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 140%;
        color: #6B7B9C;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

/*----------------------------------------------------- user-profile-details ----------------------------------------------------------------*/
@media (min-width: 279px) and (max-width: 990px) {

    .bloc-desc {
        width: 100% !important;
        height: 100% !important;
    }

    .actionbloc {
        width: 100% !important;
        height: 100% !important;
    }

    .social-desc123 {
        width: 100% !important;
        height: 100% !important;
    }

    .profile-category-content {
        display: flex;
        flex-direction: column;
        width: 100% !important;
        height: 100% !important;
    }

    .profile-categories-content-filter {
        width: 100% !important;
        height: 100% !important;
    }

    .card-flag2 {
        padding: 0px !important;
        gap: 10px;
    }

    .detail-profile-subheader {
        align-items: center !important;
    }

    .profile-footer {
        gap: 25px !important;
    }

    .profile-categories-content-filter1 {
        width: 100% !important;
    }

    .profile-categories-content-filter1-location-data {
        width: 100% !important;
    }

    .detail-profile-header {
        width: 100% !important;
    }

    .user-profile-actionbloc-desc {
        flex-direction: column !important;
    }

    .detail-profile {
        margin-left: 0px !important;
    }

    .profile-category-content {
        display: flex;
        flex-direction: column;
        width: 100% !important;
        height: 100% !important;
    }

    .profile-categories-content-filter-list {
        gap: 25px !important;
        width: 100% !important;
        height: 100% !important;
    }

    .detail-profile {
        margin-left: 0px !important;
        width: 100% !important;
        height: 100% !important;
    }

    .detail-profile-header0 {
        width: 100% !important;
        height: 100% !important;
    }

    .profile-bloc-desc {
        width: 100% !important;
        height: 100% !important;
    }

    .profile-actionbloc {
        width: 100% !important;
        height: 100% !important;
    }

    .profile-social-desc123 {
        width: 100% !important;
        height: 100% !important;
    }

    .profile-category-content {
        display: flex;
        flex-direction: column;
        width: 100% !important;
        height: 100% !important;
    }

    .profile-categories-content-filter {
        width: 100% !important;
        height: 100% !important;
    }

    .profile-card-flag2 {
        padding: 0px !important;
        gap: 10px;
    }

    .user-profile-bloc {
        display: flex;
        flex-direction: row;
        position: relative !important;
        width: 100% !important;
        height: 120px !important;
        justify-content: flex-start;
        gap: 5px !important;
        left: 0px !important;
        top: 0px !important;
    }

    .user-profile-bloc-sec {
        position: absolute;
        width: 29% !important;
        height: 95% !important;
        left: 0px !important;
        top: 0px !important;
        left: 0px !important;
        top: 4px !important;
    }

    .user-profile-bloc-desc {
        flex-direction: row;
        width: 50% !important;
        height: 95% !important;
        left: 180px !important;
        top: 0px !important;
    }

    .user-profile-bloc-subdesc {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 1px 8px 3px;
        gap: 10px;
        width: 100% !important;
        height: 100% !important;
        background: rgba(255, 255, 255, 0.8);
        border-radius: 8px;
    }
}

.profile-footer {
    gap: 25px !important;
}

.user-profile-action-sub-bloc-button {
    flex-direction: column !important;
    align-items: center;
    gap: 10px !important;
}

.profile-categories-content {
    width: 100% !important;
    height: 100% !important;
}

.profile-actionbloc-desc1 {
    gap: 10px !important;
}

.profile-location-desc1 {
    flex-direction: column !important;
    gap: 10px !important;
}

.user-profile-actionbloc-button-done-head {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.user-profile-actionbloc-button-like {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
}

.user-profile-actionbloc-button-list {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
}

.user-profile-actionbloc-button-follow {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
}

.user-profile-actionbloc-button1 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
}

.profile-action-bloc-desc {
    flex-direction: column !important;
    gap: 10px !important;
}

.profile-actionbloc-desc3 {
    padding: 0px !important;
}

.detail-profile-list {
    align-items: center !important;
    flex-direction: column !important;
}

.profile-card-flag2 {
    padding: 0px 120px;
    padding-bottom: 10px;
}

.detail-profile {
    display: flex;
    flex-direction: column;
    width: 1026px;
    height: 700px;
    padding: 0px;
    align-items: center;
    padding: 20px 0px;
    align-items: center;
    border-radius: 8px;
    margin-left: 320px;
}

.detail-profile-header0 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 99%;
    height: 40px;
    padding: 0px 25px;
}

.detail-profile-header01 {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 120%;
    color: #1A202C;
}

.social-profile {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 24px;
}

.profile-bloc-desc {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 600px;
    align-items: center;
    padding: 0px;
    align-items: center;
    border-radius: 8px;
    overflow-y: scroll;
}

.profile-bloc-desc1 {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    padding: 0px;
    align-items: center;
    border-radius: 8px;
}

.detail-profile-divider {
    width: 100%;
}

    .detail-profile-divider img {
        width: 105%;
    }

.profile-actionbloc {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 99%;
    height: 45px;
    padding: 0px 25px;
}

.profile-actionbloc-desc {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

    .profile-actionbloc-desc img {
        width: 45px;
        height: 45px;
    }

    .profile-actionbloc-desc h3 {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 500;
        font-size: 24px;
        line-height: 150%;
        color: #1A202C;
    }

.profile-actionbloc-button {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 24px;
    border: none;
}

.profile-categories-content-filter {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 24px 16px;
    gap: 10px;
    width: 40%;
    height: 100%;
    background: #FFFFFF;
    border: 1px solid #EFEFF7;
    border-radius: 8px;
}


.profile-social-desc123 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 99%;
    height: 40px;
    padding: 20px 25px;
}

.profile-desc-social5 {
    display: flex;
    flex-direction: row;
    width: 48px;
    height: 48px;
    background: #FFFFFF;
    border-radius: 30px;
    color: #7B68EE;
    border: none;
    gap: 20px;
}

    .profile-desc-social5 i {
        font-size: 25px;
    }


.profile-category {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 24px 0px 0px;
    gap: 80px;
    width: 100%;
    height: 100%;
}

.profile-category-content {
    display: flex;
    align-items: flex-start;
    gap: 22px;
    width: 100%;
    height: 100%;
}


.profile-categories-content-overview-filter {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px;
    gap: 16px;
}

.profile-categories-content-overview-desc {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
}

    .profile-categories-content-overview-desc h3 {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 600;
        font-size: 22px;
        line-height: 150%;
        color: #1A202C;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

.profile-categories-content-employees {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px;
    width: 100%;
    gap: 24px;
}

.profile-categories-content-employees-desc {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
}

.profile-detail-card-insights {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 24px;
    background: #FFFFFF;
    border: 1px solid #EFEFF7;
    border-radius: 8px;
    width: 100%;
}

.categories-content-profile-insights {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0px;
    gap: 27px;
}

.categories-content-profile {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    padding: 24px;
    gap: 16px;
    border-radius: 8px;
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #EFEFF7;
    border-radius: 8px;
}

.subcategories-content-profile {
    padding: 24px;
    gap: 16px;
}

.categories-profile-sidebarcontent {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 5px;
    width: 100%;
}

    .categories-profile-sidebarcontent button {
        justify-content: space-between;
        height: 35px;
        font-family: 'Lato';
        font-style: normal;
        font-weight: 500;
        font-size: 18px;
        line-height: 130%;
        color: #1A202C;
    }

.profile-actionbloc-about {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
}

.profile-action-bloc-desc {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 8px;
    width: 100%;
}

.profile-actionbloc-desc1 {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    align-items: center;
    gap: 16px;
    width: 100%;
}

.profile-location-desc1 {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    align-items: center;
    gap: 16px;
    width: 100%;
}

.profile-categories-content-location-filter {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    width: 100%;
    gap: 16px;
}

.profile-location {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 16px;
    gap: 10px;
    width: 100%;
    height: 117px;
    background: #FFFFFF;
    border: 1px solid #EFEFF7;
    border-radius: 8px;
}

.profile-sub-location {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 16px;
}

.profile-actionbloc-location {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 8px;
}

    .profile-actionbloc-location b {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 15px;
        line-height: 150%;
        color: #1A202C;
    }

    .profile-actionbloc-location p {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 140%;
        color: #6B7B9C;
    }

.profile-actionbloc-button1 {
    border-radius: 8px;
    border: none;
}

.profile-actionbloc-about-desc {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 4px;
}

    .profile-actionbloc-about-desc b {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 12px;
        line-height: 150%;
        color: #1A202C;
    }

    .profile-actionbloc-about-desc p {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 140%;
        color: #6B7B9C;
    }

.profile-actionbloc-desc3 {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px 0px 0px 50px;
}

.profile-content-divider img {
    width: 100%;
}

.profile-contact-employees {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

.profile-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: none;
    background: #FFFFFF;
}

    .profile-avatar img {
        vertical-align: middle;
        border-radius: 50%;
    }

.profile-avatar-add {
    vertical-align: middle;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #F8F8FC;
    border: none;
}

    .profile-avatar-add p {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 12px;
        line-height: 150%;
        color: #6B7B9C;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

.profile-avatar-add {
    vertical-align: middle;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #F8F8FC;
    border: none;
}

.detail-profile-list {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 6px;
}

.profile-avatar1-add {
    width: 67px;
    height: 67px;
    border-radius: 50%;
    border: none;
    background: #FFFFFF;
    padding: 0px;
}

    .profile-avatar1-add img {
        vertical-align: middle;
        width: 67px;
        height: 67px;
        border-radius: 50%;
    }

.profile-avatar2-add {
    vertical-align: middle;
    width: 67px;
    height: 67px;
    border-radius: 50%;
    background: #F8F8FC;
    border: none;
}

    .profile-avatar2-add p {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 22px;
        line-height: 150%;
        color: #6B7B9C;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

.profile-footer {
    display: flex;
    align-items: flex-end;
    justify-self: flex-end;
    gap: 30px;
}

.profile-categories-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 24px;
}

.user-profile-content-details {
    background: #F8F8FC;
}

.profile-text-center {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px;
    gap: 32px;
    width: 100%;
    height: 100%;
    left: 120px;
    top: 60px;
}

.user-profile-sec {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    width: 100%;
    opacity: 0.8;
}

.user-profile-sec1 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    width: 100%;
    height: 94px;
    margin: 50px 0px;
}

.user-profile-details {
    background: #FFFFFF;
    border-radius: 0px 0px 8px 8px;
}

.user-profile-bloc {
    position: absolute;
    width: 393px;
    height: 156.82px;
    left: 40px;
    top: 180.11px;
}

.user-profile-bloc-sec {
    position: absolute;
    width: 115px;
    height: 114.82px;
    left: 40px;
    top: 93.11px;
    left: 30.17%;
    top: 45.77%;
    background-color: #FFFFFF;
    border-radius: 16px;
}

    .user-profile-bloc-sec img {
        position: absolute;
        left: 6.33%;
        right: 83.33%;
        top: 6.46%;
        bottom: 15.56%;
        background: #FFFFFF;
        border-radius: 16px;
    }

.user-profile-bloc-desc {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 0px;
    gap: 6px;
    position: absolute;
    width: 350px;
    height: 76px;
    left: 267px;
    top: 90px;
}

    .user-profile-bloc-desc h3 {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 500;
        font-size: 32px;
        line-height: 120%;
        color: #FFFFFF;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

.user-profile-bloc-subdesc {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 1px 8px 3px;
    gap: 10px;
    width: 190px;
    height: 22px;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 8px;
}

    .user-profile-bloc-subdesc p {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 12px;
        line-height: 150%;
        color: #1A202C;
        margin: 0px;
    }


.profile-categories-content-filter-list {
    align-items: flex-start;
    gap: 24px;
    width: 394px;
    /*width: 35%;*/
    height: 100%;
}

.detail-profile-subheader {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
    width: 218.67px;
    height: 380px;
}

.detail-profile-subheader-image {
    width: 210.67px;
    height: 184px;
}

    .detail-profile-subheader-image img {
        position: absolute;
        width: 210.67px;
        height: 180px;
        background: #EBEDF5;
        border-radius: 8px;
    }

    .detail-profile-subheader-image label {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 1px 8px 3px;
        gap: 10px;
        position: absolute;
        width: 114.33px;
        height: 22px;
        left: 102.3px;
        top: 12px;
        background: rgba(255, 255, 255, 0.8);
        border-radius: 8px;
    }

        .detail-profile-subheader-image label h5 {
            font-family: 'Lato';
            font-style: normal;
            font-weight: 700;
            font-size: 12px;
            line-height: 150%;
            color: #1A202C;
        }

.detail-profile-subheader-desc {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 4px;
    width: 218.67px;
    height: 164px;
}

    .detail-profile-subheader-desc b {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 15px;
        line-height: 150%;
        color: #1A202C;
    }

    .detail-profile-subheader-desc p {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 140%;
        color: #6B7B9C;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    .detail-profile-subheader-desc a {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 140%;
        text-decoration-line: underline;
        color: #1A202C;
    }

.detail-profile-subheader-frame {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 8px;
    width: 228.67px;
    height: 160px;
}

.detail-profile-subheader-label {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 1px 8px 3px;
    gap: 10px;
    width: 49px;
    height: 22px;
    background: var(--systemColorLight);
    border-radius: 8px;
}

    .detail-profile-subheader-label label {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 12px;
        line-height: 150%;
        color: #1A202C;
    }

.detail-profile-subheader-label1 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 1px 8px 3px;
    gap: 10px;
    width: 80px;
    height: 22px;
    background: var(--systemColorLight);
    border-radius: 8px;
}

    .detail-profile-subheader-label1 i {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 12px;
        line-height: 150%;
        color: #1A202C;
    }

.detail-profile-subheader-desc1 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 4px;
    width: 228px;
    height: 120px;
}

    .detail-profile-subheader-desc1 b {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 15px;
        line-height: 150%;
        color: #1A202C;
    }

    .detail-profile-subheader-desc1 p {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 140%;
        color: #6B7B9C;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    .detail-profile-subheader-desc1 a {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 140%;
        text-decoration-line: underline;
        color: #1A202C;
    }

    .detail-profile-subheader-desc1 h5 {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 150%;
        color: #6B7B9C;
    }

.profile-detail-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 99%;
    height: 10%;
    padding-top: 20px;
    padding-left: 2px;
    padding-right: 5px;
}

.profile-detail-header1 {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 120%;
    color: #1A202C;
}

.profile-detail-header2 {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px 0px;
    gap: 8px;
    border-radius: 8px;
}

.profile-desc {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 24px;
    gap: 24px;
    background: #FFFFFF;
    border: 1px solid #EFEFF7;
    border-radius: 8px;
}

.profile-desc-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0px;
    gap: 24px;
    width: 100%;
    height: 50%;
}

.profile-desc-img {
    box-sizing: border-box;
    left: 0%;
    right: 0%;
    top: 0%;
    bottom: 0%;
    height: 90px;
    width: 100px;
    border-radius: 6px;
}

    .profile-desc-img img {
        height: 90px;
        width: 100px;
    }

.profile-desc-social {
    display: flex;
    flex-direction: row;
    gap: 1px;
    width: 40%;
    height: 50%;
}

.profile-profile-desc-social i {
    color: #6B7B9C;
    font-size: 20px;
    padding: 6px;
}

.profile-desc-social img {
    color: #6B7B9C;
    font-size: 20px;
    cursor: pointer;
    padding: 6px;
}

.profile-desc-body h5 {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 150%;
    color: #1A202C;
}

.profile-desc-body p {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #6B7B9C;
}

.profile-categories-content-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 24px;
}


.card-flag2 {
    padding: 0px 120px;
    padding-bottom: 10px;
}

.detail-profile {
    display: flex;
    flex-direction: column width: 1026px;
    height: 700px;
    padding: 0px;
    align-items: center;
    padding: 20px 0px;
    align-items: center;
    border-radius: 8px;
    margin-left: 320px;
}

.detail-profile-header0 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 99%;
    height: 40px;
    padding: 0px 25px;
}

.detail-profile-header01 {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 120%;
    color: #1A202C;
}

.social-profile {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 24px;
}

.detail-profile-divider {
    width: 100%;
}

    .detail-profile-divider img {
        width: 105%;
    }

.actionbloc {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 99%;
    height: 45px;
    padding: 0px 25px;
}

.actionbloc-desc {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

    .actionbloc-desc img {
        width: 45px;
        height: 45px;
    }

    .actionbloc-desc h3 {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 500;
        font-size: 24px;
        line-height: 150%;
        color: #1A202C;
    }

.actionbloc-button {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 24px;
    border: none;
}

.profile-categories-content-filter {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 24px 16px;
    gap: 10px;
    width: 40%;
    height: 100%;
    background: #FFFFFF;
    border: 1px solid #EFEFF7;
    border-radius: 8px;
}


.detail-profile-header2 {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px 0px;
    gap: 8px;
    border-radius: 8px;
}

.social-desc123 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 99%;
    height: 40px;
    padding: 20px 25px;
}

.desc-social5 {
    display: flex;
    flex-direction: row;
    width: 48px;
    height: 48px;
    background: #FFFFFF;
    border-radius: 30px;
    color: #7B68EE;
    border: none;
    gap: 20px;
}

    .desc-social5 i {
        font-size: 25px;
    }


.profile-category {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 24px 0px 0px;
    gap: 80px;
    width: 100%;
    height: 100%;
}

.profile-category-content {
    display: flex;
    align-items: flex-start;
    gap: 22px;
    width: 100%;
    height: 100%;
}


.profile-categories-content-overview-desc {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
}

.categories-content-profile {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #EFEFF7;
    border-radius: 8px;
}

    .categories-content-profile h4 {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 18px;
        line-height: 150%;
        color: #1A202C;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

.subcategories-content-profile {
    padding: 24px;
    gap: 16px;
}

.categories-profile-sidebarcontent {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 5px;
    width: 100%;
}

    .categories-profile-sidebarcontent button {
        justify-content: space-between;
        height: 35px;
        font-family: 'Lato';
        font-style: normal;
        font-weight: 500;
        font-size: 18px;
        line-height: 130%;
        color: #1A202C;
    }

.actionbloc-about {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
}

.actionbloc-desc1 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
}

    .actionbloc-desc1 img {
        width: 70%;
        height: 70%;
    }

.actionbloc-button1 {
    border-radius: 8px;
    border: none;
}

.actionbloc-about-desc {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 4px;
}

    .actionbloc-about-desc b {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 12px;
        line-height: 150%;
        color: #1A202C;
    }

    .actionbloc-about-desc p {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 140%;
        color: #6B7B9C;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

.actionbloc-about-desc {
}

.actionbloc-desc3 {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px 0px 0px 56px;
}

.contact-employees {
}

    .contact-employees img {
        width: 40px;
        height: 40px;
    }

.profile-content-divider img {
    width: 100%;
}

.avatar {
    vertical-align: middle;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.avatar1 {
    vertical-align: middle;
    width: 67px;
    height: 67px;
    border-radius: 50%;
}

.profile-footer {
    display: flex;
    align-items: flex-end;
    justify-self: flex-end;
    gap: 30px;
}

.profile-categories-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 24px;
}

.user-profile-content-details {
    background: #EFEFF7;
}

.user-profile-sec {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    width: 100%;
    opacity: 0.8;
}

.user-profile-sec1 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    width: 100%;
    height: 94px;
    margin: 50px 0px;
}

.user-profile-details {
    background: #FFFFFF;
    border-radius: 0px 0px 8px 8px;
}

.user-profile-bloc {
    position: absolute;
    width: 393px;
    height: 156.82px;
    left: 40px;
    top: 93.11px;
}

.user-profile-bloc-sec {
    position: absolute;
    width: 115px;
    height: 114.82px;
    left: 40px;
    top: 93.11px;
    left: 30.17%;
    top: 45.77%;
    background-color: #FFFFFF;
    border-radius: 16px;
}

    .user-profile-bloc-sec img {
        position: absolute;
        left: 6.33%;
        right: 83.33%;
        top: 6.46%;
        bottom: 15.56%;
        background: #FFFFFF;
        border-radius: 16px;
    }

.user-profile-bloc-desc {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 0px;
    gap: 6px;
    position: absolute;
    width: 250px;
    height: 76px;
    left: 267px;
    top: 90px;
}

    .user-profile-bloc-desc h3 {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 500;
        font-size: 32px;
        line-height: 120%;
        color: #FFFFFF;
    }

.user-profile-bloc-subdesc {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 1px 8px 3px;
    gap: 10px;
    width: 190px;
    height: 22px;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 8px;
}

    .user-profile-bloc-subdesc p {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 12px;
        line-height: 150%;
        color: #1A202C;
        margin: 0px;
    }


.profile-categories-content-filter-list {
    align-items: flex-start;
    gap: 24px;
    /*width: 35%;*/
    height: 100%;
}

.categories-content-profile {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 24px;
    gap: 16px;
    border-radius: 8px;
}

.profile-header-desc {
    background: #FFFFFF;
    border: 1px solid #EFEFF7;
    border-radius: 8px;
}

.profile-detail-card {
    display: flex;
    flex-direction: column;
    top: 455px;
    padding: 0px;
    align-items: center;
    gap: 40px;
    align-items: center;
    background: #EFEFF7;
}

    .profile-detail-card h1 {
        font-family: 'Lato';
        font-style: normal;
        font-size: 28px;
        font-weight: 600;
    }

.profile-detail-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 99%;
    height: 10%;
    padding-top: 20px;
    padding-left: 2px;
    padding-right: 5px;
}

.profile-detail-header1 {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 120%;
    color: #1A202C;
}

.profile-detail-header2 {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px 0px;
    gap: 8px;
    border-radius: 8px;
}

.profile-desc {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 24px;
    gap: 24px;
    background: #FFFFFF;
    border: 1px solid #EFEFF7;
    border-radius: 8px;
}

.profile-desc-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0px;
    gap: 24px;
    width: 100%;
    height: 50%;
}

.profile-desc-img {
    box-sizing: border-box;
    left: 0%;
    right: 0%;
    top: 0%;
    bottom: 0%;
    height: 90px;
    width: 100px;
    border-radius: 6px;
}

    .profile-desc-img img {
        height: 90px;
        width: 100px;
    }

.profile-desc-social {
    display: flex;
    flex-direction: row;
    gap: 1px;
    width: 40%;
    height: 50%;
}

.profile-profile-desc-social i {
    color: #6B7B9C;
    font-size: 20px;
    padding: 6px;
}

.profile-desc-social img {
    color: #6B7B9C;
    font-size: 20px;
    cursor: pointer;
    padding: 6px;
}

.profile-desc-body h5 {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 150%;
    color: #1A202C;
}

.profile-desc-body p {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #6B7B9C;
}

.actionbloc-desc2 img {
    width: 100%;
}

.profile-categories-content-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 24px;
}

.profile-categories-content-filter1 {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-items: center;
    padding: 24px 24px 16px;
    gap: 10px;
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #EFEFF7;
    border-radius: 8px;
}

.profile-categories-content-filter1-location-data {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 24px 24px 16px;
    gap: 16px;
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #EFEFF7;
    border-radius: 8px;
}

.detail-profile-header-desc-body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
    width: 100%;
}


.detail-profile-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 10%;
    padding-left: 2px;
    padding-right: 5px;
}

.detail-profile-header-profile-header-desc {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 16px 24px;
    gap: 24px;
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #EFEFF7;
    border-radius: 8px;
}

.detail-profile-header-profile-header-sub-desc {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 24px;
    width: 100%;
}

.detail-profile-header1 {
    font-family: 'Lato';
    font-style: normal;
    width: 80%;
    font-weight: 700;
    font-size: 30px;
    line-height: 120%;
    color: #1A202C;
}

    .detail-profile-header1 h1 {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 600;
        font-size: 22px;
        line-height: 150%;
        color: #1A202C;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    .detail-profile-header1 h2 {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 600;
        font-size: 22px;
        line-height: 150%;
        color: #1A202C;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    .detail-profile-header1 p {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 140%;
        color: #6B7B9C;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

.detail-profile-header2 {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px 0px;
    gap: 8px;
    border-radius: 8px;
}

    .detail-profile-header2 a {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 140%;
        color: #7B68EE;
        text-decoration: none !important;
    }

.user-profile-actionbloc {
    display: flex;
    justify-content: space-between;
    align-items: end;
    width: 100%;
    height: 10%;
    padding: 0px 0px 0px 50px;
    border-radius: 8px;
}

.user-profile-actionbloc-desc {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 14px;
}

    .user-profile-actionbloc-desc h3 {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 500;
        font-size: 24px;
        line-height: 150%;
        color: #1A202C;
    }

.user-profile-a-active {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 150%;
    display: flex;
    align-items: center;
    color: #1A202C;
    text-decoration: none !important;
    padding: 17px 0px 16px;
}

.user-profile-a {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 150%;
    display: flex;
    align-items: center;
    color: #6B7B9C;
    text-decoration: none !important;
    padding: 17px 0px 16px;
}

.user-profile-actionbloc-button {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 16px;
}

.user-profile-action-sub-bloc-button {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 16px;
}

.user-profile-actionbloc-button-done-head {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding: 20px 120px;
}

.user-profile-actionbloc-button-done {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 24px;
    gap: 8px;
    background: #EFEFF7;
    border-radius: 8px;
    border: none;
}

    .user-profile-actionbloc-button-done p {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 150%;
        color: #1A202C;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

.user-profile-actionbloc-button-like {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 24px;
    gap: 8px;
    background: #EFEFF7;
    border-radius: 8px;
    border: none;
}

    .user-profile-actionbloc-button-like p {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 150%;
        color: #1A202C;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

.user-profile-actionbloc-button-list {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 24px;
    gap: 8px;
    background: #EFEFF7;
    border-radius: 8px;
    border: none;
}

    .user-profile-actionbloc-button-list p {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 150%;
        color: #1A202C;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

.user-profile-actionbloc-button-follow {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 24px;
    gap: 10px;
    background: #7B68EE;
    border-radius: 8px;
    border: none;
}

    .user-profile-actionbloc-button-follow p {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 150%;
        color: #FFFFFF;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

.user-profile-actionbloc-button1 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 16px;
    gap: 8px;
    width: 56px;
    height: 44px;
    background: #EFEFF7;
    border-radius: 8px;
    border: none;
}

.user-profile-actionbloc-desc1 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

.profile-search-btn-load {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 8px 0px;
    gap: 8px;
    border-radius: 8px;
}

    .profile-search-btn-load button {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 140%;
        color: #7B68EE;
    }

/*---------------------------------------create company page--------------------------------------------*/
@media (min-width: 279px) and (max-width: 990px) {
    .company-desc {
        padding: 0px !important;
        width: 100% !important;
        height: 72% !important;
        padding-left: 10px !important;
        padding-right: 10px !important
    }

    .company-desc-card {
        gap: 25px !important;
        width: 100% !important;
        height: 80% !important;
    }

    .company-desc-body {
        gap: 20px !important;
        width: 100% !important;
        height: 58% !important;
    }

    .company-body-image-details {
        width: 100% !important;
        height: 50% !important;
        margin-right: 0px !important;
    }

    .company-actionbloc-desc {
        gap: 2% !important;
        width: 100% !important;
        height: 50% !important;
    }

    .company-actionbloc {
        display: flex;
        flex-direction: column-reverse !important;
        /*align-items: center !important;*/
        gap: 0px !important;
        width: 100% !important;
        height: 130px !important;
        padding: 0px !important;
        padding-left: 10px !important;
    }

    .company-desc-btn {
        display: flex;
        gap: 50% !important;
        width: 100% !important;
        height: 12% !important;
    }

    .company-content-sub-details {
        width: 100% !important;
        height: 100% !important;
        margin-left: 0px !important;
        margin-top: 0px !important;
        padding: 0px !important;
    }

    .company-text-center {
        width: 100% !important;
        height: 60% !important;
    }

    .company-bloc {
        position: relative;
        width: 90% !important;
        height: 20% !important;
        margin-bottom: -35px !important;
        margin-left: 15px !important;
        /*margin-left: 0px !important;*/
    }

    .company-bloc-sec {
        width: 120px !important;
        height: 120px !important;
    }

        .company-bloc-sec img {
            width: 120px !important;
            height: 120px !important;
        }

    .company-bloc-desc {
        width: 50% !important;
        height: 70% !important;
    }

    .company-sub-body {
        gap: 10px !important;
        width: 100% !important;
    }

    .company-category-content {
        width: 100% !important;
        height: 50% !important;
    }

    .company-category-content-desc-details {
        display: flex;
        flex-direction: column !important;
        gap: 6px !important;
        width: 100% !important;
        height: 100% !important;
    }

    .company-categories-content-list {
        padding: 10px !important;
        gap: 6px !important;
        width: 100% !important;
        height: 60% !important;
    }

    .company-categories-content-sub-list {
        gap: 6px !important;
        width: 100% !important;
        height: 100% !important;
    }

    .company-categories-content-details {
        padding: 10px !important;
        gap: 6px !important;
        width: 100% !important;
        height: 60% !important;
    }

    .company-categories-content-sub-details {
        gap: 6px !important;
        width: 100% !important;
        height: 100% !important;
    }

    .company-text-center img {
        height: 175px;
        width: 100% !important;
    }

    .company-bloc-sec img {
        position: absolute;
        left: 6.33%;
        right: 83.33%;
        top: 6.46%;
        bottom: 15.56%;
        background: #FFFFFF;
        border-radius: 16px;
        height: 113.75px;
        width: 113.75px;
    }

    .company-details-body-part {
        flex-direction: column !important;
        gap: 5% !important;
    }

    /*---------------------------------------create select-categories page--------------------------------------------*/

    .select-company-categories-content-sub-details {
        width: 100% !important;
        height: 100% !important;
        margin-left: 0px !important;
        margin-top: 0px !important;
        padding: 0px !important;
    }

    .select-company-categories-text-center {
        width: 100% !important;
        height: 60% !important;
    }

    .select-company-categories-bloc {
        position: absolute;
        width: 100% !important;
        height: 20% !important;
        left: -5px !important;
        top: 90px !important;
    }

    .select-company-categories-bloc-desc {
        width: 50% !important;
        height: 30% !important;
    }

    .select-company-categories-content-details {
        width: 100% !important;
        height: 100% !important;
        left: 0px !important;
        top: 430px !important;
    }

    .select-company-categories-sub-body {
        gap: 10px !important;
        width: 100% !important;
        padding-right: 0px !important;
    }

    .select-company-categories-category-content {
        width: 100% !important;
        height: 50% !important;
    }

    .select-company-categories-category-content-desc-details {
        display: flex;
        flex-direction: column !important;
        gap: 6px !important;
        width: 100% !important;
        height: 100% !important;
    }

    .select-company-categories-categories-content-list {
        padding: 10px !important;
        gap: 6px !important;
        width: 100% !important;
        height: 60% !important;
    }

    .select-company-categories-categories-content-sub-list {
        gap: 6px !important;
        width: 100% !important;
        height: 100% !important;
    }

    .select-company-categories-categories-content-details {
        padding: 10px !important;
        gap: 6px !important;
        width: 100% !important;
        height: 60% !important;
    }

    .select-company-categories-categories-content-sub-details {
        gap: 6px !important;
        width: 100% !important;
        height: 100% !important;
    }

    .select-company-categories-desc {
        padding: 0px !important;
        width: 100% !important;
        height: 72% !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .select-company-categories-desc-card {
        gap: 25px !important;
        width: 100% !important;
        height: 80% !important;
    }

    .select-company-categories-desc-body {
        gap: 20px !important;
        width: 100% !important;
        height: 58% !important;
    }

    .select-company-categories-body-image-details {
        width: 100% !important;
        height: 50% !important;
        margin-right: 0px !important;
    }

    .select-company-categories-actionbloc-desc {
        gap: 12px !important;
        width: 100% !important;
        height: 50% !important;
    }

    .select-company-categories-actionbloc {
        display: flex;
        flex-direction: column !important;
        align-items: center !important;
        gap: 0px !important;
        width: 100% !important;
        height: 40% !important;
    }

    .select-company-categories-desc-btn {
        display: flex;
        gap: 50% !important;
        width: 100% !important;
        height: 12% !important;
        padding-top: 10px !important;
    }

    .select-company-details-body-part {
        flex-direction: column !important;
        gap: 5% !important;
    }
}

.company-details-body-part {
    display: flex;
    flex-direction: row;
    gap: 1%;
}

.company-desc-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0px;
    gap: 100px;
    width: 100%;
    height: 490px;
}

.company-desc-body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 35px;
    width: 96%;
    height: 200px;
}

.company-carousel-indicators1 {
    z-index: 2;
    display: flex;
    padding: 0;
    list-style: none;
}

.company-body-carousel {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px;
    gap: 16px;
}

    .company-body-carousel span {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 400;
        font-size: 15px;
        line-height: 150%;
        color: #1A202C;
    }

    .company-body-carousel button {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        padding: 0px;
    }

.company-sub-body {
    align-items: center;
    gap: 40px;
    width: 100%;
    left: 535px;
    top: 80px;
    background: #FFFFFF;
    border-radius: 8px;
}

.company-sub-body-desc {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 8px;
}

    .company-sub-body-desc h1 {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 600;
        font-size: 32px;
        line-height: 150%;
        color: var(--systemTextColor);
    }

    .company-sub-body-desc p {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 150%;
        color: var(--systemTextColor);
    }

.company-desc-btn {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    padding: 0px;
    width: 96%;
    height: 36px;
}

.company-button-cancel-btn {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 24px;
    gap: 8px;
    width: 90px;
    height: 36px;
    background: #EFEFF7;
    border-radius: 8px;
}

    .company-button-cancel-btn span {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 140%;
        color: #1A202C;
    }

.company-button-next-btn {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 24px;
    gap: 10px;
    width: 79px;
    height: 36px;
    border-radius: 8px;
}

    .company-button-next-btn span {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 140%;
        color: #FFFFFF;
    }

.company-content-details {
    background: var(--systemColorLight);
}


.company-bloc-desc {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-end;
    padding-bottom: 15px;
    gap: 6px;
    /*width: 100%;*/
    height: 135px;
}

    .company-bloc-desc h1 {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 24px;
        line-height: 150%;
        color: #6B7B9C;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }


.company-content-sub-details {
    padding: 10px;
    gap: 10px;
    background: #FFFFFF;
    box-shadow: 0px 4px 14px rgba(54, 57, 90, 0.1);
    border-radius: 10px;
}

.company-body-image-details {
    width: 100%;
    height: 100%;
    left: 50px;
    top: 50px;
    gap: 10px;
    border: 1px solid #E1E1EA;
    border-radius: 8px;
    margin-right: 0px !important;
}

.company-text-center {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    width: 100%;
    height: 175px;
    background: #EFEFF7;
    border-radius: 8px 8px 0px 0px;
}

    .company-text-center img {
        position: relative;
        height: 175px;
        width: 100%;
    }


.company-bloc {
    margin-top: -80px;
    /*margin-top: -100px;*/
    z-index: 9;
    position: relative;
    margin-left: 40px;
    display: flex;
    flex-direction: row;
}

.company-bloc-sec {
    border-radius: 16px;
}

    .company-bloc-sec img {
        left: 6.33%;
        right: 83.33%;
        top: 6.46%;
        bottom: 15.56%;
        background: #FFFFFF;
        border-radius: 7px;
        height: 113.75px;
        width: 113.75px;
    }

.company-actionbloc {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    padding: 0px 0px 0px 25px;
    gap: 35%;
    width: 100%;
    height: 55px;
    left: 50px;
    top: 330px;
}

.company-actionbloc-desc {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 6%;
    width: 55%;
    height: 36px;
}

.user-company-actionbloc-desc-a-active {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 150%;
    display: flex;
    align-items: center;
    color: var(--activeTabColor);
    text-decoration: none !important;
}

    .user-company-actionbloc-desc-a-active:hover {
        color: var(--navigationHighlightColor);
    }

.user-company-actionbloc-desc-a {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 150%;
    display: flex;
    align-items: center;
    color: var(--notActiveTabColor);
    text-decoration: none !important;
}

    .user-company-actionbloc-desc-a:hover {
        color: var(--navigationHighlightColor);
    }

.company-actionbloc-button {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 16px;
    width: 80px;
    height: 68px;
}

.company-actionbloc-button1 {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 16px;
    width: 48px;
    height: 36px;
}

.company-actionbloc-desc1-button1 b {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 150%;
    color: var(--systemTextColor);
}

.company-actionbloc-desc1-button1 p {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: var(--bodyTextColor);
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.company-categories-content-sub-details h2 {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 150%;
    color: #1A202C;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.company-categories-content-sub-details p {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: var(--bodyTextColor);
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.company-actionbloc-button2 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 6px 12px;
    gap: 8px;
    width: 48px;
    height: 36px;
    background: var(--buttonBackgroundColor);
    border-radius: 8px;
}

.company-category-content {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 200px;
    align-items: center;
    padding: 0px;
    align-items: center;
    border-radius: 8px;
    left: 50px;
}

.company-category-content-desc-details {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 2%;
    width: 100%;
    height: 100%;
}

.company-categories-content-list {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 16px;
    gap: 16px;
    width: 49%;
    height: 185px;
    background: #FFFFFF;
    border: 1px solid #EFEFF7;
    border-radius: 8px;
}

.company-categories-content-sub-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 8px;
    width: 310px;
    height: 166px;
}

    .company-categories-content-sub-list h2 {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 18px;
        line-height: 150%;
        color: #1A202C;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

.company-actionbloc-desc1 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
}

.company-actionbloc-button1 {
    border-radius: 8px;
    border: none;
    width: 40px;
    height: 40px;
    padding: 8px;
    background: var(--buttonBackgroundColor);
}

    .company-actionbloc-button1 img {
        width: 100%;
        height: 100%;
    }

.company-actionbloc-button1-more {
    border-radius: 10px;
    border: none;
    padding: 10px;
}

    .company-actionbloc-button1-more img {
        width: 100%;
        height: 100%;
    }

.company-categories-content-details {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 16px;
    gap: 16px;
    width: 49%;
    height: 185px;
    background: #FFFFFF;
    border: 1px solid #EFEFF7;
    border-radius: 8px;
}

.company-categories-content-sub-details {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
    width: 100%;
    height: 143px;
}


/*---------------------------------------create select-categories page--------------------------------------------*/

.select-company-details-body-part {
    display: flex;
    flex-direction: row;
    gap: 1%;
}

.select-company-categories-desc {
    flex-direction: row;
    align-items: center;
    padding: 10px 0px 0px 120px;
    gap: 32px;
    width: 40%;
    height: 450px;
    left: 0px;
    top: 129px;
}

.select-company-categories-desc-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0px;
    gap: 50px;
    width: 100%;
    height: 480px;
    overflow-y: auto;
    overflow-x: hidden;
}

.select-company-categories-desc-body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 40px;
    width: 96%;
    height: 450px;
}

.select-company-categories-carousel-indicators1 {
    z-index: 2;
    display: flex;
    justify-content: center;
    padding: 0;
    list-style: none;
}

.select-company-categories-body-carousel {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px;
    gap: 16px;
}

    .select-company-categories-body-carousel span {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 400;
        font-size: 15px;
        line-height: 150%;
        color: #1A202C;
    }

    .select-company-categories-body-carousel button {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        padding: 0px;
    }

.select-company-categories-sub-body {
    align-items: center;
    gap: 40px;
    width: 100%;
    left: 535px;
    top: 80px;
    background: #FFFFFF;
    border-radius: 8px;
}

.select-company-categories-sub-body-desc {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 8px;
}

    .select-company-categories-sub-body-desc h4 {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 600;
        font-size: 32px;
        line-height: 150%;
        color: var(--systemTextColor);
    }

    .select-company-categories-sub-body-desc p {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 150%;
        color: var(--systemTextColor);
    }

.select-company-categories-desc-btn {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 230px;
    width: 96%;
    height: 36px;
    padding-top: 10px;
    justify-content: end;
    margin-top: 20px;
}

.select-company-categories-button-cancel-btn {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 24px;
    gap: 8px;
    width: 90px;
    height: 36px;
    background: #EFEFF7;
    border-radius: 8px;
}

    .select-company-categories-button-cancel-btn span {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 140%;
        color: #1A202C;
    }

.select-company-categories-button-next-btn {
    padding: 8px 24px;
    gap: 10px;
    width: 79px;
    height: 36px;
    border-radius: 8px;
}

    .select-company-categories-button-next-btn span {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 140%;
        color: #FFFFFF;
    }


.select-company-categories-content-details {
    position: absolute;
    width: 59%;
    height: 580px;
    left: 559px;
    top: 72px;
    background: var(--systemColorLight);
}


.select-company-categories-bloc-desc {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    width: 250px;
    height: 36px;
    left: 170px;
    top: 50px;
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 150%;
    color: #1A202C;
}

    .select-company-categories-bloc-desc h3 {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

.select-company-categories-content-sub-details {
    width: 732px;
    height: 444px;
    left: 34px;
    top: 55px;
    margin-left: 34px;
    margin-top: 55px;
    padding: 10px;
    gap: 10px;
    background: #FFFFFF;
    box-shadow: 0px 4px 14px rgba(54, 57, 90, 0.1);
    border-radius: 10px;
}

.select-company-categories-body-image-details {
    height: 230px;
    left: 50px;
    top: 50px;
    gap: 10px;
    border: 1px solid #E1E1EA;
    border-radius: 8px;
    margin-right: 0px !important;
}

.select-company-categories-text-center {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    width: 713px;
    height: 175px;
    background: #EFEFF7;
    border-radius: 8px 8px 0px 0px;
}

.select-company-categories-bloc {
    position: absolute;
    width: 324px;
    height: 115px;
    left: 55px;
    top: 140px;
}

.select-company-categories-bloc-sec {
    position: absolute;
    left: 4.17%;
    top: -7.77%;
    border-radius: 16px;
}

    .select-company-categories-bloc-sec img {
        position: absolute;
        left: 6.33%;
        right: 83.33%;
        top: 6.46%;
        bottom: 15.56%;
        background: #FFFFFF;
        border-radius: 16px;
    }

.select-company-categories-actionbloc {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    padding: 0px 0px 0px 25px;
    gap: 236px;
    width: 700px;
    height: 55px;
    left: 50px;
    top: 330px;
}

.select-company-categories-actionbloc-desc {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 32px;
    width: 378px;
    height: 36px;
}

.user-select-company-categories-actionbloc-desc-a-active {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 150%;
    display: flex;
    align-items: center;
    color: #1A202C;
    text-decoration: none !important;
}

.user-select-company-categories-actionbloc-desc-a {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 150%;
    display: flex;
    align-items: center;
    color: #6B7B9C;
    text-decoration: none !important;
}

.select-company-categories-actionbloc-button {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 16px;
    width: 80px;
    height: 68px;
}

.select-company-categories-actionbloc-button1 {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 16px;
    width: 48px;
    height: 36px;
}

.select-company-categories-actionbloc-button2 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 6px 12px;
    gap: 8px;
    width: 48px;
    height: 36px;
    background: #EFEFF7;
    border-radius: 8px;
}

.select-company-categories-category-content {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 200px;
    align-items: center;
    padding: 0px;
    align-items: center;
    border-radius: 8px;
    left: 50px;
}

.select-company-categories-category-content-desc-details {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
    width: 100%;
    height: 100%;
}

.select-company-categories-categories-content-list {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 16px;
    gap: 16px;
    width: 350px;
    height: 185px;
    background: #FFFFFF;
    border: 1px solid #EFEFF7;
    border-radius: 8px;
}

.select-company-categories-categories-content-sub-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 8px;
    width: 310px;
    height: 143px;
}

    .select-company-categories-categories-content-sub-list h3 {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

.select-company-categories-actionbloc-desc1 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
}

.select-company-categories-actionbloc-button1 {
    border-radius: 8px;
    border: none;
    width: 40px;
    height: 40px;
    padding: 10px;
}

    .select-company-categories-actionbloc-button1 img {
        width: 100%;
        height: 100%;
    }

.select-company-categories-actionbloc-button1-more {
    border-radius: 10px;
    border: none;
    padding: 10px;
}

    .select-company-categories-actionbloc-button1-more img {
        width: 100%;
        height: 100%;
    }

.select-company-categories-categories-content-details {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 16px;
    gap: 16px;
    width: 350px;
    height: 185px;
    background: #FFFFFF;
    border: 1px solid #EFEFF7;
    border-radius: 8px;
}

.select-company-categories-categories-content-sub-details {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
    width: 310px;
    height: 143px;
}

.select-company-categories-actionbloc-desc1-button1 b {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 150%;
    color: #1A202C;
}

.select-company-categories-actionbloc-desc1-button1 p {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: #6B7B9C;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.select-company-categories-categories-content-sub-details h3 {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 150%;
    color: #1A202C;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.select-company-categories-categories-content-sub-details p {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: #6B7B9C;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}


/*---------------------------------------create select-business-information page--------------------------------------------*/
@media (min-width: 279px) and (max-width: 990px) {
    .select-business-information-desc {
        padding: 0px !important;
        width: 100% !important;
        height: 72% !important;
        padding-left: 10px !important;
        padding-right: 10px !important
    }

    .select-business-information-desc-card {
        gap: 25px !important;
        width: 100% !important;
        height: 80% !important;
    }

    .select-social-media-desc-card {
        gap: 25px !important;
        width: 100% !important;
        height: 80% !important;
    }

    .select-business-information-desc-body {
        gap: 20px !important;
        width: 100% !important;
        height: 58% !important;
    }

    .select-business-information-body-image-details {
        width: 100% !important;
        height: 50% !important;
        margin-right: 0px !important;
    }

    .select-business-information-actionbloc-desc {
        gap: 12px !important;
        width: 100% !important;
        height: 50% !important;
    }

    .select-business-information-actionbloc {
        display: flex;
        flex-direction: column !important;
        align-items: center !important;
        gap: 0px !important;
        width: 100% !important;
        height: 40% !important;
    }

    .select-business-information-desc-btn {
        display: flex;
        gap: 50% !important;
        width: 100% !important;
        height: 12% !important;
    }

    .select-business-information-content-sub-details {
        width: 100% !important;
        height: 100% !important;
        margin-left: 0px !important;
        margin-top: 0px !important;
        padding: 0px !important;
    }

    .select-business-information-text-center {
        width: 100% !important;
        height: 60% !important;
    }

    .select-business-information-bloc {
        position: absolute;
        width: 100% !important;
        height: 20% !important;
        left: -5px !important;
        top: 90px !important;
    }

    .select-business-information-bloc-desc {
        width: 50% !important;
        height: 30% !important;
    }

    .select-business-information-content-details {
        width: 100% !important;
        height: 100% !important;
        left: 0px !important;
        top: 690px !important;
    }

    .select-business-information-sub-body {
        gap: 10px !important;
        width: 100% !important;
    }

    .select-business-information-category-content {
        width: 100% !important;
        height: 50% !important;
    }

    .select-business-information-category-content-desc-details {
        display: flex;
        flex-direction: column !important;
        gap: 6px !important;
        width: 100% !important;
        height: 100% !important;
    }

    .select-business-information-categories-content-list {
        padding: 10px !important;
        gap: 6px !important;
        width: 100% !important;
        height: 60% !important;
    }

    .select-business-information-categories-content-sub-list {
        gap: 6px !important;
        width: 100% !important;
        height: 100% !important;
    }

    .select-business-information-categories-content-details {
        padding: 10px !important;
        gap: 6px !important;
        width: 100% !important;
        height: 60% !important;
    }

    .select-business-information-categories-content-sub-details {
        gap: 6px !important;
        width: 100% !important;
        height: 100% !important;
    }

    .select-business-information-sub-body-input {
        gap: 8px !important;
        width: 100% !important;
        /*height: 100% !important;*/
    }

    .select-business-information-add {
        display: flex;
        flex-direction: column !important;
        gap: 8px !important;
        width: 100% !important;
        height: 100% !important;
    }

    .select-business-information-add-logo-desc {
        width: 100% !important;
        height: 100% !important;
    }

    .select-business-information-add-sub-desc-cover-desc {
        width: 100% !important;
        height: 100% !important;
    }

    .select-business-information-sub-body-input-dropdown {
        width: 100% !important;
    }
}

.select-business-information-desc {
    flex-direction: row;
    align-items: center;
    padding: 10px 0px 0px 120px;
    gap: 32px;
    width: 40%;
    height: 450px;
    left: 0px;
    top: 129px;
}

.select-business-information-desc-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0px;
    gap: 65px;
    width: 100%;
    height: 450px;
}

.select-social-media-desc-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0px;
    gap: 78px;
    width: 100%;
    height: 450px;
}

.select-business-information-desc-body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 35px;
    width: 100%;
    height: 443px;
}

.select-business-information-carousel-indicators1 {
    z-index: 2;
    display: flex;
    justify-content: center;
    padding: 0;
    list-style: none;
}

.select-business-information-body-carousel {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px;
    gap: 16px;
}

    .select-business-information-body-carousel span {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 400;
        font-size: 15px;
        line-height: 150%;
        color: #1A202C;
    }

    .select-business-information-body-carousel button {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        padding: 0px;
    }

.select-business-information-sub-body {
    align-items: center;
    gap: 40px;
    background: #FFFFFF;
    border-radius: 8px;
}

.select-business-information-sub-body-desc {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 8px;
    width: 100%;
}

    .select-business-information-sub-body-desc h1 {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 600;
        font-size: 32px;
        line-height: 150%;
        color: #1A202C;
    }

    .select-business-information-sub-body-desc p {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 150%;
        color: #1A202C;
    }

.select-business-information-desc-btn {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    padding: 0px;
    width: 96%;
    height: 36px;
}

.select-business-information-button-cancel-btn {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 24px;
    gap: 8px;
    width: 90px;
    height: 36px;
    background: #EFEFF7;
    border-radius: 8px;
}

    .select-business-information-button-cancel-btn span {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 140%;
        color: #1A202C;
    }

.select-business-information-button-next-btn {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 24px;
    gap: 10px;
    width: 79px;
    height: 36px;
    border-radius: 8px;
}

    .select-business-information-button-next-btn span {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 140%;
        color: #FFFFFF;
    }

.select-business-information-content-details {
    position: absolute;
    width: 59%;
    height: 699px;
    left: 552px;
    top: 72px;
    background: var(--systemColorLight);
}

.select-business-information-bloc-desc {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    width: 250px;
    height: 36px;
    left: 170px;
    top: 50px;
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 150%;
    color: #1A202C;
}

    .select-business-information-bloc-desc h3 {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 600;
        font-size: 24px;
        line-height: 150%;
        color: #1A202C;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }


.select-social-media-bloc-desc {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    width: 250px;
    height: 36px;
    left: 170px;
    top: 50px;
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 150%;
    color: #1A202C;
}

    .select-social-media-bloc-desc h3 {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 600;
        font-size: 24px;
        line-height: 150%;
        color: #fff;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

.select-business-information-content-sub-details {
    width: 732px;
    height: 490px;
    left: 34px;
    top: 55px;
    margin-left: 34px;
    margin-top: 94px;
    padding: 10px;
    gap: 10px;
    background: #FFFFFF;
    box-shadow: 0px 4px 14px rgba(54, 57, 90, 0.1);
    border-radius: 10px;
}

.select-business-information-body-image-details {
    width: 713px;
    height: 260px;
    left: 50px;
    top: 50px;
    gap: 10px;
    border: 1px solid #E1E1EA;
    border-radius: 8px;
    margin-right: 0px !important;
}

.select-business-information-text-center {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    width: 713px;
    height: 200px;
    background: #EFEFF7;
    border-radius: 8px 8px 0px 0px;
}

.select-business-information-bloc {
    position: absolute;
    width: 324px;
    height: 115px;
    left: 55px;
    top: 200px;
}

.select-business-information-bloc-sec {
    position: absolute;
    left: 4.17%;
    top: -7.77%;
    border-radius: 16px;
}

    .select-business-information-bloc-sec img {
        position: absolute;
        left: 6.33%;
        right: 83.33%;
        top: 6.46%;
        bottom: 15.56%;
        background: #FFFFFF;
        border-radius: 16px;
    }

.select-business-information-actionbloc {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    padding: 0px 0px 0px 25px;
    gap: 236px;
    width: 700px;
    height: 55px;
    left: 50px;
    top: 330px;
}

.select-business-information-actionbloc-desc {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 32px;
    width: 378px;
    height: 36px;
}

.user-select-business-information-actionbloc-desc-a-active {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 150%;
    display: flex;
    align-items: center;
    color: #1A202C;
    text-decoration: none !important;
}

.user-select-business-information-actionbloc-desc-a {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 150%;
    display: flex;
    align-items: center;
    color: #6B7B9C;
    text-decoration: none !important;
}

.select-business-information-actionbloc-button {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 16px;
    width: 80px;
    height: 68px;
}

.select-business-information-actionbloc-button1 {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 16px;
    width: 48px;
    height: 36px;
}

.select-business-information-actionbloc-button2 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 6px 12px;
    gap: 8px;
    width: 48px;
    height: 36px;
    background: #EFEFF7;
    border-radius: 8px;
}

.select-business-information-category-content {
    display: flex;
    flex-direction: column;
    /* width: 1026px; */
    width: 100%;
    height: 200px;
    align-items: center;
    padding: 0px;
    align-items: center;
    border-radius: 8px;
    left: 50px;
}

.select-business-information-category-content-desc-details {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
    width: 100%;
    height: 100%;
    margin-top: 10px;
}

.select-business-information-categories-content-list {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 16px;
    gap: 16px;
    width: 350px;
    height: 200px;
    background: #FFFFFF;
    border: 1px solid #EFEFF7;
    border-radius: 8px;
}

.select-business-information-categories-content-sub-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 8px;
    width: 310px;
    height: 143px;
}

    .select-business-information-categories-content-sub-list h3 {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

.select-business-information-actionbloc-desc1 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
}

.select-business-information-actionbloc-button1 {
    border-radius: 8px;
    border: none;
    width: 40px;
    height: 40px;
    padding: 10px;
}

    .select-business-information-actionbloc-button1 img {
        width: 100%;
        height: 100%;
    }

.select-business-information-actionbloc-button1-more {
    border-radius: 10px;
    border: none;
    padding: 10px;
}

    .select-business-information-actionbloc-button1-more img {
        width: 100%;
        height: 100%;
    }

.select-business-information-categories-content-details {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 16px;
    gap: 16px;
    width: 350px;
    height: 200px;
    background: #FFFFFF;
    border: 1px solid #EFEFF7;
    border-radius: 8px;
}

.select-business-information-categories-content-sub-details {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
    width: 310px;
    height: 143px;
}

.select-business-information-actionbloc-desc1-button1 b {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 150%;
    color: #1A202C;
}

.select-business-information-actionbloc-desc1-button1 p {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: #6B7B9C;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.select-business-information-categories-content-sub-details h3 {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 150%;
    color: #1A202C;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.select-business-information-categories-content-sub-details p {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: #6B7B9C;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.select-business-information-sub-body-input {
    display: flex;
    flex-direction: column;
    padding: 0px;
    gap: 16px;
    width: 100%;
}

/*.select-business-information-sub-body-input-dropdown {
    width: 40%;
}*/
.select-business-information-sub-body-input-dropdown li:first-child {
    border-top: none;
}

.select-business-information-sub-body-input-dropdown li {
    display: flex;
    padding: 5px 10px;
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    border: 1px solid #ebebeb;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

    .select-business-information-sub-body-input-dropdown li:hover {
        border: 1px solid #ced4da;
        box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
        cursor: pointer;
    }

.select-business-information-add {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
    width: 400px;
    height: 100px;
}

.select-business-information-add-logo-desc {
    box-sizing: border-box;
    padding: 12px 18px;
    height: 115px !important;
    width: 115px !important;
    border: 1px solid #EFEFF7;
    border-radius: 8px;
}

.select-business-information-add-logo {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px;
    gap: 12px;
    width: 62px;
    height: 69px;
    text-align: center;
}

    .select-business-information-add-logo img {
        width: 20px;
        height: 20px;
    }

.select-business-information-add-logo-sub-desc {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px;
    width: 108px;
    height: 33px;
}

    .select-business-information-add-logo-sub-desc h5 {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 600;
        font-size: 12px;
        line-height: 150%;
        color: #6B7B9C;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    .select-business-information-add-logo-sub-desc p {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 400;
        font-size: 10px;
        line-height: 150%;
        margin-bottom: 0px !important;
    }

.select-business-information-add-sub-desc-cover-desc {
    padding: 12px 18px;
    width: 100%;
    height: 115px;
    border: 1px solid #EFEFF7;
    border-radius: 8px;
}

.select-business-information-add-cover-photo-size {
    width: 100% !important;
}

.select-business-information-add-cover-photo {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px;
    gap: 12px;
    width: 120px;
    height: 69px;
}

    .select-business-information-add-cover-photo img {
        width: 20px;
        height: 20px;
    }

.select-business-information-add-cover-photo-sub-desc {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px;
    width: 100px;
    height: 33px;
}

    .select-business-information-add-cover-photo-sub-desc h5 {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 600;
        font-size: 12px;
        line-height: 150%;
        color: #6B7B9C;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    .select-business-information-add-cover-photo-sub-desc p {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 400;
        font-size: 10px;
        line-height: 150%;
        margin-bottom: 0px !important;
    }


/*---------------------------------------create select-business-more-details page--------------------------------------------*/
@media (min-width: 279px) and (max-width: 990px) {
    .select-business-more-details-desc {
        padding: 0px !important;
        width: 100% !important;
        height: 72% !important;
        padding-left: 10px !important;
        padding-right: 10px !important
    }

    .select-business-more-details-desc-card {
        gap: 25px !important;
        width: 100% !important;
        height: 80% !important;
    }

    .select-business-more-details-desc-body {
        gap: 20px !important;
        width: 100% !important;
        height: 58% !important;
    }

    .select-business-more-details-body-image-details {
        width: 100% !important;
        height: 50% !important;
        margin-right: 0px !important;
    }

    .select-business-more-details-actionbloc-desc {
        gap: 12px !important;
        width: 100% !important;
        height: 50% !important;
    }

    .select-business-more-details-actionbloc {
        display: flex;
        flex-direction: column !important;
        align-items: center !important;
        gap: 0px !important;
        width: 100% !important;
        height: 40% !important;
    }

    .select-business-more-details-desc-btn {
        display: flex;
        gap: 170px !important;
        width: 100% !important;
        height: 12% !important;
    }

    .select-business-more-details-content-sub-details {
        width: 100% !important;
        height: 100% !important;
        margin-left: 0px !important;
        margin-top: 0px !important;
        padding: 0px !important;
    }

    .select-business-more-details-text-center {
        width: 100% !important;
        height: 62% !important;
    }

    .select-business-more-details-bloc {
        position: absolute;
        width: 100% !important;
        height: 20% !important;
        left: -5px !important;
        top: 90px !important;
    }

    .select-business-more-details-bloc-desc {
        width: 50% !important;
        height: 30% !important;
    }

    .select-business-more-details-content-details {
        width: 100% !important;
        height: 100% !important;
        left: 0px !important;
        top: 640px !important;
    }

    .select-business-more-details-sub-body {
        gap: 10px !important;
        width: 100% !important;
        height: 100% !important;
    }

    .select-business-more-details-category-content {
        width: 100% !important;
        height: 50% !important;
    }

    .select-business-more-details-category-content-desc-details {
        display: flex;
        flex-direction: column !important;
        gap: 6px !important;
        width: 100% !important;
        height: 100% !important;
    }

    .select-business-more-details-categories-content-list {
        padding: 10px !important;
        gap: 6px !important;
        width: 100% !important;
        height: 60% !important;
    }

    .select-business-more-details-categories-content-sub-list {
        gap: 6px !important;
        width: 100% !important;
        height: 100% !important;
    }

    .select-business-more-details-categories-content-details {
        padding: 10px !important;
        gap: 6px !important;
        width: 100% !important;
        height: 50% !important;
    }

    .select-business-more-details-categories-content-sub-details {
        gap: 6px !important;
        width: 100% !important;
        height: 100% !important;
    }

    .select-business-more-details-sub-body-input {
        gap: 12px !important;
        width: 100% !important;
        height: 100% !important;
    }

    .select-business-more-details-sec {
        width: 100% !important;
        height: 100% !important;
    }
}

.select-business-more-details-desc {
    flex-direction: row;
    align-items: center;
    padding: 10px 0px 0px 120px;
    gap: 32px;
    width: 40%;
    height: 580px;
    left: 0px;
    top: 129px;
}

.select-business-more-details-desc-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0px;
    gap: 45px;
    width: 100%;
    height: 490px;
    overflow-y: auto;
    overflow-x: hidden;
}

.select-business-more-details-desc-body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 35px;
    width: 96%;
    height: 450px;
}

.select-business-more-details-carousel-indicators1 {
    z-index: 2;
    display: flex;
    justify-content: center;
    padding: 0;
    list-style: none;
}

.select-business-more-details-body-carousel {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px;
    gap: 16px;
}

    .select-business-more-details-body-carousel span {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 400;
        font-size: 15px;
        line-height: 150%;
        color: #1A202C;
    }

    .select-business-more-details-body-carousel button {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        padding: 0px;
    }

.select-business-more-details-sub-body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 32px;
    width: 100%;
    height: 260px;
    left: 120px;
    top: 143px;
}

.select-business-more-details-sub-body-desc {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 4px;
    width: 100%;
}

    .select-business-more-details-sub-body-desc h4 {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 600;
        font-size: 32px;
        line-height: 150%;
        color: #1A202C;
    }

    .select-business-more-details-sub-body-desc button {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 140%;
        color: #7B68EE;
        border: none;
        background-color: white;
        padding-left: 0px;
    }

.select-business-more-details-sub-body-input {
    display: flex;
    flex-direction: column;
    padding: 0px;
    gap: 16px;
    width: 354px;
}

.select-business-more-details-desc-btn {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    padding: 0px;
    width: 96%;
    padding-top: 10px;
}

.select-business-more-details-button-cancel-btn {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 24px;
    gap: 8px;
    width: 90px;
    height: 36px;
    background: #EFEFF7;
    border-radius: 8px;
}

    .select-business-more-details-button-cancel-btn span {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 140%;
        color: #1A202C;
    }

.select-business-more-details-button-next-btn {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 24px;
    gap: 10px;
    width: 79px;
    height: 36px;
    background: #7B68EE;
    border-radius: 8px;
}

    .select-business-more-details-button-next-btn span {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 140%;
        color: #FFFFFF;
    }


.select-business-more-details-content-details {
    position: absolute;
    width: 59%;
    height: 699px;
    left: 552px;
    top: 72px;
    background: var(--systemColorLight);
}

.select-business-more-details-bloc-desc {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    width: 250px;
    height: 36px;
    left: 170px;
    top: 50px;
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 150%;
    color: #1A202C;
}

    .select-business-more-details-bloc-desc h3 {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 600;
        font-size: 24px;
        line-height: 150%;
        color: #ffffff;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

.select-business-more-details-content-sub-details {
    width: 732px;
    height: 490px;
    left: 34px;
    top: 55px;
    margin-left: 34px;
    margin-top: 94px;
    padding: 10px;
    gap: 10px;
    background: #FFFFFF;
    box-shadow: 0px 4px 14px rgba(54, 57, 90, 0.1);
    border-radius: 10px;
}

.select-business-more-details-body-image-details {
    width: 713px;
    height: 285px;
    left: 50px;
    top: 50px;
    gap: 10px;
    border: 1px solid #E1E1EA;
    border-radius: 8px;
    margin-right: 0px !important;
}

.select-business-more-details-text-center {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    width: 713px;
    height: 225px;
    border-radius: 8px 8px 0px 0px;
}

.select-business-more-details-sec {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    width: 713px;
    height: 200px;
}

    .select-business-more-details-sec img {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: flex-start;
        padding-top: 10px;
        width: 100%;
    }

.select-business-more-details-bloc {
    position: absolute;
    width: 324px;
    height: 115px;
    left: 55px;
    top: 230px;
}

.select-business-more-details-bloc-sec {
    position: absolute;
    left: 4.17%;
    top: -7.77%;
    border-radius: 16px;
}

    .select-business-more-details-bloc-sec img {
        position: absolute;
        left: 6.33%;
        right: 83.33%;
        top: 6.46%;
        bottom: 15.56%;
        background: #FFFFFF;
        border-radius: 16px;
    }

.select-business-more-details-actionbloc {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    padding: 0px 0px 0px 25px;
    gap: 236px;
    width: 700px;
    height: 55px;
    left: 50px;
    top: 330px;
}

.select-business-more-details-actionbloc-desc {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 32px;
    width: 378px;
    height: 36px;
}

.user-select-business-more-details-actionbloc-desc-a-active {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 150%;
    display: flex;
    align-items: center;
    color: #1A202C;
    text-decoration: none !important;
}

.user-select-business-more-details-actionbloc-desc-a {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 150%;
    display: flex;
    align-items: center;
    color: #6B7B9C;
    text-decoration: none !important;
}

.select-business-more-details-actionbloc-button {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 16px;
    width: 80px;
    height: 68px;
}

.select-business-more-details-actionbloc-button1 {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 16px;
    width: 48px;
    height: 36px;
}

.select-business-more-details-actionbloc-button2 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 6px 12px;
    gap: 8px;
    width: 48px;
    height: 36px;
    background: #EFEFF7;
    border-radius: 8px;
}

.select-business-more-details-category-content {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 190px;
    align-items: center;
    padding: 0px;
    align-items: center;
    border-radius: 8px;
    left: 50px;
}

.select-business-more-details-category-content-desc-details {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
    width: 100%;
    height: 100%;
}

.select-business-more-details-categories-content-list {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 16px;
    gap: 16px;
    width: 350px;
    height: 175px;
    background: #FFFFFF;
    border: 1px solid #EFEFF7;
    border-radius: 8px;
}

.select-business-more-details-categories-content-sub-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 8px;
    width: 310px;
    height: 143px;
}

    .select-business-more-details-categories-content-sub-list h3 {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

.select-business-more-details-actionbloc-desc1 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
}

.select-business-more-details-actionbloc-button1 {
    border-radius: 8px;
    border: none;
    width: 40px;
    height: 40px;
    padding: 10px;
}

    .select-business-more-details-actionbloc-button1 img {
        width: 100%;
        height: 100%;
    }

.select-business-more-details-actionbloc-button1-more {
    border-radius: 10px;
    border: none;
    padding: 10px;
}

    .select-business-more-details-actionbloc-button1-more img {
        width: 100%;
        height: 100%;
    }

.select-business-more-details-categories-content-details {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 16px;
    gap: 16px;
    width: 350px;
    height: 175px;
    background: #FFFFFF;
    border: 1px solid #EFEFF7;
    border-radius: 8px;
}

.select-business-more-details-categories-content-sub-details {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
    width: 310px;
    height: 143px;
}

.select-business-more-details-actionbloc-desc1-button1 b {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 150%;
    color: #1A202C;
}

.select-business-more-details-actionbloc-desc1-button1 p {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: #6B7B9C;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.select-business-more-details-categories-content-sub-details h3 {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 150%;
    color: #1A202C;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.select-business-more-details-categories-content-sub-details p {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: #6B7B9C;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

/*----------------------------------------------------- user-company-details-details ----------------------------------------------------------------*/
@media (min-width: 990px) and (max-width: 1400px) {
    .user-company-details-actionbloc {
        flex-direction: column-reverse !important;
        padding: 0px !important;
    }
}

@media (min-width: 279px) and (max-width: 990px) {
    .detail-company-details {
        margin-left: 0px !important;
    }

    .company-details-category-content {
        display: flex;
        flex-direction: column;
        width: 100% !important;
        height: 100% !important;
    }

    .company-details-categories-content-filter-list {
        gap: 25px !important;
        width: 100% !important;
        height: 100% !important;
    }

    .detail-company-details-header {
        flex-direction: column;
        width: 100% !important;
    }

    .detail-company-details {
        margin-left: 0px !important;
        width: 100% !important;
        height: 100% !important;
    }

    .detail-company-details-header0 {
        width: 100% !important;
        height: 100% !important;
    }

    .company-details-bloc-desc {
        width: 100% !important;
        height: 100% !important;
    }

    .company-details-actionbloc {
        width: 100% !important;
        height: 100% !important;
    }

    .company-details-social-desc123 {
        width: 100% !important;
        height: 100% !important;
    }

    .company-details-category-content {
        display: flex;
        flex-direction: column;
        width: 100% !important;
        height: 100% !important;
    }

    .company-details-categories-content-filter {
        width: 100% !important;
        height: 100% !important;
    }

    .detail-company-details-header {
        flex-direction: column;
        width: 100% !important;
    }

    .company-details-card-flag2 {
        padding: 0px !important;
        gap: 10px;
    }

    .user-company-details-bloc {
        width: 90% !important;
        height: 20% !important;
        margin-bottom: -45px !important;
        margin-left: 10px !important;
    }

    .view-user-company-details-bloc {
        width: 95% !important;
        padding-top: 40px !important;
        margin-bottom: -8px !important;
        margin-left: 10px !important;
        margin-top: -120px !important;
    }

    .user-company-details-details {
        /*padding-top: 40px !important;*/
    }

    .user-company-details-bloc-sec {
        width: 120px !important;
        height: 120px !important;
    }

    .user-company-details-bloc-desc {
        width: 50% !important;
        height: 60% !important;
    }

    .user-company-details-bloc-subdesc {
        width: 100% !important;
        height: 35% !important;
    }

    .user-company-details-bloc-desc h3 {
        font-size: 16px !important;
        line-height: 120%;
    }

    .user-company-a {
        padding: 0px !important;
    }

    .detail-company-details-subheader {
        align-items: center !important;
    }

    .company-details-footer {
        gap: 25px !important;
    }

    .user-company-details-actionbloc-desc {
        display: block !important;
        width: 100% !important;
        white-space: nowrap !important;
        overflow-x: auto;
    }

    .user-company-details-action-sub-bloc-button {
        align-items: center;
        gap: 6px !important;
    }

    .company-details-categories-content {
        /*padding: 12px !important;*/
        width: 100% !important;
        height: 100% !important;
    }

    .company-details-actionbloc-desc1 {
        gap: 10px !important;
    }

    .company-details-location-desc1 {
        flex-direction: column !important;
        gap: 10px !important;
    }

    .company-details-categories-content-filter1 {
        width: 100% !important;
    }

    .company-details-categories-content-filter1-location-data {
        width: 100% !important;
    }

    .user-company-details-actionbloc-button-done-head {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .user-company-details-actionbloc {
        flex-direction: column-reverse !important;
        padding: 0px !important;
    }

    .company-details-action-bloc-desc {
        flex-direction: column !important;
        gap: 10px !important;
    }

    .company-details-actionbloc-desc3 {
        padding: 0px !important;
    }

    .company-details-location {
        width: 100% !important;
    }

    .company-details-location-full {
        width: 100% !important;
        height: 100% !important;
    }

    .detail-company-details-header-company-details-header-sub-desc {
        width: 100% !important;
    }

    .detail-company-details-header1 {
        width: 100% !important;
    }

    .activities-updates-category {
        padding: 0px !important;
    }

    .company-details-categories-content-overview-desc-new-data-button {
        flex-direction: column !important;
    }

    .company-details-categories-content-overview-desc-new-data-button-add-post-btn {
        width: 100% !important;
    }

    .company-details-categories-content-overview-desc-button {
        padding: 0px !important;
    }
}

.company-details-card-flag2 {
    padding: 0px 120px;
    padding-bottom: 10px;
}

.detail-company-details {
    display: flex;
    flex-direction: column;
    width: 1026px;
    height: 700px;
    padding: 0px;
    align-items: center;
    padding: 20px 0px;
    align-items: center;
    border-radius: 8px;
    margin-left: 320px;
}

.detail-company-details-header0 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 99%;
    height: 40px;
    padding: 0px 25px;
}

.detail-company-details-header01 {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 120%;
    color: #1A202C;
}

.social-company-details {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 24px;
}

.company-details-bloc-desc {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 600px;
    align-items: center;
    padding: 0px;
    align-items: center;
    border-radius: 8px;
    overflow-y: scroll;
}

.company-details-bloc-desc1 {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    padding: 0px;
    align-items: center;
    border-radius: 8px;
}

.detail-company-details-divider {
    width: 100%;
}

    .detail-company-details-divider img {
        width: 105%;
    }

.company-details-actionbloc {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 99%;
    height: 45px;
    padding: 0px 25px;
}

.company-details-actionbloc-desc {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

    .company-details-actionbloc-desc img {
        width: 45px;
        height: 45px;
    }

    .company-details-actionbloc-desc h3 {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 500;
        font-size: 24px;
        line-height: 150%;
        color: #1A202C;
    }

.company-details-actionbloc-button {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 24px;
    border: none;
}

.company-details-categories-content-filter {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 24px 16px;
    gap: 10px;
    width: 40%;
    height: 100%;
    background: #FFFFFF;
    border: 1px solid #EFEFF7;
    border-radius: 8px;
}

.company-details-social-desc123 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 99%;
    height: 40px;
    padding: 20px 25px;
}

.company-details-desc-social5 {
    display: flex;
    flex-direction: row;
    width: 48px;
    height: 48px;
    background: #FFFFFF;
    border-radius: 30px;
    color: #7B68EE;
    border: none;
    gap: 20px;
}

    .company-details-desc-social5 i {
        font-size: 25px;
    }

.company-details-category {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 24px 0px;
    gap: 80px;
    width: 100%;
    height: 100%;
}

.company-details-category-content {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    width: 100%;
    height: 100%;
}

.company-details-categories-content-filter1 {
    padding: 0px 16px;
    gap: 10px;
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #E4E3E1;
    align-items: center;
    border-radius: 8px;
    padding: 24px 24px;
}

.company-details-categories-content-filter1-full {
    display: flex;
    flex-direction: column;
    padding: 0px 16px;
    gap: 10px;
    width: 100%;
    background: #FFFFFF;
    /*border: 1px solid #EFEFF7;*/
    border: 1px solid #E4E3E1;
    align-items: start;
    border-radius: 8px;
    padding: 24px 24px 16px;
}

.company-details-categories-content-filter1-location-data {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 24px 24px;
    gap: 16px;
    width: 100%;
    background: #FFFFFF;
    /*border: 1px solid #EFEFF7;*/
    border: 1px solid #E4E3E1;
    border-radius: 8px;
}

.company-details-categories-content-overview-filter {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px;
    gap: 16px;
}

.company-details-categories-content-overview-filter-full {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0px;
    gap: 16px;
    width: 100%;
}

.company-details-categories-content-overview-desc {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    width: 100%;
}

    .company-details-categories-content-overview-desc h2 {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 22px;
        line-height: 150%;
        color: var(--systemTextColor);
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    .company-details-categories-content-overview-desc p {
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 140%;
        color: var(--bodyTextColor);
    }


.company-details-categories-content-overview-desc-new-data {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
    width: 100%;
}

.company-details-categories-content-overview-desc-new-data-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 16px;
    width: 100%;
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: var(--systemTextColor);
}

.input-field-search-header3 {
    width: 100%;
    padding: 10px 16px 10px 45px;
    text-align: start;
    margin-bottom: 3px;
    border-radius: 0.5rem;
}

.company-details-categories-content-overview-desc-new-data-search-header3 {
    display: flex;
    align-items: center;
    padding: 0px;
    width: 100%;
    /*width: 600px;*/
    /* height: 42px; */
    height: 52px;
}


    .company-details-categories-content-overview-desc-new-data-search-header3 button {
        display: block;
        padding: 0.375rem 0.75rem;
        width: 100%;
        height: 52px;
        /*font-size: 1rem;*/
        font-weight: 400;
        font-family: 'Lato';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 140%;
        color: var(--systemTextColor);
        line-height: 1.5;
        color: #212529;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border-radius: 2.25rem;
    }


.company-details-categories-content-overview-desc-new-data-button {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0px;
    width: 100%;
}

.company-details-categories-content-overview-desc-new-data-button-add-post-btn {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0px;
    width: 56%;
}

.company-details-categories-content-overview-desc-new-data-button-photos {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 24px;
    gap: 8px;
    /* width: 96px; */
    height: 44px;
    background: #FFFFFF;
    border-radius: 8px;
    border: none;
}

    .company-details-categories-content-overview-desc-new-data-button-photos i {
        font-size: 20px;
        color: #0b92f1;
    }

    .company-details-categories-content-overview-desc-new-data-button-photos p {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 150%;
        color: var(--bodyTextColor);
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

.company-details-categories-content-overview-desc-new-data-button-Video {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 24px;
    gap: 8px;
    /* width: 96px; */
    height: 44px;
    background: #FFFFFF;
    border-radius: 8px;
    border: none;
}

    .company-details-categories-content-overview-desc-new-data-button-Video i {
        font-size: 20px;
        color: #05af65;
    }

    .company-details-categories-content-overview-desc-new-data-button-Video p {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 150%;
        color: var(--bodyTextColor);
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

.company-details-categories-content-overview-desc-new-data-button-Article {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 24px;
    gap: 8px;
    /* width: 96px; */
    height: 44px;
    background: #FFFFFF;
    border-radius: 8px;
    border: none;
}

    .company-details-categories-content-overview-desc-new-data-button-Article i {
        font-size: 20px;
        color: #e41a1a;
    }

    .company-details-categories-content-overview-desc-new-data-button-Article p {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 150%;
        color: var(--bodyTextColor);
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }


.company-details-categories-content-overview-desc-full {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
}

    .company-details-categories-content-overview-desc-full h2 {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 600;
        font-size: 22px;
        line-height: 150%;
        color: #1A202C;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    .company-details-categories-content-overview-desc-full p {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 140%;
        color: #6B7B9C;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

.company-details-categories-content-overview-desc-button {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 24px;
    gap: 8px;
    height: 40px;
    background: #FFFFFF;
    border-radius: 8px;
}

    .company-details-categories-content-overview-desc-button:focus {
        outline: 3px;
        box-shadow: 0 0 0 0rem !important;
    }

    .company-details-categories-content-overview-desc-button b {
        display: flex;
        flex-direction: row;
        align-items: center;
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 140%;
    }

.company-details-categories-content-employees {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px;
    width: 100%;
}

.company-details-categories-content-employees-desc {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
}

.company-details-detail-card-insights {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 24px;
    background: #FFFFFF;
    border: 1px solid #E4E3E1;
    border-radius: 8px;
    width: 100%;
}

.categories-content-company-details-insights {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0px;
    gap: 27px;
    width: 100%;
}

.categories-content-company-details-insights-detail {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0px;
    gap: 27px;
    width: 100%;
}

.faicon-icon-details {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
}

    .faicon-icon-details p {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 140%;
        color: var(--bodyTextColor);
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

.faicon-icon-count {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 8px;
}

    .faicon-icon-count span {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 20px;
        line-height: 150%;
        color: var(--systemTextColor);
    }

.categories-content-company-details-current-subscription {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
}

    .categories-content-company-details-current-subscription b {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 140%;
        color: #6B7B9C;
    }

    .categories-content-company-details-current-subscription p {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 600;
        font-size: 18px;
        line-height: 150%;
        color: #1A202C;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

.categories-content-company-details-current-subscription-button {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 24px;
    gap: 10px;
    border-radius: 8px;
    border: none;
}

    .categories-content-company-details-current-subscription-button span {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 140%;
        color: #FFFFFF;
    }

.categories-content-company-details {
    gap: 16px;
    border-radius: 8px;
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #E4E3E1;
    border-radius: 8px;
}

.subcategories-content-company-details {
    padding: 24px;
    gap: 16px;
}

.categories-content-company-details-unstyled {
    width: 100%;
}

.company-details-content-divider {
    width: 100%;
}

    .company-details-content-divider hr {
        color: #E4E3E1;
    }

.categories-company-details-sidebarcontent {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 5px;
    width: 100%;
}

    .categories-company-details-sidebarcontent button {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: center;
        padding: 8px;
        gap: 10px;
        width: 40px;
        height: 40px;
        background: #F8F8FC;
        border-radius: 8px;
        border: none;
    }

.company-details-actionbloc-about-header {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 24px;
}

    .company-details-actionbloc-about-header h3 {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 600;
        font-size: 22px;
        line-height: 150%;
        color: #1A202C;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

.categories-company-details-penal {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 24px;
}

    .categories-company-details-penal h2 {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 600;
        font-size: 22px;
        line-height: 150%;
        color: #1A202C;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

.company-details-actionbloc-about {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
}

.company-details-action-bloc-desc {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 8px;
    width: 100%;
}

.company-details-actionbloc-desc1 {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 16px;
    width: 100%;
}

.company-details-actionbloc-desc-about-section-button {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    padding: 8px;
    gap: 10px;
    width: 40px;
    height: 40px;
    background: var(--buttonBackgroundColor);
    border-radius: 8px;
    border: none;
}

.company-details-actionbloc-desc2 {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    align-items: center;
    gap: 16px;
    width: 100%;
}

    .company-details-actionbloc-desc2 img {
        width: 100%;
        height: 80px;
        border-radius: 8px;
    }

.company-details-location-desc1 {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    align-items: center;
    width: 100%;
}

.company-details-location-desc1-full {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-items: center;
    gap: 16px;
    width: 100%;
}

.company-details-categories-content-location-filter {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    width: 100%;
}

.company-details-location {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 16px;
    gap: 10px;
    background: #FFFFFF;
    border: 1px solid var(--cardBorderColor);
    border-radius: 8px;
}

.company-details-location-full {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 16px;
    gap: 10px;
    width: 100%;
    height: 117px;
    background: #FFFFFF;
    border: 1px solid #EFEFF7;
    border-radius: 8px;
}

.company-details-sub-location {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 16px;
}

    .company-details-sub-location img {
        width: 115px;
        height: 115px;
        border-radius: 8px;
    }

.company-details-sub-location-full {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 16px;
}

    .company-details-sub-location-full img {
        width: 85px;
        height: 85px;
        border-radius: 8px;
    }

.company-details-sub-location-icon {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
}

.company-details-actionbloc-location {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 8px;
}

    .company-details-actionbloc-location b {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 15px;
        line-height: 150%;
        color: var(--systemTextColor);
    }

    .company-details-actionbloc-location p {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 140%;
        color: var(--bodyTextColor);
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

.company-details-actionbloc-button1 {
    border-radius: 8px;
    border: none;
}

.company-details-actionbloc-about-desc {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 4px;
}

    .company-details-actionbloc-about-desc b {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 150%;
        color: var(--systemTextColor);
    }

    .company-details-actionbloc-about-desc span {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 140%;
        color: var(--systemTextColor);
    }

    .company-details-actionbloc-about-desc p {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 140%;
        color: var(--bodyTextColor);
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

.company-details-actionbloc-desc3 {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px 0px 0px 50px;
}

.company-details-content-divider img {
    width: 100%;
}

.company-details-avatar-ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.company-details-avatar-li {
    width: 47px;
    height: 47px;
    border-radius: 50%;
    border: 2px solid white;
    display: inline-block;
    position: relative;
    -webkit-transition: .2s ease;
    transition: .2s ease;
}

    .company-details-avatar-li:nth-child(n+2) {
        margin-left: -15px;
    }

    .company-details-avatar-li img {
        vertical-align: middle;
        border-radius: 50%;
    }

.company-details-contact-employees {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

/*.company-details-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: none;
    background: #FFFFFF;
}

    .company-details-avatar img {
        vertical-align: middle;
        border-radius: 50%;
    }*/

.company-details-avatar-add {
    vertical-align: middle;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #F8F8FC;
    border: none;
}

    .company-details-avatar-add p {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 12px;
        line-height: 150%;
        color: #6B7B9C;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

.company-details-avatar-add {
    vertical-align: middle;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #F8F8FC;
    border: none;
}

.detail-company-details-list {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
    width: 100%;
}

.company-details-avatar1-add {
    width: 67px;
    height: 67px;
    border-radius: 50%;
    border: none;
    background: #FFFFFF;
    padding: 0px;
}

    .company-details-avatar1-add img {
        vertical-align: middle;
        width: 67px;
        height: 67px;
        border-radius: 50%;
    }

.company-details-avatar2-add {
    vertical-align: middle;
    width: 67px;
    height: 67px;
    border-radius: 50%;
    background: #F8F8FC;
    border: none;
}

    .company-details-avatar2-add p {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 22px;
        line-height: 150%;
        color: #6B7B9C;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

.company-details-footer {
    display: flex;
    align-items: flex-end;
    justify-self: flex-end;
    gap: 9%;
    width: 100%;
}

    .company-details-footer i {
        width: 24px;
        height: 24px;
        color: #61798F;
    }

.profile-company-details-footer {
    display: flex;
    align-items: flex-end;
    justify-self: flex-end;
    gap: 8%;
    width: 100%;
}

    .profile-company-details-footer i {
        width: 24px;
        height: 24px;
        color: #61798F;
    }

.company-details-categories-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 24px;
    width: 64%;
}

.user-company-details-content-details {
    background: #F8F8FC;
}

.company-details-text-center {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px;
    width: 100%;
    height: 100%;
    left: 120px;
    top: 60px;
}

.user-company-details-sec {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    width: 100%;
    border-radius: 8px 8px 0px 0px;
}

    .user-company-details-sec img {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: flex-start;
        /*background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 85.21%);*/
        width: 100%;
        border-radius: 8px 8px 0px 0px;
        /*height: 220px;*/
        height: 100%;
        max-height: 220px;
    }

.user-company-details-sec-image {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 85.21%);
    width: 100%;
    border-radius: 8px 8px 0px 0px;
    height: 220px;
}

.user-activities-updates-bloc-sec-logo {
    padding: 10px;
    background-color: #fff;
    border-radius: 16px;
    width: 160px;
    height: 160px;
}

.company-right-side {
    margin-top: 20px;
}

.user-activities-updates-bloc-sec-logo img {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
    mix-blend-mode: normal;
    height: 140px;
    width: 140px;
    border: 1px solid #EFEFF7;
    border-radius: 8px;
}

.user-activities-updates-bloc-sec-logo-image {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    mix-blend-mode: normal;
    height: 140px;
    width: 140px;
    border: 1px solid #EFEFF7;
    border-radius: 8px;
}

/*
.company-logo-wrapper .logo-img is the actual <img> of the company logo
in other logos (product, project, resource), .logo-img is the <img> of the resource's logo, while .company-logo-img is the <img> when it defaults to the company logo, and there's also .placeholder-img
TODO contact pictures
TODO some resources where the company logo was *not* a fallback were left undone
*/
.company-logo-wrapper .logo-img,
.project-logo-wrapper .company-logo-img,
.prduct-logo-wrapper .company-logo-img,
.resource-logo-wrapper .company-logo-img,
.company-logo-as-bg {
    background-color: var(--logoBackgroundColor);
}

.user-company-details-sec1 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    width: 100%;
    height: 94px;
    margin: 50px 0px;
}

.user-company-details-details {
    width: 100%;
    height: 10%;
    background: #FFFFFF;
    border-radius: 0px 0px 8px 8px;
}

.user-company-details-actionbloc {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
    height: 10%;
    padding: 0px 0px 0px 50px;
    border-radius: 8px;
}

.user-company-details-actionbloc-desc {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 14px;
    width: 100%;
    padding: 25px 0px 0px 11px;
}

    .user-company-details-actionbloc-desc h3 {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 500;
        font-size: 24px;
        line-height: 150%;
        color: #1A202C;
    }

.user-company-a-active {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 150%;
    display: inline-block;
    align-items: center;
    color: var(--notActiveTabColor);
    text-decoration: none !important;
    padding: 0px 1px;
}

    .user-company-a-active:hover {
        color: var(--navigationHoverColor);
    }

.active-table {
    color: var(--activeTabColor);
    border-bottom: 2px solid var(--activeTabUnderlineColor);
}

.active-table-icon-color {
    color: var(--iconColor);
}

.user-company-a {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 150%;
    display: flex;
    align-items: center;
    color: #6B7B9C;
    text-decoration: none !important;
    padding: 17px 0px 16px;
}

.user-company-details-actionbloc-button {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 16px 5px 16px 16px;
    width: 50%;
}

.user-company-details-action-sub-bloc-button {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 16px;
}

.user-company-details-actionbloc-button-done-head {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding: 20px 120px;
    height: 85px;
}

.user-company-details-actionbloc-button-done {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 24px;
    gap: 8px;
    background: #EFEFF7;
    border-radius: 8px;
    border: none;
}

    .user-company-details-actionbloc-button-done p {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 150%;
        color: #1A202C;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }


.user-company-details-actionbloc-button-like {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 24px;
    gap: 8px;
    background: #FFFFFF;
    border-radius: 8px;
}

    .user-company-details-actionbloc-button-like p {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 150%;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }



@media (min-width: 279px) and (max-width: 990px) {
    .user-company-details-actionbloc-button-like {
        padding: 10px 12px !important;
    }

    .user-company-details-actionbloc-button-liked {
        padding: 10px 12px !important;
    }

    .user-company-details-actionbloc-button-follow {
        padding: 10px 12px !important;
    }

    .user-company-details-actionbloc-button-following {
        padding: 10px 12px !important;
    }
}

.user-company-details-actionbloc-button-liked {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    gap: 8px;
    background: var(--systemColorLight);
    border-radius: 8px;
}

    .user-company-details-actionbloc-button-liked p {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 150%;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

.user-company-details-actionbloc-button-list {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    gap: 8px;
    background: #FFFFFF;
    border-radius: 8px;
}

    .user-company-details-actionbloc-button-list p {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 150%;
        margin-top: 0px !important;
        min-width: fit-content;
        margin-bottom: 0px !important;
    }

.user-company-details-actionbloc-button-follow {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 24px;
    gap: 10px;
    background: #FFFFFF;
    border-radius: 8px;
    border: none;
}

    .user-company-details-actionbloc-button-follow p {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 150%;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

.user-company-details-actionbloc-button-following {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    gap: 10px;
    background: var(--systemColorLight);
    border-radius: 8px;
}

    .user-company-details-actionbloc-button-following p {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 150%;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

.user-company-details-actionbloc-button1 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 16px;
    gap: 8px;
    width: 56px;
    height: 44px;
    background: #FFFFFF;
    border-radius: 8px;
}

.user-company-details-actionbloc-desc1 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

.user-company-details-bloc {
    display: flex;
    flex-direction: row;
    gap: 5%;
    position: absolute;
    width: 50%;
    height: 115px;
    margin-bottom: -10px;
    margin-left: 40px;
}

.view-user-company-details-bloc {
    /*margin-top: -80px;*/
    /*margin-top: -100px;*/
    z-index: 9;
    position: relative;
    margin-left: 40px;
    display: flex;
    flex-direction: row;
    height: 88px;
}

.user-company-details-bloc-sec {
    width: 115px;
    height: 114.82px;
    left: 40px;
    top: 93.11px;
    left: 30.17%;
    top: 45.77%;
    border-radius: 16px;
}

    .user-company-details-bloc-sec img {
        left: 6.33%;
        right: 83.33%;
        top: 6.46%;
        bottom: 15.56%;
        background: #FFFFFF;
        border-radius: 16px;
        height: 113.75px;
        width: 113.75px;
    }

.user-company-details-bloc-desc {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-end;
    padding-bottom: 15px;
    gap: 6px;
    width: 100%;
    height: 135px;
    /*height: 110px;*/
}

    .user-company-details-bloc-desc h1 {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 500;
        font-size: 32px;
        line-height: 120%;
        /*color: #FFFFFF;*/
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

.user-company-details-bloc-subdesc {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 1px 8px 3px;
    gap: 10px;
    width: 130px;
    height: 22px;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 8px;
}

    .user-company-details-bloc-subdesc p {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 12px;
        line-height: 150%;
        color: #1A202C;
        margin: 0px;
    }

.company-details-categories-content-filter-list {
    align-items: flex-start;
    gap: 24px;
    width: 35%;
    height: 100%;
}

.detail-company-details-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 10%;
}

.detail-company-details-header-company-details-header-desc {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 16px 24px;
    gap: 24px;
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #EFEFF7;
    border-radius: 8px;
}

.detail-company-details-header-company-details-header-sub-desc {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 24px;
    width: 100%;
}

.detail-company-details-header1 {
    width: 83%;
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 120%;
    color: #1A202C;
}

    .detail-company-details-header1 h1 {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 600;
        font-size: 22px;
        line-height: 150%;
        color: #1A202C;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    .detail-company-details-header1 h2 {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 600;
        font-size: 22px;
        line-height: 150%;
        color: #1A202C;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    .detail-company-details-header1 p {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 140%;
        color: #6B7B9C;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

.detail-company-details-header2 {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px 0px;
    gap: 8px;
    border-radius: 8px;
}

    .detail-company-details-header2 a {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 140%;
        text-decoration: none !important;
    }

.detail-company-details-subheader {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
}

.company-details-detail-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 99%;
    height: 10%;
    padding-top: 20px;
    padding-left: 2px;
    padding-right: 5px;
}

.company-details-detail-header1 {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 120%;
    color: #1A202C;
}

.company-details-detail-header2 {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px 0px;
    gap: 8px;
    border-radius: 8px;
}

.company-details-desc {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 24px;
    gap: 24px;
    background: #FFFFFF;
    border: 1px solid #EFEFF7;
    border-radius: 8px;
}

.company-details-desc-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0px;
    gap: 24px;
    width: 100%;
    height: 50%;
}

.company-details-desc-img {
    box-sizing: border-box;
    left: 0%;
    right: 0%;
    top: 0%;
    bottom: 0%;
    height: 90px;
    width: 100px;
    border-radius: 6px;
}

    .company-details-desc-img img {
        height: 90px;
        width: 100px;
    }

.company-details-desc-social {
    display: flex;
    flex-direction: row;
    gap: 1px;
    width: 40%;
    height: 50%;
}

.company-details-company-details-desc-social i {
    color: #6B7B9C;
    font-size: 20px;
    padding: 6px;
}

.company-details-desc-social img {
    color: #6B7B9C;
    font-size: 20px;
    cursor: pointer;
    padding: 6px;
}

.company-details-desc-body h5 {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 150%;
    color: #1A202C;
}

.company-details-desc-body p {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #6B7B9C;
}

.actionbloc-desc2 img {
    width: 100%;
}

.company-details-categories-content-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
}

.search-btn-load {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 8px 0px;
    gap: 8px;
    border-radius: 8px;
}

.detail-company-details-header-desc-body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
}

/*----------------NEW filter SEARCH-----------------------*/

.search-assign-category-content {
    display: flex;
    align-items: flex-start;
    gap: 22px;
    width: 100%;
    max-height: 330px;
    /*max-height: 265px;*/
    overflow-x: auto;
    border: 1px solid #EFEFF7;
    border-radius: 8px;
}

.search-assign-categories-content-filter {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 24px;
    gap: 10px;
    width: 100%;
    background: #FFFFFF;
    /* border: 1px solid #EFEFF7;
    border-radius: 8px;
    max-height: 275px;*/
}

.sidebar-assign-content {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 8px;
}

.desc-sidebar-assign-content01 {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.desc-sidebar-assign-content02 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.sidebar-assign-header-content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0px;
    gap: 8px;
}

.desc-sidebar-assign-header-content01 {
    display: flex;
    flex-direction: row;
    align-items: center;
}

    .desc-sidebar-assign-header-content01 h5 {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 140%;
        color: #1A202C;
        margin-bottom: 1px;
    }

    .desc-sidebar-assign-header-content01 button {
        border: 1px solid #EFEFF7;
        border-radius: 30px;
        width: 57px;
        height: 18px;
        padding: 0px;
    }


.desc-sidebar-assign-header-content02 {
    display: flex;
    flex-direction: row;
    justify-content: end;
    align-items: center;
}

    .desc-sidebar-assign-header-content02 button {
        border: 1px solid #EFEFF7;
        border-radius: 30px;
        padding: 3px 5px;
    }

        .desc-sidebar-assign-header-content02 button h5 {
            font-family: 'Lato';
            font-style: normal;
            font-weight: 600;
            font-size: 12px;
            line-height: 120%;
            color: #6B7B9C;
            margin-top: 0px !important;
            margin-bottom: 0px !important;
        }

    .desc-sidebar-assign-header-content02 i {
        cursor: pointer;
    }


/*------------------------------------------ list listing -----------------------------------------*/

@media (min-width: 279px) and (max-width: 990px) {
}

.add-list-listing-header h5 {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    color: #1A202C;
}

.add-list-listing-body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 1.5rem;
    gap: 16px;
    min-height: 400px;
}

.add-list-listing-sub-head {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 8px;
    width: 100%;
}

    .add-list-listing-sub-head h5 {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 600;
        font-size: 12px;
        line-height: 150%;
        color: #6B7B9C;
    }

.add-list-listing-sub-head-body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
    width: 100%;
}

.add-list-sub-listing-sub-head-body {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 1rem;
    gap: 10px;
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #EFEFF7;
    border-radius: 8px;
}

.add-list-sub-listing {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 15px;
    width: 90%;
}

.add-list-listing-sub-head-details {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0px;
}

    .add-list-listing-sub-head-details h5 {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 600;
        font-size: 15px;
        line-height: 150%;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        color: #1A202C;
    }

    .add-list-listing-sub-head-details p {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 140%;
        color: #6B7B9C;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

.add-list-sub-listing-check {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 0px;
    gap: 8px;
    width: 10%;
}

.add-list-listing-footer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding: 1rem 2rem;
    gap: 150px;
    width: 100%;
}

.add-list-listing-done-footer {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 12px;
    gap: 10px;
    width: 30%;
    height: 36px;
    background: #7B68EE;
    border-radius: 8px;
    text-decoration: none;
}

    .add-list-listing-done-footer span {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 600;
        font-size: 15px;
        line-height: 150%;
        color: #FFFFFF;
    }

.add-list-listing-create-footer {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 12px;
    gap: 10px;
    width: 32%;
    height: 36px;
    border-radius: 8px;
    text-decoration: none;
}

    .add-list-listing-create-footer span {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 600;
        font-size: 15px;
        line-height: 140%;
        color: #7B68EE;
    }

.add-list-listing-icon {
    padding-top: 23px;
    padding-left: 15px;
    min-width: 40px;
}

.add-list-listing-new-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 24px;
    gap: 24px;
}

.add-list-listing-new-list-desc {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    width: 100%;
}

    .add-list-listing-new-list-desc b {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 140%;
        color: #1A202C;
        padding: 0px 0px 15px;
    }

    .add-list-listing-new-list-desc input {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        padding: 12px 16px;
        width: 100%;
        background: #FFFFFF;
        border: 1px solid #7B68EE;
        box-shadow: 0px 0px 4px rgba(123, 104, 238, 0.3);
        border-radius: 8px;
    }

.add-list-listing-btn {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 230px;
    width: 100%;
    height: 36px;
    padding: 24px 0px;
}

.add-list-listing-cancel-btn {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 24px;
    gap: 8px;
    width: 50%;
    height: 36px;
    background: #EFEFF7;
    border-radius: 8px;
}

    .add-list-listing-cancel-btn span {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 140%;
        color: #1A202C;
    }

.add-list-listing-save-btn {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 24px;
    gap: 10px;
    width: 50%;
    height: 36px;
    background: #7B68EE;
    border-radius: 8px;
}

    .add-list-listing-save-btn span {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 140%;
        color: #FFFFFF;
    }

.more-dropdown {
    position: absolute;
    inset: 0px auto auto 0px;
    margin: 0px;
    transform: translate(1045px, 425px) !important;
}

.cursorPointer {
    cursor: pointer !important;
}

.outlineZero {
    outline: 0px !important;
}

.chosen-container {
    text-align: left !important;
}

.select-social-media-information-sub-body-input {
    /*width: 96%;*/
}

    .select-social-media-information-sub-body-input img {
        width: 22px;
        padding-bottom: 5px;
    }

    .select-social-media-information-sub-body-input span {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 150%;
        color: #1A202C;
    }

    .select-social-media-information-sub-body-input label {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 150%;
        color: #1A202C;
    }

.recaptcha-body {
    align-items: flex-start;
    padding: 1rem 2rem;
}

.all-type-recaptcha {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 15px;
    width: 100%;
    background: #EFEFF7;
    border: 1px solid #EFEFF7;
    border-radius: 8px;
}

.all-type-recaptcha-check {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    justify-content: center;
}

    .all-type-recaptcha-check input {
        width: 24px;
        height: 24px;
    }

    .all-type-recaptcha-check span {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 140%;
        color: #1A202C;
    }

.featured-filter-button01 {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 5%;
    width: 100%;
    height: 24px;
}

    .featured-filter-button01 p.h5 {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 140%;
        color: #1A202C;
        text-align: center;
        margin-bottom: 0px;
        margin-top: 0px;
    }

.featured-filter-dropdown-item {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: #1A202C;
    margin-bottom: 0px;
    margin-top: 0px;
}

.featured-filter-button02 {
    width: 8%;
    height: 18px;
    margin: 0px !important
}

    .featured-filter-button02 img {
        padding-bottom: 10px;
    }

.add-list-listing-header-search {
    display: flex;
    align-items: center;
    padding: 0px;
    width: 100%;
    height: 45px;
}

    .add-list-listing-header-search img {
        position: absolute;
        padding-left: 8px;
        padding-top: 8px;
    }

    .add-list-listing-header-search input {
        width: 100%;
        height: 42px;
        border-top: 0;
        border-right: 0;
        border-bottom: 0;
        border-left: 0;
    }

.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: var(--systemColorLight) !important;
}

.text-theme {
    display: flex;
    align-items: center;
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 140%;
}


/* Check Box CSS*/
.cbx {
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    padding: 0px 2px;
    border-radius: 6px;
    overflow: hidden;
    transition: all 0.1s ease;
}

    /*.cbx:not(:last-child) {
        margin-right: 6px;
    }*/

    .cbx span {
        float: left;
        vertical-align: middle;
        transform: translate3d(0, 0, 0);
    }

        .cbx span:first-child {
            position: relative;
            width: 18px;
            height: 18px;
            border-radius: 4px;
            transform: scale(1);
            border: 1px solid #cccfdb;
            transition: all 0.2s ease;
            box-shadow: 0 1px 1px rgba(0,16,75,0.05);
        }

            .cbx span:first-child svg {
                position: absolute;
                top: 3px;
                left: 2px;
                fill: none;
                stroke: #fff;
                stroke-width: 2;
                stroke-linecap: round;
                stroke-linejoin: round;
                stroke-dasharray: 16px;
                stroke-dashoffset: 16px;
                transition: all 0.3s ease;
                transition-delay: 0.1s;
                transform: translate3d(0, 0, 0);
            }

        .cbx span:last-child {
            padding-left: 8px;
            line-height: 18px;
        }

    .cbx:hover span:first-child {
        border-color: var(--systemColor);
    }

.inp-cbx {
    position: absolute;
    visibility: hidden;
}

    .inp-cbx:checked + .cbx span:first-child {
        background: var(--systemColor);
        border-color: var(--systemColor);
        animation: wave 0.4s ease;
    }

        .inp-cbx:checked + .cbx span:first-child svg {
            stroke-dashoffset: 0;
        }


.inline-svg {
    position: absolute;
    width: 0;
    height: 0;
    pointer-events: none;
    user-select: none;
}

@media screen and (max-width: 640px) {

    .cbx {
        /*width: 100%;*/
        margin-bottom: 4px;
        display: inline-block;
    }

    .cbxterm {
        width: 12%;
    }
}

@-moz-keyframes wave {
    50% {
        transform: scale(0.9);
    }
}

@-webkit-keyframes wave {
    50% {
        transform: scale(0.9);
    }
}

@-o-keyframes wave {
    50% {
        transform: scale(0.9);
    }
}

@keyframes wave {
    50% {
        transform: scale(0.9);
    }
}

/* End Check Box CSS*/

.hidetag {
    visibility: hidden;
    display: none;
}

.dummyTag {
    visibility: visible;
}

.company-details-card-cursorpointer {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 16px 0px 16px 0px;
}
/*-------------------------------------  New Supp   ----------------------------------------------*/

@media (min-width: 279px) and (max-width: 990px) {
    .add-suppliers-content-details-button {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 8px 24px;
        gap: 10px;
        /*width: 352px;*/
        height: 36px;
        border-radius: 8px;
    }
}

.add-suppliers-details {
    box-sizing: border-box;
    position: absolute;
    background: #FFFFFF;
    border: 1px solid #EFEFF7;
    box-shadow: 0px 4px 14px rgba(54, 57, 90, 0.1);
    border-radius: 8px;
}


.add-suppliers-content-details {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 24px;
    width: 300px;
}

.add-suppliers-content-details-button {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 24px;
    gap: 10px;
    /*width: 352px;*/
    width: 300px;
    height: 36px;
    border-radius: 8px;
}

    .add-suppliers-content-details-button p {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 140%;
        color: #FFFFFF;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

.add-suppliers-content-companies-details {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
    width: 100%;
}

    .add-suppliers-content-companies-details b {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 600;
        font-size: 12px;
        line-height: 150%;
        display: flex;
        align-items: center;
        color: #6B7B9C;
    }

.add-suppliers-content-companies-details-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
    max-height: 30vh !important;
    overflow-x: hidden !important;
}

.add-suppliers-companies-details-list {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 0px;
    gap: 16px;
    width: 100%;
    height: 45px;
    border-radius: 5px;
}

.add-suppliers-companies-details-list-body {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 8px;
    width: 90%;
    height: 45px;
}

    .add-suppliers-companies-details-list-body img {
        width: 40px;
        height: 40px;
        border-radius: 8px;
        padding: 0px !important;
    }

.add-suppliers-companies-details-body-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0px;
    width: 100%;
}

    .add-suppliers-companies-details-body-content p {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 400;
        font-size: 15px;
        line-height: 150%;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

.add-suppliers-companies-details-list-button-group {
    display: flex;
    flex-direction: row;
    gap: 15px;
    align-items: center;
    height: 45px;
}

.add-suppliers-companies-details-list-edit {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 8px;
    width: 20px;
    height: 20px;
}

#loader {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 2000;
}

.company-sub-body-input label {
    font-size: 16px;
    /*font-weight: 500;*/
    margin-bottom: 5px;
}

.invite-supplier input[readonly=true] {
    cursor: not-allowed;
}

.invite-supplier .field-validation-error {
    color: red;
}

.invite-supplier label.required::after {
    content: "*";
    color: red;
}

.summry-tbl-color {
    background: var(--profileBackgroundColor);
    padding: 30px 0;
}

.summry-tbl {
    background: #FFFFFF;
    border: 1px solid #EFEFF7;
    padding: 24px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 15px;
}

    .summry-tbl tbody tr td {
        border: 0;
    }

        .summry-tbl tbody tr td:last-child {
            text-align: right;
        }

    .summry-tbl thead tr th {
        border: 0;
        font-size: 18px;
        color: var(--bodyTextColor);
    }


.bg-none {
    background-color: transparent !important
}

.subscription-plan {
    background: #FFFFFF;
    border: 1px solid #E4E3E1;
    padding: 12px;
    border-radius: 8px;
    width: 320px;
}

    .subscription-plan .subs-box-head {
        border-radius: 8px;
        font-weight: 400;
        padding: 12px 18px;
        margin-bottom: 12px;
    }

        .subscription-plan .subs-box-head h5 {
            align-items: center;
            text-align: center;
            font-family: 'Lato';
            font-style: normal;
            font-weight: 700;
            font-size: 20px;
            color: #000000;
        }

    .subscription-plan .subs-box {
        border-radius: 8px;
        font-weight: 400;
        padding: 12px 18px;
        margin-bottom: 12px;
    }


        .subscription-plan .subs-box span {
            color: var(--bodyTextColor);
        }

        .subscription-plan .subs-box p {
            font-family: 'Lato';
            font-style: normal;
            font-weight: 400;
            font-size: 12px;
        }

        .subscription-plan .subs-box b {
            font-family: 'Lato';
            font-style: normal;
            font-size: 14px;
        }

    .subscription-plan .btn {
        /*background: #F26322;*/
        padding: 8px 24px;
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        color: #fff;
        border-radius: 8px;
    }

@font-face {
    font-family: "icomoon";
    src: url("fonts/icomoon.eot");
    src: url("fonts/icomoon.eot?#iefix") format("embedded-opentype"), url("fonts/icomoon.woff") format("woff"), url("fonts/icomoon.ttf") format("truetype"), url("fonts/icomoon.svg#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
}

.inputSearchBarWithIcon i {
    position: absolute;
    font-weight: 500;
    padding-top: 34px;
    padding-left: 8px;
    font-weight: 600;
}

.invite-supplier-btn {
    white-space: nowrap;
    min-width: 130px;
}

.color-select-modal {
    display: flex;
    width: 48%;
    justify-content: space-evenly;
    flex-direction: row;
}

.socialLogo {
    height: 20px;
    width: 20px;
}

@media (min-width: 279px) and (max-width: 990px) {

    #statsDiv {
        top: -60px !important;
    }

    .statspadding {
        padding: 0px !important;
    }

    .title-card-flag {
        position: relative !important;
        padding: 0px !important;
        /*padding-left: 12px !important;
        padding-right: 12px !important;*/
        /*width: 94% !important;*/
        width: 100% !important;
        height: 25% !important;
    }

    .header-title-font {
        font-size: 32px !important;
    }
}

.title-card-flag {
    width: 100%;
    position: relative;
    padding-bottom: 40px;
    background-color: #edecea;
}

.statspadding {
    position: absolute;
    top: -75px;
    padding: 20px 0px;
}


.new-gap-listing-body-footer {
    display: flex;
    align-items: center;
    padding: 0px;
    gap: 150px;
}

.header-title-sec1 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 12px;
}

.header-title-font {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 800;
    font-size: 48px;
    line-height: 130%;
    text-transform: capitalize;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.header-title-sub-font {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

#companyOverview video, #divMoreOverview video {
    width: 100%;
}

#companyOverview figure, #divMoreOverview figure {
    width: 100%;
}

.dropdown-menu[data-bs-popper] {
    top: 100%;
    left: 0;
    margin-top: 1.125rem !important;
    z-index: 9999;
}

@media (min-width: 320px) and (max-width: 991px) {
    .company-preview-page-hidden {
        display: none !important;
    }
}

.company-preview-page-hidden {
    display: inline-block;
}

/*header {
    height: 90px !important;
}*/


.section-filter-for-activity-updates-more-button .dropdown-item.active, .dropdown-item:active {
    text-decoration: none;
    color: #1e2125 !important;
    background-color: #e9ecef !important;
}

.swal2-styled.swal2-confirm {
    background-color: var(--systemColor) !important;
}

.activity-insights-header-divider {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    /*padding: 24px;
    background: #FFFFFF;
    border: 1px solid rgba(62, 70, 26, 0.15);
    border-radius: 8px;*/
}

    .activity-insights-header-divider h2 {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 22px;
        line-height: 150%;
        color: #000000;
    }

.activity-insights-body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
    width: 100%;
}

.inputbordercolor {
    border: 1px solid var(--inputBorderColor);
}

.company-product-and-service {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
}

.company-product-and-service-main-section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
    width: 100%;
}

.company-product-and-service-main-section-header {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 8px;
    width: 100%;
}

.contentTitleTextBody {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: var(--systemTextColor);
}

#mapsmall .map-location-label {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px;
    gap: 4px;
    border-radius: 8px;
}

    #mapsmall .map-location-label .map-location-label-body {
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        padding: 1px 8px 3px;
        /*width: 77px;*/
        height: 22px;
        background: #6B7B9C;
        border: 1px solid #FFFFFF;
        border-radius: 8px;
    }

        #mapsmall .map-location-label .map-location-label-body b {
            font-family: 'Lato';
            font-style: normal;
            font-weight: 700;
            font-size: 12px;
            line-height: 150%;
            color: #FFFFFF;
        }


@media (min-width: 320px) and (max-width: 991px) {
    .companylistLengthMax {
        width: 100%;
        overflow: hidden;
        /*white-space: nowrap;*/
        text-overflow: ellipsis;
    }

    .popuplistLengthMax {
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .popuplistCardLengthMax {
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .companyCardLengthMax {
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .contactCardLengthMax {
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .featuredcompanyLengthMax {
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .listingCompanyNameLengthMax {
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .commonsingularnamecategorydetailslength {
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
}

.commonsingularnamecategorydetailslength {
    width: 308px !important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.companylistLengthMax {
    width: unset !important;
    overflow: hidden;
    /*white-space: nowrap;*/
    text-overflow: ellipsis;
}

.popuplistLengthMax {
    width: 380px !important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.popuplistCardLengthMax {
    width: 390px !important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.companyCardLengthMax {
    width: 220px !important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.featuredcompanyLengthMax {
    width: 330px !important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.contactCardLengthMax {
    width: 170px !important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/*.categoryNameLengthMax {
    width: 180px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: red;
}

.companyNameLengthMax {
    width: 220px !important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}*/

.listingCompanyNameLengthMax {
    width: 275px !important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.popuplistLengthMaxContentStart {
    display: flex;
    justify-content: flex-start !important;
}

}

.faq-detail-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 60px 0px;
    gap: 40px;
}

.faq-detail-card-header {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px;
    gap: 32px;
}

    .faq-detail-card-header h2 {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 32px;
        line-height: 150%;
        color: var(--h2FontColor);
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

.faq-detail-card-body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
    width: 100%;
}

.faq-card-body-header {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 24px;
    width: 100%;
    gap: 16px;
    /*height: 72px;*/
    background: #FFFFFF;
    border: 1px solid #EFEFF7;
    border-radius: 8px;
}

.faq-card-body-title {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0px;
    /*gap: 259px;*/
    width: 100%;
    height: 24px;
}

    .faq-card-body-title b {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 150%;
        color: var(--systemTextColor);
    }

.faq-collapse-sub-body {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: var(--bodyTextColor);
}

@media (min-width: 320px) and (max-width: 991px) {
    .contactus-card {
        padding: 0px !important;
    }

    .contactus-card-content {
        justify-content: start !important;
        flex-direction: column !important;
        width: 100% !important;
        height: 100% !important;
    }

    .contactus-card-content-body {
        flex-direction: column !important;
        width: 100% !important;
        height: 100% !important;
    }

    .contactus-card-image-main img {
        width: 100% !important;
        height: 100% !important;
        margin-top: 0px !important;
    }

    .contactus-card-content-form {
        width: 100% !important;
        height: 100% !important;
    }
}

.contactus-card {
    display: flex;
    position: relative;
    flex-direction: column;
    align-items: center;
    padding: 60px 0px 0px;
    gap: 32px;
}

.contactus-card-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 32px;
    width: 100%;
    height: 48px;
}

    .contactus-card-header h2 {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 32px;
        line-height: 150%;
        color: var(--h2FontColor);
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

.contactus-card-content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0px;
    gap: 40px;
    /*width: 1200px;
    height: 384px;*/
}

.contactus-card-content-details {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 16px 0px 0px;
    gap: 24px;
}

.contactus-card-content-details-body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 40px;
}

.contactus-card-content-header {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 8px;
    /*width: 729px;*/
    height: 78px;
}

    .contactus-card-content-header b {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 20px;
        line-height: 150%;
        color: var(--systemTextColor);
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    .contactus-card-content-header p {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 140%;
        color: var(--bodyTextColor);
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

.contactus-card-content-body {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 40px;
    /*width: 634px;*/
    height: 40px;
}

.contactus-card-content-frame {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 12px;
}

.contactus-card-content-frame-button {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    padding: 8px;
    gap: 10px;
    width: 40px;
    height: 40px;
    background: var(--buttonBackgroundColor);
    border-radius: 8px;
    border: none;
}

.contactus-card-content-frame span {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    color: var(--systemTextColor);
}


.contactus-card-content-form {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 24px;
    width: 398px;
    /*height: 384px;*/
    background: #FFFFFF;
    border: 1px solid #EFEFF7;
    box-shadow: 0px 4px 14px rgba(54, 57, 90, 0.1);
    border-radius: 8px;
}

.contactus-card-content-form-details {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 24px;
    /*width: 100%;*/
    width: 348px;
}

.contactus-card-content-form-details-body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
    width: 100%;
}

.contactus-card-input {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 8px;
    width: 100%;
}

    .contactus-card-input b {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 140%;
        color: var(--systemTextColor);
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

.contactus-card-content-form-details-footer {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    width: 100%;
}

.contactus-card-buttonThemeMain {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 24px;
    gap: 10px;
    /*width: 99px;*/
    height: 44px;
    background: var(--buttonColor);
    border-radius: 8px;
    border: none;
}

    .contactus-card-buttonThemeMain p {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 150%;
        color: var(--buttonTextColor);
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

.contactus-card-image-main {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
}

    .contactus-card-image-main img {
        background-size: contain;
        background-repeat: no-repeat;
        object-fit: contain;
        width: 100%;
        margin-top: -70px;
    }

@media (min-width: 279px) and (max-width: 990px) {
    .detail-card-activity-ad {
        padding: 0px !important;
    }

    .detail-header-activity-name-header {
        flex-direction: column !important;
        width: 100% !important;
        padding: 12px 0px !important;
    }

    .detail-header-activity-ad-main-body {
        flex-direction: column !important;
        width: 100% !important;
    }

    .detail-activity-sub-body-part-frame {
        flex-direction: column !important;
        width: 100% !important;
    }

    .detail-header-activity-ad-main-sub-body {
        width: 100% !important;
        height: 100% !important;
    }
}

.detail-header-activity-name-header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px;
    gap: 10px;
    width: 100%;
}

    .detail-header-activity-name-header h2 {
        display: flex;
        flex-direction: column;
        text-align: center;
        justify-content: center;
        font-family: Lato;
        font-style: normal;
        font-size: 28px;
        font-weight: 700;
        line-height: 120%;
    }

.detail-header-activity-ad-main-body {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
}

.detail-header-activity-ad-main-sub-body {
    display: flex;
    padding: 24px 16px 16px 16px;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    flex: 1 0 0;
    border-radius: 8px;
    border: 1px solid var(--cardBorderColor);
    background: #FFF;
    height: 410px;
}

.detail-activity-main-sub-body-part {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
}

.detail-activity-main-sub-body-part {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
}

.detail-activity-main-sub-body-part-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    align-self: stretch;
}

.detail-activity-sub-body-part-frame {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
}

.detail-activity-sub-body-part-frame-card {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 24px;
    flex: 1 0 0;
    border-radius: 8px;
    border: 1px solid var(--cardBorderColor);
    background: #FFF;
    height: 320px;
    padding-left: 7px;
    padding-top: 10px;
}

.detail-activity-sub-body-part-frame-card-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    align-self: stretch;
}

.detail-activity-sub-body-part-frame-card-content-img {
    display: flex;
    height: 130px;
    justify-content: center;
    align-items: center;
    flex: 1 0 0;
    width: 230px;
    height: 130.481px;
    margin-right: 6px;
    margin-top: 25px;
}

    .detail-activity-sub-body-part-frame-card-content-img img {
        width: 150px;
        height: 145px;
        border-radius: 6px;
        /*border: 1px solid #EBEDF5;*/
    }

.detail-activity-sub-body-part-frame-card-content-body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    width: 230px;
    height: 114px;
}

    .detail-activity-sub-body-part-frame-card-content-body span {
        font-size: 12px;
        font-family: Lato;
        font-style: normal;
        font-weight: 700;
        line-height: 150%;
        color: var(--systemTextColor);
    }

.activity-frame-card-content-body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}

    .activity-frame-card-content-body p {
        color: var(--systemTextColor);
        font-size: 12px;
        font-family: Lato;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

        .activity-frame-card-content-body p span {
            color: var(--systemTextColor);
            font-size: 12px;
            font-family: Lato;
            font-style: normal;
            font-weight: 400;
            line-height: 150%;
            margin-top: 0px !important;
            margin-bottom: 0px !important;
        }

    .activity-frame-card-content-body span {
        overflow: hidden;
        color: var(--systemTextColor);
        text-overflow: ellipsis;
        whitespace: nowrap;
        font-size: 12px;
        font-family: Lato;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

        .activity-frame-card-content-body span b {
            overflow: hidden;
            color: var(--systemTextColor);
            text-overflow: ellipsis;
            whitespace: nowrap;
            font-size: 12px;
            font-family: Lato;
            font-style: normal;
            font-weight: 700;
            line-height: 150%;
            margin-top: 0px !important;
            margin-bottom: 0px !important;
        }

.detail-activity-main-sub-body-part-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    align-self: stretch;
    overflow-y: auto;
    height: 300px
}

.popup2 {
    position: absolute;
    background-color: #f1f1f1;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 10px;
    /*display: none;*/
    width: 300px;
    z-index: 999;
}

@media (min-width: 279px) and (max-width: 990px) {
    .popup-media-popup {
        justify-content: flex-start !important;
        flex-direction: column !important;
        width: 35% !important;
    }

    .profile-details-owner {
        flex-direction: column !important;
        gap: 10px;
    }
}

.serch-btn-new-style {
    display: flex;
    padding: 0px 27px 1px 22px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    border: 0;
    color: #fff;
    padding: 10px 24px;
}



.control-menu-popup-social-image {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 10px;
    width: 35px;
    height: 35px;
    /*width: 44px;
    height: 44px;*/
    background: #F8F8FC;
    border: 1px solid #EFEFF7;
    border-radius: 30px;
}

    .control-menu-popup-social-image img {
        width: 35px;
        height: 35px;
        /*width: 44px;
        height: 44px;*/
        border-radius: 30px;
    }

.control-menu-popup {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.control-menu-popup-details {
    display: flex;
    flex-direction: row;
    gap: 5px;
    justify-content: flex-start;
}

    .control-menu-popup-details b {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 150%;
        color: var(--systemTextColor);
    }

.control-menu-popup p {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    color: var(--bodyTextColor);
}

.titleBorderBottom {
    border-bottom: 1px solid #EDECEA;
}

active-table {
    border-bottom: 2px solid var(--activeTabColor);
}


.upgrade-subscription-link {
    text-decoration: none;
    color: #007bff;
    cursor: pointer;
}

.article-link {
    text-decoration: none;
    color: var(--systemTextColor) !important;
    cursor: pointer;
}

.upgrade-subscription-link:hover {
    color: #0056b3;
    transition: color 0.3s, background-color 0.3s;
}

.upgrade-subscription-link:visited {
    color: #8800a0;
}

@media (min-width: 990px) and (max-width: 1530px) {
    .popup-edit-supplier-off-canvas {
        width: 100% !important;
    }
}

@media (min-width: 279px) and (max-width: 990px) {
    .popup-edit-supplier-off-canvas {
        width: 100% !important;
    }
}

.popup-edit-supplier-off-canvas {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 750px;
}

.popup-media-popup {
    background-color: white;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.company-overview-Carousel {
    text-align: end;
    color: var(--viewAllColor) !important;
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 140%;
}

.position-absolute {
    position: absolute;
}

.company-common-header {
    font-size: 22px !important;
}

.auto-ckeditor-image-figure figure img {
    width: 100%;
}

.company-location-info img {
    cursor: pointer !important;
}

.order-button-1 {
    order: 1; /* Make the "Delete" button appear first */
}

.order-button-2 {
    order: 2; /* Make the "Confirm" button appear second */
}

@media (max-width: 575px) {
    .modal {
        width: 100%;
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
    }

    .popup-modal-dialog {
        position: fixed;
        margin: auto;
        width: 95% !important;
        height: 100%;
        right: 0px;
    }

    .actionbloc-pop {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        align-items: center;
        width: 99% !important;
        height: auto;
        padding: 0px 25px;
        margin-top: 5px;
    }

    .profile-categories-content-pop {
        width: 380px;
    }
}

@media (max-width: 991px) {
    .actionbloc-pop {
        display: block;
    }

    .subscri_wrap .w-25.subscri_div {
        /*width: 33% !important;*/
        width: calc(33% - -5px) !important;
    }

    .user-company-details-actionbloc-button {
        width: fit-content !important;
        justify-content: flex-start !important;
        padding-left: 0 !important;
    }

    .categories-content-company-details-insights {
        width: 100% !important;
    }

    .categories-content-company-details-insights-detail {
        width: 100% !important;
    }

    .subcategories-content-pop {
        width: 100% !important;
    }

    .navbar-nav {
        gap: 10px;
    }

    div#upperdiv {
        margin-top: 10px !important;
    }

    div#bottomdiv {
        margin-top: 10px !important;
    }

    .control-menu-social01 {
        width: 24px;
        height: 24px;
    }

    .control-menu04 {
        gap: 0px;
    }
}

.popup {
    position: absolute;
    background-color: white;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 10px;
    width: 300px;
    display: none;
    z-index: 999;
}

@media(max-width:1300px) {
    .searchbar:hover > .search_input {
        width: 250px !important;
    }

    .categories-content-company-details-insights {
        gap: 20px
    }
}

@media(max-width:1200px) {
    .searchbar:hover > .search_input {
        width: 150px !important;
    }

    .advanced-search-button-list {
        display: block !important;
    }

    .advanced-search-button-list-btn {
        margin-bottom: 15px !important;
    }

    .advanced-search-button-list-view {
        justify-content: end !important;
        background-color: transparent !important;
        margin-bottom: 20px !important;
    }

    #listViewButtonDark {
        margin-left: 8px;
    }
}




@media(max-width:991px) {
    .navbar-nav {
        gap: 12px;
    }

    .supplier-menu-item .add-suppliers-details {
        left: 0 !important;
    }

    .navbar-nav {
        align-items: start;
    }

    .control-menu {
        align-items: start;
        padding-left: 0;
    }

    div#upperdiv {
        margin-left: 0 !important;
    }

    div#bottomdiv {
        margin-left: 0 !important;
    }

    .dropdown-menu[data-bs-popper] {
        left: 0 !important;
    }

    .user-activities-updates-sec {
        background-repeat: no-repeat;
        background-size: 100% !important;
    }

    .view-user-company-details-bloc {
        align-items: end !important;
        margin-top: -180px !important;
    }

    .log_mob_menu {
        width: 100% !important;
        padding-left: 0 !important;
        margin-top: 19px;
        padding-bottom: 20px;
    }

    .common-details {
        height: 168px !important;
    }
}

@media(max-width:767px) {
    .common-details {
        height: 213px !important;
    }

    .mainButtonSelected {
        padding: 8px 8px !important;
    }

    .mainButton {
        padding: 8px 8px !important;
    }



    .subscri_div .subscriptionCardPlan h5 {
        font-size: 16px !important;
    }

    .subscri_div .subscriptionCardPlan .defaultSubscriptionPlan h6 {
        font-size: 12px !important;
        word-wrap: break-word;
    }

    #user-activity-shared {
        display: block !important;
    }
}

.left-drp-resp {
    width: 100% !important;
}

.subscriptionCardPlan {
    padding: 10px 15px;
}

@media(max-width:480px) {
    .common-details {
        height: 200px !important;
    }

    .subscriptionCardPlan {
        padding: 10px 5px;
    }
}


.res_accordin .accordion-button::before {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 10px;
    content: "";
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="0 0 512 512"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="48" d="M184 112l144 144-144 144"/></svg>');
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out;
}

.res_accordin .accordion-button:not(.collapsed)::before {
    transform: rotate(90deg);
}

.res_accordin button.accordion-button {
    background-color: #fff;
    box-shadow: unset;
}

.res_accordin .accordion-button.collapsed {
    background-color: #edecea;
}

.res_accordin .accordion-body {
    padding: 0;
    /*background-color: #edecea;*/
}

.res_accordin .accordion-collapse .in_data_single {
    padding: 20px 24px;
    background-color: #edecea;
}

.res_accordin .accordion-collapse.collapse .in_data_single {
    padding: 20px 24px;
    background-color: #edecea;
}


.res_accordin .accordion-body .in_data_single span {
    padding-bottom: 15px;
    display: block;
    font-weight: 600;
}

.res_accordin .accordion-item {
    margin-bottom: 10px;
}

.res_accordin .accordion-button::after {
    content: none
}

.in_data_single.bg-grays {
    background: #edecea;
    margin-bottom: 10px;
    padding: 20px 24px;
}

#divPerVideo iframe {
    width: 100%;
}

.search_input {
    border: 0;
    outline: 0;
    background: none;
    width: 0;
    /*line-height: 45px;*/
    transition: width 0.4s linear;
}

/*.searchbar:hover > .search_input {
    padding: 0 10px;
    width: 320px;
    transition: width 0.4s linear;
}*/

.search_icon {
    height: 44px;
    width: 54px;
    float: right;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color: var(--systemColor);
    text-decoration: none;
    font-size: 24px;
    margin-top: 2px;
    margin-left: -9px;
}

.whiteBackground {
    background-color: white;
    border-radius: 8px;
    box-shadow: 0px 4px 14px rgba(54, 57, 90, 0.1);
    background-position: 20px center;
}


.search_mob_input {
    border: 0;
    outline: 0;
    background: none;
    width: 0;
    line-height: 45px;
    padding: 0 0 0 15px;
    transition: width 0.4s linear;
}

.search_icon {
    height: 44px;
    width: 54px;
    float: right;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color: var(--systemColor);
    text-decoration: none;
    font-size: 24px;
    margin-top: 2px;
    margin-left: -9px;
}

.search_mob_input {
    width: 100%;
    border-radius: 50px;
}


/* new updated style */
#search {
    float: right;
    font-size: 1.7em;
    padding: 5px 12px;
}

.search_box {
    clear: both;
    width: 100%;
    background: #e4e4e4;
    padding: 0 1%;
    margin: 0;
    height: 0;
    overflow: hidden;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

    .search_box.active {
        height: auto;
        padding: 1%;
        -webkit-transition: all 0.1s ease-in-out;
        -moz-transition: all 0.1s ease-in-out;
        -ms-transition: all 0.1s ease-in-out;
        -o-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out;
    }

    .search_box input {
        width: 90%;
        font-size: 1em;
        margin: 0px;
        padding: 1%;
        border: none;
        background: #fff;
    }

.input-icon-search .inner-search-input i {
    padding-top: 0;
    padding-left: 0;
}

.search_box input.search_icon {
    clear: both;
    width: 7%;
    height: auto;
    padding: 1%;
    margin: 0;
    float: right;
    border: medium none;
    color: #FFF;
    cursor: pointer;
    background: #42BBA3;
    opacity: 1;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
}

    .search_box input.search_icon:hover {
        background: #777;
        -webkit-transition: all 0.1s ease;
        -moz-transition: all 0.1s ease;
        -ms-transition: all 0.1s ease;
        -o-transition: all 0.1s ease;
        transition: all 0.1s ease;
    }

span.text-plan {
    position: relative;
    left: 0;
    bottom: 0;
    background: antiquewhite;
    width: 100%;
    text-align: center;
    padding: 5px 5px;
    display: flex;
    align-items: center;
    vertical-align: middle;
    justify-content: center;
    align-content: center;
    color: #fff;
    border-radius: 0 0 6px 6px;
    bottom: 5px;
}

    span.text-plan p {
        margin-bottom: 0;
        font-weight: 600;
    }

#divFeaturedEnterprisePartners .supplierCard .supplierCardMainBox.p-4 .bodyText span {
    word-wrap: break-word;
}

.container, .container-sm {
    margin: 0 auto !important;
}

.add-to-list-from-search-div_a .position-relative {
    z-index: -1;
}

ul.dropdown-menu.moredropdown {
    padding: 0;
    min-width: 190px;
    border-radius: 10px;
    border: 1px solid transparent;
    box-shadow: 0px 5px 5px 1px rgb(0 0 0 / 10%);
}

    ul.dropdown-menu.moredropdown li a {
        color: #000;
        text-decoration: auto;
    }

    ul.dropdown-menu.moredropdown li {
        padding: 10px 10px;
    }

        ul.dropdown-menu.moredropdown li a:hover {
            color: #000;
        }

        ul.dropdown-menu.moredropdown li:hover {
            background: var(--navigationHighlightColor);
            color: #fff !important;
        }

        ul.dropdown-menu.moredropdown li:first-child:hover {
            border-radius: 10px 10px 0 0;
        }

        ul.dropdown-menu.moredropdown li:last-child:hover {
            border-radius: 0 0 10px 10px;
        }

.moreclsadd .dropdown button {
    font-weight: 600;
}

.custom-scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

.custom-scroll::-webkit-scrollbar {
    width: 0px;
    background-color: #F5F5F5;
}

.custom-scroll::-webkit-scrollbar-thumb {
    background-color: #000000;
}

textarea.input-field {
    padding: 12px 16px !important;
}

.cstom_textarea .input-icon-search-location {
    position: relative;
}

    .cstom_textarea .input-icon-search-location i {
        position: absolute;
        top: 0;
        left: 0;
    }

    .cstom_textarea .input-icon-search-location textarea {
        padding: 5px 20px 5px 50px !important;
    }

@media screen and (min-width: 576px) {
    .modal-dialog.company-details-modal {
        max-width: calc(100% - 100px) !important;
    }
}

.search-desc-list-view figure img, .overview-htmlOverviewHolder figure img, #htmlProductDetailsHolder figure img {
    width: 100% !important;
}

.search-desc-list-view img, .overview-htmlOverviewHolder img, #htmlProductDetailsHolder img {
    width: 200px !important; /*Chaged from 100% to 265px Dt 21-06-2024*/
    object-fit: contain; /*Added on Dt 21-06-2024*/
    height: 200px; /*Added on Dt 21-06-2024*/
}

.search-desc-list-view figure .ck, .overview-htmlOverviewHolder figure .ck, #htmlProductDetailsHolder figure .ck {
    display: none !important;
}

.custom-swal-container {
    z-index: 99999999 !important; /* Use !important to override any existing styles */
    /* Add any other styles you need */
}

#btnglobalsearch_searchbox:hover, #btnglobalsearch_searchbox i:hover {
    cursor: pointer !important;
}




.table_wrap .owl-nav button span {
    display: flex;
    height: 19px;
    margin: 0;
    padding: 0;
    line-height: 100%;
}

.plane-list-main {
    overflow-x: scroll;
    /*cursor: pointer;
    scroll-behavior: smooth;*/
}

.edit-mode-plane-list-main {
    overflow-x: scroll;
}

/*.scrollbar-2 {
    scrollbar-width: thin;
    scrollbar-color: #008aff #bbb;
}

    .scrollbar-2::-webkit-scrollbar {
        width: 10px;
        height: 10px;
    }

    .scrollbar-2::-webkit-scrollbar-track {
        background-color: #bbb;
    }

    .scrollbar-2::-webkit-scrollbar-thumb {
        background-color: #0D3692;
    }

    .scrollbar-2::-webkit-scrollbar-track, .scrollbar-2::-webkit-scrollbar-thumb {
        border-radius: 12px;
    }*/

.media-kit-main .common-details {
    height: 150px !important;
}


@media (min-width:280px) { /* small mobile devices */
    #morenav #dropdownMenuButton1 {
        padding: 0 !important;
    }

    #morenavul > .nav-item {
        display: block !important;
    }
}

@media (min-width:320px) { /* smartphones, iPhone, portrait 480x320 phones */
    #morenav #dropdownMenuButton1 {
        padding: 0 !important;
    }

    #morenavul > .nav-item {
        display: block !important;
    }
}

@media (min-width:481px) { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */
    #morenav #dropdownMenuButton1 {
        padding: 0 !important;
    }

    #morenavul > .nav-item {
        display: block !important;
    }
}

@media (min-width:641px) { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */
    #morenav #dropdownMenuButton1 {
        padding: 0 !important;
    }

    #morenavul > .nav-item {
        display: block !important;
    }
}

@media(max-width:1600px) {
    .company-right-side {
        margin-left: 0px !important;
    }

    .view-user-company-details-bloc {
        flex-wrap: wrap;
    }

    .btn-orang-border {
        padding: 10px 15px;
    }
}

@media(max-width:1366px) {
    .edit-mode-plane-list-main .w-25 {
        width: 45% !important;
        min-width: 45% !important;
    }
}

@media(max-width:991px) {
    .supplierCardMainBox .d-lg-flex {
        display: flex;
        align-items: center !important;
    }

    .user-activities-contacts-category-content {
        padding-left: 0px !important;
    }

    .user-activities-contacts-desc-1-detailsPage {
        gap: 15px !important;
        margin-bottom: 15px;
    }

    .sm-p-0 {
        padding: 0 !important;
    }

    .detail_card {
        padding: 10px;
    }

    .nav-tabs.subscri_tabing {
        gap: 10px;
    }

    .table_wrap .owl-stage-outer {
        padding: 0px 0 0;
    }

    .line-style {
        position: absolute;
        padding: 33px 5px !important;
        width: 100%;
        z-index: 0;
        box-sizing: border-box;
    }

    .line-border {
        width: 29% !important;
    }

    .all-plane-main .w-25 {
        width: 35% !important;
        min-width: 35% !important;
    }

    .all-plane-main .w-75 {
        width: 65% !important;
    }

    .plane-list-main .w-25 {
        width: 35% !important;
        min-width: 35% !important;
    }

    .edit-mode-plane-list-main .w-25 {
        width: 35% !important;
        min-width: 35% !important;
    }
    /*.edit-mode-plane-list-main .w-75 {
        width: 65% !important;
    }*/
    .media-kit-plan .subscri_div {
        margin-bottom: 15px;
    }

    .listing-page-details h5 {
        font-size: 26px !important;
        font-weight: 600 !important;
    }

    .listing-page-details-sub-part p {
        font-size: 16px !important;
        font-weight: 400 !important;
    }

    .subscribe-div-plan .col-3, .subscribe-div-plan .col-4, .subscribe-div-plan .col-6 {
        flex: 0 0 auto;
        width: 100% !important;
    }

    .subscribe-div-plan .col-3, .subscribe-div-plan .col-4, .subscribe-div-plan .col-6 {
        margin-bottom: 15px;
    }
}


@media(max-width:460px) {
    .line-border {
        width: 12% !important;
    }


    .all-plane-main .w-25 {
        width: 40% !important;
        min-width: 40% !important;
    }

    .all-plane-main .w-75 {
        width: 60% !important;
    }

    .plane-list-main .w-25 {
        width: 59% !important;
        min-width: 59% !important;
    }

    .media-kit-plan .col-3, .subscribe-div-plan .col-3, .subscribe-div-plan .col-4, .subscribe-div-plan .col-6 {
        flex: 0 0 auto;
        width: 100% !important;
    }

    .media-kit-plan .subscri_div, .subscribe-div-plan .col-3, .subscribe-div-plan .col-4, .subscribe-div-plan .col-6 {
        margin-bottom: 15px;
    }

    .edit-mode-modal .me-3 {
        margin-right: 0rem !important;
    }

    .edit-mode-modal .ms-2 {
        margin-left: 0rem !important;
    }
}

.all-plane-main {
    margin-top: 50px;
}

#txtCouponCode {
    font-weight: 700;
    font-size: 14px;
    line-height: 140%;
    min-width: 250px;
    height: 44px;
}

#btnCouponCodeApply {
    font-weight: 700;
    font-size: 14px;
    line-height: 140%;
    width: 95px
}

.radioOptionForRatingContactInfo input[type=radio] {
    accent-color: var(--systemColor) !important;
    height: 25px !important;
    width: 18px !important;
}

/* Newly added code for for menus in header and footer */

.navbar-nav li a {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 150%;
    color: var(--navigationColor);
    text-decoration: none;
}

.navbar-nav li:hover > ul.dropdown-menu {
    display: block;
}

.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
    }

/* rotate caret on hover */
.dropdown-menu > li > a:hover:after {
    text-decoration: underline;
    transform: rotate(-90deg);
}

ul.dropdown-menu.moredropdown li a:hover {
    background-color: transparent !important;
}

/* Footer Part CSS */
.new_footer_area {
    background: var(--footerBackgroundColor);
}

.new_footer_top {
    padding: 30px 0 15px;
    position: relative;
    overflow-x: hidden;
}

.new_footer_area .footer_bottom {
    padding-top: 5px;
    /*padding-bottom: 50px;*/
}

.footer_bottom {
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    color: #7f88a6;
    padding: 27px 0px;
}

.new_footer_top .company_widget p {
    font-size: 16px;
    font-weight: 300;
    line-height: 28px;
    color: #6a7695;
    margin-bottom: 20px;
}

.new_footer_top .company_widget .f_subscribe_two .btn_get {
    border-width: 1px;
    margin-top: 20px;
}

.btn_get_two:hover {
    background: transparent;
    color: #5e2ced;
}

.btn_get:hover {
    color: #fff;
    background: #6754e2;
    border-color: #6754e2;
    -webkit-box-shadow: none;
    box-shadow: none;
}

a:hover,
a:focus,
.btn:hover,
.btn:focus,
button:hover,
button:focus {
    text-decoration: none;
    outline: none;
}

.new_footer_top .f_widget.about-widget .f_list li a:hover {
    color: #5e2ced;
    text-decoration: none !important;
}

.new_footer_top .f_widget.about-widget .f_list li {
    margin-bottom: 11px;
}

.f_widget.about-widget .f_list li:last-child {
    margin-bottom: 0px;
}

.f_widget.about-widget .f_list li {
    margin-bottom: 15px;
}

.f_widget.about-widget .f_list {
    margin-bottom: 0px;
}

.new_footer_top .f_social_icon a {
    width: 44px;
    height: 44px;
    line-height: 43px;
    background: transparent;
    border: 1px solid #e2e2eb;
    font-size: 24px;
}

.f_social_icon a {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    font-size: 14px;
    line-height: 45px;
    color: var(--footerIconColor);
    display: inline-block;
    background: var(--footerButtonBackgroundColor);
    text-align: center;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.ti-facebook:before {
    content: "\e741";
}

.ti-twitter-alt:before {
    content: "\e74b";
}

.ti-vimeo-alt:before {
    content: "\e74a";
}

.ti-pinterest:before {
    content: "\e731";
}

.btn_get_two {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #5e2ced;
    border-color: #5e2ced;
    color: #fff;
}

    .btn_get_two:hover {
        background: transparent;
        color: #5e2ced;
    }

.new_footer_top .f_social_icon a:hover {
    background: #5e2ced;
    border-color: #5e2ced;
    color: white;
}

.new_footer_top .f_social_icon a + a {
    margin-left: 4px;
}

.new_footer_top .f-title {
    margin-bottom: 10px;
    color: var(--footerNavigationColor) !important;
}

.f_600 {
    font-weight: 600;
}

.f_size_18 {
    font-size: 18px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #4b505e;
}

.new_footer_top .f_widget.about-widget .f_list li a {
    color: #6a7695;
    text-decoration: none !important;
    font-size: 16px;
}

.new_footer_top .footer_bg {
    position: absolute;
    bottom: 0;
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigB8iI5tb8WSVBuVUGc9UjjB8O0708X7Fdic_4O1LT4CmLHoiwhanLXiRhe82yw0R7LgACQ2IhZaTY0hhmGi0gYp_Ynb49CVzfmXtYHUVKgXXpWvJ_oYT8cB4vzsnJLe3iCwuzj-w6PeYq_JaHmy_CoGoa6nw0FBo-2xLdOPvsLTh_fmYH2xhkaZ-OGQ/s16000/footer_bg.png") no-repeat scroll center 0;
    width: 100%;
    height: 266px;
}

    .new_footer_top .footer_bg .footer_bg_one {
        background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia0PYPxwT5ifToyP3SNZeQWfJEWrUENYA5IXM6sN5vLwAKvaJS1pQVu8mOFFUa_ET4JuHNTFAxKURFerJYHDUWXLXl1vDofYXuij45JZelYOjEFoCOn7E6Vxu0fwV7ACPzArcno1rYuVxGB7JY6G7__e4_KZW4lTYIaHSLVaVLzklZBLZnQw047oq5-Q/s16000/volks.gif") no-repeat center center;
        width: 330px;
        height: 105px;
        background-size: 100%;
        position: absolute;
        bottom: 0;
        left: 30%;
        -webkit-animation: myfirst 22s linear infinite;
        animation: myfirst 22s linear infinite;
    }

    .new_footer_top .footer_bg .footer_bg_two {
        background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyLGwEUVwPK6Vi8xXMymsc-ZXVwLWyXhogZxbcXQYSY55REw_0D4VTQnsVzCrL7nsyjd0P7RVOI5NKJbQ75koZIalD8mqbMquP20fL3DxsWngKkOLOzoOf9sMuxlbyfkIBTsDw5WFUj-YJiI50yzgVjF8cZPHhEjkOP_PRTQXDHEq8AyWpBiJdN9SfQA/s16000/cyclist.gif") no-repeat center center;
        width: 88px;
        height: 100px;
        background-size: 100%;
        bottom: 0;
        left: 38%;
        position: absolute;
        -webkit-animation: myfirst 30s linear infinite;
        animation: myfirst 30s linear infinite;
    }

@-moz-keyframes myfirst {
    0% {
        left: -25%;
    }

    100% {
        left: 100%;
    }
}

@-webkit-keyframes myfirst {
    0% {
        left: -25%;
    }

    100% {
        left: 100%;
    }
}

@keyframes myfirst {
    0% {
        left: -25%;
    }

    100% {
        left: 100%;
    }
}

.about-widget {
    margin-bottom: 20px;
}

.f_social_icon {
    text-align: center;
}

.new_footer_top a {
    text-decoration: none;
    color: var(--footerNavigationColor) !important;
}

    .new_footer_top a:hover {
        color: var(--footerNavigationHoverColor) !important;
    }

.company_widget p {
    margin-bottom: 0.5rem;
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: var(--footerTextColor);
}

.new_footer_top .f-title:hover {
    color: var(--footerNavigationHoverColor) !important;
}

.company-footer-logo {
    text-align: center;
}

    .company-footer-logo img {
        width: 180px;
        margin-bottom: 5px;
    }

.company-footer-default-logo {
    text-align: center;
    width: auto;
    height: auto;
}

/*************footer End*****************/

/* ------------------------------------------------------- */

.supplierCard .supplierCardMainBox { /* #2584  */
    min-height: 315px;
}

.globalSearchMegnifiedIcon {
    right: -23.9931px !important;
    top: 0px !important;
    font-size: 24px !important;
}

.last-distblock i {
    margin-bottom: 2px;
}

.last-distblock {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 70%;
    margin-top: 1px;
}

.star-ratings-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.display-badges-float {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 25px;
}

.search-desc-body {
    padding-top: 5px !important;
}

#addEditContactListing .iti--separate-dial-code {
    width: 100%;
}

.dropdown-item:focus, .dropdown-item:hover {
    cursor: pointer;
}

.search-desc-img.search-card-listing-list-img.project-logo-wrapper.shared-listing-dv {
    width: 200px;
    height: 200px;
}

.shared-listing-dv img.borderdiv.logo-img {
    width: 180px;
    height: 180px;
}

.search-desc-content.shared-listing-dv img {
    width: 200px !important;
    height: 200px;
}

.search-desc-body.shared-release {
    width: 65%;
}

.search-desc-content.shared-listing-dv .search-desc-img {
    width: 200px;
    height: 200px;
}

@media (max-width: 1600px) {
    .company-right-side {
        width: calc(100% - 170px) !important;
        height: 88px;
    }
}

/*@media (max-width: 1600px) {
    .company-right-side {
        width: calc(100% - 200px) !important;
        height: 88px;
    }
}*/

@media (max-width: 1024px) {
    .view-user-company-details-bloc {
        height: 90px !important;
    }

    .company-right-side {
        margin-top: 20px !important;
    }
}

@media (max-width: 992px) {
    .new_activities_updates_logo {
        top: 20px;
    }

    .company-right-side {
        width: 100% !important;
    }

    .view-user-company-details-bloc {
        height: unset !important;
    }
}

@media (max-width: 767px) {
    .user-activities-updates-bloc-sec-logo {
        width: 120px !important;
        height: 120px !important;
    }

    .user-activities-updates-bloc-sec-logo-image {
        height: 100px !important;
        width: 100px !important;
    }

    .view-user-company-details-bloc {
        margin-top: 100px !important;
    }

    .view-user-company-details-bloc {
        height: 100% !important;
    }

    .company-right-side {
        margin-top: -70px !important;
        height: unset;
    }

    .btn-orang-border {
        padding: 8px 8px !important;
    }

    .social-profile-pop {
        gap: 10px;
    }

    .list-unstyled {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: column;
    }

    ul.detail_inner li {
        padding-right: 20px !important;
        margin-right: 20px !important;
    }

    .btn-orang-border {
        width: 100%;
    }

    .send-message-footer {
        padding: 10px 14px;
    }

    .rec-flex {
        flex-direction: column;
    }

    .adv-img-conainer {
        height: 270px;
    }

    .advertise-card {
        margin-bottom: 15px;
    }

    .adv-content-body p.mn-sm-height {
        min-height: auto;
    }

    .activities-updates-more-filter-button {
        width: 140px;
    }

    .detail-card.custom-list-sp-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}

.modal {
    background-color: #00000069;
}

.loading-container {
    position: relative;
    height: 5rem;
    width: 5rem;
    margin: 0 auto;
    top: 4%;
    /*transform: translateY(-50px);*/
}

.loading-progress {
    position: absolute;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    border: 5px solid #51515136;
    border-radius: 50%;
}

    .loading-progress::before {
        content: "";
        position: absolute;
        height: 100%;
        width: 100%;
        border-radius: 50%;
        border: 5px solid transparent;
        border-top-color: #494949;
        top: 0;
        left: 0;
        animation: spin 1s linear infinite;
    }

.loading-filter-gray {
    width: 100%;
    height: 100%;
    position: absolute;
    background: #d8d8d8 !important;
    left: 0;
    right: 0;
    z-index: 23;
    /*display: flex;
    align-items: center;
    justify-content: center;*/
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.videoRequestiFrame {
    height: 400px;
    aspect-ratio: 1.78;
}

@media screen and (min-device-width : 360px) and (max-device-width : 1171px) {
    .videoRequestiFrame {
        height: 580px;
        aspect-ratio: .5625;
    }
}

/* New dropdown css */
.dropdown-menu li.supplier-list-dv {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 10px;
    gap: 10px;
    border-bottom: 1px solid #eeeeee;
}

.custom-views-block {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 2px;
    text-align: center;
}

.dropdown-menu li.supplier-list-dv .icon {
    padding: 0;
    margin: 0;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    text-decoration: none !important;
}

.dropdown-menu li .icon:hover {
    text-decoration: none;
    color: white;
}

.show-more-less {
    cursor: pointer;
    color: #007bff;
    margin: 10px 0;
    text-align: center;
}

    .show-more-less:hover {
        text-decoration: underline;
    }

.btn-supplier-dk {
    background-color: transparent;
    color: #000000;
    border: 1px solid #eee;
    width: 100%;
    text-align: left;
}

    .btn-supplier-dk:hover, .btn-supplier-dk:focus {
        background-color: transparent;
        color: #000000;
        border: 1px solid #eee;
    }

    .btn-supplier-dk.dropdown-toggle::after {
        display: inline-block;
        margin-left: .255em;
        vertical-align: .255em;
        content: "";
        border-top: .3em solid;
        border-right: .3em solid transparent;
        border-bottom: 0;
        border-left: .3em solid transparent;
        position: absolute;
        right: 15px;
        top: 15px;
    }

.dropdown.supplier-drpdown {
    width: 100%;
}

    .dropdown.supplier-drpdown .dropdown-menu.show {
        width: 100%;
    }
/* End New dropdown css */
}


/* new update css 10-12 */
.user-activities-updates-sec {
    z-index: unset; /* new change */
    overflow: visible; /* new change */
}

    .user-activities-updates-sec:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        background: #0000004d;
        top: 0;
        z-index: 0;
        display: none;
    }
/* badge left corenr */
.top-left-corner-bl {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1;
}

.overview-in-badge-bv {
    padding: 5px 10px;
    border: 1px solid transparent;
    border-radius: 4px;
    transition: background-color 0.3s ease;
    background: #F8F8F7;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    color: #000000;
}

    .overview-in-badge-bv p {
        font-size: 15px;
    }

.bottom-right-corner-badge-container {
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 1; /* new property added */
}

.badge-placement-ctn .badge-left-corner {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: relative;
    top: 0;
    z-index: 12;
    left: 0;
}

.bg-1 img.current-badge {
    width: 30px;
    height: 30px;
    object-fit: contain;
    width: 25px !important;
    border: 1px solid #ccc;
}

.bg-1 img.current-badge-yellow {
    width: 30px;
    height: 30px;
    object-fit: contain;
    width: auto !important;
}

.badge-placement-ctn {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
}

.img-container-badge-cv {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
}

.rgt-tab-right-badge-container {
    flex: 0 0 30%;
    display: flex;
    justify-content: flex-end;
    position: relative;
    right: 15px;
    bottom: 10px;
    gap: 15px;
}

.main-badge-option-container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 15px;
}

.floating-bottom-text-gr {
    background: var(--selectedTabBackgroundColor);
    border-radius: 5px;
    position: relative;
    top: 5px;
    text-align: center;
    padding: 5px 10px;
    line-height: 22px;
    color: #ffffff;
    font-weight: 500;
    min-width: 140px;
}

.beside-profile-dp-left-badge {
    position: absolute;
    bottom: 10px;
    left: 18%;
    z-index: 1; /* new property added */
}

/*new css 11-12*/

.borderdiv.w-100.quickview-badges {
    padding: 15px 15px;
    margin-bottom: 15px;
}

.badges-container-click {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 6px;
}

.top-right-corner-badge-click {
    position: absolute;
    top: -10px;
    right: 10px;
    z-index: 12;
}

/*new change 12-12*/

.overview-in-badge-bv:hover {
    cursor: pointer;
}
/* new css */
#companyCoverImage {
    z-index: 1;
}

#companyDeletemage {
    z-index: 1;
}
/* .user-activities-updates-details {
        position: relative;
        z-index: 0;
    } */
.view-user-company-details-bloc {
    z-index: unset !important;
    position: unset !important;
}

.new_activities_updates_logo {
    position: unset !important;
    top: unset !important;
    margin-top: -90px;
    z-index: 0;
}

.tfd-round-tip {
    position: relative;
    text-align: center;
    cursor: help;
    color: #000000;
    font-size: 15px;
    display: inline-block;
    opacity: 1;
    z-index: unset;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 250px;
    background-color: #f8f8f8;
    color: #000;
    text-align: center;
    border-radius: 6px;
    padding: 15px 10px;
    position: absolute;
    z-index: 250;
    /* bottom: 125%; */
    left: -104px;
    margin-left: 0;
    opacity: 0;
    transition: opacity 0.3s;
    box-shadow: 0px 5px 10px #0000000a;
}

    .tooltip .tooltiptext::after {
        content: "";
        position: absolute;
        top: -10px;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent transparent #f8f8f8 transparent;
    }

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.tooltip.tfd-round-tip .tooltiptext.tfd-text-round-tip {
    top: 32px;
    left: -68px;
    width: 230px;
}

.company-logo-wrapper-badge-div {
    display: flex;
    flex-direction: column;
    max-width: 150px;
}
/* 27-12 css update */
.searchBoxDCV {
    padding: 5px 8px !important;
}

.rc-content-group input, .rc-content-group .form-select, .rc-content-group textarea {
    padding: 10px 10px !important;
}

.saperation-design-line {
    padding: 15px 15px;
}
/* updated responsive css 13-12 */
@media (max-width: 1024px) {
    .rgt-tab-right-badge-container {
        flex: 0 0 30%;
        z-index: 12;
    }

    .beside-profile-dp-left-badge {
        left: 23%;
    }

    .tooltip.tfd-round-tip .tooltiptext.tfd-text-round-tip {
        left: -58px;
        width: 160px !important;
    }

    .siteLogo {
        max-height: 25px !important;
    }

    .navbar-nav {
        gap: 8px !important;
    }

    #search_xd {
        padding: 5px 2px !important;
    }

    .control-menu {
        min-width: 200px !important;
    }

    .badge-placement-ctn .tooltip.tfd-round-tip .tooltiptext.tfd-text-round-tip {
        width: 100px !important;
        left: -34px !important;
    }

    .top-left-corner-bl .tooltip.tfd-round-tip .tooltiptext.tfd-text-round-tip {
        width: 190px !important;
    }

    .top-left-corner-bl .tooltip.tfd-round-tip .tooltiptext.tfd-text-round-tip {
        left: -38px;
    }
}

@media (max-width: 991px) {
    .beside-profile-dp-left-badge {
        left: 28%;
    }

    .view-user-company-details-bloc {
        margin-top: 0px !important;
    }

    .company-right-side {
        margin-top: 40px !important;
    }

    .company-right-side {
        height: 130px;
    }
}

@media (max-width: 767px) {
    .beside-profile-dp-left-badge {
        top: 100px;
        right: 2%;
        left: unset;
        z-index: 2;
    }

    /*    .user-activities-updates-sec {
        overflow: hidden;
    }*/
    .view-user-company-details-bloc {
        margin-top: 0 !important;
    }

    .new_activities_updates_logo {
        position: relative !important;
        top: -80px !important;
        margin-top: 0;
    }

    .user-activities-updates-actionbloc {
        align-items: start !important;
    }

    .rgt-tab-right-badge-container {
        bottom: -29px !important;
        left: 240px !important;
    }

    .company-right-side {
        margin-top: -20px !important;
    }

    .top-left-corner-bl .tooltip.tfd-round-tip .tooltiptext.tfd-text-round-tip {
        width: 120px !important;
        left: -8px;
    }

    .tooltip.tfd-round-tip .tooltiptext.tfd-text-round-tip {
        left: -48px;
        width: 130px !important;
    }
}

@media (max-width: 420px) {
    .rgt-tab-right-badge-container {
        bottom: -29px !important;
        left: 290px !important;
    }
}

.floating-bottom-text-gr p {
    font-size: 15px;
}

/*css changes 07/01/2024*/

.close-placement {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

.modal-des-body {
    text-align: center;
}

    .modal-des-body img {
        width: 80px;
        margin: 30px auto 0;
        text-align: center;
    }

    .modal-des-body h4 {
        font-size: 25px;
        padding: 10px 0;
        margin-bottom: 0;
    }

.modal-message-footer {
    text-align: center;
    margin: 20px 0;
}

.opt-cancel {
    padding: 5px 30px;
    background: transparent;
    color: #925393;
    border: 1px solid #925393;
    border-radius: 5px;
    margin-right: 5PX;
}

    .opt-cancel:hover {
        background: #925393;
        border: 1px solid #925393;
    }

.opt-btn-in {
    background: #4ea547;
    border: 1px solid #4ea547;
    padding: 5px 30px;
    border-radius: 5px;
    margin-left: 5PX;
}

    .opt-btn-in:HOVER {
        background: #4ea547;
        border: 1px solid #4ea547;
    }

.des-body-icon {
    font-size: 70px;
    color: var(--iconColor);
    margin: 10px auto 0;
}

span.no-location-map-block {
    width: 85px;
    height: 85px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f5f5f5;
}

.company-details-sub-location span.no-location-map-block {
    width: 115px;
    height: 115px;
}

span.no-location-map-block i {
    color: #a4a4a4;
    font-size: 25px;
}

.opt-btn-in-member-perk {
    background: var(--buttonColor);
    border: 1px solid var(--buttonColor);
    padding: 5px 30px;
    border-radius: 5px;
    margin-left: 5PX;
}

    .opt-btn-in-member-perk:HOVER {
        background: var(--buttonColor);
        border: 1px solid var(--buttonColor);
    }

@media (max-width: 767px) {
    .company-details-categories-content-filter-list {
        order: 2;
    }
}

.input-field.inputbordercolor {
    border: 1px solid #eee !important;
}

.input-icon-search.input-icon-search-location .input-field {
    padding: 10px 16px 10px 45px;
}

.company-details-categories-content.custom-rd-gap {
    gap: 0;
}

.contact-tag-container {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 5px;
    flex-wrap: wrap;
}

.contentDivBorder hr {
    margin: 10px 0 0;
}

.lftsideback {
    position: relative;
    float: left;
    bottom: 10px;
    z-index: 12
}

.rgtsidenext {
    position: relative;
    float: right;
    bottom: 10px;
    z-index: 12;
}

@media (min-width: 1024px) and (max-width: 1300px) {
    .title-card-ul-li {
        margin: 0% 3%;
    }
}


.profile-user-scan {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}

.user-avtar-profile {
    width: 38px;
    height: 38px;
    border: 1px solid #eee;
    border-radius: 8px;
    overflow: hidden;
}

    .user-avtar-profile img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: center;
    }

.listing-tag-portion h6 {
    margin-bottom: 0;
}

.listing-tag-portion span {
    font-size: 14px;
    color: #686D72;
}

span.active-prc-list {
    background: #E0F8D9;
    color: #5E7A3A;
    padding: 2px 6px;
    font-size: 14px;
    border-radius: 8px;
}

span.inactive-prc-list {
    background: #FFF5CF;
    color: #CC7F25;
    padding: 2px 6px;
    font-size: 14px;
    border-radius: 8px;
}

span.draft-prc-list {
    background: #EFEFEF;
    color: #4A4F55;
    padding: 2px 6px;
    font-size: 14px;
    border-radius: 8px;
}

.listing-dlt-view {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}

.price-list-info-btn .btn {
    border-radius: 0.55rem;
}

.price-list-info-btn .btn-pricng-list {
    border: 1px solid #EFEFF7;
    color: #090F0F;
}

    .price-list-info-btn .btn-pricng-list:hover {
        border-color: var(--systemTextColor);
        background-color: transparent;
        color: var(--systemTextColor);
    }

.pricing-listing-flex h5 {
    margin-bottom: 35px;
    font-size: 16px;
    color: #686D72;
}

.pricing-listing-flex {
    padding: 20px 0;
    margin: 15px 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.adding-link-block a {
    font-size: 16px;
    color: #864C95;
    text-decoration: unset;
}

.scrolling-list-flex {
    height: 300px;
    overflow-y: auto;
}

.price-list-info-btn {
    flex: 0 0 36%;
}

.add-suppliers-companies-details-body-content h6 {
    margin-bottom: 0;
}

.add-suppliers-companies-details-body-content span {
    color: #686D72;
    font-weight: 400;
}

.add-suppliers-companies-details-list:hover {
    background-color: transparent;
}

.dropdown .add-suppliers-companies-details-list a:hover, .dropdown-content .add-suppliers-companies-details-list a:hover {
    background-color: transparent;
}

.add-suppliers-companies-details-list-body img {
    width: 45px;
    height: 45px;
}

.add-suppliers-details, .company-content-sub-details, .contactus-card-content-form, .select-company-categories-content-sub-details, .whiteBackground {
    width: 500px !important;
}

.dropdown-menu-suppliers-details-transform span {
    font-weight: 400;
}

/* Company logo hover effect with eye icon */
.company-logo-wrapper {
    position: relative;
    overflow: hidden;
}

    .company-logo-wrapper .logo-img,
    .company-logo-wrapper .placeholder-img {
        transition: filter 0.3s ease;
    }

    .company-logo-wrapper .view-icon {
        position: absolute;
        top: 50%;
        left: 15px;
        transform: translate(0%, -50%);
        color: #fff;
        font-size: 18px;
        opacity: 0;
        z-index: 2;
        transition: opacity 0.3s ease;
    }

    .company-logo-wrapper:hover .logo-img,
    .company-logo-wrapper:hover .placeholder-img {
        filter: brightness(40%);
        background-color: #000000a6;
    }

    .company-logo-wrapper:hover .view-icon {
        opacity: 1;
    }

a.anchorTagStyleNone:hover {
    background-color: transparent;
}


.company-content-details .company-content-sub-details{
    width:100% !important;
}
@media (max-width: 991px) {
    .search-header1 {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .side-by-side-section {
        column-count: 1;
    }

    .contact-info-bar-rec h5 {
        min-width: 12%;
    }

    .top-activity-header-container {
        flex-direction: column;
    }

    .listing-contact-lineup-res-flx {
        flex-direction: column;
    }
}

.supplierTag {
    padding: 4px 8px;
    background: var(--contentFrameRightTagColor);
    border-radius: 8px;
    font-weight: 700;
    font-size: 12px;
    color: var(--contentFrameRightTagTextColor);
    width: fit-content;
}

    .supplierTag:hover {
        color: var(--contentFrameRightTagTextColor);
    }

.location-pin-block i {
    transform: rotate(45deg);
    color: red;
}

span.status-text.status-badge-hq {
    padding: 5px 8px;
    font-size: 12px;
    color: var(--buttonBackgroundColor2) !important;
    border-radius: 7px;
    margin-left: 8px;
    background: #e8f1de;
    font-weight: bold;
}

.company-details-avatar-li {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 5px;
}

.more-count-li {
    background-color: #e2e2e2;
    text-align: center;
    line-height: 35px;
    font-weight: bold;
    color: #333;
    cursor: pointer;
}

.more-count-div {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #ddd;
}
.search-desc-content.shared-listing-dv .search-desc-img.search-card-listing-list-img.resource-logo-wrapper img {
    width: 100% !important;
}