.career-main-container{
    min-height: 100vh;
    max-height: 100%;
    width: 100%;

    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.career-main-container-form-wrapper{
    width: 70%;
    max-width: 100%;
    min-height: 90%;
    max-height: 100%;

    /* background-color: lightblue; */
    background-color: #f4f4f4;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);

    margin: 10px 0;
}

.career-main-container-form-wrapper-desc{
    width: 80%;
    margin: 0 auto;
    padding-top: 20px;
}

.career-main-container-form-wrapper-desc h1,
.career-main-container-form-wrapper-desc h2{
    font-family: 'Dancing Script', cursive; /* Elegant cursive font */
}

.career-main-container-form-wrapper-desc ul li{
    list-style: square;
}

.career-main-container form{
    width: 80%;
    max-width: 100%;
    margin: 0 auto;    
}

form input[type="submit"]{
    /* width: 100%; */
    outline: none;
    border: none;
    background-color: #0050B5;
    color: white;
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.25);
    padding: 10px 0;
    font-size: 1.2rem;
    border-radius: 5px;
    cursor: pointer;
}

.career-main-container label{
    margin-top: 10px;
    color: black;
}

.career-main-container-form-wrapper form textarea{
    text-indent: 0;
    padding: 0;
}


.row label{
    color: black;
}

.forms{
    width: 80%;
    margin: 20px auto;
}

.forms h1{
    font-family: 'Dancing Script', cursive; /* Elegant cursive font */
}

/* FORMS SECTION */
.forms .card-body{
    padding: 0;
}

.forms a{
    text-decoration: none;
    color: #f4f4f4;    
}

.forms a svg{
    flex-shrink: 0;
    fill: whitesmoke;
    height: 100%;
    border-right: 1px solid white;
    margin-right: 10px;
}

.forms .card-wrappers{    
    padding: 0;
    /* margin-right: 2px; */
    
}

.forms .card-body{
    background-color: #0050B5;
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.2);
    padding-left: 5px;
    /* border-radius: 5px; */
}

.forms a span{
    flex-wrap: nowrap;
    text-transform: capitalize;
}

/*phones => 600px and down*/
@media(max-width:600px) {
    .career-main-container{
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        min-width: 100%;
        /* width: 100%; */
    }

    .career-main-container-form-wrapper{
        width: 100%; 
    }

    .career-main-container-form-wrapper-desc{
        width: 90%;
        margin: 0 auto;
    }

    .career-main-container-form-wrapper-desc h1{
        font-size: 1.65rem;
        font-weight: 700;
    }

    .career-main-container-form-wrapper-desc h2{
        font-size: 1.45rem;
    }
    
    .career-main-container-form-wrapper-desc p{
        font-size: 0.95rem;
        line-height: 1.5;
    }

    .career-main-container-form-wrapper-desc ul li{
        font-size: 0.95rem;
    }

    .career-main-container form{
        width: 90%;
    }

    .career-main-container label{
        font-size: 1rem;
    }

    .forms{
        width: 90%;
    }

    input[type="text"],
    input[type="number"]{
        font-size: 1rem;
    }

    form input[type="submit"]{
        width: 100%;
    }

    .forms h1{
        font-size: 1.65rem;
        font-weight: 700;
    }
}

/*Portrait tablets and large phones => 600px and up*/
@media(min-width:601px) {
    .career-main-container-form-wrapper{
        width: 100%; 
    }

    .career-main-container-form-wrapper-desc{
        width: 90%;
        margin: 0 auto;
    }

    .career-main-container-form-wrapper-desc h1{
        font-size: 1.65rem;
        font-weight: 700;
    }

    .career-main-container-form-wrapper-desc h2{
        font-size: 1.45rem;
    }
    
    .career-main-container-form-wrapper-desc p{
        font-size: 0.95rem;
        line-height: 1.5;
    }

    .career-main-container-form-wrapper-desc ul li{
        font-size: 0.95rem;
    }

    .career-main-container form{
        width: 90%;
    }

    .career-main-container label{
        font-size: 1rem;
    }

    .forms{
        width: 90%;
    }

    input[type="text"],
    input[type="number"]{
        font-size: 1rem;
    }

    form input[type="submit"]{
        width: 100%;
    }

    .forms h1{
        font-size: 1.65rem;
        font-weight: 700;
    }
}

/*Medium devices - landscape tablets => 768px and up*/
@media(min-width:768px) {
    .career-main-container-form-wrapper-desc h1{
        font-size: 2rem;
        font-weight: 700;
    }

    .career-main-container-form-wrapper-desc h2{
        font-size: 1.85rem;
    }
    
    .career-main-container-form-wrapper-desc p{
        font-size: 1rem;
        line-height: 1.5;
    }

    .career-main-container-form-wrapper-desc ul li{
        font-size: 0.95rem;
    }

    .forms a span{
        font-size: 1.5rem;
    }

    .forms a svg{
        width: 36px;
    }

    .forms h1{
        font-size: 2rem;
        
    }
}

/*Large devices - Laptops and Tablets => 992px and up*/
@media(min-width:992px) {
    .career-main-container-form-wrapper-desc{
        width: 80%;
        /* margin: 0 auto; */
    }

    .career-main-container form{
        width: 80%;
    }

    .forms{
        width: 80%;
    }

    .career-main-container form input[type="submit"]{
        width: 50%;
        margin: 0 auto;
    }
}

/*Extra-Large devices => 1200px and up*/
@media(min-width:1200px) {}