.energey {
 width: 100%;
 /* height: max-content; */
 background-color: #0f1e0f;
 background-image: url('../picture/Transmission_substation.jpg');
 background-size: cover;
 background-position: center;
 position: relative;
}

.energey-about {
 width: 100%;
 /* height: max-content; */
 background-color: #0f1e0f;
 background-image: url('../picture/Duelmen_substation.jpg');
 background-position: center;
 background-size: cover;
 position: relative;
}

.energy-on-demand-h2 {
 margin-bottom: 15px
}

.energy-des {
 margin-bottom: 30px
}

.energey-box-group {
 gap: 15px 0;
 display: flex;
 flex-direction: column;
}

.energey-box {
 gap: 25px 25px;
}

.energey-group h2 {
 color: #fff;
}

.energey-group p {
 color: var(--offwhite);
}

.energey-box {
 padding: 30px;
 background-color: #25374598;
}

.energy-box-info {
 width: 100%;
 max-width: 510px;
 /* margin-left: 25px; */
}

.energy-box-info h4 {
 color: #fff !important;
}

.what-we-do {
 width: 100%;
 /* height: max-content; */
 background-image: url('../image/projects-bg.png');
 background-size: cover;
 position: relative;
}

.what-we-do h2 {
 color: var(--black);
 margin-bottom: 15px;
}

.what-we-do p {
 color: var(--grey);
 margin-bottom: 10px;
}

.what-we-do p:nth-last-of-type(1) {
 margin-bottom: 30px;
}

.progress-label span {
 font-size: 14px;
}

.progress-label p {
 font-weight: var(--semi-bold) !important;
 color: var(--dark-blue);
}

.progress-bar {
 background-color: var(--green) !important;
}

.progress-bar-group {
 margin-bottom: 25px;
}

.only-card {
 background-image: url('../image/title-tag.png');
 background-repeat: no-repeat;
 width: 100%;
 height: 89.5px;
 border: 1px solid;
 /* z-index: 999; */
}

@media (min-width:1367px) {

 .energey::after,
 .energey-about::after {
  content: '';
  position: absolute;
  width: 100%;
  background-image: url('../image/projects-bg.png');
  background-color: #fff;
  height: 100px;
  bottom: 0;
 }

 .energey-group img {
  margin-top: 40px;
  animation: mover2 3s infinite linear;
 }

 .what-we-do::after {
  content: '';
  position: absolute;
  width: 100%;
  background-image: url('../image/solar.bg.jpg');
  background-color: var(--dark-blue);
  background-size: cover;
  height: 100px;
  bottom: 0;
 }
}



@media(max-width:767px) {
 .energey-group {
  flex-direction: column;
 }

 .energy-des {
  text-align: center;
 }

 .energey-group h2 {
  text-align: center;
 }

 .energy-box-info {
  margin-left: 0;
 }
}

@media (max-width:575px) {
 .energey-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
 }
}

@keyframes mover2 {
 0% {
  transform: translateY(0);
 }

 50% {
  transform: translateY(-35px);
 }

 100% {
  transform: translateY(0);
 }
}