@font-face {
    font-family:"Comfortaa" ;
    src: url("/source/0afe631fdfe70369ce84a37435df44af/Comfortaa-Regular.ttf");
}
@font-face {
    font-family: "Open Sans";
    src: url("/source/e422e09148677761f4029c0f6b9c9e65/OpenSans-Regular.ttf");
}
section.best-solar-brand .container-fluid .row{
    display: flex;
    flex-wrap: wrap;
}
section.best-solar-brand .container-fluid .row .col-lg-6{
    padding: 0;
}
section.best-solar-brand .container-fluid .row .col-lg-6.left-content{
    padding: 120px 64px 120px 160px;
    background-color: #003D68;
    max-width: 961px;
    color: #FFFFFF;
}
section.best-solar-brand .container-fluid .row .col-lg-6.left-content h1{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 50px;
    line-height: 68px;
    margin-bottom: 30px;
}
section.best-solar-brand .container-fluid .row .col-lg-6.left-content h3{
    margin: 30px 0;
    font-family: 'Comfortaa';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 35px;
}
section.best-solar-brand .container-fluid .row .col-lg-6.left-content p{
    font-family: 'Comfortaa';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 27px;
    margin-bottom: 27px;
}
section.best-solar-brand .container-fluid .row .col-lg-6.left-content p:nth-of-type(2) {
    margin-bottom: 0;
}
section.best-solar-brand .container-fluid .row .col-lg-6.right-content{
    max-width: 961px;
}
section.best-solar-brand .container-fluid .row .col-lg-6.right-content img{
    object-fit:cover;
    height: 100%;
    width: 100%;
    object-position: right;
}
section.about-solaric{
    padding: 100px 0;
    background-color: #FFCC01;
}
section.about-solaric .container-fluid .row{
    display: flex;
    justify-content: center;
}
section.about-solaric .container-fluid .row .col-md-12.content{
    max-width: 1285px;
}
section.about-solaric .container-fluid .row .col-md-12.content h2{
    font-family: 'Comfortaa';
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 35px;
    color: #000000;
    margin-bottom: 30px;
}
section.about-solaric .container-fluid .row .col-md-12.content p{
    font-family: 'Comfortaa';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 27px;
    color: #000000;
    margin-bottom: 27px;
}
section.about-solaric .container-fluid .row .col-md-12.content p:nth-of-type(3) {
    margin-bottom: 0;
}




