/**
* Template Name: 
*/

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
*{padding:0;margin:0;text-decoration:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
:focus{outline:0 none}
a:focus{outline:0 none}
a img{border:none}
a{text-decoration:none; transition: 0.3s;}
a:hover{text-decoration:none!important}

.btn{white-space:normal;}
.btn-info.focus, .btn-info:focus{box-shadow: none;}

img,a,input,textarea,select{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}
input,textarea,select{-webkit-border-radius:0;border-radius:0;appearance:none}

input[type="checkbox"]{-webkit-border-radius:0;border-radius:0;appearance:checkbox!important}
input[type="radio"]{-webkit-border-radius:0;border-radius:0;appearance:radio!important}

::-moz-selection{background-color:#000;color:#fff}
::selection{background-color:#000;color:#fff}

input[type="text"]::-webkit-input-placeholder{opacity:1;color:#2B3241;}
input[type="text"]::-moz-placeholder{opacity:1;color:#2B3241;}
input[type="text"]::-ms-input-placeholder{opacity:1;color:#2B3241;}
input[type="email"]::-webkit-input-placeholder{opacity:1;color:#2B3241;}
input[type="email"]::-moz-placeholder{opacity:1;color:#2B3241;}
input[type="email"]::-ms-input-placeholder{opacity:1;color:#2B3241;}
input[type="password"]::-webkit-input-placeholder{opacity:1;color:#2B3241;}
input[type="password"]::-moz-placeholder{opacity:1;color:#2B3241;}
input[type="password"]::-ms-input-placeholder{opacity:1;color:#2B3241;}
input[type="tel"]::-webkit-input-placeholder{opacity:1;color:#2B3241;}
input[type="tel"]::-moz-placeholder{opacity:1;color:#2B3241;}
input[type="tel"]::-ms-input-placeholder{opacity:1;color:#2B3241;}
textarea.form-control::-webkit-input-placeholder{opacity:1;color:#2B3241;}
textarea.form-control::-moz-placeholder{opacity:1;color:#2B3241;}
textarea.form-control::-ms-input-placeholder{opacity:1;color:#2B3241;}

select::-ms-expand{display:none}
select{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none}

/* 
font-family: "Outfit", sans-serif;
*/

img{display: block; max-width: 100%; height: auto; }
a{color: #1E1E1E; transition: 0.3s;}
a:hover, a:active, a:focus{ text-decoration: none; color: inherit; color: #000;}
h1, h2, h3, h4, h5, h6, ol, ul, li, a, p{ margin: 0;padding:0; list-style-type: none;}
strike {text-decoration: line-through; }
.form-control:focus{box-shadow: none;}

ul, ol { list-style-position: inside; }

html{text-rendering:optimizeLegibility!important;-webkit-font-smoothing:antialiased!important;}
body{margin: 0; padding: 0; font-size: 18px; ; color: #000; font-weight: 300; font-family: "Outfit", sans-serif; line-height: normal; overflow-x: hidden;}
html, body{overflow-x: hidden;}

.container{max-width: 1350px; padding: 0 15px;}

h1,h2,h3,h4,h5,h6 {color: #000;}
h1 { font-size: 32px; font-weight: 600; }
h2 { font-size: 26px; font-weight: 600; }
h3 { font-size: 22px; font-weight: 400;}
h6 { font-size: 20px; font-weight: 400; line-height: 24px; margin: 0 0 30px; }

.slicknav_menu { display: none }

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; overflow: hidden; background: #fff; display: flex; align-items: center; justify-content: center; }
.loader { width: 60px; display: flex; justify-content: space-evenly; }
.ball { list-style: none; width: 12px; height: 12px; border-radius: 50%; background-color: #000; }
.ball:nth-child(1) { animation: bounce-1 2.1s ease-in-out infinite; }

@keyframes bounce-1 {
  50% {
    transform: translateY(-90px);
    scale: 0.3;
  }
}

.ball:nth-child(2) {
  animation: bounce-3 2.1s ease-in-out 0.3s infinite;
}

@keyframes bounce-2 {
  50% {
    transform: translateY(-90px);
    scale: 0.3;
  }
}

.ball:nth-child(3) {
  animation: bounce-3 2.1s ease-in-out 0.6s infinite;
}

@keyframes bounce-3 {
  50% {
    transform: translateY(-90px);
    scale: 0.3;
  }
}

/* For WebKit browsers (Chrome, Safari) */
::-webkit-scrollbar {
  width: 10px; /* width of the scrollbar */
}

::-webkit-scrollbar-thumb {
  background-color: #888; /* color of the thumb */
  border-radius: 6px; /* roundness of the thumb */
}

::-webkit-scrollbar-track {
  background-color: #f1f1f1; /* color of the track */
}

/* For Firefox */
/* Note: Firefox currently only supports scrollbar styling in the dark theme. */
/* You may need to enable it manually in about:config by setting 'ui.systemUsesDarkTheme' to 1. */
/* Refer to Firefox documentation for the latest updates. */

/* width of the scrollbar */
html, .awards-list {
  scrollbar-width: thin;
}

/* color of the thumb */
html, .awards-list {
  scrollbar-color: #888 #f1f1f1;
}

/*--------------------------------------------------------------
# Button
--------------------------------------------------------------*/
.btn{transition: 0.4s; position: relative;} .btn i{transition: 0.4s;}

.btn.btn-primary { display: inline-block; font-size: 16px; font-weight: 600; line-height: 22px; padding: 16px 30px; background: #0FA659; color: #fff; border-radius: 100px; border: 0; text-transform: uppercase; } 
.btn.btn-primary:hover, .btn.btn-primary:focus{background: #00666b; color: #fff;}

.btn.btn-white { display: inline-block; font-size: 16px; font-weight: 600; line-height: 22px; padding: 16px 30px; background: #fff; color: #0FA659; border-radius: 100px; border: 0; text-transform: uppercase; } 
.btn.btn-white:hover, .btn.btn-white:focus{background: #E4A72A; color: #fff;}

.btn.btn-outline { display: inline-block; font-size: 16px; font-weight: 600; line-height: 22px; padding: 12px 30px; background: #fff; color: #000; border-radius: 5px; border: 1px solid #FFC700; text-transform: capitalize; }
.btn.btn-outline:hover, .btn.btn-outline:focus{background: #000; color: #fff;}

.btn.btn-text { display: inline-block; font-size: 16px; font-weight: 600; line-height: 22px; padding: 12px 30px; background: #fff; color: #000; border-radius: 5px; border: 0; text-transform: capitalize; }
.btn.btn-text:hover, .btn.btn-text:focus{background: #000; color: #fff;}

@media only screen and (max-width: 991.98px) { 
  
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.header-main { padding: 12px 0; position: absolute; top: 0; left: 0; width: 100%; background: #fff; z-index: 9999; }
.header-main .container{max-width: 90%;}
.header-main ul{margin: 0; padding: 0;}
.header-main ul li{margin: 0 15px; padding: 0; display: inline-block;}
.header-main ul li a{ font-weight: 600; font-size: 16px; line-height: 100%; letter-spacing: 0%; text-transform: uppercase; }
.header-main ul li:hover a, .header-main ul li a.active{color: #0FA659;}
.header-main::after { content: ''; position: absolute; bottom: -30px; left: 0; width: 100%; height: 40px; background: url('assets/img/header-bar.png') bottom center repeat-x; }

.logo { display: block; max-width: 116px; }





/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section { padding: 60px 0; position: relative; z-index: 1; }
section p{ font-weight: 400; font-size: 16px; line-height: 30px; letter-spacing: 0%; color: #888B95; margin: 0 0 15px; }
section p:last-child{margin: 0;} 
section h4{position: relative; font-weight: 700; font-size: 50px; line-height: 60px; letter-spacing: 0%; margin: 0 0 30px; color: #26232A; }
section h4 span{color: #0FA659;}

.home-banner { position: relative; overflow: hidden; }
.banner-slider-block { position: relative; }
.bs-img img { height: 100vh; min-height: 767px; width: 100%; object-fit: cover; }
.bs-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; padding-top: 80px; z-index: 1; }
.bs-content .container { max-width: 60%; }
.bs-content ::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #09552E; z-index: -1; opacity: 0.3; }
.bs-content h4 { font-weight: 600; font-size: 17px; line-height: 100%; letter-spacing: 0%; background: #E4A72A; display: inline-block; padding: 16px 36px; border-radius: 100px; color: #fff; margin: 0 0 15px; }
.bs-content h2 { color: #fff; font-weight: 900; font-size: 50px; line-height: 60px; letter-spacing: 0%; max-width: 640px; }

.slick-dots{position: absolute; top: 50%; left: 7em;}
.slick-dots::before { content: ''; position: absolute; bottom: -71px; width: 1px; background: #fff; height: 50px; left: 45%; }
.slick-dots::after { content: 'Scroll Down'; text-transform: uppercase; writing-mode: vertical-rl; }
.slick-dots li{margin: 5px 0;}
.slick-dots li button { width: 12px; height: 12px; background: #fff; font-size: 0; border: 0; border-radius: 50%; position: relative; }
.slick-dots li.slick-active button { background: #E4A72A; border: 2px solid #E4A72A; }
.slick-dots li.slick-active button::after { content: ''; position: absolute; top: -6px; left: -6px; width: 20px; height: 20px; border: 2px solid #E4A72A; border-radius: 50%; }

.slick-arrow { width: 50px; height: 50px; border: 2px solid #fff; position: absolute; left: 21%; bottom: 10%; background: transparent; border-radius: 50%; font-size: 0; z-index: 99; transition: all 0.4s; }
.slick-next.slick-arrow { margin-left: 70px; }
.slick-arrow::after { content: '\f105'; position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-family: 'Font Awesome 6 Free'; font-weight: 700; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 18px; }
.slick-prev.slick-arrow::after{content: '\f104';}
.slick-arrow:hover{background: #fff; }
.slick-arrow:hover::after{color: #000;}
.slick-dots::after { content: 'Scroll Down'; text-transform: uppercase; writing-mode: vertical-rl; color: #fff; font-size: 15px; position: absolute; white-space: nowrap; left: -4px; bottom: -210px; }

.bn-shape-1 { position: absolute; bottom: 0; right: 0; width: 400px; height: 400px; background: url(assets/img/banner-img.png) bottom right no-repeat; background-size: contain; }
.bn-shape-1::after { content: ''; position: absolute; top: -15px; left: -14px; width: 700px; height: 700px; border: 2px dashed #fff; border-radius: 50%; animation: rotateShape 90s linear infinite; }
.bn-shape-1 span { position: absolute; top: 0; left: 192px; width: 22px; height: 22px; background: #E4A72A; border-radius: 50%; border: 3px solid #fff; z-index: 2; }
.bn-shape-1 span::before { content: ''; position: absolute; top: 100px; left: -144px; width: 22px; height: 22px; background: #E4A72A; border-radius: 50%; border: 3px solid #fff; z-index: 2; }
.bn-shape-1 span::after { content: ''; position: absolute; top: 270px; left: -216px; width: 22px; height: 22px; background: #E4A72A; border-radius: 50%; border: 3px solid #fff; z-index: 2; }

@keyframes rotateShape {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

body .hero-text, html .hero-text { font-weight: bold; font-size: 100px; line-height: 180px; color: black; background: url(assets/img/target-text.jpg) no-repeat center center; -webkit-background-clip: text; -webkit-text-fill-color: transparent; transition: 0.5s; margin: 0 0 40px;  display: flex; align-items: center; justify-content: center; }
body .upText, html .upText { -webkit-animation: upText 1s ease; animation: upText 1s ease; -webkit-animation-timing-function: ease; animation-timing-function: ease; }

@-webkit-keyframes upText {
  0% {
    transform: translateY(2rem);
    opacity: 0;
    visibility: hidden;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
  }
}

@keyframes upText {
  0% {
    transform: translateY(2rem);
    opacity: 0;
    visibility: hidden;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
  }
}

.about-sec::after { content: ''; position: absolute; top: 40%; left: 0; width: 400px; height: 600px; background: url(assets/img/about-vector.png) left center no-repeat; background-size: contain; z-index: -1; pointer-events: none;}
.about-sec .inner{max-width: 90%;}
.about-sec img{border-radius: 40px; max-width: 400px;}

.target-sec{background: url(assets/img/target-bar.png) center bottom repeat-x; background-size: 50%; z-index: 1; padding: 60px 0 100px;}
.target-sec::after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 83, 105, 0) 0%, #00A4CF 100%); z-index: -1; opacity: 0.08; }
.target-sec .inner{max-width: 90%;}
.target-sec p { display: flex; gap: 10px; }
.target-sec p span { display: flex; min-width: 50px; align-items: flex-start; justify-content: center; position: relative; }
.target-sec p span::before{content: ''; position: absolute; top: -5px; left: -5px; width: 25px; height: 25px; background: #E4A72A; z-index: -1; opacity: 0.2; border-radius: 50%;}
.target-img .img-1 { width: 400px; height: 400px; border-radius: 50%; overflow: hidden; }
.target-img .img-1 img{width: 100%; height: 100%; object-fit: cover;}
.target-img .img-2 { position: absolute; bottom: -30px; left: -100px; max-width: 260px; border: 12px solid #fff; border-radius: 20px; }
.target-img .img-2::after { content: '\f05e'; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:  rgba(15,166,89,0.7); display: flex; align-items: center; justify-content: center; font-family: 'Font Awesome 6 Free'; font-weight: 700; text-align: center; color: #fff; font-size: 60px; }

.goal-sec{background: url(assets/img/goal-bg.png) top center no-repeat; background-size: cover;}
.goal-sec h3{background: url(assets/img/goal-text.jpg) no-repeat center center;-webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.goal-sec h3 span{color: #0FA659;}
.goal-block { box-shadow: 0px 0px 12px 0px #00000040; border-radius: 40px; padding: 30px; max-width: 320px; margin: 0 auto; background: #fff; }
.goal-block h6 { font-family: Outfit; font-weight: 600; font-size: 18px; line-height: 36px; letter-spacing: 0%; margin: 0 0 10px; }
.goal-block h6 i{color: #E4A72A; margin-right: 8px;}


.biodiesel-sec h3{background: url(assets/img/bio-text.jpg) no-repeat center center;-webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.biodiesel-sec .inner{max-width: 90%;}
.biodiesel-sec img{max-width: 580px;}

.infra-sec{background: url(assets/img/infra-bg.jpg) center center no-repeat; background-size: cover; z-index: 1; position: relative;}
.infra-sec h3{background: url(assets/img/infra-text.jpg) no-repeat center center;-webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.infra-sec::after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #09552E; z-index: -1; opacity: 0.9;}
.infra-sec h4, .infra-sec p{color: #fff;}
.infra-sec .inner{max-width: 90%;}
.infra-img-block img { object-fit: contain; }
.infra-left img{ border-radius: 137px; border-top-right-radius: 0;}
.infra-right img{ border-radius: 137px; border-bottom-left-radius: 0;}
.infra-img-block > div > div { background: #fff; border-radius: 50px; padding: 20px 30px; width: 100%; }
.infra-img-block > div > div span{display: block; font-weight: 600; font-size: 26px; line-height: 32px; letter-spacing: 0%; vertical-align: middle; text-transform: capitalize; color: #E4A72A; }

.application-sec{background: #edf1ef; }
.application-sec .inner { position: absolute; max-width: 480px; bottom: 15%; }
.application-sec img { max-width: 950px; }

.location-sec{background: url(assets/img/map-bg.png) center bottom no-repeat; background-size: cover;}
.location-sec h3{background: url(assets/img/location-text.jpg) no-repeat center center;-webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.location-sec .inner{max-width: 90%;}
.location-sec iframe{width: 100%; border-radius: 30px;}

.quote-sec{background: linear-gradient(180deg, #0FA659 0%, #00A4CF 100%); }
.quote-sec h4{color: #fff; margin: 0;}

.footer-main { padding: 60px 0; background: #03221B; }
.footer-logo { display: block; max-width: 200px; }
.footer-main .footer-img{max-width: 140px;}
.footer-block h4{ color: #E4A72A; font-weight: 600; font-size: 18px; line-height: 34px; letter-spacing: 0%; margin: 0 0 10px; text-transform: uppercase; }
.footer-block ul li, .footer-block ul li a{ font-weight: 400; font-size: 16px; line-height: 40px; letter-spacing: 0%; text-transform: uppercase; color: #fff; }

.copyright-sec{ background: #03221B; border-top: 1px solid #1a3730; padding: 20px 0; }
.copyright-sec p{color: #fff; font-size: 15px;}
.footer-block i { width: 34px; height: 34px; display: flex; align-items: center; justify-content: center; background: #E4A72A; border: 1px solid #E4A72A; border-radius: 50px; color: #000; font-size: 13px; }

.ct-info li{display: flex; align-items: center; gap: 15px; margin: 0 0 30px;}
.ct-info li a{text-transform: none !important;}
.footer-block ul li a:hover{color: #E4A72A;}

.conpopup{z-index: 9999 !important;} 
.conpopup h5{ color: #0FA659; font-size: 24px;}
.conpopup .modal-header{border-bottom: none !important;}
.conpopup input.form-control{ margin-bottom: 15px; }
.conpopup textarea.form-control{margin-bottom: 15px; height: 100px;}
.conpopup input.contactbtn{font-weight: 400;
  border: none;
  background: #0FA659;
  color: #fff;
  border-radius: 10px;
  padding: 11px 20px;
  font-size: 16px;}

.wpcf7-not-valid-tip{ font-size: 12px !important; margin-top: -7px; margin-bottom: 6px;}
.wpcf7 form .wpcf7-response-output{padding: 0px !important; margin: 1em 0em 0em !important; font-size: 12px !important; border: none !important;}





@media only screen and (max-width: 1570.98px) {
  .header-main .container{max-width: 96%;}
  .logo{max-width: 90px;}
  .header-main ul li a{font-size: 15px;}

  .btn.btn-primary, .btn.btn-white{font-size: 15px; padding: 14px 24px;}

  .slick-dots{left: 2em;}
  .bs-content .container { max-width: 80%; }
  .slick-arrow{left: 11%;}
  .bn-shape-1{width: 340px; height: 340px;}
  .bn-shape-1::after { width: 600px; height: 600px; }
  .bs-content h4 { font-size: 16px; padding: 14px 26px; }
  .bs-content h2{font-size: 40px; line-height: 50px;}

  .bn-shape-1 span{top: -16px;}
  .bn-shape-1 span::after { top: 236px; left: -217px; }
  .bn-shape-1 span::before{top: 86px;}

  section h4{font-size: 40px; line-height: 50px;}

  .about-sec img{max-width: 340px;}

  body .hero-text, html .hero-text { font-size: 95px; line-height: 110px; }
  .infra-img-block > div > div { padding: 14px 24px; }
  .application-sec img { max-width: 770px; }

  .infra-img-block > div > div span{font-size: 22px;}
  .footer-logo{max-width: 150px;}














}

@media only screen and (max-width: 1300.98px) {
  body .hero-text, html .hero-text { font-size: 80px; line-height: 100px; }






}

@media only screen and (max-width: 1170.98px) {
  .btn.btn-primary, .btn.btn-white { font-size: 14px; padding: 12px 20px; }
  .header-main ul li a { font-size: 14px; }
  .header-main { padding: 10px 0;}
  .header-main .container { max-width: unset; }
  .slick-dots { left: 15px; }

  section h4 { font-size: 34px; line-height: 40px; }
  .about-sec img { max-width: 290px; }
  .target-img .img-1 { width: 330px; height: 330px; }
  .target-img .img-2 { position: absolute; bottom: -50px; left: -45px; max-width: 210px; border: 10px solid #fff; border-radius: 9px; }
  .hero-text.upText img { max-width: 85px; }
  .biodiesel-sec img { max-width: 400px; }
  .application-sec img { max-width: 50%; }
  .application-sec .inner { position: absolute; max-width: 460px; bottom: 5%; }

  .goal-block { border-radius: 40px; padding: 20px; }
  .btn.btn-primary, .btn.btn-white{white-space: nowrap;}





  
}

@media only screen and (max-width: 991.98px) {
	.js #menu { display:none; }
	.js .slicknav_menu { display:block;z-index: 999999;}
	.slicknav_menu{ position:absolute; top:28px; left:0; width:100%; z-index:99999; pointer-events:none; }
	.slicknav_btn {pointer-events: all; top: 7px; background: #00666b !important; margin: 0 10px 0 0 !important; }
	.slicknav_nav{pointer-events: all;background: #2c2e2f;  margin-top: 52px !important;border: 0 !important;}
	.slicknav_nav a:hover{color: #00666b !important;}

  .header-nav{padding-right: 50px;}
  .bs-content{padding-top: 0;}
  section h4 br{display: none;}
  .slick-arrow { left: 15px; bottom: 15px; }
  .target-img .img-1 { width: 260px; height: 260px; }
  .target-img .img-2{left: -30px; max-width: 170px;}
  .target-img .img-2::after{font-size: 45px;}
  body .hero-text, html .hero-text { font-size: 70px; line-height: 80px; }

  .application-sec .inner { position: relative; max-width: unset; bottom: auto; padding-bottom: 60px; }
  .application-sec img { max-width: 60%; position: absolute; bottom: 0; }
  .footer-logo { max-width: 100px; }






}


@media only screen and (max-width: 767.98px) { 
  .header-main .btn { font-size: 12px; padding: 10px 15px; }
  .bs-content h4 { font-size: 14px; padding: 11px 18px; }
  .bn-shape-1 { width: 200px; height: 200px; }
  .bs-content h2 { font-size: 30px; line-height: 37px; }
  .slick-arrow { width: 36px; height: 36px;}
  .slick-arrow::after{font-size: 12px;}
  .slick-next.slick-arrow { margin-left: 50px; }
  .bs-img img{min-height: unset;}
  .slick-dots::before { bottom: -40px; width: 1px; height: 36px; left: 45%; }
  .slick-dots::after { font-size: 12px; left: -2px; bottom: -135px; }
  .bn-shape-1::after { width: 360px; height: 360px; top: -10px; left: -10px; }

  .bn-shape-1 span { top: -10px; width: 14px; height: 14px; left: 110px; }
  .bn-shape-1 span::before { top: 56px; left: -90px; width: 14px; height: 14px; }
  .bn-shape-1 span::after { top: 150px; left: -128px; width: 14px; height: 14px; }
  section{padding: 40px 0;}
  section h4 { font-size: 28px; line-height: 32px; margin: 0 0 25px; }

  .about-sec { text-align: center; }
  .about-sec .inner{max-width: unset;}
  .about-sec .btn{margin: 15px 0 35px !important;}
  .about-sec img { max-width: 250px; border-radius: 25px; }

  body .hero-text, html .hero-text { font-size: 50px; line-height: 52px; }
  
  .target-sec .inner { max-width: unset; }
  .target-img { margin: 0 0 70px; }
  
  .target-sec {padding: 0 0 60px; background: url(assets/img/target-bar.png) center bottom repeat-x; background-size: 170%; }
  .hero-text.upText img { max-width: 45px; }

  .goal-sec h4{text-align: center;}
  .goal-block{margin: 0 0 30px;}

  .biodiesel-sec{text-align: center;}
  .biodiesel-sec img { max-width: 100%; }
  .infra-img-block { gap: 15px !important; margin: 0 0 30px; }
  .infra-img-block > div{width: 100%;}
  .infra-sec .inner { max-width: unset; text-align: center; }
  .infra-img-block > div > div { padding: 10px 20px; }
  .infra-img-block > div > div span { font-size: 17px; line-height: 20px;}

  .application-sec .inner{text-align: center; margin: 0 0 30px; padding: 0;}
  .application-sec img { max-width: 99%; position: relative; bottom: 0; }
  .location-sec iframe { height: 240px; margin: 0 0 35px; }
  .location-sec .inner { max-width: unset; text-align: center; }
  .quote-inner { flex-direction: column; text-align: center; }

  .footer-inner { flex-wrap: wrap; }
  .footer-block{width: 100%; text-align: center;}
  .footer-block:nth-child(1) { width: 100%; text-align: center; margin: 0 0 35px; }
  .footer-logo{margin: 0 auto;}
  .footer-main .footer-img{margin: 0 auto;}
  .footer-block ul { display: flex; align-items: flex-start; gap: 10px; flex-wrap: wrap; justify-content: center; } .footer-block ul li { margin: 0 15px; }
  .footer-block:last-child{margin: 0;}




}