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

@media (min-width: 375px) and (max-width: 767px) {
}

@media (max-width: 767px) {
    .container-fluid .container {
        gap: 1rem;
    }
    .card-opening {
        padding: var(--padding-lg) var(--padding-md);
    }
    .card-opening .welcome-employer {
        margin: 0 0 var(--margin-lg) 0 !important;
        gap: 1rem;
    }
    .text-welcome {
        font-size: var(--fs-body-xl);
    }
    .opening {
        display: flex !important;
        align-items: stretch !important;
        gap: 1rem !important;
    }
    .opening-card {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        flex-grow: 1;
        height: 100%;
    }
    .opening .opening-title {
        color: var(--text-white, var(--text-white, #FFF));
        font-size: var(--font-size-sm);
        font-style: normal;
        font-weight: 500;
        line-height: 150%; /* 21px */
    }
    .opening .opening-desc {
        font-size: var(--font-size-xxs);
        font-style: normal;
        font-weight: 500;
        line-height: 150%; /* 15px */
    }
    .opening-card {
        padding: var(--padding-md);
    }
    .opening button {
        width: 100%;
        padding: var(--padding-sm) var(--padding-md);
        font-size: var(--font-size-xs);
    }
    .opening-card .gap-24 {
        gap: 1rem !important;
    }
    .text-alert {
        font-weight: 500;
    }
    .recent {
        font-size: var(--fs-body-lg);
    }
    .container-fluid.employer.employer-input {
        padding: var(--padding-lg) !important;
    }
    .input-hiring {
        display: flex;
        flex-direction: column;
        gap: 1.5rem;
    }
    .input-hiring button {
        width: 100%;
    }
    .apply-on .column .text-sm-semibold {
        font-size: var(--fs-body-sm);
    }
    .apply-on .column .text-xs-normal {
        font-size: var(--fs-body-xs);
    }
}