@media only screen and (min-width: 1024px) {
    .services-list__item__info {
        width: 50%;
        padding-left: 2.4rem;
    }
}

/* Work-stages animasyon durumu */
.work-stages__item {
    /* Başlangıç durumu JavaScript tarafından ayarlanacak */
    transition: all 0.5s ease;
}

.work-stages__item.animated {
    opacity: 1 !important;
    transform: translateY(0) !important;
    scale: 1 !important;
}

.services-list__item__info {
    margin-top: 1.6rem;
    cursor: pointer;
}

@media only screen and (min-width: 1024px) {
    .services-list__item__num {
        top: -2rem;
        left: 2rem;
    }
}

@media only screen and (min-width: 1024px) {
    .services-list__item:nth-child(even) .services-list__item__info {
        padding: 0 0.4rem 0 0.2rem;
    }
}
@media only screen and (min-width: 768px) {
    .services-list__item__steps li .services-list__item__stepnum {
        font-size: 4rem;
        width: 5rem;
        margin-right: 1.4rem;
    }
}

@media only screen and (min-width: 1600px) {
    .services-list__item__steps .btn {
        margin-left: 18rem;
    }

    .services-list__item__bot {
        height: 4rem;
    }

    .home-owners .title__item:nth-child(2) {
        text-indent: 6rem !important;
    }

    .home-owners__desc {
        margin-left: -1rem;
    }

    .marquee-title__inner {
        top: -10px;
    }

    .work-stages__item:before{
        -webkit-transform: translate(-50%, -50%) rotate(46deg);
        -ms-transform: translate(-50%, -50%) rotate(46deg);
        transform: translate(-50%, -50%) rotate(46deg);
    }

}

@media only screen and (min-width: 1920px) {
    .fMarquee {
        top: 50px !important;
    }
    .aboutMarquee {
        margin-top: -280px !important;
    }
}

@media only screen and (max-width: 1400px) {
    .work-stages__item__desc {
        font-size: 1.2rem !important;
    }

    .work-stages__item:before {
        -webkit-transform: translate(-50%, -50%) rotate(39deg) !important;
        -ms-transform: translate(-50%, -50%) rotate(39deg) !important;
        transform: translate(-50%, -50%) rotate(39deg) !important;
    }
}

@media only screen and (max-width: 1400px) {
    .work-stages__item__desc {
        font-size: 1.3rem;
        line-height: 2.2rem;
    }

    .work-stages__item:before {
        -webkit-transform: translate(-50%, -50%) rotate(39deg) !important;
        -ms-transform: translate(-50%, -50%) rotate(39deg) !important;
        transform: translate(-50%, -50%) rotate(39deg) !important;
    }
}

@media only screen and (min-width: 1400px) and (max-width: 2160px) {
    .fMarquee{ margin-top: -50px; }
}

.aboutMarquee { margin-top: -230px; }
@media only screen and (max-width: 500px) {
    .aboutMarquee{ margin-top: -60px !important; }
}