/* section bg color */
.section-white-shadow {
    position: relative;
    overflow: hidden;
}

.section-white-shadow::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -158px;
    width: 233px;
    height: 100%;
    background: rgba(var(--bg-color-9));
    z-index: 0;
    pointer-events: none;
    filter: blur(45px);
    transform: translateY(-50%);
    opacity: 100%;
}

/* green shadow color */
.equity-section.split-section__bg--green .section-white-shadow::after {
    background: rgba(var(--bg-color-4)) !important;
}

/* purple shadow color */
.equity-section.bg__color-15 .section-white-shadow::after {
    background: rgba(var(--bg-color-15)) !important;
}

.equity-section .equity-right:not(:has(.equity-slider__css .slick-slide:nth-child(4)))::after {
    content: none;
}


.equity-section.bg__color-4 .section-white-shadow::after {
    background: rgba(var(--bg-color-4));
}

.equity-section.split-section__bg--green .equity-left .site__btn-2 {
    background-color: rgba(var(--bg-color-5));

    &:hover {
        background-color: rgba(var(--bg-color-6));
    }
}

/* Equity Section Styles */

/* Left Content */
.equity-section .equity-left {
    width: 34%;
}

/* Right Slider */
.equity-section .equity-right {
    position: absolute;
    right: 0px;
    width: 59%;
    top: 50%;
    transform: translateY(-50%);

    @media (min-width:1279px) {
        min-height: 480px;
    }
}

.equity-section .equity-slider__css {
    padding-bottom: 80px;
    position: static;
}

/* slider card css  start */
.equity-section .equity-slider__css .slide-card {
    box-shadow: 5px 5px 0px 0px #0000000D;
    border-radius: var(--border-radius-7) var(--border-radius-4) var(--border-radius-7) var(--border-radius-4);
    height: 100%;
}

.equity-section .equity-slider__css .slide-image {
    width: 100%;
    height: 220px;
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: center;
    border-radius: var(--border-radius-7) var(--border-radius-4) 0 0;
}

.equity-section .equity-slider__css .slide-image img {
    width: 100%;
    height: 251px;
    object-fit: contain;
    object-position: bottom;
    margin-top: -31px;
    filter: brightness(100%) contrast(100%) saturate(0%) blur(0) hue-rotate(0deg);
    transition: all 0.3s linear;
}

.equity-section .equity-slider__css .slick-slide:hover .slide-image img {
    filter: brightness(100%) contrast(100%) saturate(100%) blur(0) hue-rotate(0deg) !important;
}

.equity-section .equity-slider__css .slide-card__content {
    padding: 20px 32px 30px 30px;
    background-color: rgba(var(--bg-color-1));
    height: calc(100% - 220px);
    border-radius: 0 0 var(--border-radius-7) var(--border-radius-4);
}

/* slider card css end */

/* slider css  */
.equity-section .equity-slider__css .slick-track {
    display: flex;
    align-items: stretch;
    height: auto;
    padding-top: 35px;
}

.equity-section .equity-slider__css .slick-slide {
    height: auto;
    margin: 0px 5px;
    padding-bottom: 10px;
}

.equity-section .equity-slider__css .slick-slide>div {
    height: 100%;
}

.equity-section.split-section__bg--green .equity-slider__css .slick-arrow,
.equity-section.bg__color-15 .equity-slider__css .slick-arrow {
    background-color: transparent;
    border: 2px solid rgba(var(--border-color-1));
}

.equity-section .equity-slider__css .slick-arrow {
    width: 50px;
    /* aspect-ratio: 1; */
    height: 50px;
    background-color: rgba(var(--bg-color-2));
    border-radius: 50%;
    z-index: 1;
    position: absolute;
    top: auto;
    bottom: -10px;
}

.equity-section .equity-slider__css .slick-arrow.slick-disabled {
    opacity: 0.5;
    pointer-events: none;
}

.equity-section .equity-slider__css .slick-prev {
    left: 0px;
}

.equity-section .equity-slider__css .slick-next {
    /* left: calc(82% - 60px); */
    left: calc(0px + 774px)
}

.equity-section .equity-slider__css .slick-arrow::before {
    display: none;
}

.slider__progress-bar {
    background: linear-gradient(to right, rgba(var(--bg-color-5)) 0%, rgba(var(--bg-color-5)) 100%) no-repeat;
    background-color: #E6E3DB;
    height: 8px;
    border-radius: 10px;
    max-width: 665px;
    width: 75%;
    position: absolute;
    left: calc(6.4% - -0.8%);
    bottom: 33px;
    background-size: 0% 100%;
    transition: background-size 0.3s ease;
}

