@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto+Flex:opsz,wght@8..144,100..1000&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

img {-webkit-mask-image: linear-gradient(45deg,#000 25%,rgba(0,0,0,.2) 50%,#000 75%);mask-image: linear-gradient(45deg,#000 25%,rgba(0,0,0,.2) 50%,#000 75%);-webkit-mask-size: 800%;mask-size: 800%;-webkit-mask-position: 0;mask-position: 0;}
img:hover {transition: mask-position 2s ease,-webkit-mask-position 2s ease;-webkit-mask-position: 120%;mask-position: 120%;opacity: 1;}

.savings-calculator .btn {background: #2d7d32;font-size: 18px;padding: 15px;}
.savings-calculator .form-group {margin-bottom: 10px;}
.savings-calculator input, textarea {padding: 15px;font-family: "Roboto",serif;}
.hero-card {padding: 32px 40px;}
.savings-result {margin-top: 15px;}

.easy-steps {padding: 60px 0;}
.easy-steps .section-header h2 {font-size: 3em;}
.easy-steps .steps-grid {display: grid;grid-template-columns: 24% 24% 24% 24%;justify-content: space-between;}
.easy-steps .steps-grid .steps-card {background: white;border-radius: 12px;padding: 24px;box-shadow: var(--shadow-md);transition: var(--transition);text-align: center;position: relative;border: #eee 1px solid;}
.easy-steps .steps-grid .steps-card:hover {box-shadow: var(--shadow-lg);}
.easy-steps .steps-grid .steps-card .num {font-family: var(--fontPoppins);font-size: 10em;color: #000;opacity: 0.06;font-weight: 700;position: absolute;left: -60px;top: 0;}
.easy-steps .steps-grid .steps-card .icon {background: #d5ecd7;display: inline-grid;padding: 10px;border-radius: 50%;height: 90px;width: 90px;justify-content: center;align-items: center;}
.easy-steps .steps-grid .steps-card .icon img {width: 50px;}
.easy-steps .steps-grid .steps-card .info {}
.easy-steps .steps-grid .steps-card .info h3 {font-size: 22px;padding: 15px 0;font-family: var(--fontRobotoFlex);}
.easy-steps .steps-grid .steps-card .info p {font-size: 15px;font-family: var(--fontRoboto);}

.achievements .section-header h2 {color: #fff;}
.achievements .section-header p {color: #fff;}
.sticky-header {background: rgba(0,0,0,0.6) !important;}

.impact {padding: 60px 0;}
.impact .section-header {margin-bottom: 40px;}
.impact .impact-grid {display: grid;grid-template-columns: 24% 24% 24% 24%;justify-content: space-between;}
.impact .impact-grid .impact-card {background: white;border-radius: 12px;padding: 24px;box-shadow: var(--shadow-md);transition: var(--transition);text-align: center;position: relative;border: #eee 1px solid;}
.impact .impact-grid .impact-card .icon {margin-bottom: 10px;}
.impact .impact-grid .impact-card .icon img {width: 50px;}
.impact .impact-grid .impact-card .info {}
.impact .impact-grid .impact-card .info h3 {}
.impact .impact-grid .impact-card .info p {}

.stats {padding: 60px 0;background: #fbfafa;}
.stats .section-header {margin-bottom: 40px;}
.stats .stats-grid {display: grid;grid-template-columns: 24% 24% 24% 24%;justify-content: space-between;}
.stats .stats-grid .stats-card {background: white;border-radius: 12px;padding: 30px;box-shadow: var(--shadow-md);transition: var(--transition);text-align: center;position: relative;border: #eee 1px solid;}
.stats .stats-grid .stats-card .icon {margin-bottom: 10px;}
.stats .stats-grid .stats-card .icon img {width: 50px;}
.stats .stats-grid .stats-card .info {}
.stats .stats-grid .stats-card .info h3 {font-size: 60px;margin-bottom: 8px;}
.stats .stats-grid .stats-card .info p {font-size: 18px;line-height: 26px;}
.stats .stats-grid .stats-card:nth-child(1) .info h3 {color: var(--primary);}
.stats .stats-grid .stats-card:nth-child(2) .info h3 {color: var(--secondary);}
.stats .stats-grid .stats-card:nth-child(3) .info h3 {color: var(--accent);}
.stats .stats-grid .stats-card:nth-child(4) .info h3 {color: var(--primary);}


.choosetype {padding-top: 0;padding-bottom: 0;}
.choosetype .choosetype-grid {display: grid;grid-template-columns: 33% 34% 33%;}
.choosetype .choosetype-grid .choosetype-col {position: relative;content: ""}
.choosetype .choosetype-grid .choosetype-col:hover::before {content: "";background: rgba(0,0,0,0.6);position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;transition: var(--transition);}
.choosetype .choosetype-grid .choosetype-col img {width: 100%;height: 100%;object-fit: cover;transition: var(--transition);}
.choosetype .choosetype-grid .choosetype-col .text {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 2;}
.choosetype .choosetype-grid .choosetype-col .text a {color: #fff;text-decoration: none;font-size: 24px;border: #fff 2px solid;padding: 12px 40px;min-width: 250px;display: inline-block;text-align: center;font-family: var(--fontRoboto); background: rgba(0,0,0,0.4);transition: var(--transition);font-weight: 500;}
.choosetype .choosetype-grid .choosetype-col:hover .text a {/*border:0;*/background: rgba(0,0,0,0.0);transition: var(--transition);}
.choosetype .choosetype-grid .choosetype-col .text a:hover {background:#fff;color:#000}

.services .section-header {margin-bottom: 50px;}

.hero-text h1 {font-size: 4.5rem;margin-bottom: 20px;line-height: 70px;}
.hero-text .highlight {font-size: 42px;line-height: 52px;margin-top: 15px;}
.hero-text h3 {color: #fff;font-size: 4.5rem;margin-bottom: 15px;font-weight: 700;}

.sec-solveenergy {background: #fbfafa;}
.sec-solveenergy .section-header {margin-bottom: 40px;}
.sec-solveenergy .section-header h2 {margin-bottom: 25px;}
.sec-solveenergy .section-header p {}
.sec-solveenergy .solveenergy-grid {display: grid;grid-template-columns: 48.5% 48.5%;justify-content: space-between;grid-gap: 30px;}
.sec-solveenergy .solveenergy-grid .solveenergy-card {box-shadow: 0 4px 15px #0000001a;border: #eee 1px solid;border-radius: 1rem;background: #fff;}
.sec-solveenergy .solveenergy-grid .solveenergy-card .thumb {border-radius: 1rem 1rem 0 0;overflow: hidden;}
.sec-solveenergy .solveenergy-grid .solveenergy-card .thumb img {width: 100%;border-radius: 1rem 1rem 0 0;display: block;transition: all 3s ease 0s;}
.sec-solveenergy .solveenergy-grid .solveenergy-card .thumb img:hover {transform: scale(1.2);transition: all 3s ease 0s;}
.sec-solveenergy .solveenergy-grid .solveenergy-card .content {padding: 25px;}
.sec-solveenergy .solveenergy-grid .solveenergy-card .content h3 {font-size: 24px;margin-bottom: 10px;}
.sec-solveenergy .solveenergy-grid .solveenergy-card .content p {}
.footer-logo {margin-bottom: 15px;}
.footer-logo img {height: 60px;}


.gallery-grid {/*display: grid;grid-template-columns: 33% 34% 33%;padding: 0 2px;*/}
.gallery-item {transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);transform-origin: center;overflow: hidden;position: relative;border: #f5f5f5 3px solid;}
.gallery-item::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.3);opacity: 0;transition: opacity 0.3s ease;z-index: 1;}
.gallery-item:hover::before {opacity: 1;}
.gallery-img {transition: all 0.4s ease;width: 100%;height: 100%;object-fit: cover;height: 450px;display: block;}
/* Zoom Effect */
.zoom:hover .gallery-img {/*transform: scale(1.1);*/}
/* Colorize Effect */
.colorize:hover .gallery-img {filter: sepia(100%) hue-rotate(190deg) saturate(200%);}
/* Tilt Effect */
.tilt:hover {/*transform: perspective(1000px) rotateX(5deg) rotateY(5deg);*/}
/* Glow Effect */
.glow:hover {/*box-shadow: 0 0 20px rgba(255,255,255,0.6);*/}
/* Title Effect */
.gallery-title {position: absolute;bottom:0;left: 0;width: 100%;padding: 15px;background: rgba(0,0,0,0.7);color: white;transition: all 0.3s ease;z-index: 2;border-radius: 0 0 10px 10px}
.gallery-item:hover .gallery-title {bottom: 0;}
/* Custom grid for smaller screens */

#home .home-banner {height: 100vh;margin: 0 auto;}
.hero {padding: 0;}
.hero-content {height: 100vh;}
.hero .owl-dots {position: absolute;bottom: 30px;text-align: center;width: 100%;}
.hero .owl-dots button {background: #fff !important;height: 14px;width: 14px;margin: 0 3px;opacity: 0.5;}
.hero .owl-dots button.active {opacity: 1;}
.hero .owl-dots button span {}
.hero .owl-nav {display:none}

.hero-text {}
.hero-text h1 {}
.hero-text h1 span {color: var(--accent);}
.hero-text h1 span::after {content: '|';animation-name: blinking; animation-duration: .71s; animation-iteration-count: infinite;position: relative;top: -8px;}

.solar-calculator {background: rgba(21, 101, 192, 0.05);}
.solar-calculator .calculator-grid {display: grid;grid-template-columns: 50% 50%;justify-content: space-between;align-items: center;}
.solar-calculator .calculator-grid .thumb {position: relative;}
.solar-calculator .calculator-grid .thumb .img {}
.solar-calculator .calculator-grid .thumb .img1 {position: absolute;z-index: 99;right: 0;top: 50%;transform: translateY(-50%);}
.solar-calculator .calculator-grid .thumb .img1 img {width: 220px;border: #fff 6px solid;mask-image: unset;}
.solar-calculator .calculator-grid .thumb .img2 {}
.solar-calculator .calculator-grid .thumb .img2 img {width: 70%;}
.solar-calculator .calculator-grid .thumb .img img {border-radius: 16px;}
.solar-calculator .calculator-grid .calculator {padding-left: 50px;}
.solar-calculator .calculator-grid .calculator .savings-calculator {}
.solar-calculator .calculator-grid .calculator .savings-calculator .form-grid {display: grid;}
.solar-calculator .calculator-grid .calculator .savings-calculator .form-grid-half {grid-template-columns: 49% 49%;justify-content: space-between;}
.solar-calculator .calculator-grid .calculator .savings-calculator {padding: 25px;border: #dfdfdf 1px solid;border-radius: 15px;background: #fff;box-shadow: var(--shadow-md);}

.solar-system-types {background:url("../img/bg-solar-2.jpg") no-repeat center center / cover}
.solar-system-types .system-types-grid {display: grid;grid-template-columns: 32% 32% 32%;justify-content: space-between;}
.solar-system-types .system-types-grid .system-types-card {background: white;border-radius: 12px;padding: 24px;box-shadow: var(--shadow-md);transition: var(--transition);text-align: center;position: relative;border: #eee 1px solid;}
.solar-system-types .system-types-grid .system-types-card:hover {box-shadow: var(--shadow-lg);}
.solar-system-types .system-types-grid .system-types-card .icon {}
.solar-system-types .system-types-grid .system-types-card .icon img {height: 80px;}
.solar-system-types .system-types-grid .system-types-card h3 {font-size: 22px;padding: 15px 0;font-family: var(--fontRobotoFlex);}
.solar-system-types .system-types-grid .system-types-card p {font-family: var(--fontRoboto);}

.bottom-cta {text-align: center;margin-top: 30px;}
.bottom-cta .btn {background: #2d7d32;font-size: 20px;padding: 18px 50px;}
.highlight {color: #2d7d32;}

.size1 {font-size: 3.5rem;}
.size2 {}
.size3 {font-size: 5.5rem;display: inline-block;color: #2d7d32;}

.solar-solutions {background:url("../img/bg-solar-3.jpg") no-repeat center center / cover}
.solar-solutions .solar-solutions-grid {display: grid;grid-template-columns: 20% 40% 40%;padding-top: 20px;align-items: center;}
.solar-solutions .solar-solutions-grid .img-part {position: relative;left: -90%;}
.solar-solutions .solar-solutions-grid .img-part img {height: 630px;}
.solar-solutions .solar-solutions-grid .heading-part {}
.solar-solutions .solar-solutions-grid .heading-part h2 {font-size: 3.8em;}
.solar-solutions .solar-solutions-grid .heading-part h2 mark {padding: 0 20px;}

.solar-solutions .solar-solutions-grid .content-part h2 {margin-bottom: 25px;}
.solar-solutions .solar-solutions-grid .content-part .solar-solution-grid {display: grid;grid-template-columns: 48% 48%;justify-content: space-between;grid-gap: 30px;padding-right: 10%;}
.solar-solutions .solar-solutions-grid .content-part .solar-solution-card {background: white;border-radius: 12px;padding: 24px;box-shadow: var(--shadow-md);transition: var(--transition);text-align: center;position: relative;border: #eee 1px solid;}
.solar-solutions .solar-solutions-grid .content-part .solar-solution-card:nth-child(2n) {position: relative;/*top: -50px;*/}
.solar-solutions .solar-solutions-grid .content-part .solar-solution-card:hover {box-shadow: var(--shadow-lg);}
.solar-solutions .solar-solutions-grid .content-part .solar-solution-card .icon {}
.solar-solutions .solar-solutions-grid .content-part .solar-solution-card .icon img {height: 80px;}
.solar-solutions .solar-solutions-grid .content-part .solar-solution-card h3 {font-size: 22px;padding: 12px 0;font-family: var(--fontRobotoFlex);}
.solar-solutions .solar-solutions-grid .content-part .solar-solution-card p {font-family: var(--fontRoboto);line-height: 23px;font-size: 15px;}

.rotating {-webkit-animation: rotating 25s linear infinite;-moz-animation: rotating 25s linear infinite;-ms-animation: rotating 25s linear infinite;-o-animation: rotating 25s linear infinite;animation: rotating 25s linear infinite;mask-image:none}

.form-section {padding: 0;}
.form-section .form-section-grid {display: grid;grid-template-columns: 50% 48%;justify-content: space-between;}
.form-section .form-section-grid .img {}
.form-section .form-section-grid .img img {mask-image: none;width: 100%;/*position: sticky;top: 100px;*/object-fit: cover;height: 100%;}
.form-section .form-section-grid .form {}
.form-section .form-section-grid .form {padding: 5% 15% 4% 4%;}
.form-section .form-section-grid .form h2 {font-size: 3.2rem;margin-bottom: 10px;}
.form-section .form-section-grid .form p {font-size: 18px;margin-bottom: 15px;}
.form-section .form-section-grid .form .form-grid {display: grid;}
.form-section .form-section-grid .form .form-grid select {}
.form-section .form-section-grid .form .form-grid label {}
.form-section .form-section-grid .form .form-grid label span {color: #f00;}
.form-section .form-section-grid .form .form-grid-full {}
.form-section .form-section-grid .form .form-grid-half {grid-template-columns: 49% 49%;justify-content: space-between;}
.form-section .form-section-grid .form .btn {background: #2d7d32;font-size: 20px;padding: 18px 50px;}

.faq-tabs, .gallery-tabs {display: flex;margin-bottom: 40px;justify-content: center;}
.faq-tabs .ftab, .gallery-tabs .gtab {margin: 0 6px;}
.faq-tabs .ftab a, .gallery-tabs .gtab a {text-decoration: none;padding: 12px 24px;color: #000;font-family: var(--fontRoboto);font-size: 18px;border: #ccc 1px solid;border-radius: 50px;}
.faq-tabs .ftab a.active, .faq-tabs .ftab a:hover, .gallery-tabs .gtab a.active, .gallery-tabs .gtab a:hover {background: #2d7d32;color:#fff;border-color:#2d7d32}
.partners-logos .partnerlogo img, .client-logos .partnerlogo img {/*height: 80px;width: auto !important;*//*filter: brightness(0) saturate(100%) invert(30%) sepia(6%) saturate(9%) hue-rotate(315deg) brightness(98%) contrast(89%);opacity: 0.8;*/}
.tab-grid { display: none; }
    .tab-grid.active { display: grid; }

#our-clients {}
#our-clients .our-client-grid {/*display: grid;grid-template-columns: 48% 48%;justify-content: space-around;padding: 0 4%;*/}
#our-clients .our-client-grid > div {display: flex;flex-wrap: wrap;justify-content: center;}
#our-clients .our-client-grid .section-header {margin-bottom: 40px;display: inline-block;width: 100%;text-align: center;max-width: 100%;}
#our-clients .our-client-grid .section-header h2 {padding-top: 15px;font-size: 3.5em;}
.sub-heading {font-size: 24px;color: #000;margin-bottom: 10px;font-weight: 600;}
.client-logos {}
.client-logos .partnerlogo {width: 15%;text-align: center;padding: 20px;border: #eee 1px solid;}
.client-logos .partnerlogo img {height: 70px;}
.mt-60 {margin-top:60px}

.carousel-container {
    width: 100%; /* 3 images (300px each + 10px margin each) */
    overflow: hidden;
    position: relative;
    
    border-radius: 10px;
    /*background: #fff;*/
  }

  .carousel-track {
    display: inline-flex;
   /* width: max-content;*/
    animation: scroll linear infinite;
  }

.carousel-track .carousel-item {margin-right: 10px;border-radius: 10px;}
  .carousel-track img {
    width: 400px;
    height: 300px;
    object-fit: cover;
    border-radius: 10px;
    
  }
.carousel-item {
	position: relative;
}

/* track: contains one or more .track-inner clones */
.carousel .track {
  display: flex;
  align-items: center;
  white-space: nowrap;
  /* animation uses CSS variables set by JS */
  animation: scroll var(--duration, 10s) linear infinite;
  will-change: transform;
}

/* inner wrapper for one set of items (created by JS) */
.carousel .track .track-inner {
  display: flex;
  align-items: center;
}

/* keyframes: move left by the measured distance (a negative px value set by JS) */
@keyframes scroll {
  from { transform: translateX(0); }
  to   { transform: translateX(var(--scroll-distance, -1000px)); }
}




@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes blinking{
    from{
        color: transparent; 
    }
    to{
        color: lightgrey; 
    }
}

@media (max-width: 640px) {
.gallery-grid {grid-template-columns: repeat(1, minmax(0, 1fr));}
}

.ppform {width: 520px;}
.ppform h2 {text-align: center;margin-bottom: 20px;font-size: 30px;}
.ppform .pp-formrow {margin-bottom: 8px;}
.ppform .pp-formrow label {display: inline-block;width: 100%;padding-bottom: 4px;}
.ppform .pp-formrow input, .ppform .pp-formrow textarea {padding: 10px;width: 100%;border: #ccc 1px solid;border-radius: 6px;font-size: 15px;}
.ppform .pp-formrowbutton {margin-bottom: 8px;}
.ppform .pp-formrowbutton input {font-size: 18px;font-weight: 600;font-family: inherit;width: 100%;background: #2d7d32;padding: 14px 24px;border:0;cursor: pointer}

.testimonials {}
.testimonials .section-header {margin-bottom: 46px;}
.testimonials .section-header h1 {}
.testimonials .testimonial-tabs {display: flex;margin-bottom: 40px;justify-content: center;}
.testimonials .testimonial-tabs .ttab {margin: 0 6px;}
.testimonials .testimonial-tabs .ttab a {text-decoration: none;padding: 12px 24px;color: #000;font-family: var(--fontRoboto);font-size: 18px;border: #ccc 1px solid;border-radius: 50px;}
.testimonials .testimonial-tabs .ttab a:hover, .testimonials .testimonial-tabs .ttab a.active {background: #2d7d32;color:#fff;border-color:#2d7d32}

.testimonials-grid {margin-bottom: 0;}
.testimonials-grid .testimonial-card {background: #fbfafa;border-radius: 12px;padding: 30px;box-shadow: var(--shadow-md);transition: var(--transition);text-align: center;position: relative;border: #eee 1px solid;}
.testimonials-grid .testimonial-card blockquote {font-size: 20px;}
.testimonials-grid .testimonial-card .testimonial-author {margin-top: 15px;}
.testimonials-grid .testimonial-card .testimonial-author .author-name {font-size: 20px;font-weight: 600;}

.hero-inner {min-height: 250px !important;background:url("../img/solar-innerbg.png") no-repeat center center / cover}
.home-banner-inner {height: 250px !important;}
.header-inner {background: rgba(0,0,0,0.6) !important;}

@media(max-width:1366px){
	.section-header h2 {font-size: 3em;}
	.solar-solutions .solar-solutions-grid .content-part .solar-solution-card .icon img {height: 60px;}
	.solar-solutions .solar-solutions-grid {grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(2, 1fr);}
	.solar-solutions .solar-solutions-grid .img-part {grid-area: 1 / 1 / 2 / 2;}
	.solar-solutions .solar-solutions-grid .heading-part {grid-area: 1 / 2 / 2 / 3;}
	.solar-solutions .solar-solutions-grid .content-part {grid-area: 2 / 1 / 3 / 3;padding-right: 0;padding: 0 10%;}
	.solar-solutions .solar-solutions-grid .content-part .solar-solution-card:nth-child(2n) {top: 0;}
	.solar-solutions .solar-solutions-grid .img-part {left: 0;}
	.solar-solutions .solar-solutions-grid .img-part img {height: 550px;}
	.solar-solutions .solar-solutions-grid .heading-part h2, .size1 {font-size: 3rem;}
	.size3 {font-size: 4.5rem;}
	.solar-solutions {padding: 50px 0 40px;}
	.bottom-cta .btn {font-size: 18px;padding: 16px 35px;}
	.achievements-grid {margin-bottom: 0;}
	.form-section .form-section-grid .form h2 {font-size: 3rem;}
	.choosetype .choosetype-grid .choosetype-col .text a {font-size: 20px;}
	.stats .stats-grid .stats-card .info h3 {font-size: 40px;}
	.stats .stats-grid .stats-card .info p {font-size: 16px;}
	.gallery-img {height: 320px;}
	#our-clients .our-client-grid .section-header h2 {padding-top: 10px;font-size: 2em;}
	#our-clients {padding: 50px 0;}
	.client-logos .partnerlogo img {height: 60px;}
	.home-banner-inner, .hero-inner {height: 200px !important;min-height: 200px !important;}
	
}

@media(max-width:1024px){
	.hero-text h1 {font-size: 3.5rem;line-height: 70px;margin-bottom: 20px;}
	.trust-indicators {gap: 0px;}
	.hero-buttons {flex-direction: row;}
	.hero {min-height: 80vh;}
	#home .home-banner, .hero-content {height: auto;}
	section {padding: 50px 20px;}
	.section-header h2, .easy-steps .section-header h2, .form-section .form-section-grid .form h2 {font-size: 2.8em;}
	.solar-calculator .calculator-grid .thumb {display: none;}
	.solar-calculator .calculator-grid {grid-template-columns: 100%;}
	.solar-calculator .calculator-grid .calculator {padding-left: 0;padding: 0 6%;}
	.section-header {margin-bottom: 40px;}
	.solar-system-types .system-types-grid .system-types-card .icon img {height: 60px;}
	.solar-system-types .system-types-grid .system-types-card h3, .solar-solutions .solar-solutions-grid .content-part .solar-solution-card h3, .achievement-card h3 {font-size: 20px;padding: 10px 0;}
	.solar-system-types .system-types-grid .system-types-card p, .sec-solveenergy .solveenergy-grid .solveenergy-card .content p, .easy-steps .steps-grid .steps-card .info p, .faq-answer p {font-size: 15px;line-height: 23px;}
	.section-header p {font-size: 16px;}
	.sec-solveenergy .solveenergy-grid .solveenergy-card .content h3, .easy-steps .steps-grid .steps-card .info h3 {font-size: 20px;}
	.solar-solutions .solar-solutions-grid .img-part img {height: 320px;}
	.solar-solutions .solar-solutions-grid .heading-part h2, .size1 {font-size: 40px;}
	.size3 {font-size: 48px;}
	.solar-solutions .solar-solutions-grid {grid-template-rows: repeat(1, 1fr);}
	.solar-solutions .solar-solutions-grid .content-part {margin-top: 50px;}
	.easy-steps .steps-grid {grid-template-columns: 48% 48%;padding: 0 10%;grid-gap: 20px;}
	.form-section .form-section-grid .img {/*display: none;*/}
	.form-section .form-section-grid {grid-template-columns: 100%;}
	.form-group {margin-bottom: 12px;}
	.form-section .form-section-grid .form .btn {font-size: 18px;padding: 16px 35px;}
	.choosetype .choosetype-grid {grid-template-columns: 100%;}
	.stats .stats-grid {grid-template-columns: 48% 48%;grid-gap: 20px;}
	.hide {display:none}
	.gallery-img {height: 250px;}
	.gallery-grid {grid-template-columns: 49% 49%;}
	#our-clients .our-client-grid {grid-template-columns: 100%;grid-gap: 20px;}
	.partners-logos .partnerlogo img, .client-logos .partnerlogo img {height: 44px !important;width: auto !important;}
	.footer-content {grid-template-columns: 50% 50%;margin-bottom: 0;}
	.footer-content .footer-section {margin-bottom: 20px;}
	.footer-section ul li a {font-size: 15px;}
	.footer-section ul li {margin-bottom: 0;}
	.contact-item {margin-bottom: 2px;font-size: 15px;}
	.mobile-menu-btn {}
	.mobile-menu-btn i {color: #fff;}
	.hero-content {padding: 0 4%;}
	.mobile-nav a {color: #fff;padding: 0;}
	.mobile-cta .phone-info {margin-bottom: 15px;}
	.mobile-cta .btn {background: #2d7d32;font-size: 15px;padding: 14px 24px;}
	.client-logos .partnerlogo {width: 24%;}
	#our-clients .our-client-grid .section-header h2 {font-size: 2.8em;margin-bottom: 0;}
	.form-section .form-section-grid .form {padding: 6%;}
	.achievements-grid {grid-template-columns: 48% 48%;justify-content: space-between;}
	.achievement-card h3 {margin-bottom: 0;}
	.achievement-icon {margin-bottom: 5px;}
	.achievement-card p {font-size: 13px;}
	.home-banner-inner, .hero-inner {height: 80px !important;min-height: 80px !important;}
	
}

@media(max-width:1024px) and (orientation:landscape){
	.hero {min-height: 90vh;}
	.solar-solutions .solar-solutions-grid .img-part img {height: 400px;}
	.gallery-img {height: 350px;}
	
}

@media(max-width:767px){
	.hero-text h1 {font-size: 3rem;line-height: 53px;margin-bottom: 10px;min-height: 220px;}
	.hero-text p {font-size: 16px;line-height: 22px;max-width: 100%;}
	.hero-buttons {flex-direction: column;}
	.hero {min-height: 100vh;}
	.trust-item {font-size: 15px;}
	.hero-content {padding: 6% 4% 30%;}
	section {padding: 50px 0;}
	.section-header h2, .easy-steps .section-header h2, .form-section .form-section-grid .form h2 {font-size: 2em;}
	.solar-calculator .calculator-grid .calculator .savings-calculator .form-grid-half {grid-template-columns: 100%;}
	.solar-calculator .calculator-grid .calculator {padding: 0;}
	.section-header {margin-bottom: 25px;}
	.solar-system-types .system-types-grid {grid-template-columns: 100%;}
	.solar-system-types .system-types-grid .system-types-card {margin-bottom: 20px;}
	.sec-solveenergy .solveenergy-grid {grid-template-columns: 100%;grid-gap: 22px;}
	.solar-solutions .solar-solutions-grid {grid-template-columns: 100% !important;grid-template-rows: none !important;}
	.solar-solutions .solar-solutions-grid .content-part {grid-template-columns: 100%;grid-gap: 22px;padding-right: 0;}
	.solar-solutions .solar-solutions-grid .img-part img {height: 150px;}
	.solar-solutions .solar-solutions-grid .img-part, .solar-solutions .solar-solutions-grid .heading-part, .solar-solutions .solar-solutions-grid .content-part {grid-area: inherit !important;}
	.solar-solutions .solar-solutions-grid .heading-part {padding: 0 4%;}
	.solar-solutions .solar-solutions-grid .img-part {text-align: center;margin-bottom: 20px;}
	.solar-solutions .solar-solutions-grid .heading-part h2, .size1 {text-align: center;}
	.solar-solutions .solar-solutions-grid .content-part {padding: 0 4%;grid-gap: 0;margin-top: 30px;}
	.solar-solutions .solar-solutions-grid .content-part .solar-solution-card {margin-bottom: 20px;}
	.easy-steps .steps-grid {grid-template-columns: 100%;}
	.form-section .form-section-grid .form p {font-size: 16px;line-height: 22px;}
	.form-section .form-section-grid .form .form-grid-half {grid-template-columns: 100%;}
	.choosetype .choosetype-grid .choosetype-col .text a {font-size: 18px;}
	.stats .stats-grid {grid-template-columns: 100%;}
	.faq-tabs, .gallery-tabs, .testimonial-tabs {flex-wrap:wrap;}
	.faq-tabs .ftab a, .gallery-tabs .gtab a, .testimonials .testimonial-tabs .ttab a {display: inline-block;font-size: 16px;}
	.services .section-header {margin-bottom: 30px;}
	.faq-tabs .ftab, .gallery-tabs .gtab, .testimonials .testimonial-tabs .ttab {margin:4px 6px;}
	.faq-tabs, .gallery-tabs, .testimonials .testimonial-tabs {margin-bottom: 10px;}
	.gallery-grid {grid-template-columns: 100%;}
	.partners-logos .partnerlogo img, .client-logos .partnerlogo img {height: 42px !important;}
	#our-clients .our-client-grid .section-header h2 {font-size: 2em;}
	#our-clients {padding: 30px 0;}
	.faq-item span {font-size: 18px;}
	.faq-answer ul li {font-size: 15px;line-height: 23px;}
	.footer-content {grid-template-columns: 100%;}
	.footer {padding: 40px 0 0;}
	.footer-bottom {padding: 20px 0;}
	.ppform {width: 100%;}
	.ppform h2 {font-size: 24px;}
	.size3 {font-size: 30px;margin-top: 8px;}
	.size1 {font-size: 22px !important;}
	.achievements-grid {grid-template-columns: 100%;}
	.client-logos .partnerlogo {width: 48%;}
	#our-clients .our-client-grid .section-header {margin-bottom: 20px;}
	.testimonials-grid .testimonial-card blockquote {font-size: 16px;}
	.testimonials-grid .testimonial-card {padding: 20px;}
	.solar-solutions .solar-solutions-grid .content-part h2 {font-size: 22px;text-align: center;}
	.solar-solutions .solar-solutions-grid .content-part .solar-solution-grid {grid-template-columns: 100%;grid-gap: 0;padding-right: 0;}
	.testimonials .section-header {margin-bottom: 25px;}
	.header-content {padding: 10px 0;}
	.faq-tabs .ftab a, .gallery-tabs .gtab a, .testimonials .testimonial-tabs .ttab a {font-size: 15px;padding: 10px 14px;}
	.faq .section-header {margin-bottom: 20px;}
	
}

@media(max-width:767px) and (orientation:landscape){
	.hero-text h1 {min-height: auto;}
	.hero-content {padding: 6% 4% 15%;}
	.gallery-grid {grid-template-columns: 49% 49%;}
	.gallery-img {height: 220px;}
	
}