
@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&display=swap');









::selection { background: #3DC1C7; color: #FFFFFF; }

.dnd-section.full-width-forcedd{padding:0!important}
.dnd-section.full-width-forcedd>div,.dnd-section.full-width-forcedd>div>div{padding-left:0px!important;padding-right:0px!important;max-width:none!important}


/* Hero Banner */
.hero_banner_sec { background-repeat: no-repeat; background-size: auto !important; }
.hero_banner_sec .hero_image_wrapper { border-radius: 20px; overflow: hidden; }
.hero_banner_sec .heroBtnWrap { gap: 16px 20px; }

/* Hero Banner Slider */
.heroImageSlider .slick-track { display: flex !important; }
.heroImageSlider .heroImageItem { height: inherit !important; }
.heroImageSlider .heroImageItem img { width: 100%; height: 100% !important; object-fit: cover; }

.heroContentSlider .slick-dots { position: static; padding-top: 30px; }
.heroContentSlider .slick-dots li { width: 15px; height: 15px; }
.heroContentSlider .slick-dots li button { width: 15px; height: 15px; border: 1px solid #212336; }
.heroContentSlider .slick-dots li button::before { width: 9px; height: 9px; background: transparent; transition: all ease .2s; }

.heroContentSlider .slick-dots li.slick-active button { border: 3px solid #212336; }
.heroContentSlider .slick-dots li.slick-active button::before { background: #3DC1C7; }

/* Our Partner Section */
.our_partner_slider .slideItem { display: flex; align-items: center; justify-content: center; padding: 0 20px; }
.our_partner_slider .slick-track { display:flex; align-items:center;}


/* Case Study Slider Sec */
.Case_Study_Sec .caseStudySlider .slick-list { padding-right: 50px; }
.Case_Study_Sec .caseStudySlider .slick-slide { padding: 0 15px; height: 400px; }
.Case_Study_Sec .caseStudySlider .slideItem { height: 100%; }
.Case_Study_Sec .caseStudySlider .slideItem img { height: 100% !important; object-fit: cover; }
.Case_Study_Sec .caseStudySlider .slideItem::before { content: ''; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.15); }
.Case_Study_Sec .caseStudySlider .slideItem .slideContent { bottom: 0; left: 0; width: 100%; background: rgba(255, 255, 255, 0.4); backdrop-filter: blur(6px); }
.Case_Study_Sec .caseStudySlider .slideItem .slideContent .locationText { gap: 10px; }
.Case_Study_Sec .caseStudySlider .slideItem .slideContent .btnWrap { margin-bottom: -74px; opacity: 0; transition: all 0.5s ease-in-out; }
.Case_Study_Sec .caseStudySlider .slideItem:hover .slideContent .btnWrap { margin-bottom: 0; opacity: 1; }

/* Testimonial Sec Style */
.testimonial_sec { background-repeat: no-repeat !important; background-position: bottom left 95px !important; }
.testimonial_sec .testimonialsSlider .slick-slide { padding: 0 10px; } 
.testimonial_sec .testimonialsSlider .slideItem { background: linear-gradient(270deg, #F0F9FD 20%, rgba(255, 255, 255, 0) 50%, #F0F9FD 80%); border: 1px solid transparent; }
.testimonial_sec .testimonialsSlider .slick-current.slick-active .slideItem { border-color: #3DC1C7; }
.testimonial_sec .testimonialsSlider .imageWrapper { width: 100%; height: 400px; }
.testimonial_sec .testimonialsSlider .imageWrapper img { width: 100%; height: 100% !important; object-fit: cover; }
.testimonial_sec .testimonialsSlider .slideContent { width: 100%; padding: 20px 0 0; }

/* Financing Banner Style */
.financeItemWrapper .financeItem:not(:first-child) { margin-top: 20px; padding-top: 20px; border-top: 1px solid #E0E0E0; }
.disclosureWrap { border-top: 1px solid #E0E0E0; }
.financeItemInner { cursor: pointer; padding: 17px 0; }
.financeItem .leftCol .logoWrapper { gap: 20px; width: 100%; }
.financeItem .leftCol .logo { width: 65px; }
.financeItem .leftCol .logoWrapper .title { width: calc(100% - 85px); }
.financeItem .open .leftCol .logoWrapper .title { display: none; }
.financeItem .contentWrap h3+p { margin-top: 15px; }
.financeItem:not(:first-child) .contentWrap .content { display: none; }
.financeItem:not(:first-child) .imageWrapper { display: none; }
.financeItem .leftCol .contentWrap .title { display: none; }
.financeItem .open .leftCol .contentWrap .title { display: block; }

/* Insight News Section */
.insight_news_sec .newsRow { row-gap: 30px; } 
.insight_news_sec .newsItem .newsItemIn .imageBox { height: 250px; }
.insight_news_sec .newsItem .newsItemIn .imageBox img { width: 100%; height: 100% !important; object-fit: cover; transition: all 0.3s ease-in-out; }
.insight_news_sec .newsItem .newsItemIn .contentBox { height: calc(100% - 250px); display: flex; flex-direction: column; }
.insight_news_sec .newsItem .newsItemIn:hover .imageBox img { transform: scale(1.1); opacity: 0.85; }
.insight_news_sec .newsItem .newsItemIn .imageBox .postDate { gap: 10px; top: 10px; left: 10px; }

.insight_news_sec .newsItem .postInfoWrapper { row-gap: 8px; }
.insight_news_sec .newsItem .InfoItem { gap: 10px; }
.insight_news_sec .newsItem .InfoItem:not(:last-child) { padding-right: 15px; margin-right: 15px; }
.insight_news_sec .newsItem .newsItemIn .contentBox .contentBottom { margin-top: auto; border-top: 1px solid #E0E0E0; }
.insight_news_sec .newsItem .newsItemIn .contentBox .contentBottom .readMoreBtn { display: inline-flex; align-items: center; gap: 10px; font-weight: 500; }
.insight_news_sec .newsItem .newsItemIn .contentBox .contentBottom .readMoreBtn svg,
.insight_news_sec .newsItem .newsItemIn .contentBox .contentBottom .readMoreBtn svg path{ transition: all 0.3s ease-in-out; }
.insight_news_sec .newsItem .newsItemIn .contentBox .contentBottom .readMoreBtn:hover svg { transform: translateX(5px); }
.insight_news_sec .newsItem .newsItemIn .contentBox .contentBottom .readMoreBtn:hover svg path { fill: #212336; }


/* Why Wolrd Solar */
.whyWolrdSolarSec .whyChooseItem { width: 100%; min-height: 270px; }
.whyWolrdSolarSec .whyChooseItem > img { height: 100% !important; object-fit: cover; }
.whyWolrdSolarSec .whyChooseItem .whyChooseInner { background: #F0F9FD; height: 100%; }
.whyWolrdSolarSec .whyChooseItem .whyChooseInner h4+p { margin-top: 15px; }
.whyWolrdSolarSec .whyChooseItem .Overlay { background-color: #3DC1C7 !important; opacity: 0; transition: all 0.4s ease-in-out; }
.whyWolrdSolarSec .whyChooseItem:hover .content * { color: #fff; }
.whyWolrdSolarSec .whyChooseItem:hover .Overlay { opacity: 1; }
.whyWolrdSolarSec .whyChooseItem .readMoreBtn { margin-bottom: -40px; opacity: 0; transition: all 0.3s ease-in-out; }
.whyWolrdSolarSec .whyChooseItem:hover .readMoreBtn { margin-bottom: 0; opacity: 1; }
.whyWolrdSolarSec .whyChooseItem .readMoreBtn a { display: inline-flex; align-items: center; color: ; gap: 10px; }
.whyWolrdSolarSec .whyChooseItem .readMoreBtn a:hover { color: #212336 !important; }
.whyWolrdSolarSec .whyChooseItem .readMoreBtn a .icon { display: flex; align-items: center; justify-content: center; width: 25px; height: 25px; border-radius: 5px; transition: all 0.4s ease-out; }
.whyWolrdSolarSec .whyChooseItem .readMoreBtn a .icon svg { transition: all 0.3s ease-in-out; }
.whyWolrdSolarSec .whyChooseItem .readMoreBtn a .icon svg.hover { transform: translateX(-13px); }
.whyWolrdSolarSec .whyChooseItem .readMoreBtn a .icon svg.default { transform: translateX(-5px); }
.whyWolrdSolarSec .whyChooseItem .readMoreBtn a:hover .icon { background: #212336; }
.whyWolrdSolarSec .whyChooseItem .readMoreBtn a:hover .icon svg.default { transform: translateX(15px); }
.whyWolrdSolarSec .whyChooseItem .readMoreBtn a:hover .icon svg.hover { transform: translateX(7px); }


/* Our Trusted Brand Style */
.ourtrustBrandSec .brandsRow  { row-gap: 24px; }
.ourtrustBrandSec .brandItem .brandItemIn { height: 100px; border: 1px solid #91D9F8; }
.ourtrustBrandSec .brandItem .brandItemIn img { height: 100% !important; object-fit: contain; }

/* Installation Process Style */
.installation_process_sec .processRow { row-gap: 30px; }
.installation_process_sec .processItem .processItemIn > img { width: 100%; height: 100% !important; object-fit: cover; opacity: 0; transition: all 0.3s ease-in-out; }
.installation_process_sec .processItem .processItemIn:hover > img { opacity: 1; }
.installation_process_sec .processItem .processItemIn .processContentOverlay { background: linear-gradient(270deg, #F0F9FD 20%, rgba(255, 255, 255, 0) 50%, #F0F9FD 80%); border: 1px solid #3DC1C7; transition: all 0.3s ease-in-out; }
.installation_process_sec .processItem .processItemIn:hover .processContentOverlay { background: linear-gradient(180deg, rgba(33, 35, 54, 0.1) 0%, #212336 100%); }

.installation_process_sec .processItem .processItemIn .iconBox { display: inline-block; width: 50px; height: 50px; padding: 10px; margin-bottom: 30px; transition: all 0.4s ease-in-out; }
.installation_process_sec .processItem .processItemIn:hover .iconBox { margin-top: -80px; opacity: 0; }
/*.installation_process_sec .processItem .processItemIn .contentWrap { margin-top: auto; }*/
.installation_process_sec .processItem .processItemIn .contentWrap h4 { color: #14133B; }
.installation_process_sec .processItem .processItemIn .contentWrap p { color: #5B6674; }
.installation_process_sec .processItem .processItemIn:hover .contentWrap .text * { color: #fff; }
.installation_process_sec .processItem .processItemIn .readMoreBtn { margin-bottom: -40px; opacity: 0; transition: all 0.3s ease-in-out; }
.installation_process_sec .processItem .processItemIn:hover .readMoreBtn { margin-bottom: 0; opacity: 1; }
.installation_process_sec .processItem .processItemIn .readMoreBtn a { display: inline-flex; align-items: center; gap: 10px; }
.installation_process_sec .processItem .processItemIn .readMoreBtn a:hover { color: #3DC1C7;  }
.installation_process_sec .processItem .processItemIn .readMoreBtn a svg path { transform: translateX(-10px); transition: all 0.3s ease-in-out; }
.installation_process_sec .processItem .processItemIn .readMoreBtn a:hover svg path { transform: translateX(0); }


/* Our Case Studies Style */
.our_case_studies_sec .sliderWrapper .swiper-button-prev { opacity: 0; transform: translateY(-50%) translateX(50px); }
.our_case_studies_sec .sliderWrapper .swiper-button-next { opacity: 0; transform: translateY(-50%) translateX(-50px); }
.our_case_studies_sec .sliderWrapper:hover .swiper-button-prev { opacity: 1; transform: translateY(-50%) translateX(0); }
.our_case_studies_sec .sliderWrapper:hover .swiper-button-next { opacity: 1; transform: translateY(-50%) translateX(0); }
.our_case_studies_sec .StudySlideItem .StudySlideInner img { width: 100%; height: 100% !important; object-fit: cover; }
.our_case_studies_sec .StudySlideItem .contentoverlay { background: linear-gradient(180deg, rgba(33, 35, 54, 0) 0%, #212336 100%); backdrop-filter: blur(4px); }
.our_case_studies_sec .StudySlideItem .contentoverlay h3+p { margin-top: 10px; }
.our_case_studies_sec .StudySlideItem.swiper-slide-active { z-index: 9999 !important; }
.our_case_studies_sec .StudySlideItem.swiper-slide-active .StudySlideInner { border-radius: 20px; }
.our_case_studies_sec .StudySlideItem.swiper-slide-active .contentoverlay { backdrop-filter: blur(0); z-index: 90; box-shadow: 0px 0px 20px 0px #00000040; }

.our_case_studies_sec .StudySlideItem .contentWrap { opacity: 0; transition: all 0.3s ease-in; z-index: 99; }
.our_case_studies_sec .StudySlideItem.swiper-slide-active .contentWrap { opacity: 1; }

.our_case_studies_sec .StudySlideItem .contentWrap .moreLink { width: 35px; height: 35px; background: #fff; border-radius: 5px; border: 1.17px solid #E0E0E0; }
.our_case_studies_sec .StudySlideItem .contentWrap .moreLink svg { transition: all 0.4s ease-in-out; }
.our_case_studies_sec .StudySlideItem .contentWrap .moreLink:hover { background: #3DC1C7; border-color #3DC1C7 }
.our_case_studies_sec .StudySlideItem .contentWrap .moreLink:hover svg { transform: rotate(-90deg); }
.our_case_studies_sec .StudySlideItem .contentWrap .moreLink:hover svg path { fill: #FFFFFF; }
.our_case_studies_sec .StudySlideItem .contentWrap .text { width: calc(100% - 35px); padding-right: 30px; }

/* FAQ Section Style */
.faq_sec .faqWrapper .faqItem { border: 1px solid #91D9F8; }
.faq_sec .faqWrapper .faqItem .heading { cursor: pointer; }
.faq_sec .faqWrapper .faqItem .heading h6 { font-family: Poppins, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; font-weight: 600; color: #222D4F; line-height: 1.5; width: calc(100% - 30px); padding-right: 16px; }
.faq_sec .faqWrapper .faqItem .heading .icon { width: 30px; height: 30px; border-radius: 3px; padding: 9px; }
.faq_sec .faqWrapper .faqItem .heading .icon svg { transition: all 0.3s ease-in-out; }
.faq_sec .faqWrapper .faqItem.active .heading .icon svg { transform: rotate(-75deg); }

/* EBook Hero sections */
.ebook-hero .row {background-color: rgba(255,255,255,0.5);border-radius: 16px; border: 0; padding: 40px;}


.faq_sec .faqWrapper .faqItem .content { display: none; padding-top: 20px; margin-top: 20px; border-top: 1px solid #E0E0E0; }

/*pdf-download buttons*/
span.pdf-download {text-transform:none;}
span.pdf-download::after {content: "";display: inline-block;width: 16px;height: 16px;margin-left: 8px;vertical-align: middle;background-size: contain;  background-repeat: no-repeat; transition:all .4s ease-in-out;background-image: url("data:image/svg+xml;base64,PHN2ZyAKICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgd2lkdGg9IjI0IgogIGhlaWdodD0iMjQiCiAgdmlld0JveD0iMCAwIDI0IDI0IgogIGZpbGw9Im5vbmUiCiAgc3Ryb2tlPSIjRkZGRkZGIgogIHN0cm9rZS13aWR0aD0iMiIKICBzdHJva2UtbGluZWNhcD0icm91bmQiCiAgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIKPgogIDxwYXRoIGQ9Ik0yMSAxNXY0YTIgMiAwIDAxLTIgMkg1YTIgMiAwIDAxLTItMnYtNCIgLz4KICA8cG9seWxpbmUgcG9pbnRzPSI3IDEwIDEyIDE1IDE3IDEwIiAvPgogIDxsaW5lIHgxPSIxMiIgeTE9IjE1IiB4Mj0iMTIiIHkyPSIzIiAvPgo8L3N2Zz4=");}
.button a:hover > span.pdf-download::after { transition:all .4s ease-in-out; background-image: url("data:image/svg+xml,%3Csvg%20%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20width%3D%2224%22%20%20height%3D%2224%22%20%20viewBox%3D%220%200%2024%2024%22%20%20fill%3D%22none%22%20%20stroke%3D%22%23000000%22%20%20stroke-width%3D%222%22%20%20stroke-linecap%3D%22round%22%20%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%2015v4a2%202%200%2001-2%202H5a2%202%200%2001-2-2v-4%22%20%2F%3E%3Cpolyline%20points%3D%227%2010%2012%2015%2017%2010%22%20%2F%3E%3Cline%20x1%3D%2212%22%20y1%3D%2215%22%20x2%3D%2212%22%20y2%3D%223%22%20%2F%3E%3C%2Fsvg%3E")}


@media screen and (min-width: 578px) {
  /* Why Wolrd Solar */
  .whyWolrdSolarSec .whyChooseItem { width: 50%; min-height: 280px; }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .insight_news_sec .newsItem:last-child { display: none; }
}

@media screen and (min-width: 768px) {
  /* Hero Banner */
  .hero_banner_sec .hero_image_wrapper { border-radius: 0; border-bottom-left-radius: 50px; height: 100%; }
  .hero_banner_sec .hero_image_wrapper img { height: 100% !important; object-fit: cover; }
  
  /* Hero Banner Slider */
  .heroImageSlider .slick-list,
  .heroImageSlider .slick-track { height: 100%; }
  .heroContentSlider .slick-dots { display: flex; flex-direction: column; position: absolute; padding-top: 0; width: fit-content; top: 50%; bottom: auto; margin-left: -25px; transform: translateY(-50%); }
  .heroContentSlider .slick-dots li { margin: 6px 0; }
  
  /* Case Study Slider Sec */
  .Case_Study_Sec .caseStudySlider .slick-list { padding-right: 95px; }
  .Case_Study_Sec .caseStudySlider .slick-slide { height: 503px; }
  
  /* Testimonial Sec Style */
  .testimonial_sec .testimonialsSlider .slick-slide { padding: 0 15px; } 
  .testimonial_sec .testimonialsSlider .imageWrapper { height: 310px; width: 200px; }
  .testimonial_sec .testimonialsSlider .slideContent { width: calc(100% - 200px); padding: 0 0 0 30px; }
  .testimonial_sec .testimonialsSlider .slideContent.no-image { width: 100%; padding: 0 30px 0 30px; }
  
  /* Our Trusted Brand Style */
  .ourtrustBrandSec .brandItem .brandItemIn { height: 110px; }
}

@media screen and (min-width: 992px) {
  
  /* Hero Banner Slider */
  .heroContentSlider .slick-dots { margin-left: -30px; }

  /* Financing Banner Style */
  .financeItemWrapper .financeItem:not(:first-child) { margin-top: 30px; padding-top: 30px; }

  /* Why Wolrd Solar */
  .whyWolrdSolarSec .whyChooseItem { width: 33.33%; min-height: 300px; max-height: 300px; flex-grow: 1; }
  
  /* Our Trusted Brand Style */
  .ourtrustBrandSec .brandsRow  { row-gap: 30px; }

  /* Our Case Study Slide */
  .our_case_studies_sec .StudySlideItem { height: 500px; }
  .our_case_studies_sec .StudySlideItem .StudySlideInner { height: 100%; }
}

@media screen and (min-width: 1200px) {
  /* Hero Banner */
  .hero_banner_sec .heroRow .leftCol { width: 46.5%; }
  .hero_banner_sec .heroRow .rightCol { width: 53.5%; }
  .hero_banner_sec .hero_image_wrapper { border-bottom-left-radius: 100px; }
  
  /* Hero Banner Slider */
  .heroContentSlider .slick-dots { margin-left: -55px; }
  
  /* Our Partner Section */
  .our_partner_slider .slideItem { padding: 0 35px; }
  
  /* Financing Banner Style */
  .financeItem .leftCol { width: 53.30%; }
  .financeItem .rightCol { width: 46.70%; }
  .financeItem .rightCol .imageWrapper { height: 100%; }
  .financeItem .rightCol .imageWrapper img { width: 100%; height: 100% !important; object-fit: cover; }
  
  .financeItem .leftCol .logoWrapper,
  .financeItem .leftCol .logo { width: 65px; }
  .financeItem .leftCol .logoWrapper .title { display: none; }
  .financeItem .leftCol .contentWrap { width: calc(100% - 65px); padding-left: 20px; }
  .financeItem .leftCol .contentWrap .title { display: block; }
  
  /* Why Wolrd Solar */
  .whyWolrdSolarSec .whyChooseItem { width: 33.33%; }
  
  /* Our Trusted Brand Style */
  .ourtrustBrandSec .brandItem { width: 16.66%; }
  
  /* */
  .installation_process_sec .processItem .processItemIn .iconBox { width: 60px; height: 60px; margin-bottom: 40px; }
  .installation_process_sec .processItem .processItemIn:hover .iconBox { margin-top: -120px; opacity: 0; }
  
}

@media screen and (max-width: 767px) {
  .headingWrap br { display: none; } 

  /* Financing Banner Style */
  .financeItemInner { padding: 12px 0; }
  .financeItem .open .rightCol { padding-top: 25px; }

  /* Our Case Studies Style */
  .our_case_studies_sec .sliderWrapper .swiper-button-prev,
  .our_case_studies_sec .sliderWrapper .swiper-button-next { display: none; }
}

@media screen and (max-width: 577px) {
  .Case_Study_Sec .headingWrap h2 span { display: block; }
}