@charset "UTF-8";

.container{
    position:relative;
}

#about #aboutMain .background{
    height:100%;
    max-height:650px;
    border-radius:10px;
}

#contact #contactMain .box-contact{
    padding:4rem 2rem;
    background-color:#fff;
    border-radius:10px;
    box-shadow:0px 5px 83px 0px rgba(9, 29, 62, 0.1);
    position:relative;
    top:-5rem;
}

#contact #contactMain .box-contact h6{
    color:var(--primary-color);
}

#contact #contactMain .box-contact h2{
    color:var(--secondary-color);
}

#contact #contactMain .box-contact form button:hover,
#contact #contactMain .box-contact form button:focus,
#contact #contactMain .box-contact form button:active{
    color:var(--primary-color);
}

#contact #contactMain .box-contact .box-contact-info{
    height:100%;
    border-radius:8px;
    position:relative;
}

#contact #contactMain .box-contact .box-contact-info .solar{
    height:inherit;
    padding:2rem;
    position:absolute;
    top:0;
    left:0;
    border-radius:inherit;
    display:flex;
    flex-flow:column nowrap;
    justify-content:center;
}

#contact #contactMain .box-contact .box-contact-info .solar h3,
#contact #contactMain .box-contact .box-contact-info .solar p{
    color:#fff;
}

#contact #contactMain .box-contact .box-contact-info .solar .info{
    margin-top:10rem;
}

#contact #contactMain .box-contact .box-contact-info .background{
    border-radius:inherit;
}

@media(max-width:991px){
    #contact #contactMain .box-contact .box-contact-info{
        height:500px;
    }

    #contact #contactMain .box-contact .box-contact-info .solar .info{
        margin-top:3rem;
    }
}

@media(max-width:765px){
    #products #productsMain .right-align{
        margin-top:1rem;
        text-align:left;
    }

    #contact #contactMain .box-contact{
        padding:4rem 1rem;
    }
}