@charset "UTF-8";
header,
header #mainSwiper,
header #mainSwiper .swiper-wrapper,
header #mainSwiper .swiper-wrapper .swiper-slide{
    height:100vh;
    background-image:url(../img/shape.png);
    background-position-x:left;
    background-position-y:center;
    background-size:contain;
    background-repeat:no-repeat;
}

header h6{
    color:var(--secondary-color);
}

header h1{
    color:var(--primary-color);
}

header a{
    margin:0.25rem;
}

#index #indexAbout .background{
    width:100%;
    height:650px;
}

#index #indexContact .box-form{
    background-color:#fff;
    border-radius:8px;
    padding:2rem;
}

#index #indexBlog .posts-box{
    margin-top:4rem;
}

#index #indexBlog #carouselBlog .item{
    padding:10px;
}

#index #indexParallax{
    height:auto;
}

#index #indexParallax .box{
    margin:4rem 0;
    padding:4rem 2rem;
    border-radius:10px;
}

#index #indexParallax .box p:last-child{
    margin-bottom:0;
}

#index #indexProject{
    background:#fff
        url(../img/shape.png)
        no-repeat
        left center;
    background-size:contain;
}

#carouselServices .box{
    padding:2rem 1rem;
    border:2px dashed rgb(124, 132, 92,0.3);
    height:auto;
    min-height:350px;
    border-radius:8px;
}

#carouselServices .box img{
    display:inline-block;
    width:60px;
}

#carouselServices .box h5{
    margin-top:1rem;
    font-family:var(--secondary-font);
    font-weight:400;
    color:var(--tertiary-color);
}

#carouselServices .box p{
    margin-bottom:0;
}

@media(max-width:991px){
    #index #indexMain #carouselServices{
        margin-top:2rem;
    }
}