.article-comment {
    width: 100%;
    margin: 0px;
}

.report-abuse {
    cursor: pointer;
}

.slider-wrapper {
    overflow: hidden;
    width: 100%;
    position: relative;
}

.main-content {
  min-width: 0;
}


#slider-track {
    display: flex;
    transition: transform 0.4s ease;
    cursor: grab;
}
#slider-track.dragging {
    transition: none;
    cursor: grabbing;
}

.div-2 {
    gap: 16px;
}

.img {
    position: relative;
    width: 16px;
    height: 16px;
}

.div-3 {
    gap: 8px;
}

.text-wrapper {
    background-color: var(--hitbox);
}

.text-wrapper-2 {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
}


.article-comment .text-wrapper-3 {
    position: relative;
    width: fit-content;
    margin-top: -1.00px;
    font-family: var(--heading-h6-font-family);
    font-weight: var(--heading-h6-font-weight);
    color: var(--black);
    font-size: var(--heading-h6-font-size);
    letter-spacing: var(--heading-h6-letter-spacing);
    line-height: var(--heading-h6-line-height);
    white-space: nowrap;
    font-style: var(--heading-h6-font-style);
}


.article-comment .text-wrapper-4 {
    font-weight: var(--heading-h6-font-weight);
    line-height: var(--heading-h6-line-height);
    font-family: var(--heading-h6-font-family);
    font-style: var(--heading-h6-font-style);
    letter-spacing: var(--heading-h6-letter-spacing);
    font-size: var(--heading-h6-font-size);
}

.article-comment .div-wrapper {
    gap: 4px;
}

.article-comment .text-wrapper-5 {
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    color: #495057;
}

.article-comment .p {
    position: relative;
    align-self: stretch;
    margin-top: -1.00px;
    font-family: var(--heading-h6-font-family);
    font-weight: var(--heading-h6-font-weight);
    color: var(--black);
    font-size: var(--heading-h6-font-size);
    letter-spacing: var(--heading-h6-letter-spacing);
    line-height: var(--heading-h6-line-height);
    font-style: var(--heading-h6-font-style);
}

.article-comment .image-placeholder {
    width: 306px;
    height: 204px;
    position: absolute;
    top: 0;
    left: 0;
}


.article-comment .text-7 {
    position: relative;
    width: fit-content;
    margin-top: -1.00px;
    font-family: var(--body-large-font-family);
    font-weight: var(--body-large-font-weight);
    color: var(--body-textbody-color);
    font-size: var(--body-large-font-size);
    letter-spacing: var(--body-large-letter-spacing);
    line-height: var(--body-large-line-height);
    white-space: nowrap;
    font-style: var(--body-large-font-style);
}

.article-comment .bg {
    position: relative;
    width: 16px;
    height: 16px;
    background-color: var(--themebody-background);
    border-radius: 100px;
    border: 1px solid;
    border-color: #dee2e6;
}

.article-comment .text-8 {
    position: relative;
    width: fit-content;
    margin-top: -1.00px;
    font-family: var(--body-bold-font-family);
    font-weight: var(--body-bold-font-weight);
    color: var(--graywhite);
    font-size: var(--body-bold-font-size);
    letter-spacing: var(--body-bold-letter-spacing);
    line-height: var(--body-bold-line-height);
    white-space: nowrap;
    font-style: var(--body-bold-font-style);
}

.article-comment .text-9 {
    position: relative;
    width: fit-content;
    margin-top: -1.00px;
    font-family: var(--body-bold-font-family);
    font-weight: var(--body-bold-font-weight);
    color: var(--black);
    font-size: var(--body-bold-font-size);
    letter-spacing: var(--body-bold-letter-spacing);
    line-height: var(--body-bold-line-height);
    white-space: nowrap;
    font-style: var(--body-bold-font-style);
}

.article-comment .icon-wrapper {
    position: relative;
    flex: 1;
    align-self: stretch;
    flex-grow: 1;
}

.article-comment .union {
    position: absolute;
    width: 7px;
    height: 13px;
    top: 1px;
    left: 4px;
}

