:root {
  --color-1: #a855f7;
  --color-2: #3b82f6;
  --color-3: #22c55e;
  --color-4: #f97316;
  --color-5: #3b82f6;
}

.core-values {
  box-shadow: 0px 4px 6px -4px rgba(0, 0, 0, 0.1019607843);
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1019607843);
  border: 1px solid #F3F4F6;
}
.core-values > .wp-block-group:first-child {
  width: 48px;
  height: 48px;
  background-blend-mode: multiply;
  mix-blend-mode: multiply;
}
.core-values:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1019607843);
  transition-duration: 0.3s;
  animation-duration: 0.3s;
}
.core-values:hover .icon-container svg {
  filter: brightness(0) saturate(100%) invert(100%) sepia(22%) saturate(6027%) hue-rotate(222deg) brightness(128%) contrast(112%);
}

.core-values-container .wp-block-column:nth-child(1) .core-values:hover > .wp-block-group:first-child {
  background-color: var(--color-1) !important;
  background-blend-mode: normal;
  mix-blend-mode: normal;
}

.core-values-container .wp-block-column:nth-child(2) .core-values:hover > .wp-block-group:first-child {
  background-color: var(--color-2) !important;
  background-blend-mode: normal;
  mix-blend-mode: normal;
}

.core-values-container .wp-block-column:nth-child(3) .core-values:hover > .wp-block-group:first-child {
  background-color: var(--color-3) !important;
  background-blend-mode: normal;
  mix-blend-mode: normal;
}

.core-values-container .wp-block-column:nth-child(4) .core-values:hover > .wp-block-group:first-child {
  background-color: var(--color-4) !important;
  background-blend-mode: normal;
  mix-blend-mode: normal;
}

.core-values-container .wp-block-column:nth-child(5) .core-values:hover > .wp-block-group:first-child {
  background-color: var(--color-5) !important;
  background-blend-mode: normal;
  mix-blend-mode: normal;
}

@media (max-width: 1080px) and (min-width: 782px) {
  .greg-anderson {
    gap: 20px !important;
  }
  .greg-anderson figure img {
    aspect-ratio: 3/4 !important;
  }
  .greg-anderson .wp-block-column:nth-child(2) {
    flex-basis: 45% !important;
  }
}
@media (max-width: 782px) {
  .greg-anderson {
    flex-direction: column-reverse;
  }
  .greg-anderson figure img {
    width: 100% !important;
  }
}
@media (max-height: 500px) {
  .mission-vission figure img {
    -o-object-position: top center !important;
       object-position: top center !important;
    height: 300px !important;
  }
}/*# sourceMappingURL=style.css.map */