.hide-scrollbar {
    scrollbar-width: none;
}
.pillar-tabs {
    position: sticky;
	z-index: 1000;
}
.hide-scrollbar::-webkit-scrollbar {
    display: none;
}

.pillar-tab__sticky-top {
    z-index: 1000;
    background-color: var(--secondary-palette-white);
    border-top: 1px solid var(--secondary-palette-warm-grey);
    border-bottom: 1px solid var(--secondary-palette-warm-grey);
    padding: 12px 24px 0px ;
    box-shadow: 0px 4px 14px 0px var(--secondary-palette-cool-grey-200);
}

.pillar-tab__sticky-top .pillar-tabs__item--text {
    font-family: var(--primary-font-family-regular);
    font-size: 18px;
    color: var(--secondary-palette-dark-grey);
}

.pillar-tabs__item--border {
    border-bottom: 6px solid var(--primary-palette-red-200);
}

.pillar-tabs__item {
    padding-bottom: 30px !important;
}

.pillar-tab__sticky-top .pillar-tabs__item {
    padding-bottom: 10px !important;
}

.pillar-tabs__item--icon {
    height: 80px;
}

.pillar-tabs__select {
    font-family: var(--primary-font-family-regular);
    color: var(--secondary-palette-dark-grey-100);
    font-size: 18px;
    padding: 16px 30px;
    border: 3px solid var(--primary-palette-red-200);
    min-width: 340px;
    box-shadow: 5px 4px 0 rgba(0, 0, 0, 0.16);
    border-radius: 0;
    position: relative;
}

.pillar-tabs__select-box {
    cursor: pointer;
    background-image: url("../svg/select-down-arrow-red.svg");
    background-repeat: no-repeat;
    background-position: right center;
}

.pillar-tabs__options-list {
    display: none;
    border: 3px solid var(--primary-palette-red-200);
    list-style: none;
    position: absolute;
    z-index: 999;
    background-color: var(--secondary-palette-white);
    width: 101.7%;
    padding: 0;
    top: 100%;
    left: -3px !important;
}

.pillar-tabs__option-item {
    padding: 10px 12px;
}

.pillar-tabs__option-link {
    font-family: var(--primary-font-family-regular);
    color: var(--secondary-palette-dark-grey-100);
    font-size: 18px;
}

.pillar-tabs__option-item:hover,
.pillar-tabs__option-item.active {
    background-color: var(--secondary-palette-warm-grey-400);
}

@media only screen and (width <= 576px) {
    .pillar-tabs__select {
        width: 100%;
    }

    .pillar-tabs__options-list {
        width: 101.3% !important;
    }
}

@media only screen and (width <= 480px) {
    .pillar-tabs__options-list {
        width: 101.7% !important;
    }
}