.sf-stylish-list-wid-con .ekit-stylish-list-content-wrapper .ekit-stylish-list-content-icon>i {
    color: var(--e-global-color-primary);
}

.sf-stylish-list-wid-con .ekit-stylish-list-content-wrapper:last-child {
    --grad-color-1: var(--e-global-color-secondary);
    --grad-color-2: var(--e-global-color-secondary);
    --grad-color-3: var(--e-global-color-secondary);
    --grad-color-1-hover: var(--e-global-color-secondary);
    --grad-color-2-hover: var(--e-global-color-secondary);
    --grad-color-3-hover: var(--e-global-color-secondary);
}

.sf-stylish-list-wid-con .ekit-stylish-list-content-wrapper .ekit-stylish-list-content-icon {
    --icon-grad-color-1: var(--e-global-color-primary);
    --icon-grad-color-2: var(--e-global-color-secondary);
}

.sf-stylish-list-wid-con .ekit-stylish-list-content-wrapper {
    padding: 16px 20px;
    border-radius: 999px;
}

.sf-stylish-list-wid-con .active-item {
    transition: all .5s ease;
}

.sf-stylish-list-wid-con .ekit-stylish-list-content-wrapper {
    background-color: var(--e-global-color-light);
}

.sf-stylish-list-wid-con .stylish .ekit-stylish-list-content-wrapper {
    width: fit-content;
    z-index: 1;
}

.sf-stylish-list-wid-con .stylish .ekit-stylish-list-content-wrapper {
    border-style: solid;
    border-width: 1px;
    border-color: var(--color-border);
}

.sf-stylish-list-wid-con .ekit-stylish-list-content-wrapper:has(a.active) {
    border: var(--ekit-border-width) solid var(--e-global-color-primary);
    background-color: var(--primary-glow-color);
}

.sf-stylish-list-wid-con .stylish .ekit-stylish-list-content {
    width: fit-content;
}

.sf-stylish-list-wid-con .stylish .ekit-wrapper-link {
    opacity: 1;
    width: fit-content;
}

.sf-stylish-list-wid-con .ekit-stylish-list-content-description {
    font-size: var(--ekit-font-size-md);
    color: var(--e-global-color-text);
}

.sf-stylish-list-wid-con .ekit-stylish-list {
    gap: var(--grid-columns-gap, 24px);
}

.sf-stylish-list-wid-con .ekit-stylish-list-content-icon {
    margin-right: var(--small-content-spacing, 12px);
}

.sf-stylish-list-wid-con .ekit-stylish-list-content-icon>i {
    font-size: var(--ekit-font-size-lg, 24px);
}

.sf-stylish-list-wid-con .ekit-stylish-list-content-title {
    font-size: var(--ekit-font-size-lg, 16px);
    color: var(--e-global-color-text);
    font-weight: var(--e-global-typography-accent-font-weight, 500);
}

.sf-stylish-list-wid-con .ekit-stylish-list-content-wrapper:hover .ekit-stylish-list-content-icon>i,
.sf-stylish-list-wid-con .ekit-stylish-list-content-wrapper:hover .ekit-stylish-list-content-icon>img {
    color: var(--e-global-color-primary)
}

.sf-stylish-list-wid-con .ekit-stylish-list-content-badge span{
    height: auto!important;
}

.sf-stylish-list-wid-con .ekit-wid-con .ekit-stylish-list-content-wrapper {
    border: none;
}

.sf-stylish-list-wid-con .list-color .ekit-wrapper-link {
    position: static;
}

.sf-stylish-list-wid-con .ft-list-dynamic-yes .ekit-stylish-list {
    justify-content: space-between;
    padding: 16px;
}

.sf-stylish-list-wid-con .ft-list-dynamic-yes .ekit-stylish-list-content-wrapper:has(a.active) {
    border: 0;
}

.sf-stylish-list-wid-con .ft-list-dynamic-yes .ekit-stylish-list-content {
    justify-content: center;
}

.sf-stylish-list-wid-con .ekit-stylish-list-content-wrapper:has(.ekit-wrapper-link.active) {
    background: var(--dynamic-bg-2) !important;
}

.sf-stylish-list-wid-con .ft-list-dynamic-yes .ekit-stylish-list-content-wrapper {
    background: transparent;
}

.sf-stylish-list-wid-con .sticky-navigation a.active::after {
    height: 0px !important;
}

.sf-stylish-list-wid-con .image {
    opacity: 0;
    transition: opacity 1s ease-in-out !important;
}

.sf-stylish-list-wid-con .image.active {
    opacity: 1;
}

@media (min-width: 767px) {
    .elementor-element.sticky-navigation .stylish a.active::after {
        height: 0;
        background: transparent;
    }
}

