/* Existing CSS styles */
.wrapper {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  height: 100%;
  background-color: #DADAE8;
}

.solutions-services {
    margin-bottom: 40px;  
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.6); /* Box shadow for a bit of depth */
}

@media only screen and (max-width: 1096px) {
  .wrapper {
    margin-right: 25px;
  } 
}

@media only screen and (max-width: 687px) {
  .wrapper {
    margin-right: 20px;
  } 
}

@media only screen and (max-width: 586px) {
  .wrapper {
    margin-right: 15px;
  } 
}


.solutions-services h2{
    font-family: "Raleway", sans-serif;
    text-align: center;
    padding-top: 20px;
}

.solutions-services h3 {
    color: grey;
    margin-left: 10px; /* Adjust spacing between h2 and h3 */
}

.image-wrapper1 {
    display: flex;
    align-items: center; /* Center items vertically */
    gap: 20px; /* Adjust spacing between image and info */
    margin-bottom: 0px;
    padding: 20px;
    padding-left: 100px;
    background-color: #412B6C; /* Box background color */
    color: white;
}

.image-wrapper2 {
    display: flex;
    align-items: center; /* Center items vertically */
    gap: 20px; /* Adjust spacing between image and info */
    margin-bottom: 0px;
    padding: 20px;
    padding-right: 100px;
    background-color: white; /* Box background color */
    color: #412B6C;
}

@media (max-width: 900px){
  .image-wrapper1 {
    padding-left: 10px;
}
.image-wrapper2 {
  padding-right: 10px;
}
}

.image-wrapper1.left-image {
    flex-direction: row; /* Image on the left, info on the right */
}

.image-wrapper2.right-image {
    flex-direction: row-reverse; /* Image on the right, info on the left */
}

@media (max-width: 1345px) {
    .image-wrapper1.left-image, 
    .image-wrapper2.right-image {
        flex-direction: column; /* Stack image above the text */
        justify-content: center; /* Center items horizontally */
        align-items: center; /* Center items vertically */
        padding-right: 0;
        padding-left: 0;
    }

    .image-wrapper1 img,
    .image-wrapper2 img {
        max-width: 100%; /* Ensure images take up full width */
        margin-bottom: 20px; /* Add space below the image */
    }
}

.solution-info {
    flex: 1;
}

.solution-info p {
    font-weight: bold; /* Make the text bold */
    margin-top: 0; /* Remove unwanted margin */
    font-size: 20px;
    font-family: "Quicksand", sans-serif;
}

.solution-info ul {
    margin-top: 10px; /* Add space above the list */
    padding-left: 20px; /* Indent the list */
    font-size: 16px;
    font-family: "Quicksand", sans-serif;
}

.solution-info2 p {
  font-weight: bold; /* Make the text bold */
  margin-top: 0; /* Remove unwanted margin */
  font-size: 20px;
  font-family: "Quicksand", sans-serif;
}

.solution-info2 ul {
  margin-top: 10px; /* Add space above the list */
  padding-left: 20px; /* Indent the list */
  font-size: 16px;
  font-family: "Quicksand", sans-serif;
}

.image-wrapper1 img {
    width: 400px; /* Set a maximum width */
    height: auto;
    border-radius: 10px; /* Add rounded corners to images */
}

.image-wrapper2 img {
    width: 400px; /* Set a maximum width */
    height: auto;
    border-radius: 10px; /* Add rounded corners to images */
}

@media (max-width: 768px) {
  .solution-info{
    padding: 10px;
  }

  .solution-info2{
    padding: 10px;
  }

  .solution-info p {
    font-size: 18px;
}

  .solution-info ul {
    font-size: 16px;
}

.solution-info2 p {
  font-size: 18px;
}

.solution-info2 ul {
  font-size: 16px;
}
}

@media (max-width: 550px) {
  .solutions-services{
    font-size: 16px;
  }

  .solution-info p {
    font-size: 16px;
}

  .solution-info ul {
    font-size: 14px;
}

.solution-info2 p {
  font-size: 16px;
}

.solution-info2 ul {
  font-size: 14px;
}
}

/* Existing CSS styles continue */

.principals-product {
    text-align: center;
    padding: 20px;
    background-color: white; /* Light background color for contrast */
    border-radius: 8px; /* Rounded corners for the section */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
    max-width: 100%; /* Optional: constrain max width for large screens */
    margin: 0 auto; /* Center the section */
    font-family: "Raleway", sans-serif;
}

