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

    & .swiper-wrapper{
        height:inherit;

        & .swiper-slide{
            height:inherit;

            & .swiper-container{
                height:inherit;
                position:relative;

                & .background{
                    position:absolute;
                    top:0;
                    left:0;
                    z-index:-1;

                    & > img{
                        filter:brightness(40%);
                    }
                }

                & .content{
                    height:100%;
                    display:flex;
                    align-items:center;
                    position:absolute;
                    top:0;
                    left:0;
                    z-index:1;
                    overflow:hidden;
                }
            }
        }
    }
}

main{
    & #homeAbout{
        & .figures{
            position:relative;

            & .background{
                margin:0 auto;
                width:500px;
                height:500px;
                border-radius:50%;

                &:last-child{
                    width:200px;
                    height:200px;
                    display:flex;
                    align-items:center;
                    justify-content:center;
                    background-color:var(--high-color);
                    position:absolute;
                    bottom:0;
                    right:0;
                    z-index:1;

                    /*& > img{
                        object-fit:contain;
                        width:100%;
                    }*/
                }
            }

            & > img{
                position:absolute;
                top:-35%;
                left:0;
                z-index:9;
            }
        }
    }

    & #homeDonate{
        & .row.axis-2{
            & .box:nth-child(2){
                box-shadow:0 0 35px rgba(0,0,0,0.1);
            }
        }
    }

    & #homeServices{
        & #owlServices{
            & .item{
                height:400px;

                & figure{
                    height:inherit;
                    position:absolute;
                    top:0;
                    left:0;
                    z-index:1;
                }

                & h6{
                    position:absolute;
                    top:2rem;
                    left:1rem;
                    z-index:3;;
                }

                & .content{
                    padding:1rem;
                    height:inherit;
                    display:flex;
                    align-items:end;
                    background:rgba(13,24,33,0.8);
                    background:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(13,24,33,1) 100%);
                    position:absolute;
                    top:0;
                    left:0;
                    z-index:2;

                    & h5{
                        margin-bottom:1rem;
                        font-weight:800;
                        text-transform:uppercase;
                        color:#fff;
                    }
                }
            }
        }
    }

    & #homeParallax{
        & .parallax-obj{
            & > img{
                filter:brightness(35%);
            }
        }
        & .solar{
            display:flex;
            align-items:center;

            & h3{
                margin-bottom:0;
                color:#fff;
            }

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

    & #homeContact{
        & .title{
            margin-bottom:2.5rem;
        }
    }
}

@media(max-width:991px){
    main{
        & #homeAbout{
            & .figures{
                & .background{
                    &:last-child{
                        right:20%;
                    }
                }
            }
        }
    }
}

@media(max-width:767px){
    main{
        & #homeAbout{
            & .figures{
                & .background{
                    &:last-child{
                        right:10%;
                    }
                }
            }
        }

        & #homeBlog{
            & .background{
                height:350px;
            }
        }
    }
}

@media(max-width:575px){
    main{
        & #homeAbout{
            & .figures{
                & .background{
                    width:400px;
                    height:400px;

                    &:last-child{
                        width:160px;
                        height:160px;
                        right:0;
                    }
                }
            }
        }
    }
}

@media(max-width:450px){
    main{
        & #homeAbout{
            & .figures{
                & .background{
                    width:350px;
                    height:350px;
                }
            }
        }
    }
}