/**
Theme Name: Bia Energy Solutions
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bia-energy-solutions
Template: astra
*/

.home .ast-primary-header-bar:not(.ast-sticky-active) .site-logo-img img , .page-id-690 .ast-primary-header-bar:not(.ast-sticky-active) .site-logo-img img , .single-post .ast-primary-header-bar:not(.ast-sticky-active) .site-logo-img img{
    display: none;
}

.home .ast-primary-header-bar:not(.ast-sticky-active) .site-logo-img::after , .page-id-690 .ast-primary-header-bar:not(.ast-sticky-active) .site-logo-img::after 
 , .single-post .ast-primary-header-bar:not(.ast-sticky-active) .site-logo-img::after {
    content: url("/wp-content/uploads/2025/08/Bia-Energy-Solutions-white.png");
    display: inline-block;
}

/*page-banner-css*/

.page-banner h1 {
	color:  #010101 !important;
	position: relative;
	width: fit-content;
	padding-bottom: 20px;
	font-size: 70px;
	line-height: 80px;

}

.page-banner-inner h1:before {
	content: '';
	display: block;
	position: absolute;
background: var(--ast-global-color-1)!important;
	width: 35%;
	height: 20px;
	bottom: -6px;
	opacity: .7;
}

.page-banner-inner {
	min-height: 70vh;
}

.page-banner-inner {
	padding: 170px 0px 00px 70px;
	/* border: 30px solid #fff; */
	border-radius: 15px;
	border-top: 0px !important;
	border-bottom: 0px !important;
	width: calc(100% - 55px);
	margin-left: 27px !important;
	overflow: hidden;
	display: flex;
	align-items: center;
}

.page-banner-inner:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background: linear-gradient(1deg, rgb(0 0 0 / 44%) 0, rgb(0 0 0 / 0%) 100%);
	top: 0;
	left: 27px;
	display: block;
	width: calc(100% - 55px);
	border-radius: 15px;
	border-bottom: 7px solid #42a83d !important;
}

.page-banner-inner .vc_col-sm-5>div{
    margin-right:60px!important;
}

.page-banner-img>div {
	border-radius: 40px 0px 0px 0px;
}

/* Homepage Css Start */

.h-vision-sec {
	display: grid;
	grid-template-columns: 1fr 2fr;
	grid-column-gap: 30px;
}

.h-vision-sec .tabs-container {
	display: flex;
	background: #f4f4f4;
	border-radius: 15px;
	max-width: 900px;
	gap: 40px;
}

.h-vision-sec .tab-image {
	flex: 1;
}

.h-vision-sec .tab-image img {
	width: 100%;
	border-radius: 15px;
	object-fit: cover;
}

