.blogbody{background-color: #fff;}
.blogbody header{background-color: #C679AF;}
.blogbody footer{background-color: #814669;}
.blogbody .hmenu a.active{opacity: .5;}

.blog__header{padding: 170px 0 40px;background: linear-gradient(93.57deg, #F4F1F8 41.01%, #F4F1F8 69.47%, rgba(244, 241, 248, 0) 95.18%);}
.blog__sup{height: 40px;line-height: 40px;background-color: #EF4855;text-transform: uppercase;padding: 0 12px;width: max-content;font-size: 17px;}
.blog__header h1{color:#3F0C53;font-size: 47px;line-height: 1.2;margin: 17px 0 10px;font-weight: 400;}
.blog__header h1 span{color:#FF3F50;}
.blog__header p{color:#333;font-size: 22px;line-height: 1.3;max-width: 980px;font-family: Inter;font-weight: 300;}

.blog__search{position: relative;max-width: 540px;margin: 42px 0 32px;}
.blog__search input{width: 100%;height: 48px;padding: 0 48px 0 24px;border: 1px solid #AFAFAF;border-radius: 48px;background: #fff;font-family: Inter;font-size: 15px;font-weight: 300;color:#333;outline: none;}
.blog__search input::placeholder{color:#AFAFAF;}
.blog__search input::-webkit-search-decoration,
.blog__search input::-webkit-search-cancel-button{display: none;}
.blog__search svg{position: absolute;right: 20px;top: 50%;transform: translateY(-50%);pointer-events: none;}

.blog__items{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 20px;padding-bottom: 40px;}
.blog__item{min-width: 0;width: 100%;max-width: 100%;box-sizing: border-box;min-height: 360px;padding: 32px 22px 22px 24px;border-radius: 20px;display: flex;flex-direction: column;box-shadow: 0 18px 28px -10px rgba(63, 12, 83, 0.18);justify-content: space-between;}
.blog__item a{color:#fff;min-width: 0;max-width: 100%;}
.blog__item h3{font-size: 22px;line-height: 1.25;font-weight: 400;margin-bottom: 16px;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;overflow-wrap: anywhere;word-break: break-word;}
.blog__item p{font-family: Inter;font-size: 15px;line-height: 1.49;font-weight: 300;opacity: .85;flex: 1;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;overflow-wrap: anywhere;word-break: break-word;}
.blog__det{display: flex;justify-content: space-between;align-items: center;margin-top: 28px;}
.blog__more{width: 39px;height: 39px;flex-shrink: 0;line-height: 0;}
.blog__more svg{display: block;}
.blog__date{font-family: Inter;font-size: 14px;font-weight: 300;opacity: .85;white-space: nowrap;}

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}

.navigation.pagination {
	display: flex;
	justify-content: center;
	padding: 8px 0 80px;
	font-family: Inter, sans-serif;
}

.navigation.pagination .nav-links {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 8px;
}

.navigation.pagination .page-numbers {
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 48px;
	height: 48px;
	padding: 0 16px;
	border: 2px solid transparent;
	border-radius: 48px;
	background: #fff;
	color: #3F0C53;
	font-family: Inter, sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 1;
	text-decoration: none;
	transition: border-color .2s ease, color .2s ease, box-shadow .2s ease, background-color .2s ease;
}

.navigation.pagination a.page-numbers:hover {
	border-color: #FF3F50;
	color: #FF3F50;
}

.navigation.pagination .page-numbers.current {
	border-color: #FF3F50;
	color: #FF3F50;
	box-shadow: 0 32px 24px -10px rgba(232, 60, 76, 0.15);
}

.navigation.pagination .page-numbers.dots {
	min-width: 24px;
	padding: 0;
	border: 0;
	color: #AFAFAF;
}

.navigation.pagination .page-numbers.prev,
.navigation.pagination .page-numbers.next {
	font-size: 22px;
	font-weight: 400;
	padding: 0;
}

.blog__item:nth-child(even){background-color: #361E55;}
.blog__item:nth-child(8n+1),
.blog__item:nth-child(8n+3){background-color: #E83C4C;}
.blog__item:nth-child(8n+5),
.blog__item:nth-child(8n+7){background-color: #994F78;}

@media(max-width:920px){
    .blog__header{padding: 160px 0 36px;}
    .blog__header h1{font-size: 40px;}
    .blog__items{grid-template-columns: repeat(2, minmax(0, 1fr));gap: 16px;}
    .blog__search{max-width: 100%;}
}
@media(max-width:768px){
    .blog__header{padding-top: 150px;}
    .blog__header p{font-size: 18px;}
    .blog__item{min-height: 320px;padding: 26px 18px 18px 20px;}
    .blog__item h3{font-size: 20px;}
}
@media(max-width:500px){
    .blog__header{padding: 130px 0 30px;}
    .blog__header h1{font-size: 33px;}
    .blog__header p{font-size: 16px;}
    .blog__sup{font-size: 14px;height: 34px;line-height: 34px;}
    .blog__search{margin: 28px 0 24px;}
    .blog__items{grid-template-columns: minmax(0, 1fr);padding-bottom: 28px;}
    .blog__item{min-height: 280px;}
    .navigation.pagination{padding-bottom: 50px;}
}