.contact-card {
	position: relative;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 15px;
}

@media (max-width: 480px) {
  .contact-card {
	grid-template-columns: 1fr;
  }
}

.contact-card li {
	margin: 0;
	padding: 5px;
	background-image: repeating-linear-gradient(-45deg, transparent 0 5px, rgba(0, 0, 0, 0.08) 5px 10px);
	box-shadow: 1px 1px 8px 0px rgba(0, 0, 0, 0.2);
	height: 100%;
}
.contact-card .directory-contact-block {
	margin: 0;
	width: 100%;
	background: rgba(255, 255, 255, 0.9);
	padding: 25px;
	border-radius: 6px;
	border: 1px solid #e6e6e6;
	height: 100%;
}

.contact-card .directory-contact-block .contact-name {
  font-size: 1.3em;
  padding-bottom: 4px;
}
.contact-card .directory-contact-block .contact-designation {
  font-size: var(--wp--preset--font-size--medium);
  color: var(--wp--preset--color--text-primary-light);
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 10px;
}
.contact-card .directory-contact-block .contact-designation:before,
.contact-card .directory-contact-block .contact-designation:after {
  content: '';
  position: absolute;
  background: var(--wp--preset--color--text-body-color-lighter);
  height: 3px;
  width: 200px;
  left: 75px;
  bottom: 0;
}
.contact-card .directory-contact-block .contact-designation:before {
  width: 70px;
  left: 0;
  background: var(--wp--preset--color--text-primary-light);
}

@media (max-width: 991px) {
 .contact-card .directory-contact-block .contact-designation:after {
   width: 100px;
   left: 45px;
 }
 
 .contact-card .directory-contact-block .contact-designation:before {
    width: 40px;
  }
}


.contact-card .directory-contact-block .contact-numbers {
  display: flex;
  flex-direction: column;
  gap: 10px;
  position: relative;
}
.contact-card .directory-contact-block .contact-numbers:before {
  content: '';
  position: absolute;
  width: 2px;
  height: 100%;
  left: 11.5px;
  bottom: 0;
  background: var(--wp--preset--color--text-primary-light);
}
.contact-card .directory-contact-block .contact-numbers .contact-row {
  display: flex;
  align-items: center;
  gap: 10px;
}
.contact-card .directory-contact-block .contact-numbers .contact-row > span.icon {
  width: 25px;
  height: 25px;
  background: var(--wp--preset--color--text-primary-light);
  clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
  text-align: center;
  position: relative;
}
.contact-card .directory-contact-block .contact-numbers .contact-row > span.icon:before {
  font-family: "Font Awesome 6 Pro";
  font-size: var(--wp--preset--font-size--small);
  line-height: 25px;
  text-align: center;
  color: var(--wp--preset--color--base);
  transition: 0.3s ease-in-out;
}
.contact-card .directory-contact-block .contact-numbers .contact-row > span.phone:before {
  content: "\f1e4";
}
.contact-card .directory-contact-block .contact-numbers .contact-row > span.fax:before {
  content: "\f1ac";
}
.contact-card .directory-contact-block .contact-numbers .contact-row > span.email {
  background: var(--wp--preset--color--text-primary-dark);
}
.contact-card .directory-contact-block .contact-numbers .contact-row > span.email:before {
  content: "\f0e0";
}
.contact-card .directory-contact-block .contact-numbers .contact-row > span.intercom {
  background: var(--wp--preset--color--secondary);
}
.contact-card .directory-contact-block .contact-numbers .contact-row > span.intercom:before {
  content: "\f8ef";
}
.contact-card .directory-contact-block p {
  position: relative;
}