.body-container {
    background-color: #ffffff;
}

/* marquee  */

.marquee-container .marquee-box marquee {
    background-color: #e6e6e6;
    padding: 0 0;
    min-height: 44px;
}

.marquee-container .marquee-box marquee a {
    text-decoration: none;
    margin-right: 30px;
}

.marquee-container .marquee-box marquee .title {
    background-color: #ffffff;
    padding: 2px 8px;
    margin-right: 10px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
}

.marquee-container .marquee-box marquee .title h1 {
    color: #b62222;
    font-size: 14px;
    font-weight: 700;
}

.marquee-container .marquee-box marquee .info p {
    color: #000000;
    font-size: 11px;
    font-weight: 700;
}

/* news container  */

.news-container .news-box .description-box {
    width: 100%;
}

.news-container .news-box .description-box .caption-box p {
    font-weight: 600;
    font-size: 16px;
    color: #6d6d6d;
    text-align: center;
}

.news-container .news-box .description-box .box .img-box {
    display: block;
    width: 100%;
    max-height: 500px;
    position: relative;
}

.news-container .news-box .description-box .box .img-box.no-img {
    background-color: #ab312f;
}

.news-container .news-box .description-box .box .img-box img {
    width: 100%;
    height: 100%;
    max-height: 500px;
    object-fit: cover;
}

.news-container .news-box .description-box .box .img-box img.no-img {
    min-height: 400px;
    object-fit: contain;
    transform: scale(0.6);
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -o-transform: scale(0.6);
}

.news-container .news-box .description-box .box .img-box .title-slug {
    position: absolute;
    top: 4px;
    left: 4px;
    background-color: #ffffff;
    padding: 4px 8px;
    display: none;
}

.news-container .news-box .description-box .box .img-box .title-slug p {
    color: #000000;
    font-size: 14px;
    font-weight: 700;
}

.news-container .news-box .description-box .box .img-box .share-sticky {
    position: absolute;
    bottom: 45px;
    right: 4px;
    background-color: rgba(0, 0, 0, 0.7);
    padding: 4px 8px;
    display: none;
}

.news-container .news-box .description-box .box .img-box .share-sticky p {
    color: #f1f1f1;
    font-size: 14px;
    font-weight: 600;
}

.news-container .news-box .description-box .box .info-wrapper {
    position: relative;
    padding: 0 10px;
    margin-top: -26px;
}

.news-container .news-box .description-box .box .info-box {
    background-color: #ffffff;
    padding: 10px;
    border-top: 4px solid #e21f26;
}

.news-container .news-box .description-box .box .info-box .title {
    padding-bottom: 10px;
}

.news-container .news-box .description-box .box .info-box .title h1 {
    font-size: 26px !important;
    font-weight: 700;
    font-family: "Mukta", sans-serif !important;
    margin-bottom: 10px;
    line-height: 1.5;
    /* text-align: justify; */
}

.news-container .news-box .description-box .box .info-box .title h2 {
    font-size: 20px !important;
    font-weight: 600;
    font-family: "Mukta", sans-serif !important;
    margin-bottom: 10px;
    line-height: 1.4;
}

.news-container .news-box .description-box .box .info-box .title h1 h1,
.news-container .news-box .description-box .box .info-box .title h1 h2,
.news-container .news-box .description-box .box .info-box .title h1 h3,
.news-container .news-box .description-box .box .info-box .title h1 h4,
.news-container .news-box .description-box .box .info-box .title h1 h5,
.news-container .news-box .description-box .box .info-box .title h1 h6,
.news-container .news-box .description-box .box .info-box .title h1 strong,
.news-container .news-box .description-box .box .info-box .title h1 tbody,
.news-container .news-box .description-box .box .info-box .title h1 th,
.news-container .news-box .description-box .box .info-box .title h1 tr,
.news-container .news-box .description-box .box .info-box .title h1 td,
.news-container .news-box .description-box .box .info-box .title h1 ul,
.news-container .news-box .description-box .box .info-box .title h1 ol,
.news-container .news-box .description-box .box .info-box .title h1 li,
.news-container .news-box .description-box .box .info-box .title h1 b,
.news-container .news-box .description-box .box .info-box .title h1 a,
.news-container .news-box .description-box .box .info-box .title h1 p,
.news-container .news-box .description-box .box .info-box .title h1 span {
    font-family: "Mukta", sans-serif !important;
    font-size: 26px !important;
}

