/* 
font-family: 'Open Sans', sans-serif;
font-family: 'Oswald', sans-serif;

Lorem ipm dolor consectetur
lit Sunt sed ad posimus mag
dolor ilmesy magnam

Phasellus lorem enim, luctus ut velit eget, convallis egestas eros. Sed ornare ligula eget tortor tempor, quis porta tellus.

*/

*{
    margin: 0;
    padding: 0;
    outline: 0;
    box-sizing:border-box;
    font-family: 'Open Sans', sans-serif;
   
}
ol, ul{
    list-style: none;
    margin: 0;
    padding: 0;

}
a{
    text-decoration:none;
    color: #000;
}
img{
    vertical-align: middle;
}
h1,h2,h3,h4,h5,h6{
    /* font-family: 'Oswald', sans-serif; */
    margin: 0;
    padding: 0;
}
p{
    margin: 0;
    padding: 0;
}
:root{
    --primary_color:#31d7ce;
    --secondary_color:#5bc5f4;
}

/* ======== Nav part start======= */
.back_to_top{
    position: fixed;
    bottom: 15px;
    left: 15px;
    display: none;
    background: #31d7ce;
}

.nav-link{
    color: #000;
    font-weight: 600;
}
.nav-link:focus, .nav-link:hover{
    color: #31d7ce;
}
/* ======== Nav part end======= */

/* ======== hero part start======= */
.hero_part{
    background-image:url(../img/hero_image.jpg);
    background-size: cover;
    background-repeat: no-repeat;

}

.hero_con{
    text-transform: uppercase;
    padding:16% 27%;
    text-align: center;
}
.hero_con h2 {
    font-weight: 700;
    color: var(--primary_color);
    letter-spacing: 8px;
    font-size: 40px;
}
.hero_con .btn1 {
    background: transparent;
    color: var(--primary_color);
    height: 29px;
    width: 120px;
    border-radius: 28px;
    border: 1px solid var(--primary_color);
    text-transform: uppercase;
    font-size: 11px;
    line-height: 2;
    margin-top: 20px;
}
/* ======== hero part start======= */

/* ======== about part start======= */
.about_con{
    padding-top: 150px;
    overflow-x: hidden;
}


.about_con_inner_con .btn {
    color: white;
    background:#0dac88;
    border-radius: 20px;
    font-size: 12px;
    height: 34px;
    width: 117px;
    line-height: 1;
    margin-top: 40px;
}
.about_con_inner_con p{
    padding-top: 25px;
    line-height: 25px;
}
.about_con_inner_con h4{
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: bold;
    padding-top: 40px;
}

/* ======== about part end ======= */

/* ======== service part start======= */
.service_con{
    overflow-x: hidden;
    overflow-y: hidden;
    
}
.service_con h2{
    padding-top: 100px;
    text-align: center;
    font-weight: 700;
    color: #252525;
}
.service_inner_con{
    padding-top: 80px;
}
.service_inner_con .content{
    padding-left: 30px;
}
.content h5{
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 700;
    color: #444444;

}
.content p{
    padding-top: 12px;
    font-size: 20px;
    color: #999999;
}
.work_image:hover .service_con_overlay{
    opacity: 1;

}
.work_image{
    position: relative;
}
.service_con_overlay{
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.5);
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: .3s;

}
.overlay_icon{
    font-size: 12px;

}
/* ======== service part end ======= */

/* ======== other part start ======= */
.other_part{
    margin-top: 120px;
    background-image: url(../img/short_image.jpg);
    background-size: cover;
}
.other_con p{
    font-size: 13px;

}
.other_con h5{
    font-weight: bold;
}
.other_con{
    text-align: center;
    color: white;
    padding: 50px 0;
}
/* ======== other part end ======= */

/* ======== our blog part start ======= */
.content_2 h5{
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 600;
    color: #444444;

}
.content_2 h6{
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 800;
    color: #444444;

}
.content_2 p{
    font-size: 18px;
    color: #999999;
}
/* ======== our blog part end ======= */

/* ======== joining  part start ======= */
.joining_part{
    background: #50d18d;
    color: #fff;
    margin-top: 120px;
}
.joining_con{
    padding: 50px 0;
    text-align: center;
    align-items: center;
}
.joining_con p{
    font-size: 26px;
}
.start_now{
    background: #4be694;
    border: 1px solid #4be694;
    height: 50px;
    width: 140px;
    color: #fff;
    border-radius: 30px;
    margin-left: 15px;
}
/* ======== joining  part end ======= */

/* ======== footer part start ======= */
.footer_part{
    background: #000415;
}
.footer_con{
    padding: 90px 0;
    text-align: center;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-transform: uppercase;

}
.footer_con2{
    padding: 90px 0;
    justify-content: center;
    text-align: left;
    align-items: center;
    color: #fff;
    

}
.footer_con2 p{
    padding-left: 20px;
    padding-top: -5px;
}
.footer{
    padding: 20px;
}

/* ======== footer part end ======= */