.card-national-shipping {
  @apply bg-primary-300 rounded-lg p-8 text-white flex flex-col lg:py-0 xl:py-16 lg:px-12 xl:px-24 gap-6 w-full h-full lg:justify-center 2xl:px-32 relative;
  overflow-wrap: anywhere;

  &__item {
    @apply flex gap-4;
  }

  &__description {
    @apply flex flex-col;
  }

  &__icon {
    @apply text-dynamic-icon-card-national-shipping translate-y-2 sm:translate-y-0 md:translate-y-1 lg:translate-y-0;
  }

  &__list {
    @apply flex flex-col gap-5 lg:gap-9 lg:mt-10;
  }

  &__span,
  &__sublist,
  &__description {
    @apply text-dynamic-national-shipping-des font-sans-Anek;
  }

  &__subitem-title {
    @apply font-semibold;
  }

  &__figure {
    @apply hidden xl:block absolute right-3 top-[35%] -translate-y-1/2 w-[40%] 2xl:w-[35%];

    &--2 {
      @apply w-[30%];
    }

    &--3 {
      @apply top-[63%];
    }
  }
}