:root{
   --autoWidth: 111.125em; 
   /* 1778px */
   --family: "Poppins", serif;
   --headerHeight: 90px;  

   --transition: all 0.3s ease;
      
   --p_color: #000B08;
   --black: #000; 
   --white: #fff;   
   --p_green: #51B84F;
   --s_green: #003B3E;
   --light_green: #00575C;
   --white90: rgba(255, 255, 255, 0.9);
   --black60: rgba(0, 0, 0, 0.6);
   --black80: rgba(0, 0, 0, 0.8);
   --gray: #5F5F5F;
   --dark_gray: #4B4B4B;
   --light_gray: #F2F8F5;
   --light_gray2: #E9FCE6;
   

   --border_color: #6F9091;
   --border_color2: #007177;
   --border_color3: #D6D6D6;
   --border_color4: #1E524B;
   --banner_bg_color: linear-gradient(180deg, #000000 0%, rgba(40, 44, 53, 0) 82.23%);

 

   --baseFS: 16px;
   --fs16: 1em;
   --fs18: 1.125em;
   --fs20: 1.25em;
   --fs22: 1.375em;
   --fs24: 1.5em;
   --fs26: 1.625em;
   --fs28: 1.75em;
   --fs30: 1.875em;
   --fs38:2.375em;
   --fs58: 3.425em;
   --fs62: 3.875em;
   --fs64: 4em;
   --fs96: 6em;
   --fs106: 6.625em;
   
  
}


*{
  margin: 0;
  padding:0;
  box-sizing: border-box;
  font-optical-sizing: auto;
   font-style: normal;
}
a{ text-decoration: none !important; }
ol, ul{ margin: 0; list-style: none;  margin: 0;}

p, h1, h2, h3, h4, h5, h6, strong, b{ margin: 0; font-weight: normal; }

em{ font-style: normal; }

input, textarea, select, button{ border:0px none; border-radius:0px; background:none; outline:none; -webkit-appearance:none; appearance:none; outline:none; font-family: var(--family); font-weight: 400; }
button{ cursor: pointer; }
img{ display: block; height: auto; outline: none; }

input[type='submit']{  border-radius:0px; -webkit-appearance:none; appearance:none; outline:none; }

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Remove arrows for Firefox */
input[type="number"] {
    -moz-appearance: textfield;
    appearance: textfield;
}

body.hidden{ overflow: hidden !important;}

textarea{ resize:none; overflow:auto; }

:focus{ outline:none;}

.clearfix:after{content:""; display:block; clear:both; height:0px; visibility:hidden;}

.clearfix{ display:block; zoom:1; }

i, em{ font-style: normal;}

.overflow_hidden{ overflow: hidden !important; }

html{ min-height: 100%;   }

.wrapper{ width: 100%; max-width: 100%;  }
/* overflow-x: hidden;  */

body { width: 100%; font-family: var(--family); color: var(--p_color); font-size: var(--baseFS); font-weight: 400; overflow-x: hidden; max-width: 100%; letter-spacing: -0.5px; }

.mob_menuBtn{ display: none; }


.hamburger-lines {
    border-radius: 50%; 
    cursor: pointer;
    display: none;
    flex-direction: column;
    flex-shrink: 0;
    height: 40px;
    justify-content: space-between;
    padding: 10.9px 8px;
    position: relative;
    width: 40px;
    z-index: 999
  }
  
  .hamburger-lines .line {
    background: var(--dark);
    border-radius: 10px;
    display: block;
    height: 1.4px;
    width: 100%
  }
  
  .hamburger-lines .line1 {
    transform-origin: 0 0;
    transition: all .4s ease-in-out
  }
  
  .hamburger-lines .line2 {
    transition: all .2s ease-in-out
  }
  
  .hamburger-lines .line3 {
    transform-origin: 0 100%;
    transition: all .4s ease-in-out
  }
  
  .hamburger-lines.open .line {
    margin-left: 7px; background-color: #fff;
  }
  
  .hamburger-lines.open .line1 {
    transform: rotate(45deg)
  }
  
  .hamburger-lines.open .line2 {
    transform: scaleY(0)
  }
  
  .hamburger-lines.open .line3 {
    transform: rotate(-45deg)
  }

.autoContent{ max-width: var(--autoWidth); padding: 0px 20px; margin: auto; width: 100%; }

.header{ width: 100%; padding: 1.25em 0em; position: absolute; z-index: 999;  transition: var(--transition); border-bottom: 1px solid transparent; }

.header.sticky{ position: fixed; background-color: var(--s_green); border-bottom-color: var(--border_color4);     backdrop-filter: blur(16px); }

.header_inner{ display: flex; align-items: center; justify-content: space-between; }

.logo{ width: 202px; flex-shrink: 0; height: auto; }
.logo a{ display: block;}
.logo a img{ width: 100%; height: auto; display: block; }

.header_right{ display: flex; align-items: center; justify-content: space-between; width: 100%; }

.header_links{ margin-left: auto; padding-right: 4.688em;}

.header_links ul{ display: flex; }
.header_links ul li{ padding: 0em 1.563em; }

.header_links ul li a{ color: var(--white90); line-height: 1.4em; transition: var(--transition); font-size: var(--fs18); position: relative;}
 

.header_links ul li a::before {  content: '';  position: absolute; bottom: -6px; left: 50%; transform: translate(-50%); width: 0; height: 2px; background-color: var(--p_green); transition: var(--transition); opacity: 0; }

.header_links ul li a:hover::before, .header_links ul li a.active::before { width: 100%; opacity: 1; }
.header_links ul li a:hover, .header_links ul li a.active{ color: var(--p_green); }


.all_btn{ color: var(--white); font-size: var(--fs20); font-weight: 500; line-height: 1.2em; padding: 0.625em 2.375em; background-color: var(--p_green); border-radius: 72px; display: inline-block; border: 1px solid var(--p_green); transition: var(--transition);}

.all_btn:hover{ background-color: var(--light_gray2); border-color: var(--light_gray2); color: var(--p_color);}


 

.btn_outline_white{ background-color: transparent; border-color: var(--white); }
.btn_outline_white:hover{ background-color: var(--p_green); border-color: var(--p_green); }
 
.btn_with_icon{ padding: 0.313em 0.313em 0.313em 1.875em; display: inline-flex; align-items: center; justify-content: space-between; gap: 2.5em; }
.btn_icon{ display: block; padding: 0.738em; border-radius: 50%; background-color: var(--black); }

.btn_icon svg{ width: 24px; height: 24px; display: block; }


.content{ width: 100%; }
 
.banner{ width: 100%; display: flex; align-items: center; justify-content: center; background: url("../images/banner_bg.png") no-repeat top center; background-size: cover; padding-top: var(--headerHeight); background-color: var(--s_green); }

.banner_inner{ padding: 2.5em 0em;  }

.banner_heading{ text-align: center; padding: 6.25em 0em 22.25em 0em ; }
.banner_heading h1{ color: var(--white); font-size: var(--fs106); font-weight: 700; line-height: 1.2em; }

.banner_heading h2{ color: var(--white); font-size: var(--fs96); font-weight: 700; line-height: 1.2em; }


.banner_heading p{ color: var(--white); font-size: var(--fs28); font-weight: 400; line-height: 1.4em; max-width: 1070px; margin: auto; padding: 1.071em 0em 1.428em; }

.banner_heading p strong{ font-weight: 600;}

.banner_box{ display: flex;  }

.banner_box_left{ width: 44%; padding-right: 2.375em; }


.banner_box_content{ padding: 1.25em; background-color: var(--black60); border-radius: 30px; height: 100%; display: flex; justify-content: center; flex-direction: column; transition: var(--transition); }

.banner_box_content:hover{ background-color: var(--black80); }

.banner_box_left .banner_box_content{ display: flex; flex-direction: row; align-items: center; }

.bf_img{ width: 40%; border-radius: 20px; overflow: hidden; }

.bf_img img{ width: 100%; height: auto; object-fit: cover; }

.b_box_detail{ width: 60%; padding-left: 1.563em; max-width: 22.625em; }
.b_box_detail h4{ color: var(--white); font-size: var(--fs30); font-weight: 500; line-height: 1.4em; padding-bottom: 0.333em;     display: -webkit-box;  
    -webkit-box-orient: vertical; 
    -webkit-line-clamp: 2; 
    overflow: hidden;  
    text-overflow: ellipsis;}

.b_box_detail p{ color: var(--white); line-height: 1.5em; margin-bottom: 1.22em; font-size: var(--fs18);  
    display: -webkit-box;  
    -webkit-box-orient: vertical; 
    -webkit-line-clamp: 4; 
    overflow: hidden;  
    text-overflow: ellipsis; }

.b_box_detail a{ color: var(--white); font-size: var(--fs20); font-weight: 500; line-height: 1.2em; text-decoration-line: underline !important; display: inline; transition: var(--transition); }

.b_box_detail a:hover{ text-decoration: none !important; color: var(--p_green);}


.banner_box_middle{ width: 24%; }
.b_box_icons{ padding-bottom: 1.345em;  }

.b_box_icons ul{ display: flex; align-items: center; justify-content: center; }
.b_box_icons li{ padding-right: 1.375em; }
.b_box_icons li:last-child{ padding-right: 0em; }

.b_box_icon{ max-width: 9.375em; height: auto;  height: 5.75em; display: flex; align-items: center; }
.b_box_icon img{ width: auto; height: auto; max-width: 100%; max-height: 100%; display: block; }

.b_box_text{ text-align: center; }
.b_box_text h2{ color: var(--white); font-size: var(--fs62); font-weight: 500; line-height: 1.2em; }
.b_box_text p{ color: var(--white); font-size: var(--fs30); line-height: 1.2em; }


.banner_box_right{ width: 32%; padding-left: 2.375em; }
.banner_box_right .b_box_detail{ width: 100%; max-width: none; padding-left: 0em; }
.banner_box_right .b_box_detail p{ max-width: 480px; }
.b_box_right_heading{ display: flex;  justify-content: space-between; }

.b_box_right_heading_icon{ width:4.75em; height: 4.75em; display: block; flex-shrink: 0; }
.b_box_right_heading_icon img{ width: 100%; height: 100%; display: block; }


.whoWeAre_sec{ width: 100%; padding: 10em 0em 5em; }
.whoWeAre_sec_inner{ display: flex; flex-wrap: wrap; }
.whoWeAre_sec_left{ width: 43%; display: flex; flex-direction: column; justify-content: space-between; padding-right: 1.875em; }

.sec_heading span{ color: var(--gray); font-size: var(--fs28); font-weight: 500; line-height: 1.2em; padding-bottom: 0.642em; display: block;}
.sec_heading h2{ color: var(--p_color); font-size: var(--fs58); font-weight: 700; line-height: 1.2em;  }
 

.sec_heading_white.sec_heading span{ color: var(--p_green); }
.sec_heading_white.sec_heading h2{ color: var(--white); }
 
.solar_energy_detail h4{ color: var(--p_color); font-size: var(--fs28); font-weight: 600; line-height: 1.4em; padding-bottom: 0.857em; }

.solar_energy_detail p{ color: var(--dark_gray); font-size: var(--fs22); line-height: 1.5em;  }

.whoWeAre_sec_right{ width: 57%; display: flex;  }

.img_topIcon_main{ width: 53%; border: 1px solid var(--border_color3); padding: 1.125em; border-radius: 30px;   }
.img_topIcon{ width: 100%; max-width: 550px; height: 100%;   border-radius: 1.875em; position: relative; }

.img_topIcon img{ width: 100%; height: 100%; object-fit: cover; border-radius: 20px 80px 20px  20px; display: block;  }

.img_topIcon_arrow{ display: block; width: 3.863em; height: 3.863em; border-radius: 50%; background: url("../images/imgArrow.svg") no-repeat center center; background-color: var(--p_green) !important; position: absolute; right: -5px; top: -5px; border: 6px solid var(--white); }

.whoWeAre_sec_list{ padding-left: 2.5em; width: 47%; }
.whoWeAre_sec_list ul{ display: flex; flex-wrap: wrap; }
.whoWeAre_sec_list ul li{ width: 100%; padding-bottom:1.875em; margin-bottom: 2.5em; border-bottom: 1px solid var(--border_color3); }
.whoWeAre_sec_list ul li:last-child{ margin-bottom: 0em; }

.whoWeAre_sec_list_icon{ padding: 0.875em; border-radius: 50%; background-color: var(--p_green); width: 4.625em; height: 4.625em; transition: var(--transition);}
.whoWeAre_sec_list_icon i{ width: 2.875em; height: 2.875em; display: block; }
.whoWeAre_sec_list_icon i svg{ width: 100%; height: 100%; display: block; }

.whoWeAre_sec_list_detail p{ color: var(--p_color); font-size: var(--fs22); font-weight: 500; line-height:normal; padding-top: 0.454em; transition: var(--transition); }


.whoWeAre_sec_list ul li:hover .whoWeAre_sec_list_icon{ background-color: var(--s_green);  animation: upDown 0.8s infinite alternate ease-in-out; }

.whoWeAre_sec_list ul li:hover .whoWeAre_sec_list_detail p{ color: var(--s_green);}

.ourPhilosophy_sec{ width: 100%; padding: 5em 0em 10em; background-color: var(--s_green); }

.ourPhilosophy_sec_inner{ display: flex;flex-wrap: wrap; }
.ourPhilosophy_sec .sec_heading span{ color: var(--p_green); }

.ourPhilosophy_sec_left{ display: flex; flex-direction: column; justify-content: space-between; width: 32%; }

.op_left_img{ width: 100%; max-width: 550px; height: auto; border-radius: 30px; overflow: hidden; }
.op_left_img img{ width: 100%; height: 100%; display: block; object-fit: cover; }

.ourPhilosophy_sec_right{ padding-left: 2.25em; width: 68%; }

.op_text{ padding-bottom: 5.625em; border-bottom: 1px solid var(--border_color4); }
.op_text h2{ color: var(--white); font-size: var(--fs58); font-weight: 500; line-height: 1.2em; padding-bottom: 0.689em; }
.op_text h2 span{ color: var(--p_green); }
.op_text p{ color: var(--white); font-size: var(--fs26); line-height: normal; font-weight: 400; }

.op_list{ width: 100%; padding-top: 3.75em; }

.op_list ul{ display: flex; margin: -1.875em; justify-content: space-between; flex-wrap: wrap; }
.op_list ul li{ padding: 1.875em; }



.op_list_icon{ padding: 0.875em; width: 4.625em; height: 4.625em; background-color: var(--p_green); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: auto; }

.op_list_icon i{ width: 46px; height: 46px; display: block; }
.op_list_icon i svg{ width: 100%; height: 100%; display: block; }
.op_list_content { transition: var(--transition); }
.op_list_content h4{ color: var(--white); font-size: var(--fs22); font-weight: 500; line-height: 1.2em; padding-top: 0.545em; text-align: center; transition: var(--transition);  }

.op_list_content:hover{  animation: upDown 0.8s infinite alternate ease-in-out; }
.op_list_content:hover h4{ color: var(--p_green);}


.ourSolution_sec{ width: 100%; padding: 3em 0em;  flex-shrink: 0; position: relative; }

.ourSolution_sec video{ width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; object-fit: cover; z-index: 1;}

.ourSolution_sec_inner{ position: relative; z-index: 2;}

.os_content_box{ max-width: 52.875em; background-color: var(--white); padding: 2.75em 2.75em 2.688em 3.75em; border-radius: 20px; }
.os_content_box_heading{ padding-bottom: 3.125em; }
.os_content_box_heading h2{ color: var(--p_color); font-size: var(--fs58); font-weight: 700;  line-height: 1.1em; padding-bottom: 0.662em;}
.os_content_box_heading p{ color: var(--p_color);  font-size: var(--fs28); font-weight: 500; line-height: 1.5em; }

.os_content_box ul{ display: flex; flex-wrap: wrap; }
.os_content_box ul li{ width: 100%; padding-bottom: 1em; }

.os_content_list{ display: flex; align-items: center; transition: var(--transition); }

.os_content_list_icon{ padding-right: 1.25em;   transition: var(--transition);}
.os_content_list_icon i{ width: 3.25em; height: 3.25em; display: block; }
.os_content_list_icon i svg{ width: 100%; height: 100%; display: block; }

.os_content_list h4{ color: var(--dark_gray); font-size: var(--fs26); font-weight: 600; line-height: 1.2em; transition: var(--transition); }

.os_content_list:hover h4{ color: var(--s_green);}
.os_content_list:hover .os_content_list_icon{  animation: upDown 0.8s infinite alternate ease-in-out; }

/* ourOfferings_sec css start*/
.ourOfferings_sec{ width: 100%; padding: 10em 0em; background-color: var(--s_green); }


.offeringTabs_flexible{ width: 100%; display: flex; align-items: flex-end; justify-content: space-between; min-height: 610px; }

.offering_flexible_left{ width: 32%;}
.offering_flexible_right{ width: 55%;}

.offering_tabsHeader{ width: 100%; padding: 4em 0px; }

.offering_tabsHeader ul li:not(:last-child){ padding-bottom: 1.25em;}

.offering_tabBtn{ display: block; width: 100%; padding: 1em 1.25em; border-radius: 10px;  background: var(--light_gray2); color: var(--p_color); text-align: center; font-size: var(--fs30); line-height: 1.2em; font-weight: 500; transition: var(--transition); }
.offering_tabBtn:hover{ opacity: 0.8; }
.offering_tabBtn.active{ color: var(--white); background-color: var(--p_green); opacity: 1 !important;}

.offering_tabsShow{ width: 100%; color: var(--white); display: none; }

.offering_tabsList{ font-size: var(--fs26);  }

.offering_tabsList ul{ display: flex; flex-direction: column; gap:1.384em; counter-reset: list-counter; }

.offering_tabsList ul > li{  counter-increment: list-counter;  font-weight: 400; line-height: normal; padding-left: 2.307em; position: relative;   }

.offering_tabsList ul > li::before { content: counter(list-counter) ". ";  font-weight: bold; position: absolute;  left: 0px; color: var(--p_green); font-weight: 700; font-size: var(--fs26); line-height: 1em; top: -2px; }

.offering_tabsShow h2 { color: var(--white); font-size: var(--fs58); font-weight: 500; line-height: 1.2em; padding-bottom: 0.689em; }

.offering_tabsList ul > li ul li::before{ content: "."; line-height: 0.5em;}
.offering_tabsList ul > li ul{ gap: 0; padding-left: 20px;}
.offering_tabsList ul > li ul li{ padding-left: 20px; }
 
/* ourOfferings_sec css end */

/* ourServices_sec css start */
.ourServices_sec{ width: 100%; padding: 10em 0em; }

.ourServices_accordian{ padding-top: 3.125em; }

.accordian_row{ width: 100%;}

.accordian_header{ width: 100%; display: flex; border-top: 1px solid var(--border_color3); padding: 2.125em 1em; justify-content: space-between;  align-items: center; cursor: pointer; transition: var(--transition); }

.accordian_header:hover{ background-color: rgba(81, 184, 79, 0.10);}

.accordian_header:hover .accordian_header_arrow { border-color: var(--p_green);}
.accordian_header:hover .accordian_header_arrow svg path{  stroke: var(--p_green);}

.accordian_recNo{ color: var(--p_green);  font-size: var(--fs62);  font-weight: 600; line-height: 1em; width: 20%; display: block; flex-shrink: 0; }

.accordian_header_title{ margin-right: auto;}
.accordian_header_title h5{ color: var(--p_color); font-size: var(--fs28); font-weight: 500; line-height: 1.2em; padding-bottom: 0.571em; }
.accordian_header_title p{ color: var(--dark_gray); font-size: var(--fs26); font-weight: 400; line-height: 1.5em;  }

.accordian_header_right{ width: 15%; display: flex; justify-content: flex-end;}

.accordian_header_arrow{ width: 4.25em; height: 4.25em; flex-shrink: 0; border-radius: 50%; border: 2px solid var(--border_color3); display: flex; align-items: center; justify-content: center; transition: var(--transition);  }

.accordian_header_arrow svg{ display: block;}
.accordian_header_arrow svg path{ transition: var(--transition);}

.accordian_header.active .accordian_header_arrow{ background-color: var(--p_green) !important; border-color: var(--p_green); transform: rotate(180deg); }

.accordian_header.active .accordian_header_arrow svg path{  stroke: var(--white);}



.accordian_show{ width: 100%; display: none;}


.accordian_content{ width: 100%; display: flex; justify-content: space-between; padding: 1.875em 0px 3.125em 0px; flex-wrap: wrap; }

.services_info{ width: 50%; max-width: 44.063em; }
 
.services_info h5{ color: var(--p_color); font-size: var(--fs26); font-weight: 500; line-height: 1.2em; padding-bottom: 0.769em; }

.services_info ul{ list-style: disc outside; margin-left: 20px; color: var(--dark_gray);  font-size: var(--fs26); font-weight: 300; line-height: 1.2em;  }
.services_info ul li{ padding-bottom: 0.769em; }

.services_info p{ color: var(--dark_gray);  font-size: var(--fs26); font-weight: 300; line-height: 1.4em;  }

.services_right{ width: 47%;}

.services_img{ border-radius: 3.5em;  background: rgba(81, 184, 79, 0.10); width: 100%; padding: 2.5em 3.125em; 
  display: flex;
  align-items: center;
  justify-content: center; }
.services_img img{ display: block; max-width: none; width: 100%; height: auto; }



/* ourServices_sec css end */



/* ourImpact_sec css start */
.ourImpact_sec{ width: 100%; padding: 10em 0em;}
.information_box_main{ padding-top: 3.75em; }
.information_box_main ul{ display: flex; flex-wrap: wrap; margin: -1.15em; }
.information_box_main ul li{ width: 33.33%; padding: 1.15em ; }
.info_box{ background-color: var(--light_gray); padding: 2.5em 1.875em; border: 1px solid var(--border_color); border-radius: 20px; display: flex; flex-direction: column; justify-content: center; height: 100%; transition: var(--transition); }





.info_box_icon{ width: 6em; height: 6em; padding: 1.25em; background-color: var(--p_green); display: flex; align-items: center; justify-content: center; border-radius: 50%;  transition: var(--transition);}

.info_box_icon i{ width: 3.625em; height: 3.625em; display: block; }
.info_box_icon i svg{ width: 100%; height: 100%; display: block;  transition: var(--transition);}
.info_box_icon i path{ transition: var(--transition); }

.info_box h4{ color: var(--black); font-size: var(--fs30); font-weight: 600; line-height: 1.4em;display: -webkit-box;  
    -webkit-box-orient: vertical;  position: relative;
    -webkit-line-clamp: 2; 
    line-clamp: 2; 
    overflow: hidden;  
    text-overflow: ellipsis; min-height: 2.7em; transition: var(--transition); margin-top: 0.5em; }

    .info_box_content small{ display: block; color: var(--black); font-size: var(--fs20); font-weight: 600; line-height: 1.4em; transition: var(--transition); }

    .info_box_content h4{ margin: 0px !important;}

    .info_box_content{ position: relative;  margin-top: 1.875em;  }
    .info_box span{ display: inline-block; position: absolute; right: 0px; bottom: 58%; color: #E4EAE7;  font-size: 8.75em;  font-weight: 600;
      line-height:1em; opacity: 0.6; transition: var(--transition);}

.info_box:hover{ border-color: var(--p_green); background-color: var(--p_green);}
.info_box:hover .info_box_icon{ background-color: var(--white);  animation: upDown 0.8s infinite alternate ease-in-out; }
.info_box:hover .info_box_icon i path{ fill: var(--p_green); }
.info_box:hover h4, .info_box:hover small{ color: var(--white);}
/* ourImpact_sec css end */


/* ourBenefits_sec css start */
.ourBenefits_sec{ width: 100%; padding: 10em 0em; background-color: var(--s_green); }

.ourBenefits_sec .sec_heading span{ color: var(--p_green); }
.ourBenefits_sec .sec_heading h2{ color: var(--white); }

.ourBenefits_sec .info_box{ background-color: var(--light_green); border-color: var(--border_color2); }
.ourBenefits_sec .info_box h4{ color: var(--white); }

.ourBenefits_sec .info_box:hover{ background-color: var(--p_green); border-color: var(--p_green); }
/* ourBenefits_sec css end */


/* ourTeam_sec css start */
.ourTeam_sec{ width: 100%; padding: 12.438em 0em 11.188em; }

.ourTeam_detail{ padding-top: 4.5em; width: 84.25em; margin: auto; }
.ourTeam_detail ul{ display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0em 20px;  }

.ourTeam_detail ul li{ padding: 0em 20px; width: 100%; max-width: 31%; }

.ourTeam_info{ position: relative; border-radius: 10px;  border: 1px solid var(--Primary-95, #E5EFFF); background: #FFF; }
.ourTeam_img{ width: 100%; height: 23.5em; display: block; overflow: hidden; }
.ourTeam_img img{ width: 100%; height: 100%; display: block; object-fit: cover; transition: all 1s ease; }
.ourTeam_info:hover img{ transform: scale(1.05);}

.ourTeam_text{ border-radius: 0px 0px 10px 10px;  background: var(--light_gray); z-index: 2; padding: 1.5625em; text-align: center; }
.ourTeam_text h4{ color: var(--black); font-size: var(--fs24); font-weight: 600; line-height: 1.2em; padding-bottom: 0.116em; }
.ourTeam_text p{ color: var(--black); font-size: var(--fs18); font-weight: 400; line-height: 1.4em; }


/* ourTeam_sec css end */



/* industries_sec css start */

.industries_sec{ width: 100%; padding: 10em 0em; background-color: var(--s_green); }
.industries_sec .sec_heading h2{ text-align: center; color: var(--white) !important; }

.industries_content{ margin-top: 8.563em; position: relative; }

 
.industries_content ul li { position: absolute;  width: 100%; }

/* Adjustments */
.industries_content ul li:first-child { left: 100%; top: 0%; margin-left: -28%; }
.industries_content ul li:nth-child(4) { left: 100%; top: initial; bottom: 0%;  margin-left: -28%; }
.industries_content ul li:nth-child(3) { left: initial; right: 100%; top: initial; bottom: -0%; margin-right: -28%; }
.industries_content ul li:nth-child(2) { left: initial; right: 100%; top: 0%;  margin-right: -28%;}

.industries_content ul li:nth-child(3) .ind_visual_shap_main, .industries_content ul li:nth-child(2) .ind_visual_shap_main{ flex-direction: row-reverse; }
.industries_content ul li:nth-child(3) .ind_visual_shap_main span, .industries_content ul li:nth-child(2) .ind_visual_shap_main span{ padding-right: 0.642em; padding-left: 0em; text-align: right;}




.ind_row_circle{ width: 24em; height: auto; padding: 3.75em 0px; display: block; margin: auto; position: relative; }

.ind_row_circle figure img{ width: 100%; height: auto; display: block; object-fit: cover;   }
 

.ind_visual_shap_main{ display: flex; align-items: center; transition: var(--transition); }
.ind_visual_shap_main span{ color: var(--white); font-size: var(--fs28); font-weight: 500; line-height: 1.2em; display: block; padding-left: 0.642em; white-space: nowrap;}

.ind_visual_shap{ width: 6.25em; height: 6.875em; clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); background-color: var(--p_green);  padding: 2px; flex-shrink: 0; transition: var(--transition); }

.ind_visual_box{  width: 100%;  height: 100%; clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); background-color: var(--s_green); display: flex; align-items: center; justify-content: center; padding: 1.5em; }
.ind_visual_box i{ width: 3.125em; height: 3.125em; display: block; }
.ind_visual_box i svg{ width: 100%; height: 100%; display: block; }
.ind_more_active .ind_visual_box{ background-color: var(--p_green); }

@keyframes upDown {
  0% { transform: translateY(0px); }  
  50% { transform: translateY(5px); }  
  100% { transform: translateY(-5px); }  
}

.ind_visual_shap_main:hover .ind_visual_shap{  animation: upDown 0.8s infinite alternate ease-in-out; } 


/* industries_sec css end */


/* caseStudies_sec css start */

.caseStudies_sec{ width: 100%; padding: 10em 0em 10.0em 0em;  }

 

/* .caseStudies_slider{ display: flex; }
.caseStudies_slider_li{ width: 100%; } */

.cs_sec_content{ display: flex; flex-wrap: wrap; }

.cs_sec_left{ width: 43%; display: flex; flex-direction: column; justify-content: space-between; padding-right: 1.875em; }

.sec_heading_icon{ width: 100%; max-width: 7.625em; height: auto; display: block; margin: 1.25em 0em 0.625em; }

.sec_heading_icon img{ width: 100%; height: auto; display: block; }

.solar_energy_detail ul{ width: 100%; display: flex; align-items: center; padding-top: 2.938em; }
.solar_energy_detail ul li{ padding-right: 8em; }
.solar_energy_detail ul li:last-child{ padding-right: 0em; }
.se_count_tons h5{ color: var(--p_green); font-size: var(--fs58); font-weight: 600; line-height: 1.2em; padding-bottom: 0.344em; }
.se_count_tons span{ color: var(--p_color); font-size: var(--fs22); font-weight: 500; line-height: 1.2em; display: block; }

.cs_sec_right{ display: flex; width: 57%; }

.cs_saving_detail{ padding-left: 2.5em; width: 47%; }

.cs_saving_heading{ padding-bottom: 6.188em; }

.cs_saving_heading h4{ color: var(--p_green); font-size: var(--fs58); font-weight: 600; line-height: 1.2em; padding-bottom: 0.344em; }
.cs_saving_heading span{ color: var(--p_color); font-size: var(--fs22); font-weight: 500; line-height: 1.2em; }

.cs_saving_info p{ color: var(--dark_gray); font-size: var(--fs22); font-weight: 400; line-height: 1.2em; padding-bottom: 1.363em; }
.cs_saving_info p span{ font-weight: 700; }

.caseStudies_sec_inner{ position: relative; }

.caseStudies_slider .slick-dots{ display: flex; padding-top: 5em; align-items: center; gap: 15px;}

.caseStudies_slider .slick-dots button{ width: 80px; height: 9px; font-size: 0px; border-radius: 40px; background-color: var(--border_color3); transition: var(--transition);  }
 
.caseStudies_slider .slick-dots li.slick-active button{ background-color: var(--p_color); width: 200px;}

   
/* caseStudies_sec css end */




/* thunderEnergy_sec css start */
.thunderEnergy_sec{ width: 100%; padding: 10em 0em; background-color: var(--light_gray); }

.thunderEnergy_content{ display: flex; justify-content: space-between;  }
.thunderEnergy_left{ width:42%; display: flex; flex-direction: column;   padding-right: 2.5em; padding-top: 5.875em; }
.thunderEnergy_left .sec_heading_icon{ margin-top: 0em; }
.sec_heading p{ color: var(--dark_gray); font-size: var(--fs26); font-weight: 400; line-height: 1.2em; padding-top: 0.769em; }

.tEnergy_left_content{ padding-top: 6.375em; }

.tEnergy_left_content h4{ color: var(--p_color); font-size: var(--fs28); font-weight: 600; line-height: 1.3em; padding-bottom: 0.714em; }
.tEnergy_left_content p{ color: var(--dark_gray); font-size: var(--fs26); font-weight: 400; line-height: 1.5em; }

.tEnergy_left_content p a{ font-weight: 600; font-size: 106%; color: var(--p_green); transition: var(--transition); display: inline-flex; align-items: center;}
.tEnergy_left_content p a i{ padding-top: 4px; padding-left: 4px;}

.ppad-top{ padding-top: 1em;}

.tEnergy_left_content p a:hover{ color: var(--s_green) !important;}

.thunderEnergy_left .sec_heading p{ line-height: 1.4em; }

.thunderEnergy_right{ width: 54%;  }

.tEnergy_tabs_header{ padding-bottom: 3.125em; }
.tEnergy_tabs_header ul{ display: flex; gap: 0.5em; }

.tEnergy_tabs_link{ color: var(--p_color); font-size: var(--fs22); line-height: 1.2em; padding: 0em 1.0em 0.438em 1.0em; transition: var(--transition); display: block; position: relative; font-weight: 600; }
 
.tEnergy_tabs_link::before {  content: '';  position: absolute; bottom: -6px; left: 50%; transform: translate(-50%); width: 0; height: 2px; background-color: var(--p_green); transition: var(--transition); opacity: 0; }

.tEnergy_tabs_link:hover::before, .tEnergy_tabs_link.active::before { width: 100%; opacity: 1; }
.tEnergy_tabs_link:hover, .tEnergy_tabs_link.active{ color: var(--p_green); }


.tEnergy_tab_img{ width: 100%; max-width: 62.25em;  border-radius: 20px; overflow: hidden; display: none; }

.tEnergy_box{ width: 100%; border-radius: 20px; background: var(--white); }

.tEnergy_header{ border-radius: 20px 20px 0px 0px;  background: var(--p_green); padding: 1.25em; }

.tEnergy_header h3{color: var(--white);  font-size: var(--fs30);  font-weight: 800;  line-height: 133.333%; text-align: center; }


.tEnergy_content{ width: 100%; padding: 6em 2.5em;}

.tEnergy_content img{ width: 100%; height: auto; display: block; }
/* thunderEnergy_se css end */





/* footer css start */
.footer{ width: 100%; padding: 0.938em 0em; border-top: 1px solid var(--border_color3); }

.footer_inner{ display: flex; align-items: center; justify-content: space-between; }

.footer_left{ display: flex; align-items: center; }

.footer_inner p{ color: var(--dark_gray); font-weight: 500; line-height: 1.2em; font-size: var(--fs16); }

.footer_icon{ width: 7.938em; height: auto; display: block; margin-left: 0.875em; }
.footer_icon img{ width: 100%; height: auto; display: block; }

.footer_middle p a{ color: var(--dark_gray); transition: var(--transition); }
.footer_middle p a:hover{ color: var(--p_green); }
/* footer css end */






.custom_popup{ width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 9998; display: flex; align-items: center; justify-content: center; overflow-y: auto;}

.popup_inner{ width: 100%; padding: 20px; width: 100%; min-height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column;}

.popup_overlay{  width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 0; background: var(--black60);   pointer-events: none; }


.popup_box{ border-radius: 20px;  border: 1px solid #26242C;  background: var(--white);  width: 100%; max-width: 540px; position: relative; z-index: 2; margin: auto;  } 

.popupHeader{ display: flex; justify-content: center; align-items: center; position: relative; padding:16px 20px; position: relative; background-color: var(--p_green);  border-radius: 19px 19px 0px 0px; }

.popupHeader h3{ font-size: 22px; line-height: 1.2em; font-weight: 700; color: #fff; }

.popup_close{ width: 38px; height: 38px; display: flex; justify-content: center; align-items: center; border-radius: 50%; background: var(--s_color); transition: all 0.3s ease; position: absolute; right: 10px; top: 10px; }

.popup_close:hover svg path{ transition: all 0.3s ease; }

.popup_content{  width: 100%; padding: 20px 30px; }
.privacy_popup .popup_content{ max-height: calc(100vh - 170px);  overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; border-radius: 20px;  }

.privacy_popup .popup_box{ padding-bottom: 20px;}

.popup_close svg path{ stroke: var(--white); }

.popup_close:hover svg path{ stroke: var(--s_green); }

.demo_form ul li{ padding-bottom: 20px; }
.demo_form ul li:last-child{ padding-bottom: 0px; }

.form_field{ width: 100%; font-size: 14px; font-weight: 500; color: var(--p_color); padding: 12px 16px; border-radius: 5px; border: 1px solid var(--s_green); transition: all 0.3s ease; } 

.form_field:focus{ border-color: var(--p_green); }

.popup_footer{ display: flex; justify-content: center; padding: 20px 20px 30px 20px; }

.btn_yellow{ background: #FFC401; color: #0E0C15; }
.popup_footer .btn_yellow{ padding: 15px 60px; }

.countrypicker{ width: 100% !important; }


.countrypicker .btn-default{ background: transparent !important; font-size: 14px !important; font-weight: 500 !important; color: var(--p_color) !important; padding: 12px 16px !important; border-radius: 5px !important; border: 1px solid  var(--s_green) !important; transition: all 0.3s ease; }

.countrypicker.bootstrap-select .dropdown-toggle:focus{ outline: none !important; border-color: var(--p_green); }

.custom_popup{ display: none; }

.error_text{ font-size:14px; line-height:1.5em; display:block; color:#d32e2e;  }
.error_stroke{ border-color:#d32e2e !important; }

.disabled{ opacity: 0.2; pointer-events: none;}

.sucessPop_content{ text-align: center; padding: 50px 15px;}

.sucessPop_content i{ display: block; width: 100%; padding-bottom: 20px;  }

.sucessPop_content i img{ display: block; width: 100%; max-width: 200px; margin: auto;}

.sucessPop_content h3{ padding-bottom: 30px; font-weight: 600; font-size: 18px; line-height: 1.5em; max-width: 450px; margin: auto;  }

.sucessPop_content a{ min-width: 160px; text-align: center; justify-content: center; }


.g-recaptcha{ display: flex; justify-content: flex-start; flex-wrap: wrap; }

::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { background-color: #EFF0F6;  }
::-webkit-scrollbar-thumb { background-color: var(--p_green);  border-radius: 10px;   }










.loader{ width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; position: fixed; left: 0px;
  top: 0px; background-color: #003B3E; z-index: 9222;  }
  
 
  .logoGif{ width: 16.875em; margin-left: -50px; }
  .logoGif img{ display: block; max-width: none; width: 100%; height: auto;}
  
.wrapper{ transition: var(--transition);   }
.wrapper.active{ transform: translateY(30vh);  opacity: 0; height: 70vh; overflow: hidden;}
 

.progress-bar {
    width: 100%;
    background-color: var(--bg_color);;
    overflow: hidden;
    position: fixed; left: 0px;
    bottom: 0px;
    padding: 0px;   height: 3px;
}

.progress {
    height: 3px;
    width: 0%;
    background-color: var(--p_green);
    text-align: center;
    color: white;
    line-height: 6px;
    border-radius: 0px;
}

.loader_inner img {
  max-width: 120px;
  animation: zoomInOut 3s infinite;
}

@keyframes zoomInOut {
  0% {
      transform: scale(1);
  }
  50% {
      transform: scale(1.1); 
  }
  100% {
      transform: scale(1); 
  }
}