.article-comment .text-10 {
    position: relative;
    width: fit-content;
    margin-top: -1.00px;
    font-family: var(--body-small-font-family);
    font-weight: var(--body-small-font-weight);
    color: var(--white);
    font-size: var(--body-small-font-size);
    letter-spacing: var(--body-small-letter-spacing);
    line-height: var(--body-small-line-height);
    white-space: nowrap;
    font-style: var(--body-small-font-style);
}

.article-comment .top-3 {
    width: 100%;
    max-width: 801px;
    gap: 20px;
    margin-bottom: 20px;
}

.article-comment .photo {
    width: 100%;
    gap: 1px;
    margin-bottom: 30px;
    height: fit-content;
}

.article-comment .image-3 {
    height: auto;
    max-height: 643px;
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
    object-fit: cover;
}

.article-comment .photo-details {
    height: 30px;
    gap: 10px;
}

.article-comment .text-11 {
    width: fit-content;
    font-family: var(--body-mini-text-font-family);
    font-weight: var(--body-mini-text-font-weight);
    color: var(--gray-700);
    font-size: var(--body-mini-text-font-size);
    letter-spacing: var(--body-mini-text-letter-spacing);
    line-height: var(--body-mini-text-line-height);
    white-space: nowrap;
}

.article-comment .text-12 {
    width: 100%;
    gap: 24px;
    margin-bottom: 30px;
}

.article-comment .text-wrapper-8 {
    height: fit-content;
    font-family: var(--body-large-font-family);
    font-weight: var(--body-large-font-weight);
    color: #000000;
    font-size: var(--body-large-font-size);
    letter-spacing: var(--body-large-letter-spacing);
    line-height: var(--body-large-line-height);
    font-style: var(--body-large-font-style);
}

.div-6 {
    gap: 16px;
    position: relative;
    width: 100%;
}

.article-comment .text-wrapper-9 {
    height: 24px;
    margin-top: -1.00px;
    font-family: var(--heading-h5-font-family);
    font-weight: var(--heading-h5-font-weight);
    color: #000000;
    font-size: var(--heading-h5-font-size);
    letter-spacing: var(--heading-h5-letter-spacing);
    line-height: var(--heading-h5-line-height);
    white-space: nowrap;
    font-style: var(--heading-h5-font-style);
}

.article-comment .text-wrapper-10 {
    position: relative;
    align-self: stretch;
    height: 24px;
    margin-top: -1.00px;
    font-family: var(--body-regular-font-family);
    font-weight: var(--body-regular-font-weight);
    color: #000000;
    font-size: var(--body-regular-font-size);
    letter-spacing: var(--body-regular-letter-spacing);
    line-height: var(--body-regular-line-height);
    white-space: nowrap;
    font-style: var(--body-regular-font-style);
}

.article-comment .shape {
    position: relative;
    width: 6px;
    height: 6px;
    background-color: var(--gray-900);
    border-radius: 3px;
}

.article-comment .text-wrapper-11 {
    position: relative;
    width: 928px;
    height: 24px;
    margin-top: -1.00px;
    font-family: var(--body-regular-font-family);
    font-weight: var(--body-regular-font-weight);
    color: #000000;
    font-size: var(--body-regular-font-size);
    letter-spacing: var(--body-regular-letter-spacing);
    line-height: var(--body-regular-line-height);
    white-space: nowrap;
    font-style: var(--body-regular-font-style);
}

.article-comment .text-14 {
    width: 100%;
    gap: 40px;
    margin-bottom: 30px;
}

.article-comment .div-8 {
    position: relative;
    width: 928px;
    height: 24px;
    margin-top: -1.00px;
    font-family: "Source Sans 3", Helvetica;
    font-weight: 400;
    color: #000000;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 16px;
}

.article-comment .text-wrapper-12 {
    font-weight: var(--body-semibold-font-weight);
    line-height: var(--body-semibold-line-height);
    font-family: var(--body-semibold-font-family);
    font-style: var(--body-semibold-font-style);
    letter-spacing: var(--body-semibold-letter-spacing);
    font-size: var(--body-semibold-font-size);
}

.article-comment .text-wrapper-13 {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
}

.article-comment .text-wrapper-14 {
    line-height: var(--body-regular-line-height);
    font-family: var(--body-regular-font-family);
    font-style: var(--body-regular-font-style);
    font-weight: var(--body-regular-font-weight);
    letter-spacing: var(--body-regular-letter-spacing);
    font-size: var(--body-regular-font-size);
}

