* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
ul,
li {
  margin: 0;
  padding: 0;
}

li {
  list-style: none;
}

a {
  text-decoration: none;
  display: inline-block;
}
.top_info {
    background-color: #87ad3f;
    padding: 10px;
}
.top_info_mail {
    text-align: left;
}
.top_info_mail a {
    color: #fff;
    font-size: 15px;
}
.top_info_call {
    text-align: right;
}
.top_info_call a {
    color: #fff;
    font-size: 14px;
}
.navbar-collapse {
    justify-content: right;
}
.navbar-brand img {
    max-width:100px
}
.nav-link  {
    padding: 0px 18px !important;
    font-size: 16px;
    font-weight: 600;
    color: #000;
}
.navbar {
    background-color: #fff;
}
.navbar-nav .nav-link.active {
    color: #A8CF45;
}
.my_nav_container {
    border: 1px solid transparent;
}




.main-div {
    width: 40px;
    height: 40px;
    /* background: #3e7476; */
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.icon {
    width: 30px;
    height: 3px;
    margin-bottom: 10px;
    background-color: #87ad3f;
    border-radius: 3px;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3);
    transition: background-color 0.2s ease-in-out;

}
label{
cursor: pointer;	
}
input{
display:none
}

#menu:checked ~.all-line .div-1 {
 animation: animate-line-1 .7s cubic-bezier(0.3, 1, 0.7, 1) forwards;
}

#menu:checked ~.all-line .div-3 {
 animation: animate-line-2 .7s cubic-bezier(0.3, 1, 0.7, 1) forwards;
}

#menu:checked ~.all-line .div-2 {
    scale: 0;
    transition: all 0.5s;
}
#menu1:checked ~.all-line .div-1 {
 animation: animate-1-rev 0.7s ease-in-out
}

#menu1:checked ~.all-line .div-3 {
  animation: animate-2-rev 0.7s ease-in-out
}

#menu1:checked ~.all-line .div-2 {
    scale: 1;
    transition: all 0.5s;
}
#menu1:checked .label-1{
	z-index: 0;
}
#menu:checked ~ .label-2{
	z-index: 3;
}

@keyframes animate-1-rev {
  0% {
    transform: translate3d(0, 18px, 0) rotate(45deg);
  }
  50% {
    transform: translate3d(0, 18px, 0) rotate(0);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(0deg);
  }
}

@keyframes animate-line-1 {
  0% {
    transform: translate3d(0, 0, 0) rotate(0deg);
  }
  50% {
    transform: translate3d(0, 18px, 0) rotate(0);
  }
  100% {
    transform: translate3d(0, 19px, 0) rotate(45deg);
  }
}
@keyframes animate-line-2 {
  0% {
    transform: translate3d(0, 0, 0) rotate(0deg);
  }
  50% {
    transform: translate3d(0, -18px, 0) rotate(0);
  }
  100% {
    transform: translate3d(0, -7px, 0) rotate(-45deg);
  }
}
@keyframes animate-2-rev {
  0% {
    transform: translate3d(0, -18px, 0) rotate(45deg);
  }
  50% {
    transform: translate3d(0, -18px, 0) rotate(0);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(0deg);
  }
}
.div-2-2{
	display: none;
}
.label-1 {
    height: 30px;
    display: block;
    width: 30px;
    z-index: 2;
    position: relative;
}
.label-2 {
    height: 40px;
    display: block;
    width: 40px;
	position: absolute;
    top: 0px;
}
.sub-div {
    position: relative;
}
.all-line {
    position: absolute;
    top: 0px;
    z-index: 1;
}
.navbar-toggler {
    padding: 0;
    border: unset;
}
.navbar-toggler:focus {
    box-shadow: unset;
}


.fade-zoom-carousel .item {
  position: relative;
  overflow: hidden;
}
.fade-zoom-carousel2 .item {
  position: relative;
  overflow: hidden;
}
.fade-zoom-carousel .item img {
  width: 100%;
  height: 550px;
  object-fit: cover;
  transform: scale(1);
  transition: transform 6s ease;
}
.fade-zoom-carousel2 .item img {
  width: 100%;
  height: 400px;
  object-fit: cover;
  transform: scale(1);
  transition: transform 6s ease;
}

/* Zoom only active slide */
.fade-zoom-carousel .owl-item.active img {
  transform: scale(1.15);
}
.fade-zoom-carousel2 .owl-item.active img {
  transform: scale(1.15);
}
/* Fade animation override */
.owl-fade-out {
  opacity: 0;
  animation: fadeOut 1s both ease;
}

.owl-fade-in {
  opacity: 1;
  animation: fadeIn 1s both ease;
}

