.news-sec {position: relative;}
.news-sec .news-wrap {background-color: #FAFAFA; padding: 85px 0 92px;}
.news-box-wrap {max-width: 1490px; margin: 0 auto;}
.news-box-wrap .row {row-gap: 56px; display: flex; flex-wrap: wrap; margin: 0 -28px;}
.news-box-wrap .row>*{width: 33.3333%; padding: 0 28px;}
.news-box-wrap .news-box {border-radius: 20px; overflow: hidden; border: 1px solid #e6e6e6; height: 100%; display: flex; flex-direction: column;}
.news-box-wrap .news-box .imgbox {display: block; position: relative; width: 100%; overflow: hidden; aspect-ratio: 457/250;}

.news-box-wrap .news-box .imgbox img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.news-box-wrap .text-wrap {padding: 29px 35px 56px; flex-grow: 1; display: flex; flex-direction: column; background: #FFF;}
.news-box-wrap .text-wrap .tag-wrap {display: flex; align-items: center; justify-content: flex-start; gap: 12px;}
.news-box-wrap .text-wrap .tag-wrap .tag-box {padding: 0 10px; min-width: 134px; height: 28px; background-color: #afa0d8; border-radius: 17px; display: flex;
align-items: center; justify-content: center; font-size: 14px; color: var(--white); line-height: 1.5; font-family: "Open Sans";}
.news-box-wrap .text-wrap .tag-wrap .tag-box + .tag-box{background-color: #e6e6e6; color: #4a4a4a; font-weight: 400;}
.news-box-wrap .text-wrap h3 {margin-top: 28px; line-height: 1.24; font-weight: 500;}
.news-box-wrap .text-content {margin-top: 16px;}
.news-box-wrap .text-content p {font-family: "Open Sans";}
.news-box-wrap .text-content p + p{margin-top: 16px;}
.news-box-wrap .text-wrap .btnbox {display: flex; align-items: flex-start; margin-top: auto; padding: 42px 0 0 0;}

.news-title {margin-bottom: 56px; text-align: center;}
.news-title h2 {font-weight: 400;}
.filter-list {position: relative; margin-bottom: 81px;}
.filter-list ul {display: flex; align-items: center; justify-content: center; gap: 16px; flex-wrap: wrap; padding: 0; margin: 0; list-style: none;}
.filter-list ul li {display: block; margin: 0; padding: 0;}
.filter-list ul li .new_radiobox {font-size: 20px; color: #707070; font-weight: 700; height: 50px; padding: 0 52px; border-radius: 47px; border: 1px solid #707070; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; position: relative;}
.filter-list ul li .new_radiobox input {position: absolute; opacity: 0; width: 100%; height: 100%; top: 0; left: 0; cursor: pointer;}
.filter-list ul li .new_radiobox:hover {background-color: #B6A7DE; color: var(--white); border-color: #B6A7DE;}
.filter-list ul li.active .new_radiobox {background-color: #B6A7DE; color: var(--white); border-color: #B6A7DE;} 
.news-box-wrap .btn-box {display: flex; justify-content: center; margin-top: 67px;}
.news-box-wrap .btn-box .new-btn {display: flex; font-size: 16px; color: #4A4A4A; font-family: "Open Sans"; font-weight: 400; transition: all 0.3s ease-in-out; position: relative; justify-content: center;}
.news-box-wrap .btn-box .new-btn:hover {font-weight: 600;}
.news-box-wrap .btn-box .new-btn::after{position: absolute; left: 0; bottom: -3px; height: 1px; width: 0; background-color: #4A4A4A; content: ""; transition: all 0.3s ease-in-out;}
.news-box-wrap .btn-box .new-btn:hover::after {width: 100%;}
.news-box-wrap .btn-box .new-btn.loading_news::after {display: none;}
.news-box-wrap .page {text-align: center; margin-top: 16px;}
.news-box-wrap .page span {display: block; color: #A8A8A8; font-size: 14px; font-family: "Open Sans"; font-weight: 400;}

.news-sec.Download-page .news-box-wrap .text-wrap .btnbox {justify-content: flex-end; padding-top: 91px;}
.news-sec.Download-page .news-box-wrap .text-wrap .btn-main {line-height: 1.23;}
.news-sec.Download-page .news-box-wrap .text-wrap .btn-main::after {background-image: url(../images/svg/download-btn.svg);}
.news-sec.Download-page .news-box-wrap .text-wrap h3 {min-height: 0 !important;}

a.loading_news {
  position: relative;
  pointer-events: none;   /* disable click while loading */
  opacity: 0.75;
  cursor: wait;
}

/* Spinner */
a.loading_news::before {
  content: "";
  position: absolute;
  right: 40%;
  top: -10px;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  border: 2px solid #000;
  border-radius: 50%;
  animation: loadingNewsSpin 0.7s linear infinite;
}

@keyframes loadingNewsSpin {
  to { transform: rotate(360deg); }
} 


@media (min-width: 1800px) { 
}

@media (min-width: 1600px) and (max-width: 1699px) {
  .news-box-wrap .text-wrap {padding: 29px 20px 42px;}
  .news-box-wrap .row>* {padding: 0 20px;}
   .news-box-wrap .row {margin: 0 -20px;}
}

@media (min-width: 1231px) and (max-width: 1599px) {
   .news-sec .news-wrap {padding: 62px 0 75px;}
   .news-title {margin-bottom: 42px;}
   .filter-list {margin-bottom: 75px;}
   .filter-list ul li a {padding: 0 50px;}
   .news-box-wrap .row>* {padding: 0 10px;}
   .news-box-wrap .row {margin: 0 -10px;}
   .news-box-wrap .text-wrap {padding: 29px 15px 42px;}
   .news-box-wrap .text-wrap .tag-wrap .tag-box {min-width: 100px;}
}

@media (min-width: 992px) and (max-width: 1230px) {
   
   .news-sec .news-wrap {padding: 62px 0 75px;}
   .news-title {margin-bottom: 42px;}
   .filter-list {margin-bottom: 75px;}
   .filter-list ul li a {padding: 0 50px;}
   .news-box-wrap .row>* {width: 50%; padding: 0 10px;}
   .news-box-wrap .row {margin: 0 -10px;}
}

@media (max-width: 991px) {
    h2 {
    font-size: 24px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
   
   .news-sec .news-wrap {padding: 62px 0 75px;}
   .news-title {margin-bottom: 42px;}
   .filter-list {margin-bottom: 75px;}
   .filter-list ul li a {padding: 0 50px;}
   .news-box-wrap .row>* {width: 50%; padding: 0 10px;}
   .news-box-wrap .row {margin: 0 -10px;}
}

@media (max-width: 767px) {
   
   .news-sec .news-wrap {padding: 62px 0 75px;}
   .news-title {margin-bottom: 42px;}
   .filter-list {margin-bottom: 75px;}
   .filter-list ul li .new_radiobox {min-width: 200px; height: 42px; padding: 0 20px;}
   .filter-list ul {gap: 12px;}
   .news-box-wrap .row {flex-direction: column;}
   .news-box-wrap .row>* {width: 100%;}
   .news-box-wrap .text-wrap {padding: 29px 30px 45px;}
   .news-box-wrap .text-wrap h3 {font-size: 19px; margin-top: 22px;}
   .news-box-wrap .text-wrap .btnbox {padding-top: 32px;}
   .btn-main::after {opacity: 1 !important; transform: translateX(0) !important;}
   .btn-main span {transform: translateX(-20px) !important;}
   .news-box-wrap .news-box .imgbox {aspect-ratio: 350/198;}
   .news-box-wrap .btn-box .new-btn::after {width: 100%;}

   .news-sec.Download-page .news-box-wrap .text-wrap .btnbox {justify-content: flex-start; padding-top: 29px;}
}

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