.article-comment .text-15 {
    position: relative;
    width: 944px;
    height: 48px;
    margin-right: -2.00px;
}

.article-comment .shape-2 {
    position: absolute;
    width: 6px;
    height: 6px;
    top: 9px;
    left: 0;
    background-color: var(--gray-900);
    border-radius: 3px;
}

.article-comment .gogelmogels-the-name {
    width: 928px;
    top: 0;
    left: 14px;
    font-family: "Source Sans 3", Helvetica;
    font-weight: 400;
    color: #000000;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 16px;
}

.article-comment .text-wrapper-15 {
    font-weight: 600;
    line-height: 24px;
}

.article-comment .text-wrapper-16 {
    position: relative;
    align-self: stretch;
    height: 47px;
    margin-top: -1.00px;
    font-family: var(--body-regular-font-family);
    font-weight: var(--body-regular-font-weight);
    color: #000000;
    font-size: var(--body-regular-font-size);
    letter-spacing: var(--body-regular-letter-spacing);
    line-height: var(--body-regular-line-height);
    font-style: var(--body-regular-font-style);
}

.article-comment .text-wrapper-17 {
    position: relative;
    align-self: stretch;
    height: 24px;
    font-family: var(--body-regular-font-family);
    font-weight: var(--body-regular-font-weight);
    color: #000000;
    font-size: var(--body-regular-font-size);
    letter-spacing: var(--body-regular-letter-spacing);
    line-height: var(--body-regular-line-height);
    white-space: nowrap;
    font-style: var(--body-regular-font-style);
}

.article-comment .text-wrapper-18 {
    position: relative;
    align-self: stretch;
    height: 47px;
    font-family: var(--body-regular-font-family);
    font-weight: var(--body-regular-font-weight);
    color: #000000;
    font-size: var(--body-regular-font-size);
    letter-spacing: var(--body-regular-letter-spacing);
    line-height: var(--body-regular-line-height);
    font-style: var(--body-regular-font-style);
}

.article-comment .text-wrapper-19 {
    position: relative;
    align-self: stretch;
    height: 70px;
    margin-top: -1.00px;
    font-family: var(--body-large-font-family);
    font-weight: var(--body-large-font-weight);
    color: #000000;
    font-size: var(--body-large-font-size);
    letter-spacing: var(--body-large-letter-spacing);
    line-height: var(--body-large-line-height);
    font-style: var(--body-large-font-style);
}

.article-comment .line-2 {
    position: relative;
    align-self: stretch;
    width: 100%;
    height: 1px;
    object-fit: cover;
}

.article-comment .topic-share {
    gap: 24px;
    width: 100%;
    margin-bottom: 32px;
}

.article-comment .category-tag {
    gap: 10px;
    padding: 4px 8px;
    background-color: var(--gray-200);
    border-radius: 2px;
}

.article-comment .category {
    width: fit-content;
    font-weight: var(--body-regular-font-weight);
    color: var(--black);
    font-size: var(--body-regular-font-size);
    letter-spacing: var(--body-regular-letter-spacing);
    line-height: var(--body-regular-line-height);
    white-space: nowrap;
}

.social-buttons {
    gap: 8px;
}

.btn-social {
    gap: 8px;
    padding: 2px 8px;
    border-radius: 2px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: white;
}

.btn-social .icon {
    width: 16px;
    height: 16px;
}

.btn-social.facebook {
    background: #1A77F2;
}

.btn-social.facebook img{
    padding-bottom: 4px;
}

.btn-social.twitter {
    background: #000000;
}

.btn-social.draugiem {
    background: #F2541B;
}

.btn-social.instagram {
    background: #fff;
    border: 1px solid #DEE2E6;
    color: #000;
}

.btn-social.threads {
    background: #000;
}

.btn-social:hover {
    opacity: 0.9;
}


.article-comment .text-17 {
    position: relative;
    width: fit-content;
    margin-top: -1.00px;
    font-family: var(--body-regular-font-family);
    font-weight: var(--body-regular-font-weight);
    color: #ffffff;
    font-size: var(--body-regular-font-size);
    letter-spacing: var(--body-regular-letter-spacing);
    line-height: var(--body-regular-line-height);
    white-space: nowrap;
    font-style: var(--body-regular-font-style);
}

