.index-image-link{
color:white;
font-size:32px;
font-weight:600;

}

.index-underline{
height:5px;
background-color:white;
width:70px;

}
.index-absolute{
position:absolute;
left:5%;
bottom:10%;
}


.image-container{
margin-left:20px;
margin-right:20px;
margin-top:0px;
}
.display .image-container img{
    object-fit: cover; /* Cover the container, possibly cropping the image */
    display: block;
}
 .heading-description{
  color:#2E67B1;
text-align:left;font-size:18px;font-weight:600;line-height:1.4;
padding:20px;
}

.description-below-banner-wehelpwith{
color:#2E67B1;font-size:18px;padding:0px 10px 10px;
}

.heading-below-banner-wehelpwith{
color:#2E67B1;font-weight:600; margin-bottom:5px;
}

.container-we-help-with {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px;
text-align:center;
}


.item-we-help-with {
  flex: 1;
  min-width: calc(20% - 20px); /* Adjusting 20px for the gap */
  max-width: calc(20% - 20px);
  background-color: #fff;
  padding: 20px;
  border-radius: 8px;
  margin-bottom: 20px;
}

.title-we-help-with {
  font-size: 16px;
  color: #000;
  margin-bottom: 8px;
color:#2E67B1;
font-weight:600;

}

ul.custom-list {
    list-style-type: none; /* Removes default bullet points */
    padding: 0; /* Optional: Removes default padding */
}

ul.custom-list li {
    position: relative; /* Establishes positioning context */
    padding-left: 20px; /* Provides space for the custom bullet */
margin-bottom:10px;
}

ul.custom-list li::before {
    content: ""; /* Necessary for generating the pseudo-element */
    position: absolute;
    left: 0; /* Aligns the bullet at the start of the line */
    top: 50%; /* Centers the bullet vertically */
    transform: translateY(-50%); /* Precise centering */
    width: 10px; /* Bullet width */
    height: 10px; /* Bullet height */
    background-color: #2E67B1; /* Bullet color */
    border-radius: 50%; /* Makes it round */
}

.grid-item-imroving-heading{
font-size:16px;
color:#1268CA;
font-weight:600;
}


.description-we-help-with {
  font-size: 14px;
  color: #4F5356;

}

.grid-item-imroving-heading{
font-size:18px;
}
.icon-we-help-with{
  height:60px;width:60px;border-radius:50%;background-color:white;border:1px solid #4F5356;
margin:auto;
}
.green-container-we-help-with{
background-color:#009848;
padding:12px 45px;
margin:auto 10px;
}
.flex-container-we-help-with{
font-size:18px;
display:flex;
}
.flex-item-we-help-with{
width:85%;
color:#1268CA;
font-weight:600;
font-size:16px;
}
.green-container-description-we-help-with{
font-size:18px;
padding:15px 0px;
}
.padding-text-we-help-with{
padding:10px 50px;
}

.point-dot-we-help-with{
display:inline-block;
width:12px;height:12px;border-radius:50%;background-color:#2E67B1;
margin-right:8px;

}

/* improvig operation performance */

.container-imroving {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 20px;
gap:25px;
align-items:start;

}



.grid-item-imroving {


    flex-basis: calc(25% - 50px); /* Four items per row with 20px gaps */
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
flex-direction:column;
}

.grid-item-imroving img {

    width: 70px;
    height: auto;
    border-radius: 50%; /* Makes the image round */
    object-fit: cover; /* Covers the area, can be adjusted to 'contain' if necessary */
}
.grid-item-imroving h2 {
text-align:center;
  font-size:20px;
color:#1268CA;
font-weight:600;
}
.improving-text{
font-size:16px;
}
/* improvig operation performance */

/*environment sustainablity performance */
.container-environment {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 20px;
gap:50px;
align-items:start;

}
.grid-item-environment {


    flex-basis: calc(20% - 50px); /* Four items per row with 20px gaps */
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
flex-direction:column;
}
/*environment sustainablity performance */



/*  manufacturing */
.description-manufacturing{
padding: 10px 30px;
}
.five-items-manufacturing{
padding:auto 100px;
}
.blue-container-manufacturing{
height:10px;
width:100%;
background-color:#2E67B1;
margin-left:20px;
margin-right:20px;
}
/*  corporate */
.grid-item-corporate{
 flex-basis: calc(33% - 60px); /* Four items per row with 20px gaps */
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
flex-direction:column;

}

