@media  all and (max-width: 1400px) {
    h1, .pale-title{
        font-size: 16rem
    }
    .grid-2{
        gap: var(--size-3)
    }
    .container, .footer{
        padding-left: 12px;
        padding-right: 12px
    }
    .about__media{
        padding-right: 100px
    }
    .step-1 {
        left: 0
    }
    .step-6 {
        left: -40px
    }
    .step-7 {
        left: 560px
    }
    .projects-slider{
        width: calc(100% - 176px)!important;
        margin: var(--size-2) auto 0
    }
    .services .slider-nav {
        display: none
    }
    .title-center h2, .title-center h2 + p {
        padding: 0 15%
    }
    .pale-title {
        left: 85px
    }
    .how-we-work .container{
        padding-left: 100px;
        padding-right: 100px
    }
    .projects .slider-nav{
        width: calc(100% - 60px);
        left: 30px;
        bottom: calc(260px - 12.5px )
    }

}
@media  all and (max-width: 1340px) {
    
    .step-1 {
        left: -20px
    }
    .step-4 {
        left: 792px;
        top: 423px
    }
    .step-5 {
        left: 460px;
        top: 575px
    }
    .step-6 {
        left: -54px
    }
    .step-7 {
        left: 525px
    }

}
@media  all and (max-width: 1300px) {
    .step-1 {
        left: -70px
    }
    .step-4 {
        left: 743px;
        top: 438px
    }
   
    .step-5 {
        left: 437px
    }
    .step-6 {
        left: -72px;
        max-width: 392px
    }
    .step-7 {
        left: 475px
    }
}