.zdcb-team-block ul.team__grid li.team-item {
  --bs-card-spacer-y: 1rem;
  --bs-card-spacer-x: 1rem;
  padding: var(--bs-card-spacer-y)var(--bs-card-spacer-x);
  border: 1px solid var(--bs-neutral-200);
  border-radius: 20px;
  text-align: left;
}
.zdcb-team-block ul.team__grid.items--4 {
  justify-content: center;
}
@media (min-width: 360px) and (max-width: 767px) {
  .zdcb-team-block ul.team__grid {
    gap: 1rem;
  }
  .zdcb-team-block ul.team__grid li.team-item {
    flex: 0 calc(50% - 0.5rem);
  }
}
@media (min-width: 768px) {
  .zdcb-team-block ul.team__grid li.team-item {
    flex: 0 calc(50% - 1rem);
  }
}
@media (min-width: 1024px) {
  .zdcb-team-block ul.team__grid li.team-item {
    flex: 0 calc(33.33% - 1rem);
  }
}
@media (min-width: 1200px) {
  .zdcb-team-block ul.team__grid li.team-item {
    flex: 0 0 calc(25% - 1.25rem);
  }
}
.zdcb-team-block ul.team__grid li.team-item header {
  font: 500 1.35rem/1.5 var(--heading-theme-font);
  color: var(--bs-primary-900);
}
.zdcb-team-block ul.team__grid li.team-item .meta-designation, .zdcb-team-block ul.team__grid li.team-item .meta-attributes {
  font: normal 400 1rem/1.5 var(--primary-theme-font);
  color: var(--bs-neutral-500);
}
@media (min-width: 1024px) {
  .zdcb-team-block ul.team__grid li.team-item header {
    font: 500 1.75rem/1.5 var(--heading-theme-font);
  } 
  .zdcb-team-block ul.team__grid li.team-item .meta-designation, .zdcb-team-block ul.team__grid li.team-item .meta-attributes {
    font: normal 400 1.125rem/1.5 var(--primary-theme-font);
  }
}
.zdcb-team-block ul.team__grid li.team-item a:link, .zdcb-team-block ul.team__grid li.team-item a:visited {
  margin-bottom: 0;
}
.zdcb-team-block ul.team__grid li.team-item .btn {
  font-size: 0.875rem;
}
/**/
.zdcb-team-block [data-modal-type^="zdcb-team-"].modal .modal-content {
  border-radius: 12px;
}
.zdcb-team-block [data-modal-type^="zdcb-team-"].modal .modal-body header {
  font: 500 1.75rem/1.5 var(--heading-theme-font);
}
.zdcb-team-block [data-modal-type^="zdcb-team-"].modal .modal-body .meta-designation {
  font: normal 400 1.125rem/1.5 var(--primary-theme-font);
  color: var(--bs-primary-900);
}
.zdcb-team-block [data-modal-type^="zdcb-team-"].modal .modal-body .team-item__content p {
  font: normal 300 1rem/1.5 var(--primary-theme-font);
  color: var(--bs-neutral-500);
}


.zdcb-team-block [data-modal-type^=zdcb-team-].modal .modal-body .social a {
    background-color: var(--bs-neutral-50);
    color: var(--bs-primary-900);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    transition: background-color .25s ease-out;
    display: flex;
}

.zdcb-team-block [data-modal-type^=zdcb-team-].modal .modal-body .social a:hover {
    background: var(--bs-primary-500);
    color: var(--bs-shades-0);
}

.zdcb-team-block [data-modal-type^=zdcb-team-].modal .modal-body .social a:after {
    display: none
}

.zdcb-team-block [data-modal-type^=zdcb-team-].modal .modal-body .social .social-item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.zdcb-team-block [data-modal-type^=zdcb-team-].modal .modal-body .social{
    margin: 1rem 0;
    display: inline-block;
    cursor: pointer;
}
.zdcb-team-block [data-modal-type^=zdcb-team-].modal .modal-body .social .social-item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}

.zdcb-team-block [data-modal-type^=zdcb-team-].modal .modal-body .social .social-item .instagram-id{
  color: var(--bs-primary-900);
  font-size: 0.875rem;
}
.zdcb-team-block [data-modal-type^=zdcb-team-].modal .modal-body .social:hover a{
    background: var(--bs-primary-500);
    color: var(--bs-shades-0);

}

@media (min-width: 768px) {
    .zdcb-team-block [data-modal-type^=zdcb-team-].modal .modal-body figure {
        min-width: 440px;
        width: 100%;
        margin-top:1.5rem;
    }
}
@media (min-width: 1024px) {
    .zdcb-team-block [data-modal-type^=zdcb-team-].modal .modal-body figure {
        margin-top:0px;
    }
}
body.modal-open .zdcb-team-block [data-modal-type^=zdcb-team-].modal {
    z-index: 999999;
}
@media (min-width: 1200px) {
    .zdcb-team-block [data-modal-type^=zdcb-team-].modal .modal-header button {
        color: var(--bs-shades-100);
    }
}