/****************************** ****************************** 
                   Contact Us Page
****************************** *****************************/
.zdcb-contact-block {
  position: relative;
}
.zdcb-contact-block h1.wp-block-heading {
  font-size: 2.0625rem;
}
@media (min-width: 1024px) {
  .zdcb-contact-block h1.wp-block-heading {
    font-size: 2.4375rem;
  }
  .zdcb-contact-block h1.wp-block-heading + p {
    font-size: 1.125rem;
  }
}
/*Contact Details*/
.zdcb-contact-block .contact-details {
  list-style: none;
  margin: 0;
  padding: 1rem 0 0;
  display: flex;
  flex-direction: column;
}
.zdcb-contact-block .contact-details li {
  margin: 0 0 0.75rem;
  padding: 0;
  display: flex;
  align-items: flex-start;
}
.zdcb-contact-block .contact-details li .contact-icon {
  display: flex;
  width: 24px;
  margin-right: 1.5rem;
  justify-content: center;
}
.zdcb-contact-block .contact-details li .contact-icon svg {
  width: 24px;
  height: 24px;
  stroke: var(--bs-primary-500);
}
.zdcb-contact-block .contact-text {
  color: var(--bs-neutral-500);
  font-size: 1rem;
  font-weight: 400;
}
.zdcb-contact-block .contact-text a:link, .zdcb-contact-block .contact-text a:visited {
  color: var(--bs-neutral-500);
  font-weight: 400;
  text-decoration: none;
}
.zdcb-contact-block .contact-text a:not([class]):hover {
  color: var(--bs-primary-500);
  text-decoration: none;
}
/*Opening Hour Details*/
.zdcb-contact-block .opening-hour-details {
  margin: 0;
  padding: 1rem 0 0;
  display: flex;
  flex-direction: column;
}
.zdcb-contact-block .opening-hour-details h5 {
  color: var(--bs-primary-900);
  font-family: var(--heading-theme-font);
}
.zdcb-contact-block .opening-hour-details p {
  font-size: 1rem;
  color: var(--bs-neutral-500);
  font-weight: 400;
  margin: 0 0 1rem;
  line-height: 1.8;
}
.zdcb-contact-block .opening-hour-details p strong {
font-weight: 600;
color: var(--bs-primary-900);
margin-right: 15px;
min-width: 145px;
display: inline-flex;
}
/*Socail Details*/
.zdcb-contact-block .content div.socials {
  justify-content: flex-start;
}
.zdcb-contact-block .content div.socials ul {
  gap: 1rem;
}
.zdcb-contact-block .content div.socials ul li a:link, .zdcb-contact-block .content div.socials ul li a:visited {
  color: var(--bs-primary-500);
  text-decoration: none;
  font-weight: 600;
  border: none;
  width: 24px;
  height: 24px;
  border-radius: 0;
  transition: all .25s ease-out;
}
.zdcb-contact-block .content div.socials ul li a:link svg, .zdcb-contact-block .content div.socials ul li a:visited svg {
  display: block;
  width: 1.5em;
  height: 1.5em;
}
.zdcb-contact-block .content div.socials ul li a:hover {
  color: var(--bs-primary-400);
}
/*Contact Form*/
.zdcb-contact-block .contact-form {
  background: var(--bs-primary-50);
  padding: 1rem;
  border-radius: 0;
  position: relative;
  z-index: 1;
}
@media(min-width: 575px) {
  .zdcb-contact-block .contact-form {
    padding: 1.5rem;
  }
}
@media(min-width: 992px) {
  .zdcb-contact-block .contact-form {
    padding: 2.25rem;
  }
}
.zdcb-contact-block .contact-form .btn {
  width: 100%;
}