.news-container
    .news-box
    .description-box
    .box
    .info-box
    .author-profile
    .avatar-box {
    min-width: 42px;
    min-height: 42px;
    max-width: 42px;
    max-height: 42px;
    width: 42px;
    height: 42px;
    filter: drop-shadow(1px 2px 4px rgb(175, 175, 175));
    border: 1px solid #ededed;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.news-container
    .news-box
    .description-box
    .box
    .info-box
    .author-profile
    .avatar-box
    img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.news-container
    .news-box
    .description-box
    .box
    .info-box
    .author-profile
    .name-box
    p {
    font-weight: 600;
}

.news-container
    .news-box
    .description-box
    .box
    .info-box
    .author-profile
    .date-box
    i {
    margin-right: 10px;
}

.news-container .news-box .description-box .byline-share .icon-box .icon {
    min-width: 34px;
    min-height: 34px;
    max-width: 34px;
    max-height: 34px;
    width: 34px;
    height: 34px;
    border: 1px solid #e6e6e6;
    cursor: pointer;
    margin-right: 10px;
    transition: all 0.3s ease;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.news-container
    .news-box
    .description-box
    .byline-share
    .icon-box
    .icon:nth-last-child(1) {
    margin-right: 0;
}

.news-container .news-box .description-box .byline-share .icon-box .icon i {
    font-size: 16px;
}

.news-container
    .news-box
    .description-box
    .byline-share
    .icon-box
    .icon.facebook-icon {
    border-color: #1877f240;
}

.news-container
    .news-box
    .description-box
    .byline-share
    .icon-box
    .icon.facebook-icon
    i {
    color: #1877f2;
}

.news-container
    .news-box
    .description-box
    .byline-share
    .icon-box
    .icon.facebook-icon:hover {
    background-color: #1877f2;
}

.news-container
    .news-box
    .description-box
    .byline-share
    .icon-box
    .icon.facebook-icon:hover
    i {
    color: #ffffff;
}

.news-container
    .news-box
    .description-box
    .byline-share
    .icon-box
    .icon.messenger-icon {
    border-color: #00bcf291;
}

.news-container
    .news-box
    .description-box
    .byline-share
    .icon-box
    .icon.messenger-icon
    i {
    color: #00bcf2;
}

.news-container
    .news-box
    .description-box
    .byline-share
    .icon-box
    .icon.messenger-icon:hover {
    background-color: #00bcf2;
}

.news-container
    .news-box
    .description-box
    .byline-share
    .icon-box
    .icon.messenger-icon:hover
    i {
    color: #ffffff;
}

.news-container
    .news-box
    .description-box
    .byline-share
    .icon-box
    .icon.instagram-icon {
    border-color: #bc668185;
}

.news-container
    .news-box
    .description-box
    .byline-share
    .icon-box
    .icon.instagram-icon
    i {
    color: #bc6681;
}

.news-container
    .news-box
    .description-box
    .byline-share
    .icon-box
    .icon.instagram-icon:hover {
    background-color: #bc6681;
}

.news-container
    .news-box
    .description-box
    .byline-share
    .icon-box
    .icon.instagram-icon:hover
    i {
    color: #ffffff;
}

.news-container
    .news-box
    .description-box
    .byline-share
    .icon-box
    .icon.twitter-icon {
    border-color: #1d9bf0;
}

.news-container
    .news-box
    .description-box
    .byline-share
    .icon-box
    .icon.twitter-icon
    i {
    color: #1d9bf0;
}

.news-container
    .news-box
    .description-box
    .byline-share
    .icon-box
    .icon.twitter-icon:hover {
    background-color: #1d9bf0;
}

.news-container
    .news-box
    .description-box
    .byline-share
    .icon-box
    .icon.twitter-icon:hover
    i {
    color: #ffffff;
}

.news-container
    .news-box
    .description-box
    .byline-share
    .icon-box
    .icon.whatsapp-icon {
    border-color: #59b97b;
}

.news-container
    .news-box
    .description-box
    .byline-share
    .icon-box
    .icon.whatsapp-icon
    i {
    color: #59b97b;
}

.news-container
    .news-box
    .description-box
    .byline-share
    .icon-box
    .icon.whatsapp-icon:hover {
    background-color: #59b97b;
}

.news-container
    .news-box
    .description-box
    .byline-share
    .icon-box
    .icon.whatsapp-icon:hover
    i {
    color: #ffffff;
}

.news-container .news-box .description-box .box .info-box .desc p {
    font-family: "Mukta", sans-serif !important;
    font-size: 18px !important;
    line-height: 1.5;
    color: #3c3c3c;
    text-align: justify;
}

.news-container .news-box .description-box .box .info-box .desc p h1,
.news-container .news-box .description-box .box .info-box .desc p h2,
.news-container .news-box .description-box .box .info-box .desc p h3,
.news-container .news-box .description-box .box .info-box .desc p h4,
.news-container .news-box .description-box .box .info-box .desc p h5,
.news-container .news-box .description-box .box .info-box .desc p h6,
.news-container .news-box .description-box .box .info-box .desc p strong,
.news-container .news-box .description-box .box .info-box .desc p tbody,
.news-container .news-box .description-box .box .info-box .desc p th,
.news-container .news-box .description-box .box .info-box .desc p tr,
.news-container .news-box .description-box .box .info-box .desc p td,
.news-container .news-box .description-box .box .info-box .desc p ul,
.news-container .news-box .description-box .box .info-box .desc p ol,
.news-container .news-box .description-box .box .info-box .desc p li,
.news-container .news-box .description-box .box .info-box .desc p b,
.news-container .news-box .description-box .box .info-box .desc p a,
.news-container .news-box .description-box .box .info-box .desc p p,
.news-container .news-box .description-box .box .info-box .desc p span {
    font-family: "Mukta", sans-serif !important;
    font-size: 18px !important;
}

.news-container .news-box .description-box .box .info-box .desc .news-img {
    margin: 20px 0;
}

.news-container .news-box .description-box .box .info-box .desc .news-img img {
    width: 100%;
    /* max-height: 300px; */
    height: auto;
    object-fit: cover;
}

.news-container
    .news-box
    .description-box
    .box
    .info-box
    .desc
    .news-img
    .extra-caption-box
    p {
    font-weight: 600;
    font-size: 16px !important;
    color: #6d6d6d;
    text-align: center;
    line-height: 1.3 !important;
}

.news-container .news-box .description-box .box .info-box .desc .news-video {
    margin: 20px 0;
}

.news-container
    .news-box
    .description-box
    .box
    .info-box
    .desc
    .news-video
    iframe {
    border: none;
}

/* gallery  */

.news-container .news-box .description-box .box .info-box .gallery-box {
    /* display: none; */
}

.news-container
    .news-box
    .description-box
    .box
    .info-box
    .gallery-box
    .gallery-title
    h1 {
    line-height: 1;
    text-transform: uppercase;
    font-size: 20px;
    padding-bottom: 10px;
    margin-bottom: 12px;
    position: relative;
}

.news-container
    .news-box
    .description-box
    .box
    .info-box
    .gallery-box
    .gallery-title
    h1:after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 40px;
    height: 4px;
    background-color: #b62222;
}

.news-container
    .news-box
    .description-box
    .box
    .info-box
    .gallery-box
    .gallery-list
    .gallery-img-box {
    width: 100%;
    max-height: 500px;
    margin-bottom: 10px;
}

.news-container
    .news-box
    .description-box
    .box
    .info-box
    .gallery-box
    .gallery-list
    .gallery-img-box:nth-last-child(1) {
    margin-bottom: 0;
}

.news-container
    .news-box
    .description-box
    .box
    .info-box
    .gallery-box
    .gallery-list
    .gallery-img-box
    img {
    width: 100%;
    height: 100%;
    max-height: 500px;
    object-fit: cover;
}

/* tag  */

.news-container .news-box .description-box .box .info-box .tag-box {
    /* display: none; */
}

.news-container
    .news-box
    .description-box
    .box
    .info-box
    .tag-box
    .label-box
    p {
    font-size: 14px;
    font-weight: bold;
    font-family: "Raleway", sans-serif;
}

.news-container .news-box .description-box .box .info-box .tag-box .box {
    margin-right: 20px;
    margin-bottom: 16px;
}

.news-container .news-box .description-box .box .info-box .tag-box .box p {
    line-height: 1;
    font-size: 14px;
    font-weight: bold;
    /* font-family: "Raleway", sans-serif; */
}

/* author  */

.news-container .news-box .description-box .box .info-box .author p {
    /* font-family: "Raleway", sans-serif; */
    font-size: 16px;
    font-weight: 800;
    font-style: italic;
    line-height: 1;
}

/* share  */

.news-container .news-box .description-box .share-box .title h1 {
    line-height: 1;
    text-transform: uppercase;
    font-size: 22px;
    padding-bottom: 10px;
    margin-bottom: 20px;
    position: relative;
}

.news-container .news-box .description-box .share-box .title h1:after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 40px;
    height: 4px;
    background-color: #b62222;
}

