.home__section{padding-bottom:8rem}
.section__header {
    border-top: 2px solid;
    padding-top: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 25px;
}
.section__title{font-size:4rem;font-weight:900;letter-spacing:-.5px;margin:0 0 0;line-height:1}
.section-link {
    font-weight: 700;
    display: flex;
    align-items: center;
    font-size: 14px;
}
.section__header a .section__title:hover, .section-link:hover {
    color: #7D8693;
}
.section-link svg {margin-left: 10px}
.break-container.laest-section{background-color:#f4f4f4;padding:3rem 0}
.break-container{width:100vw;position:relative;left:50%;transform:translateX(-50%)}


.layout__latest .sidebar-width {height: 100%;position: relative}
.layout__latest .sidebar-width .ad__row {margin-top:0;position: sticky;-webkit-position: sticky;top: 70px;margin-bottom: 0}

.latest-section article {height: 100%;min-height:90px;border-bottom: 1px solid #CCC;padding-bottom: 15px}

.latest-section article .article-header{font-size: 12px;color: #444;margin-bottom: 10px;display:flex;align-items:center;gap: 5px}
.latest-section article .article-header a{color: #444}
.latest-section article .o-head {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
}
.latest-section article time {
    display: block;
    display:flex;align-items:center;
}
.latest-section article time:before {
    content: "";
    background-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><rect width="24" height="24" fill="white"></rect><circle cx="12" cy="12" r="9" stroke="%23000000" stroke-linecap="round" stroke-linejoin="round"></circle><path d="M12 5.5V12H18" stroke="%23000000" stroke-linecap="round" stroke-linejoin="round"></path></g></svg>');
    width: 20px;
    height: 20px;
    display: block;
    margin-right: 10px;
    mix-blend-mode: multiply;
}

.roi-btn {
    display: flex;
    align-items: center;
    justify-content: center;
}
.roi-btn .latest-btn{
    background-color: #000;
    color: #FFF;
    font-size: 15px;
    font-weight: bold;
    padding: 10px 15px;
    border-radius: 0;
}

/* .row-article .article-thumb {
    border-top: 5px solid #121212;
    padding-top: 12px;
} */
.row-article .related-articles .title{
    font-size: 14px;
    font-weight:900;
    margin: 0;
}
.article-details .related-list{
    list-style: none;
}
.article-details .related-list li{
    font-size: 15px;
    line-height: 1.3;
    padding-top: 10px;
    /* padding-left: 15px; */
    position: relative;
}
.article-details .related-list li a{padding-left:15px}
.article-details .related-list li a:hover{
    text-decoration: underline;
}
.article-details .related-list li::before{
    background: #f50e11;
    content: "";
    width: 8px;
    display: block;
    height: 8px;
    position: absolute;
    left: 0;
    top: 14px;
    border-radius: 100%;
}
.article-details .related-list li::after{
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #ddd;
    margin-top: 10px;
}
.article-details .related-list li:last-child:after{display:none}


@media screen and (min-width:1024px) {
.home__section.section_1 .row-article-1,
.home__section.section_1 .row-article-2{
    display: flex;
    flex-direction: column-reverse;
}
.home__section.section_1 .row-article-1 .article-thumb,
.home__section.section_1 .row-article-2 .article-thumb{border-top: 0;padding-top: 15px;margin-bottom: 0}
.home__section.section_1 .row-article-1 {height: 100%}
.home__section.section_1 .row-article-1 .o-head {font-size:3.2rem}
}

/* .home__section.section_1 .row-article-1 .article-details,
.home__section.section_1 .row-article-2 .article-details{
    padding-top:12px;
    border-top: 5px solid #121212;
} */


@media screen and (min-width:668px) {
.mt_1 .row-article{display:flex;flex-direction:row-reverse;align-items:center}
.mt_1 .row-article .article-thumb{width:66.66667%;margin-bottom:0}
.mt_1 .row-article .article-details{width:33.33333%;padding-right:var(--columnGap)}

.layout__ft3 .is-6 .row-article .article-details .o-head,
.mt_1 .row-article .article-details .o-head{font-size:3.2rem;line-height:1.2}

.layout__protoselido .mt_1 .row-article .article-details .o-head{font-size:3.2rem}
  
}

.article-details .post-description{font-size:16px;color:#444;line-height:1.3}


@media screen and (min-width:1023px) {
.layout__ft4 .is-middle .thumb-holder,
.layout__ft3 .is-3 .thumb-holder{padding-bottom:110%}
}

/* .layout__ft4 .article-details .meta-row{display:none} */

.ft4__last li:last-child {
    border: none;
    padding-bottom: 0;
    margin-bottom: 0;
}
.ft4__last li:last-child .row-article .article-thumb{
    margin-bottom: 0;
}
.ft4__last li {
    display: block;
    margin-bottom: 10px;
    border-bottom: 1px solid #CCC;
    padding-bottom: 10px;
}

.debate__section{background-color:#000;margin-inline:auto;padding:5rem 0;border-radius:8px}
.debate__section h2,.newsletter-label h2{font-weight:500;color:#fff;font-size:2rem;line-height:1.3;margin:0 0 20px 0;width:fit-content}
.debate__section h3,.newsletter-label h3{max-width:720px;font-weight:900;color:#fff;font-size:3.8rem;line-height:1.3;margin:0}
.debate__section .debate-c2a{height:100%}
.debate__section .debate-group span{color:#fff;font-size:24px}
.w-dot{width:12px;height:12px;border-radius:50%;background:#fff}
.debate__section .w-dot{
    animation: blink-dot 1.5s infinite;
}

@keyframes blink-dot {
    0%, 100% {background: #fff;}
    50% {background: #ff5252;}
}


/* ft5 */
.author-image {
    width: 100px;
    height: 100px;
    background-color: #EEE;
    border-radius: 100%;
    overflow: hidden;
}.wrap__opinion {
    height: 100%;
}

.opinion__block {
    background-color: #D7DEDC;
    height: 100%;
    padding: 15px 20px 36px;
    border-radius: 10px;
}
.opinion__block .o-head {
    max-width: 90%;
}


@media screen and (max-width:667px) {  
.section__header{margin-bottom:15px}  
.home__section {padding-bottom: 5rem}
.row-article {padding-bottom: 22px}
/* .row-article .article-thumb {padding-top: 8px} */
.layout__ft4 .is-middle{margin-bottom:20px}
.debate__section h3{font-size:2.2rem}
.debate__section{padding:3rem 0}
.debate__section h2{font-size:1.6rem}
.debate__section .debate-group span{font-size:20px}
  
}


.tiktok-embed [data-testid='card-component']{
    display: none !important;
}

.layout__bigrow .overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 75%;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 0 0 25px 20px;
    z-index: 2;
}
.layout__bigrow .thumb-holder .imagefit{
    width: 90%;
}
.layout__bigrow .image-overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 90%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 1;
}
.layout__bigrow .side-posts {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 25%;
    max-width: 300px;
    background: black;
    color: white;
    padding: 20px;
    z-index: 5;
}
.layout__bigrow .side-posts h3.o-head.zonablack::after {
    content: '';
    display: block;
    width: 50px;
    border-bottom: 3px solid #f50e11;
    margin-top: 10px;
}
.layout__bigrow .overlay h3{
    font-size: 36px;
}
.layout__bigrow .overlay h3,.layout__bigrow .overlay p{
    color: #fff;
    width: 100%;
}
.layout__bigrow .overlay p{font-weight: 500;}
.layout__bigrow .related.o-head{
    font-size: 16px;
    padding-top: 15px;
    border-top: .5px solid #ccc;
    margin-top: 15px;
    color: #fff;
    font-weight: 700;
    line-height: 1.25;
}
.layout__bigrow .side-posts a:first-of-type .related.o-head{
    padding-top: 0;
    border-top: none;
}

@media screen and (max-width: 1024px) {
    .layout__bigrow .overlay h3,.layout__bigrow .side-posts h3 {
        font-size: 20px;
    }
    .layout__bigrow .related.o-head{
        font-size: 14px;
    }
}
@media screen and (max-width: 768px) {
    .layout__bigrow .overlay.article-details{
        position: static;
        width: 100%;
        padding: 10px 0 0 0;
    }
    .layout__bigrow .overlay.article-details h3 {
        color: #121212;
    }
    .layout__bigrow .overlay.article-details p {color: #222;}
    .layout__bigrow .side-posts{
        position: static;
        width: 100%;
        margin-top: 20px;
        max-width: none;
    }
    .layout__bigrow .thumb-holder .imagefit, .layout__bigrow .image-overlay{
        width: 100%;
    }
    .thumb-holder.narrow-ratio{padding-bottom:66.25%;}
}