section.hiring-step {
    background: var(--tinyscholars-light-cream)
}

.hiring-step-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 50px;
    padding: 4.583vw 30px;
   /* padding: 35px 32px 85px 32px;*/
}

.hiring-step-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 20px;
}

    .hiring-step-title p {
        line-height: 180%;
     /*   max-width: 80%;*/
    }

.hiring-step-items-con {
    display: flex;
    justify-items: center;
    text-align: center;
    /* align-items: center;*/
    align-content: center;
    justify-content: center;
    gap: 40px;
    width: 90%;
}

.hiring-step-item {
    min-width: calc(100% / 4);
    text-align: center;
    /*display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;*/
}

    .hiring-step-item span {
        color: var(--tinyscholars-black);
        font-family: Avenir-Roman;
        font-size: 1.042vw;
        font-style: normal;
        font-weight: 400;
        line-height: 140%; /* 21px */
    }

    .hiring-step-item img {
        margin-bottom: 20px;
        width: 30%;
        aspect-ratio: 1/1;
        max-height: 30%;
        object-fit: contain;
    }

    .hiring-step-item h3 {
        line-height: 180%; /* 32.4px */
        margin-bottom: 10px;
    }

@media (max-width: 1440px) {

    .hiring-step-item span {
        font-size: 15px;
    }

    .hiring-step-title p {
        max-width: 1094px;
    }

    .hiring-step-items-con {
        max-width: 1094px;
    }

    
}
@media (max-width: 1280px) {

    .hiring-step-container {
        padding: 35px 2% 35px 2%;
    }

    .hiring-step-item {
        max-width: calc(100% / 2.4);
    }

    .hiring-step-items-con {
        flex-wrap: wrap;
    }

    .hiring-step-items-con {
        width: 100%;
    }

  
}
@media (max-width: 834px) {

  
    .hiring-step-item img {
        margin-bottom: 13px;
    }


    .hiring-step-items-con {
        gap: 20px;
    }

    .hiring-step-item h3 {
        line-height: 100%;
        margin-bottom: 5px;
    }

    .hiring-step-item {
        /* min-height: 210px;*/
        min-width: 140px;
    }

}
@media (max-width: 750px) {

    main.career .intro-container {
        padding-top: 60px !important;
    }
    main.career section.intro {
        height: 530px;
    }
    /* .hiring-step-item {
        max-width: calc(100% / 2);
    }*/
    .hiring-step-item span {
        font-size: 11.5px;
    }

}

@media (max-width: 520px) {

    main.career section.intro {
        height: 570px;
    }
}