.homepage-banner-container {
    padding: 10px 40px 25px;
    margin-top: 100px;
}


.homepage-banner-container .banner-tabs-container {
    display: flex;
    gap: 15px;
    max-width: 1229px;
    justify-content: center;
    margin: auto;
    padding: 0 0px 10px 0px;
    align-items: center;
}

.homepage-banner-container .banner-tab {
    /* display: inline-flex; */
    gap: 14px;
    padding: 10px 16px;
    border-radius: 32px;
    align-items: center;
    /* border: 0.5px solid #B7B7B7; */
    cursor: pointer;
    text-align: center;
    max-width: 200px;
    width: 100%;
}

.homepage-banner-container .banner-tab .banner-tab-icon {
    height: 45px;
    width: 45px;
}

.homepage-banner-container .banner-tab .banner-tab-content {
    font-family: Raleway;
    font-size: 16px;
    font-weight: 500;
    line-height: 18.78px;
    letter-spacing: 0.06em;
    text-align: center;
    margin-top: 5px;
    font-weight: 500;
    color: #00354B;
}

.homepage-banner-container .banner-tab.active-tab {
    /* background: #093E81; */
    font-family: Raleway;
    font-size: 16px;
    font-weight: 700;
    line-height: 18.78px;
    letter-spacing: 0.06em;
    text-align: center;
    /* color: #FFFFFF; */
    padding: 6px 16px;
}

.homepage-banner-container .banner-tab:hover {
    text-decoration: underline;
}


.homepage-banner-container .banner-tab.active-tab .banner-tab-content {
    /* font-weight: 700; */
    /* color: #FFFFFF; */
    color: black;
}

/* Ensure the tab is a positioned parent */
.homepage-banner-container .banner-tab {
    position: relative;
}

/* Parent tab must be positioned */
.homepage-banner-container .banner-tab {
    position: relative;
}

/* Tooltip style */
.homepage-banner-container .banner-tab .if-tool-tip {
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 12px;
    padding: 5px 8px;
    width: max-content;
    max-width: 120px;
    text-align: center;
    background-color: #00a959;
    color: #ffffff;
    border-radius: 4px;
    white-space: nowrap;
    font-weight: 700;
    letter-spacing: inherit; /* avoids shifting */
}

/* Tooltip arrow */
.homepage-banner-container .banner-tab .if-tool-tip::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -11px;
    transform: translateX(-50%);
    border-width: 6px;
    border-style: solid;
    border-color: #00a959 transparent transparent transparent;
}

/* Active tab tooltip fix — no layout change */
.homepage-banner-container .banner-tab.active-tab .if-tool-tip {
    letter-spacing: 0; 
    top:-24px;
	line-height: 17.78px;
}

@media (max-width: 767px) {
    .homepage-banner-container .homepage-banner-tabs {
        margin-top: 60px;
    }

    .homepage-banner-container {
        padding: 32px 14px;
        margin-top: 70px;
    }

    .homepage-banner-container .banner-tabs-container {
        padding: 0 0px 40px 0px;
        gap: 12px;
        flex-wrap: wrap;
    }

    .homepage-banner-container .banner-tab .banner-tab-content {
        font-size: 12px;
    }

    .homepage-banner-container .banner-tab {
        flex-direction: column;
        gap: 2px;
        border-radius: 50px;
        /* padding: 8px 34px; */
        max-width: 70px;
        width: 100%;
    }

    .homepage-banner-container .banner-tab.active-tab {
        padding: unset;
    }

    .homepage-banner-container .banner-tab.active-tab .banner-tab-icon {
        height: 35px;
        width: 35px;
    }

    /* .homepage-banner-container .banner-tab.active-tab .banner-tab-content {
        font-size: 12px;
        font-weight: 700;
    } */

    .homepage-banner-container .banner-tab .banner-tab-icon {
        height: 35px;
        width: 35px;
    }

	.homepage-banner-container .banner-tab .if-tool-tip{
        max-width: 85px;
        top: -18px;
    }

.banner-tabs-container .hide-tab{
	display:none;
}

}