.news-insight__items-wrapper .news-insight__item{padding:24px 24px 24px 0;border-radius:12px}
.news-insight__items-wrapper .news-insight__item .news-insight-item__date-and-tags{display:flex; justify-content:space-between;padding-bottom:20px;align-items:center;flex-wrap:wrap;gap:12px}
.news-insight-item__date-and-tags .news-insight-item__date{color:var(--graphite-prime);text-transform:uppercase}
.news-insight__items-wrapper .news-insight__item .news-insight-item__thumbnail-image img{border-radius:12px}
#newsInsights[v-cloak]{display:none}
.news-insight__news-data{display:flex;flex-direction:column;padding-top:80px;gap:24px;min-height:50vh}
.news-insight-item__content-wrapper .news-insight-item__title{color:#0037AF}
.news-insight-item__content-wrapper .news-insight-item__tags-wrapper{gap:10px;flex-wrap:wrap}
.news-insight-item__content-wrapper .news-insight-item__tags-wrapper>div{padding:8px;border:1px solid #0038B6;color:#0037AF;text-transform:uppercase}
.news-insight__item:hover::after{background:linear-gradient(90deg, #040F7B 0%, #0060E4 100%);}
.news-insight__item:hover .news-insight-item__content-wrapper .news-insight-item__title,.news-insight__item:hover .news-insight-item__content-wrapper .news-insight-item__tag,
.news-insight__item:hover .news-insight-item__content-wrapper .news-insight-item__date{color:var(--white)}
.news-insight__item:hover .news-insight-item__content-wrapper .news-insight-item__tag{border:1px solid var(--white)}
.news-insight__item:hover .news-insight-item__content-wrapper .news-insight-item__title{text-decoration:underline}
.news-insight__current-page {color:var(--graphite-prime)}
.news-insight__item:hover .news-insight-item__content-wrapper .news-insight-item__tags-wrapper .news-insight-item__tag{background: var(--argon-gradient);}
/* //desktop filters */
.news-insight__filters-bg{background:#F1F3F5;padding:60px 0}
.news-insight__filters-wrapper{justify-content: space-between;gap: 32px;width: 100%}
.news-insight__filters-wrapper>div,.news-insight__filters-wrapper button{width:100%}
.news-insight__reset-filter{justify-content:space-between;flex-wrap:wrap;row-gap:16px;padding-top:16px;align-items:center;gap:16px}
.news-insight__pagination{padding-top:64px;align-items:center}
.news-insight__pagination .news-insight__pagination-line{width:67px;height:2px;background:rgba(0,0,0,0.4);position:relative;margin:0 6px}
.news-insight__pagination .news-insight__active-line{height:2px;background:#AF015F;position:absolute;top:0;left:0}
.news-insight__pagination .news-insight__prev-page{display: inline-block;transform: rotate(180deg);margin-right:12px} 
.news-insight__pagination .icon-arrow{color:var(--white-light)}
.news-insight__total-pages{opacity:0.4}
.news-insight__next-page{margin-left:12px;color:var(--graphite-prime)}
.news-insight__pagination .news-insight__prev-page,.news-insight__pagination .news-insight__next-page{background:linear-gradient(90deg, #040F7B 0%, #0060E4 100%);padding:6px;border-radius:4px;height:32px;width:32px;justify-content:center;align-items:center;font-size:10px;border:none}
.news-insight__filters-wrapper>div{position:relative}
.news-insight__filters-wrapper button{background:var(--argon-gradient);padding:12px 16px 8px;border-radius:8px;border:none}
.news-insight__filters-wrapper button .dropdown__button-label{color:var(--white);margin:0}
.news-insight__filters-wrapper>div button{display:flex;justify-content:space-between;gap:24px;align-items:center}
.news-insight__filters-wrapper>div button .down-icon-arrow{color:var(--white);transition: transform 0.3s ease;height:100%;width:12px}
.news-insight__filters-wrapper>div button .dropdown__button-label{white-space:no-wrap}
.news-insight__filters-wrapper>div button .down-icon-arrow img{height:12px;width:12px}
.news-insight__filters-wrapper>div ul{position:absolute;width:100%;z-index:1;background:var(--white);border-radius:8px;border:1px solid #CAC4C3;max-height:500px;overflow-y:auto}
.news-insight__filters-wrapper>div ul::-webkit-scrollbar {
    width: 4px;
}

.news-insight__filters-wrapper>div ul::-webkit-scrollbar-thumb {
    background: var(--cobalt-gradient);
    border-radius: 5px;
}
.news-insight__filters-wrapper>div ul::-webkit-scrollbar-track {
    background: rgb(102 102 102 / 40%);
    border-radius: 5px;
}

.news-insight__filters-wrapper>div ul li{padding:8px;}
.news-insight__reset-filter  .news-insight__reset-button{text-transform:uppercase; background: var(--argon-gradient);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.news-insight__reset-filter .news-insight__selected-filters-wrapper{gap:10px;flex-wrap:wrap}
.news-insight__reset-filter .news-insight__selected-filters-wrapper .news-insight__selected-filter{display:flex;gap:6px;padding:8px;background:var(--white);border-radius:1px;align-items:center}
.news-insight__reset-filter .news-insight__selected-filters-wrapper .news-insight__selected-filter h6{margin:0;text-transform:uppercase;/*color:#0060E4*/background: var(--argon-gradient);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.news-insight__form-field-wrapper{display:flex;align-items:center;padding-bottom:32px;width:100%}
.news-insight__form-field-wrapper .news-insight__form-field-search-button{left:16px;border:none;background:white;color:#0060E4;height: 24px;width: 24px;padding: 0;align-items: center;display:flex}
.news-insight__form-field-search-button .icon-search{font-size:24px}
.news-insight__form-field-search::placeholder{line-height:20px;font-weight:500;color:#666}
.news-insight__form-field-wrapper .news-insight__form-field-search{padding:18px 16px 18px 54px;border:1px solid #CAC4C3;border-radius:12px;margin:0}
.news-insight__prev-page:disabled,.news-insight__next-page:disabled {
  opacity: 0.4;
  cursor: not-allowed;
  pointer-events: none;
}
.news-insight__form-field-wrapper  input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
}

.news-insight__item {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  column-gap: 32px;
  position:relative;
  transition:0.3s ease
}
.news-insight__item::after{
  position:absolute;
  content:'';
  left:30px;
  right:0;
  top:0;
  height:100%;
  background:var(--white-prime);
  z-index:-1;
  border-radius:12px;
  box-shadow:var(--big-shadow);
  transition:background 0.5s ease;
}

.news-insight-item__thumbnail-image {
  grid-column: span 2;
  box-shadow: 0 0 12px 0 rgba(0, 95, 226, 0.05);
}

.news-insight-item__content-wrapper {
  grid-column: span 8;
}
.news-insight__filters-wrapper>div button.active .down-icon-arrow{
  transform:rotate(180deg)
}
.news-insight__items-wrapper a:focus-visible{
outline:1px auto #000;
}
@media (max-width: 992px) {
  .news-insight__filters-wrapper{
    flex-wrap:wrap;
    justify-content:start;
  }
  .news-insight__filters-wrapper>div{
    width:max-content;
  }
}
@media (max-width: 767px) {
  .news-insight__items-wrapper .news-insight__item{
    display:flex;
    flex-direction:column
  }
  .news-insight__items-wrapper .news-insight__item{
    padding:0 24px 24px 0;
  }
  .news-insight__item::after{
    left:16px;
    top:25%;
    height:75%
  }
  .news-insight-item__content-wrapper{
    padding:36px 0 0  24px;
    margin-left:16px
  }
  .news-insight__news-data {
    gap:32px;
    padding-top:16px
  }
/*  mobile filters*/
.news-insight__form-and-filter{display:flex;gap:16px}
.mobile-filter-button{padding:16px 25px;background:var(--white);border-radius:12px;border:none}
.mobile-filter-button img{height:15px;width:15px}
.news-insight__form-field-wrapper .news-insight__form-field-search{border:none;padding:16px 30px 16px 54px}
.news-insight__filters-bg{padding:16px 0}
.news-insight__form-field-wrapper{padding-bottom:0}
.news-insight__form-field-wrapper .news-insight__form-field-search-button {height:18px;width:18px}
.news-insight__form-field-search-button .icon-search{font-size:18px}
.news-insight__reset-filter .news-insight__selected-filters-wrapper{order:2;align-items:center;flex-wrap:nowrap}
.news-insight__reset-filter .news-insight__reset-button{padding:4px 16px 0 0;border-right:1px solid #C9C4C3;margin-right:12px}
.news-insight__reset-filter{white-space:nowrap;flex-wrap:nowrap}
.news-insight__reset-filter .news-insight__selected-filters-wrapper .news-insight__selected-filter h6{white-space:nowrap}
.news-insight__reset-filter .news-insight__selected-filters-wrapper{overflow-x:auto}
.news-insight__reset-filter .news-insight__selected-filters-wrapper::-webkit-scrollbar{height:0;width:0}
}
/*  mobile filters*/
.mobile-filter-panel {
 transform: translateY(100%);
  transition: transform 0.35s ease;
  background: var(--white);
 position: absolute;
  bottom: 0;
  width: 100%;
  border-radius: 20px 20px 0 0;
  display: flex;
  flex-direction: column;
  height: 90vh;
  overflow-y: auto;
}
.mobile-filter-overlay {
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0,0,0,0.5);
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.35s ease;
}
.mobile-filter-overlay.show {
  opacity: 1;
  visibility: visible;
}
.mobile-filter-panel {
 transform: translateY(100%);
  transition: transform 0.35s ease;
  background: var(--white);
 position: absolute;
  bottom: 0;
  width: 100%;
  border-radius: 20px 20px 0 0;
  display: flex;
  flex-direction: column;
  height: 90vh;
   overflow: hidden; 
}
.mobile-filter-overlay.show .mobile-filter-panel {
  transform: translateY(0);
}
.mobile-filter-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding:20px;
  border-bottom:1px solid #C9C4C3;
  flex-shrink: 0;
}
.mobile-filter-header button{
padding: 0;
    border: none;
    background: none;
    margin-top: 10px;
}
.mobile-filter-header button .icon-close{
    font-size: 16px;
    color: #0038B6;
    padding: 6px;
    border-radius: 50%;
    border: 2px solid #0038B6;
    font-weight:700
}
.mobile-filter-header p {
  color:#0037AF
}



.filter-section {
  margin-bottom: 1rem;
}

.filter-section h5 {
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.filter-section ul {
  list-style: none;
  padding-left: 0;
}


.mobile-filter-actions {
  display: flex;
  justify-content: space-between;
   gap:16px;
   flex-shrink: 0;
   padding: 16px 20px 12px 20px;
}

.btn-reset {
  background: transparent;
  border: 1px solid #0038B6;
  color:#0037AF;
  padding: 12px 50px;
  border-radius: 10px;
  cursor: pointer;
  width:100%;
  margin-top:0
}

.btn-apply {
  background:#0037AF;
  border: none;
  color: var(--white);
  padding: 12px 50px;
  border-radius: 10px;
  cursor: pointer;
  width:100%;
    margin-top:0
}
.mobile-filter-content.two-column {
  display: flex;
  height:100%;
  flex: 1;
  overflow-y: hidden;
  align-items:stretch
}

.filter-types {
  flex: 1;
  background:#F1F3F5;
height: auto;
    min-height: 100%;
}

.filter-types ul {
  list-style: none;
  padding-left: 0;
}

.filter-types li {
  padding: 12px 16px;
  cursor: pointer;
  margin:0;
  color:#666
}

.filter-types li.active {
  font-weight: 700;
  background-color:var(--white);
  color:#0037AF
}

.filter-options {
  flex: 2;
  height:100%;
 padding: 0 20px 0 24px;
 overflow-y:auto
}

.filter-options ul {
  list-style: none;
  padding-left: 0;
  margin:0
}

.filter-options li {
  padding:12px 0 16px 0;
  border-bottom:1px solid #C9C4C3;
  margin:0
}
.filter-options li:first-of-type{
padding-top:16px
}
.filter-options li:last-of-type{
border-bottom:none;
padding-bottom:0
}

.filter-options label {
  cursor: pointer;
  user-select: none;
  display: flex;
  align-items: center;
  margin:0;
  color:#666;
}

.filter-options input[type="radio"] {
  margin: 0 12px 0 0;
  height:16px;
  width:16px;
  color:#666;
  accent-color:#666
}
.filter-options input[type="radio"]:checked {
  accent-color:#0037AF
}
.filter-options label:has(input[type="radio"]:checked){
color:#0037AF
}
.news-insight__filters-wrapper .dropdown-category ul li a:hover, .news-insight__filters-wrapper .dropdown-type ul li a:hover, .news-insight__filters-wrapper .dropdown-geography ul li a:hover, .news-insight__filters-wrapper .dropdown-years ul li a:hover{background: var(--argon-gradient);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}