.principals-product h2 {
    font-size: 28px;
    color: #333;
    padding-bottom: 20px;
}

@media (max-width: 900px){
  .principals-product h2{
    font-size: 22px;
  }
}

.logo-gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 55px; /* Adjust the spacing between logos */
}

.logo-container {
    background-color: rgba(255, 255, 255, 0); /* White background for each logo */
    padding-left: 20px; /* Padding inside the white box */
    padding-right: 20px; 
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100px; /* Adjusted height for uniform size */
    width: 100px; /* Adjusted width for uniform size */
  }

  .logo-container img[src="cisco.png"]{
    max-height: 120%; /* Adjust maximum height of the logos */
    max-width: 200%; /* Adjust maximum width of the logos */
    object-fit: contain; /* Contain the logos within the box without stretching */
  }

  .logo-container img[src="ibm.png"]{
    max-height: 200%; /* Adjust maximum height of the logos */
    max-width: 220%; /* Adjust maximum width of the logos */
    object-fit: contain; /* Contain the logos within the box without stretching */
  }

  .logo-container img[src="hp.png"]{
    max-height: 70%; /* Adjust maximum height of the logos */
    max-width: 100%; /* Adjust maximum width of the logos */
    object-fit: contain; /* Contain the logos within the box without stretching */
  }

  .logo-container img[src="microsoft.png"]{
    max-height: 100%; /* Adjust maximum height of the logos */
    max-width: 130%; /* Adjust maximum width of the logos */
    object-fit: contain; /* Contain the logos within the box without stretching */
  }

  .logo-container img[src="vmware.png"]{
    max-height: 120%; /* Adjust maximum height of the logos */
    max-width: 120%; /* Adjust maximum width of the logos */
    object-fit: contain; /* Contain the logos within the box without stretching */
  }

  .logo-container img[src="altiris.png"]{
    max-height: 120%; /* Adjust maximum height of the logos */
    max-width: 120%; /* Adjust maximum width of the logos */
    object-fit: contain; /* Contain the logos within the box without stretching */
  }

  .logo-container img[src="apc.png"]{
    max-height: 120%; /* Adjust maximum height of the logos */
    max-width: 200%; /* Adjust maximum width of the logos */
    object-fit: contain; /* Contain the logos within the box without stretching */
  }

  .logo-container img[src="autodesk.png"]{
    max-height: 130%; /* Adjust maximum height of the logos */
    max-width: 400%; /* Adjust maximum width of the logos */
    object-fit: contain; /* Contain the logos within the box without stretching */
  }

  .logo-container img[src="avaya.png"]{
    max-height: 130%; /* Adjust maximum height of the logos */
    max-width: 130%; /* Adjust maximum width of the logos */
    object-fit: contain; /* Contain the logos within the box without stretching */
  }

  .logo-container img[src="brocade.png"]{
    max-height: 140%; /* Adjust maximum height of the logos */
    max-width: 150%; /* Adjust maximum width of the logos */
    object-fit: contain; /* Contain the logos within the box without stretching */
  }

  .logo-container img[src="citrix.png"]{
    max-height: 100%; /* Adjust maximum height of the logos */
    max-width: 110%; /* Adjust maximum width of the logos */
    object-fit: contain; /* Contain the logos within the box without stretching */
  }

  .logo-container img[src="lenovo.png"]{
    max-height: 120%; /* Adjust maximum height of the logos */
    max-width: 125%; /* Adjust maximum width of the logos */
    object-fit: contain; /* Contain the logos within the box without stretching */
  }

  .logo-container img[src="dell.png"]{
    max-height: 120%; /* Adjust maximum height of the logos */
    max-width: 110%; /* Adjust maximum width of the logos */
    object-fit: contain; /* Contain the logos within the box without stretching */
  }

  .logo-container img[src="lantronix.png"]{
    max-height: 120%; /* Adjust maximum height of the logos */
    max-width: 175%; /* Adjust maximum width of the logos */
    object-fit: contain; /* Contain the logos within the box without stretching */
  }

  .logo-container img[src="riverbed.png"]{
    max-height: 120%; /* Adjust maximum height of the logos */
    max-width: 125%; /* Adjust maximum width of the logos */
    object-fit: contain; /* Contain the logos within the box without stretching */
  }

  .logo-container img[src="silver-peak.png"]{
    max-height: 120%; /* Adjust maximum height of the logos */
    max-width: 135%; /* Adjust maximum width of the logos */
    object-fit: contain; /* Contain the logos within the box without stretching */
  }

  .logo-container img[src="juniper.png"]{
    max-height: 120%; /* Adjust maximum height of the logos */
    max-width: 130%; /* Adjust maximum width of the logos */
    object-fit: contain; /* Contain the logos within the box without stretching */
  }

  .logo-container img[src="palo-alto.png"]{
    max-height: 120%; /* Adjust maximum height of the logos */
    max-width: 220%; /* Adjust maximum width of the logos */
    object-fit: contain; /* Contain the logos within the box without stretching */
  }

  .logo-container img[src="infoblox.png"]{
    max-height: 120%; /* Adjust maximum height of the logos */
    max-width: 140%; /* Adjust maximum width of the logos */
    object-fit: contain; /* Contain the logos within the box without stretching */
  }

  .logo-container img[src="systimax.png"]{
    max-height: 120%; /* Adjust maximum height of the logos */
    max-width: 130%; /* Adjust maximum width of the logos */
    object-fit: contain; /* Contain the logos within the box without stretching */
  }

  .logo-container img[src="aruba1.png"]{
    max-height: 120%; /* Adjust maximum height of the logos */
    max-width: 135%; /* Adjust maximum width of the logos */
    object-fit: contain; /* Contain the logos within the box without stretching */
  }

  .logo-container img[src="panduit.png"]{
    max-height: 120%; /* Adjust maximum height of the logos */
    max-width: 155%; /* Adjust maximum width of the logos */
    object-fit: contain; /* Contain the logos within the box without stretching */
  }

  .logo-container img[src="polyhp.png"]{
    max-height: 120%; /* Adjust maximum height of the logos */
    max-width: 220%; /* Adjust maximum width of the logos */
    object-fit: contain; /* Contain the logos within the box without stretching */
  }

  .logo-container img[src="jabra.png"]{
    max-height: 120%; /* Adjust maximum height of the logos */
    max-width: 150%; /* Adjust maximum width of the logos */
    object-fit: contain; /* Contain the logos within the box without stretching */
  }

  .logo-container img[src="huawei.png"]{
    max-height: 120%; /* Adjust maximum height of the logos */
    max-width: 80%; /* Adjust maximum width of the logos */
    object-fit: contain; /* Contain the logos within the box without stretching */
  }

  .logo-container img[src="commscope.png"]{
    max-height: 200%; /* Adjust maximum height of the logos */
    max-width: 155%; /* Adjust maximum width of the logos */
    object-fit: contain; /* Contain the logos within the box without stretching */
  }

  .logo-container img[src="checkpoint.png"]{
    max-height: 120%; /* Adjust maximum height of the logos */
    max-width: 150%; /* Adjust maximum width of the logos */
    object-fit: contain; /* Contain the logos within the box without stretching */
  }

  .logo-container img[src="hpe.png"]{
    max-height: 120%; /* Adjust maximum height of the logos */
    max-width: 160%; /* Adjust maximum width of the logos */
    object-fit: contain; /* Contain the logos within the box without stretching */
  }

  .logo-container img[src="sophos.png"]{
    max-height: 110%; /* Adjust maximum height of the logos */
    max-width: 140%; /* Adjust maximum width of the logos */
    object-fit: contain; /* Contain the logos within the box without stretching */
  }

  .logo-container img[src="fortinet.png"]{
    max-height: 120%; /* Adjust maximum height of the logos */
    max-width: 160%; /* Adjust maximum width of the logos */
    object-fit: contain; /* Contain the logos within the box without stretching */
  }

  .logo-container img[src="ekahau.png"]{
    max-height: 120%; /* Adjust maximum height of the logos */
    max-width: 160%; /* Adjust maximum width of the logos */
    object-fit: contain; /* Contain the logos within the box without stretching */
  }

  .logo-container img[src="hikvision.png"]{
    max-height: 120%; /* Adjust maximum height of the logos */
    max-width: 160%; /* Adjust maximum width of the logos */
    object-fit: contain; /* Contain the logos within the box without stretching */
  }

  .logo-container img[src="ruijie.png"]{
    max-height: 100%; /* Adjust maximum height of the logos */
    max-width: 120%; /* Adjust maximum width of the logos */
    object-fit: contain; /* Contain the logos within the box without stretching */
  }

  .logo-container img[src="sangfor.png"]{
    max-height: 160%; /* Adjust maximum height of the logos */
    max-width: 200%; /* Adjust maximum width of the logos */
    object-fit: contain; /* Contain the logos within the box without stretching */
  }

  .logo-container img[src="dahua.png"]{
    max-height: 120%; /* Adjust maximum height of the logos */
    max-width: 130%; /* Adjust maximum width of the logos */
    object-fit: contain; /* Contain the logos within the box without stretching */
  }

  .logo-container img[src="samsung.png"]{
    max-height: 120%; /* Adjust maximum height of the logos */
    max-width: 130%; /* Adjust maximum width of the logos */
    object-fit: contain; /* Contain the logos within the box without stretching */
  }

  .logo-container img[src="hisense.png"]{
    max-height: 120%; /* Adjust maximum height of the logos */
    max-width: 140%; /* Adjust maximum width of the logos */
    object-fit: contain; /* Contain the logos within the box without stretching */
  }

  .logo-container img[src="viewsonic.png"]{
    max-height: 120%; /* Adjust maximum height of the logos */
    max-width: 160%; /* Adjust maximum width of the logos */
    object-fit: contain; /* Contain the logos within the box without stretching */
  }

  .logo-container img[src="acer.png"]{
    max-height: 100%; /* Adjust maximum height of the logos */
    max-width: 130%; /* Adjust maximum width of the logos */
    object-fit: contain; /* Contain the logos within the box without stretching */
  }

  .logo-container img[src="apple.png"]{
    max-height: 70%; /* Adjust maximum height of the logos */
    max-width: 100%; /* Adjust maximum width of the logos */
    object-fit: contain; /* Contain the logos within the box without stretching */
  }

  .logo-container img[src="adobe.png"]{
    max-height: 120%; /* Adjust maximum height of the logos */
    max-width: 140%; /* Adjust maximum width of the logos */
    object-fit: contain; /* Contain the logos within the box without stretching */
  }

  .logo-container img[src="veeam.png"]{
    max-height: 120%; /* Adjust maximum height of the logos */
    max-width: 130%; /* Adjust maximum width of the logos */
    object-fit: contain; /* Contain the logos within the box without stretching */
  }

  .logo-container img[src="veritas.png"]{
    max-height: 120%; /* Adjust maximum height of the logos */
    max-width: 140%; /* Adjust maximum width of the logos */
    object-fit: contain; /* Contain the logos within the box without stretching */
  }

  .logo-container img[src="eaton.png"]{
    max-height: 100%; /* Adjust maximum height of the logos */
    max-width: 140%; /* Adjust maximum width of the logos */
    object-fit: contain; /* Contain the logos within the box without stretching */
  }

  .logo-container img[src="vertiv.png"]{
    max-height: 100%; /* Adjust maximum height of the logos */
    max-width: 140%; /* Adjust maximum width of the logos */
    object-fit: contain; /* Contain the logos within the box without stretching */
  }

  .logo-container img[src="right-power.png"]{
    max-height: 100%; /* Adjust maximum height of the logos */
    max-width: 140%; /* Adjust maximum width of the logos */
    object-fit: contain; /* Contain the logos within the box without stretching */
  }

  .logo-container img[src="cisco-meraki.png"]{
    max-height: 100%; /* Adjust maximum height of the logos */
    max-width: 140%; /* Adjust maximum width of the logos */
    object-fit: contain; /* Contain the logos within the box without stretching */
  }

  .logo-container img[src="tp-link.png"]{
    max-height: 100%; /* Adjust maximum height of the logos */
    max-width: 140%; /* Adjust maximum width of the logos */
    object-fit: contain; /* Contain the logos within the box without stretching */
  }

  .logo-container img[src="d-link.png"]{
    max-height: 100%; /* Adjust maximum height of the logos */
    max-width: 130%; /* Adjust maximum width of the logos */
    object-fit: contain; /* Contain the logos within the box without stretching */
  }

  .logo-container img[src="en-genius.png"]{
    max-height: 120%; /* Adjust maximum height of the logos */
    max-width: 130%; /* Adjust maximum width of the logos */
    object-fit: contain; /* Contain the logos within the box without stretching */
  }

  .logo-container img[src="r&m.png"]{
    max-height: 100%; /* Adjust maximum height of the logos */
    max-width: 120%; /* Adjust maximum width of the logos */
    object-fit: contain; /* Contain the logos within the box without stretching */
  }

  .logo-container img[src="corning.png"]{
    max-height: 100%; /* Adjust maximum height of the logos */
    max-width: 130%; /* Adjust maximum width of the logos */
    object-fit: contain; /* Contain the logos within the box without stretching */
  }

  .logo-container img[src="epos&sennheiser.png"]{
    max-height: 100%; /* Adjust maximum height of the logos */
    max-width: 160%; /* Adjust maximum width of the logos */
    object-fit: contain; /* Contain the logos within the box without stretching */
  }

  .logo-container img[src="fluke.png"]{
    max-height: 100%; /* Adjust maximum height of the logos */
    max-width: 140%; /* Adjust maximum width of the logos */
    object-fit: contain; /* Contain the logos within the box without stretching */
  }

  .logo-container img[src="lg.png"]{
    max-height: 100%; /* Adjust maximum height of the logos */
    max-width: 110%; /* Adjust maximum width of the logos */
    object-fit: contain; /* Contain the logos within the box without stretching */
  }

  .logo-container img[src="logitech.png"]{
    max-height: 100%; /* Adjust maximum height of the logos */
    max-width: 120%; /* Adjust maximum width of the logos */
    object-fit: contain; /* Contain the logos within the box without stretching */
  }

  .logo-container img[src="shure.png"]{
    max-height: 120%; /* Adjust maximum height of the logos */
    max-width: 160%; /* Adjust maximum width of the logos */
    object-fit: contain; /* Contain the logos within the box without stretching */
  }

  .logo-container img[src="yamaha.png"]{
    max-height: 100%; /* Adjust maximum height of the logos */
    max-width: 140%; /* Adjust maximum width of the logos */
    object-fit: contain; /* Contain the logos within the box without stretching */
  }

  .logo-container img[src="bose.png"]{
    max-height: 100%; /* Adjust maximum height of the logos */
    max-width: 160%; /* Adjust maximum width of the logos */
    object-fit: contain; /* Contain the logos within the box without stretching */
  }

  .logo-container img[src="jbl.png"]{
    max-height: 80%; /* Adjust maximum height of the logos */
    max-width: 100%; /* Adjust maximum width of the logos */
    object-fit: contain; /* Contain the logos within the box without stretching */
  }

  .logo-container img[src="bright-sign.png"]{
    max-height: 100%; /* Adjust maximum height of the logos */
    max-width: 125%; /* Adjust maximum width of the logos */
    object-fit: contain; /* Contain the logos within the box without stretching */
  }

  .logo-container img[src="hanwha.png"]{
    max-height: 100%; /* Adjust maximum height of the logos */
    max-width: 160%; /* Adjust maximum width of the logos */
    object-fit: contain; /* Contain the logos within the box without stretching */
  }

  .logo-container img[src="entrypass.png"]{
    max-height: 100%; /* Adjust maximum height of the logos */
    max-width: 150%; /* Adjust maximum width of the logos */
    object-fit: contain; /* Contain the logos within the box without stretching */
  }

  .logo-container img[src="cynics.png"]{
    max-height: 100%; /* Adjust maximum height of the logos */
    max-width: 160%; /* Adjust maximum width of the logos */
    object-fit: contain; /* Contain the logos within the box without stretching */
  }

  .logo-container img[src="bosch.png"]{
    max-height: 100%; /* Adjust maximum height of the logos */
    max-width: 150%; /* Adjust maximum width of the logos */
    object-fit: contain; /* Contain the logos within the box without stretching */
  }

  .logo-container img[src="dell-emc.png"]{
    max-height: 120%; /* Adjust maximum height of the logos */
    max-width: 160%; /* Adjust maximum width of the logos */
    object-fit: contain; /* Contain the logos within the box without stretching */
  }

  .logo-container img[src="zte.png"]{
    max-height: 40%; /* Adjust maximum height of the logos */
    max-width: 100%; /* Adjust maximum width of the logos */
    object-fit: contain; /* Contain the logos within the box without stretching */
  }

  .logo-container img[src="netapp.png"]{
    max-height: 100%; /* Adjust maximum height of the logos */
    max-width: 130%; /* Adjust maximum width of the logos */
    object-fit: contain; /* Contain the logos within the box without stretching */
  }

  .logo-container img[src="pure-storage.png"]{
    max-height: 100%; /* Adjust maximum height of the logos */
    max-width: 170%; /* Adjust maximum width of the logos */
    object-fit: contain; /* Contain the logos within the box without stretching */
  }
  
  .logo-container img[src="synology.png"]{
    max-height: 200%; /* Adjust maximum height of the logos */
    max-width: 200%; /* Adjust maximum width of the logos */
    object-fit: contain; /* Contain the logos within the box without stretching */
  }

  .logo-container img[src="qnap.png"]{
    max-height: 120%; /* Adjust maximum height of the logos */
    max-width: 150%; /* Adjust maximum width of the logos */
    object-fit: contain; /* Contain the logos within the box without stretching */
  }
  
  .logo-container img[src="western-digital.png"]{
    max-height: 100%; /* Adjust maximum height of the logos */
    max-width: 150%; /* Adjust maximum width of the logos */
    object-fit: contain; /* Contain the logos within the box without stretching */
  }

  .logo-container img[src="seagate.png"]{
    max-height: 100%; /* Adjust maximum height of the logos */
    max-width: 160%; /* Adjust maximum width of the logos */
    object-fit: contain; /* Contain the logos within the box without stretching */
  }

  .logo-container img[src="san-disk.png"]{
    max-height: 100%; /* Adjust maximum height of the logos */
    max-width: 130%; /* Adjust maximum width of the logos */
    object-fit: contain; /* Contain the logos within the box without stretching */
  }

  .logo-image {
    margin: 10px; /* Optional: Adjust the margin around each logo if needed */
    object-fit: contain; /* Ensure logos fit within the specified dimensions */
    transition: transform 0.3s ease; /* Transition effect for hover */
  }