.h-vision-sec .tab-content {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.h-vision-sec .tab-buttons {
	display: flex;
	gap: 10px;
	margin-bottom: 20px !important;
	justify-content: flex-start;
}

.h-vision-sec .tab-buttons button {
	border: none;
	border-radius: 15px;
	background: #a0d40d;
	cursor: pointer;
	transition: 0.3s;
	width: 90px;
	height: 90px;
	padding: 20px;
}

.h-vision-sec .tab-buttons button.active, .h-vision-sec .tab-buttons button:hover {
	background: #42a83d;
}

.h-vision-sec .tab-panel {
	display: none;
}

.h-vision-sec .tab-panel.active {
	display: block;
	animation: fadeIn 0.4s ease-in-out;
}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(10px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.vision-head {
	font-size: 25px;
	font-family: 'Geist';
	text-transform: capitalize;
	font-weight: 600;
	    margin-bottom: 10px !important;
}

.light-bg:before{
	content: '';
    display: block;
    background: #f5f5f5;
    width: calc(100% - 55px);
    height: 100%;
    position: absolute;
    top: 0;
    border-radius: 15px;
    left: 0;
    right: 0;
    margin: auto;
}

.team-sec-bot{
	     display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding-top: 10px;
}

.team-sec-in{
	     background: #f5f5f5;
    padding: 25px;
    border-radius: 15px;
    display: grid;
    grid-template-columns: 1.8fr 1.2fr;
    column-gap: 20px;
}

.team-in-right .team-img{
	    margin-bottom: -25px !important;
    position: relative;
    z-index: 1;
}

.mark-img{
	position: absolute;
    width: 80px;
    transform: rotate(28deg);
    opacity: 0.3;
    right: 35px;
    top: -23px;
}

.team-in-right{
	position:relative;
}

.center{
	text-align:center;
}

.team-name{
	    font-family: 'Geist';
    font-size: 15px;
    margin-bottom: 5px !important;
    line-height: 20px;
}

.team-memb-name{
	   font-size: 20px;
    font-weight: 600;
    margin-bottom: 5px !important;
}

.team-in-left{
	display: grid;
    align-content: space-between;
}

.team-more{
	    font-weight: 600;
    color: #42a83d;
    cursor: pointer;
    display: inline-block;
    border-bottom: 1px solid;
    font-size: 15px;
	transition: ease-out all 0.2s;
}
p.team-more:hover {
    transform: scale(1.05);
	transition: ease-in all 0.2s;
}
.team-left-bot a{
	     color: #000;
    font-size: 15px;
    border: 1px solid #000;
    width: 35px;
    height: 35px;
    line-height: 33px;
    border-radius: 5px;
    text-align: center;
}

.team-left-bot a:hover{
	background:#a0d40d;
	border-color:#a0d40d;
}

.team-bio {
  display: none;
}

.team-left-bot{
	    display: flex;
    column-gap: 10px;
}
  .mmw-popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8); 
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.mmw-popup-content {
  position: relative;
  background: #fff;
  padding: 20px 20px 10px;
  width: 800px;
  max-width: 100%;
  border-radius: 15px;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  animation: popupFadeIn 0.3s ease-in-out;
}

.mmw-close-popup {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 22px;
  cursor: pointer;
  width: 35px;
  height: 35px;
  background:var(--ast-global-color-0);
  line-height: 35px;
  color: #fff;
  text-align: center;
  border-radius: 50%;
  transition: background 0.3s ease;
  z-index: 10000;
}

.mmw-close-popup:hover {
  background: var(--ast-global-color-0);;
}

.team-main-sec{
	display:grid;
	grid-row-gap:70px;
}

footer{
	background:#f5f5f5;
	border-radius:15px;
}

.foot-top-bot{
	   padding-top: 30px;
    display: flex;
    column-gap: 50px;
}

.foot-cont-head{
	    font-family: 'Geist';
    padding-bottom: 5px;
    font-weight: 500;
    text-transform: uppercase;
}

.main-footer{
	     display: grid;
    grid-template-columns: 1.8fr 1.2fr;
    grid-column-gap: 100px;
}

.foot-top-right, .make, .first-project-right{
	text-align:right;
}

.f-t-head img{
	width:50px;
}

a.foot-link{
	       width: 30px;
    height: 30px;
    display: inline-block;
    border: 1px solid #000;
    text-align: center;
    line-height: 29px;
    border-radius: 5px;
    margin-left: 10px;
    font-size: 16px;
    font-weight: 500;
}

.f-t-head{
	    font-size: 30px;
    font-family: 'Geist';
    font-weight: 700;
    line-height: 40px;
    padding-bottom: 25px;
}

.site-primary-footer-wrap{
	padding:70px 0;
}

.site-below-footer-inner-wrap{
	border-top:1px solid #000;
	padding:30px 0;
}

.make img{
	vertical-align:sub;
}

.make a, .foot-cont-link a{
	color:#000;
}

.ast-footer-copyright .ast-footer-copyright{
	    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 100px;
    align-items: center;
}

a.foot-link:hover{
	background:#a0d40d;
	border-color:#a0d40d;
}

.make a:hover, .foot-cont-link a:hover{
	color:#42a83d;
}

.foot-top-left img{
width:200px;
}

.projects-sec{
	display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 30px;
}

.project-sec-in.project-first{
	    background: #f5f5f5;
}

.project-scnd{
	background:url('/wp-content/uploads/2025/09/proposed-renewable-hydrogen-plant-in-abruzzo-italy.webp');
}

.project-thrd{
	background:url('/wp-content/uploads/2025/09/banner-img_2632228883.webp');
}

.project-sec-in:not(:first-child):before{
	      content: '';
    display: block;
    background: linear-gradient(1deg, #00000091, transparent, #000000b3);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 10px;
}

.proj-in-top, .proj-in-bot{
	position:relative;
}

.project-sec-in{
	      background-position: center;
    background-size: cover;
    padding: 30px;
    border-radius: 10px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.proj-in-head{
	    font-size: 22px;
    font-family: 'Geist';
    font-weight: 700;
    color: #fff;
    padding-top: 10px;
}

.proj-in-top img{
	    width: 50px;
    filter: brightness(5555);
}

.proj-in-bot{
	    padding-top: 150px;
}

.proj-in-bot p{
    color: #fff;
    font-weight: 500;
    margin-bottom: 0px!important;
}

.p-top-head{
	    font-size: 25px;
    font-family: 'Geist';
    font-weight: 500;
    line-height: 35px;
}

.first-project-bot{
	       display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: end;
}

.small-pro{
	    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0px!important;
}

.large-pro{
	     font-size: 20px;
    margin-bottom: 0px !important;
    font-weight: 600;
}


/* Homepage Css End */

/*abtt-page-css*/

.abt-grid {
	display: grid;
	grid-template-columns: 1.5fr 1.2fr;
	column-gap: 80px;
}

.abt-2nd-row {
	background-attachment: fixed;
	border-radius: 15px;
}

.abt-img {
	background-image: url(/wp-content/uploads/2025/08/service-img-01-600x750-1.jpg) !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	min-height: 300px;
	margin-top: 40px;
	border-radius: 15px;
}

.abt-grid .bold-text {
	font-family: 'Geist', sans-serif;
	font-size: 22px;
	padding-top: 20px;
}


.abt-2nd-row-inner .vc_col-sm-12>div>div {
	padding: 35px;
	background: #fff;
	width: 55%;
	margin-left: auto;
	border-radius: 15px;
	position: relative;
}

.abt-2nd-bottom-text .abt-director {
	font-family: 'Geist', sans-serif;
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 0px !important;
	line-height: 20px;
	padding-bottom: 10px;
}

.abt-2nd-bottom-text {
	padding-top: 30px;
	display: grid;
	grid-template-columns: 29% auto;
	width: 50%;
	/*     margin-left: auto; */
	grid-column-gap: 20px;
	align-items: center;
}

.abt-2nd-bottom-text img {
	border-radius: 7px;
}

.double-quotes-img {
	position: absolute;
	right: 35px;
	bottom: 35px;
	width: 80px;
	height: auto;
}

.values-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-column-gap: 50px;
	padding-top: 40px;
}

.values-grid .sub-head {
	font-family: 'Geist', sans-serif;
	font-size: 22px;
	font-weight: 500;
	padding-top: 20px;

}

.values-grid>div {
	position: relative;
}

.values-grid>div:before {
	content: '';
	display: block;
	position: absolute;
	width: 1px;
	height: 100%;
	background: var(--ast-global-color-1);
	;
	right: -25px;
}

.values-grid>div:nth-child(4):before {
	display: none !important;
}

.valuse-icon {
	width: 70px;
	height: 70px;
	display: block;
	background: var(--ast-global-color-0);
	border-radius: 7px;
	padding: 10px;
}


/* Sticky Header CSS Start */

header #ast-desktop-header .ast-primary-header-bar.ast-sticky-active {
	padding: 0px 20px !important;
	box-shadow: 0 0 0;
}

.ast-primary-header-bar.ast-sticky-active .site-primary-header-wrap {
	background: #fff;
	border-radius: 15px;
	padding: 10px 20px;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

/* Sticky Header CSS End */


/* Media Screen CSS Start */
@media only screen and (max-width:767px) {
      .mmw-popup-content iframe {
    height: 250px;
  }

  .mmw-popup-content {
    padding: 15px;
  }
	
	.page-id-690  .vc_grid.vc_row.vc_grid-gutter-30px .vc_grid-item {
    padding-bottom: 20px;
    padding-right: 20px;
}

}