.introduction-product{
    padding: 100px 0;
    >.container{
        >h3{
            text-align: center;
            color: var(--color-primary-1);
            margin-bottom: 24px;
        }
        >h2{
            text-align: center;
            margin-bottom: 60px;
        }
        >p{
            margin-bottom: 60px;
            white-space: pre-line;
        }
    }
    >.swiper{
        padding: 0 120px;
    }
}
@media screen and (width < 1440px) {
    .introduction-product > .swiper{
        padding: 0 max(calc((100vw - 1200px) / 2) , 60px);
    }
}
@media screen and (width < 576px) {
    .introduction-product{
        padding: 60px 0;
        >.container{
            >h2{
                margin-bottom: 40px;
            }
            >p{
                margin-bottom: 40px;
            }
        }
    }
}

.introduction-product-card{
    >.img{
        aspect-ratio: 1;
        border-radius: 50%;
        overflow: hidden;
        margin-bottom: 24px;
        >img{
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }
    >h4{
        text-align: center;
    }
}