/* 
*
* USER STYLES
* This styles will override default styles of template
*
*/

.hero-section{
height:750px;
background-size:cover;
background-position:center;
position:relative;
}

.hero-overlay{
background:linear-gradient(
90deg,
rgba(0,0,0,0.65) 0%,
rgba(0,0,0,0.55) 35%,
rgba(0,0,0,0.25) 50%,
rgba(0,0,0,0.0) 70%
);
height:100%;
display:flex;
align-items:center;
}

.hero-title{
color:#fff;
font-size:56px;
font-weight:700;
}

.hero-subtitle{
color:#fff;
font-size:22px;
}

.services-title{
text-align:center;
font-size:36px;
font-weight:700;
margin-bottom:60px;
}

.service-card{
background:#f5f5f5;
padding:40px;
margin-bottom:30px;
text-align:center;
transition:0.3s;
}

.service-card:hover{
background:#1fa6c4;
color:white;
}

.service-icon{
font-size:40px;
color:#1fa6c4;
margin-bottom:20px;
}

.service-card:hover .service-icon{
color:white;
}

.service-title{
font-size:22px;
margin-bottom:15px;
}

.services-title:after{
content:"";
display:block;
width:60px;
height:3px;
background:#f4b400;
margin:15px auto 0;
}

.service-text{
font-size:15px;
margin-bottom:20px;
}

.service-more{
color:#f4b400;
font-weight:bold;
text-decoration:none;
}

.box.box-landing-1 .row{
margin-top:50px !important;
}

.box.box-landing-1 .box__caption{
text-align:center;
font-size:36px !important;
font-weight:700;
margin-bottom:60px !important;
}

.box.box-landing-1 .box__caption{
display:block;
text-align:center;
line-height: 100px;
}


/* FIX NAVBAR */

.header {
    position: sticky;
    top: 0;
    z-index: 9999;
}

.navbar {
    background: #ffffff;
    box-shadow: 0 2px 10px rgba(0,0,0,0.08);
}