body {
    font-family: "Inter", sans-serif;
}
.relative{
    position: relative;
}
.uppercase{
    text-transform: uppercase;
}
a{
    color: #0058a2;
}
.text-decoration{
    transition: 0.5s;
    text-decoration: none;
}
.text-gry{
    color: #777;
}
.text-dark{
    color: #000;
}
.font-bold{
    font-weight: bold;
}
.font-14{
    font-size: 14px;
}


.header-down{
    border-bottom: 4px solid #007eb4;
}
.middle-box p{
    font-size: 16px;
    line-height: 30px;
    color: #333;
    font-size: 1.125rem;
}
.middle-box img{

    border-radius: 16px;
}
.middle-box h4{
    font-size: 1.25rem;
    line-height: 1.75rem;
    margin-bottom: 1rem;
    margin-top: 2rem;
}
.middle-box ul li a{
    display: block;
    line-height: 35px;
}
.cat{
    color: #0058a2;
    display: inline-block;
    padding: 6px;
    border-radius: 20px;
    font-size: 10px;
    background: rgba(0, 102, 255, .1);
}
.more-box img{
    border-radius: 16px;
    height: 239px !important;
}   
.footer{
    padding: 20px 0px;
    background: #f8f7f5;
    border-top: 5px solid #007eb4;
}












@media only screen and (min-width: 2000px) {
   
}

@media only screen and (min-width: 1499px) {
    
}
@media only screen and (max-width: 991px) {
    
}
@media only screen and (max-width: 769px) {
    
}       
@media only screen and (max-width: 600px){
    
}
@media only screen and (max-width: 344px){
    
}