.bg-main {
    background: linear-gradient(134deg, black 0%, #5970A0 100%);
}

.bg-product {
    width: 100%;
    height: 100%;
    background: linear-gradient(134deg, #3A7367 0%, #9B72C6 100%)
}

.bg-information {
    width: 100%;
    height: 100%;
    background: linear-gradient(134deg, #5970A0 0%, #9B72C6 100%)
}

.text-style {
    color: white;
    font-size: 16px;
    font-weight: 400;
    line-height: 35px;
    letter-spacing: 2px;
    word-wrap: break-word
}

.introduction-text {
    letter-spacing: 0.3vw;
    line-height: clamp(24px, 2vw, 35px);
    font-size: clamp(12px, 1vw, 20px);
}

.introduction-lg-text {;
    etter-spacing: 0.3vw;
    line-height: clamp(24px, 2vw, 2vw);
    font-size: clamp(16px, 1.2vw, 30px);
}

.container-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.button-bg {
    width: 100%;
    height: 100%;
    background: #3B5CA1;
    border-radius: 30px;
    font-size: clamp(8px, 2vw, 20px);
}

.ratio-20 {
    --bs-aspect-ratio: 20%
}

.page-tite {
    font-size: clamp(30px, 4vw, 4vw);
}

.card-radius {
    border-radius: 1.5vw
}

.ratio-2x1 {
  aspect-ratio: 2 / 1
}

.text-limited {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}