.contacts-page{
    background:var(--color-bg);
}

.contacts-hero{
    padding:90px 0;
    background:var(--color-white);
}

.contacts-methods{
    padding:90px 0;
}

.contacts-grid{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:25px;
}
.look {
    font-family: var(--font-title);
    margin: 60px;
    text-align: center;
    font-size: 30px;
}
.contacts-grid2{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:25px;
    margin-bottom: 50px;
}
.contact-card{
    padding:35px;
    border-radius:var(--radius-md);

    background:var(--color-white);
    border:1px solid var(--color-border);

    text-decoration:none;
    color:inherit;

    transition:.3s;
}

.contact-card:hover{
    transform:translateY(-5px);
    box-shadow:var(--shadow-soft);
}

.contact-card__icon{
    width:70px;
    height:70px;

    display:flex;
    align-items:center;
    justify-content:center;

    margin-bottom:20px;

    border-radius:50%;

    background:var(--color-primary);
    color:var(--color-white);

    font-weight:700;
}

.contact-card h3{
    margin-bottom:10px;

    font-family:var(--font-title);
    font-size:28px;

    color:var(--color-primary);
}

.contact-card p{
    line-height:1.7;
}

.work-info{
    padding:0 0 90px;
}

.work-info__box{
    padding:60px;

    border-radius:var(--radius-lg);

    background:var(--color-white);
    box-shadow:var(--shadow-soft);
}

.work-info__box .section-title{
    text-align:center;
    margin-bottom:50px;
}

.work-steps{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:25px;
}

.work-step{
    text-align:center;
}

.work-step span{
    display:inline-flex;

    width:60px;
    height:60px;

    align-items:center;
    justify-content:center;

    margin-bottom:15px;

    border-radius:50%;

    background:var(--color-primary);
    color:var(--color-white);

    font-weight:700;
}

.work-step p{
    line-height:1.6;
}

.contacts-cta{
    padding:0 0 90px;
}

.contacts-cta__box{
    padding:60px;

    border-radius:var(--radius-lg);

    background:var(--color-primary);

    color:var(--color-white);
    text-align:center;
}

.contacts-cta__box .section-title{
    color:var(--color-white);
    margin-bottom:20px;
}

.contacts-cta__box p{
    max-width:600px;
    margin:0 auto 30px;

    line-height:1.8;
}
.pochta-text{
    font-size: 20px;
}

.contacts-cta__box .btn{
    background:var(--color-white);
    color:var(--color-primary);
}

@media(max-width:992px){

    .contacts-hero,
    .contacts-methods{
        padding:70px 0;
    }

    .contacts-grid{
        grid-template-columns:repeat(2, 1fr);
    }

    .contacts-grid2{
        grid-template-columns:repeat(2, 1fr);
    }

    .work-steps{
        grid-template-columns:repeat(2, 1fr);
    }

    .work-info__box,
    .contacts-cta__box{
        padding:45px 35px;
    }

    .look{
        margin:50px 0 35px;
        font-size:28px;
    }
}

@media(max-width:768px){

    .contacts-grid,
    .contacts-grid2{
        grid-template-columns:1fr;
        gap:18px;
    }

    .contact-card{
        padding:28px 24px;
    }

    .contact-card__icon{
        width:58px;
        height:58px;
    }

    .contact-card h3{
        font-size:25px;
    }

    .work-info{
        padding-bottom:65px;
    }

    .work-info__box{
        padding:35px 25px;
    }

    .work-info__box .section-title{
        margin-bottom:35px;
    }

    .work-steps{
        grid-template-columns:1fr;
        gap:28px;
    }

    .contacts-cta{
        padding-bottom:65px;
    }

    .contacts-cta__box{
        padding:38px 24px;
        border-radius:var(--radius-md);
    }

    .contacts-cta__box .btn{
        width:100%;
    }
}

@media(max-width:576px){

    .contacts-hero,
    .contacts-methods{
        padding:55px 0;
    }

    .look{
        margin:38px 0 28px;
        font-size:24px;
        line-height:1.2;
    }

    .contact-card{
        border-radius:var(--radius-md);
    }

    .contact-card p{
        font-size:15px;
    }

    .work-step span{
        width:52px;
        height:52px;
    }

    .work-step p{
        font-size:15px;
    }

    .contacts-cta__box p{
        font-size:15px;
        line-height:1.7;
    }
}