.m-related-projects-carousel .m-related-projects-carousel-inner {
    position: relative;
    display: flex;
    flex-flow: column;
    row-gap: 2.361vw; /*34px*/
    width: 100%;
    padding-bottom: 2.361vw; /*34px*/
}

.m-related-projects-carousel .m-related-projects-carousel-inner .title-inner {
    position: relative;
    display: flex;
    flex-flow: column;
    row-gap: .625vw; /*9px*/
    width: 100%;
    align-items: center;
}

.m-related-projects-carousel .m-related-projects-carousel-inner .title-inner .cpt-link {
    width: fit-content;
}

.m-related-projects-carousel .m-related-projects-carousel-inner .title-inner .cpt-link::after {
    content: "";
    position: relative;
    display: inline-block;
    width: .694vw; /*10px*/
    height: .83vw; /*12px*/
    margin-left: .486vw; /*7px*/
    background-image: url('../../assets/svgs/arrow-black.svg');
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
    transform: translate(0 , .069vw);
}

.m-related-projects-carousel .m-related-projects-carousel-inner .m-related-projects-carousel-swiper {
    position: relative;
    display: block;
    width: 100%;
    height: fit-content;
    overflow: hidden;
}

.m-related-projects-carousel .m-related-projects-carousel-inner .swiper-slide {
    height: 41.667vw; /*600px*/
    width: 77.43vw; /*1115px*/
    border-radius: 1.38vw; /*20px*/
    overflow: hidden;
}

.m-related-projects-carousel .m-related-projects-carousel-inner .swiper-slide .linear {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 1;
    background: #000;
    background: linear-gradient(0deg,rgba(0, 0, 0, .8) 0%, rgba(0, 0, 0, 0) 52%, rgba(0, 0, 0, 0) 100%);
}

.m-related-projects-carousel .m-related-projects-carousel-inner .swiper-slide .text {
    position: absolute;
    display: flex;
    flex-flow: column;
    row-gap: .347vw; /*5px*/
    width: 100%;
    max-width: 45.69vw; /*658px*/
    height: fit-content;
    bottom: 2.708vw; /*39px*/
    left: 50%;
    transform: translate(-50%,100px);
    z-index: 2;
    opacity: 0;
    transition: 
        opacity .4s cubic-bezier(0, 0, 0.3, 1) 0s,
        transform 0s cubic-bezier(0, 0, 0.3, 1) .5s;
}

.m-related-projects-carousel .m-related-projects-carousel-inner .swiper-slide.swiper-slide-active .text {
    opacity: 1;
    transform: translate(-50%,0px);
    transition: 
        opacity .5s cubic-bezier(0, 0, 0.3, 1) .7s,
        transform .5s cubic-bezier(0, 0, 0.3, 1) .7s;
}

.m-related-projects-carousel .m-related-projects-carousel-inner .carousel-pagination {
    display: none;
}


@media screen and (max-width: 1440px) {
	.m-related-projects-carousel .m-related-projects-carousel-inner {
        row-gap: 34px;
        padding-bottom: 34px;
    }

    .m-related-projects-carousel .m-related-projects-carousel-inner .title-inner {
        row-gap: 9px;
    }

    .m-related-projects-carousel .m-related-projects-carousel-inner .title-inner .cpt-link::after {
        width: 10px;
        height: 12px;
        margin-left: 7px;
        transform: translate(0,1px);
    }

    .m-related-projects-carousel .m-related-projects-carousel-inner .swiper-slide {
        /*height: 600px;
        width: 1115px;*/
        border-radius: 20px;
    }

    .m-related-projects-carousel .m-related-projects-carousel-inner .swiper-slide .text {
        row-gap: 5px;
        max-width: 658px;
        bottom: 39px;
    }
}


@media only screen and (max-width: 740px) {
    .m-related-projects-carousel .m-related-projects-carousel-inner {
        row-gap: 8.46vw; /*33px*/
        padding-bottom: 0px; /*0px*/
        margin-bottom: -2.30vw; /*-9px*/
    }

	.m-related-projects-carousel .m-related-projects-carousel-inner .title-inner {
        row-gap: 3.589vw; /*14px*/
        padding: 0 var(--lateralMargin);
    }

    .m-related-projects-carousel .m-related-projects-carousel-inner .swiper-wrapper {
        padding-bottom: 2.564vw; /*10px*/
    }

    .m-related-projects-carousel .m-related-projects-carousel-inner .swiper-slide {
        height: 119.74vw; /*467px*/
        max-height: 540px;
        width: 76vw; /*300px*/
        border-radius: 20px;
    }

    .m-related-projects-carousel .m-related-projects-carousel-inner .swiper-slide .text {
        row-gap: 1.538vw; /*6px*/
        max-width: none;
        bottom: 6.410vw; /*25px*/
        width: 100%;
        padding: 0 4.128vw; /*0 20px*/
    }

    .m-related-projects-carousel .m-related-projects-carousel-inner .carousel-pagination {
        position: relative;
        display: flex;
        justify-content: center;
        column-gap: .769vw; /*3px*/
        margin-top: 2.564vw; /*10px*/
    }

    .m-related-projects-carousel .m-related-projects-carousel-inner .carousel-pagination .swiper-pagination-bullet {
        margin: 0;
        opacity: 1;
        background-color: #C5BEC1;
        width: 1.538vw; /*6px*/
        height: 1.538vw; /*6px*/
        transition: all .4s ease;
        -webkit-transition: all .4s ease;
        -moz-transition: all .4s ease;
        -o-transition: all .4s ease;
    }
    
    .m-related-projects-carousel .m-related-projects-carousel-inner .carousel-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        width: 4.615vw !important; /*18px*/
        border-radius: 7.692vw !important; /*30px*/
    }
}