body{
    font-family: 'Harmattan';
    color: black;

}
.nav-height{
    height: 92px;
    
}
.font-harm{
    font-family: 'Harmattan';
}
.nav-bg{
    background-color:  #FDFEFF;;
}
.nav-color{
    color:  #292929;
    ;
}
.my-btncolor{
    background-color: #0086B0;
    color: #FFFBFB;
}
.btn-size{
    width: 132px;
   
}
.hi-2{
    height: 20px;
    vertical-align: middle;
    border-radius: 5px;
}
.nav-link.active{
    color: #0086B0;
}
.m-l{
    margin-left: 800px;
}
.justi{
    justify-items: right !important;
}
.bg-img{
    background-image: url(../img/hero.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.f-s-110{
    font-size: 110px;
}
.lh-me{
    line-height: 100px;
}
.in-size{
    width: 496px;
    height: 39px;
}
.p-b-180{
    padding-bottom: 180px;
}
.bg-contain{
    background-color:  #FDFEFF;
}
.b-con{
    border: 0.5px solid #BBBBBB;
    border-radius:3px ;
}
.life{
    background-color: #E5BF5E;
    border-radius: 5px;
    width: 89px;
    height: 24px;
    color: #FDFEFF;
    
}
.nat{
    background-color: #41D750;
    border-radius: 5px;
    width: 89px;
    height: 24px;
    color: #FDFEFF;
    
}
.tech{
    background-color:  #6397E5;
    border-radius: 5px;
    width: 89px;
    height: 24px;
    color: #FDFEFF;
    
}
.sport{
    background-color:  #F42A2A;
    border-radius: 5px;
    width: 89px;
    height: 24px;
    color: #FDFEFF;
    
}
a.ren{
   color: #F42A2A;
   text-decoration: none;
}
.grey-text{
    color: #BBBBBB;
}
.gray-text{
    color: #9A9A9A;
}
.m-t-330{
    margin-top: 330px;
}
.bg-imgnat{
    background: linear-gradient(0deg, rgba(41, 41, 41, 0.52), rgba(41, 41, 41, 0.52)), url(../img/natsto.png);
    border-radius: 5px;
    background-repeat: no-repeat;
    background-size: cover;
}
.bg-life{
    background: linear-gradient(0deg, rgba(41, 41, 41, 0.52), rgba(41, 41, 41, 0.52)), url(../img/lifesto.png);
    border-radius: 5px;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
}
.bg-tech{
    background: linear-gradient(0deg, rgba(41, 41, 41, 0.65), rgba(41, 41, 41, 0.65)), url(../img/techsto.png);
    border-radius: 5px;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
}
.bg-post{
    background: linear-gradient(0deg, rgba(229, 229, 229, 0.6), rgba(229, 229, 229, 0.6)), url(../img/pst.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.mycolor{
    color: #0086B0;
}
.bg-foot{
    background-color: #292929;
}
a.lit{
    text-decoration: none;
    color: #FDFEFF;
}
.mol{
    background: rgba(240, 240, 240, 0.94);
}
.wi-25{
    width: 14px !important;
    height: 14px !important;
}
.mol-size{
    width: 650px !important;
}
.in-style{
    width: 320px;
    
  
}
.hi-10{
    height: 30px;
}