:root {
  --orange: #FF4B00;
  --purple: #6E2996;
}

.bg-blue {
	background-color: var(--orange);
}

@media (min-width: 768px) {
	.md\:text-purple {
		color: var(--purple);
	}
}

.border-orange {
	border-color: var(--orange);
}

.text-purple, 
.text-purple2 {
	color: var(--purple);
}

.text-green, 
.text-green2 {
	color: var(--purple);
}

.text-orange {
	color: var(--orange);
}
.text-blue {
	color: var(--orange);
}
@media (hover: hover) {
	.hover\:text-green:hover {
		color: var(--purple);
	}
}

@media (hover: hover) and (pointer: fine) {
	.group:hover .group-hover\:\[\&_path\]\:fill-green path {
			fill: var(--purple);
	}
}

#modal-dialog {
	background-image: url(../images/common/modal_2501.png);
}

@media (min-width: 769px) {
	.js-accordion-title:hover::after {
		background-color: var(--purple);
	}
}

.pager {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.page-numbers {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

.page-numbers__item.prev::before,
.page-numbers__item.next::before {
	content: "";
	display: inline-block;
	position: absolute;
	width: 10px;
	height: 10px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	vertical-align: middle;
	
}

.page-numbers__item.prev::before {
	rotate: -135deg;
}
.page-numbers__item.next::before {
	rotate: 45deg;
}
.page-numbers__item,
.dots {
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: bold;
	border: 2px solid #fff;
	border-radius: 4.5px;
	transition: 0.3s;
	width: 36px;
	height: 36px;
	font-size: 16px;
	box-shadow: 0px 3.15px 10px 0px rgba(0, 0, 0, 0.25);
}
.page-numbers__item.current {
	border: 2px solid #6E2996;
}

.page-numbers__item:hover {
	border: 2px solid #6E2996;
}

@media (max-width: 768px) {
	.pager {
		flex-direction: column-reverse;
		gap: 20px;
	}

	.page-numbers__item.prev::before,
	.page-numbers__item.next::before {
		content: "";
		display: inline-block;
		position: absolute;
		width: 8.5px;
		height: 8.5px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		vertical-align: middle;
		
	}

	.page-numbers__item,
	.dots {
		display: flex;
		justify-content: center;
		align-items: center;
		font-weight: bold;
		border: 1px solid #fff;
		border-radius: 4.5px;
		transition: 0.3s;
		width: 24px;
		height: 24px;
		font-size: 12px;
		box-shadow: 0px 3.15px 10px 0px rgba(0, 0, 0, 0.25);
	}
}

.more {
	display: flex;
	justify-content: center;
	align-items: center;
}

.more .more__text {
	font-weight: bold;
	font-size: 24px;
}

@media (max-width: 768px) {
	.more .more__text {
		font-size: 12px;
	}
}

#article .max-w-\[760px\] {
	max-width: 800px;
}