/* Hover effect on logos */
.logo-image:hover {
    transform: scale(1.3); /* Subtle zoom effect on hover */
}

.certifications {
  padding: 10px 0;
  /* text-align: center; */
  background-color: #DADAE8;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  width: 100%; /* Ensure the section takes up full width */
  margin: 0; /* Remove default margins */
  font-family: Arial, Helvetica, sans-serif;
}

.certifications h2 {
  margin-bottom: 20px;
  font-size: 24px;
  color: #333;
  font-family: "Raleway", sans-serif;
  text-align: center;
}

.cert-grid {
  display: flex;
  justify-content: center;
  gap: 150px; /* Space between columns */
  flex-wrap: wrap; /* Allow wrapping for smaller screens */
  padding: 0 10px; /* Adjusting padding around grid */
}

.cert-column {
  flex: 1 1 300px; /* Allow columns to shrink to a minimum width of 300px */
  max-width: 400px; /* Maximum width for larger screens */
  margin: 0 5px; /* Adjust margin to fill white space */
  /* padding-left: 30px;
  padding-right: 30px; */
}

.cert-list {
  list-style: none; /* Remove default list styling */
  padding: 0;
  margin: 0;
  text-align: left;
}

.cert-item {
  font-size: 14px;
  color: black;
  margin-bottom: 15px;
  display: flex;
  align-items: flex-start; /* Align icon and text */
  font-family: "Quicksand", sans-serif;
  font-weight: bold;
}

