
.fzt-team-container .fzt-team-item {
    margin: 0;
    padding: 40px;
    line-height: 1;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-width: 2px;
    border-style: dashed;
    border-color: var(--kidizro-primary-color);
    border-radius: 15px;
    overflow: hidden;
    -webkit-transition: var(--transition);
    transition: var(--transition);
  }

  .fzt-team-container .fzt-team-item:hover {
    border-style: dashed;
    background-color: rgba(var(--kidizro-primary-color-rgb), 0.05);
    -webkit-box-shadow: 0px 6px 15px 5px rgba(var(--kidizro-dark-color-rgb), 0.05);
    box-shadow: 0px 6px 15px 5px rgba(var(--kidizro-dark-color-rgb), 0.05);
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  
  .fzt-team-container .fzt-team-item .fzt-team-thumb {
    position: relative;
    display: flex;
    width: 260px;
    height: 210px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 15px;
  }
  
  .fzt-team-container .fzt-team-item .fzt-team-thumb .fzt-team-decor:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    mask-position: center center;
   -webkit-mask-position: center center;
   mask-repeat: no-repeat;
   -webkit-mask-repeat: no-repeat;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    z-index: 0;
  }
  
  .fzt-team-container .fzt-team-item .fzt-team-thumb .fzt-team-decor:before {
      background-color: var(--kidizro-primary-color);
  }
  
  .fzt-team-container .fzt-team-item .fzt-team-thumb .fzt-team-decor .dotted-decor {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    stroke: currentColor;
    stroke-width: 2px;
    stroke-dasharray: 6, 6;
    stroke-dashoffset: 0;
    stroke-linecap: round;
    fill: none;
    color: var(--kidizro-primary-color);
    -webkit-animation: dashed-animation 20s linear infinite paused;
    animation: dashed-animation 20s linear infinite paused;
  }

  .fzt-team-container .fzt-team-item:hover .fzt-team-thumb .fzt-team-decor .dotted-decor {
    animation-play-state: running;
  }

  @-webkit-keyframes dashed-animation {
    0% {
      stroke-dashoffset: 0;
    }

    100% {
      stroke-dashoffset: -1000;
    }
  }
  
  .fzt-team-container .fzt-team-item .fzt-team-thumb .fzt-team-decor:before {
    -webkit-mask-image: url(images/team-bg-mask.svg);
    mask-size: 95% auto;
   -webkit-mask-size: 95% auto;
  }
  
  .fzt-team-container.fzt-col-4 .fzt-team-item
  {
      padding: 20px;
  }
  .fzt-team-container.fzt-col-4 .fzt-team-item .fzt-team-thumb {
      width: 240px;
      height: 210px;
  }
  
  .fzt-team-container.fzt-col-4 .fzt-team-item .fzt-team-thumb:before {
      width: 15px;
      height: 15px;
  }
  
  .fzt-team-container.fzt-col-4 .fzt-team-item .fzt-team-thumb:after {
      width: 10px;
      height: 10px;
  }
  
  .fzt-team-container .fzt-team-item .fzt-team-thumb img {
    position: relative;
    -webkit-mask-image: url(images/team-mask.svg);
    -webkit-mask-size: contain;
    -webkit-mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    z-index: 1;
  }
  
  .fzt-team-container .fzt-team-item .fzt-team-thumb:before,
  .fzt-team-container .fzt-team-item .fzt-team-thumb:after {
      content: "";
      position: absolute;
      left:0;
      right:0;
      margin: auto;
      border-radius: 50%;
      mask-position: center center;
      -webkit-mask-position: center center;
      mask-repeat: no-repeat;
      -webkit-mask-repeat: no-repeat;
      mask-size: 100% auto;
      -webkit-mask-size: 100% auto;
      -webkit-transition: var(--transition);
      transition: var(--transition);
      z-index: -1;
  }
  
  .fzt-team-container .fzt-team-item .fzt-team-thumb:before {
      -webkit-mask-image: url(images/blob-1.gif);
      width: 25px;
      height: 25px;
      top: 0;
      transform: translate(15px, -5px);
      -webkit-transform: translate(15px, -5px);    
  }
  
  .fzt-team-container .fzt-team-item .fzt-team-thumb:after {
      -webkit-mask-image: url(images/blob-2.gif);
      width: 16px;
      height: 16px;
      background: var(--kidizro-border-light-color);
      bottom: 0;
      transform: translate(10px, 15px);
      -webkit-transform: translate(10px, 15px);
  }
  
  .fzt-team-container .fzt-team-item:hover .fzt-team-thumb img {
      -webkit-filter: grayscale(1);
      filter: grayscale(1);
  }
  
  .fzt-team-container .fzt-team-item:hover .fzt-team-thumb:before {
      transform: translate(10px, 210px);
      -webkit-transform: translate(10px, 210px);
  }
  
  .fzt-team-container .fzt-team-item:hover .fzt-team-thumb:after {
      -webkit-transform: translate(15px, -200px);
      transform: translate(15px, -200px);
  }
  
  .fzt-team-container .fzt-team-item .fzt-team-thumb:before {
      background: var(--kidizro-primary-color);
  }
  
  .fzt-team-container .fzt-team-item .fzt-team-content {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    background: transparent;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    z-index: 1;
  }
  
  .fzt-team-container .fzt-team-item .fzt-team-content:not(:only-child) {
      padding: 40px 0 0 0;
  }
  
  .fzt-team-container .fzt-team-item .fzt-team-content > *:not(:last-child) {
    margin: 0 0 15px;
  }
  
  .fzt-team-container .fzt-team-item .fzt-team-content .fzt-team-title {
    display: inline-flex;
    justify-content: inherit;
    padding: 0;
    font-size: var(--kidizro-h4-font-size);
    color: var(--kidizro-heading-color);
    font-family: var(--kidizro-h2-font-family);
    font-weight: 600;
    line-height: 1.2;
    text-align: inherit;
    width: 100%;
  }
  
  .fzt-team-container .fzt-team-item .fzt-team-content .fzt-team-title a {
      color: var(--kidizro-heading-color);
  }
  
  .fzt-team-container .fzt-team-item .fzt-team-content .fzt-team-title a:hover {
      color: var(--kidizro-primary-color);
  }
  
  .fzt-team-container .fzt-team-item .fzt-team-content .fzt-team-role {
    color: var(--kidizro-body-text-color);
    font-size: var(--kidizro-h5-font-size);
    font-weight: 500;
    display: flex;
    align-items: inherit;
    justify-content: inherit;
    flex-wrap: wrap;
    width: 100%;
  }
  
  .fzt-team-container .fzt-team-item .fzt-team-content .fzt-team-description {
    line-height: normal;
  }
  
  .fzt-team-container .fzt-team-item .fzt-team-content .fzt-team-social-links {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: row;
    list-style: none;
    padding: 0;
    margin: 20px 0 0 0;
    justify-content: center;
    width: 100%;
    -webkit-transition: var(--transition);
    transition: var(--transition);
  }
  
  .fzt-team-container .fzt-team-item .fzt-team-content .fzt-team-social-links li {
    width: 40px;
    height: 40px;
    background: var(--kidizro-primary-color);
    color: var(--kidizro-light-color);
    -webkit-border-radius: 10px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    overflow: hidden;
    -webkit-transition: var(--transition);
    transition: var(--transition);
  }
  
  .fzt-team-container .fzt-team-item .fzt-team-content .fzt-team-social-links li:not(:last-child) {
    margin: 0 10px 0 0;
  }
  
  .fzt-team-container .fzt-team-item .fzt-team-content > *:empty {
    display: none;
  }
  
  .fzt-team-container .fzt-team-item .fzt-team-content .fzt-team-social-links li a {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    position: relative;
    color: currentColor;
  }
  
  .fzt-team-container .fzt-team-item .fzt-team-content .fzt-team-social-links li a:before {
    font-family: 'Font Awesome 6 Brands';
    position: relative;
    font-size: var(--kidizro-h6-font-size);
    color: inherit;
    margin: 0;
  }
  
  .fzt-team-container .fzt-team-item .fzt-team-content .fzt-team-social-links li.fzt-facebook a:before {
    content: "\f39e";
  }
  
  .fzt-team-container .fzt-team-item .fzt-team-content .fzt-team-social-links li.fzt-twitter a:before {
    content: "\f099";
  }
  
  .fzt-team-container .fzt-team-item .fzt-team-content .fzt-team-social-links li.fzt-linkedin a:before {
    content: "\f0e1";
  }
  
  .fzt-team-container .fzt-team-item .fzt-team-content .fzt-team-social-links li.fzt-instagram a:before {
    content: "\f16d";
  }
  
  .fzt-team-container .fzt-team-item:hover .fzt-team-thumb .fzt-team-decor:before {
    background-color: var(--kidizro-primary-color);
  }

  .fzt-team-container .fzt-team-item:hover .fzt-team-thumb .fzt-team-decor .dotted-decor {
    color: var(--kidizro-primary-color);
  }
  
  .fzt-team-container .fzt-team-item:hover .fzt-team-content .fzt-team-social-links li:first-child,
  .fzt-team-container .fzt-team-item:hover .fzt-team-content .fzt-team-social-links li:last-child {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    visibility: visible;
  }
  
  .fzt-team-container .fzt-team-item .fzt-team-content .fzt-team-social-links li:hover,
  .fzt-team-container .fzt-team-item[class*="fzt-custom-color"] .fzt-team-content .fzt-team-social-links li:hover {
    background-color: var(--kidizro-secondary-color);
    color: var(--kidizro-light-color);
  }

  /* Kidizro Custom Colors */

    .fzt-team-container .fzt-team-item.fzt-custom-color-1 {
      border-color: var(--kidizro-custom-color-1);
    }

    .fzt-team-container .fzt-team-item.fzt-custom-color-2 {
      border-color: var(--kidizro-custom-color-2);
    }

    .fzt-team-container .fzt-team-item.fzt-custom-color-3 {
      border-color: var(--kidizro-custom-color-3);
    }

    .fzt-team-container .fzt-team-item.fzt-custom-color-4 {
      border-color: var(--kidizro-custom-color-4);
    }

    .fzt-team-container .fzt-team-item.fzt-custom-color-5 {
      border-color: var(--kidizro-custom-color-5);
    }

    .fzt-team-container .fzt-team-item.fzt-custom-color-1:hover {
      background: rgba(var(--kidizro-custom-color-1-rgb), 0.05);
    }

    .fzt-team-container .fzt-team-item.fzt-custom-color-2:hover {
      background: rgba(var(--kidizro-custom-color-2-rgb), 0.05);
    }

    .fzt-team-container .fzt-team-item.fzt-custom-color-3:hover {
      background: rgba(var(--kidizro-custom-color-3-rgb), 0.05);
    }

    .fzt-team-container .fzt-team-item.fzt-custom-color-4:hover {
      background: rgba(var(--kidizro-custom-color-4-rgb), 0.05);
    }

    .fzt-team-container .fzt-team-item.fzt-custom-color-5:hover {
      background: rgba(var(--kidizro-custom-color-5-rgb), 0.05);
    }

    .fzt-team-container .fzt-team-item.fzt-custom-color-1 .fzt-team-thumb .fzt-team-decor:before {
        background: var(--kidizro-custom-color-1);
    }

    .fzt-team-container .fzt-team-item.fzt-custom-color-2 .fzt-team-thumb .fzt-team-decor:before {
        background: var(--kidizro-custom-color-2);
    }

    .fzt-team-container .fzt-team-item.fzt-custom-color-3 .fzt-team-thumb .fzt-team-decor:before {
        background: var(--kidizro-custom-color-3);
    }

    .fzt-team-container .fzt-team-item.fzt-custom-color-4 .fzt-team-thumb .fzt-team-decor:before {
        background: var(--kidizro-custom-color-4);
    }

    .fzt-team-container .fzt-team-item.fzt-custom-color-5 .fzt-team-thumb .fzt-team-decor:before {
        background: var(--kidizro-custom-color-5);
    }

    .fzt-team-container .fzt-team-item.fzt-custom-color-1 .fzt-team-thumb .fzt-team-decor .dotted-decor {
      color: var(--kidizro-custom-color-1);
    }

    .fzt-team-container .fzt-team-item.fzt-custom-color-2 .fzt-team-thumb .fzt-team-decor .dotted-decor {
      color: var(--kidizro-custom-color-2);
    }

    .fzt-team-container .fzt-team-item.fzt-custom-color-3 .fzt-team-thumb .fzt-team-decor .dotted-decor {
      color: var(--kidizro-custom-color-3);
    }

    .fzt-team-container .fzt-team-item.fzt-custom-color-4 .fzt-team-thumb .fzt-team-decor .dotted-decor {
      color: var(--kidizro-custom-color-4);
    }

    .fzt-team-container .fzt-team-item.fzt-custom-color-5 .fzt-team-thumb .fzt-team-decor .dotted-decor {
      color: var(--kidizro-custom-color-5);
    }    

    .fzt-team-container .fzt-team-item.fzt-custom-color-1 .fzt-team-thumb:before {
        background: var(--kidizro-custom-color-1);
    }

    .fzt-team-container .fzt-team-item.fzt-custom-color-2 .fzt-team-thumb:before {
        background: var(--kidizro-custom-color-2);
    }

    .fzt-team-container .fzt-team-item.fzt-custom-color-3 .fzt-team-thumb:before {
        background: var(--kidizro-custom-color-3);
    }

    .fzt-team-container .fzt-team-item.fzt-custom-color-4 .fzt-team-thumb:before {
        background: var(--kidizro-custom-color-4);
    }

    .fzt-team-container .fzt-team-item.fzt-custom-color-5 .fzt-team-thumb:before {
        background: var(--kidizro-custom-color-5);
    }

    .fzt-team-container .fzt-team-item.fzt-custom-color-1 .fzt-team-content .fzt-team-title a:hover {
        color: var(--kidizro-custom-color-1);
    }

    .fzt-team-container .fzt-team-item.fzt-custom-color-2 .fzt-team-content .fzt-team-title a:hover {
        color: var(--kidizro-custom-color-2);
    }

    .fzt-team-container .fzt-team-item.fzt-custom-color-3 .fzt-team-content .fzt-team-title a:hover {
        color: var(--kidizro-custom-color-3);
    }

    .fzt-team-container .fzt-team-item.fzt-custom-color-4 .fzt-team-content .fzt-team-title a:hover {
        color: var(--kidizro-custom-color-4);
    }

    .fzt-team-container .fzt-team-item.fzt-custom-color-5 .fzt-team-content .fzt-team-title a:hover {
        color: var(--kidizro-custom-color-5);
    }

    .fzt-team-container .fzt-team-item.fzt-custom-color-1:hover .fzt-team-thumb .fzt-team-decor:before {
        background-color: var(--kidizro-custom-color-1);
    }

    .fzt-team-container .fzt-team-item.fzt-custom-color-2:hover .fzt-team-thumb .fzt-team-decor:before {
        background-color: var(--kidizro-custom-color-2);
    }

    .fzt-team-container .fzt-team-item.fzt-custom-color-3:hover .fzt-team-thumb .fzt-team-decor:before {
        background-color: var(--kidizro-custom-color-3);
    }

    .fzt-team-container .fzt-team-item.fzt-custom-color-4:hover .fzt-team-thumb .fzt-team-decor:before {
        background-color: var(--kidizro-custom-color-4);
    }

    .fzt-team-container .fzt-team-item.fzt-custom-color-5:hover .fzt-team-thumb .fzt-team-decor:before {
        background-color: var(--kidizro-custom-color-5);
    }

    .fzt-team-container .fzt-team-item.fzt-custom-color-1 .fzt-team-content .fzt-team-social-links li {
        background: var(--kidizro-custom-color-1);
    }

    .fzt-team-container .fzt-team-item.fzt-custom-color-2 .fzt-team-content .fzt-team-social-links li {
        background: var(--kidizro-custom-color-2);
    }

    .fzt-team-container .fzt-team-item.fzt-custom-color-3 .fzt-team-content .fzt-team-social-links li {
        background: var(--kidizro-custom-color-3);
    }

    .fzt-team-container .fzt-team-item.fzt-custom-color-4 .fzt-team-content .fzt-team-social-links li {
        background: var(--kidizro-custom-color-4);
    }

    .fzt-team-container .fzt-team-item.fzt-custom-color-5 .fzt-team-content .fzt-team-social-links li {
        background: var(--kidizro-custom-color-5);
    }

    /* Tablets - Portrait, 768px and up */
    @media (min-width: 768px) and (max-width: 1024px) {
      .fzt-team-container .fzt-team-item {
        padding: 25px;
      }

      .fzt-team-container .fzt-team-item .fzt-team-content .fzt-team-title {
        font-size: calc(var(--kidizro-h4-font-size) - 5px);
      }

      .fzt-team-container .fzt-team-item .fzt-team-content .fzt-team-social-links {
        margin: 10px 0 0 0;
      }
    }

    /* Small Mobile - Portrait, less than 479px */
    @media (max-width: 479px) {
      .fzt-team-container .fzt-team-item {
          padding: 20px;
      }

      .fzt-team-container .fzt-team-item .fzt-team-content .fzt-team-title {
          font-size: calc(var(--kidizro-h4-font-size) - 5px);
      }

      .fzt-team-container .fzt-team-item .fzt-team-content .fzt-team-role {
          font-size: var(--kidizro-h6-font-size);
      }

      .fzt-team-container .fzt-team-item .fzt-team-content .fzt-team-social-links {
          margin: 10px 0 0 0;
      }
    }