@media screen and (max-width:1199px) {
    h1 {
        font-size: 30px;
    }

    .section1-col1 {
        width: 58%;
    }

    .who-we-img img {
        width: 280px;
    }

    .who-we-text {
        left: 22%;
        top: 38%;
    }

    .section3-col2>div:not(.section3-circle-text) {
        max-width: 360px;
    }

    .section3-circle-text {
        top: 260px;
        right: 0;
    }

    .section3-col2-line2 {
        margin-left: -240px;
    }

    .who-we {
        left: 310px;
        top: 130px;
    }

    .aboutjob-img {
        max-width: 880px;
        bottom: -212px;
    }

    .section7 {
        padding-bottom: 210px;
    }

    .aboutjob-card3 {
        left: 690px;
    }

    .aboutjob-card4 {
        left: 760px;
    }
}

@media screen and (max-width:992px) {

    .section1-img-right {
        display: none;
    }

    .section1-col1-main-img {
        display: block;
        margin: 0 auto 40px;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
        width: 100%;
    }

    .section1 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .section1-col1 {
        margin: 0 auto;
        width: 100%;
        max-width: 540px;
    }

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

    .section3-col2 {
        position: relative;
        max-width: 600px;
        margin: 30px auto;
        bottom: 0;
        padding-left: 20px;
        padding-right: 20px;
    }

    .section3-col2>div:not(.section3-circle-text) {
        max-width: 100%;
        margin: 20px 0;
    }

    .section3-col-ttl {
        font-size: 28px;
    }

    .section3-col2 {
        position: initial;
    }

    .section3-col1 {
        margin: 0 auto;
        max-width: 600px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .section3-circle-text.hide-desk {
        right: auto;
        left: 330px;
        top: 560px;
        display: block;
    }

    .section3-circle-text.hide-mob {
        display: none;
    }

    .section3-green-line {
        display: block;
        width: 100%;
        height: 100px;
        background-color: var(--primary-color);
    }

    .section3 {
        border-bottom: 0;
        padding: 0;
    }

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

    .requirements-grid {
        grid-template-columns: 1fr;
        justify-items: center;
        /* Центрирует карточки по горизонтали */
    }

    .requirements-card {
        max-width: 600px;
        width: 100%;
    }

    .conditions-grid {
        grid-template-columns: 40% 1fr;
    }

    .aboutjob-main-block {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 70px 150px;
        position: initial;
        height: auto;
        max-width: 600px;
        margin: 50px auto 0;
        left: 40px;
        position: relative;
    }

    .aboutjob-card-ttl1::before {
        left: -80px;
    }

    .aboutjob-card {
        position: relative;
        left: 0;
        top: 0;
        width: 100%;
        max-width: 250px;
    }

    .section7 {
        padding-bottom: 0;
    }

    .aboutjob-img {
        bottom: 0;
        max-width: 600px;
    }

    .progress-text-anim {
        font-size: 180px;
        bottom: -51px;
    }


    .requirements-card-text div {
        font-size: 24px;
    }

    .conditions-grid {
        grid-template-columns: 1fr;
        gap: 16px;
        /* можно изменить или убрать */
    }

    .conditions-card {
        margin-bottom: 30px;
    }
    .conditions-column1 .order-circle-text {
        position: initial;
        text-align: center;
    }
    .conditions-column1 {
        max-width: 380px;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }
    .conditions-info {
        max-width: 700px;
        margin-left: auto;
        margin-right: auto;
        width: 90%;
    }
    .questions .conditions-info-button {
        font-size: 22px;
    }
    .questions .conditions-info-text {
        font-size: 18px;
    }
    .bottom-menu {
        gap: 20px;
    }
}

@media screen and (max-width:640px) {
    h1 {
        font-size: 22px;
    }

    .order-circle-text {
        position: initial;
        text-align: center;
    }

    .section1-list {
        margin: 0 auto;
        max-width: 320px;
    }

    .salary-card {
        max-width: 300px;
    }

    .salary-grid {
        grid-template-columns: 1fr;
        justify-items: center;
        /* Центрирует карточки по горизонтали */
    }

    .section3-col1>img {
        width: 180px;
    }

    .section3-circle-container {
        width: 160px;
    }

    .section3-circle-text.hide-desk {
        top: 210px;
        left: 140px;
    }

    .section3-col1 {
        max-width: 300px;
    }

    .circle-text {
        font-size: 16px;
    }

    .who-we {
        left: 120px;
        top: -20px;
    }

    .who-we-img img {
        width: 180px;
    }

    .who-we-text span {
        font-size: 20px;
    }

    .who-we-text {
        left: 25%;
        top: 45%;
    }

    .aboutus-pic1 img {
        width: 15px;
    }

    .aboutus-pic2 img {
        width: 40px;
    }

    .aboutus-pic3 img {
        width: 17px;
    }

    .aboutus-pic4 img {
        width: 42px;
    }

    .aboutus-pic1 {
        left: 0;
    }

    .aboutus-pic2 {
        top: 80px;
    }

    .aboutus-pic2 img {
        transform: rotate(311deg);
        -webkit-transform: rotate(311deg);
        -moz-transform: rotate(311deg);
        -ms-transform: rotate(311deg);
        -o-transform: rotate(311deg);
}

    .aboutus-pic3 {
        left: 110px;
        top: 100px;
    }

    .aboutus-pic4 {
        left: 130px;
        top: 160px;
    }

    .section3-col2 {
        padding-left: 60px;
    }

    .reviews-card {
        max-width: 300px;
    }

    .reviews-grid {
        grid-template-columns: 1fr;
        justify-items: center;
        /* Центрирует карточки по горизонтали */
    }

    .section-main-ttl {
        font-size: 26px;
    }

    .order-sub-ttl {
        font-size: 22px;
    }

    .requirements-card {
        width: 90%;
    }

    

    .conditions-info {
        margin-top: 10px;
    }

    .aboutjob-main-block {
        grid-template-columns: 1fr;
        justify-items: center;
        /* Центрирует карточки по горизонтали */
    }

    .aboutjob-img {
        max-width: 400px;
        width: 100%;
    }

    .progress-text-anim {
        font-size: 130px;
        bottom: -70px;
    }

    .aboutjob-card-ttl::before {
        font-size: 120px;
        top: -30px;
        
    }
    .aboutjob-card-ttl1::before
    {
        left: -60px;
    }

    .aboutjob-main-block {
        left: 0;
    }

    .aboutjob-card1,
    .aboutjob-card3 {
        justify-self: flex-start;

    }

    .aboutjob-card1 {
        margin-left: 70px;
    }
    .aboutjob-card3 {
        margin-left: 100px;
    }

    .aboutjob-card2,
    .aboutjob-card4 {
        justify-self: flex-end;
    }

    .aboutjob-card {
        max-width: 300px;
    }
    .questions .conditions-info-button {
        font-size: 20px;
    }
    .section1-col1 {
        padding-bottom: 20px;
    }
    .section2 {
        padding-top: 20px;
    }
    .section4 {
        padding-top: 50px;
    }
    
}

@media screen and (max-width:600px) {
    
    .requirements-card {
        align-items: flex-start;
    }

    .requirements-card-img {
        width: 150px;
        height: 150px;
    }

}

@media screen and (max-width:500px) {
    .requirements-card {
        flex-direction: column;
        max-width: 300px;
    }

    .requirements-card-img {
        margin: 0 auto;
    }

    .requirements-card-text div {
        margin-bottom: 10px;
    }

    .requirements-card-text * {
        text-align: center;
    }

    .requirements-card-text {
        align-self: stretch;
    }
    .aboutjob-card {
        max-width: 230px;
    }
    .aboutjob-card-ttl::before {
        font-size: 90px;
        top: -15px;
        left: -70px;
    }
    .aboutjob-card-ttl1::before {
        left: -50px;
    }
    .aboutjob-card3 {
        margin-left: 80px;
    }
    .aboutjob-card-ttl {
        font-size: 26px;
    }
}
@media screen and (max-width:380px) {
    .conditions-info-button {
        font-size: 18px;
    }
}