.article-comment .text-18 {
    position: relative;
    width: fit-content;
    margin-top: -1.00px;
    font-family: var(--body-regular-font-family);
    font-weight: var(--body-regular-font-weight);
    color: var(--white);
    font-size: var(--body-regular-font-size);
    letter-spacing: var(--body-regular-letter-spacing);
    line-height: var(--body-regular-line-height);
    white-space: nowrap;
    font-style: var(--body-regular-font-style);
}

.article-comment .ads-wrapper {
    width: 100%;
    max-height: 312px;
    margin-bottom: 30px;
}

.ads-3 {
    max-width: 336px;
    max-height: 280px;
}

.article-comment .content-2 {
    width: 100%;
    gap: 30px;
    margin-bottom: 30px;
}

.article-comment .header {
    max-width: 966px;
    width: 100%;
    background-color: transparent;
}

.article-comment .left-arrow {
    gap: 10px;
    padding: 8px;
    border-radius: 32px;
    border: 1px solid;
    border-color: #000000;
    transform: rotate(180deg);
}

.article-comment .img-2 {
    position: relative;
    width: 20px;
    height: 20px;
}

.article-comment .right-arrow {
    gap: 10px;
    padding: 8px;
    border-radius: 32px;
    border: 1px solid;
    border-color: #000000;
}

.article-comment .content-3 {
    gap: 24px;
    padding: 0px 0px 16px;
    width: 100%;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-color: #adb5bd;
}

.article-comment .card-more {
    width: 100%;
    margin-right: 24px;
}

.article-comment .image-4 {
    width: 100%;
    overflow: hidden;
    border-radius: 8px;
}

.article-comment .content-4 {
    gap: 8px;
    padding: 16px 0px 16px 0px;
    width: 100%;
}

.content-4 {
    height:180px;
}

.article-comment .text-19 {
    gap: 8px;
    width: 100%;
    flex: 1;
}

.article-comment .text-wrapper-22 {
    color: var(--body-textbody-color);
}

.article-comment .text-wrapper-23 {
    font-family: var(--body-small-font-family);
    font-weight: var(--body-small-font-weight);
    color: #343a40;
    font-size: var(--body-small-font-size);
    letter-spacing: var(--body-small-letter-spacing);
    line-height: var(--body-small-line-height);
    font-style: var(--body-small-font-style);
    word-wrap: break-word;
}

.article-comment .text-20 {
    width: fit-content;
    margin-top: -1.00px;
    font-weight: 400;
    color: var(--black);
    font-size: 14px;
    letter-spacing: 0;
    line-height: 21px;
    text-decoration: underline;
    white-space: nowrap;
}

.comments {
    max-width: 966px;
    width: 100%;
    margin-bottom: 47px;
    background-color: var(--white);
    border-radius: 8px;
    border: 1px solid;
    border-color: #adb5bd;
}

.comments-2 {
    max-width: 966px;
    width: 100%;
    padding: 16px 32px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-color: #adb5bd;
}

.filter {
    gap: 12px;
}

.text-wrapper-25 {
    width: fit-content;
    font-family: var(--body-semibold-font-family);
    font-weight: var(--body-semibold-font-weight);
    color: #000000;
    font-size: var(--body-semibold-font-size);
    letter-spacing: var(--body-semibold-letter-spacing);
    line-height: var(--body-semibold-line-height);
    white-space: nowrap;
    font-style: var(--body-semibold-font-style);
}

.select-comments {
    width: fit-content;
    padding: 6px 12px;
    background-color: var(--themebody-background);
    border-radius: 4px;
    border: 1px solid;
    border-color: #ced4da;
}

.article-comment .selection-item {
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
    flex: 1;
    flex-grow: 1;
}

.article-comment .text-21 {
    position: relative;
    width: fit-content;
    margin-top: -1.00px;
    font-family: var(--body-regular-font-family);
    font-weight: var(--body-regular-font-weight);
    color: var(--gray-600);
    font-size: var(--body-regular-font-size);
    letter-spacing: var(--body-regular-letter-spacing);
    line-height: var(--body-regular-line-height);
    white-space: nowrap;
    font-style: var(--body-regular-font-style);
}

