.post-list__container {
	 display: flex;
	 flex-flow: column;
	 gap: 40px;
}
 .post-list__filters-sort {
	 display: flex;
	 justify-content: space-between;
	 align-items: flex-start;
	 gap: 8px;
}
 .post-list__filters {
	 display: flex;
	 align-items: center;
	 gap: 8px;
	 overflow: scroll;
	 flex-wrap: wrap;
}
 .post-list__filters::-webkit-scrollbar {
	 display: none;
}
 .post-list__filter-item {
	 display: flex;
	 padding: 2px 16px;
	 border-radius: 8px;
	 background: #e5edfa;
	 font-family: Poppins;
	 font-weight: 400;
	 font-size: 16px;
	 line-height: 40px;
	 letter-spacing: 0px;
	 text-align: center;
	 vertical-align: middle;
	 color: #0d499c;
	 text-decoration: none;
	 height: fit-content;
	 transition: 0.3s ease;
	 text-wrap: nowrap;
}
 .post-list__filter-item:hover, .post-list__filter-item.current {
	 background: #0d499c;
	 color: #fff;
}
 .post-list__sort-cont {
	 display: flex;
	 position: relative;
}
 .post-list__sort-current {
	 display: flex;
	 gap: 16px;
	 padding: 10px 24px;
	 align-items: center;
	 background: #898d90 1a;
	 border-radius: 8px;
	 font-family: Poppins;
	 font-weight: 400;
	 font-size: 16px;
	 line-height: 18px;
	 letter-spacing: 0%;
	 vertical-align: middle;
	 color: #898d90;
	 height: fit-content;
	 cursor: pointer;
	 text-wrap: nowrap;
	 width: auto;
}
 .post-list__sort-current svg {
	 transition: 0.3s ease;
}
 .post-list__sort-current.opened svg {
	 transform: rotate(180deg);
}
 .post-list__sort-current.opened .post-list__sort-list {
	 padding: 20px 12px;
	 box-shadow: 1px 0px 3px 0px #000 14;
	 box-shadow: 0px 1px 3px 0px #000 14;
	 border: 1px solid #e5e5e5;
}
 .post-list__sort-list {
	 position: absolute;
	 top: calc(100% + 6px);
	 left: 0;
	 padding: 20px 12px;
	 width: 100%;
	 border: 1px solid transparent;
	 border-radius: 8px;
	 display: flex;
	 flex-flow: column;
	 gap: 12px;
	 max-height: 0px;
	 padding: 0 12px;
	 overflow: hidden;
	 background: #fff;
	 transition: 0.3s ease;
}
 .post-list__sort-item {
	 font-family: Poppins;
	 font-weight: 400;
	 font-size: 16px;
	 line-height: 18px;
	 letter-spacing: 0%;
	 color: #898d90;
	 opacity: 0.6;
	 cursor: pointer;
	 transition: 0.3s ease;
	 text-decoration: none;
}
 .post-list__sort-item:hover {
	 opacity: 1;
}
 .post-list__list {
	 width: 100%;
	 display: grid;
	 grid-template-columns: 1fr 1fr;
	 gap: 20px;
}
 .post-list__item {
	 display: flex;
	 width: 100%;
	 gap: 20px;
	 padding: 24px;
	 background: rgba(137, 141, 144, 0.1019607843);
	 border-radius: 12px;
	 text-decoration: none;
	 transition: 0.3s ease;
}
 .post-list__item.projects img {
	 height: 412px;
}
 .post-list__item img {
	 height: 310px;
	 width: 310px;
	 border-radius: 8px;
	 max-width: 50%;
}
 .post-list__item:hover {
	 background: #0d499c;
}
 .post-list__item:hover .post-list__item-title {
	 color: #3cf;
}
 .post-list__item:hover .post-list__item-desc {
	 color: #fff;
}
 .post-list__item:hover .post-list__meta-date {
	 background: #fff;
	 color: #898d90;
}
 .post-list__item:hover .post-list__meta-category {
	 background: #fff;
	 color: #0d499c;
}
 .post-list__item-info {
	 display: flex;
	 flex-flow: column;
	 justify-content: space-between;
	 gap: 40px;
}
 .post-list__item-title {
	 font-family: Poppins;
	 font-weight: 600;
	 font-size: 24px;
	 line-height: 130%;
	 letter-spacing: -1%;
	 color: #4d525a;
	 transition: 0.3s ease;
}
 .post-list__item-desc {
	 font-family: Poppins;
	 font-weight: 400;
	 font-size: 16px;
	 line-height: 140%;
	 letter-spacing: 0%;
	 color: #898d90;
	 transition: 0.3s ease;
}
 .post-list__meta-cont {
	 display: flex;
	 gap: 10px;
	 justify-content: flex-end;
	 width: 100%;
	 justify-content: flex-start;
	 flex-wrap: wrap;
}
 .post-list__meta-cont.projects {
	 flex-flow: wrap;
	 flex-flow: column-reverse;
}
 .post-list__meta-category, .post-list__meta-date {
	 display: flex;
	 align-items: center;
	 gap: 8px;
	 width: fit-content;
	 text-wrap: nowrap;
	 padding: 8px 12px;
	 border-radius: 4px;
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 font-family: Poppins;
	 font-weight: 500;
	 font-size: 14px;
	 line-height: 40px;
	 letter-spacing: 0px;
	 text-align: center;
	 vertical-align: middle;
	 height: 36px;
	 transition: 0.3s ease;
}
 .post-list__meta-category {
	 background: #0d499c;
	 color: #fff;
}
 .post-list__meta-date {
	 color: #898d90;
	 background: #fff;
}
 .post-list__pagination {
	 display: flex;
	 justify-content: center;
	 gap: 12px;
	 margin-top: 40px;
}
 .post-list__pagination .page-numbers {
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 width: 48px;
	 height: 48px;
	 background: #898d90 1a;
	 color: #898d90;
	 text-decoration: none;
	 font-family: Poppins;
	 font-weight: 600;
	 font-size: 14px;
	 line-height: 18px;
	 letter-spacing: 3%;
	 text-align: center;
	 text-transform: uppercase;
	 border-radius: 4px;
	 transition: 0.3s ease;
}
 .post-list__pagination .page-numbers.current {
	 background: #0d499c;
	 color: #fff;
}
 .post-list__pagination .page-numbers svg path {
	 transition: 0.3s ease;
}
 .post-list__pagination .page-numbers:hover {
	 background: #0d499c;
	 color: #fff;
}
 .post-list__pagination .page-numbers:hover svg path {
	 stroke: #fff;
}
 .post-list__text {
	 display: flex;
	 flex-flow: column;
	 gap: 12px;
}
 @media (max-width: 1024px) {
	 .post-list__filter-item {
		 text-wrap: nowrap;
	}
	 .post-list__filters-sort {
		 width: auto;
		 gap: 8px;
		 flex-flow: column;
	}
	 .post-list__sort-current {
		 text-wrap: nowrap;
		 width: 100%;
		 justify-content: space-between;
	}
	 .post-list__meta-cont {
		 justify-content: flex-start;
		 margin-bottom: 14px;
	}
	 .post-list__item {
		 width: 100%;
		 flex-flow: column;
		 gap: 18px;
		 padding: 18px;
	}
	 .post-list__item img {
		 height: 182px;
		 width: 100%;
		 max-width: 100%;
	}
	 .post-list__item-info {
		 gap: 10px;
	}
	 .post-list__item-title {
		 font-family: 'Poppins';
		 font-style: normal;
		 font-weight: 600;
		 font-size: 16px;
		 line-height: 130%;
		 letter-spacing: -0.01em;
		 color: #4d525a;
	}
	 .post-list__item-desc {
		 font-family: 'Poppins';
		 font-style: normal;
		 font-weight: 400;
		 font-size: 13px;
		 line-height: 140%;
		 color: #898d90;
	}
	 .post-list__meta-category {
		 font-family: 'Poppins';
		 font-style: normal;
		 font-weight: 500;
		 font-size: 11px;
		 line-height: 140%;
		 color: #fff;
	}
	 .post-list__meta-date {
		 font-family: 'Poppins';
		 font-style: normal;
		 font-weight: 500;
		 font-size: 11px;
		 line-height: 140%;
		 color: #898d90;
	}
	 .post-list__meta-date, .post-list__meta-category {
		 height: 28px;
	}
	 .post-list__pagination {
		 margin-top: 12px;
	}
	 .post-list__pagination .page-numbers {
		 width: 42px;
		 height: 42px;
		 font-family: 'Poppins';
		 font-style: normal;
		 font-weight: 600;
		 font-size: 11px;
		 line-height: 16px;
		 text-align: center;
		 letter-spacing: 0.03em;
		 text-transform: uppercase;
	}
	 .post-list__list {
grid-template-columns: 1fr;
	 }
}