:root {
    --padding-normal-palladium: 16px;
}

.navigation-tab {
    height: 32px;
    width: 100%;
    background-color: #fff;
    /* box-shadow: 0 30px 30px 0 rgba(0, 0, 0, 0.175); */
    overflow: auto;
    display: flex;
    position: relative;
    flex-shrink: 0;
    margin-bottom: 3em;
}

.accent {
    color: #96f;
}
.navigation-tab::-webkit-scrollbar {
    display: none;
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none; /* firefox */
}

.navigation-tab-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 110px;
    flex-shrink: 0;
    cursor: pointer;
    transition: 0.3s;
    position: relative;
    z-index: 2;

    letter-spacing: -0.2px !important;
    line-height: 16px;
    user-select: none;
}
.navigation-tab-item.active {
    /* width: 210px; */
    color: #fff;
}
.navigation-tab-item.active > .navigation-tab__txt {
    color: #fff;
}

.navigation-tab-overlay {
    border-radius: 50em;
    background-color: #96f;
    height: 100%;
    width: 110px;
    position: absolute;
    left: 0;
    top: 0;
    transition: 0.3s cubic-bezier(0.4,0,0.2,1);
}

.navigation-tab__txt {
    display: block;
    font-weight: 400;
    font-size: 20px;
    color: #000;
    opacity: 1;
    transition-duration: 0.3s;
    /* transform: translate(0, 20px); */
    user-select: none;
}

#carousel1 .carousel-item, #carouselExampleDark .carousel-item {
    transition: transform 300ms cubic-bezier(0.4,0,0.2,1);
    height: 100%;
    overflow: auto;

}

.company_container {
    padding: 0px;
    /* box-shadow: 0 15px 30px -20px rgba(50,50,93,0.25),0 30px 60px -30px rgba(0,0,0,0.3); */
    box-shadow:  0 50px 100px -20px rgba(50,50,93,0.25),0 30px 60px -30px rgba(0,0,0,0.3);;
    background-color: #f6f9fc;
    border: none;
}

.company_card_header {
    background: transparent;
    border-bottom-color: #e6ebf1;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.company_name {
    font-size: 22px;
    font-weight: 500;
    color: rgb(66, 84, 102);
}

.competitor__list {
    list-style: none;
    overflow: hidden;
    height: 100%;
    padding-bottom: 12px;
}

.competitor_avatar, .company_avatar {
    height: 32px !important;
    width: 32px;
    border-radius: 50%;
    margin-right: 8px;
}

.competitor__item {
    margin-bottom: 18px;
    display: flex;
    justify-content: space-between;
    max-width: 600px;
    column-gap: 8px;
    font-size: 14px;
}

.competitor__item:first-child {
    margin-top: 36px;
}

.market_share_img, .keywords_img{
    /* transform: scale(0.9); */
    /* height: unset !important; */
    height: 360px !important;
}

.keywords_img {
    transform: unset;
}

.results_img {
    height: unset !important;
}

.company_avatar {
    height: 48px !important;
    width: 48px !important;
    margin-bottom: 8px;
}

#carouselExampleDark .carousel-inner {
    height: 360px;
}
#carouselExampleDark .carousel-item {
    overflow-x: hidden;
}

/* market share tooltip */
.market_tooltip {
    position: absolute;
    background-color: #fff;
    border-radius: 2px;
    top: 64px;
    right: 100px;
    /* width: 280px; */
    width: 320px;
    /* box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25),0 8px 16px -8px rgba(0,0,0,0.3); */
    box-shadow: rgb(174 174 174) 0px 0px 8px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    padding: 8px 16px 10px;
    display: grid;
    grid-template-rows: repeat(3, 1fr);
    row-gap: 8px;
    /* display: none; */
}

.market_tooltip::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 16px;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
  }

.market_tooltip .tooltip__item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    user-select: none;
}

.market_tooltip .tooltip__item .tooltip__item_text, .market_tooltip .tooltip__item .tooltip__item_value {
    font-size: 12px !important;
    color: #425466;
}

