/*** start carrer ***/
.con {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 25px;
}


.team-textt {
    right: 2.5rem;
    left: 2.5rem;
    padding: 15px;
    border-radius: 8px;
    border: 1px solid var(--dark);
    text-align: start;
    transition: .5s;
    color: dark-gray;
}


.team-textt:hover {
    transform: translateY(-15px)
}


.apply {
    width: 100%;
    display: flex;
    text-align: center;
    justify-content: center;
    margin-bottom: 0;
}


.apply .apply-btn {

    background-color: var(--dark);
    color: white;
    border-radius: 15px;
    width: 45%;
    height: 40px;
    transition: .7s;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.apply .apply-btn:hover {

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

    border: 1px solid var(--dark);
}


.head {
    text-align: center;
    padding-top: 20px;
}


.how-to-apply, .info {

    text-align: start;
}

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

    .con {
        display: block;

    }

    .team-textt {
        margin-bottom: 25px;
    }
}

/*** end carrer ***/

/**** start values **/
.d-inline-block{

    text-align: center;
}
.contt{
    width: 90%;
}
/**** end values ***/