@charset "UTF-8";
/*
Theme Name: Solar Panther
Author: Webdesign 309
Author URI: http://www.webdesign309.com/
Description: We are a full service webdesign and development company delivering high end design and development solution for our clients and delivering best solutions to attract more visibility and customization to your website.
Version: 3.0.0
Tags: peoria web development, chicago web development, custom wordpress development, advertising agency solutions, florida webdesign, chicago webdesign, illinois webdesign, custom webdesign development
*/



@font-face { font-family: 'nevis'; src: url('fonts/nevis-Bold.eot'); src: url('fonts/nevis-Bold.eot') format('embedded-opentype'), url('fonts/nevis-Bold.woff2') format('woff2'), url('fonts/nevis-Bold.woff') format('woff'), url('fonts/nevis-Bold.ttf') format('truetype'), url('fonts/nevis-Bold.svg') format('svg'); font-weight: bold; font-style: normal; font-display: swap; }

/* @font-face{ font-family: "MinionVariableConcept-Roman"; src: url('fonts/MinionVariableConcept-Roman.otf'); } */

:root {
 --body-color:rgba(18, 18, 18, 1);
 --primary-color: rgba(59, 190, 234, 0.5);
 --white-color: rgba(255, 255, 255, 1);
 --btn-color: rgba(59, 190, 234, 1);
 --black-color: #000000;
 --body-font: "minion-pro-caption", serif;
 --heading-font: 'nevis';
     
}


/* Typography ------------------------------------------------------------------------------*/

body { padding: 0; margin: 0;  background-color: rgba(18, 18, 18, 1); box-sizing: border-box; overflow-x: hidden; font-size: 28px; line-height: 36px; letter-spacing: 0%; color:rgba(251, 250, 248, 1); font-family: "minion-pro-caption", serif; font-weight: 500; font-style: normal;}

/* section { overflow: hidden; } */
*, *:after, *:before { box-sizing: border-box; }

/* Create the Default Headers  */
h1, h2, h3, h4, h5, h6 { font-family: var(--heading-font); margin: 0; color: rgba(251, 250, 248, 1); font-weight: normal; text-transform:uppercase; }


h1,.h1{ color:var(--body-color); font-size:84px; line-height: 92px;}
h2,.h2 { font-size: 84px; line-height:92px; color: rgba(255, 255, 255, 1);font-weight: 400;}
h3,.h3 { font-size:54px; line-height:64px; }
h4,.h4 { font-size:32px; line-height: 42px;}
h5,.h5{ font-size:28px; line-height:38px; }
h6,.h6{ font-size:24px; line-height:34px; }
p { margin: 0 0 25px;}

/* Other Typo */
strong {color: rgba(255, 255, 255, 1); font-weight: bold; }

