.comp{display: none;}

.actual-news-section{width: 100%;display: flex;flex-direction: column; gap: 50px;}
.actual-news-section-last{width: 100%;}
.actual-news-section-last-title{font-family: "Mont-Bold";font-size: clamp(22px, 6vw + -15px, 36px);background: linear-gradient(to bottom, #FFFFFF, #7a7a7a);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;color: transparent; }
.actual-news-section-last-cards{width: 100%;display: flex;flex-direction: column; gap: 15px;}
.actual-news-section-last-cards-title{background: rgba(255, 255, 255, 0.2);color: rgba(173, 173, 173, 1);border-radius: 30px;width: fit-content;font-size: 16px;font-family: "Mont-Regular";padding: 8px 18px;}
.actual-news-section-last-cards-item{width: 100%;aspect-ratio: 295/230;border-radius: 10px;position: relative;overflow: hidden;  cursor: pointer;}
.actual-news-section-last-cards-item img{position: absolute;min-width: 100%; max-height: 100%;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.actual-news-section-last-cards-item-overlay{position: absolute;top: 0;left: 0;width: 100%;min-height: 100%;background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 60%, rgba(0, 0, 0, 1) 100%);z-index: 101;}
.actual-news-section-last-cards-item-title{z-index: 102;font-family: "Mont-Bold";width: 100%;font-size: 14px;}
.actual-news-section-last-content{color: #ADADAD;font-family: "Mont-Regular";font-size: 16px;}
.actual-news-section-last-btn{margin-top: 38px;padding: 13px 42px;font-size: 16px;color: white;/* background: green; */background: linear-gradient(-135deg, #00571D 0%, #87C212 100%);font-family: "Mont-Bold";border-radius: 100px;border: 2px solid #093F0F; cursor: pointer;}

.category-section{width: 100%;display: flex;flex-direction: column;}

.category-section-title{width: 100%;font-size: 16px;font-family: "Mont-Regular";}

.category-bar{width: 100%;min-width: 100%;display: flex;box-sizing: border-box;justify-content: start;padding-left: 50px;overflow-x: auto;}

.category-bar-item{min-width: 220px;width: 15%;height: auto;position: relative;/* border: 1px solid red; */cursor: pointer;margin-left: -50px;}
.category-bar-item-back{width: 100%;opacity: 1;transition: opacity 0.5s ease;}
.category-bar-item-back-active{width: 100%;position: absolute;top: 0;left: 0;opacity: 0;transition: opacity 0.5s ease;}

.category-bar-item-icon{position: absolute;width: 25%;bottom: 5%;left: 25%;z-index: 50;opacity: 1;transition: opacity 0.5s ease;}
.category-bar-item-icon-active{position: absolute;width: 25%;bottom: 5%;left: 25%;z-index: 50;opacity: 0;transition: opacity 0.5s ease;}
.category-bar-item-icon.text{width: 40%;left: 15%; bottom: 7%;}
.category-bar-item-icon-active.text{width: 40%;left: 15%; bottom: 7%;}

.category-bar-item:hover .category-bar-item-back {opacity: 0;}
.category-bar-item:hover .category-bar-item-back-active {opacity: 1;}
.category-bar-item:hover .category-bar-item-icon {opacity: 0;}
.category-bar-item:hover .category-bar-item-icon-active {opacity: 1;}

.category-bar-item-overlay{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 51;}

.trands-section{width: 100%; display: flex; flex-direction: column; gap: 20px;}
.trands-section-title{width: 100%;font-size: 16px;font-family: "Mont-Regular";}
.trands-section-content{width: 100%;display: flex;flex-direction: column;gap: 50px; align-items: center;}
.trands-section-content-articles{border-radius: 10px;aspect-ratio: 295/230;overflow: hidden;position: relative; width: 100%;}
.trands-section-content-articles-list{height: 100%;display: grid;grid-template-columns: repeat(4, 1fr);position: absolute;top: 0;left: 0;transition: transform 0.5s ease;}
.trands-section-content-articles-menu{display: flex;gap: 10px;z-index: 10; justify-content: center;}
.trands-section-content-news-list-menu-arrow{width: 30px;padding: 7px 9px;border-radius: 100px;border: 1px solid white;cursor: pointer;}
.trands-section-content-news-list-menu-arrow.reverse{transform: rotate(180deg);}
.trands-section-content-news-list-menu-arrow.active{border: none;background: linear-gradient(-135deg, #00571D 0%, #87C212 100%); padding: 8px 10px;}
.trands-section-content-news-list-menu-count{display: flex;align-items: center;gap: 10px;font-size: 16px;color: #ADADAD;}
.trands-section-content-news-list-menu-count-item{border-radius: 50%;aspect-ratio: 1/1;width: 30px;display: flex;justify-content: center;align-items: center;transition: all 0.3 ease; font-family: "Mont-Regular"; cursor: pointer;}
.trands-section-content-news-list-menu-count-item.active{background: linear-gradient(-135deg, #00571D 0%, #87C212 100%);color: white;font-family: "Mont-Bold";}
.trands-section-content-articles-list-item{position: relative; overflow: hidden; cursor: pointer; text-decoration: none; color: white;}
.trands-section-content-articles-list-item img{ height: 100%; width: 100%;}
.trands-section-content-articles-list-item-overlay{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0, 0, 0, 0.6);}
.trands-section-content-articles-list-item-category{width: 40%;display: flex;flex-direction: column;max-width: 110px;position: absolute;top: 10px;left: 10px;gap: 10px;}
.trands-section-content-articles-list-item-category span{width: 100%;padding: 5px 0;border-radius: 50px;text-align: center;font-family: "Mont-Medium";font-size: 16px;}
.trands-section-content-articles-list-item-category-name{border: 1px solid white;}
.trands-section-content-articles-list-item-category-special{background: rgba(186, 47, 47, 0.3);}
.trands-section-content-articles-list-item-info{width: 90%;position: absolute;left: 10px; bottom: clamp(10px, 10vw, 50%);display: flex;flex-direction: column;gap: 15px;max-width: 650px;}
.trands-section-content-articles-list-item-info-author{font-size: 16px;font-family: "Mont-Regular";}
.trands-section-content-articles-list-item-info-title{font-size: 18px;font-family: "Mont-Bold";}
.trands-section-content-articles-list-item-info-content{font-family: "Mont-light";font-size: 18px; display: none;}
.trands-section-content-adv{width: 100%;aspect-ratio: 1/1;overflow: hidden; cursor: pointer;}
.trands-section-content-adv img{width: 100%; height: 100%;}

.trands-section-content-banner.column{width: 80%;cursor: pointer;}

.trands-section-content-banner.column img{width: 100%;height: 100%;}

.news-section{width: 100%; display: flex; flex-direction: column; gap: 20px;}
.news-section-title{width: 100%;font-size: 16px;font-family: "Mont-Regular";}
.news-section-content{width: 100%; display: grid;grid-template-columns: repeat(1, 1fr); gap: 45px 15px;}
.news-section-content-item{display: flex; flex-direction: column; gap: 10px; cursor: pointer; text-decoration: none;}
.news-section-content-item-img{aspect-ratio: 298/248; position: relative; overflow: hidden;  border-radius: 8px;}
.news-section-content-item-img img{width: 100%;height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
/* .news-section-content-item-img::after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);z-index: 1;pointer-events: none;} */
.news-section-content-item-author{width: 100%;display: flex;align-items: center;gap: 5%;}
.news-section-content-item-author-avatar{width: 15%;aspect-ratio: 1/1;border-radius: 50%;background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%); max-width: 46px;}
.news-section-content-item-author-avatar img{width: 100%; height: 100%;}
.news-section-content-item-author-name{font-family: "Mont-Medium";font-size: 14px;color: #ADADAD;}
.news-section-content-item-date{width: 100%;font-family: "Mont-Light";font-size: 14px;color: #ADADAD;}
.news-section-content-item-title{font-size: 18px;font-family: "Mont-Bold"; color: white;}
.news-section-content-item-text{font-size: 16px;color: #ADADAD;font-family: "Mont-Medium";}

.article-section{width: 100%; display: flex; flex-direction: column; gap: 20px;}
.article-section-title{width: 100%;font-size: 16px;font-family: "Mont-Regular";}
.article-section-content{width: 100%;display: flex;flex-direction: column;gap: 20px; align-items: center;}
.article-section-content-article{width: 100%;aspect-ratio: 297/441;max-height: 400px;position: relative;overflow: hidden;border-radius: 10px; cursor: pointer;}

.article-section-content-article img{height: 100%; max-width: 100%; position: absolute;top: 50%;left: 50%; transform: translate(-50%, -50%);}
.article-section-content-article-overlay{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 60%, rgba(0, 0, 0, 1) 100%);}
.article-section-content-article-content-title{font-size: 18px;font-family: "Mont-Bold";}
.article-section-content-article-content-text{font-size: 16px;color: #ADADAD;font-family: "Mont-Regular";}
.article-section-content-article-content{width: 90%;position: absolute;left: 10px;bottom: 50px;display: flex;flex-direction: column;gap: 10px;max-width: 650px;}
.article-section-content-list{width: 100%;aspect-ratio: 297/441;max-height: 400px;overflow: hidden;border-radius: 10px;background: #262626;display: flex; flex-direction: column; flex-wrap: wrap;}
.article-section-content-list-content{width: 80%;display: flex;flex-direction: column;gap: 20px;align-items: center; max-width: 362px;}
.article-section-content-list-content-item{width: 100%;display: flex;padding-bottom: 5px;border-bottom: 1px solid #ADADAD;align-items: center; cursor: pointer;}
.article-section-content-list-content-item-info{flex-grow: 1;display: flex;flex-direction: column;gap: 5px;}
.article-section-content-list-content-item-info-date{font-size: 10px;color: #ADADAD;font-family: "Mont-Medium";}
.article-section-content-list-content-item-info-title{font-size: 16px;font-family: "Mont-Regular";}
.article-section-content-list-content-item img{width: 32px;}
.article-section-content-list-content-btn{width: 100%;aspect-ratio: 239/44;background: linear-gradient(-135deg, #00571D 0%, #87C212 100%);color: white;font-family: "Mont-Bold";border-radius: 100px;border: 2px solid #093F0F;font-size: 16px;font-family: "Mont-Bold";max-width: 362px; max-height: 44px; cursor: pointer;}

.adv-line-section{width: 100%;aspect-ratio: 298/32;background: black;position: relative;}
.adv-line-section img{max-width: 100%;}

.article-section-content-list-squer{width: 90px;height: 90px;}

.delt{display: none;}
.article-section-content-list-content.comp{display: none;}

.local_desctop_img{display: none;}
.local_mobile_img{display: flex;}

.article-section-content-adv.column{width: 80%;cursor: pointer;}
.article-section-content-adv.column img{width: 100%;height: 100%;}



.article-section-content-board{width: 100%;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;border-radius: 10px;background: #262626;box-sizing: border-box;padding: 20px;gap: 15px;}

.article-section-content-board-item{width: 80%;display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #ADADAD;cursor: pointer; text-decoration: none;}

.article-section-content-board-item-content{display: flex;flex-direction: column;}

.article-section-content-board-item-title{display: flex;align-items: center;font-family: "Mont-Regular";font-size: 16px;width: 90%;/* height: 55px; */ color: white;}

.article-section-content-board-item-arrow{width: 15px;height: 15px;}

.article-section-content-board-content{width: 100%;height: 100%;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;max-width: 800px;gap: 20px;}

.article-section-content-board-item-date{font-family: "Mont-Medium";font-size: 10px;color: #ADADAD;}

.actual-news-section-last-cards-container{
    display: flex;
    flex-direction: column;
    cursor: pointer;
    text-decoration: none;
}

.article-section-content-board-content-button{
    width: 80%;
    aspect-ratio: 238/44;
    border-radius: 100px;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(203deg, #00571D 0%, #87C212 100%);
}

.article-section-content-board-content-button span{
    color: white;
    font-size: "Mont-Bold";
    font-size: 20px;
}

@media(min-width: 600px){
    .trands-section-content-articles-list-item-info-content{display: block;}
}


@media(min-width: 800px){
    .comp{display: flex;}
    .mobile{display: none;}

    .content{ width: 90%; max-width: 1600px;} 
    .actual-news-section{flex-direction: row;  height: fit-content; justify-content: space-between; gap: 0;}
    .actual-news-section-last{flex-direction: column;width: 60%; max-width: 650px; }
    .actual-news-section-last-content{margin-top: 20px;}

    .actual-news-section-last-cards{width: fit-content; width: 40%; max-width: 430px; }
    .actual-news-section-last-cards-item{aspect-ratio: 518/230; max-height: 230px; }
    .actual-news-section-last-btn{max-width: 266px; display: flex; justify-content: center; margin-top: clamp(18px, 10vw + -10px 70px);}
    .computer{display: flex; flex-direction: column;}
    .actual-news-section-last-title{font-size: clamp(28px, 5vw + -13px, 46px);}
    .actual-news-section-last-content{font-size: clamp(16px, 2vw + -0.5px, 18px);}

    .trands-section-content-articles{aspect-ratio: 518/230; min-width: 50%;}
    .trands-section-content-adv{width: 30%; height: auto;}

    .trands-section-content-articles-list-item-info{left: 20px; bottom: 50%; transform: translateY(50%);}
    .trands-section-content-articles-list-item-category{height: 90%; justify-content: space-between; gap: 0;top:50%;left: 20px; transform: translateY(-50%);}

    .trands-section-content-articles-menu{position: absolute; bottom: 5%; right: 20px;}
    .news-section-content{width: 100%; display: grid;grid-template-columns: repeat(2, 1fr); gap: 50px;}
    .news-section-content-item-img{aspect-ratio: 398/269;}

    .article-section-content-article{width: 45%;}
    .article-section-content-list{width: 65%;}


    .trands-section-content-articles-list-item-info-title{font-size: clamp(20px, 3.5vw + -10px, 30px);}
    .trands-section-content-articles-list-item-info-content{font-size: clamp(18px, 3.5 + -10px, 22px); }

    .category-section-title{font-size: clamp(16px, 4vw + -10px, 28px);}
    .trands-section-title{font-size: clamp(16px, 4vw + -10px, 28px);}
    .news-section-title{font-size: clamp(16px, 4vw + -10px, 28px);}
    .article-section-title{font-size: clamp(16px, 4vw + -10px, 28px);}

    .local_desctop_img{display: flex;}
    .local_mobile_img{display: none;}

    .actual-news-section-last-cards-item img{width: 100%; height: 100%;}

    .article-section-content-board-item{width: 45%; max-width: 350px;}
    .article-section-content-board-content-button{width: 45%; max-width: 350px;}
    .article-section-content-board-content{justify-content: space-between; width: 90%; gap: 20px;}

    .trands-section-content-banner.column{display: block;width: 25%;}
    .trands-section-content-banner.column img{width: 100%;height: 100%;}

    .article-section-content-adv.column{display: block;width: 25%;}
    .article-section-content-adv.column img{width: 100%;height: 100%;}

    .trands-section-content{flex-direction: row; justify-content: space-between;}
    .trands-section-content-banner.row{display: none;}
    .trands-section-content-banner.column{display: block;width: auto;}
    .trands-section-content-banner.column img{width: 100%;height: 100%;}
}

@media(min-width: 1280px){
    .actual-news-section-last{max-width: 950px;}
    .actual-news-section-last-title{font-size: clamp(46px, 4vw + -13px, 56px);}
    .actual-news-section-last-content{font-size: clamp(16px, 3vw + -13px, 18px);}
    .actual-news-section-last-cards{max-width: 518px;}

    .category-bar{justify-content: center;}
    .category-bar-item{min-width: 180px;width: 15%;height: auto;position: relative;cursor: pointer;margin-left: -50px;}

    .trands-section-content-articles{width: 75%; min-width: none;}
    .trands-section-content-articles-list-item-info-title{font-size: clamp(30px, 3vw + -10px, 36px);}
    .trands-section-content-articles-list-item-info-content{font-size: clamp(18px, 3.5 + -10px, 22px);}
    .trands-section-content-articles-list-item-info{max-width: 700px;}

    .news-section-content{width: 100%; display: grid;grid-template-columns: repeat(3, 1fr); gap: 25px;}

    .article-section-content-list{width: 55%; gap: 30px;}
    .article-section-content-article{width: 40%; max-width: 653px;  }

    .article-section-content-list-content.comp{display: flex;}
    .article-section-content-list-content{width: 40%;}

    .article-section-content-adv.column{display: block; width: 25%; }
    .article-section-content-adv.column img{width: 100%;}

    .article-section-content-board{width: 70%;aspect-ratio: 518/230;}
    .article-section-content{flex-direction: row; justify-content: space-between;}
    
    .article-section-content-board-content{width: 80%;height: 90%;}

    .article-section-content-board-content{gap: 10px;}
}

@media(min-width: 1440px){
    .news-section-content{grid-template-columns: repeat(4, 1fr);}
}

@media(min-width: 1600px){
    .category-bar-item{min-width: 220px;width: 15%;height: auto;position: relative;cursor: pointer;margin-left: -50px;}
}

@media(min-width: 1920px){
    .category-bar-item{min-width: 250px;width: 15%;height: auto;position: relative;cursor: pointer;margin-left: -50px;}
}