section p {
      font-size: 0.8125rem;
      line-height: 1.5;
      letter-spacing: 0.52px;
      --tw-text-opacity: 1;
      color: rgb(81 90 104 / var(--tw-text-opacity));
}

@media (min-width: 700px) {

      section p {
            font-size: 0.9375rem;
            line-height: 1.5;
            letter-spacing: 1.2px;
      }
}

.restricted-area .card {
      display: flex;
      flex-direction: column;
      gap: 0.25rem;
      border-radius: 20px;
      --tw-bg-opacity: 1;
      background-color: rgb(238 243 246 / var(--tw-bg-opacity));
      padding: 1.5rem;
}

.restricted-area .card .title {
      display: flex;
      align-items: center;
      gap: 0.25rem;
}

.restricted-area .card .title h3 {
      font-size: 1.0625rem;
      line-height: 1.5;
      font-weight: 500;
      letter-spacing: 1.02px;
      --tw-text-opacity: 1;
      color: rgb(45 48 51 / var(--tw-text-opacity));
}

@media (min-width: 700px) {

      .restricted-area .card .title h3 {
            font-size: 1.3125rem;
            line-height: 1.5;
            font-weight: 500;
            letter-spacing: 1.26px;
      }
}

.restricted-area .card p {
      font-size: 0.9375rem;
      line-height: 1.5;
      letter-spacing: 1.5px;
      --tw-text-opacity: 1;
      color: rgb(45 48 51 / var(--tw-text-opacity));
}

@media (min-width: 700px) {

      .restricted-area .card p {
            font-size: 1.125rem;
            line-height: 1.5;
            letter-spacing: 1.8px;
      }
}

.mesh-number .box {
      margin-top: 2.5rem;
      display: grid;
      grid-template-columns: repeat(1, minmax(0, 1fr));
      gap: 1rem;
}

@media (min-width: 700px) {

      .mesh-number .box {
            grid-template-columns: repeat(2, minmax(0, 1fr));
      }
}

@media (min-width: 1024px) {

      .mesh-number .box {
            grid-template-columns: repeat(3, minmax(0, 1fr));
      }
}

.mesh-number .box .card {
      display: flex;
      flex-direction: column;
      align-items: center;
      border-radius: 20px;
      --tw-bg-opacity: 1;
      background-color: rgb(255 255 255 / var(--tw-bg-opacity));
      padding-top: 1.25rem;
      padding-bottom: 1.25rem;
      padding-left: 1rem;
      padding-right: 1rem;
}

.mesh-number .box .card .text {
      width: 100%;
}

.mesh-number .box .card .text h3 {
      margin-bottom: 0.25rem;
      font-size: 1.0625rem;
      line-height: 1.5;
      font-weight: 500;
      letter-spacing: 1.02px;
      --tw-text-opacity: 1;
      color: rgb(30 32 34 / var(--tw-text-opacity));
}

@media (min-width: 700px) {

      .mesh-number .box .card .text h3 {
            font-size: 1.3125rem;
            line-height: 1.5;
            font-weight: 500;
            letter-spacing: 1.26px;
      }
}

.mesh-number .box .card .text p {
      font-size: 0.8125rem;
      line-height: 1.5;
      letter-spacing: 0.52px;
      --tw-text-opacity: 1;
      color: rgb(30 32 34 / var(--tw-text-opacity));
}

@media (min-width: 700px) {

      .mesh-number .box .card .text p {
            font-size: 0.9375rem;
            line-height: 1.5;
            letter-spacing: 1.2px;
      }
}

.mesh-number .box img {
      width: 154px;
    }

/*# sourceMappingURL=p4-mesh-slave.css.map */