section.what-make-solaric-best-option{
    padding: 100px 0;
}
section.what-make-solaric-best-option .container-fluid .row{
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
section.what-make-solaric-best-option .container-fluid .row .col-md-10.banner{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 1259px;
    width: 100%;
    padding: 0;
}
section.what-make-solaric-best-option .container-fluid .row .col-md-10.groupbox{
    display: flex;
    flex-wrap: wrap;
}
section.what-make-solaric-best-option .container-fluid .row .col-md-10 h2{
    font-family: 'Comfortaa';
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 35px;
    color: #000000;
    margin-bottom: 30px;
}
section.what-make-solaric-best-option .container-fluid .row .col-md-10 p{
    font-family: 'Comfortaa';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 27px;
    color: #000000;

    max-width: 1208px;
    width: 100%;
    margin: 0 auto 27px auto;
}
section.what-make-solaric-best-option .container-fluid .row .col-md-10 p:nth-of-type(2) {
    margin-bottom: 0;
}
section.what-make-solaric-best-option .container-fluid .row .col-md-10.banner img{
    margin: 50px 0;
    max-width: 100%;
    height: 382px;
    min-width: 100%;
    /* width: 100%; */
    object-fit: cover;
    max-width: 1140px;
}

section.what-make-solaric-best-option .container-fluid .row .col-md-10.banner.solar-panel img{
    margin: 50px 0;
    max-width: 100%;
    height: 382px;
    min-width: 100%;
    /* width: 100%; */
    object-fit: cover;
    max-width: 1140px;
}

section.what-make-solaric-best-option .container-fluid .row .col-md-10.groupbox .col-md-6{
    padding: 50px 35px;
}
section.what-make-solaric-best-option .container-fluid .row .col-md-10.groupbox .col-md-6 h3{
    font-family: 'Comfortaa';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 27px;
}

section.what-make-solaric-best-option .container-fluid .row .col-md-10.groupbox .col-md-6 h3 {
    color: #000000;
    margin-bottom: 30px;
    margin-top: 0;
}

section.what-make-solaric-best-option .container-fluid .row .col-md-10.groupbox .col-md-6.blue h3, .dark-blue .content h3{
    color: #FFCC01;
    margin-bottom: 30px;
    margin-top: 0;
}
section.what-make-solaric-best-option .container-fluid .row .col-md-10.groupbox .col-md-6 p{
    font-family: 'Comfortaa';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 27px;
    color: #000000;
}
section.what-make-solaric-best-option .container-fluid .row .col-md-10.groupbox .col-md-6.blue p{
    color: #FFFFFF;
}

section.what-make-solaric-best-option .dark-blue .content p {
    color: #FFFFFF !important;
}

section.what-make-solaric-best-option .container-fluid .row .col-md-10.groupbox .col-md-6.yellow{
    background-color: #FFCC01;
}
section.what-make-solaric-best-option .container-fluid .row .col-md-10.groupbox .col-md-6.blue{
    background-color: #003D68;
}

section.what-make-solaric-best-option .dark-blue {
    padding: 50px 30px;
    background-color: #003052;
    width: 100%;
    display: flex;
    justify-content: center;
}

section.what-make-solaric-best-option .dark-blue .content {
    max-width: 1244px;
}







section.what-is-the-quality{
    padding: 100px 0;
    background-color: #003D68;
}
section.what-is-the-quality .container .row{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
section.what-is-the-quality .container .row .col-md-6.left-content{
    color: #FFFFFF;
}
section.what-is-the-quality .container .row .col-md-6.left-content h2{
    font-family: 'Comfortaa';
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 35px;
    margin-bottom: 30px;
}
section.what-is-the-quality .container .row .col-md-6.left-content p{
    font-family: 'Comfortaa';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 27px;
    color: #FFFFFF; 
}
section.what-is-the-quality .container .row .col-md-6{
    padding: 0 20px;
}
section.what-is-the-quality .container .row .col-md-6.right-content img{
    width: 100%;
}

section.how-long-do-solaric-last{
    padding: 100px 0;
}
section.how-long-do-solaric-last .container .row{
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
section.how-long-do-solaric-last .container .row .col-md-6.left-content img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
section.how-long-do-solaric-last .container .row .col-md-6.right-content h2{
    font-family: 'Comfortaa';
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 35px;
    margin-bottom: 30px;
}
section.how-long-do-solaric-last .container .row .col-md-6.right-content p{
    font-family: 'Comfortaa';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 27px;
    color: #000000;
}
section.how-long-do-solaric-last .row .col-md-6{
    padding: 0 20px;
}




section.what-sets-solaric-apart{
    padding: 100px 0;
    background-color: #003D68;
}
section.what-sets-solaric-apart .container-fluid .row{
    justify-content: center;
    display: flex;
    align-items: center;
    flex-direction: column;
}
section.what-sets-solaric-apart .container-fluid .row .col-md-10.header.text-center{
    max-width: 1285px;
}
section.what-sets-solaric-apart .container-fluid .row .col-md-10.header.text-center img{
    width: 100%;
    margin: 30px 0;
    height: 382px;
    object-fit: cover;
}
section.what-sets-solaric-apart .container-fluid .row .col-md-10.blue-yellow{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 50px;
    padding: 0;
}
section.what-sets-solaric-apart .container-fluid .row .col-md-10.header.text-center h2{
    font-family: 'Comfortaa';
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 35px;
    color: #FFFFFF;   
    margin-bottom: 30px;
}
section.what-sets-solaric-apart .container-fluid .row .col-md-10.header.text-center p{
    font-family: 'Comfortaa';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 27px;
    color: #FFFFFF;
    text-align: left;
}
section.what-sets-solaric-apart .container-fluid .row .col-md-10.blue-yellow .col-md-6{
    padding: 50px 35px;
}
section.what-sets-solaric-apart .container-fluid .row .col-md-10.blue-yellow .col-md-6.blue{
    background-color: #004C81;
}
section.what-sets-solaric-apart .container-fluid .row .col-md-10.blue-yellow .col-md-6 h3{
    font-family: 'Comfortaa';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 27px;
}
section.what-sets-solaric-apart .container-fluid .row .col-md-10.blue-yellow .col-md-6 h3 {
    color: #000000;
    margin-bottom: 30px;
    margin-top: 0;
}
section.what-sets-solaric-apart .container-fluid .row .col-md-10.blue-yellow .col-md-6.blue h3{
    color: #FFCC01;
    margin-bottom: 30px;
    margin-top: 0;
}
section.what-sets-solaric-apart .container-fluid .row .col-md-10.blue-yellow .col-md-6.blue h3 li{
    font-size: 20px;
}
section.what-sets-solaric-apart .container-fluid .row .col-md-10.blue-yellow .col-md-6.blue p{
    font-family: 'Comfortaa';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 27px;
    color: #FFFFFF;
}
section.what-sets-solaric-apart .container-fluid .row .col-md-10.blue-yellow .col-md-6.yellow p{
    font-family: 'Comfortaa';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 27px;
    color: #000000;;
}
section.what-sets-solaric-apart .container-fluid .row .col-md-10.blue-yellow .col-md-6.yellow{
    background-color: #FFCC01;
}
section.what-sets-solaric-apart .container-fluid .row .col-md-10.dark-blue-theme{
    padding: 50px 35px;
    background-color: #003052;
    max-width: 1599px;
    display: flex;
    justify-content: center;
}
section.what-sets-solaric-apart .container-fluid .row .col-md-10.dark-blue-theme .content{
    max-width: 1245px;
}
section.what-sets-solaric-apart .container-fluid .row .col-md-10.dark-blue-theme h3{
    font-family: 'Comfortaa';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 27px;
    color: #FFCC01;
}
section.what-sets-solaric-apart .container-fluid .row .col-md-10.dark-blue-theme p{
    font-family: 'Comfortaa';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 27px;
    color: #FFFFFF;
    max-width: 1244px;
    
}






section.choose-the-best-solar-panel{
    padding: 100px 0;
    background: url("/source/e7df4e59e1070b4a60f672ba2c8d745e/solar-panelsBG.jpg")no-repeat center center/cover;
    background-color: #FFCC01;
}
section.choose-the-best-solar-panel .container-fluid .row{
    display: flex;
    flex-direction: column;
    align-items: center;
}
section.choose-the-best-solar-panel .container-fluid .row .col-md-10.content{
    margin: 0 auto;
}
section.choose-the-best-solar-panel .container-fluid .row .col-md-10.content h2{
    font-family: 'Comfortaa';
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 35px;
    color: #000000;
    margin-bottom: 30px;
}
section.choose-the-best-solar-panel .container-fluid .row .col-md-10.content p{
    font-family: 'Comfortaa';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 27px;
    color: #000000;
}
@media (max-width:1366px) {
    section.best-solar-brand .container-fluid .row .col-lg-6.right-content img{
        min-height: 831px;
    }
}
@media (max-width:1199px) {
    
}
@media (max-width:991px) {
    section.what-make-solaric-best-option .container-fluid .row .col-md-10.groupbox .col-md-6.--3{
        background-color: #003d68;
    }
    section.what-make-solaric-best-option .container-fluid .row .col-md-10.groupbox .col-md-6.--3 h3{
        color: #ffcc01;
    }
    section.what-make-solaric-best-option .container-fluid .row .col-md-10.groupbox .col-md-6.--3 p{
        color: #FFFFFF;
    }
    section.what-make-solaric-best-option .container-fluid .row .col-md-10.groupbox .col-md-6.--4{
        background-color: #ffcc01;
    }
    section.what-make-solaric-best-option .container-fluid .row .col-md-10.groupbox .col-md-6.--4 h3,
    section.what-make-solaric-best-option .container-fluid .row .col-md-10.groupbox .col-md-6.--4 p{
        color: #000000;
    }
    section.what-make-solaric-best-option .container-fluid .row .col-md-10.groupbox .col-md-6.--7{
        background-color: #003d68;
    }
    section.what-make-solaric-best-option .container-fluid .row .col-md-10.groupbox .col-md-6.--7 h3{
        color: #ffcc01;
    }
    section.what-make-solaric-best-option .container-fluid .row .col-md-10.groupbox .col-md-6.--7 p{
        color:#FFFFFF;
    }
    section.what-make-solaric-best-option .container-fluid .row .col-md-10.groupbox .col-md-6.--8{
        background-color: #ffcc01;
    }
    section.what-make-solaric-best-option .container-fluid .row .col-md-10.groupbox .col-md-6.--8 h3,
    section.what-make-solaric-best-option .container-fluid .row .col-md-10.groupbox .col-md-6.--8 p{
        color: #000000;
    }
    section.what-sets-solaric-apart .container-fluid .row .col-md-10.blue-yellow .col-md-6.yellow.--2 {
        background-color: #ffcc01;
    }
    section.what-sets-solaric-apart .container-fluid .row .col-md-10.blue-yellow .col-md-6.yellow.--2 h3,
    section.what-sets-solaric-apart .container-fluid .row .col-md-10.blue-yellow .col-md-6.yellow.--2 p{
        color:#000000;
    }
    section.what-sets-solaric-apart .container-fluid .row .col-md-10.blue-yellow .col-md-6.yellow.--3 {
        background-color: #004c81;
    }
    section.what-sets-solaric-apart .container-fluid .row .col-md-10.blue-yellow .col-md-6.yellow.--3 h3{
        color: #ffcc01;
    }
    section.what-sets-solaric-apart .container-fluid .row .col-md-10.blue-yellow .col-md-6.yellow.--3 p{
        color: #FFFFFF;
    }
    section.what-sets-solaric-apart .container-fluid .row .col-md-10.blue-yellow .col-md-6.blue.--4 {
        background-color: #ffcc01;
    }
    section.what-sets-solaric-apart .container-fluid .row .col-md-10.blue-yellow .col-md-6.blue.--4 h3,
    section.what-sets-solaric-apart .container-fluid .row .col-md-10.blue-yellow .col-md-6.blue.--4 p{
        color:#000000;
    }
}
@media (max-width:1199px) {
    section.best-solar-brand .container-fluid .row .col-lg-6{
        max-width: unset !important;
    }
    section.best-solar-brand .container-fluid .row .col-lg-6{
        width: 100%;
    }
    section.best-solar-brand .container-fluid .row .col-lg-6.right-content img{
        max-width: unset !important;
    }
}
@media (max-width:1366px) {
    section.best-solar-brand .container-fluid .row .col-lg-6.right-content img{
        min-height: unset !important;
    }
    section.best-solar-brand .container-fluid .row .col-lg-6.left-content h1{
        line-height: 50px;
    }
    section.best-solar-brand .container-fluid .row .col-lg-6.left-content {
        padding: 120px 64px 120px 100px;
    }
    section.about-solaric .container-fluid .row .col-md-12.content,
    section.what-sets-solaric-apart .container-fluid .row .col-md-10.header.text-center {
        max-width: 1080px;
    } 
    section.what-make-solaric-best-option .container-fluid .row .col-md-10.banner {
        max-width: 1055px;
    }  
}
@media (max-width:820px) {
    section.best-solar-brand .container-fluid .row .col-lg-6.left-content{
        padding: 100px 5%;
    }
    section.what-make-solaric-best-option .container-fluid .row .col-md-10.banner{
        padding: 0 15px;
    }
    section.what-make-solaric-best-option .container-fluid .row .col-md-10.banner,
    section.what-sets-solaric-apart .container-fluid .row .col-md-10.header.text-center,
    section.what-make-solaric-best-option .container-fluid .row .col-md-10.banner,
    section.what-is-the-quality .container .row .col-md-6.right-content{
        text-align: left;
    }
    section.what-make-solaric-best-option .container-fluid .row .col-md-10.banner img,
    section.what-sets-solaric-apart .container-fluid .row .col-md-10.header.text-center img,
    section.what-make-solaric-best-option .container-fluid .row .col-md-10.banner img,
    section.what-is-the-quality .container .row .col-md-6.right-content img,
    section.how-long-do-solaric-last .container .row .col-md-6.left-content img{
        margin: 20px 0 50px;
    }
    section.how-long-do-solaric-last .container .row{
        flex-direction: column-reverse;
    }
}
@media (max-width:767px) {
    
}
@media (max-width:575px) {
    section.what-make-solaric-best-option .container-fluid .row .col-md-10.banner{
        padding: 0 15px;
    }
    section.what-make-solaric-best-option .container-fluid .row .col-md-10.groupbox .col-md-6,
    section.what-sets-solaric-apart .container-fluid .row .col-md-10.blue-yellow .col-md-6,
    section.what-sets-solaric-apart .container-fluid .row .col-md-10.dark-blue-theme{
        padding: 50px 15px;
    }

    section.what-make-solaric-best-option .container-fluid .row .col-md-10.banner img,
    section.what-sets-solaric-apart .container-fluid .row .col-md-10.header.text-center img {
        object-fit: contain;
    }
    
}
@media (max-width:390px) {
    section.what-sets-solaric-apart .container-fluid .row .col-md-10.header.text-center h2{
        text-align: left;
    }
    section.what-sets-solaric-apart .container-fluid .row .col-md-10.header.text-center p{
        text-align: left;
    }
    section.best-solar-brand .container-fluid .row .col-lg-6.left-content {
        padding: 50px 5%;
    }
    section.about-solaric,
    section.what-make-solaric-best-option,
    section.what-sets-solaric-apart,
    section.choose-the-best-solar-panel,
    section.what-is-the-quality,
    section.how-long-do-solaric-last{
        padding: 50px 20px ;
    }
    section#what-sets-solaric-apart{
        padding: 50px 20px;
    }
}