@charset "UTF-8";

header.swiper{
    height:100vh;
}

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

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

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

header.swiper .swiper-wrapper .swiper-slide .solar{
    position:absolute;
    top:0;
    left:0;
    z-index:0;
    display:flex;
    align-items:center;
}

header h6{
    font-weight:400;
    font-size:1.25rem;
    color:var(--secondary-color);
}

header h6 span{
    margin-right:0.5rem;
    display:inline-block;
    width:10px;
    height:10px;
    border-radius:3px;
    background-color:var(--primary-color);
    transform:rotateZ(45deg);
}

header h1{
    margin-bottom:1.5rem;
    color:#fff;
    line-height:1;
    font-weight:700;
    font-size:calc(2rem + 2vw);
    text-transform:capitalize;
    position:relative;
    letter-spacing:1px;
}

header p{
    font-size:1rem;
    color:#fff;
}

#homeMain{
    & figure{
        margin:3rem 0;
        text-align:center;
        
        & img{
            width:100%;
            max-width:380px;
        }
    }

    & p{
        font-weight:600;
        text-align:justify;
        text-indent:2rem;
    }
}

#homeAbout{
    position:relative;
}

#homeAbout figure img.fluid{
    max-width:500px;
}

@media(max-width:991px){
    #homeAbout > .row > .col-12:last-child{
        position:relative;
        z-index:2;
    }
    
    #homeAbout figure:has(img.fluid){
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
        overflow:hidden;
        text-align:right;
        z-index:0;
    }

    #homeAbout figure img.fluid{
        width:100%;
        height:100%;
        object-fit:contain;
        object-position:center right;
        opacity:0.3;
    }
}

@media(max-width:767px){
    
}