@keyframes fadeOut {
  from { opacity: 1; }
  to { opacity: 0; }
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
.banner_slider {
    overflow: hidden;
}
.item_box_content {
    width: 100%;
    position: absolute;
    top: 50px;
    left:50% ;
    text-align: center;
    transform: translateX(-50%);
    padding: 0px 15px;
}
.item_box_content h1 {
    color: #fff;
    font-size: 60px;
    font-family: serif;
    font-weight: 600;
    margin-bottom: 20px;
}
.item_box_content p {
    color: #fff;
    font-size: 25px;
}
.banner_icon {
    margin-top: -100px;
    position: relative;
    z-index: 999;
    padding: 50px 0;
}
.banner_icon_box {
    text-align: center;
}
.banner_icon_box img {
    width: 120px;
    border-radius: 50px;
}
.banner_icon_box p {
    text-transform: uppercase;
    font-weight: 600;
}
.banner_icon {
    overflow: hidden;
}
.about {
    padding: 50px 0;
    /* background-color: #fff !important; */
    /* background-image: radial-gradient(at top center, #FFFFFFCC 0%, #FFFFFF 75%); */
    background-image: url(../images/about_banner.webp);
    position: relative;
    z-index: 2;
}
.about::before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background-color: #ffffffd6;
}
.about_img {
    padding: 15px;
    background: linear-gradient(135deg, #86AD3F 0%, #FBAD18 100%);
    border-radius: 10px;
}
.about_content {
    padding: 48px 80px 48px 16px;
}
.about_content h3 {
    color: #FBAD18;
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 1px;
    margin-bottom: 20px;
}
.about_content h1 {
    font-size: 50px;
    font-weight: 550;
    margin-bottom: 20px;
}
.about_content h1 span {
    color: #88ae3f;
    letter-spacing: 1px;
    font-weight: 700;
    font-family: serif;
    
}
.about_content p {
    color: #272727;
    margin-bottom: 20px;
}
.about_content p span {
    color: #88ae3f;
    letter-spacing: 1px;
    font-weight: 700;
    font-family: serif;
}
.about_content ul {
    margin-bottom: 20px;
}
.about_content ul li {
    line-height: 28px;
    color: #272727;
    font-size: 16px;
}
.about_content ul li a {
    color: #272727;
}
.about_content ul li a i {
    color: #FBAD18;
}
.about_button {
padding: 12px 24px;
background-color: #FBAD18;
color: #fff;
border-radius: 50px;
}
.about_img {
    position: relative;
}
.about_img img {
    width: 100%;
}
.about_img_div {
    /* padding: 32px; */
    border-radius: 100px;
    width: 200px;
    height: 200px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    position: absolute;
    top: -30px;
    right: -30px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
.about_img_div h1 {
    font-size: 50px;
    color: #FBAD18;
    text-transform: uppercase;
}
.about_img_div p {
    font-size: 18px;
    color: #000;
    font-weight: 550;
}
.choose {
    position: relative;
    z-index: 2;
    padding-bottom: 100px;
    background-image: url(../images/about_banner.webp);
}
.choose::before{
     position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background-color: #ffffffd6;
}
.choose_heading {
    text-align: center;
}
.choose_heading h1 {
    font-size: 50px;
    margin-bottom: 30px;
}
.choose_heading h1 span {
    color: #88ae3f;
    letter-spacing: 1px;
    font-weight: 700;
    font-family: serif;
}
.choose_box  {
    text-align: center;
    padding: 48px;
    border-radius: 10px;
}
.choose_box img {
    max-width: 110px;
    margin-bottom: 15px;
}
.choose_box h3 {
    margin-bottom: 5px;
}
.product {
    padding: 80px 0px 100px 0;
}
.product_heading {
    text-align: center;
}
.product_heading h1 {
    font-size: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}
.product_heading {
    margin-bottom: 30px;
}
.product_heading h1 img {
    width: 45px;
}
.product_heading p {
    color: #272727;
}
.product_box {
    margin-bottom: 30px;
    box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
}
.product_box h3 {
    background-color: #fff;
    color: #FBAD18;
    padding: 20px 0;
    text-align: center;
}
.product_box_img img {
    width: 100%;
}
.product_box_content {
    text-align: center;
    padding: 32px;
}
.product_box_button {
    text-align: center;
}
.product_box_button a {
    padding: 12px 24px;
    border-radius: 50px;
    background-color: #FBAD18;
    color: #fff;
    text-transform: uppercase;
}
.button {
    transition: .3s;
}
.button:hover {
    background-color: #86AD3F;
}
.energy {
    padding: 112px 0;
    background-image: url(../images/energy.webp);
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 2;
}
.energy::before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    /* width: 100%;
    height: 100%; */
    opacity: .5;
    z-index: -1;
    background: linear-gradient(180deg, #000000 0%, #10642E 100%);

}
.energy_box a {
     padding: 12px 24px;
    border-radius: 50px;
    background-color: #FBAD18;
    color: #fff;
    text-transform: uppercase;
}
.energy_box {
    text-align: center;
}
.energy_box h1 {
    color: #fff;
    font-size: 50px;
    margin-bottom: 20px;
}
.energy_box p {
    color: #fff;
    font-size: 22px;
    margin-bottom: 20px;
}
.client {
    padding: 30px 0;
    background-color: #88AE3F;
}
.client_heading {
    text-align: center;
}
.client_heading h1 {
    font-size: 50px;
    color: #FBAD18;
    margin-bottom: 20px;
}
.client_slide_box {
    text-align: center;
    width: 60%;
}
.client_box .item {
    display: flex;
    justify-content: center;
}
.footer {
    background-color: #222222;
    padding: 48px 0 0 0;
}
.footer_box img {
    max-width: 150px;
    margin-bottom: 10px;
}
.footer_box h2 {
    color: #fff;
}
.footer_box p {
    color: #fff;
    font-size: 20px;
}
.footer_box h3 {
    color: #fff;
    margin-bottom: 20px;
}
.footer_box ul li {
    line-height: 30px;
}
.footer_box ul li a {
    color: #fff;
    transition: .3s;
}
.footer_box ul li a:hover {
    color: #FBAD18;
}
.footer_box ul li a i {
    color: #FBAD18;
    font-size: 20px;
    /* width: 30px; */
    margin-top: 7px;
    /* display: flex;
    justify-content: center; */
    /* display: flex; */
}
.footer_box_info ul li a {
    display: flex;
    gap: 10px;
    /* align-items: center; */
}
.end {
    padding: 10px;
    background-color: #222222;
    text-align: center;
}
.end_box p {
    color: #fff;
}
.about_heading h1 {
    display: inline-block;
    padding: 5px;
    background-color: #86AD3F;
    border-radius: 10px;
    color: #fff;
}
.mission_box {
    text-align: center;
    padding: 48px;
    border-radius: 10px;
}
.mission_box img {
    margin-bottom: 10px;
}
.mission_box h3 {
    margin-bottom: 10px;
    color: #fff;
}
.mission_box p {
    color: #fff;
}
.mission {
    padding-bottom: 50px;
}
.switch {
    padding: 150px 0;
    background-image: url(../images/switch.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 2;
}
.switch_box {
    text-align: center;
    
}
.switch::before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .5;
    z-index: -1;
    background: linear-gradient(180deg, #000000 0%, #10642E 100%);
}
.switch_box h1 {
    color: #fff;
    font-size: 50px;
}
.switch_box p {
    font-size: 25px;
    color: #fff;
    margin-bottom: 20px;
}
.switch_box a {
    padding: 12px 24px;
    background-color: #FBAD18;
    border-radius: 50px;
    color: #fff;
    text-transform: uppercase;
}
.contact {
    padding-bottom: 100px;
}
.team_heading {
    text-align: center;
    margin-bottom: 30px;
}
.team {
    padding: 40px 0;
}
.team_img img {
    width: 100%;
}
.team_content {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.team_content h3 {
    margin-bottom: 20px;
}
.team_content p {
    color: #272727;
}
.contact_info_box {
    padding: 48px;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}
.contact_info_box h4 {
    color: #FBAD18;
    text-transform: uppercase;
    font-size: 18px;
    margin-bottom: 20px;
}
.contact_info_box h1 {
    font-size: 50px;
    border-bottom: 1px solid #DCDCDE;
    padding-bottom: 20px;
    margin-bottom: 20px;
    font-weight: 400;
}
.contact_info_content_main {
    display: flex;
    gap: 15px;
    /* align-items: center; */
    margin-bottom: 20px;
}
.contact_info_content_icon a {
    width: 50px;
    height: 50px;
    background-color: #86AD3F;
    color: #fff;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.contact_info_content_icon a i {
    font-size: 30px;
}
.contact_info_content_number h3 {
    font-weight: 400;
}
.contact_info_content_number p {
    color: #868686;
}
.contact_map_box {
    height: 100%;
    border-radius: 10px;
}
.contact_map_box iframe {
    width: 100%;
    height: 100%;
}
.message_banner {
    padding:170px 0;
    background-image: url(../images/message_banner.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 2;
}
.message_banner::before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .5;
    z-index: -1;
    background: #10642E;
    opacity: .5;

}
.message_banner_heading {
    text-align: center;
    
}
.message_banner_heading h1 {
font-size: 50px;
font-weight: 400;
color: #fff;
margin-bottom: 20px;
}
.message_banner_heading p {
    color: #fff;
}
.form_box_div {
    padding: 48px;
    background-color: #fff;
    border-radius: 10px;
    /* padding-bottom: 60px; */
    box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}
.contact_form {
    margin-top: -100px;
    position: relative;
    padding-bottom: 60px;
    z-index: 999;
}
.contact_form_box input {
    border: 1px solid #86AD3F;
    border-radius: 10px;
    padding: 10px 16px;
    display: block;
    width: 100%;
    margin-bottom: 10px;
    background-color: #F6F6F6;
}
.contact_form_box label {
    font-weight: 550;
    margin-bottom: 5px;
}
.contact_form_box textarea {
     border: 1px solid #86AD3F;
    border-radius: 10px;
    padding: 10px 16px;
    display: block;
    width: 100%;
    margin-bottom: 10px;
    height: 100px;
    background-color: #F6F6F6;
}
.contact_form_box button {
    padding: 15px 30px;
    background-color: #FBAD18;
    color: #fff;
    border: unset;
    border-radius: 50px;
    font-size: 15px;
    letter-spacing: 1px;
}