.staff-img{
    position: relative;
    top: 0;
    left:0;
    right: 0;
    bottom: 0;
}
.staff-img-text{
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    width: 100%;
    height: 100%;
    background-color: rgba(53, 150, 169, 0.7);
    
}
.realize-text{
    border: 2px solid white;
    border-radius: 10px;
    position: relative;

     
}
.realize-text h1{
    
    font-weight: Bolder;
    letter-spacing: 3px;
    font-size: 60px;
    text-shadow: 5px 10px 8px rgba(0, 0, 0, 0.7);
}
.realize-text p{
    
    font-size: 18px;
    font-weight: Bold;
    letter-spacing: 1px;
   color: white !important;
    /* text-shadow: 5px 10px 8px rgba(0, 0, 0, 0.7); */
}
.sales p{
    font-weight: bolder;
    font-size: 25px;
    letter-spacing: 1px;
    word-spacing: 2px;
}
#more {display: none;}
.hide-text h5{
    font-weight: bolder;
    color: black;
}

#more1 {display: none;}
.hide-text h5{
    font-weight: bolder;
    color: black;
}
 
#more2 {display: none;}
.hide-text h5{
    font-weight: bolder;
    color: black;
}
.card{
    border:2px solid rgb(53, 150, 169) !important;
}
.topbar{
    position: relative;
    top: 0px;
}
.desk{
    display: block;
}
.mbl{
    display: none;
}
.snpl-logo{
    width: 100%;
}
.back-home img{
    width: 15%;
}
.features span{
    font-weight: bold;
    font-size: 14px;
}
.realize-text img{
    width: 4% !important; 
}
 
.apply-icons img{
    width: 10%;
    }
    .info p{
       font-size: 12px !important;
       font-weight: bold;
    }
    
@media screen and (max-width: 480px) {

    .desk{
        display: none;
    }
    .mbl{
        display: block;
    }  
    .snpl-logo{
        width: 65% !important;
    }
    .back-home{
        font-size: 10px !important;
        padding: 10px 0px !important;
    }

    .realize-text{
        border: 2px solid white;
        border-radius: 5px;
        position: relative;
        bottom: -60px;
        background-color: rgba(53, 150, 169, 0.4);
         
    }
    .realize-text h1{
        font-weight: Bolder;
        letter-spacing: 2px;
        font-size: 25px;
        text-shadow: 5px 10px 8px rgba(0, 0, 0, 0.7);
        padding: 10px;
    }
    .realize-text p{
    
        font-size: 14px;
        font-weight:600px;
        letter-spacing: 0px;
        word-spacing: 2px;
     color: white !important;
     
        /* text-shadow: 5px 10px 8px rgba(0, 0, 0, 0.7); */
    }

.opening{
    font-size: 28px;
}

.sales p{
    font-weight: bolder;
    font-size: 18px;
    letter-spacing: 0px;
    word-spacing: 0px;
}
.features span{
    font-weight: bolder;
    font-size: 11px;
}
.features, .col-md-3{
    margin: 4px 0px;
}
.job-info th{
    font-size: 11px;
}
.realize-text img{
    width: 7% !important; 
    padding-bottom:10px ;
}
.apply-icons {
    margin-right: 10px;
}
 
.apply-icons img{
    width: 40%;
    padding-top: 8px;
    }
    .apply h4{
        font-size: 10px;
        
    }
    #ali{
        display: block;
    }
    
    .sidebar2{
        display: none;
    }
   
}