.news-container .news-box .description-box .share-box .share-icon .icon {
    min-width: 48px;
    min-height: 48px;
    max-width: 48px;
    max-height: 48px;
    width: 48px;
    height: 48px;
    border: 1px solid #e6e6e6;
    cursor: pointer;
    margin-right: 20px;
    transition: all 0.3s ease;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.news-container
    .news-box
    .description-box
    .share-box
    .share-icon
    .icon:nth-last-child(1) {
    margin-right: 0;
}

.news-container .news-box .description-box .share-box .share-icon .icon i {
    font-size: 20px;
}

.news-container
    .news-box
    .description-box
    .share-box
    .share-icon
    .icon.facebook-icon {
    border-color: #1877f240;
}

.news-container
    .news-box
    .description-box
    .share-box
    .share-icon
    .icon.facebook-icon
    i {
    color: #1877f2;
}

.news-container
    .news-box
    .description-box
    .share-box
    .share-icon
    .icon.facebook-icon:hover {
    background-color: #1877f2;
}

.news-container
    .news-box
    .description-box
    .share-box
    .share-icon
    .icon.facebook-icon:hover
    i {
    color: #ffffff;
}

.news-container
    .news-box
    .description-box
    .share-box
    .share-icon
    .icon.messenger-icon {
    border-color: #00bcf291;
}

.news-container
    .news-box
    .description-box
    .share-box
    .share-icon
    .icon.messenger-icon
    i {
    color: #00bcf2;
}

.news-container
    .news-box
    .description-box
    .share-box
    .share-icon
    .icon.messenger-icon:hover {
    background-color: #00bcf2;
}

.news-container
    .news-box
    .description-box
    .share-box
    .share-icon
    .icon.messenger-icon:hover
    i {
    color: #ffffff;
}

.news-container
    .news-box
    .description-box
    .share-box
    .share-icon
    .icon.instagram-icon {
    border-color: #bc668185;
}

.news-container
    .news-box
    .description-box
    .share-box
    .share-icon
    .icon.instagram-icon
    i {
    color: #bc6681;
}

.news-container
    .news-box
    .description-box
    .share-box
    .share-icon
    .icon.instagram-icon:hover {
    background-color: #bc6681;
}

.news-container
    .news-box
    .description-box
    .share-box
    .share-icon
    .icon.instagram-icon:hover
    i {
    color: #ffffff;
}

.news-container
    .news-box
    .description-box
    .share-box
    .share-icon
    .icon.twitter-icon {
    border-color: #1d9bf0;
}

.news-container
    .news-box
    .description-box
    .share-box
    .share-icon
    .icon.twitter-icon
    i {
    color: #1d9bf0;
}

.news-container
    .news-box
    .description-box
    .share-box
    .share-icon
    .icon.twitter-icon:hover {
    background-color: #1d9bf0;
}

.news-container
    .news-box
    .description-box
    .share-box
    .share-icon
    .icon.twitter-icon:hover
    i {
    color: #ffffff;
}

.news-container
    .news-box
    .description-box
    .share-box
    .share-icon
    .icon.whatsapp-icon {
    border-color: #59b97b;
}

.news-container
    .news-box
    .description-box
    .share-box
    .share-icon
    .icon.whatsapp-icon
    i {
    color: #59b97b;
}

.news-container
    .news-box
    .description-box
    .share-box
    .share-icon
    .icon.whatsapp-icon:hover {
    background-color: #59b97b;
}

.news-container
    .news-box
    .description-box
    .share-box
    .share-icon
    .icon.whatsapp-icon:hover
    i {
    color: #ffffff;
}

.news-container
    .news-box
    .description-box
    .share-box
    .copy-link
    .input-wrapper {
    border: 1px solid #00000024;
    padding: 4px 4px 4px 8px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.news-container .news-box .description-box .share-box .copy-link .copy-icon i {
    font-size: 14px;
    color: #4d4d4d;
}

.news-container
    .news-box
    .description-box
    .share-box
    .copy-link
    .input-box
    input {
    border: none;
    outline: none;
    font-family: "Raleway", sans-serif;
    background-color: transparent;
    color: #000000;
    font-weight: 600;
    padding: 0 6px 0 8px;
    width: 310px;
}

.news-container .news-box .description-box .share-box .copy-link .copy-btn a {
    display: block;
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
    padding: 8px 20px;
    text-decoration: none;
    letter-spacing: 0.1em;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

/* comment  */

.news-container .news-box .description-box .comment-box .title h1 {
    line-height: 1;
    text-transform: uppercase;
    font-size: 22px;
    padding-bottom: 10px;
    margin-bottom: 20px;
    position: relative;
}

.news-container .news-box .description-box .comment-box .title h1:after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 40px;
    height: 4px;
    background-color: #b62222;
}

.news-container .news-box .description-box .comment-box .comment-list .list {
    margin-bottom: 20px;
}

.news-container
    .news-box
    .description-box
    .comment-box
    .comment-list
    .list:nth-child(1) {
    margin-bottom: 0;
}

.news-container
    .news-box
    .description-box
    .comment-box
    .comment-list
    .list
    .user-text {
    margin-bottom: 6px;
}

.news-container
    .news-box
    .description-box
    .comment-box
    .comment-list
    .list
    .user-text
    i {
    font-size: 14px;
    margin-right: 6px;
}

.news-container
    .news-box
    .description-box
    .comment-box
    .comment-list
    .list
    .user-text
    h1 {
    font-size: 16px;
    line-height: 1.4;
    /* font-family: "Raleway", sans-serif; */
}

.news-container
    .news-box
    .description-box
    .comment-box
    .comment-list
    .list
    .info-text {
    padding: 10px;
    background-color: #f6f6f6;
}

.news-container
    .news-box
    .description-box
    .comment-box
    .comment-list
    .list
    .info-text
    p {
    font-size: 14px;
    /* font-family: "Raleway", sans-serif; */
    line-height: 1.4;
    font-weight: 500;
    word-break: break-all;
}

.news-container .news-box .description-box .comment-box .see-more-comment {
    cursor: pointer;
    display: none;
}

.news-container .news-box .description-box .comment-box .see-more-comment p {
    font-family: "Raleway", sans-serif;
    font-weight: 700;
    font-size: 14px;
}

/* form  */

.news-container .news-box .description-box .form-box {
    padding: 20px;
    border: 2px solid #dc2626;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.news-container .news-box .description-box .form-box .title h1 {
    font-size: 22px;
    font-weight: 700;
    text-align: center;
    color: #dc2626;
}

.news-container .news-box .description-box .form-box .title p {
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    color: #777777;
}

.news-container .news-box .description-box .form-box .input-box {
    width: 100%;
    margin-bottom: 16px;
}

.news-container .news-box .description-box .form-box .textarea-input-box {
    margin-bottom: 0;
}

.news-container .news-box .description-box .form-box .input-box label {
    display: block;
    font-size: 14px;
    color: #000000;
    font-weight: 700;
    margin-bottom: 6px;
}

.news-container .news-box .description-box .form-box .input-box label span {
    color: #ff0000;
}

.news-container .news-box .description-box .form-box .input-box input {
    border: none;
    outline: none;
    border: 1px solid #d7d7d7;
    padding: 10px 14px;
    width: 100%;
    font-size: 14px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.news-container .news-box .description-box .form-box .input-box textarea {
    border: none;
    outline: none;
    border: 1px solid #d7d7d7;
    padding: 10px 14px;
    width: 100%;
    font-size: 14px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.news-container .news-box .description-box .form-box .error-box p {
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 10px;
}

.news-container .news-box .description-box .form-box .btn-box button {
    border: none;
    outline: none;
    padding: 14px 30px;
    color: #fef2f2;
    font-weight: 700;
    border-radius: 8px;
    background-color: #dc2626;
    cursor: pointer;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

/* trending  */

.news-container .news-box .trending-box {
    width: 380px;
    min-width: 380px;
    max-width: 380px;
}

.news-container .news-box .trending-box .box .title h1 {
    line-height: 1;
    text-transform: uppercase;
    font-size: 22px;
    padding-top: 4px;
    padding-bottom: 10px;
    margin-bottom: 20px;
    position: relative;
}

.news-container .news-box .trending-box .box .title h1::after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 40px;
    height: 4px;
    background-color: #b62222;
}

.news-container .news-box .trending-box .box .list-box {
    background-color: #ededed;
    max-height: 540px;
    overflow-y: auto;
}

.news-container .news-box .trending-box .box .list-box .list {
    padding: 20px 0px;
    border-bottom: 2px solid #dadada;
}

.news-container .news-box .trending-box .box .list-box .list:nth-last-child(1) {
    border-bottom: none;
}

.news-container .news-box .trending-box .box .list-box .list .img-box {
    min-width: 140px;
    min-height: 90px;
    width: 140px;
    height: 90px;
    background-color: #ab312f;
}

.news-container .news-box .trending-box .box .list-box .list .img-box img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.news-container
    .news-box
    .trending-box
    .box
    .list-box
    .list
    .img-box
    img.no-img {
    object-fit: contain;
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
}

.news-container .news-box .trending-box .box .list-box .list .info-box {
    padding-left: 12px;
    padding-right: 6px;
}

.news-container
    .news-box
    .trending-box
    .box
    .list-box
    .list
    .info-box
    .info-text {
    min-height: 64px;
    max-height: 64px;
    height: 64px;
    overflow-y: hidden;
}

.news-container .news-box .trending-box .box .list-box .list .info-box p {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
}

.news-container .news-box .trending-box .box .list-box .list .info-box a {
    text-transform: uppercase;
    font-size: 12px;
    font-family: "Raleway", sans-serif;
    color: #dc2626;
    font-weight: 700;
    text-decoration: none;
}

.news-container .news-box .trending-box .box .follow-list {
    max-height: 230px;
    overflow-y: auto;
}

.news-container .news-box .trending-box .box .follow-list .list {
    display: block;
    font-size: 14px;
    font-family: "Raleway", sans-serif;
    font-weight: 700;
    background-color: #e0e0e0;
    padding: 12px 10px;
    margin-bottom: 6px;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.news-container .news-box .trending-box .box .follow-list .list:hover {
    transform: scale(0.98);
    -webkit-transform: scale(0.98);
    -moz-transform: scale(0.98);
    -ms-transform: scale(0.98);
    -o-transform: scale(0.98);
}

/* responsive  */

@media (max-width: 1000px) {
    .news-container .news-box {
        flex-direction: column;
    }
    .news-container .news-box .description-box {
        padding-right: 0;
        margin-bottom: 30px;
    }
    .news-container .news-box .trending-box {
        max-width: 100%;
        min-width: 100%;
        width: 100%;
    }
}

@media (max-width: 767px) {
    .news-container .news-box .description-box .box .info-wrapper {
        padding: 0 6px;
    }
    .news-container .news-box .description-box .box .info-box .title h1 {
        /* font-size: 20px; */
    }
    .news-container .news-box .description-box .box .info-box .desc p {
        font-size: 13px;
    }
}

@media (max-width: 500px) {
    .news-container .news-box .description-box .box .img-box img.no-img {
        min-height: 300px;
        transform: scale(0.7);
        -webkit-transform: scale(0.7);
        -moz-transform: scale(0.7);
        -ms-transform: scale(0.7);
        -o-transform: scale(0.7);
    }
    .news-container .news-box .description-box .form-box .input-wrapper {
        flex-direction: column;
    }
    .news-container .news-box .description-box .form-box .input-box {
        margin-left: 0;
        margin-right: 0;
    }
}

@media (max-width: 450px) {
    .news-container .news-box .trending-box .box .list-box .list .img-box {
        min-width: 130px;
        width: 130px;
    }
    .news-container .news-box .trending-box .box .list-box .list .info-box {
        padding-left: 10px;
        padding-right: 5px;
    }
}

@media (max-width: 450px) {
    .news-container .news-box .trending-box .box .list-box .list .img-box {
        min-width: 120px;
        width: 120px;
    }
    .news-container .news-box .trending-box .box .list-box .list .info-box {
        padding-left: 8px;
        padding-right: 4px;
    }
    .news-container
        .news-box
        .description-box
        .share-box
        .copy-link
        .input-wrapper {
        width: 100%;
    }
    .news-container
        .news-box
        .description-box
        .share-box
        .copy-link
        .input-box {
        width: 100%;
    }
    .news-container
        .news-box
        .description-box
        .share-box
        .copy-link
        .input-box
        input {
        width: 100%;
    }
}

@media (max-width: 350px) {
    .news-container .news-box .description-box .share-box .share-icon .icon {
        margin-right: 14px;
    }
}
