html{
font-size: 100%;
}
.home
{
    height: 100vh;
    background-image: url(../images/intro-bg.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: center center;
}
*
{
    font-family: 'Roboto Condensed', sans-serif;
}
.nav-link {
    color: #FFFFFF;
}
.parent{
    text-align: center;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
.child
{
    color: #FFFFFF;
}
ul{
    list-style: none;
}
body{
    background-color: #F5F5F5;
}
.line_blue
{
    width: 130px;
    height: 3px;
    background-color:rgb(0,120,255);
}
.ratio {
    height: 10px;
    width: 95%;
    background-color: #CDE1F8;
}
.ratio_color1 {
    height: 10px;
    width: 85%;
    background-color: #0078FF;
    position: relative;
    bottom: 10px;
}
.ratio_color2{
    height: 10px;
    width: 75%;
    background-color: #0078FF;
    position: relative;
    bottom: 10px;
}
.ratio_color3 {
    height: 10px;
    width: 50%;
    background-color: #0078FF;
    position: relative;
    bottom: 10px;
}
.ratio_color4 {
    height: 10px;
    width: 90%;
    background-color: #0078FF;
    position: relative;
    bottom: 10px;
}
.ser_part1{
    width: 439px;
    height: 403px;
    background-color: #FFFFFF;
}
.circle{
    height: 110px;
    width: 110px;
    font-size: 2rem;
    border-radius: 50%;
    line-height: 1.55;
    margin: 0 auto;
    text-align: center;
    box-shadow: 0 0 0 10px #0078ff;
}
 
.services i:hover,.circle:hover{
    height: 110px;
    width: 110px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #0078ff;
    border: 8px solid rgb(179, 179, 230);
}
.counter{
    background-image: url(../images/counters-bg.jpg);
    background-attachment: fixed;
    background-size: cover;
}
.obcity
{
   background-color: rgba(47, 131, 255, .7);
    width: 100%;
}
.circle1{
    height: 80px;
    width: 80px;
    border-radius: 50%;
    line-height: 1.55;
    margin: 0 auto;
    text-align: center;
    box-shadow: 0 0 0 10px #CDE1F8;
    margin-bottom: 35px;
}
.info{
    width: 100%;
    height: 100%;
    background-color: rgb(255,255,255);
}
.portfolio i {
    color: blue;
}
.info p{
    color: #57A6FF;
    font-size: 15px;
}
.portfolio .image
{
    overflow: hidden;
}
.portfolio img
{
    transition: .5s ease-in-out;
    z-index: 0;
}
.portfolio img:hover
{
    transform: scale(1.2);
    z-index: 0;
}
.work img{
    border-radius: 50%;
}
.work{
    background-image: url(../images/overlay-bg.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-position: center center;
}
.work h4{
    color: #FBFCFF;
}
.work p{
    color: #FBFCFF;
    font-size: 18px;
}
.opcity{
    background-color: rgba(96, 158, 250, 0.76);
}
.card-footer img{
    width: 10%;
    height: 10%;
    border-radius: 50%;
}