.comment {
    max-width: 934px;
    width: 100%;
    gap: 52px;
    padding: 24px 16px;
}

.comment-wrapper {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-color: #dee2e6;
    width: 100%;
    padding: 0px 16px;
}

.child-comment {
    padding: 0px 48px;
}

.child-comment .comment {
    padding-top: 0px;
}

.profile-pic-text {
    gap: 8px;
}

.profile-pic {
    width: 48px;
    height: 48px;
    border-radius: 48px;
    object-fit: cover;
}

.profile-pic img {
    width: 48px;
    height: 48px;
    border-radius: 48px;
}

.text-22 {
    width: 106px;
    gap: 2px;
}

.text-wrapper-26 {
    font-family: var(--body-semibold-font-family);
    font-weight: var(--body-semibold-font-weight);
    color: #000000;
    font-size: var(--body-semibold-font-size);
    letter-spacing: var(--body-semibold-letter-spacing);
    line-height: var(--body-semibold-line-height);
    font-style: var(--body-semibold-font-style);
    word-break: break-all;
}

.text-wrapper-27 {
    font-family: var(--body-small-font-family);
    font-weight: var(--body-small-font-weight);
    color: #000000;
    font-size: var(--body-small-font-size);
    letter-spacing: var(--body-small-letter-spacing);
    line-height: var(--body-small-line-height);
    font-style: var(--body-small-font-style);
}

.text-23 {
    max-width: 704px;
    width: 100%;
    gap: 20px;
    margin-right: -16.00px;
}

.flexcontainer {
    max-width: 673px;
    width: 100%;
    min-height: 32px;
    height: fit-content;
    gap: 16px;
}

.text-i {
    font-family: var(--body-regular-font-family);
    font-weight: var(--body-regular-font-weight);
    color: #000000;
    font-size: var(--body-regular-font-size);
    letter-spacing: var(--body-regular-letter-spacing);
    line-height: var(--body-regular-line-height);
    font-style: var(--body-regular-font-style);
}

.text-wrapper-28 {
    font-family: var(--body-regular-font-family);
    font-weight: var(--body-regular-font-weight);
    color: #000000;
    font-size: var(--body-regular-font-size);
    letter-spacing: var(--body-regular-letter-spacing);
    line-height: var(--body-regular-line-height);
    font-style: var(--body-regular-font-style);
    word-break: break-word;
}

.disagree {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    position: relative;
    flex: 0 0 auto;
}

.text-wrapper-29 {
    width: fit-content;
    font-family: var(--body-underline-font-family);
    font-weight: var(--body-underline-font-weight);
    color: #000000;
    font-size: var(--body-underline-font-size);
    letter-spacing: var(--body-underline-letter-spacing);
    line-height: var(--body-underline-line-height);
    text-decoration: underline;
    white-space: nowrap;
    font-style: var(--body-underline-font-style);
}

.action {
    max-width: 968px;
    width: 100%;
    gap: 190px;
    padding: 16px;
    margin-bottom: -1.00px;
    margin-left: -1.00px;
    margin-right: -1.00px;
}

.button-4-wrapper {
    width: 168.5px;
}

.button-3 {
    all: unset;
    box-sizing: border-box;
    padding: 6px 12px;
    background-color: var(--hitbox);
    border-radius: 6px;
    border-color: #ffffff00;
    gap: 8px;
    overflow: hidden;
    border: 1px solid;
}

.text-24 {
    width: fit-content;
    font-family: var(--body-bold-font-family);
    font-weight: var(--body-bold-font-weight);
    color: var(--themedark);
    font-size: var(--body-bold-font-size);
    letter-spacing: var(--body-bold-letter-spacing);
    line-height: var(--body-bold-line-height);
    white-space: nowrap;
    font-style: var(--body-bold-font-style);
}

.article-comment .union-2 {
    position: absolute;
    width: 9px;
    height: 14px;
    top: 1px;
    left: 4px;
}

.button-4 {
    all: unset;
    box-sizing: border-box;
    padding: 6px 12px;
    background-color: var(--gray-900);
    border-radius: 6px;
    border-color: #000000;
    gap: 8px;
    overflow: hidden;
    border: 1px solid;
}