.slider__progress-bar--line {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

/* slider css end */

/* without slider css  */

.equity-section .equity-right:not(:has(.equity-slider__css .slick-slide:nth-child(4))) {
    position: unset;
    width: 62.5%;
    transform: none;

    .equity-slider__css {
        margin-bottom: 0 !important;
        padding-bottom: 0;

        .slick-arrow {
            display: none !important;
        }
    }

    .slider__progress-bar {
        display: none;
    }

    .slick-track {
        width: 100%;
        margin-left: auto;
        margin-right: 0;

        .slick-slide {
            /* width: 100%; */
            flex: 1;
        }
    }
}

.equity-section:not(:has(.equity-right .equity-slider__css .slick-slide:nth-child(4))) {
    .equity-left {
        height: auto !important;
    }

}


/* @media (min-width:991px) {
        .equity-section {
            padding: 120px 0;
        }
    } */
     
.equity-slider__css:not(.slick-initialized) {
    display: flex;
    overflow: hidden;
}

.equity-slider__css:not(.slick-initialized)>div {
    flex: 0 0 50%;
    min-width: 0;
}


@media (max-width:1600px) {

    /* slider css start */
    .equity-section .equity-slider__css .slick-next {
        right: calc(0px + (59% - 43%));
        left: auto !important;
    }

    .slider__progress-bar {
        width: 66%;
        left: calc(9% - 0px);
    }

    /* slider css end */
}

@media (max-width:1500px) {

    /* slider css start */
    .equity-section .equity-slider__css .slick-next {
        right: calc(0px + (59% - 49%));
        left: auto !important;
    }

    .slider__progress-bar {
        width: 72%;
        left: calc(9% - 0px);
    }

}

@media (max-width:1279px) {

    /* without slider css  */
    .equity-section .equity-right:not(:has(.equity-slider__css .slick-slide:nth-child(4))) {
        position: relative;

        .equity-slider__css {
            padding-bottom: 60px;
            margin-bottom: 24px !important;

            .slick-arrow {
                display: unset !important;
                bottom: -10px;

                &.slick-next {
                    right: 5px;
                }

                &.slick-prev {
                    left: 0px;
                }
            }
        }

        .slider__progress-bar {
            display: block;
            width: calc(100% - 150px);
            left: 72px;
            max-width: unset;
            bottom: 33px;
            transform: unset;
        }
    }
}

@media (max-width:1200px) {
    .equity-wrapper {
        flex-wrap: wrap;
    }

    /* slider css start */
    .equity-section .equity-slider__css .slick-next {
        left: calc(100% - 106px);
    }

    .slider__progress-bar {
        width: 68%;
        left: calc(11.5% - 0px);
    }

    /* without slider css  */
    .equity-section .equity-wrapper:not(:has(.slick-track .slick-slide:nth-child(4))) .equity-left {
        width: 100%;
    }

    .equity-section .equity-right:not(:has(.equity-slider__css .slick-slide:nth-child(4))) {
        width: 100%;
        overflow: visible !important;

        .slick-list {
            overflow: visible !important;
        }
    }

    /* slider css end */
}

@media (max-width: 992px) {
    .equity-section .equity-wrapper {
        flex-direction: column;
        gap: 20px !important;
    }

    /* .equity-section.split-section__bg--green .equity-slider__css {
            margin-bottom: 0 !important;
            padding-bottom: 0;
        } */

    .equity-section .section-white-shadow::after {
        content: none;
    }

    .equity-section .equity-left {
        width: 100%;
    }

    .equity-section .equity-right {
        position: unset;
        width: 100%;
        overflow: visible !important;
        transform: none;
    }

    /* slider css start  */
    .equity-section .equity-slider__css .slick-list {
        overflow: visible;
    }

    .equity-section .slider__progress-bar {
        left: 50%;
        bottom: 90px;
        transform: translateX(-50%);
    }

    .equity-section .equity-slider__css .slick-arrow {
        top: inherit;
        left: 50px;
        bottom: 45px;
    }

    .equity-section .equity-slider__css .slick-next {
        left: inherit;
        right: 50px;
    }

    /* slider css end */
}

@media (max-width: 768px) {
    .equity-section {
        padding: 40px 0;
    }

    .equity-section .equity-wrapper {
        gap: 30px;
    }

    .equity-section .equity-slider__css .slick-slide:hover .slide-image img,
    .equity-section .equity-slider__css .slide-image img {
        filter: none !important;
    }



    /* slider css start  */
    .equity-section .slider__progress-bar {
        display: none;
    }

    /* whithout slider css */
    .equity-section .equity-right:not(:has(.equity-slider__css .slick-slide:nth-child(4))) {
        .equity-slider__css {
            .slick-arrow {
                &.slick-next {
                    right: calc(50% - 57.5px);
                }

                &.slick-prev {
                    left: calc(50% - 57.5px);
                }
            }
        }

        .slider__progress-bar {
            display: none;
        }
    }

    .equity-section .equity-slider__css .slick-arrow {
        background-color: rgba(var(--bg-color-9));
        border: 2px solid rgba(var(--border-color-2));
    }

    .equity-section .equity-slider__css .slick-arrow svg path {
        fill: rgba(var(--text-color-2));
    }

    .equity-section.split-section__bg--green .equity-slider__css .slick-arrow svg path,
    .equity-section.bg__color-15 .equity-slider__css .slick-arrow svg path {
        fill: rgba(var(--text-color-1));
    }

    .equity-section .equity-slider__css .slick-arrow {
        bottom: 25px;
    }

    .equity-section .equity-slider__css .slick-prev {
        left: calc(50% - 57.5px);
    }

    .equity-section .equity-slider__css .slick-next {
        right: calc(50% - 57.5px);
    }

    /* slider css end */
}