/* Sticky Effect */
.sticky-effect {
    position: sticky;
    top: 30px;
    z-index: 99;
    background-color: white !important;
    border-bottom: 1px solid #e5e7eb;
    padding: 16px;
}

.sticky-effect .ekit-stylish-list-content-description {
    display: none;
}


/* New style code */

/* Dynamic bg code start */
.stylish-dynamic-list .ekit-wid-con .stylish .ekit-stylish-list-content-wrapper {
    background-color: transparent;
}

.stylish-dynamic-list .ekit-wid-con .stylish .ekit-stylish-list-content-wrapper.active-item {
    background: var(--dynamic-bg-2) !important;
}

.stylish-dynamic-list .ekit-wid-con .stylish .ekit-stylish-list-content-wrapper .ekit-stylish-list-content-title,
.stylish-dynamic-list .ekit-wid-con .stylish .ekit-stylish-list-content-wrapper .ekit-stylish-list-content-description {
    color: #717182;
}

.stylish-dynamic-list .ekit-wid-con .stylish .ekit-stylish-list-content-wrapper.active .ekit-stylish-list-content-title,
.stylish-dynamic-list .ekit-wid-con .stylish .ekit-stylish-list-content-wrapper.active .ekit-stylish-list-content-description,
.stylish-dynamic-list .ekit-wid-con .stylish .ekit-stylish-list-content-wrapper.active-item .ekit-stylish-list-content-title,
.stylish-dynamic-list .ekit-wid-con .stylish .ekit-stylish-list-content-wrapper.active-item .ekit-stylish-list-content-description {
    color: #ffff;
}

/* Dynamic bg code end */

/* style 1(group-1) start */
.stylish-list-group-1 .ekit-stylish-list {
    width: fit-content;
    background-color: rgb(236, 236, 240);
    padding: 4px;
    border-radius: 10px;
    align-self: center;
}

.stylish-list-group-1 .ekit-wid-con .stylish .ekit-stylish-list-content-wrapper {
    border-radius: 10px;
    background-color: transparent;
    width: 100%;
    border: 0px;
}

.stylish-list-group-1 .ekit-wid-con .stylish .ekit-stylish-list-content-wrapper .ekit-stylish-list-content-title,
.stylish-list-group-1 .ekit-wid-con .stylish .ekit-stylish-list-content-wrapper .ekit-stylish-list-content-description {
    color: #717182;
}

/* style 1(group-1) end */

/* style 2(group-2) start */
.stylish-list-group-2 .ekit-stylish-list {
    width: fit-content;
    border-radius: 10px;
    align-self: center;
    overflow: hidden;
    border: 1px solid #e5e7eb;
    position: relative;
    gap: 0;
}

.stylish-list-group-2 .ekit-wid-con .stylish .ekit-stylish-list-content-wrapper {
    background-color: transparent;
    width: 100%;
    border: none;
    border-radius: 0px;
    border-left: 1px solid #e5e7eb!important;
}

.stylish-list-group-2 .ekit-wid-con .stylish .ekit-stylish-list-content-wrapper .ekit-stylish-list-content-title,
.stylish-list-group-2 .ekit-wid-con .stylish .ekit-stylish-list-content-wrapper .ekit-stylish-list-content-description {
    color: #717182;
}
/* style 2(group-2) ends */

/* style 3(underline) start */
.stylish-list-underline .ekit-wid-con .stylish .ekit-stylish-list-content-wrapper {
    border-radius: 0px;
    border: 2px solid transparent;
}

.stylish-list-underline .ekit-stylish-list {
    border-bottom: 1px solid #e5e7eb;
}
/* style 3(underline) start */

/* After styles */

.stylish-list-underline .ekit-stylish-list {
    position: relative;
}

.stylish-list-group-1 .sf-stylish-list-wid-con .stylish .list-color,
.stylish-list-group-2 .sf-stylish-list-wid-con .stylish .list-color  {
    backdrop-filter: blur(0px);
}

/* Base before style */
.stylish-list-underline .ekit-stylish-list::before,
.stylish-list-group-1 .ekit-stylish-list::before,
.stylish-list-group-2 .ekit-stylish-list::before {
    content: '';
    position: absolute;
    width: var(--width, 100%);
    transform: translateX(var(--pos));
    transition: all .5s ease;
}

/* Underline variant */
.stylish-list-underline .ekit-stylish-list::before {
    bottom: -1px;
    left: 0px;
    height: 2px;
    border-radius: 16px;
    background: black;
    z-index: 99;
}

/* Group 1 */
.stylish-list-group-1 .ekit-stylish-list::before {
    inset: 4px;
    border-radius: 8px;
    background: var(--e-color-light,#ffff);
    left: 0px;
}

/* Group 2 */
.stylish-list-group-2 .ekit-stylish-list::before {
    inset: 0;
    background: #e5e7eb;
}