.tabs-container.embeddedCards .s-pills {
    	border: none !important;
    }
    .tabs-container.embeddedCards nav {
        display: flex;
    	margin: 0 -.5rem;
        padding: 1rem .5rem;
        overflow-x: scroll !important;
        scrollbar-width: none; /* Firefox */
        -ms-overflow-style: none;  /* IE and Edge */
    }
    .tabs-container.embeddedCards nav::-webkit-scrollbar {
        display: none; /* Chrome, Safari, Opera */
    }
    .tabs-container.embeddedCards .s-pills.nav {
    	gap: 1em;
    	padding: 0px;
    	overflow: visible !important;
    	flex-wrap: nowrap;
    }
    .tabs-container.embeddedCards .s-pills a.nav-link {
        position: relative;
    	background: #fff !important;
    	height: 42px;
        border-radius: 42px !important;
        line-height: 100%;
        margin: 0;
        display: flex;
        align-items: center;
        padding: .5rem 3rem;
    	box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 10px;
    	white-space: nowrap !important;
    	-webkit-user-drag: none; /* Safari, Chrome */
        user-drag: none; 
    }
    .tabs-container.embeddedCards .s-pills .moreTabsToggle {
        background: transparent;
        border: none;
    }
    .tabs-container.embeddedCards .tab-content {
        margin-top: 3.5rem;
    }
    .tabs-container.embeddedCards .scroll-fade-container {
        position: relative;
    }
    .tabs-container.embeddedCards .scroll-fade-start, .tabs-container.embeddedCards .scroll-fade-end {
        position: absolute;
        height: 100%;
        width: 4rem;
        background: #ffffff;
        z-index: 1;
        color: #000;
        font-size: 19px;
        display: flex;
        opacity: 0;
        transition: opacity 0.5s ease;
    }
    .tabs-container.embeddedCards .scroll-fade-start.show, .tabs-container.embeddedCards .scroll-fade-end.show {
        opacity: 1;
    }
    .tabs-container.embeddedCards .scroll-fade-start.show:hover, .tabs-container.embeddedCards .scroll-fade-end.show:hover {
        cursor: pointer;
    }
    .tabs-container.embeddedCards .scroll-fade-start {
        left: -0.5rem;
        -webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 1) 20%, rgba(0, 0, 0, 0) 100%);
    }
    .tabs-container.embeddedCards .scroll-fade-end {
        right: -0.5rem;
        -webkit-mask-image: linear-gradient(to left, rgba(0, 0, 0, 1) 20%, rgba(0, 0, 0, 0) 100%);
    }
    .tabs-container.embeddedCards .scroll-fade-start i, .tabs-container.embeddedCards .scroll-fade-end i {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        font-weight: 600;
    }
    .tabs-container.embeddedCards .scroll-fade-start i {
        justify-content: start;
    }
    .tabs-container.embeddedCards .scroll-fade-end i {
        justify-content: end;
    }
    
    /****** nav-link style ******/
    .tabs-container.embeddedCards .s-pills a.nav-link {
         appearance: none;
         background: transparent;
         color: #003478;
         transition: outline-color 0.75s ease;
    }
    /*************** gradient border overlay (only the ring) ***************/
    .tabs-container.embeddedCards .s-pills a.nav-link::before {
         content: "";
         position: absolute;
         inset: 0;
         border-radius: 42px;
        /* This creates a 2px “ring” by padding the gradient and masking out the center */
         padding: 2px;
        /* matches the border thickness */
         margin: -2px;
         background: linear-gradient(116.69deg,#c3d156,#c3d156,#a9deed,#a9deed);
         background-size: 300% 100%;
         background-position: 0 0;
        /* Mask so only the border ring shows, interior stays transparent */
         -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
         -webkit-mask-composite: xor;
         mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
         mask-composite: exclude;
        /* start hidden;
         fade in on hover */
         opacity: 0;
         transition: opacity 0.5s ease, background-position 0.75s ease;
         pointer-events: none;
    }
    .tabs-container.embeddedCards .s-pills a.nav-link.active {
         outline-color: transparent;
         box-shadow: rgba(0, 0, 0, 0.2) 0px 6px 10px;
    }
    .tabs-container.embeddedCards .s-pills a.nav-link.active::before {
         background-position: 50% 0;
    }
    /* hover (and keyboard focus) shows the gradient border */
    .tabs-container.embeddedCards .s-pills a.nav-link.active::before {
         opacity: 1;
    }
    /* Accessibility: keep a visible focus ring */
    .tabs-container.embeddedCards .s-pills a.nav-link:focus-visible {
         border: 2px solid #000;
    }
    .tabs-container.embeddedCards .s-pills a.nav-link.active:focus-visible {
        border: 4px solid #000;
    }
    /* Respect reduced-motion user preference */
     @media (prefers-reduced-motion: reduce) {
        .tabs-container.embeddedCards .s-pills a.nav-link::before {
            transition: none;
        }
        .tabs-container.embeddedCards .scroll-fade-start, .tabs-container.embeddedCards .scroll-fade-end {
            transition: none;
        }
    }