.component_projects_card_slider {
    overflow: hidden
}

.component_projects_card_slider .section_inner {
    display: flex;
    flex-direction: column;
    gap: 53px
}

.component_projects_card_slider .section_inner .section_wrapper .section_detail {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: space-between
}

.component_projects_card_slider .section_inner .section_wrapper .section_detail .section_detail_left .tagline_text {
    color: var(--Color_Forest_2);
    margin: 0
}

.component_projects_card_slider .section_inner .section_wrapper .section_detail .section_detail_left .heading_section .heading_text {
    margin: 0
}

.component_projects_card_slider .section_inner .project_card_section .project_card_section_inner {
    position: relative
}

.component_projects_card_slider .section_inner .project_card_section .project_card_section_inner:before {
    background: var(--Color_White);
    content: "";
    height: 100%;
    left: -100vw;
    position: absolute;
    top: 0;
    width: 100vw;
    z-index: 4
}

.component_projects_card_slider .section_inner .project_card_section .project_card_slider .splide__slide {
    width: 486px
}

.component_projects_card_slider .section_inner .project_card_section .project_card_slider .card_item,
.component_projects_card_slider .section_inner .project_card_section .project_card_slider .card_item .card_link,
.component_projects_card_slider .section_inner .project_card_section .project_card_slider .card_item .card_link .card_item_inner {
    display: block;
    height: 100%
}

.component_projects_card_slider .section_inner .project_card_section .project_card_slider .card_item .card_link {
    color: var(--Color_White);
    text-decoration: none
}

.component_projects_card_slider .section_inner .project_card_section .project_card_slider .card_item .card_link .card_item_inner {
    background-color: var(--Color_Forest_2);
    border-radius: 0 30px 0 0;
    overflow: hidden;
    position: relative
}

.component_projects_card_slider .section_inner .project_card_section .project_card_slider .card_item .card_link .card_item_inner:before {
    background: var(--BG_Linear_Gradient_6);
    bottom: 0;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    transition: height .5s;
    width: 100%;
    z-index: 1
}

.component_projects_card_slider .section_inner .project_card_section .project_card_slider .card_item .card_link .card_item_inner .card_image {
    overflow: hidden;
    padding-top: 380px;
    position: relative
}

.component_projects_card_slider .section_inner .project_card_section .project_card_slider .card_item .card_link .card_item_inner .card_image img {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    top: 0;
    width: 100%
}

.component_projects_card_slider .section_inner .project_card_section .project_card_slider .card_item .card_link .card_item_inner .card_content {
    background-color: var(--Color_Forest_2);
    padding: 10px 28px;
    position: relative;
    z-index: 2
}

.component_projects_card_slider .section_inner .project_card_section .project_card_slider .card_item .card_link .card_item_inner .card_content .card_title {
    color: var(--Color_White)
}

.component_projects_card_slider .section_inner .project_card_section .project_card_slider .card_item .card_link .card_item_inner .card_content .card_content_inner {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 20px
}

.component_projects_card_slider .section_inner .project_card_section .project_card_slider .card_item .card_link .card_item_inner .card_content .card_content_inner .card_content_left {
    width: calc(100% - 40px)
}

.component_projects_card_slider .section_inner .project_card_section .project_card_slider .card_item .card_link .card_item_inner .card_content .card_content_inner .card_content_right {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    width: 20px
}

.component_projects_card_slider .section_inner .project_card_section .project_card_slider .card_item .card_link .card_item_inner .card_content .card_content_inner .card_content_right .card_arrow {
    margin-right: 0;
    transition: all .5s ease
}

.component_projects_card_slider .section_inner .project_card_section .project_card_slider .card_item .card_link:hover .card_item_inner:before {
    height: 100%
}

.component_projects_card_slider .section_inner .project_card_section .project_card_slider .card_item .card_link:hover .card_item_inner .card_content .card_content_inner .card_content_right .card_arrow {
    margin-right: 5px
}

.component_projects_card_slider .section_inner .project_card_section .splide__arrows button {
    background-color: transparent;
    border-radius: 0;
    height: 150px;
    opacity: 1;
    padding: 12px;
    width: 48px;
    z-index: 5
}

.component_projects_card_slider .section_inner .project_card_section .splide__arrows button svg {
    height: inherit;
    width: inherit
}

.component_projects_card_slider .section_inner .project_card_section .splide__arrows button svg path {
    transition: all .5s ease
}

.component_projects_card_slider .section_inner .project_card_section .splide__arrows button:hover svg path {
    fill: var(--Color_Parrot_Green)
}

.component_projects_card_slider .section_inner .project_card_section .splide__arrows .splide__arrow--prev {
    margin-left: -96px
}

.component_projects_card_slider .section_inner .project_card_section .splide__arrows .splide__arrow--prev svg {
    transform: rotate(0deg)
}

.component_projects_card_slider .section_inner .project_card_section .splide__arrows .splide__arrow--next {
    margin-right: -96px
}

.project_card_slider,
.project_card_slider .splide__track {
    overflow: visible
}

@media (max-width:1359px) {
    .component_projects_card_slider .section_inner .project_card_section .splide__arrows .splide__arrow--prev {
        margin-left: -55px
    }

    .component_projects_card_slider .section_inner .project_card_section .splide__arrows .splide__arrow--next {
        margin-right: -55px
    }

    .component_projects_card_slider .section_inner .project_card_section .project_card_slider .splide__slide {
        width: 400px
    }

    .component_projects_card_slider .section_inner .project_card_section .project_card_slider .card_item .card_link .card_item_inner .card_image {
        padding-top: 300px
    }
}

@media (max-width:1199px) {
    .component_projects_card_slider .section_inner .project_card_section .splide__arrows .splide__arrow--prev {
        margin-left: 0
    }

    .component_projects_card_slider .section_inner .project_card_section .splide__arrows .splide__arrow--next {
        margin-right: 0
    }
}

@media (max-width:991px) {
    .component_projects_card_slider .section_inner .project_card_section .splide__arrows button {
        height: 100px;
        padding: 10px;
        width: 38px
    }

    .component_projects_card_slider .section_inner .project_card_section .project_card_slider .splide__slide {
        width: 350px
    }

    .component_projects_card_slider .section_inner .project_card_section .project_card_slider .card_item .card_link .card_item_inner .card_image {
        padding-top: 250px
    }

    .component_projects_card_slider .section_inner .project_card_section .project_card_slider .card_item .card_link .card_item_inner .card_content {
        padding: 10px 20px
    }
}

@media (max-width:767px) {
    .component_projects_card_slider .section_inner {
        gap: 40px
    }

    .component_projects_card_slider .section_inner .section_wrapper .section_detail {
        gap: 20px
    }

    .component_projects_card_slider .section_inner .project_card_section .project_card_slider .splide__slide {
        width: 300px
    }

    .component_projects_card_slider .section_inner .project_card_section .project_card_slider .card_item .card_link .card_item_inner .card_image {
        padding-top: 200px
    }
}

@media (max-width:575px) {
    .component_projects_card_slider .section_inner .project_card_section .project_card_slider .splide__slide {
        width: 270px
    }

    .component_projects_card_slider .section_inner .project_card_section .project_card_slider .card_item .card_link .card_item_inner .card_image {
        padding-top: 200px
    }

    .component_projects_card_slider .section_inner .project_card_section .project_card_slider .card_item .card_link .card_item_inner .card_content {
        padding: 10px 15px
    }
}

/*# sourceMappingURL=projects_card_slider.css.map */