.news-page{ position: relative;  padding: 205px 0 90px 0; background-color: #151b24; }
.news-block-top{ display: block; width: 100%;  }
.news-block-top h1{ text-transform: uppercase; color: #fff;   line-height: 1.2;letter-spacing: 1.2px; font-size: 60px;}
.news-block-top .text{ max-width: 682px; padding: 60px 0 0 0; }
.news-block-top .text p{ color: #fff; line-height: 1.63;}
.news-section-1{ padding: 0 0 65px; }
.news-section-2{ padding:64px 0 80px ;  background-color: #3f4957; }

.news-fliter-heading-block .fliter-head{ padding: 63px 0 0px; display: block; width: 100%;}
.news-fliter-heading-block .fliter-row ul{ gap: 20px; display: flex; align-items: center; flex-wrap: wrap;   }
.news-fliter-heading-block .fliter-row ul li{ display: flex;}
.news-fliter-heading-block .fliter-row ul li .checkbox{ position: relative; display: flex; align-items: center;}
.news-fliter-heading-block .fliter-row ul li .checkbox input{ display: none;}
.news-fliter-heading-block .fliter-row ul li .checkbox label span{ min-height: 36px; font-size: 16px; padding: 0 38px;  color: #fff;   border: solid 1px #bcc5d3; position: relative; width: auto; font-family: 'stolzl';  display: flex; align-items: center; justify-content: center; transition: all 0.3s ease-in-out; cursor: pointer;  }
.news-fliter-heading-block .fliter-row ul li .checkbox label span:hover{ background: #1532FF; border-color: #1532FF; color: #fff; }
.news-fliter-heading-block .fliter-row ul li .checkbox  input:checked + label span{ background: #fff;  border-color: #fff;color: #06080b; }

.news-listing{ display: block; width: 100%; }
.news-listing .row { row-gap: 69px; margin: 0 -34px; display: flex; flex-wrap: wrap;}
.news-listing .row>*{ padding: 0 34px; width: 50%; }
.news-box-main { position: relative; width: 100%; overflow: hidden; }
.news-box-main .news_link { position: absolute; top: 0; left: 0; z-index: 2; display: flex; width: 100%; height: 100%; }
.news-box-main .img{ display: flex; position: relative; width: 100%; }
.news-box-main .img span { overflow: hidden; aspect-ratio: 825/570; position: relative; display: flex; align-items: center; width: 100%;}
.news-box-main .img span img{ transition: all 0.3s ease-in-out;  width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover;}
.news-box-main:hover .img span img{ transform: scale(1.1); }
.news-box-main .project-box-sub{ padding: 36px 0 0 0; display: block;width: 100%;}
.news-box-main .project-box-sub .cat-row{ gap: 20px; display: flex; align-items: center;}
.news-box-main .project-box-sub .cat-row .cat { display: flex; flex-wrap: wrap;}
.news-box-main .project-box-sub .cat-row .cat span{  background-color: rgba(188, 197, 211, 0.7); min-height: 36px;  font-size: 16px; line-height: 1.5; font-family: 'stolzl'; align-items: center; color: #06080b; display: flex;  justify-content: center; white-space: nowrap; padding: 0 38px; }
.news-box-main .project-box-sub .cat-row .cat-text{ min-height: 36px; display: flex; align-items: center; border-left:#f8fbff solid 2px ;font-family: 'stolzl'; line-height: 1.5; padding: 0 0 0 20px;color: #f8fbff; font-size: 16px; font-weight: 500; }
.news-box-main .project-box-sub h4{font-family: 'stolzl';font-weight: normal; color: #fff; text-transform: uppercase; font-size: 24px; line-height: 1.79; padding: 40px 0 0 0; }
.news-box-main .project-box-sub .text{ padding: 22px 0 0 0; }
.news-box-main .project-box-sub .text p{  line-height: 1.5; font-size: 16px; color: #fff;}

.load-more-block{ padding: 88px 0 0 0; display: block; width: 100%; text-align: center;}
.load-more-link{ display: flex; align-items: center; justify-content: center;}
.load-more-link a{ border-bottom: transparent solid 2px; text-transform: uppercase;font-family: 'stolzl';  color: #fff; font-size: 16px; padding: 0 0 6px; line-height: 1.5;}
.load-more-link a:hover{  border-color: #fff; color: #fff; }
.load-more-block .total-count {  color: #fff; line-height: 1.5; font-size: 16px; font-weight: 300; padding: 16px 0 0 0; } 
.mobile-fliter-main{ display: none;}
.mobile-fliter-head{ display: none;}
.more-link{ padding: 30px 0 0 0; display: flex;}
.more-link a,
.more-link span {font-size: 16px; color: #fff; text-decoration: underline !important; display: flex; transition: all ease-in-out 300ms; }
.news-box-main:hover .more-link a,
.news-box-main:hover .more-link span { opacity: 0.5; }
 


@media (min-width: 1401px) and (max-width: 1599px) {
    
    .news-listing .row{ margin: 0 -26px; row-gap: 64px; }	
    .news-listing .row>* { padding: 0 26px; }
    .fliter-head{ padding: 0 0 48px; }
    .news-box-main .project-box-sub{ padding: 24px 0 0 0;  }

}


@media (min-width: 1281px) and (max-width: 1400px) {

    .news-listing .row{ margin: 0 -20px; row-gap: 48px; }	
    .news-listing .row>* { padding: 0 20px; }
    .fliter-head{ padding: 0 0 48px; }
    .news-box-main .project-box-sub{ padding: 24px 0 0 0;  }
    .news-box-main .project-box-sub h4{ padding: 30px 0 0 0; } 	
    .news-box-main .project-box-sub .sub-text{ padding: 20px 0 0 0; }

    .news-fliter-heading-block .fliter-row ul li .checkbox label span{ padding: 0 30px; } 

    .news-block-top h1{ font-size: 48px;}

}


@media (min-width: 992px) and (max-width: 1280px) {

    .news-listing .row{ margin: 0 -15px; row-gap: 48px; }	
    .news-listing .row>* { padding: 0 15px; }
    .fliter-head{ padding: 0 0 48px; }
    .news-box-main .project-box-sub{ padding: 20px 0 0 0;  }
    .news-box-main .project-box-sub h4{ line-height: 1.5; padding: 20px 0 0 0; } 	
    .news-box-main .project-box-sub .sub-text{ padding: 20px 0 0 0; }
    .news-box-main .project-box-sub .cat-row .cat-text{ font-size: 14px; line-height: 1.4;}	
    .load-more-block{ padding: 32px 0 0 0; }
    .load-more-link a{ font-size: 16px;}
    .load-more-block .total-count{ font-size: 16px;}
    .news-fliter-heading-block .fliter-row ul li .checkbox label span{ padding: 0 20px; } 
    .news-block-top h1{ font-size: 40px;}

    .news-page{ padding: 140px 0 50px; }
 
}

@media (min-width: 768px) and (max-width: 991px) {

    .news-listing .row{ margin: 0 -10px; row-gap: 40px; }	
    .news-listing .row>* { padding: 0 10px; }
    .fliter-head{ padding: 0 0 48px; }
    .news-box-main .project-box-sub{ padding: 20px 0 0 0;  }
    .news-box-main .project-box-sub h4{ line-height: 1.5; padding: 20px 0 0 0; } 	
    .news-box-main .project-box-sub .sub-text{ padding: 20px 0 0 0; }
    .news-box-main .project-box-sub .cat-row .cat-text{ font-size: 14px; line-height: 1.4;}
    .fliter-row ul{ gap: 10px;}
    .fliter-row ul li .checkbox label{ padding: 0 0px; }
    .news-box-main .project-box-sub .sub-text .sub-text-in{ min-width: 170px; }
    .load-more-block{ padding: 32px 0 0 0; }
    .load-more-link a{ font-size: 16px;}
    .load-more-block .total-count{ font-size: 16px;}
    .project-fliter-section{ padding: 0 0 64px; }
    .news-box-main .project-box-sub h4{ font-size: 20px;}

    .news-fliter-heading-block .fliter-row ul li .checkbox label span{ padding: 0 12px; }
    .news-block-top h1{ font-size: 36px;}

}


@media (max-width: 992px) {

    .news-page{ padding: 140px 0 50px; }
    .news-block-top .text{ padding: 48px 0 0 0; }
    .news-fliter-heading-block .fliter-head{ padding: 44px 0 0 0; }
    .news-section-1{ padding: 0 0 21px; }
 
}

@media (max-width: 767px) {
    .news-listing .row{ margin: 0 -10px; row-gap: 0px; }	
    .news-listing .row>* { width: 100%; padding: 0 10px; }
    .fliter-head{ padding: 0 0 48px; }
    .news-box-main{ padding: 20px 0; }
    .news-box-main .project-box-sub{ padding: 43px 0 0 0;  }
    .news-box-main .project-box-sub h4{ line-height: 1.5; padding: 24px 0 0 0; } 	
    .news-box-main .project-box-sub .sub-text{ padding: 20px 0 0 0; }
    .news-box-main .project-box-sub .cat-row .cat-text{ min-height: 0; border: 0; padding: 0; font-size: 14px; line-height: 1.4;}
    .fliter-row ul{ gap: 10px;}
    .fliter-row ul li .checkbox,
    .fliter-row ul li{ width: 100%;}
    .fliter-row ul li .checkbox label span{ width: 100%; text-align: center; padding: 0 30px; }
    .news-box-main .project-box-sub .sub-text .sub-text-in{ min-width: 170px; width: 100%; }
    .news-box-main .project-box-sub .cat-row{ flex-direction: column; gap: 11px; align-items: flex-start;}
    .news-box-main .project-box-sub .sub-text { gap: 20px; flex-direction: column;}
    .news-listing .row .col-md-6 + .col-md-6 .news-box-main{ border-top: #dad6d3 solid 1px;}

    .load-more-block{ padding: 32px   0; }
    .load-more-link a{ font-size: 16px;}
    .load-more-block .total-count{ font-size: 16px;}
    .project-fliter-section{ padding: 0 0 64px; }

    .mobile-fliter-main{ background: none; position: sticky; background-color: #151b24; top: 0; z-index: 100; padding: 25px 30px; display: flex;align-items: center;}
    .fliter-icon a{ display: flex; padding: 0  27px 0 16px; }
    .fliter-icon a img{ filter: brightness(0) invert(1);  min-width: 33px; height: auto;}
    .mobile-fliter-main .btnbox{ width: 100%;}
    .mobile-fliter-head{ display: block;}
    
    .fliter-head{   position: fixed; left: 0; transition: all 0.3s ease-in-out; transform: translateX(-110%); padding: 30px ; background: #fff;  z-index: 1000;   top: 0; width: 100%; height: 100vh; height: calc(var(--vh,1vh)*100); opacity: 0; visibility: hidden; pointer-events: none; }
    .mobile-fliter-head{ display: block ;width: 100%; position: relative;}
    .mobile-fliter-head .logo-f{ display: flex;}
    .mobile-fliter-head .logo-f a{ display: flex;}
    .mobile-fliter-head .logo-f a{ width: 174px; height: auto; display: flex;}
    .f-close{ display: flex ;position: absolute; right: 0; top: 0;}
    .f-close a{ display: flex;}
    .mobile-fliter-text{ padding: 70px 0 39px 0; }
    .mobile-fliter-text span{ width: 100%; padding: 13px; color: #2c2424; font-size: 24px; text-transform: uppercase; line-height: 1; border-top:  #dad6d3 solid 1px; border-bottom:  #dad6d3 solid 1px; text-align: center; display: block; font-family: 'stolzl';}
    .asset-text{ display: block; padding: 0 0 28px; color: #2c2424;  font-size: 16px; line-height: 1.5; font-family: 'stolzl';}

    .fliter-row{ padding: 0 0 0 26px; }
    .fliter-row ul { gap: 15px; flex-direction: column; align-items: flex-start;}
    .fliter-row ul li .checkbox label{ width: 100%; padding: 0 0 0 49px; }
    .fliter-row ul li .checkbox label span{border: solid 1px #82936b; }
    .fliter-row ul li .checkbox label::after {width: 36px; height: 36px; content: ''; position: absolute; left: 0; top: 0;  border: solid 1px #82936b;}
    .fliter-row ul li .checkbox label::before {width: 36px; background: url(../images/checkmark.svg) no-repeat center center; height: 36px; content: ''; position: absolute; left: 0; top: 0; opacity: 0;  transition:all 0.3s ease-in-out ;}
    .fliter-row ul li .checkbox input:checked +  label::before{ opacity: 1; }
    body.active-fliter{ overflow: hidden; }
    body.active-fliter .fliter-head{ opacity: 1; transform: none; visibility: visible; pointer-events: all;  }
    .mobile-fliter-main .btnbox .primary-btn{ min-width: 100%;}

    .news-box-main .project-box-sub .cat-row .cat span {font-size: 12px;}
    .more-link{ padding: 20px 0 0 0; }
    .news-block-top h1{ font-size: 32px;}
    .news-section-2{ padding: 0; }
    .news-section-2 .container{ padding: 0; width: 100%; max-width: 100%; }
    .news-listing .row>*:first-child  .news-box-main{ padding-top: 0; }
    .news-box-main .project-box-sub{ padding: 33px 30px 30px; }

    .news-fliter-heading-block .fliter-head{ padding: 30px; }
    .news-fliter-heading-block .fliter-row ul li .checkbox label span {font-size: 14px; padding: 0 12px; color: #2c2424;}
    .news-fliter-heading-block .fliter-row ul li .checkbox input:checked + label span { background: #021179; border-color: #021179; color: #fff; }

}