.emblem-container {
  display: flex;
  align-items: center;
  justify-content: center; /* centers the whole block */
  background-color: #edefeb;
  gap: 10px; /* space between image and text */
  margin: 0 auto; /* centers container itself */
  padding-top: 80px;
  max-width: 100%; /* optional, keeps it visually centered */
}

.left {
  display: flex;
  justify-content: flex-end; /* image to right */
  margin: 0px;
  padding: 0px;
}

.left img {
  width: 100px;
  height: 100px;
 
}

.right {
  display: flex;
  align-items: center;
  justify-content: left;
  margin:  0px;
 
}

.right p {
    margin: 0%;
}

.ig-icon {
  float: right;
  width: 5%;
  height: auto;
}

.text-black {
    color: #000 !important;
    font-weight: bold;
}

.ser-section {
    background-color: #edefeb;
    padding-top: 40px;
    padding-bottom: 40px;
}

.con-section {
    background-color: #edefeb;
}

/* Ensure cards display properly */
.ser-section .row {
    display: flex;
    flex-wrap: wrap;
}

.ser-section .col-lg-4 {
    display: flex;
    flex-direction: column;
}

.item-wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.item-content {
    flex: 1;
}

/* Your other existing styles */
.emblem-container {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #edefeb;
    gap: 10px;
    margin: 0 auto;
    padding-top: 80px;
    max-width: 100%;
}

/* ... rest of your styles remain the same ... */