@keyframes pulse {
  20% { transform: scale(1); opacity: 0.7; }
  50% { transform: scale(1.1); opacity: 1; }
  80% { transform: scale(1); opacity: 0.7; }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
  50% { transform: translateY(-20px); }
}

.pin {
  animation: bounce 2s ease-in-out infinite;
  transform-origin: bottom center;
}

.shadow {
  animation: pulse 3s infinite ease-in-out;
  transform-origin: center;
}
.pin-shape{
    color: black;
}
.pin-shape.primary{
    color: red;
}
.map-peninsular{
    height: 500px;
}
.map-borneo{
    height: 500px;
}
.pin-label{
    fill: var(--primary-color);
}
@media (min-width: 1170px) and (max-width: 1500px){
    .map-peninsular{
        height: 400px;
    }
    .map-borneo{
        height: 400px;
    }
}
@media (min-width: 1000px) and (max-width: 1170px){
    .map-peninsular{
        height: 340px;
    }
    .map-borneo{
        height: 340px;
    }
}
.show-on-large{
    display: block;
}
.map-header{
    display: none;
}
.corporate-office-info {
  font-size: medium;
  line-height: 1.2;
}
.corporate-office-info .address{
  text-align: justify;
}

@media (min-width: 470px) and (max-width: 1000px){
    .map-peninsular{
        height: 300px;
    }
    .map-borneo{
        height: 300px;
    }
}
@media(max-width: 470px){
    .map-peninsular{
        height: 250px;
    }
    .map-borneo{
        height: 250px;
    }
    .pin-label{
        opacity: 0;
    }
    .corporate-office-info {
      font-size: small;
    }
    .corporate-office-info > div {
      font-size: small;
    }
}
@media(max-width: 863px){
    .show-on-large{
        display: none;
    }
    .map-header{
        display: block;
        font-weight: 400;
        color: var(--primary-color);
        font-size: 1.1rem;
    }
}

@media(max-width: 570px){
    .header{
        margin-left: .5rem;
        padding: 0;
    }
}


@media (max-width: 950px){
    .corporate-office-info{
        gap: 1rem !important;
    }
  .corporate-office-info > div {
    gap: 0.5rem !important;
  }
}
@media (max-width: 837.98px) {
  .corporate-office-info {
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
    text-align: center;
  }
  .corporate-office-info > .d-flex {
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
     text-align: justify;
  }

   .corporate-office-info > .d-flex > p {
       text-align: justify;
       max-width: 90%;
   }

    .corporate-office-info > h3 {
        text-align: center;
        margin-bottom: 0;
    }

    .corporate-office-info > p {
        text-align: center;
        margin-bottom: 0;
    }
}
td, th{
    border-style: dashed;
    border-color: var(--primary-color);
    color: var(--primary-color) !important;
}
th{
    border-style: none;

}
td, th, tr, table{
    background-color: #f2f2f2 !important;
}
td.location{
    color: gray !important;
}
.page-item > button{
    background-color: transparent;
}