.content {
    padding: 20px;
    background: #fff;
    border-radius: 10px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.box-content {
    border: 2px dashed #f1efef;
    padding: 40px;
    background-color: var(--white-color);
    border-radius: 10px;
}

.main-content .swiper-wrapper img {
    width: 100%;
}

.main-content .slideProduct img {
    cursor: pointer;
}

.main-content .line-info {
    font-size: 22px;
    display: inline-block;
    background: #edf0f3;
    padding: 10px 18px;
    border-radius: 6px;
    margin-bottom: 20px;
}

.main-content h2 {
    text-transform: uppercase;
    margin-bottom: 20px;
    color: var(--title-color);
    font-size: 18px;
}

.main-content h3,
.main-content h4 {
    margin-bottom: 10px;
    font-size: 16px;
    text-transform: none;
}

.main-content strong {
    font-weight: 500;
}

.main-content  p {
    font-size: 16px;
    text-align: justify;
    margin-bottom: 10px;
}

.main-content  iframe {
    margin: 0 auto;
    width: 600px;
    max-width: 100%;
    display: block;
    margin-bottom: 20px;
}

.main-content  table {
    width: 100%;
    margin-bottom: 20px;
}

.main-content  table th,
.main-content  table td {
    border: 1px solid #e7e7f1;
    padding: 10px;
    font-size: 16px;
}

.main-content .share-social ul li {
    list-style: none;
}

.post-ralation ul li a {
    font-size: 16px;
    padding: 14px;
    display: block;
}

.post-ralation ul li:not(:last-child) {
    border-bottom: 1px dashed #ccc;
}


.product-ralation .box-product{
    border-radius: 20px;
    overflow: hidden;
    background-color: #f9f9f9;
    position: relative;
    box-shadow: none;
}

.product-ralation span,
.post-ralation span {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 20px;
    display: inline-block;
}

.product-ralation .box-item {
    border: 1px solid #d5d5d5;
}

.detail-paragraph .description {
    background: #DAE7F3;
    padding: 20px;
    border: 2px dashed #1B649B;
    margin-bottom: 20px;
    font-size: 16px;
}

.share-social ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0;
    padding-left: 0;
}

.share-social a {
    font-size: 16px;
    padding: 14px;
    display: block;
    border-radius: 6px;
    color: var(--white-color);
    margin-bottom: 20px;
}

.share-social a:hover {
    color: #ffd900;
    transition: all .3s linear;
}

.share-social li:not(:last-child) a {
    margin-right: 10px;
}

.facebook-social {
    background-color: #4b66b0;
}

.twitter {
    background-color: #449dee;
}

.pinterest {
    background-color: #b52223;
}

.telegram {
    background-color: #2c75b3;
}

.main-content.map iframe {
    width: 100%;
    max-height: 400px;
}