.market_tooltip .tooltip__circle_icon {
    height: 8px;
    width: 8px;
    /* display: block; */
    border-radius: 50%;
    margin-right: 8px;
}

.tooltip__circle_icon.blue {
    background-color: #6495f9;
}
.tooltip__circle_icon.teal {
    background-color: #64daab;
}
.tooltip__circle_icon.grey {
    background-color: #75acaa;
}


/* exisitng keys */
.existing_key_item {
    background-color: #f3f3f3;
    padding: 0px 4px;
    font-feature-settings: "tnum";
    background: #fafafa;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    box-sizing: border-box;
    display: inline-block;
    font-size: 12px;
}

.existing_key_item > span {
    font-size: 11px;
}

.existing_keys_wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    user-select: none;
    /* background-color: rgba(255,255,255,.5) !important; */

}
.existing_keywords.card {
    height: 100%;
}
.existing_keywords_title {
    font-size: 13px;
}
.existing_keywords .card-header {
    background-color: #fff;
}
.existing_keywords .card-body {
    background-color: #f9f9f9;
    user-select: none;
}
.analyze_card {
    display: flex;
    align-items: center;
    font-size: 12px;
    user-select: none;
    row-gap: 8px;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.analyze_card > span {
    font-size: 12px;
}
.analyze_card > .btn {
    pointer-events: none;
    user-select: none;
}
.analyze_card .analyze_text {
    padding-right: 8px;
    font-size: 12px;
}

.analyze_card .analyze_keyword {
    color: #3078c1;
    padding-right: 8px;
    font-size: 14px;
}
.analyze_card .btn-sm {
    padding: .2rem .25rem;
    font-size: 12px;
    margin-right: 16px;
}

/* keywords lister */
.lister_wrapper {
    user-select: none;
}
.lister_item {
    background-color: #fff;
    color: #525f7f;
    font-size: 13px!important;
    font-weight: 400;
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
    padding: 1rem;
}
.lister_item > span {
    color: #525f7f;
}
.lister_item .card-title {
    font-size: 0.85rem;
    color: #1890ff;
    font-weight: 500;
}
.lister_item .location {
    font-size: 13px;
}
.lister_item .highlight {
    font-size: 11px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.lister_item .price_row > div {
    font-size: 12px;
}
.lister_item .org {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.check_list_icon circle, .check_list_icon path {
    /* fill: #96f !important; */
    fill: #00c4c4 !important;
}


.tender_status {
    font-weight: 500;
    color: #fff;
    padding: 0 7px;
    font-size: 12px;
}

.tender_status.status_bid_opening {
    background-color: rgb(35, 198, 200);
}

.tender_status.status_aoc {
    background-color: rgb(26, 179, 148);
}


/* Filters */
.filters_wrapper {
    pointer-events: none;
}
.filters_wrapper .filters_heading {
    margin-bottom: 8px;
}

.filters_heading >span {
    font-size: 14px;
}

.filters_body {
    border: 1px solid #d9d9d9;
}

.filters_wrapper .filter {
    border-bottom: 1px solid #d9d9d9;
}

.filters_wrapper .filter .filter_body {
    font-size: 12px;
    padding: 12px 8px;
    border-top: 1px solid #d9d9d9;
    /* border-bottom: 1px solid #d9d9d9; */
}

.filters_wrapper .filter:last-child .filter_body {
    border-bottom-width: 0px;
}

.filter .filter_header {
    text-align: center;
    background-color: #fafafa;
    padding: 6px 8px;
    font-size: 12px;
    /* border: 1px solid #d9d9d9; */
    border-bottom-width: 0px;
}

.filter_label {
    color: #525F7F;
    font-size: 13px;
}

.showmore, .clear_all {
    font-size: 12px;
    font-weight: 500;
    color: #1890ff;
}
.clear_all {
    font-weight: 400;
}

.search_box {
    border: 1px solid #d9d9d9;
    height: 42px;
    padding-inline-start: 12px;
}

.dropdown_down_arrow_icon {
    float: right;
    line-height: 10px;
}

.search_wrapper {
    display: flex;
    justify-content: space-between;
    column-gap: 8px;
    pointer-events: none;
}

.save_search_btn {
    border-radius: 4px !important;
    background-color: #fff !important;
    color: #1890ff !important;
    border:  1px solid #1890ff !important;
}
.search_boq_label {
    font-size: 14px;
}
.search_dropdown {
    max-width: 120px;
}

.comparison_items_lister {
    list-style: none;
    padding-left: 0px;
}
.comparison_item {
    margin-bottom: 12px;
}
.comparison_item > span {
    font-size: 15px;
    color: rgb(66, 84, 102);
}
.comparison_item .check_list_icon {
    margin-right: 4px;
}
.comparison_wrapper {
    column-gap: 16px;
}

.padded {
    padding-right: 30px;
    padding-left: 0px;
}

.feature-item {
    border-left: 0.5px dashed #d9d9d9;
}

.feature-icon{
    padding-left: 20px;
}

.feature-item .feature-header {
    margin-bottom: 14px;
}

.feature-item .feature-header-title {
    font-size: 1.1rem;
    line-height: 1.8rem;
    color: #0a2540;
    border-left: 1px solid #96f;
    padding-left: 21px;
    font-weight: 500;
}

.feature-item .feature-body p {
    font-size: 15px;
    font-weight: 400;
    color: #425466;
    letter-spacing: 0.2px;
    line-height: 24px;
    padding-left: 20px;
}

.number-item {
    border-left: 0.5px dashed #d9d9d9;
}

.number-value {
    /* padding-left: 1vw; */
    padding-left: var(--padding-normal-palladium);
    border-left: 1px solid #96f;
    font-size: 1.5em;
    font-weight: 500;
    letter-spacing: -0.2px;
}

/* #visualization rect{
    fill: rgb(129, 212, 250);
} */

.comparison_wrapper > h5, .comparison_wrapper > h4, .comparison_wrapper > h3, .comparison_wrapper > span {
    letter-spacing: 0.2px;
    line-height: 24px;
}

/* metrics */
.numbers_wrapper {
    /* position: absolute; */
    z-index: 10;
    bottom: 0px;
    /* border-bottom: 1px dashed #ddd; */
}

.numbers_wrapper > h5, .numbers_wrapper >span {
    letter-spacing: 0.2px;
    line-height: 24px;
}

.numbers_wrapper .number-description {
    color: rgb(66, 84, 102);
    /* padding-left: 1vw; */
    padding-left: var(--padding-normal-palladium)
}

.paddingLeftNormal {
    padding-left: var(--padding-normal-palladium);
}


@media screen and (max-width: 1200px) {
    .market_tooltip {
        right: 10px;
        transform: scale(0.9);
    }
}

@media screen and (max-width: 990px) {
    .map_container {
        justify-content: center !important;
    }

    .market_tooltip {
        right: 80px;
    }
}

@media screen and (max-width: 770px) {
    .market_tooltip {
        right: 10px;
    }
}

@media screen and (max-width: 576px) {
    #carouselExampleDark .carousel-inner {
        height: fit-content !important;
        max-height: 380px;
        overflow-y: auto;
    }

    .gradient-area {
        padding-left: 8px;
    }

    /* .page__nav {
        display: none;
    } */

    .competitor__list {
        padding-left: 0px;
    }

    .competitor__item {
        font-size: 14px;
    }
    .competitor__item > span {
        font-size: 14px;
    }
    .competitor-headings-wrapper >h5, .competitor-headings-wrapper > span {
        font-size: 14px;
    }
    .market_tooltip {
        top: 28px;
        right: -70px;
        transform: scale(0.5);
    }
    .market_share_img, .keywords_img {
        height: unset !important;
    }
    .padded {
        padding-left: 16px;
    }
}

@media screen and (max-width: 390px) {
    .market_tooltip {
        right: -85px;
        transform: scale(0.45);
    }
}