@media (max-width: 550px) {
  .cert-item {
    font-size: 14px;
  }
}

.cert-item .icon {
  color: #412B6C; /* Green checkmark color */
  margin-right: 10px;
  font-size: 18px; /* Adjust icon size */
  flex-shrink: 0; /* Prevent icon from shrinking */
}

@media (max-width: 1145px) {
    .cert-grid {
        display: block; /* Stack columns vertically on smaller screens */
        text-align: left;
    }

    .cert-column {
        margin-bottom: 20px; /* Space between stacked columns */
        padding-left: 30px;
        padding-right: 30px;
    }
}

.image-container3 {
  position: relative; /* Ensure container is set to relative */
}

.image-container3 a {
  position: absolute; /* Position the link absolutely within the container */
  bottom: 5px; /* Position it 10px from the bottom */
  right: 2px;  /* Position it 10px from the right */
  color: white; /* Text color */
  background: rgba(0, 0, 0, 0); /* Semi-transparent background */
  padding: 5px 10px; /* Padding around the text */
  border-radius: 5px; /* Rounded corners */
  font-size: 6px; /* Font size */
  text-decoration: none; /* Remove underline */
  z-index: 2; /* Ensure it appears above the image */
}

/* Responsive styling for screens less than or equal to 1345px */
@media (max-width: 1345px) {
  .image-container3 a {
    font-size: 6px; /* Adjust font size for better visibility */
    padding: 5px; /* Adjust padding if needed */
    background: rgba(0, 0, 0, 0); /* Slightly darker background for better contrast */
    color: #fff; /* Adjust text color if needed */
  }

  .image-container3 a {
    position: absolute; /* Position the link absolutely within the container */
    bottom: 25px; /* Position it 25px from the bottom */
    right: 5px;  /* Position it 5px from the right */
  }
}