.info{
    padding: 0.5em 0;
    background: linear-gradient(105deg, #093c94, #6e99e6);
    font-weight: 900;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 5em;
    margin-top:0.9em;
    margin-bottom: 0.5em;
}

@media(min-width:768px){
    .news-body{
        
        margin-bottom:10%;
        .container{
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap:30px;
            flex-wrap: wrap;
            max-width: 1000px;
            margin:auto;
    
    
            .news-card{
                color: #555;
                width: calc(33% - 20px);
                height: auto;
                align-self: flex-start;
                height: unset;
                box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
                border-radius: 5px;
                overflow: hidden;
                .news-content{
                    padding:1em;
                    h1{
                        font-size: 1.2em;
                        font-weight: 600;
                        color: #111;
                    }
                    .date{
                        float: right;
                        margin-bottom: 10px;
                    }
                }
    
            }
        
        }
    
        
    }
}

@media(max-width:768px){
    .news-body{
        
        margin-bottom:10%;
        .container{
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap:30px;
            flex-wrap: wrap;
            max-width: 1000px;
            margin:auto;
    
    
            .news-card{
                color: #555;
                width: 100%;
                height: auto;
                align-self: flex-start;
                height: unset;
                box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
                border-radius: 5px;
                overflow: hidden;
                .news-content{
                    padding:1em;
                    h1{
                        font-size: 1.2em;
                        font-weight: 600;
                        color: #111;
                    }
                    .date{
                        float: right;
                        margin-bottom: 10px;
                    }
                }
    
            }
        
        }
    
        
    }
}

.info{
    padding: 0.5em 0;
    background: linear-gradient(105deg, #093c94, #6e99e6);
    font-weight: 900;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 5em;
    margin-top:0.9em;
    margin-bottom: 0.5em;
}


.jobs-body{
    
    margin-bottom:10%;
    .container{
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap:30px;
        flex-wrap: wrap;
        max-width: 800px;
        margin:auto;


        .news-card{
            color: #555;
            width: 100%;
            height: auto;
            align-self: flex-start;
            height: unset;
            box-shadow: rgba(50, 50, 93, 0.25) 0px 0px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
            border-radius: 5px;
            border-left: #093c94b6 10px solid;
            border-right: #093c94b6 10px solid;
            overflow: hidden;
            .news-content{
                padding:2em;
                div{
                    margin-bottom: 1.5%;
                }
                h1{
                    font-size: 1.3em;
                    font-weight: 600;
                    color: #111;
                    display: inline;
                }
                .date{
                    float: right;
                    margin-bottom: 10px;
                }
                .applybutton{
                    background: #093c94;
                    color: #fff;
                    padding: 0.5em 1em;
                    border-radius: 10px;
                    border: none;
                    cursor: pointer;
                    transition: all 0.3s ease-in-out;
                    &:hover{
                        background: #032360;
                    }

                }
            }

        }
    
    }

    
}