.container-imroving-corporate{
display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 20px 100px;
gap:60px;
align-items:start;
}
/*  Transitioning */

.point-dot{
display:inline-block;
width:10px;height:10px;border-radius:50%;background-color:#2E67B1;
}

.text-number-transitioning{
color:#1268CA;font-size:50px;font-weight:700;margin-bottom:5px;
}

  /*  Transitioning */

/* Techincal */
.points-container-technical{
  padding:10px 80px;

}


.point-dot-technical{
display:inline-block;
width:15px;height:15px;border-radius:50%;background-color:#2E67B1;
margin-right:8px;

}

.container-technical {
    display: flex;
    flex-wrap: wrap; /* Allows items to wrap on smaller screens */
    gap: 20px;
margin-bottom:30px;
}

.content-technical {
    flex: 1 1 300px; /* flex-grow, flex-shrink, flex-basis */
    background: white;
    padding: 20px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

/* Specific styles for the green box */
.green-technical {
    background-color: #009848; /* Light green background */
    border-color: #009848;
}
/* Techincal */

/*managed*/

.container-we-help-with-managed {
 display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 25px;
text-align:center;
padding:20px 100px;
}
.item-we-help-with-managed {
  flex: 1;
  min-width: calc(25% - 25px); /* Adjusting 20px for the gap */
  max-width: calc(25% - 25px);
  background-color: #fff;
  padding: 25px;
  border-radius: 8px;
  margin-bottom: 20px;
}



@media (max-width: 768px) {

.index-image-link{
color:white;
font-size:20px;
font-weight:600;

}
.index-image-link:hover{
color:white;
text-decoration:none;

}

.index-underline{
height:5px;
background-color:white;
width:70px;

}
.index-absolute{
position:absolute;
left:12%;
bottom:7%;
}
    .image-container {
        margin-left: 0px;
        margin-right: 0px;
margin-top:0px;
    }
   .heading-description{
padding:10px;
  color:#2E67B1;
}
.item-we-help-with {
    min-width: calc(50% - 20px); /* Adjusting 20px for the gap */
    max-width: calc(50% - 20px);
padding:5px;
maring-bottom:10px;
  }
.icon-we-help-with{
    height:60px;width:60px;border-radius:50%;background-color:white;border:1px solid #4F5356;
margin:auto;
}
.container-we-help-with{
justify-content:space-around;
gap:0px;
}
.flex-container-we-help-with{
font-size:16px;
display:block;
}
.flex-item-we-help-with{
width:100%;
font-size:14px;

}
.green-container-we-help-with{
background-color:#009848;
padding:14px 14px;

}
.green-container-description-we-help-with{
padding:10px 15px;
}
.padding-text-we-help-with{
padding:20px;
}
/* improvig operation performance */

  .container-imroving {
gap:10px;
        justify-content: space-between; /* Center aligning items */
    }

.container-imroving-corporate {
gap:10px;
        justify-content: space-between; /* Center aligning items */
padding:20px 20px;
    }
    .grid-item-imroving {
        flex-basis: calc(50% - 10px); /* Two per row */
    }
.grid-item-imroving h2 {
font-size:16px;
}
.improving-text{
font-size:16px;
}

/* improvig operation performance */

/*  corporate */
.grid-item-corporate{
 flex-basis: calc(50% - 10px); /* Four items per row with 20px gaps */
   

}


/*  manufacturing */
.description-manufacturing{
padding: 10px;
}
.five-items-manufacturing{
padding:10px;
}
.blue-container-manufacturing{
height:15px;


}

/* Techincal */
.points-container-technical{
  padding:10px 30px;
}

.point-dot-technical{
display:inline-block;
width:12px;height:12px;border-radius:50%;background-color:#2E67B1;
}
 .container-technical {
        flex-direction: column;
    }
/* Techincal */

/*managed*/
.container-we-help-with-managed {
justify-content:space-around;
gap:0px;
padding:20px 5px;
}
.item-we-help-with-managed {
 min-width: calc(50% - 20px); /* Adjusting 20px for the gap */
    max-width: calc(50% - 20px);
padding:5px;
maring-bottom:10px;
}



}