#career_section .subscription-title-contents {
    margin-bottom: 30px;
}

#career_section .subscription-title-contents p {
    color: #3C4852;
    font-size: 14px;
}

#career_section .subscription-title-contents h2 {
    font-size: 26px;
    color: #3C4852;
}

#career_section .work-with-details-area h2 {
    /* font-size: 26px; */
    margin-bottom: 15px;
    text-align: center;
    color: #3C4852;
}

#career_section .work-with-details-area .work-with-box-area {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

#career_section .work-with-details-area .work-with-box-area .work-with-box-contents {
    padding: 15px;
    background: #fafafa;
    border-radius: 5px;
}

#career_section .work-with-details-area .work-with-box-area .work-with-box-contents h3 {
    color: #3C4852;
    margin-bottom: 7px;
    font-size: 18px;
}

#career_section .work-with-details-area .work-with-box-area .work-with-box-contents p {
    font-size: 14px;
}


/* =============================== */

#career_section .career-details-area h2 {
    font-size: 26px;
    margin-bottom: 15px;
    text-align: center;
    color: #3C4852;
}

#career_section .career-details-area .career-box-area {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

#career_section .career-details-area .career-box-area .career-box-contents {
    padding: 15px;
    background-color: #fff;
    box-shadow: 0px 0px 10px #1b638a36;
    border-radius: 7px;
}

#career_section .career-details-area .career-box-area .career-box-contents h3 {
    color: #3C4852;
    margin-bottom: 7px;
    font-size: 18px;
}

#career_section .career-details-area .career-box-area .career-box-contents p {
    font-size: 14px;
}

#career_section .career-details-area .career-box-area .career-box-contents button {
    margin-top: 10px;
    font-size: 13px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-radius: 3px;
}

@media only screen and (max-width: 991px) {
    #career_section .work-with-details-area .work-with-box-area {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    #career_section .work-with-details-area h2 {
        text-align: left;
    }

    #career_section .career-details-area .career-box-area {
        grid-template-columns: repeat(2, 1fr);
        gap: 5px;
    }
}

@media only screen and (max-width: 767px) {
    #career_section .work-with-details-area .work-with-box-area {
        grid-template-columns: repeat(1, 1fr);
    }

    .career-details-area.m-top {
        margin-top: 10px;
    }

    #career_section .work-with-details-area .work-with-box-area .work-with-box-contents {
        padding: 15px;
    }

    #career_section .career-details-area .career-box-area {
        grid-template-columns: repeat(1, 1fr);
    }
}