.text-25 {
    width: fit-content;
    font-family: var(--body-bold-font-family);
    font-weight: var(--body-bold-font-weight);
    color: var(--white);
    font-size: var(--body-bold-font-size);
    letter-spacing: var(--body-bold-letter-spacing);
    line-height: var(--body-bold-line-height);
    white-space: nowrap;
    font-style: var(--body-bold-font-style);
}

.arrow {
    width: 16px;
    height: 16px;
}

.add-comment {
    padding: 16px 32px;
    border-radius: 8px;
    outline: 1px #CED4DA solid;
    outline-offset: -1px;
    gap: 10px;
    flex-wrap: nowrap;
    max-width: 966px;
    width: 100%;
    box-sizing: border-box;
    background: #FFF;
}

.comment-header {
    padding: 10px 0px;
    gap: 10px;
    width: 100%;
    box-sizing: border-box;
}

.comment-body {
    min-height: 198px;
    padding: 0 0px;
    background: transparent;
    gap: 16px;
    width: 100% !important;
}

.comment-form-wrapper {
    overflow: hidden;
    gap: 16px;
    width: 100%;
    box-sizing: border-box;
}

.comment-form-wrapper form {
    width: 100%;
}

.comment-textarea {
    width: 100%;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 24px;
    color: #6C757D;
    background: white;
    border-radius: 4px;
    outline: 1px #CED4DA solid;
    outline-offset: -1px;
    border: none;
    width: 100%;
}

.comment-textarea:focus {
    outline-color: #212529;
}

.char-counter {
    background: transparent;
    overflow: hidden;
    width: 100%;
    color: #6C757D;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    word-wrap: break-word;
    padding-top: 4px;
}

.comment-submit-button {
    padding: 6px 12px;
    background: #212529;
    border-radius: 6px;
    outline: 1px black solid;
    outline-offset: -1px;
    color: white;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    cursor: pointer;
    border: none;
    gap: 8px;
    width: fit-content;
}

.comment-submit-button:hover {
    background: #343a40;
}

.unauthorised {
    padding: 16px 32px;
    border-radius: 8px;
    outline: 1px #CED4DA solid;
    outline-offset: -1px;
    color: black;
    font-size: 16px;
}

.article-photogallery {
    max-width: 990px;
}

li.card-more {
    margin-right: 0px !important;
}

li.card-more:first-of-type {
    margin-left: 0px !important;
}

@media (max-width: 1400px) {
    
}

@media (max-width: 1200px) {
    .action .button-3 {
        position: absolute;
        left: 50%;
        transform: translateX(-106.5px);
    }
    .action {
        height: 70px;
    }
}

@media (max-width: 992px) {
    .action {
        gap: 8px;
        justify-content: space-between !important;
    }
    .action .button-3 {
        position: static;
        transform: none;
    }
}

@media (max-width: 768px) {

    .comment {
        flex-direction: column;
        gap: 8px;
    }

    .text-22 {
        width: fit-content;
    }

    .main-content {
        padding-right: 0;
    }

    .article-comment .photo, 
    .article-comment .text-12, 
    .article-comment .text-14,
    .article-comment .topic-share, 
    .article-comment blockquote {
        margin-bottom: 24px !important;
    }

    .comments {
        margin-bottom: 24px;
    }

    .article-comment .content-2 {
        margin-bottom: 0;
    }

    .main-content.article-comment {
        gap: 24px !important;
    }
    .more-slider-wrapper {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    #blogs-slider, #news-more {
        white-space: nowrap;
        display: block;
    }

    .article-comment .card-more {
        width: 306px;
        max-width: 306px;
        display: inline-block;
        vertical-align: top;
        margin-left: 24px !important;
        white-space: normal !important;
    }
    .more-slider-wrapper {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .more-slider-wrapper::-webkit-scrollbar {
        display: none;
    }

    .action {
        padding: 20px 8px;
        height: fit-content;
    }
}

@media (max-width: 576px) {

    .comments-2 {
        padding: 16px;
    }

    .text-wrapper-25, .text-24, .text-25 {
        font-size: 14px;
    }
}

@media (max-width: 420px) {
    .button-4-wrapper {
        width: fit-content;
    }

    .button-4, .button-3 {
        padding: 2px;
    }

    .comments .filter {
        flex-wrap: wrap;
    }
}