@charset "UTF-8";
header{
    height:600px;
}

header .swiper-wrapper,
header .swiper-wrapper .swiper-slide,
header .swiper-wrapper .swiper-slide .wrapper{
    height:inherit;
}

header .swiper-wrapper .swiper-slide .wrapper,
header .swiper-wrapper .swiper-slide .background{
    position:absolute;
    top:0;
    left:0;
}

header .swiper-wrapper .swiper-slide .wrapper{
    display:flex;
    align-items:center;
    background-color:rgba(var(--dark-alt-rgb),0.6);
    z-index:2;
}

header .swiper-wrapper .swiper-slide .wrapper img{
    margin-bottom:2rem;
}

header .swiper-wrapper .swiper-slide .wrapper h1{
    margin-bottom:2rem;
    color:#fff;
    font-size:calc(2rem + 2vw);
}

header .swiper-wrapper .swiper-slide .wrapper .button{
    box-shadow:none;
}

header .swiper-wrapper .swiper-slide .background{
    z-index:1;
}

#homeAbout .container{
    height:600px;
    position:relative;
}

#homeAbout .background{
    width:70%;
    height:inherit;
    border-radius:10px;
}

#homeAbout .container .comment{
    padding:2rem;
    width:300px;
    height:auto;
    display:flex;
    flex-flow:column nowrap;
    align-items:center;
    justify-content:center;
    border-radius:10px;
    background-color:var(--dark-alt-color);
    box-shadow:0 30px 50px rgba(0,52,120,0.3);
    position:absolute;
    bottom:15%;
    right:0;
    z-index:1;
}

#homeAbout .container .comment img{
    margin-bottom:1rem;
}

#homeAbout .container .comment h3{
    margin-bottom:0;
    color:cyan;
    font-size:3rem;
}

#homeAbout .container .comment h6{
    color:#fff;
    font-weight:500;
}

#homeAbout2 .background{
    clip-path: polygon(10% 0, 100% 0, 100% 100%, 0% 100%);
}

#homeAbout2 .box h3{
    color:var(--secondary-color);
    font-size:2rem;
}

#homeAbout2 .box h6{
    font-weight:500;
}

#homeBanner h2,
#homeBanner p{
    color:#fff;
}

#homeBanner p{
    margin-bottom:0;
}

#homeBanner .button{
    box-shadow:none;
}

#homeBlog{
    background-size:50%;
}

@media(max-width:991px){
    #homeAbout .background{
        width:80%;
    }

    #homeBanner .col-lg-8 p{
        margin-bottom:2rem;
    }

    #homeBanner .right-align{
        text-align:left;
    }

    #homeBlog{
        background-size:100%;
    }
}

@media(max-width:767px){
    #homeAbout .container{
        margin-bottom:2rem;
    }
}