@charset "UTF-8";
header{
    height:100vh;
}

header .swiper-wrapper{
    height:inherit;
}

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

header .swiper-wrapper .swiper-slide .background{
    height:inherit;
    position: absolute;
    z-index:1;
}

header .swiper-wrapper .swiper-slide .solar{
    height:inherit;
    position: absolute;
    z-index:2;
    display:flex;
    align-items:center;
}

header h1{
    font-family:var(--primary-font);
    color:#fff;
}

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

header h6 span{
    margin-right:0.25rem;
    font-size:1.2rem;
}

header p{
    margin-top:1rem;
    font-size:1rem;
    color:var(--light-color);
}

#index #indexAbout #frame{
    margin:0 auto;
    width:90%;
    height:650px;
    position:relative;
}

#index #indexAbout #frame .shape{
    height:inherit;
    border-radius:25px;
    transform:skewX(4deg);
    position: absolute;
    top:0;
    left:0;
    z-index:1;
}

#index #indexAbout #frame .background{
    height:inherit;
    border-radius:25px;
    transform:skewX(-4deg);
    position: absolute;
    top:0;
    left:0;
    z-index:2;
}

#index #indexAbout #frame .background > img{
    transform: skewX(4deg);
    border-radius:inherit;
}

#index #indexAbout p{
    margin-bottom:0;
}

#index #indexAbout h5{
    margin:1rem 0;
    font-weight:400;
    color:var(--dark-color);
}

#index #indexAbout h5 span{
    color:var(--tertiary-color);
}

#index #indexAbout .box{
    height:100%;
    padding:1rem;
    border-radius:10px;
    text-align:center;
    display:flex;
    flex-flow:column nowrap;
    align-items:center;
    justify-content:center;
}

#index #indexAbout .box h3{
    margin:1rem 0 0 0;
    font-family:var(--primary-font);
    color:var(--dark-color);
}

#index #indexParallax .solar{
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
}

#index #indexParallax h6{
    color:#fff;
}

#index #indexParallax h2{
    color:#fff;
}

#index #indexParallax p{
    color:var(--light-color);
}

#carouselMain{
    margin-top:-6rem;
}

#carouselMain .item{
    padding: 0 15px;
}

#carouselMain .item .container{
    height:500px;
    border-radius:15px 15px 250px 250px;
    position:relative;
}

#carouselMain .item .container .background{
    height:inherit;
    border-radius:inherit;
    position:absolute;
    z-index:1;
}

#carouselMain .item .container .background > img{
    border-radius:inherit;
    transition:transform 0.5s ease-in-out;
}

#carouselMain .item .container .solar{
    height:inherit;
    border-radius:inherit;
    position:absolute;
    z-index:2;
    display:flex;
    align-items:center;
    text-align:center;
}

#carouselMain .item .container .solar h6,
#carouselMain .item .container .solar h6 span,
#carouselMain .item .container .solar h3,
#carouselMain .item .container .solar p{
    color:#fff;
}

#carouselMain .item .container .solar h3{
    font-family:var(--primary-font);
    font-weight:700;
}

#carouselMain .item .container .solar a{
    display:flex;
    align-items:center;
    justify-content:center;
    width:80px;
    height:80px;
    border-radius:50%;
    background-color:var(--dark-color);
    position:absolute;
    left:calc(50% - 40px);
    bottom:20px;
    font-size:2.25rem;
    text-decoration:none;
    color:#fff;
}

#carouselMain .item:hover .container .background > img,
#carouselMain .item:focus .container .background > img,
#carouselMain .item:active .container .background > img{
    transform:scale(1.2);
}