@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap");
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
overflow-x:hidden;
}  ul,
ol,
p,
h2,
h3,
h1,
h4,
h5,
h6 {
list-style: none;
padding: 0;
margin: 0;
}
a {
text-decoration: none;
background-color: transparent;
}
img {
width: 100%;
height: auto;
max-width: 100%;
}
:root {
--bs-font-sans-serif: "Plus Jakarta Sans", sans-serif; --bs-padding-lf : 20px;
--blue-color: #2952CB;
--darkblue-color: #00315C;
--grey-color: #494852;
--green-color: #37AF9A;
--darkgreen-color: #174E55;
--primary-color: #00315C;
--secondary-color: #494852;
--active-color: #37AF9A;
--blue-color: #2952CB;
--dark-green-color: #174E55;
--font-14: 14px;
--font-16: 16px;
--font-18: 18px;
--font-20: 20px;
--font-25: 25px;
--font-30: 30px;
--font-35: 35px;
--font-40: 40px;
--font-45: 45px;
--font-48: 48px;
--font-58: 58px;
}
@media (max-width: 992px) {
:root {
--font-18: 14px;
--font-20: 16px;
--font-25: 20px;
--font-30: 26px;
--font-35: 30px;
--font-40: 36px;
--font-45: 40px;
--font-48: 44px;
--font-58: 45px;
}
}
@media (max-width: 468px) {
:root {
--font-18: 12px;
--font-20: 14px;
--font-25: 18px;
--font-30: 22px;
--font-35: 26px;
--font-40: 32px;
--font-45: 30px;
--font-48: 36px;
--font-58: 40px;
}
}
body {
font-family: var(--bs-font-sans-serif);;
margin: 0;
overflow-x:hidden;
}
.light-font{font-weight:300;}
.medium-font{font-weight: 500;}
.bold-font{font-weight:700;}
.xtra-bold-font{font-weight: 800;}
.para-text{font-size: 16px;}
.heading{font-size: 40px; font-weight: 700;}
.header{position: sticky; z-index: 1000; top: 0px;}
.header-home {position: sticky; z-index: 1000; top: 0px;}
.navbar-brand img{ width: 85px;}
.navbar-expand-lg .navbar-nav .nav-link{font-size: 16px; font-weight: 500; padding: 11px 25px; color: #12241D;}
.green-btn-link{padding-left: 20px;}
.green-btn-link a{background: #174E55; color: #fff!important; border-radius: 4px;}
.green-btn-link a:hover{background: #103b41;}
.bx-shadow{box-shadow: hsla(0 0% 0% / 0.1) 0 0.5rem 1rem
;} .header {background-color: #fff;}  .section-8 {
background-image: url(https://www.d1percent.com/wp-content/themes/solar-theme/img/news-background.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.news-text {
font-size: var(--font-20);
line-height: 24.26px;
color: var(--active-color);
}
.stay-text {
font-size: var(--font-40);
line-height: 47.31px;
}
.newsletter-text {
font-size: var(--font-40);
line-height: 53.55px;
}
.newsletter-text span {
color: var(--active-color);
}
.email-box {
width: 100%;
}
.email-box input {
padding: 16px 22px;
border-radius: 8px;
margin-top: 37px;
outline: 0; 
border: 0px;
}
.email-box input::placeholder {
font-size: var(--font-20);
line-height: 30px;
color: #6D6D6D;
}
.green-submit-button {
padding: 8px  !important;
background-color: var(--active-color) !important;
border-radius: 8px !important;
font-size: var(--font-20);
line-height: 30px;
right: 10px;
top: 34%;
margin-top: 0 !important;
}
.green-submit-button:hover {
background-color: #1d6155 !important;
transition: all 0.7s;
}
.Footer-newsletter-email{
width: 100% !important;
} .newsletter-form .tnp-subscription {position: relative;  max-width: 100%;}
.newsletter-form .tnp-subscription .tnp-field-email input{    padding: 16px 22px;
border-radius: 8px;   
outline: 0;
border: 0px;}
.newsletter-form .tnp-subscription .tnp-field-button{    text-align: left;
position: absolute;
top: 26px;
right: 139px;}
.newsletter-form .tnp-subscription .tnp-field-button .tnp-submit{background-color: #37af9a;
padding: 12px 28px;
border-radius: 8px; width: auto;}
.newsletter-form .tnp-subscription .defined-padding.footer { padding: 68px 0; }
.footer ul li p {
font-size: var(--font-30);
margin-bottom: 32px !important;
}
.footer ul li a {
color: var(--secondary-color);
line-height: 40px;
}
.follow-text p {
font-size: var(--font-20) !important;
line-height: 40px !important;
color: var(--primary-color) !important;
}
.social-media-links {
gap: 15px;
}
.footer-heading{
color: #000;
}
.follow-text{
color: var(--primary-color) !important;
} .copyright p {
line-height: 40px;
padding: 31px 0;
color: var(--secondary-color);
}
.defined-padding {
padding: 100px 0;
}
.entry-header h1{display: none;} .header .navbar-nav li:hover > ul.dropdown-menu {
display: block;
}
.header .dropdown-submenu {
position:relative;
}
.header .dropdown-submenu > .dropdown-menu {
top: 0;
left: 100%;
margin-top:-6px;
} .header .dropdown-menu > li > a:hover:after {
text-decoration: underline;
transform: rotate(-90deg);
} 
.header .dropdown-menu > li{padding-bottom: 3px;}
.header .dropdown-menu > li:last-child{padding-bottom: 0px;}
.header .dropdown-item.active, .header.dropdown-item:active{ background-color: #035f68;}
.header .dropdown-item{    padding: 7px 12px;}
.header  .dropdown-menu {    box-shadow: 0px 0px 20px 4px #00000026;
border: 0px;
padding: 10px;
border: 1px solid #ffffff;}
.header .dropdown-item{border-radius: 5px;}
.company-slider .elementor-widget-container .elementor-image-carousel-wrapper .swiper-pagination-bullets span{width: 13px; height: 13px;
background-color: #fff !important; border: 2px solid #12241D !important;}
.company-slider .elementor-widget-container .elementor-image-carousel-wrapper .swiper-pagination-bullets .swiper-pagination-bullet-active{background-color: #12241D !important}
.company-slider .elementor-widget-container .elementor-image-carousel-wrapper{padding-bottom: 70px !important}
.leading-left-section{position: realtive !important}
.leading-left-section::before{position:absolute !important;width:1px;height:100%;content:'';left:95%;top:0;background-color:#cdcdcd}
.usually-asked-question .elementor-widget-container .e-n-accordion .e-n-accordion-item-title{justify-content: space-between!important}
.elementor-578 .elementor-element.elementor-element-4406cdc > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title{border-radius: 10px 10px 0px 0px !important;}
.air-pollution-two-section .e-con-inner{position: relative}
.air-pollution-two-section .e-con-inner .elementor-element-922fbc8::before{content: '';position:absolute;width:1px;height:100%;background-color:#C5E4E4;top:0%;left:90%}
.leading-section .e-con-inner{position:relative}
.elementor-element.elementor-element-fb0b7cc.e-con-full.leading-left-section.e-flex.e-con.e-child.animated.fadeInLeft::before{content: '';position:absolute;width:1px;height:100%;background-color:#DCDCDC;top:0%;left:95%}
.gallery-slider .wpsisac-slick-carousal.design-1 .slick-dots{top: 100%}
.gallery-slider .slick-arrow{display: none !important}
.gallery-slider .wpsisac-slick-carousal .slick-dots li button{border: 0 !important; background:#cdcdcd!important}
.gallery-slider .wpsisac-slick-slider .slick-dots li.slick-active button, .wpsisac-slick-carousal .slick-dots li.slick-active button{background: #091B24!important}
@media(max-width: 1024px){
.communities-secion{background-image: none !important}
.air-pollution-two-section .e-con-inner .elementor-element-922fbc8::before,.elementor-element.elementor-element-fb0b7cc.e-con-full.leading-left-section.e-flex.e-con.e-child.animated.fadeInLeft::before{left:100%}
}
@media(max-width: 768px){
.post h1 {
font-size: 26px;		
}
.tabs {display: none!important;}
.video-icon{width: 150px; left: 50% !important;top: 50% !important;transform:translate(-50%, -50%)!important}
.heading-text{left: 50% !important;top: 50% !important;transform:translate(-50%, -50%)!important}
.top-background-image{position:relative !important}
.company-slider .elementor-widget-container .elementor-image-carousel-wrapper{padding-bottom: 30px !important}
.sustain-section-img .elementor-widget-container img{object-fit:cover !important; border-radius: 15px !important;}
.top-slider .e-con-inner{padding-bottom: 50px !important}
.leading-section{margin-top:0px !important}
.defined-padding {
padding: 50px 0;
}
.footer ul li p {margin: 10px 0 !important;}
.hidden-text {display: none;}
.air-pollution-two-section .e-con-inner .elementor-element-922fbc8::before,.elementor-element.elementor-element-fb0b7cc.e-con-full.leading-left-section.e-flex.e-con.e-child.animated.fadeInLeft::before{content:none}
}
@media(max-width: 576px){
.video-icon{width: 100px; left: 50% !important;top: 50% !important;transform:translate(-50%, -50%)!important}
.newsletter-text{line-height: 40px;}	
.email-box{
display: block !important;
}
}
.green-submit-button{width: 150px;}
.Footer-newsletter-email {	
width: 100% !important;
min-width: initial !important;
} .wpcf7-response-output{
border: none !important;
color: red !important;
text-align: center !important;
margin: 0 !important;
}
.slide-4-content > div{
width: 100% !important;
} .email-box p,
.email-box span,
.contact-us-form .slide-4-form span,
.contact-us-form .slide-4-form span input,
.contact-us-form .slide-4-form span textarea{
width: 100%;
}
.contact-us-form .slide-4-form p label{
color: #000 !important;
font-size: 18px;
line-height: 30px;
}
.contact-us-form .slide-4-form span input,
.contact-us-form .slide-4-form span textarea{
border: 1px solid #BCBCBC !important;
box-shadow: 0px 1px 4px #0000002e !important;
border-radius: 10px !important;
padding: 16px 22px !important;
}
.contact-us-form .slide-4-form span input placeholder,
.contact-us-form .slide-4-form span textarea placeholder{
color: #6D6D6D !important;
font-size: 16px !important;
line-height: 30px !important;
}
.contact-us-form .slide-4-form span textarea{
max-height: 150px !important;}
.contact-us-form .slide-4-form .submit-button{
width: 100% !important;
padding: 16px 22px !important;
box-shadow: 0px 1px 4px #0000002e !important;
border-radius: 10px !important;
border: 1px solid #12241D !important;
background-color: #12241D !important;
color: #fff !important;
font-size: 20px !important;
line-height: 30px !important;
} .ab-timeline {
position: relative;
}
.ab-timeline:before {
content: "";
background: #455ACB;
width: 5px;
height: 100%;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);
border-radius: 10px;
}
.ab-timeline-item:nth-child(odd) {
text-align: right;
}
.ab-timeline-item:nth-child(2n) {
text-align: left;
}
.ab-timeline-item {
width: 100%;
position: relative;
}
.ab-timeline-img {
width: 22px;
height: 22px;
background: #455acb;
border: 5px solid #e2f0f8;
border-radius: 50%;
position: absolute;
left: 0;
right: 0;
top: 12px;
margin: auto;
}
.ab-timeline-item .ab-timeline-content {
position: relative;
width: 45%;
}
.ab-timeline-item .h4,  .ab-timeline-item h4 {
color: #37AF9A;
font-weight: 800;
font-size:27px;
}
.ab-timeline-item .h3, .ab-timeline-item h3 {
color: #494852;
font-weight: 700;
font-size: 17px;
}
.ab-timeline-item:nth-child(2n) .ab-timeline-content {
float: right;
}
.ab-timeline-item:after {
content: "";
display: block;
clear: both;
}
.mission-block{
background-image: linear-gradient(90deg, #21BC98 0%, #4954CF 100%);
animation: animate-gradient 3s ease infinite;
background-size: 150% 150%;
} .tabs a {
line-height: 19.41px;
}
.tab-active {
color: var(--active-color);
line-height: 19.81px;
}
.tabs {
gap: 15px;
padding-bottom: 24px;
}
.section-1 {
padding-top: 51px;
background: linear-gradient(180deg, #293D5F 0%, #238B7B 100%);
}
.section-1-image img {
margin-bottom: -150px;
border-radius: 20px;
}
.section-1-content {
top: 50%;
left: 50%;
font-size: 45px;
line-height: 57.37px;
transform: translate(-50%, 25%);
}
.section-1-content p {
background-color: #000;      
padding: 12px 30px ;
border-radius: 15px;
}
.blog-listing-top{padding-top: 100px;}
.page-list{padding: 100px 0px 50px 0px;}
.entry-content p{margin-bottom: 15px;}
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4{padding-bottom: 20px; font-weight: 700;}
.post{padding: 25px 0px; }
.post h1{font-size: 30px; font-weight: 700;}
.single .post-thumbnail{padding: 20px 0px;}
.page .post ul,  .page .post ol,   .single .post ul,  .single .post ol{padding-left: 2rem; list-style: initial; margin-bottom: 1rem;}
.page .post ul li,  .page .post ol li,   .single .post ul li,  .single .post ol li{ line-height: 25px; padding-bottom: 5px;}
.single .post ol{ list-style-type: disclosure-closed;}
.blg-header{    background-color: transparent;
background-image: linear-gradient(180deg, #293D5F 0%, #238B7B 100%);}
.post-thumbnail img{border-radius: 20px; border-radius: 20px;
height: 638px;
object-fit: cover;} 
.bl-header{background:url(https://www.d1percent.com/wp-content/themes/solar-theme/img/blog-img.png)no-repeat}
.card-blog{ border: 1px solid #ddd;
padding: 15px;
border-radius: 12px; position: relative; 
transition: all 0.3s ease-in-out; background: #fff;}
.nav-links{display: flex;
background: #eaf1f9;
margin: 20px 0px;
padding: 20px;
gap: 21px;
justify-content: space-around;
border: 1px solid #d9e2ed; visibility: hidden;} .card-blog:hover {
transform: scale(1.03, 1.03);
box-shadow: 0 5px 15px rgba(0,0,0,0.15);
}  .card-blog article{padding: 0px;}
.post-category{color: #4B6BFB;
font-weight: 600;
font-size: 13px;
padding: 12px 0px 3px;}
.img-block a{display: block;}
.img-block  img{width: 100%; height: 230px; object-fit: cover; border-radius: 15px;}
.entry-title-blog {font-size: 22px; font-weight: 700; color: #000;}
.entry-title-blog a{color: #000;}
.entry-meta{    padding: 10px 0px 3px;
font-weight: 600;
font-size: 14px;
display: flex; align-items: center; font-weight: 500; color: #7a7a7a;}
.entry-meta .byline img{width: 18px;}
.byline {padding-right: 13px;     display: inline-flex;
gap: 5px;
align-items: center;}
.author{text-transform: capitalize;}
@keyframes animate-gradient {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
@media (max-width: 991px) {
.section-1-content {
transform: translate(-50%, 50%);
}
.section-1-content p {
font-size: 20px;
line-height: 27px;
}
.tabs a {
font-size: 13px;
line-height: 16px;
}
}
@media(max-width: 768px){
.contact-us-form .slide-4-form span input,
.contact-us-form .slide-4-form span textarea,
.contact-us-form .slide-4-form .submit-button{padding: 10px !important;}
.ab-timeline:before{left: -7px;}
.ab-timeline-item:nth-child(odd){text-align: initial;}
.ab-timeline-img{left: -18px; right:auto;}
.ab-timeline-item .ab-timeline-content{max-width: 100%;
width: auto;
margin-left: 18px;
padding-bottom: 50px;}
.ab-timeline-item:nth-child(2n) .ab-timeline-content{float:left}
.ab-timeline-item .h3, .ab-timeline-item h3{    font-weight: 500;
font-size: 16px;}
.post-thumbnail img{height: auto;}
.section-1{padding: 22px 0px;}
.section-1-content p {
padding: 10px !important;
}
.tabs a {
font-size: 11px;
}
.section-1-content {
transform: translate(-50%, 100%);
}
.section-1-content p {
font-size: 14px;
line-height: 25px;
}
.blog-listing-top{padding-top: 20px;}
}
@media (max-width:468px) {
.section-1-image img {
margin-bottom: 0 !important;
}
.section-1-content {
top: 0;
transform: translate(-50%, 100%) !important;
}
}
@media(max-width:991px){.core-values-list{justify-content:center !important; gap: 10px;}} .topic_new_button{
display: block;
position: relative;
}
.closebutton{
position: absolute;
right: 20px;
color: #fff;
font-size: 30px;
font-weight: 500;
}
@media (min-width:991px) {
.closebutton {
display: none;
}
}
@media (max-width: 991px) {
#primary-menu {
margin-top: 50px !important;
}
.advantage-section {
min-height: auto;
}
.top-slide-heading {
padding-bottom: 50px;
}
.navbar-toggler-icon {
background-image: url(https://www.d1percent.com/wp-content/themes/solar-theme/img/three-lines.png);
}
.bottom-division-section .container-fluid svg {
visibility: hidden !important;
display: none !important;
}
.gradient-mixer {
min-height: 100px;
}
.division-heading {
padding: 55px 0 !important;
}
.bottom-division-1 {
flex-direction: column-reverse;
gap: 40px;
}
.center-division-section {
padding-bottom: 30px;
}
.blog-image img {
width: 100%;
}
.slide-1-img-container img {
width: 60px;
}
.slide-1-img-container {
padding: 20px;
}
#navbarCollapse {
position: fixed !important;
top: 0px;
background: #0e4b48;
left: 0px;
width: 100%;
height: 100%;
}
.bottom-division-1 {
gap: 20px;
}
#primary-menu li a {
color: #fff !important;
}
.green-btn-link {
padding: 0 15px !important;
margin-top: 12px;
}
.green-btn-link a {
background-color: #2ac190;
padding: 11px 25px !important;
}
.navbar-expand-lg .navbar-nav .nav-link {
padding: 20px 25px;
}
#primary-menu li ul {
margin: 0 20px;
background: transparent;
border: none;
font-weight: bold;
}
}
@media (max-width: 468px) {
.page-list{padding-top:25px;}
.navbar {
height: 70px;
}
.navbar-brand{padding-top:0px;}
.navbar-brand img {
width: 60px;
}
#navbarCollapse {
position: fixed !important;
top: 0px;
background: #0e4b48;
left: 0px;
width: 100%;
height: 100%;
}
}
.cst-modal .btn-close{ position: absolute;
right: -25px;
color: #000000;
background-color: #fff;
border-radius: 0px;
top: 1px;}
.over-flow-hidden{
overflow: hidden !important;
} .breadcrumb span{
display: flex;
gap:20px;
color: #fefefe;
}
.breadcrumb span a{
color: #12DABE;
} .gallery-slider .wpsisac-slick-slider .slick-dots li.slick-active button, .wpsisac-slick-carousal .slick-dots li.slick-active button{background: #d5af8b !important}
.company-slider .swiper-slide img{width: auto;
height: 100px !important; object-fit: contain;}
.theme-modal .modal-content{background-color: #174E55; color: #fff; padding: 20px;}
.theme-modal .modal-content .md-header{position: relative; text-align: center; padding: 20px 0px 35px 0px;}
.theme-modal .modal-content .md-header h3{font-size: 24px;}
.theme-modal .modal-content .md-header .btn-close{ position: absolute;    right: -14px;  top: -11px;   color: #fff; filter: grayscale(1) invert(1);}
.theme-modal .modal-content .form-group{padding-bottom: 24px;}
.theme-modal .modal-content .form-group label{display: block;padding-bottom: 4px; font-size: 13px;}
.theme-modal .modal-content .form-group .wpcf7-form-control-wrap{width: 100%; display: block;}
.theme-modal .modal-content .form-group .wpcf7-form-control-wrap input{width: 100%;     height: 40px;   border-radius: 5px;    outline: 0px;    border: 0px;   padding: 15px;}
.theme-modal .modal-content  .wpcf7-submit{       padding: 10px 30px;
width: 100%;
margin-top: 16px;
font-weight: 600;
background: #37af9a;
border: 0px;
outline: 0px;
color: #fff;
border-radius: 4px;}
.theme-modal .modal-content .wpcf7-submit:hover{background: #2da18c;}
.team-players .elementor-widget-container img{width: 130px;}
.sp-testimonial-post-title{display: none;}