body{
    background-color: #fff;
}

a{
    text-decoration: none!important;
}

.btn{
    border-radius: 0px!important;
}

.hero{
    background-color: #2B78D4;
    color: #fff;
    padding: 5rem;
    text-transform: capitalize;
}
.hero h1{
font-size: 4.2rem;
text-transform: uppercase;
}
.hero a{

text-transform: uppercase;
}

/* af */

.af_hero{

    padding: 30px;
    background-color:rgba(255, 228, 196, 0.589);
}
.af_hero h1{
font-size: 3.2rem;
text-transform: uppercase;
font-weight: 300;
}
.af_hero a{

text-transform: uppercase;
}



/* about us */

.about_us h3{
font-size: 2.2rem;
text-transform: uppercase;
font-weight: 300;
}
.about_us a{

text-transform: uppercase;
}
.about_us p{
font-size: 1.6rem;
text-transform: uppercase;
font-weight: 200;
}



/* partner */


.partner{
    background-color: #2B78D4;
    color: #fff;
    padding: 5rem;
    text-transform: capitalize;
}
.partner h1{
font-size: 4.2rem;
text-transform: uppercase;
}
.partner p{
font-size: 1.5rem;
text-transform: capitalize;
font-weight: 200;
}
.partner a{

text-transform: uppercase;
}

.hr{
    background-color: #101A3F;
    color: #fff;
    padding: 5rem;
    text-transform: capitalize;
}
.hr h2{
font-size: 3.2rem;
text-transform: uppercase;
}
.hr p{
font-size: 1.2rem;
text-transform: capitalize;
font-weight: 200;
}
.hr a{

text-transform: uppercase;
}


/* gen */

.gen{
    background-color:cornsilk;
    color: #fff;
    padding: 5rem;
    text-transform: capitalize;
}
.gen h2{
font-size: 3.2rem;
text-transform: uppercase;
color: #101A3F;
}
.gen p{
font-size: 1.2rem;
text-transform: capitalize;
font-weight: 200;
color: #101A3F;
}
.gen a{

text-transform: uppercase;
color: #101A3F;

}

/* blog */

.blog{
    padding: 30px 0;
}

.blog h3{
    font-size: 4.3rem;
    padding: 30px 0;
    color: #2B78D4;
    font-weight: 200;
    

}

.blog .card{
    border-radius: 0px!important;
    transition: all 0.5s ease-out!important;
}
.blog .card img{
    border-radius: 0px!important;

}
.blog .card:hover{
    border: none;


    -webkit-box-shadow: 2px 5px 7px 7px rgba(0, 0, 0, 0.253); 
box-shadow: 2px 5px 7px 7px rgba(0, 0, 0, 0.192);
}

.go-top {
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 999;
  display: none;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  padding: 0;
  align-items: center;
  justify-content: center;
}


@media (max-width: 600px) {
  .hero h1{
    font-size: 1.4rem;
  }
  .af_hero h1{
    font-size: 1.4rem;
  }
  .partner h1{
font-size: 1.4rem;

}
.hr h2{
font-size: 1.2rem;

}
.partner p{
font-size: 1.2rem;

}
.about_us p{
font-size: 1.2rem;

}
img{
    margin: 30px 0;
}
}