hr { border: 0 #000 solid; border-top-width: 1px; clear: both; height: 0; }
ol { list-style: decimal; padding: 0; margin: 0; list-style-position: inside;}

ul { list-style:none; margin: 0; padding: 0; }

/* Remove border around linked images */
img { max-width: 100%; border: 0; border-style: none; height: auto; }

/* 4. Links ------------------------------------------------------------------------------*/

a { text-decoration: none; transition: 0.5s; display: inline-block;  }
a:hover { color: var(--btn-color); } 


/* 5. Forms ------------------------------------------------------------------------------*/

a.btn, button, input[type=image], input[type=submit], input[type=button],.button{ font-family: var(--heading-font); padding-left: 17px; background: var(--btn-color); border-radius: 32px; color: #FFFFFF; cursor: pointer; display: inline-block; font-size: 20px; padding: 22px 32px; line-height: 20px; transition: all .3s ease-in-out 0s; font-weight: 700; appearance: normal; -webkit-appearance: none; max-width: 100%; text-align: center; border: 1px solid transparent;text-transform: uppercase; }

a.btn:hover, button:hover, input[type=image]:hover, input[type=submit]:hover, input[type=button]:hover,.button:hover{ background-image: transparent; background-color:transparent; color: var(--btn-color); border: 1px solid var(--btn-color);}

button:active, input[type=image]:active, input[type=submit]:active, input[type=button]:active { box-shadow: inset 0 0 12px rgba(0, 0, 0, .2) } input[type="search"], input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"], textarea,select { color: #1C1D21;  font-family: var(--heading-font); font-size:20px; letter-spacing: 0; outline: none !important; width: 100%; appearance: none; resize: none; background: #FFFFFF 0% 0% no-repeat padding-box; border: 1px solid #000000;  }


textarea { width: 100%; padding: 10px 24px; min-height: 96px; background: rgba(255, 255, 255, 1); resize: none; margin: 0 0 0px; } 

input::-webkit-input-placeholder { color: #333; opacity: 37%; } 
input:-moz-placeholder { color: #333; opacity: 37%; } 
input::-moz-placeholder { color: #333; opacity: 37%; } 
input:-ms-input-placeholder { color: #333; opacity: 37%; } 
textarea::-webkit-input-placeholder { color: #333; opacity: 37%; } 
textarea:-moz-placeholder { color: #333; opacity: 37%; } 
textarea::-moz-placeholder { color: #333; opacity: 37%; } 
textarea:-ms-input-placeholder { color: #333; opacity: 37%; }


ul.col-2 li{width: 50%;float: left;}
ul.col-3 li {width: 33.33%;float: left;}
 ul.col-2 li:before, ul.col-3 li:before /*ul li:before*/ { .def-page ul li:before {
    content: "";
    position: absolute;
    left: 6px;
    top: 19px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #3bbeea;
    box-shadow: 0 0 0 5px rgba(59, 190, 234, 0.18), 0 6px 18px rgba(59, 190, 234, 0.35);
} } 

/* container */

.container { max-width: 1660px; width: 100%; margin: 0 auto; padding: 0 50px; }


.col_2 { width: 16.66% } 
.col_3 { width: 25% } 
.col_4 { width: 33.33% } 
.col_5 { width: 41.66% } 
.col_6 { width: 50% } 
.col_7 { width: 53.55% } 
.col_8 { width: 66.66% } 
.col_9 { width: 75% } 
.col_12 { width: 100% } 


.d-flex { display: flex; } 
.flex-wrap { flex-wrap: wrap; } 
.justify-content-start { justify-content: flex-start; } 
.justify-content-center { justify-content: center; } 
.justify-content-end { justify-content: flex-end; } 
.justify-content-between { justify-content: space-between; } 
.align-items-start { align-items: flex-start; } 
.align-items-center { align-items: center; } 
.align-items-end { align-items: flex-end; } 
.row-reverse { flex-direction: row-reverse; } 
.text-center { text-align: center; } 
.text-left { text-align: left; } 
.text-right { text-align: right; }


.trasperent{ background-color: transparent; border: 1px solid var(--btn-color);}
.trasperent:hover{background: var(--btn-color); color: var(--white-color); }

/* header */
header { width: 100%; padding: 24px 33px 30px; position: sticky; top: 0; z-index: 2; background-color: #111111; }
.header-left{ line-height: 0; max-width: 332px; width: 100%; }
.heaeder-inr{ display: flex; justify-content: space-between; align-items: center; }
.header-logo img { display: block;}
.header-right  { display: flex; align-items: center; gap:54px; }
nav ul { display: flex; align-items: center; gap: 48px;}
nav ul li a { font-size:22px; color: var(--white-color); line-height: 30px; font-family: var(--heading-font);text-transform: uppercase; }
.header-button a.btn{ padding: 14px 44px; }
.header-button a { text-transform: uppercase }
/* Banner */
.banner{position: relative; width: 100%; padding: 555PX 0 579PX; }
.banner-img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }  
.bnr-inr-text{ position: relative;  }
.bnr-text{ max-width: 1027px; width: 100%; margin-left: auto; color: var(--black-color); font-size: 28px; line-height: 36px; font-weight: 500; }
.banner-img img { width: 100%; height: 100%; object-fit: contain; }
.btn-two{ font-family: var(--heading-font); padding-left: 17px; background:transparent; border-radius: 32px; color:var(--body-color); cursor: pointer; font-size: 20px; padding: 14px 44px; transition: all .3s ease-in-out 0s; text-align: center; border: 2px solid rgba(59, 190, 234, 1); text-transform: uppercase;}
.btn-one{font-family: var(--heading-font); padding-left: 17px; background: var(--btn-color); border-radius: 32px; color:var(--white-color); cursor: pointer; font-size: 20px; padding: 14px 44px; transition: all .3s ease-in-out 0s; text-align: center;border: 2px solid var(--btn-color);text-transform: uppercase; }
.btn-two:hover { background: var(--btn-color); color:var(--white-color);border: 2px solid var(--btn-color); }
.btn-one:hover{background-color: transparent;color: var(--white-color);}
.bnr-button{gap: 32px;display: flex;}

.bnr-text h1{font-size: 54px; line-height: 64px;}
.stroke span{-webkit-text-stroke: 3px rgba(0, 0, 0, 1);}
/*independence*/
.independence{padding: 72px 0 84px;}
.independence-text-h2 h2 span { -webkit-text-stroke: 3px rgba(0, 0, 0, 1);}
.independence-inr{ display: flex; gap: 100px;width: 100%;height:100%; }
.independence-text-h2, .independence-text-p {height: 100%;width: 100%; }

/*independence-gallery*/
.independence-gallery{ position: relative; }
.independence-gallery .gallery-box{display: flex; justify-content: space-between; gap:43px;}
.independence-gallery .gallery-box .gallery_item_left{ border-radius: 48px; overflow: hidden; line-height: 0; max-width: 46.8%; width: 100%; }
.independence-gallery .gallery-box img{ width: 100%; height: 100%; object-fit: cover; }
.independence-gallery .gallery-box .gallery_item_right{ display: flex; gap: 43px; justify-content: space-between; max-width: 53.2%; width: 100%; line-height: 0;  }
.independence-gallery .gallery-box .gallery_item_right .common_img{ max-width: 50%; width: 100%; border-radius: 48px;overflow: hidden;}

/*independence*/
.independence-text-h2 { line-height: 0; }
.unplash-button { display: flex;  }
.independence-text-h2 img{ width: 100%; height: 100%; object-fit: cover;border-radius: 48px; }
.page-template-home .independence-text-h2 img {border-radius: 0;}

.solar-energy{padding:0 0 100px;}
.solar-text h3 strong {color: rgba(59, 190, 234, 1); }
.solar-box{display: flex; justify-content: space-between; gap: 100px;}
.solar-box img{ overflow: hidden; line-height: 0;border-radius: 48px;}
.solar-lower{background-color: rgba(59, 190, 234, 0.5); border-radius:48px;padding: 36px 44px 9px 44px;height: 790px;}

.solar-upper img{border-radius: 48px;}
.solar-left {display: flex; flex-direction: column; gap:80px; max-width: 50%; width: 100%;}
.solar-right { max-width: 50%;width: 100%;border-radius: 48px;position: relative;}
.solar-text-inr { left: 36px; gap: 24px; position: absolute; bottom: 40px; display: flex; gap: 24px; flex-direction: column; }
.solar-button { width: 100%; }
.solar-common-list ul li { position: relative; font-size: 22px; line-height: 30px; font-family: var(--heading-font); } /* padding: 9px 0 46px 76px;*/
.solar-button .button { display: block; width: 100%; position: relative; padding: 24px 36px; text-align: left;text-transform: uppercase; }
.solar-button a.button::after { display: block; content: ""; width: 18px; height: 18px; background: url(images/right_arrow.png); background-size: contain; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); background-repeat: no-repeat; transition: filter 0.3s ease;}
/* .solar-common-list ul li::before { content: ''; position: absolute; left: 0; top: 0; background-image: url(images/plus.png); background-position: center; background-repeat: no-repeat; width: 48px; height: 48px; } */
.solar-button a.button:hover, .solar_systems_content a:hover{background-color: transparent; color: var(--white-color);}


/* panthar-pocess */
.process-heading h2 span { -webkit-text-stroke: 3px rgba(0, 0, 0, 1); }
.process-heading { text-align: center; margin-bottom: 72px; }
.process-list { display: flex; flex-direction: column; gap:72px; }
.process-item { display: flex; align-items: center; }
.process-left h3 { color: #fff; text-transform: uppercase; font-size: 28px; line-height: 36px; }
.process-left {justify-content:flex-start; max-width: 420px; width: 100%; height: 136px; background: var(--primary-color); border-radius: 0 64px 64px 0; display: flex; align-items: center; padding: 0 70px; }
.process-right {height:100%; max-width:1060px; width: 100%; border: 2px solid #3BBEEA;border-radius: 150px; padding: 32px 64px;}
.process-right p{padding-bottom :15px; margin: 0;font-family: var(--heading-font);}
.process-right p:last-child{padding-bottom: 0;}
.company-founder {padding-bottom: 80px; width: 100%; }
.founder-box { display: flex; justify-content: space-between;gap: 100px; width: 100%; }
.box-left, .box-right { max-width:50%; width: 100%; height:auto; border-radius: 48px;}
.box-right{line-height: 0;overflow: hidden;}
.box-left { background: rgba(59, 190, 234, 0.5);}
.founder-text h3 span { color: rgba(59, 190, 234, 1); }
.founder-text h3:first-child { padding-bottom: 80px; }
.founder-text {  display: flex; flex-direction: column;padding: 40px 44px 0 44px }
.founder-text p { font-size: 28px;color:rgba(59, 190, 234, 1);font-family: var(--heading-font);text-transform: uppercase; }
.partners-slider { padding: 0px 0 64px; }
.slider-heading{text-align: center;margin-bottom: 32px;}
.slider-heading h2 span { -webkit-text-stroke: 3px rgba(0, 0, 0, 1); }
.slider-items{ display: flex;align-items: center;justify-content:space-between;}
.logo-item img { max-width: 160px; width: 100%; height: auto;  line-height: 0;}
.panther-process { position: relative; overflow: hidden; }
.panther-process::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(images/panthar-bg.webp) no-repeat center center; background-size: cover; z-index: -1; }

/* foooter-css */
.review-slider { padding: 100px 0 68px; }
.review-slider-otr { width: 100%; }
.review-heading { text-align: center; display: flex; flex-direction: column; gap: 20px; padding-bottom: 72px; }
.review-heading span { -webkit-text-stroke: 3px #000; font-size: 84px; line-height: 92px; font-family: var(--heading-font); }
.images-slider { width: 100%; margin: 0 -15px; }
.images-slider .image-items { padding: 0 15px; }
.images-slider .image-items img { width: 100%; height: auto; display: block; max-width: 100%; }
.process-item{position: relative; counter-increment: proven-step; justify-content: end;}
.process-item::before { font-size:54px; line-height: 64px; content: counter(proven-step); width: 138px; height: 138px; background: var(--btn-color); color: var(--black-color); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; margin-right: 25px; flex-shrink: 0; padding: 0; left: 0px; position: absolute; border: 2px solid var(--black-color); }
.images-slider { position: relative; }
.images-slider .slick-prev, .images-slider .slick-next { width: 40px; height: 40px; background: var(--btn-color); position: absolute; top: 50%; left: -17px; transform: translateY(-50%); z-index: 99; padding: 0; border-radius: 0; transition: 0.5s all; }
.images-slider .slick-prev:hover, .images-slider .slick-next:hover {background-color: rgb(59 190 234 / 63%); border-color:transparent; }
.images-slider .slick-next { left: auto; right: -17px; }
.images-slider .slick-prev:before { display: block; content: ""; width: 10px; height: 10px; background: url(images/left_arrow.png); background-size: contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-repeat: no-repeat; transition: filter 0.3s ease; }
.images-slider .slick-next:before { display: block; content: ""; width: 8px; height: 10px; background: url(images/right_arrow.png); background-size: contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-repeat: no-repeat; transition: filter 0.3s ease; }

/* .copyright-p */
.copyright p { gap: 4px; margin-bottom: 0; display: flex; }

/* secondry-page- css*/
.common_inr{ position: relative;  padding: 104px 0; text-align: center;  }
.common_inr .container{ position: relative; }
.common_inr h1{ color: var(--white-color); text-transform: uppercase; }
.common_bg_img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; line-height: 0; }
.common_bg_img::before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(38, 104, 126, 0.8); }
.common_bg_img img{ width: 100%; height: 100%; object-fit: cover; }

/* Solar installation-description */
section.solar-installation-description { padding: 72px 0 100px 0px; }
.paragraph-text { padding: 0 28px; text-align: center; }
.solar-text.stroke strong, .smarter-solar-heading .stroke h2 strong{ -webkit-text-stroke: 3px rgba(0, 0, 0, 1);color: var(--white-color);}

section.solar-energy.solar-panel.panel_section_1 .solar-common-left h2, .smarter-solar-heading h2  {padding-bottom:56px; }
section.solar-energy.solar-panel.panel_section_2 .solar-common-left h2{padding-bottom: 28px;}
.solar-text h2:last-child { margin-bottom: 0; }
/* .solar-text.stroke p:last-child{margin-bottom: 0;} */
.solar-common-text h2{color: var(--white-color);-webkit-text-stroke: 3px rgba(0, 0, 0, 1);}

.solar-common-left{ display: flex; flex-direction: column; gap: 100px; max-width: 50%; width: 100%; }
.solar-common-right { max-width: 50%; width: 100%; border-radius: 48px; position: relative;}
.solar-text p {line-height: 36px;}
.solar-common-heading h2 {line-height: 92px;}
.solar-common-list ul { flex-direction: column; display: flex; margin: 0; padding: 0;position: relative; }
.solar-common-list ul li { list-style: none; position: relative; display: flex;align-items: center;gap: 28px; }
.solar-common-list ul li a { text-decoration: none; font-size:22px; transition: 0.3s;line-height:30px;font-family: var(--heading-font); color: var(--white-color); }
.solar-common-list ul li a:hover { color: #19bdf2;position: relative; }
.solar-energy.solar-panel .solar-common-right{position: relative; height: 100%; }
/* .solar-energy.solar-panel .solar-common-right img{height: 100%;} */
.solar-installation-description.service_solar{ padding-bottom: 0; }


/* flat-roof-solar-top */

.smarter-solar-heading h2 { font-size: 84px; }
.smarter-solar-paragraph { padding: 56px 0px 0px; }

/* flat-roof-solar-bottom */
.smarter-solar-content { display: flex; gap:100px; justify-content: space-between;padding-top: 75px; width: 100%; }
.smarter-solar-content-text{max-width: 50%;width: 100%;}
.smarter-solar-content-image { line-height: 0; max-width: 50%; width: 100%; }
.smarter-solar-bottom .smarter-solar-content .smarter-solar-content-image{line-height: 0; max-width:50%; width: 100%; }
.right_img{ width: 100%; border-radius:48px; overflow: hidden; }
.bottom-heading.stroke { padding: 100px 60px 72px 60px; line-height: 92px; }

/* contact-form*/

section.smarter-solar-top h2 .stroke strong {font-size: 84px;} */
.contact-from.contact-secondary h3{color: var(--white-color);font-size: 54px; line-height: 64px;padding-top: 20px;}

/*panthar-process-process*/
.panther-process.panthar-secondary .panther-process-inr { padding: 50px 0 100px 0; }

/*faq-main secondary*/

/*slider-secondary*/
.review-slider.slider-secondary{ padding:100px 0 72px; }
/* 
Location_Page Design */
.peoria-heading h1{color: var(--white-color);}
.peoria-wrap {display: flex; gap: 100px; align-items: center; }
.peoria-content{max-width: 50%;width: 100%;}
.peoria-image{max-width: 50%;width: 100%;line-height: 0;}
.peoria-image img{width: 100%; height: 100%; object-fit: cover;}
.peoria-heading.stroke { padding: 73px 0 73px; }
.peoria-description p{margin-bottom:36px;}
.future-heading h1{color: var(--white-color);padding-bottom: 36px;}
.future{padding: 100px 0 0px;}
.solar_panels.location .solar_panels_left{background:none;padding: 0;}
/* .solar_panels.location .common_div{display: flex;justify-content: space-between;} */
.faq-main.location{padding-top: 100px;}
.solar-service-content{display: flex;align-items: center;justify-content: space-between;}
.solar-service-text { width: 100%; max-width: 50%; }
.faq-video.service .faq-video-inr{ border-radius: 48PX; display: flex; justify-content: space-between; gap: 100px; padding: 50px 0 0; background-color: var(--primary-color); }
.faq-video.service .faq-video-inr, .solar_panels_inr { display: flex; justify-content: space-between; gap:100px; padding: 0; }
.faq-video.service .solar-text {padding: 60px 0 0px ;}
.independence.service .unplash-button { justify-content: flex-start; }
.faq-video.service .faq-video-right{padding:0 40px;}
.smarter-solar-top.service .smarter-solar-heading h1,.faq-solar-made.service .smarter-solar-heading h1{font-size: 78.42px;line-height: 86.98px;white-space: nowrap;}
.smarter-solar-top.service .smarter-solar-paragraph { padding: 56px 0px 0px; }

section.faq-solar-made.service { padding: 0px 0 100px; }
section.peoria-section { position: relative; }
.peoria-image img { top: 0; position: absolute; object-fit: cover; width: 730px; height: 100%; }
.solar-common-heading { padding-top: 40px; }

/* ds */
footer{ position: relative; }
footer .footer-top{ background: rgba(59, 190, 234, 1); padding: 38px 0; text-align: center; }
footer .footer-top h2{ font-size: 54px; line-height: 64px; }
.footer-bottom{ padding: 70px 0 48px; background-image: url(images/footer-bg.svg); background-position: center; background-repeat: no-repeat; background-size: cover; }
.footer-bottom-inr{ display: flex; align-items: flex-start; gap: 220px; justify-content: space-between; padding-bottom: 40px; border-bottom: 1px solid rgba(96, 96, 96, 1);}
.footer-bottom-inr .footer-logo{ max-width: 280px; width: 100%; line-height: 0; }
.footer-bottom-inr .footer-logo a{ width: 100%; height: 100%; display: block; }
.footer-bottom-inr .footer-logo a img{ width: 100%; height: 100%; object-fit: cover; }
.footer-right{ max-width: 65%; width: 100%; display: flex; align-items: flex-start; gap: 50px; justify-content: space-between; text-transform: uppercase; }
.footer-right .footer-list{ width: fit-content; }
.footer-right .footer-list ul{ display: block; }
.footer-right .footer-list ul li{ padding: 0 0 6px; }
.footer-right .footer-list ul li:last-child{ padding: 0; }
.footer-right .footer-list p a,.footer-right .footer-list ul li a,.footer-right .footer-list p { font-size: 16px; line-height: 24px; color: rgba(251, 250, 248, 1); font-family: "minion-pro-caption", serif; font-weight: 500; font-style: normal;}
.footer-right .footer-list label{ color: rgba(59, 190, 234, 1); font-size: 22px; line-height: 30px; font-family:var(--heading-font);  display: block; padding: 0 0 4px; }
.footer-right .footer-list p:last-child{ margin-bottom: 0; }
.footer-right .footer-list p a:hover,.footer-right .footer-list ul li a:hover{ color:  rgba(59, 190, 234, 1); }
.copyright{ align-items: center; justify-content: space-between; padding-top: 26px; font-size: 16px; line-height: 24px; color: rgba(251, 250, 248, 1); font-family: "minion-pro-caption", serif; font-weight: 500; font-style: normal;}
.copyright p{ margin-bottom: 0; }
.copyright a{ color: rgba(251, 250, 248, 1); }

.faq .item{ border-bottom:2px solid rgba(53, 185, 231, 1); margin-bottom: 26px; }
.faq .item:last-child{ margin-bottom: 0; }
.faq .question{ display:flex; justify-content:space-between; align-items:center; padding:24px 5px; cursor:pointer; }
.faq .question h3{ color:rgba(251, 250, 248, 1); font-size:28px; line-height: 36px; font-family: var(--heading-font); text-transform: capitalize; }
/* Custom Plus Icon */
.faq .icon{ width:22px; height:22px; position:relative; flex-shrink:0; }
.faq .icon:before, .faq .icon:after{ content:""; position:absolute; background:rgba(53, 185, 231, 1); border-radius:2px; transition:.35s; }
.faq .icon:before{ width:35px; height:4px; top:50%; left:50%; transform:translate(-50%,-50%); }
.faq .icon:after{ width:4px; height:35px; top:50%; left:50%; transform:translate(-50%,-50%); }
.faq .answer{ display:none; color:rgba(251, 250, 248, 1); font-size:24px; }
/* Minus Animation */
.faq .item.active .icon:after{ transform:translate(-50%,-50%) scaleY(0); }
.faq .item.active .question h3{ color:rgba(251, 250, 248, 1); }

.faq{ padding: 0px 0; }
.faq h2{ text-align: center; padding: 0 0 72px; }
.faq h2 strong{ -webkit-text-stroke: 3px rgba(0, 0, 0, 1); }

/* team */
.team{ padding: 72px 0 68px; position: relative; text-align: center; }
.team h2{ padding: 0 0 56px; }
.team h2 span{ -webkit-text-stroke: 3px rgba(0, 0, 0, 1); }
.team_inr{ display: flex; flex-wrap: wrap; justify-content: center; margin: 0 -24px; gap: 56px 0; }
.team_inr .team_item{ max-width: 33.33%; width: 100%; padding: 0 24px; }
.team_inr .team_item .team_box{ position: relative; width: 100%; padding: 0 15px 68px; }
.team_inr .team_item .team_box::before{ content: ''; position: absolute; width: 100%; height: calc(100% - 152px); bottom: 0; border: 4px solid rgba(59, 190, 234, 1); background-color: transparent; transition: all 0.5s; left: 0; border-radius: 4px; z-index: -1;}
.team_inr .team_item .team_box:hover:before{ background-color: #fff; }
.team_inr .team_item .team_box .team_img_box{ width: 200px; height: 200px; border-radius: 50%; overflow: hidden; border: 2px solid rgba(255, 255, 255, 1); margin:0 auto 24px; position: relative; }
.team_inr .team_item .team_box img{ width: 100%; height: 100%; object-position: center; object-fit: cover; }
.team_inr .team_item .team_box h3{ position: relative; font-size: 28px; line-height: 36px; padding: 0 0 16px; transition: all 0.5s;}
.team_inr .team_item .team_box:hover h3{ color: rgba(0, 0, 0, 1); }
.team_inr .team_item .team_box p{ position: relative; margin-bottom: 0; font-size: 20px; line-height: 28px; color: rgba(202, 202, 202, 1); font-family: var(--heading-font);}
.team_inr .team_item .team_box:hover p{ color: rgba(72, 72, 72, 1); }
.contact_dummy{ text-align: center; padding: 72px 0; text-align: center; color: rgba(251, 250, 248, 1); }
.contact_dummy p { max-width: 1296px; width: 100%; margin: 0 auto 25px; }
.contact-from{ padding: 40px 0; background-image: url(images/contact-sticky.webp); background-position: center; background-size: cover; background-attachment: fixed; position: relative;}
.page-template-secondary-page .contact-from{margin: 50px 0;}

.contact-from::before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.55); backdrop-filter: blur(7px); -webkit-backdrop-filter: blur(7px); }

.contact-from h3{ font-size:54px; line-height:64px; padding-bottom: 32px; text-align: center;}
.contact-from .container{ position: relative; }

.input-fild label{ font-size:18px; line-height: 20px; padding-bottom: 16px; color: rgba(59, 190, 234, 1); display: block; font-family: var(--heading-font); text-transform: uppercase; }
.input-fild input,.input-fild textarea,.input-fild select { font-size:18px; line-height: 20px; font-family: var(--heading-font); border: 1px solid rgba(255, 255, 255, 1);
   background: rgba(255, 255, 255, 1); padding: 22px 32px; border-radius: 36px; }
   .input-fild input::placeholder,textarea::placeholder{ color:rgba(59, 190, 234, 1); text-transform: uppercase; opacity: 1; }
   .input-fild textarea{ min-height: 147px; }
.contact-from form { display: flex; justify-content: center; gap: 20px 100px; flex-wrap: wrap; align-items: baseline; width: 100%; max-width: 73%; margin: 0 auto;
}.contact-from form .input-fild{ max-width: calc(50% - 50px); width: 100%; }
.contact-from form .input-fild.full-width{ max-width: 100%; padding: 20px 0; position: relative; }
.contact-from form .input-fild.full-width:last-child{ padding: 0 0; }

.contact-from form .input-fild.full-width label{ font-size: 18px; line-height: 20px; text-transform: uppercase; }
.custom-file-upload span.wpcf7-form-control-wrap{ position: absolute; left: 0; bottom: -10px; font-size: 18px; }

.custom-file-upload { display: flex; align-items: center; width: 100%; max-width: 100%; height: 84px; border: 2px solid rgba(59, 190, 234, 1); border-radius: 44px; background: rgba(255, 255, 255, 0.8); padding: 0 12px; box-sizing: border-box; }
.custom-file-upload input[type="file"] { display: none; }

.file-btn { background: #fff; color: #58b5f2; border: 1px solid rgba(59, 190, 234, 1); border-radius: 28px; padding: 16px 20px; font-size: 20px; font-weight: bold; cursor: pointer; text-transform: uppercase; transition: 0.3s; white-space: nowrap; }
.file-btn:hover { background: #58b5f2; color: #fff; }
#fileName { margin-left: 15px; color: #000; font-size: 18px; text-overflow: ellipsis; white-space: nowrap; }
.uplode_text{ font-size: 16px; line-height: 24px; display: block; padding-top: 20px; }

input[type="submit"]{ background: rgba(59, 190, 234, 1); padding: 18px 47px; border-radius: 40px; font-family: var(--heading-font); text-transform: uppercase; border:2px solid rgba(59, 190, 234, 1); }
input[type="submit"]:hover{ border:2px solid rgba(59, 190, 234, 1);  }
.input-fild.submit { text-align: center; }


.contact-details{ padding: 56px 0; position: relative; }
.contact-details .contact-details-inr{ display: flex; justify-content: center; flex-wrap: wrap; gap: 172px; justify-content: space-between; }
.contact-details .contact-details-inr .contact-item{ max-width: fit-content; width: 100%; display: flex; align-items: flex-start; gap: 20px; }
.contact-details .contact-details-inr .contact-item p{ margin-bottom: 0; font-family: var(--heading-font); font-size: 28px; line-height: 36px; }
.contact-details .contact-details-inr .contact-item p a,.contact-details .contact-details-inr .contact-item p strong{ display: block; margin-top: 4px; color: rgba(210, 210, 210, 1); font-size: 20px; line-height: 28px; font-family: var(--body-font); }
.contact-details .contact-details-inr .contact-item p a:hover{ color: rgba(59, 190, 234, 1); }

.about{ padding: 70px 0; } 
.about_inr{ display: flex; gap: 0 100px; justify-content: space-between; }
.about_inr .about_item{ max-width: 50%; width: 100%; }
.about_inr .about_item h2{ padding: 0 0 48px;text-transform: math-auto; }
.about_inr .about_item .about_item_img{ border-radius: 48px; overflow: hidden; height: 486px; line-height: 0; }
.about_inr .about_item .about_item_img img{ width: 100%; height: 100%; object-fit: cover; }
.about_inr .about_item.img_box{   line-height: 0; display: flex; flex-direction: column; gap: 60px;}
.about_inr .about_item.img_box img{ width: 100%; object-fit: cover; border-radius: 48px;
   overflow: hidden;}
.about-logo{ padding: 0 0 99px; }
.about_logo_inr{ display: flex; align-items: center; justify-content: space-between; }
.about_logo{ width: fit-content; line-height: 0; }
.about_logo img{ width: 100%; height: 100%; object-fit: contain; }

/*  */
.tabing{ padding: 72px 0;}
.tab-list{ padding-bottom: 40px; display: flex; justify-content: flex-start;gap: 32px; align-items: flex-start; }
.tab-list label{ color: rgba(204, 204, 204, 1); font-family: var(--heading-font); font-size: 20px; line-height: 28px; min-width: 80px; }
.tab-list ul{ display: flex; gap: 20px; justify-content: flex-start; align-items: center; flex-wrap: wrap; }
.tab-list ul li a{ border: 1px solid rgba(59, 190, 234, 1);padding: 8px 16px; border-radius: 4px; font-size: 16px; line-height: 24px; color: rgba(204, 204, 204, 1); text-transform: uppercase; background-color: transparent; transition: all 0.5s;  }
.tab-list ul li a:hover,.tab-list ul li.active a{ color: #fff; background-color: rgba(59, 190, 234, 1); }
.tab_content_main{ padding-top: 40px; position: relative; }
.tab_item{ max-width: 100%; width: 100%; }
.tab_item .tab_item_box{ width: 100%; font-size: 20px; line-height: 28px; display: flex; flex-wrap: wrap; justify-content: center; gap: 60px; }
.tab_item .tab_item_box h3{ font-size: 28px; line-height: 36px; padding: 16px 0; text-transform: capitalize; }
.tab_item .tab_item_box .blog_item{ max-width: calc(33.33% - 40px); width: 100%; }
.tab_item .tab_item_box .blog_item .blog_item_box{ width: 100%; position: relative; overflow: hidden; border-radius: 32px; background-color: rgba(59, 190, 234, 0.5); }
.tab_item .tab_item_box .blog_item .blog_item_box .blog-content-box{ padding: 20px; }
.tab_item .tab_item_box .blog_item .blog_item_box .blog-content-box p.blog-dats{ display: flex; gap: 10px; justify-content: flex-start; color: rgba(59, 190, 234, 1); font-size: 16px; line-height: 24px; text-transform: uppercase; margin-bottom: 0; } 
.tab_item .tab_item_box .blog_item .blog_item_box .blog-content-box a{ display: flex; justify-content: flex-start; align-items: center; gap: 2px; font-family: var(--heading-font); color:var(--white-color);  }
.tab_item .tab_item_box .blog_item .blog_item_box .blog-content-box a svg path{ fill: rgba(59, 190, 234, 1); transition: all 0.5s; }
.tab_item .tab_item_box .blog_item .blog_item_box .blog-content-box a:hover{ color:rgba(59, 190, 234, 1); } 
.tab_item .tab_item_box .blog_item .blog_item_box .blog-content-box a:hover svg path{ fill: #fff; }
.tab_item .tab_item_box .blog_item .blog_item_box a.blog_img{ width: 100%; height: 324px; line-height: 0; overflow: hidden; }
.tab_item .tab_item_box .blog_item .blog_item_box a.blog_img img{ width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: all 0.5s; }
.tab_item .tab_item_box .blog_item .blog_item_box a.blog_img:hover img{ transform: scale(1.1); }

/* faq */
.faq-solar-made{ padding: 50px 0 50px; position: relative; }
.faq-solar-made h2,.faq-video h2.faq_product h2,.faq_page_main h2{ padding: 0 0 72px; }
.faq-solar-made h2 span,.faq-video h2 span,.solar_panels h2 span,.faq_product h2 span,.faq_page_main h2 span{ -webkit-text-stroke: 6px rgba(18, 18, 18, 1);}
.faq-solar-made img{ margin-top: 45px; }
.faq-video{ padding: 50px 0px 100px; position: relative; }
.faq-video-inr .faq{ padding: 0; }
.faq-video-inr,.solar_panels_inr{ display: flex; justify-content: space-between; gap: 100px; padding: 50px 0 0;}
.faq-video-inr .faq-video-left,.faq-video-right{ max-width: 50%; width: 100%; position: relative; }
.faq-video-inr .question h3{ color: rgba(251, 250, 248, 1); font-size: 26px; line-height: 36px; }
.faq-video-inr .faq-video-left{border-radius: 48px 0 0 48px; overflow: hidden; line-height: 0;}
.faq-video-inr .faq-video-left video{ position: relative; width: 100%; /*height: 100%;*/ object-fit: cover; }
.faq-video-inr .faq-video-left .playvideo{ position: absolute; width: 120px; height: 120px; left: 50%; top: 50%; transform: translate(-50%, -50%);  }
.faq-video-inr .faq .item{ margin-bottom: 50px; }


.solar_panels_inr{ padding-top: 25px; }
.solar_panels_left{ max-width: 50%; width: 100%; background: rgba(59, 190, 234, 0.5); padding: 36px 44px; border-radius: 48px; }
.solar_panels_left h3{ font-size: 54px; line-height: 64px; }
.solar_panels_left h3:first-child,.solar-left h3:first-child{ padding-bottom: 80px; }
.solar_panels_left h3 strong{ color: rgba(59, 190, 234, 1); }
.solar_panels_right{ max-width: 50%; width: 100%; }
.solar_panels_right h3{ padding: 0 0 56px; font-size: 84px; line-height: 92px; -webkit-text-stroke: 6px rgba(18, 18, 18, 1);}

.faq-video-inr .faq .item:last-child{ margin-bottom: 0; }
section.faq-video.solar_systems .faq-systems{ max-width: 50%; width: 100%; display: flex; flex-direction: column; gap: 48px; }
.solar_systems .faq-systems .solar_systems_box{ width: 100%; line-height: 0; height: 520px; overflow: hidden; border-radius: 48px; position: relative; }
.solar_systems .faq-systems .solar_systems_box img{ width: 100%; height: 100%; object-fit: cover; }
.solar_systems_content{ position: absolute; left: 0px; bottom: 0px; width: 100%; padding: 0 36px 40px; }
.solar_systems_content h3{ font-size: 49px; line-height: 59px; padding: 0 0 24px; }
.solar_systems_content a{ display: block; text-align: left; position: relative; background-image: url(images/right_arrow.png); background-position: 96%; background-repeat: no-repeat;  }

.faq_product, .faq_page_main { padding: 0px 0 100px 0;}

.faq_page_main .answer{ text-align: left; }

/* def-page */ 
.def-page{padding: 50px 0;}
.def-page p { font-family: var(--body_font); color: var(--body_color); font-style: normal; margin: 0 0 15px; font-size: 20px; line-height: 30px; }
.def-page .right-img{float:right; margin:0 0 20px 40px; position: relative; z-index: 0; line-height: 0;}
.def-page .left-img{float:left; margin:0 40px 20px 0; position: relative; line-height: 0;}
.def-page .right-img img{border-radius: 36px; position: relative;}
.def-page .left-img img{border-radius: 36px; position: relative;}
.def-page h2, .def-page h3, .def-page h4, .def-page h5, .def-page h6 { margin: 0 0 15px 0; font-family: var(--heading-font); padding: 0px; color: var(--header); }

.def-page h1{ font-size: 80px; line-height: 90px;} 
.def-page h2{ font-size: 40PX; line-height: 50px;}
.def-page h3{ font-size: 32px; line-height: 42px;}
.def-page h4{ font-size: 30px; line-height: 38px;}
.def-page h5{ font-size:28px; line-height:35px; }
.def-page h6{font-size: 24px; line-height: 32px;}

.def-page ul {margin: 0; padding-bottom: 15px; overflow: hidden; max-width: inherit; width: inherit; padding-left: 0; }
.def-page ul li { list-style: none; font-size: 20px; color: var(--white-color); position: relative; padding: 8px 22px 8px 32px; }
.def-page ul li:before { content: ""; position: absolute; left: 6px; top: 19px; width: 14px; height: 14px; border-radius: 50%; background: #3bbeea; box-shadow: 0 0 0 5px rgba(59, 190, 234, 0.18), 0 6px 18px rgba(59, 190, 234, 0.35); }
.def-page ol{padding-left: 0; padding-bottom: 15px;}
.def-page ol li {list-style-type:none;counter-increment:item;font-size: 20px; color: var(--white-color); padding: 5px 0; }
.def-page ol li:before {display:inline-block; content: counter(item) ".";  color: var(--white-color);  padding-right:10px;}
.def-page ul.col-2, .def-page ul.col-3 { overflow: hidden }
.def-page ul.col-2 li{width: 50%;float: left;}
.def-page ul.col-3 li {width: 33.33%;float: left;}
.privacy-page ol { margin-bottom: 25px;}
.privacy-page ol>li:before { padding-right: 05px;}
.privacy-page .privacy-inner{ padding-left: 30px; margin-bottom: 20px;}
.privacy-page .privacy-inner ul{ margin-top: 05px; }
.privacy-page ul,.privacy-page ol{ margin-left:20px;}
.privacy-page ol li{padding: 5px 0px;}
.pagenotfound {width: 100%;display: block; padding: 70px 0px 80px; text-align: center;}
.pagenotfound h2 {font-size: 50px;font-weight: 600;}
.pagenotfound p{font-size: 16px;}
.thankyou {text-align: center;}
.thankyou h3 strong {font-size: 46px;}
.clearfix:after { clear: both; display: block; visibility: hidden; content: ""; }
.fl{float:left}.fr{float:right}.cl,.clear,.clr,.social_share{clear:both}.clearfix:after{clear:both;display:block;visibility:hidden;content:""}
.def-page a { color:#3BBEEA; display: inline; }
.def-page a:hover { color:var(--white-color); }
.def-page strong { font-size: 20px; } 


/* Sub_menu */
ul li ul.sub-menu { padding-left: 0; gap: 0 ; white-space: nowrap; background-color: var( --white-color ); display: block; border-radius: 5px; flex-direction: column; gap: 0; position: absolute; margin: 0; z-index: 3; margin-top: 11px; text-align: center; transform: scaleY(0); /* Hidden initially */ transition: all 0.3s ease; transform-origin: top; box-shadow: rgba(50, 50, 93, 0.15) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px; }
ul li:hover > ul.sub-menu { transform: scaleY(1); }
ul li ul.sub-menu li{ padding: 10px 15px; display: block; border-bottom: 1px solid black; }
ul li ul.sub-menu li::before{ display: none; }
ul li ul.sub-menu li:last-child{ border-bottom: 0; }
ul li ul.sub-menu li a{ color: var(--black-color); text-align: left; display: block; text-shadow: none !important; }
ul li ul.sub-menu li a:hover{ color: var(--btn-color); }
ul li ul.sub-menu li a::before{ display: none; }
ul li ul.sub-menu li > ul.sub-menu { left: 103%; top: 39px; }
.full_width { max-width: 100%!important; width: 100%!important; }

.independence-text-p.unleash_content { text-align: end; }
.independence-text-p.unleash_content .unplash-button{justify-content: end;}
.faq-main h2 span {-webkit-text-stroke: 3px #000;}
section.faq-main.faq_product.faq-main h2{text-align:left;}
.copyright_text { display: flex; }
.copyright_text ul li a { position: relative; margin-left: 10px; padding-left: 10px;
}.solar-text h2, .independence-text-p h2{ padding-bottom: 56PX;
}.solar-text.stroke.text-center H2 { white-space: nowrap;}

.copyright_text ul li a::before { content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 2px; height: 18px; background: rgba(255, 255, 255, 1); }
.bbb_logo img{background: #fff; padding: 7px; border-radius: 8px;width: 100%;} 
.bbb_logo { max-width: 194px; width: 100%; line-height: 0;
}
.stroke strong { -webkit-text-stroke: 3px rgba(0, 0, 0, 1); }
.solar_panels_left img { border-radius: 48px; }
.future-heading h2 { padding-bottom: 36px; }
.input-fild.submit_captcha { display: flex;gap: 20px; }
input.wpcf7-not-valid { border: 1px solid red !important; }
.wpcf7-not-valid-tip { display: none; }

.faq-video-inr.row-reverse .faq-video-left{ border-radius: 0 48px 48px 0;line-height: 0;}

section.smarter-solar-top.service h2, section.faq-solar-made.service h2, .faq-video-inr.row-reverse .common_div h2{ font-size:75.87px;}
.contact-from form h3 { flex: 0 0 100%; text-align: center;}
section.faq-solar-made.stroke.text-center h2{ font-size:73.73px;}
section.faq-video.stroke h2, section.faq-video.solar_systems h2, section.faq-main.faq_product h2,section.solar_panels h2 { padding-bottom: 56px; }
section.faq-main.faq_product h2 strong, section.faq-video.solar_systems h2 strong, section.solar_panels h2 strong{ -webkit-text-stroke: 3px rgba(0, 0, 0, 1); }
section.faq-main.text-center.faq_page_main { padding: 0;}
.faq-video-left.faq_page_video { height: 494px;border-radius: 48px;}
section.faq-main h2 { PADDING-BOTTOM: 72PX;text-align: center; }
.pagination-wrapper { display: flex; justify-content: center; align-items: center; margin-top:50px; }
.page-numbers { display: flex; align-items: center; gap: 12px; list-style: none; padding: 0; margin: 0; }
.page-numbers li { margin: 0; }

.page-numbers a, .page-numbers span { display: flex; justify-content: center; align-items: center; width: 42px; height: 42px; border-radius:15px; text-decoration: none; font-size: 18px; color: #fff; background: transparent; border: 1px solid #2d6f88; transition: all 0.3s ease; }

.page-numbers .current { background:var(--primary-color); color:var(--white-color); border-color: #2d6f88; }
.page-numbers a:hover { background:var(--primary-color); color:var(--white-color) }

.page-numbers .next { font-size: 22px; }

.tab_item .tab_item_box .blog_item .blog_item_box .blog-content-box > a:last-child{color: #3BBEEA;}
.tab_item .tab_item_box .blog_item .blog_item_box .blog-content-box > a:hover:last-child{color: var(--white-color) !important;}

.input-fild.recaptcha { max-width: 100% !important; width: 100%; } .input-fild.submit { width: 100%; max-width: 100% !important; }
.input-fild.full-width.select-input .wpcf7-form-control-wrap { position: relative; display: block;
}
.input-fild.full-width.select-input .wpcf7-form-control-wrap::before { content: ""; position: absolute; width: 10px; height: 10px; border-right: 2px solid #000; border-bottom: 2px solid #000; right: 30px; top: 50%; transform: translateY(-50%) rotate(45deg); pointer-events: none; z-index: 2;
}

.input-fild.full-width.select-input .wpcf7-form-control-wrap select.wpcf7-form-control  { width: 100%; appearance: none; -webkit-appearance: none; -moz-appearance: none; padding-right: 60px; }
span.wpcf7-list-item-label a { color:#3BBEEA; }
span.wpcf7-list-item-label a:hover{color: var(--white-color);}

span.wpcf7-list-item-label { font-size: 20px; line-height: 28px; }
.wpcf7 form .wpcf7-response-output { margin: 0; }
section.contact-from.career_page_form p { text-align: center; color: #3BBEEA; }
section.contact_dummy.career_page_form_content { padding: 0 0 50px;
}
section.contact_dummy.career_page h2,section.contact_dummy.career_page_form_content h3{ padding-bottom:24px; }

.wpcf7-response-output{font-size: 20px; width: 100%; text-align: center;}

select.wpcf7-not-valid,.custom-file-upload .wpcf7-not-valid{ border: 1px solid red !important;}

.custom-file-upload .wpcf7-not-valid-tip{display: block;}

.wpcf7-list-item { display: inline-block; margin: 0; }

.wpcf7-list-item input[type="checkbox"] { -webkit-appearance: none; appearance: none; width: 20px; height: 20px; border: 2px solid #29b6f6; border-radius: 3px; background: transparent; cursor: pointer; position: relative; margin-right: 10px; top: 7px; }

.wpcf7-list-item input[type="checkbox"]:checked { background: #29b6f6; }
.wpcf7-list-item input[type="checkbox"]:checked::after { content: "✓"; position: absolute; top: -2px; left: 3px; color: #fff; font-size: 14px; font-weight: bold;
}
.header-right nav ul li > ul.sub-menu li:hover > a, .header-right nav ul li > ul.sub-menu li.current-menu-item > a, .header-right nav ul li > ul.sub-menu li.current_page_item > a, .header-right nav ul li > ul.sub-menu li.current_page_parent > a, .header-right nav ul li > ul.sub-menu li.current_page_ancestor > a { color: var(--btn-color); }

.header-right nav > ul > li.current-menu-item > a, .header-right nav > ul > li.current_page_item > a, .header-right nav > ul > li.current_page_parent > a, .header-right nav > ul > li.current_page_ancestor > a { color: var(--btn-color); }



/* sahal 10-08-2026 */
body p > a ,.common_div ul li a{ color: var(--btn-color);}
body p > a:hover,.common_div ul li a:hover{ color: var(--white-color);}

/* ul li css */
ul {padding: 0 0 20px; overflow: hidden; }
ul li { position: relative; padding: 8px 22px 8px 32px; }
ul.col-2 li:before, ul.col-3 li:before, ul li:before { content: ""; position: absolute; left: 6px; top: 22px; width: 8px; height: 8px; border-radius: 50%; background: #3bbeea; box-shadow: 0 0 0 5px rgba(59, 190, 234, 0.18), 0 6px 18px rgba(59, 190, 234, 0.35); }

.header-right ul , footer ul  { padding: 0; overflow: visible;}
.header-right ul li, footer ul li ,.tabing ul li ,.pagination-wrapper ul li { padding: 0;}
.header-right ul li::before, footer ul li::before ,.tabing ul li::before ,.pagination-wrapper ul li::before {display: none;}
/* .solar-common-list ul li::before{ background-color: transparent;} */
.common_div ul li::before,.solar-common-list ul li::before{ top: 18px;}
.smarter-solar-top ol{ margin: 0 0 15px;}
.faq-video.service .faq-video-inr.row-reverse .faq-video-right{ padding-right: 0;}
.faq-video.service .faq-video-inr.row-right .faq-video-right{ padding-left: 0;}
.faq-video.service .faq-video-inr .faq-video-right.pd_left_40 { padding-left: 40px !important;}
.faq-video.service .faq-video-inr .faq-video-right.pd_right_40 { padding-right: 40px;}

.common_div ul li { position: relative;  font-size: 22px; line-height: 30px; font-family: var(--heading-font); padding: 9px 0 42px 76px;}
.common_div ul li::before{ content: ''; position: absolute; left: 0; top: 0; background-image: url(images/plus.png); background-position: center; background-repeat: no-repeat; width: 48px; height: 48px; background-color:transparent; box-shadow: none; } 
.panel_section_1 ul li,.panel_section_2 ul li { position: relative; padding: 9px 0 42px 76px;}
.panel_section_1 ul li::before,.panel_section_2 ul li::before { content: ''; position: absolute; left: 0; top: 0; background-image: url(images/plus.png); background-position: center; background-repeat: no-repeat; width: 48px; height: 48px; background-color:transparent; box-shadow: none; } 
.header-button { display: flex; align-items: center; gap: 10px; }
a.button.call_icon { padding: 31px; position: relative; transition: 0.3s all; }
.header-button a.call_icon::before { content: ''; position: absolute; left: 50%; top: 50%; background: url(images/phone.png) no-repeat center; background-size: 100%; width: 28px; height: 28px; transform: translate(-50%, -50%); }
.header-button a.call_icon:hover::before {filter: brightness(0) saturate(100%) invert(77%) sepia(11%) saturate(7470%) hue-rotate(162deg) brightness(93%) contrast(96%);}
.secondary_page_section.smarter-solar-content { padding-top: 0; }
.secondary_page_section h2,
.secondary_page_section h3{ padding-bottom: 20px;}
/* sahal 10-08-2026 */


section.independence.def-page img{ width: auto; height: fit-content; }
section.independence.def-page p{ margin-bottom: 25px; }
section.independence.def-page p,section.independence.def-page ul li{ font-size: 28px; line-height: 36px; }
section.independence.def-page h2{ font-size: 84px; line-height: 1.2; }
.independence-text-h2.right-img{ margin-left: 100px; }
.independence-text-h2.left-img{ margin-right: 100px; }
.independence-text-h2.right-img,.independence-text-h2.left-img{ width: auto; }
section.independence.def-page ul{ width: auto; }
section.independence.def-page a.button{ display: block; color: var(--white-color); width: fit-content; } 
.left-img.faq_page_video{ position: relative; max-width: 730px; width: 100%; margin-right: 100px; height: 494px; }
.left-img.faq_page_video video{ width: 100%; height: 100%; border-radius: 48px; object-fit: cover; }
.faq-video-right-new .faq .item{ overflow: hidden; }
.faq-video-right-new .faq .answer p{ font-size: 24px; line-height: 36px; }
.faq-video-right-new h3{ margin-bottom: 0; }
.left-img.faq_page_video .playvideo { position: absolute; width: 120px; height: 120px; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.right_map iframe{ width: 730px; height: 640px; border-radius: 36px; } 


.about-logo h3 { text-align: center; padding-bottom: 35px; }

/* 21-08-2026 */
section.contact-from.career_page_form::before{  content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.55); backdrop-filter: blur(7px); -webkit-backdrop-filter: blur(7px);}
.read-more-content { display: none; }

.contact-item > p > span { display: block; margin-top: 4px; color: rgb(210, 210, 210); font-size: 20px; line-height: 28px; font-family: var(--body-font); }

.solar-common-leftfull_width ul{ display: block; }


/* media */
@media(max-width:1800px){
h1,.h1{ font-size:75px; line-height: 85px;}
h2,.h2 { font-size: 70px; line-height:80px;}
h3,.h3 { font-size:52px; line-height:62px; }
h4,.h4 { font-size:32px; line-height: 42px;}
h5,.h5{ font-size:28px; line-height:38px; }
h6,.h6{ font-size:24px; line-height:34px; }
body{font-size: 26px; line-height: 36px;}

.bnr-text{ font-size: 26px; line-height: 36px; }
.banner-img img{ object-fit: cover; }
.banner { padding: 400px 0; }
.independence { padding: 60px 0; }
.solar-left{ gap: 60px; }
.solar-energy { padding: 0 0 60px; }
.process-left h3 { font-size: 36px; }
.independence-inr{ gap: 70px; }
.process-left h3{ font-size: 24px; }
.process-right{ max-width: 70%; padding: 28px 40px;}
.process-left { max-width: calc(30% - 80px); }

.founder-text h3:first-child { padding-bottom: 60px; }
section.faq-main h2 { PADDING-BOTTOM: 50PX; }
.review-slider { padding: 80px 0 68px; }
footer .footer-top h2 { font-size: 50px; line-height: 60px; }
header { padding: 19px 24px 19px; }
nav ul { gap: 35px; }
.header-right { gap: 35px; }
.header-logo img { max-width: 85%; width: 100%; height: auto; }
nav ul li a { font-size: 21px; line-height: 27px; }
.header-button a { padding: 15px; font-size: 16px; }
a.button.call_icon { padding: 25px; }
.header-button a.call_icon::before { width: 22px; height: 22px; }
.tabing { padding: 60px 0; }
.def-page ul li:before,.def-page ul li.col-2:before,.def-page ul li.col-3:before{     left: 6px; top: 18px; width: 12px; height: 12px;}
.process-list { gap: 58px; }

}


@media(max-width:1600px){
h1,.h1{ font-size:70px; line-height: 80px;}
h2,.h2 { font-size: 60px; line-height:70px;}
h3,.h3 { font-size:48px; line-height:58px; }
h4,.h4 { font-size:30px; line-height: 40px;}
h5,.h5{ font-size:28px; line-height:38px; }
h6,.h6{ font-size:24px; line-height:34px; }
body{font-size: 24px; line-height: 34px;}


.privacy-page .privacy-inner {padding-left: 20px;margin-bottom: 0px;}
/* .def-page ol li{font-size: 18px;} */
.pagenotfound {padding: 50px 0px;}
.pagenotfound h2 {font-size: 36px;}
.pagenotfound p {font-size: 20px;}
.def_page_otr { padding: 60px 0; }
.def-page h2,.def-page .h2{ font-size: 38px; line-height: 45px;} 
.def-page h3,.def-page .h3{font-size: 35px; line-height: 45px;}
.def-page h4,.def-page .h4{font-size:32px; line-height:42px; }
.def-page h5,.def-page .h5{font-size:23px; line-height:32px; }

.bnr-text h1 { font-size: 50px; line-height: 60px; }
.bnr-text { font-size: 24px; line-height: 34px; }
.btn-one,.btn-two{ font-size: 18px; padding: 14px 34px; } 
a.btn, button, input[type=image], input[type=submit], input[type=button], .button,.solar-button .button{font-size: 18px; padding: 18px 34px; } 
.banner { padding: 400px 0 250px; }
.independence-inr { gap: 50px; }
.solar-box{  gap: 60px; }
.solar_panels_left h3:first-child, .solar-left h3:first-child { padding-bottom: 40px; }
.solar-box img{ height: 100%; }
.process-heading { text-align: center; margin-bottom: 40px; }
.process-left h3 { font-size: 20px; }
.process-item::before{ width: 116px;height: 116px; }
.process-list{ gap: 50px; }
.founder-box{ gap: 60px; }
.founder-text h3:first-child { padding-bottom: 30px; }
.company-founder { padding-bottom: 60px;}
.review-heading span{ font-size: 66px; line-height: 82px; }
.review-heading{     padding-bottom: 50px; }
.review-slider { padding: 60px 0; }
footer .footer-top{     padding: 30px 0; }
footer .footer-top h2 { font-size: 47px; line-height: 57px; }

nav ul li a { font-size: 16px; line-height: 23px; }
nav ul { gap: 25px; }
.def-page ul li:before, .def-page ul li.col-2:before, .def-page ul li.col-3:before { left: 6px; top: 20px; width: 10px; height: 10px; }

}

@media(max-width:1399px){
h1,.h1{ font-size:62px; line-height: 72px;}
h2,.h2 { font-size: 54px; line-height:64px;}
h3,.h3 { font-size:42px; line-height:52px; }
h4,.h4 { font-size:28px; line-height: 38px;}
h5,.h5{ font-size:26px; line-height:36px; }
h6,.h6{ font-size:24px; line-height:34px; }
body{font-size: 22px; line-height: 32px;}

nav ul{ gap: 15px; }
.header-right { gap: 20px; }
header { padding: 15px 20px 15px; }
.header-logo img { max-width: 100%;}
.header-left{ max-width: 282px; }
.bnr-text { font-size: 22px; line-height: 32px; max-width: 100%; }
.bnr-text h1 { font-size: 45px; line-height: 60px; }
.banner { padding: 0; }
.banner-img { position: relative;}
.bnr-inr-text { position: absolute; bottom: 33%; }
.bnr-text { font-size: 22px; line-height: 32px; max-width: 80%; }
.independence-text-h2 h2 span,.process-heading h2 span{ -webkit-text-stroke: 2.75px rgba(0, 0, 0, 1); }
.independence { padding: 50px 0; }
.independence-gallery .gallery-box,.independence-gallery .gallery-box .gallery_item_right{ gap: 30px; }
.independence-gallery .gallery-box .gallery_item_left,.independence-gallery .gallery-box .gallery_item_right .common_img,.solar-right,.solar-upper img,.solar-box img,.box-left, .box-right{ border-radius: 15px;}
.solar-lower {  border-radius: 15px; padding: 20px 30px 20px 30px; height: auto; }
.solar_panels_left h3:first-child, .solar-left h3:first-child { padding-bottom: 25px; }
.solar-right img { height: 854px; width: 100%; }
.process-left h3 { font-size: 22px; }
.process-list { gap: 40px; } 
.process-item::before { font-size: 44px; line-height: 54px; }
.founder-text { padding: 30px; }
.founder-text p { font-size: 24px;}
.company-founder { padding-bottom: 50px; }
section.faq-main h2 { PADDING-BOTTOM: 20PX; }
.review-heading span { font-size: 58px; line-height: 62px; -webkit-text-stroke: 2.75px #000; }
.review-heading { padding-bottom: 30px; }
.review-slider { padding: 50px 0; }
footer .footer-top h2 { font-size: 40px; line-height: 57px; }
.footer-bottom-inr{ gap: 100px; }
.footer-bottom-inr .footer-logo { max-width: 220px;}
.footer-right { max-width: 71%;}
.faq .question{ padding: 20px 5px; }
.faq .question h3{ font-size: 26px; line-height: 36px }
.faq .item{ margin-bottom: 16px; }
.footer-bottom { padding: 50px 0 30px;}


    .process-item::before {
        width: 100px;
        height: 100px;
        font-size: 44px;
        line-height: 54px;
    }

    .process-right {
        max-width: 66%;
        padding: 20px 32px;
    }





}


@media(max-width:1199px){
h1,.h1{ font-size:55px; line-height: 65px;}
h2,.h2 { font-size:48px; line-height:58px;}
h3,.h3 { font-size:38px; line-height:48px; }
h4,.h4 { font-size:28px; line-height: 38px;}
h5,.h5{ font-size:26px; line-height:36px; }
h6,.h6{ font-size:22px; line-height:32px; }
body{font-size: 20px; line-height: 28px;}

/* default page css */
.def-page { padding: 40px 0; }
.def-page p{ margin-bottom: 20px; }
.def_page_otr, .detail_page.def-page { padding: 40px 0; }
.def-page .left-img{width: 50%;}
.privacy-page .privacy-inner ul {margin-top: 0;}
.privacy-page ul, .privacy-page ol {margin-left: 15px;}
.def-page ul {padding-bottom: 10px;}
.privacy-page ol {padding-left: 0px;}
.def-page .right-img{width: 50%;}
.pagenotfound {padding: 40px 0px;}
.pagenotfound h2 {font-size: 32px;}
.def_page_otr { padding: 40px 0; }
.def-page h2,.def-page .h2{ font-size: 32px; line-height: 40px;} 
.def-page h3,.def-page .h3{font-size: 28px; line-height: 36px;}
.def-page h4,.def-page .h4{font-size: 26px; line-height: 34px;}
.def-page h5,.def-page .h5{font-size: 24px; line-height: 32px;}
.def-page ul li:before { top: 17px; width: 10px; height: 10px; }
.privacy-page ol { margin-bottom: 15px; }

p { margin: 0 0 18px; }
.footer-bottom-inr { gap: 70px; }
.footer-right{ gap: 20px; }
.footer-right .footer-list label{ font-size: 20px; line-height: 28px; }
footer .footer-top h2 { font-size: 33px; line-height: 45px; }
.footer-bottom { padding: 40px 0 30px; }
.review-heading span { font-size: 52px; line-height: 59px;}
.review-slider { padding: 40px 0; }
.founder-box,.solar-box,.solar-left,.independence-inr{ gap: 40px; }
.solar_panels_left h3:first-child, .solar-left h3:first-child { padding-bottom: 15px; }
.solar-box{ align-items: flex-start; }
.solar-right img { height: 778px; width: 100%; }
.solar-energy { padding: 0 0 40px; }
.bnr-text{ max-width: 90%; font-size: 20px; line-height: 30px;}
.bnr-button { gap: 22px; }
.bnr-inr-text { position: absolute; bottom: 30%; }
.bnr-text h1 { font-size: 41px; line-height: 56px; }
.btn-one, .btn-two { font-size: 18px; padding: 14px 22px; }
.process-right { max-width: 532px; padding: 25px 31px; border-radius: 50px; }
.process-left h3 { font-size: 20px; line-height: 30px; }
.header-button a.button{ padding: 0; width: 52px; height: 50px; border-radius: 50%; font-size: 0; }
.header-button a.button.estimate{ background-image: url(images/budget_icon.png); background-size: 29px; background-position: center; background-repeat: no-repeat; }


.def-page table tr td ul li { font-size: 17px; }
.def-page table td { padding: 10px 14px;}
.def-page ul li:before, .def-page ul li.col-2:before, .def-page ul li.col-3:before { left: 6px; top: 20px; width: 9px; height: 9px; }

.def-page table tr td strong { font-size: 19px;}

.table_main table{ width: 900px !important;}
.table_main{overflow-x: auto;   scrollbar-width: auto; scrollbar-color: var(--primary-color) #f5f5f5; margin-bottom: 20px;}
  



}

@media(max-width:1023px){
h1,.h1{ font-size:50px; line-height: 60px;}
h2,.h2 { font-size:44px; line-height:54px;}
h3,.h3 { font-size:34px; line-height:44px; }
h4,.h4 { font-size:26px; line-height: 36px;}
h5,.h5{ font-size:24px; line-height:34px; }
h6,.h6{ font-size:22px; line-height:32px; }
body{font-size: 20px; line-height: 28px;}


.def_page_otr, .detail_page.def-page { padding: 35px 0; }  
.def-page { padding: 35px 0; }
.def-page p { margin-bottom: 15px; }
.def-page ul {padding-bottom: 15px;}
.def-page ol{padding-left: 0;}
.def-page .left-img{margin: 0px 20px 10px 0;}
.privacy-page .privacy-inner ul {margin-top: 0px;}
.privacy-page ol {margin: 0px 0 10px;}
.privacy-page ul, .privacy-page ol {margin-left: 10px;}
.def-page ul {padding-bottom: 10px;}
.privacy-page .privacy-inner {padding-left: 15px;margin-bottom: 0;}
.def-page .right-img{margin: 0 0 10px 20px;}
.pagenotfound {padding: 30px 0px;}
.pagenotfound h2 {font-size: 26px;}
.pagenotfound p {font-size: 17px;}
.def_page_otr { padding: 30px 0; }
/* .def-page ul li::before { top: 8px; } */
.def-page ul li { font-size: 19px; }
.def-page strong { font-size: 19px; }
.def-page ul.col-3 li { width: 50%; }
 .def-page h2,.def-page .h2,.cluster-contend h2{ font-size: 30px; line-height: 40px;} 
.def-page h3,.def-page .h3{font-size: 24px; line-height: 38px;}
.def-page h4,.def-page .h4{font-size:25px; line-height:30px; }
.def-page h5,.def-page .h5{font-size:22px; line-height:28px; }
.def-page ul li, .def-page ol li{font-size: 18px;line-height: 26px;}
.def-page p { font-size: 18px; line-height: 26px; }
.def-page ul li:before { top: 15px; }
.def-page ul li { padding: 8px 15px 8px 27px; }


.def-page  table th { font-size: 18px; padding: 14px 16px; }

}

@media(max-width:991px){
.independence { padding: 40px 0; }
.independence-inr {flex-wrap: wrap; gap: 12px; }
a.btn, button, input[type=image], input[type=submit], input[type=button], .button, .solar-button .button { font-size: 16px; padding: 18px 24px; }
.independence-text-h2 h2 br{ display: none; }
.independence-text-h2 h2 span{ padding: 0 5px; display: inline-block;}
.page-template-home .independence-text-h2 img { border-radius: 0; width: 80%; margin: 0 auto; display: block; }
.independence-text-p.unleash_content { text-align: left; }
.independence-text-p.unleash_content .unplash-button { justify-content: flex-start; }

.process-item{ flex-wrap: wrap; gap: 10px; }
.process-left { height: 75px; max-width: 95%; padding: 0 30px 0 50px; }
.process-item::before { font-size: 44px; line-height: 54px; top: 0; width: 75px; height: 75px; }
.process-right { max-width: 100%; padding: 20px 28px; border-radius: 40px; }
.process-heading { text-align: center; margin-bottom: 30px; }
.box-right img { width: 100%; height: 100%; object-fit: cover; }
.faq .icon:before{ width: 30px;}
.faq .icon:after{ height: 30px; }
.faq .question h3 { font-size: 24px; line-height: 34px; }
.review-heading span { font-size: 41px; line-height: 55px; }
footer .footer-top h2 { font-size: 30px; line-height: 43px; }
.footer-bottom-inr { gap: 70px; flex-wrap: wrap; }
.footer-bottom-inr .footer-logo { max-width: 220px; margin: 0 auto; }
.footer-right { max-width: 100%; }
footer .footer-top { padding: 20px 0; }
.bnr-text { max-width: 100%; font-size: 20px; line-height: 28px; }
.bnr-button { gap: 15px; flex-wrap: wrap; }
.bnr-inr-text { position: absolute; bottom: 6%; }
.bnr-text h1 { font-size: 36px; line-height: 50px; }
.header-right{ display: block; }
.header-right nav{ position: fixed; width: 60%; height: 100vh; right: 0; top: 0; padding: 50px 20px 20px; transform: translateX(100%); transition: all 0.5s;    background: rgba(38, 104, 126, 1); z-index: 1; }
.header-right nav ul{ display: block; }
.header-right nav ul li{ padding: 12px 0; border-bottom: 2px solid #fff; }
.header-right nav ul li a{ font-size: 18px; } 
.header-right.open nav{ transform: translateX(0%);}
.menu-toggle { width: 30px; height: 24px; display: flex; flex-direction: column; justify-content: space-between; cursor: pointer; }
.menu-toggle span { display: block; width: 100%; height: 3px; background: var(--white-color); border-radius: 2px; }
.menu-toggle.active span:nth-child(1) { transform: translateY(10.5px) rotate(45deg); }
.menu-toggle.active span:nth-child(2) { opacity: 0; }
.menu-toggle.active span:nth-child(3) { transform: translateY(-10.5px) rotate(-45deg); }
.menu-toggle span { transition: 0.3s ease; }
.header-button{ gap: 15px; }
.menu-toggle.active { position: fixed; z-index: 2; top: 16px; right: 21px; }
.menu-expand { display: block; cursor: pointer; width: 25px; height: 25px; background: #fff; position: absolute; right: 2px; top: 14px; border-radius: 4px; }
.menu-expand::before { content: ''; border-top: 1px solid #000; border-left: 1px solid #000; content: ''; transition: .2s; position: absolute; width: 8px; height: 8px; border-top: 2px solid #000; border-left: 2px solid #000; transform: rotate(224deg); top: 7px; left: 9px; }
.menu-expand.menu-clicked::before { transform: rotate(45deg) translateY(-50%); top: 50%; left: 6px; }
.header-right nav ul li>ul.sub-menu { transform: scale(1); transition: none; position: relative; top: auto; left: auto; display: none; }
.faq .answer{ font-size: 18px; }












}


@media(max-width:767px){
h1,.h1{ font-size:45px; line-height: 55px;}
h2,.h2 { font-size:38px; line-height:50px;}
h3,.h3 { font-size:30px; line-height:40px; }
h4,.h4 { font-size:24px; line-height: 34px;}
h5,.h5{ font-size:22px; line-height:32px; }
h6,.h6{ font-size:20px; line-height:30px; }
body{font-size: 18px; line-height: 26px;}

.def-page .right-img img {width: 100%;margin-left: 0;}
.def-page { padding: 30px 0 30px; }
.def-page p{ margin-bottom: 12px; }
.def-page h2 { font-size: 35px; line-height: 40px;}
.def-page h2,.def-page .h2,.cluster-contend h2{ font-size: 28px; line-height: 36px;}
.def-page h3,.def-page .h3{font-size: 24px; line-height: 32px;}
.def-page h4,.def-page .h4{font-size: 23px; line-height: 30px;}
.def-page h5,.def-page .h5{font-size: 22px; line-height: 29px;}

.def-page ul.col-3 li,.def-page ul.col-2 li  {width: 100%;}
.def-page ul li, .def-page ol li {font-size: 18px;}
.def-page .left-img{margin: 0px 0px 18px 0;float: none;width: 100%;text-align: center;}
.privacy-page ul, .privacy-page ol {margin-left: 10px;}
.def-page ul {padding-bottom: 10px;}
.def-page strong { font-size: 18px; }
.privacy-page .privacy-inner {padding-left: 10px;margin-bottom: 0;}
.privacy-page .privacy-inner ul {margin-top: 0;}
.def-page .right-img{margin: 0 0 15px 0px;width: 100%;float: none;text-align: center;}
.pagenotfound { padding: 25px 0px 10px; }
.pagenotfound h2 {font-size: 22px;}
.pagenotfound p {font-size: 16px;}
.def-page p{font-size: 18px;}




.independence-gallery .gallery-box, .independence-gallery .gallery-box .gallery_item_right { gap: 15px; }
.independence-gallery .gallery-box{ flex-wrap: wrap; }
.independence-gallery .gallery-box .gallery_item_left,.independence-gallery .gallery-box .gallery_item_right,.solar-left,.solar-right,.box-left,.box-right{ max-width: 100%; }
.page-template-home .independence-text-h2 img{  width: 100%; }
a.btn, button, input[type=image], input[type=submit], input[type=button], .button, .solar-button .button { font-size: 16px; padding: 15px 21px; }
.solar-box { align-items: flex-start; flex-wrap: wrap; }
.founder-box, .solar-box, .solar-left, .independence-inr { gap: 20px; }
.solar-right img { height: 100%; width: 100%; max-height: 440px; object-fit: cover; }
h3#solar br{ display: none; }
.solar-energy { padding: 0 0 30px; }
.independence { padding: 30px 0; }
.process-left h3 { font-size: 18px; line-height: 30px; }
.process-left { height: 75px; max-width: 91%; padding: 0 23px 0 50px; }
.process-right {  padding: 13px 25px; }
.process-item::before { font-size: 34px; line-height: 44px;}
.founder-box{ flex-wrap: wrap; }
.company-founder { padding-bottom: 30px; }
.faq .question { padding: 15px 5px; }
.faq .question h3 { font-size: 20px; line-height: 32px; }
.review-heading span { font-size: 36px; line-height: 43px; }
.images-slider{ margin: 0; }
.review-slider { padding: 30px 0 20px; }
.footer-bottom { padding: 30px 0; }
.footer-right { max-width: 100%; flex-wrap: wrap; }
.footer-right .footer-list { width: 47%; }
.footer-right .footer-list p a, .footer-right .footer-list ul li a, .footer-right .footer-list p { font-size: 16px; line-height: 22px; word-break: break-all; }
.copyright{ flex-wrap: wrap;     padding-top: 17px;}
.copyright_text { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 0; padding: 0 0 15px; }
.bbb_logo{ margin: 0 auto; }
.footer-bottom-inr{ padding-bottom: 20px; }
.header-left { max-width: 222px; }
.header-button a.button{ width: 40px; height: 40px; }
.header-button a.call_icon::before { width: 19px; height: 19px; }
.header-button a.button.estimate{ background-size: 21px; }
.header-right nav{ width: 70%; }
.header-right nav ul li a { font-size: 16px; }
.btn-one, .btn-two { font-size: 16px; padding: 12px 18px; }
.bnr-text h1 { font-size: 30px; line-height: 40px; color: var(--white-color); }
.bnr-inr-text,.bnr-text{ position: relative; bottom: 0; color: #fff; }
.btn-two{ color: var(--white-color); }
/* .faq .answer{ font-size: 18px; } */
.faq .question h3 { font-size: 18px; line-height: 28px; }
.footer-bottom-inr { gap: 30px;}



.table_main table { width: 800px !important; }









}

@media(max-width:499px){
h1,.h1{ font-size:40px; line-height: 50px;}
h2,.h2 { font-size:32px; line-height:42px;}
h3,.h3 { font-size:26px; line-height:36px; }
h4,.h4 { font-size:24px; line-height: 34px;}
h5,.h5{ font-size:22px; line-height:32px; }
h6,.h6{ font-size:20px; line-height:30px; }
body{font-size:18px; line-height: 24px;}

.def-page h2, .def-page h3, .def-page h4, .def-page h5, .def-page h6 { margin: 0 0 8px 0;}
.def-page p{font-size: 17px;}
.def-page { padding: 25px 0px; }
.def_page_otr, .detail_page.def-page { padding: 20px 0; }
.def-page { padding: 20px 0; }
.def-page h2,.def-page .h2{ font-size: 24px; line-height: 32px;}
.def-page h3,.def-page .h3{font-size: 20px; line-height: 28px;}
.def-page h4,.def-page .h4{font-size:20px; line-height:28px; }
.def-page h5,.def-page .h5{font-size:19px; line-height:26px; }
.def-page ul li, .def-page ol li { font-size: 17px; line-height: 24px; }
.privacy-page ol {margin: 5px 0 5px;}
.privacy-page ul, .privacy-page ol {margin-left: 8px;}
.pagenotfound { padding: 20px 0px 5px; }
.pagenotfound h2 {font-size: 20px;}
.pagenotfound p {font-size: 15px;}
/* .def-page ul li { padding: 11px 0px 10px 30px; } */
.def_page_otr { padding: 20px 0; }

.btn-one, .btn-two { font-size: 14px; padding: 10px 16px; text-align: left; line-height: 20px;}
h3#solar br { display: inline; }
.solar-text-inr { left: 0; gap: 10px; width: 100%; flex-direction: column; padding: 0 12px; }
.solar-right img { height: 100%; width: 100%; max-height: 350px; object-fit: cover; }
.solar-lower { padding: 15px; }
.independence-gallery .gallery-box .gallery_item_right .common_img { max-width: 100%; height: 300px; }
.independence-gallery .gallery-box .gallery_item_right{ flex-wrap: wrap; }
p { margin: 0px 0 15px; }
a.btn, button, input[type=image], input[type=submit], input[type=button], .button, .solar-button .button { font-size: 16px; padding: 13px 20px; }
.process-left h3 { font-size: 16px; line-height: 28px; }
.process-item::before { font-size: 30px; line-height: 40px; }
.process-right { padding: 12px 20px; border-radius: 20px; }
.process-list { gap: 30px; } 
.founder-text { padding: 20px; }
.founder-text h3:first-child { padding-bottom: 15px; }
footer .footer-top h2 { font-size: 26px; line-height: 34px; }
.footer-right .footer-list { width: 100%; }
.footer-right .footer-list label { font-size: 18px; line-height: 28px; }
.header-button a.button { width: 30px; height: 30px; }
.header-left { max-width: 182px; }
.header-button a.call_icon::before { width: 16px; height: 16px; }
.header-button a.button.estimate { background-size: 19px; }
.header-right nav { width: 90%; }
.header-right nav ul li a { font-size: 14px; }
.header-button { gap: 12px; }
span.wpcf7-list-item-label { font-size: 18px; line-height: 26px; }
.wpcf7-list-item input[type="checkbox"] { width: 16px; height: 16px; border: 2px solid #29b6f6; margin-right: 5px; top: 7px; }


.table_main table { width: 730px !important; }





}

@media(max-width:374px){
h1,.h1{ font-size:35px; line-height: 50px;}
h2,.h2 { font-size:28px; line-height: 36px;}
h3,.h3 { font-size:24px; line-height:34px; }
h4,.h4 { font-size:22px; line-height: 32px;}
h5,.h5{ font-size:21px; line-height:30px; }
h6,.h6{ font-size:20px; line-height:30px; }

.bnr-text h1 { font-size: 28px; line-height: 35px;}
.independence-text-h2 h2 span, .process-heading h2 span { -webkit-text-stroke: 1px rgba(0, 0, 0, 1); }
.founder-box, .solar-box, .solar-left, .independence-inr { gap: 10px; }
.process-left { height: 80px; max-width: 88%; padding: 0 23px 0 50px; }
.process-item::before { font-size: 33px; line-height: 40px; width: 80px; height: 80px; }
.process-left h3 {  line-height: 25px; }
footer .footer-top h2 { font-size: 24px; line-height: 32px; }
.faq .question { padding: 15px 15px 15px 5px; }
.faq .icon{  right: -5px; }
header { padding: 12px 13px 12px; }
.header-left { max-width: 162px; }

}