
body.loaded {overflow: hidden !important;height: 100% !important; }
.page-content{overflow-x: hidden;}
.px-8{padding-left: 8px;padding-right: 8px;}
.loader-wrap {position: fixed;z-index: 10;height: 100vh;width: 100%;left: 0;top: 0;display: -webkit-box;display: -ms-flexbox;display: flex;overflow: hidden;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;background: transparent;z-index: 99999999999999; }
.loader-wrap svg {position: absolute;top: 0;width: 100vw;height: 110vh;fill: #fff; }
.loader-wrap svg {fill: #191e00;}
.loader-wrap-heading {max-width: 300px;}
.loader-wrap .loader-wrap-heading .load-text {color: #fff;font-size: 20px;font-weight: 200;letter-spacing: 15px;text-transform: uppercase;z-index: 20; }
.load-text span {-webkit-animation: loading 1s infinite alternate;animation: loading 1s infinite alternate; }
.load-text span:nth-child(1) {-webkit-animation-delay: 0s;animation-delay: 0s; }
.load-text span:nth-child(2) {-webkit-animation-delay: 0.1s;animation-delay: 0.1s; }
.load-text span:nth-child(3) {-webkit-animation-delay: 0.2s;animation-delay: 0.2s; }
.load-text span:nth-child(4) {-webkit-animation-delay: 0.3s;animation-delay: 0.3s; }
.load-text span:nth-child(5) {-webkit-animation-delay: 0.4s;animation-delay: 0.4s; }
.load-text span:nth-child(6) {-webkit-animation-delay: 0.5s;animation-delay: 0.5s; }
.load-text span:nth-child(7) {-webkit-animation-delay: 0.6s;animation-delay: 0.6s; }
@-webkit-keyframes loading {
  0% {opacity: 1; }
  100% {opacity: 0;}}
@keyframes loading {
  0% {opacity: 1;}
  100% {opacity: 0;}}
/* BTN */
.sunvin-btn-Header {color: #000;background-color: #fff;}
.sunvin-btn-Header .sunvin-button-text:before {color: #fff;background-color: #000;}
.sunvin-btn-Header:hover .sunvin-button-text:before {color: var(--sunvin-blackish-color);background-color: var(--sunvin-white-color);}
/* BTN */
/* SLIDER OVERLAY */
.sunvin-slider-item.Overlay {background: linear-gradient(0deg, rgb(255 255 255 / 0%) 70%, #000000cc 100%),linear-gradient(180deg, rgb(0 0 0 / 0%) 30%, #000000fc 100%);}
/* SLIDER OVERLAY */
/* OUR SERVICE */
.OurService {padding-left: 15px;padding-right: 15px;}
.OurService .Bgservice {background: #191e00;}
.OurService .sunvin-heading-subheading .sunvin-title {color: #fff;}
.OurService .sunvin-btn{padding: 12px 55px 12px 20px;}
.OurService .sunvin-btn .sunvin-button-text:before{width: 38px;height: 38px;right: 5px;top: 5px;line-height: 38px;}
/* OUR SERVICE */
/* WORK PROCESS */
.HowWework {display: flex;gap: 28px;flex-direction: column;}
.HowWeworkcontent {text-align: center;}
.HowWeworkcontent h4 {font-size: 20px;line-height: 24px;margin-bottom: 12px;}
.HowWeworkcontent p {font-size: 15px;line-height: 22px;margin-bottom: 0;}
.HowWeworkImg {position: relative;}
.HowWeworkImg .ImgArea {aspect-ratio: 8/6;overflow: hidden;}
.HowWeworkImg::before {content: attr(data-step);position: absolute;background-color: #B0CB1F;color: #fff;border: 6px solid #fff;border-radius: 100%;font-size: 18px;line-height: 18px;font-weight: 600;display: flex;width: 60px;height: 60px;align-items: center;justify-content: center;margin-left: auto;margin-right: auto;left: 0;right: 0;z-index: 11;}
.HowWeworkImg .ImgArea img {width: 100%;height: 100%;object-fit: cover;transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.HowWeworkImg:hover .ImgArea img{transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);}
.HowWeworkWrapper {margin-top: 60px;}
.HowWeworkWrapper .col-lg-3:nth-child(odd) .HowWeworkImg .ImgArea {border-bottom-left-radius: 400px;border-bottom-right-radius: 400px;}
.HowWeworkWrapper .col-lg-3:nth-child(even) .HowWeworkcontent {order: 2;}
.HowWeworkWrapper .col-lg-3:nth-child(even) .HowWeworkImg .ImgArea {order: 1;border-top-left-radius: 400px;border-top-right-radius: 400px;}
.HowWeworkWrapper .col-lg-3:nth-child(odd) .HowWeworkImg {margin-top: 20px;}
.HowWeworkWrapper .col-lg-3:nth-child(even) .HowWeworkImg {margin-bottom: 20px;}
.HowWeworkWrapper .col-lg-3:nth-child(odd) .HowWeworkImg::before {top: -30px;}
.HowWeworkWrapper .col-lg-3:nth-child(even) .HowWeworkImg::before {bottom: -30px;}
@media(max-width:575px) {.HowWeworkWrapper .col-lg-3:nth-child(even) .HowWeworkcontent{order: 1;}.HowWeworkWrapper .col-lg-3:nth-child(even) .HowWeworkImg{order: 2;margin-bottom: 0;margin-top: 20px;}.HowWeworkWrapper .col-lg-3:nth-child(even) .HowWeworkImg .ImgArea{border-top-left-radius: 0 !important;border-top-right-radius: 0 !important;border-bottom-left-radius:400px;border-bottom-right-radius:400px;}.HowWeworkWrapper .col-lg-3:nth-child(even) .HowWeworkImg::before{top: -30px;bottom: 0;}}
/* WORK PROCESS */
/* WIND */
.WindCounter{margin-top: 20vh;}
.WindCounter .SecPadding{padding-bottom: 0;}
.WindCounter .BgWindCounter{background: linear-gradient(180deg, #c3edff, transparent);position: relative;overflow-x: clip;}
.WindBgWrapper .solarpanels{width: 100%;height: auto;position: relative;z-index: 1;border-bottom-left-radius:30px;border-bottom-right-radius:30px;margin-bottom: -2px;}
.WindMill{text-align: end;position: absolute;top: -135px;right: 0;z-index: 1;}
.WindMill svg{width: 900px;height: 900px;}
.Turbn{animation: rotation 4s infinite linear;-webkit-animation: rotation 4s infinite linear;-o-animation: rotation 4s infinite linear;-moz-animation: rotation 4s infinite linear;transform-box: fill-box;transform-origin: center;}
@keyframes rotation{
0% {-webkit-transform: rotate(0);}
100% {-webkit-transform: rotate(359deg);}
}
@-o-keyframes rotation {
0% {-webkit-transform: rotate(0);}
100% {-webkit-transform: rotate(359deg);}
}
@-moz-keyframes rotation {
0% {-webkit-transform: rotate(0);}
100% {-webkit-transform: rotate(359deg);}
}
@-webkit-keyframes rotation  {
0% {-webkit-transform: rotate(0);}
100% {-webkit-transform: rotate(359deg);}
}
.WindClouds{max-width: 400px;position: absolute;z-index: -1;}
.WindClouds1{top: 180px;left: 100%;}
.WindClouds2{top: 340px;left: -150px;}
@media(max-width:1500px){.WindMill{right: -85px;}}
@media(max-width:1400px){.WindCounter .sunvin-heading-subheading .sunvin-title{font-size: 38px;line-height: 48px;}.WindMill svg{width: 900px;height: 900px;}}
@media(max-width:1200px){.WindCounter{margin-top: 0;}.WindMill{top: -35px;right: -95px;}.WindMill svg{width: 680px;height: 680px;}}
@media(max-width:991px){.WindMill{display: none;}.WindCounter .sunvin-heading-subheading .sunvin-title>br{display: none;}}
/* WIND */
/* FOOTER */
.FooterHead{border-bottom: 1px solid #444;padding-bottom: 30px;margin-bottom: 40px;}
.FooterlogoWrapper{max-width: 250px;}
.SocialLinks a{color: #fff;padding: 10px;display: flex;align-items: center;gap: 10px;transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.SocialLinks a svg{width: 24px;height: 24px;display: flex;color: #b0cb1f;transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.SocialLinks a:hover{color: #b0cb1f;}
.FooterBodyItem h5{color: #ffffff;margin-bottom: 15px;}
.FooterBodyLinks{display: flex;flex-direction: column;gap: 12px;}
.FooterBodyLinks a{font-size: 16px;font-weight: 500;line-height: 24px;color: #afafaf;transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.FooterBodyLinks a:hover,.FooterBodyLinks a:focus,.FooterBodyLinks a:active{color: #b0cb1f;}
.FS16{font-size: 16px !important;}
.FooterBodycontain{font-size: 16px;font-weight: 500;line-height: 26px;color: #afafaf;}
.FooterBottom{border-top: 1px solid #444;padding-top: 30px;margin-top: 40px;}
.copyright {font-size: 14px;font-weight: 400;color:#afafaf;}
.DevTagLine{font-size: 14px;font-weight: 400;color:#afafaf;}
.DevTagLine a{font-size: 14px;font-weight: 400;color:#afafaf;transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.DevTagLine a:hover,.DevTagLine a:focus,.DevTagLine a:active{color: #b0cb1f;}
/* FOOTER */
/* TITLE AND BREAD CRUMB */
.TitleandBreadcrumb .sunvin-tbar-title{font-weight: 500;font-size: 40px;line-height: 50px;color: #000;text-transform: none;font-style: normal;}
.TitleandBreadcrumb .sunvin-breadcrumb, .TitleandBreadcrumb .sunvin-breadcrumb a{color: #000;}
.post-post.current-item{color: #B0CB1F;}
/* TITLE AND BREAD CRUMB */
/* BLOG DETAILS */
.blog-details .sunvin-tbar-title{font-size: 30px;line-height: 40px;font-weight: 500;letter-spacing: 0px;color: #000000;text-transform: capitalize;font-style: normal;margin-bottom: 0;}
/* BLOG DETAILS */
/* CONTACT US */
.ContactImg{position: relative;}
.contact-us-left-area{position: relative;margin-bottom: -180px;}
@media (max-width: 1599.98px) {.contact-us-left-area{margin-bottom: -130px;}}
@media (max-width: 1399.98px) {.contact-us-left-area{margin-bottom: -25px;}}
/* CONTACT US */
.aboutimg{position: relative;z-index: 11;}
/* SERVICE DETAILS */
.sunvin-service-feature-image{aspect-ratio: 8/6;overflow: hidden;}
.sunvin-service-feature-image img{width: 100%;height: 100%;object-fit: cover;}
.sunvin-service_content h1{font-size: 38px;line-height: 48px;font-weight: 500;margin-bottom: 0;}
.sunvin-service_content blockquote{padding: 20px;border-radius:15px;background-color: #fff;}
.sunvin-service_content blockquote p{margin: 0;}
.sunvin-animation-style7{aspect-ratio: 8/5;overflow: hidden;}
.sunvin-animation-style7 img{width: 100%;height: 100%;object-fit: cover;}
.FAQ{background: #f0f3f6;margin-top: 40px;}
/* SERVICE DETAILS */
/* WHY US */
.WhyUs{padding-left: 15px;padding-right: 15px;}
.BgWhyUs{background: linear-gradient(180deg, #c3edff, transparent);}
/* WHY US */
/* VISION MISSION */
.visionmission{position: relative;margin-bottom: -2px;}
.visionmission img{position: relative;z-index: -1;}
.visionmissionBox{padding: 22px 18px;background: #fff;border-radius: 12px;display: flex;gap: 15px;flex-direction: column;height: 100%;}
.visionmissionBox h4{margin-bottom: 7px;font-size: 20px;line-height: 24px;}
.visionmissionBox p{margin-bottom: 0;color: #303030;}
.visionmissionIcon{width: fit-content;height: fit-content;border-radius: 100%;padding: 14px;color: #fff;background-color: #b0cb1f;}
.visionmissionIcon svg{width: 38px;height: 38px;display: flex;}
/* VISION MISSION */
.Aboutusimgmain{position: relative;margin-top: -120px;right: -100px;}
.AboutCounter{position: relative;margin-top: -115px;padding-top: 180px;padding-bottom: 40px;}
@media screen and (max-width:1399px){.Aboutusimgmain{margin-top: -80px;right: -60px;}.AboutCounter{margin-top: -94px;}}
@media screen and (max-width: 1399px) {.Aboutusimgmain {margin-top: -60px;right: -15px;}}
@media screen and (max-width: 1199px) {.Aboutusimgmain {margin-top: -40px;right: 0;}.AboutCounter{padding-top: 120px;}}
@media screen and (max-width: 991px) {.AboutCounter {margin-top: -10%;}.AboutCounter{padding-top: 120px;}}
@media screen and (max-width: 767px) {.AboutCounter{padding-top: 100px;}}