@charset "UTF-8";

header .solar{
    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{
    font-weight:700;
    font-weight:calc(2rem + 2vw);
    color:#fff;
    text-transform:capitalize;
    letter-spacing:1px;
}

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

header .breadcrumb{
    display:inline-flex;
    width:auto;
    position:absolute;
    bottom:15px;
    right:15px;
}

header .breadcrumb p{
    font-family:var(--primary-font);
    font-size:1.1rem;
    font-weight:500;
}

header .breadcrumb p > a{
    color:#fff;
}

header .breadcrumb p span{
    display:inline-block;
    margin:0 0.5rem;
    width:10px;
    height:10px;
    background-color:var(--primary-color);
    border-radius:2px;
    transform: rotateZ(45deg);
}

#aboutValues{
    position:relative;
}



#aboutValues figure img:not(.fluid){
    filter:invert();
}

#contact #contactMain .box-contact,
#donate #donateMain .box-contact{
    padding:3rem;
    border:2px solid var(--light-color);
    border-radius:8px;
}

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

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