/* General reset and typography */
* {
    /* margin: 0; */
    /* padding: 0; */
    /* box-sizing: border-box; */
    font-family: "Open Sans";
}

/* Complete page container */

.career-text{
    width: 80%;
    text-align: justify;
    margin-top: 8%;
    margin-left: 10%;
    margin-bottom: 5%;
}

/* Buuton for apply */

button{
    cursor: pointer;
    padding: 10px 20px;
    border: 1px solid #D52055;
    background: #D52055; 
    color: #fff;
    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30),
        0 15px 12px rgba(0, 0, 0, 0.22);
    border-radius: 10%;
}

/* Button sub class for Apply */

.fcc-btn {
    margin-top: 10%;
    background-color: #D52055;
    color: white;
    text-decoration: none;
    border-radius: 10%;
}

/* Button Hovering for Apply */

.fcc-btn:hover{
    color: white;
} 

/* Back Button with class name */

.career-text #backButton {
    position: fixed;
    /* top: 500px;  */
    left: 20px;
    display: none; /* Hidden by default  */
    z-index: 1000; /* Ensures it stays on top of other content */
    color: #23458E;
}


/* Responsive styles for mobile view (max-width: 425px) */
@media (max-width: 425px) {
    .career-text {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
        margin-top: 25%;
    }

    /* Buuton for apply */

    button, .fcc-btn, .fn-btn {
        width: 30%;
        padding: 15px 0;
        font-size: 1.1rem;
    }

    .fcc-btn, .fn-btn {
        margin-top: 2%;
        border-radius: 5%;
    }

    /* Back Button with class name */

    .career-text #backButton {
        position: fixed;
        /* top: 500px;  */
        left: 20px;
        display: none; /* Hidden by default  */
        z-index: 1000; /* Ensures it stays on top of other content */
        color: #23458E;
    }
}