.policy-v11__box {
  height: 100%;
  background-color: var(--bg);
  border-radius: var(--bradius);
}

.policy-v11__wrap {
  display: flex;
  justify-content: center;
  padding: 4.8rem 1.6rem;
}
@media (min-width: 768px) {
  .policy-v11__wrap {
    padding: 4.8rem 2.4rem;
  }
}

.policy-v11__svg {
  margin-right: 2.4rem;
  line-height: 0;
}
.policy-v11__svg svg {
  margin: 0 auto;
}
.policy-v11__svg svg path {
  fill: color-mix(in srgb, rgb(var(--color-foreground)) calc(1 * 100%), #ffffff);
}

.policy-v11__info {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.policy-v11__title {
  font-family: var(--font-custom-family);
  font-weight: 600;
  margin-bottom: 0;
  font-size: calc(var(--font-heading-scale) * 2rem);
  line-height: calc(1 + 0.7 / var(--font-heading-scale));
  color: color-mix(in srgb, rgb(var(--color-foreground)) calc(1 * 100%), #ffffff);
}

.policy-v11__desc {
  font-weight: 400;
  font-size: calc(var(--font-body-scale) * 1.4rem);
  line-height: calc(1 + 0.8 / var(--font-body-scale));
  color: rgba(var(--color-foreground), 0.8);
}

.policy-v11__svg:hover {
  -webkit-animation-name: i;
  animation-name: i;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@-webkit-keyframes i {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.15);
  }
  to {
    transform: scale(1);
  }
}