.page_navbar {
    background: #fff;
}

html body .container {
  z-index: auto;
}

.hero {
	margin-top: 20px
}

.hero-list {
	padding-top: 60px;
	padding-inline: 60px;
	border-radius: 20px;
	background: radial-gradient(86.37% 177.86% at 19.58% 100%, #71DEFA 0%, #F9F4FF 45%, #F9F4FF 98.55%), #2C0047;
	display: flex;
	gap: 26px;
	justify-content: space-around;
}

.hero-list__item {
}

.hero-block-title h1 {
	font-size: 48px;
	font-weight: 800;
	background: var(--Top-bar-gradient, linear-gradient(270deg, #20124D 5.47%, #AB84E1 102.96%));
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.hero-block-title p {
	color: #5C28A3;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.67;
}

.hero-list__item:first-child {
	display: flex;

}

.hero-list__item ul {
	margin-top: 58px;
	gap: 15px;
}

.hero-list__item ul li::before {
	content: '';
	display: inline-block;
	width: 24px; 
	height: 24px; 
	background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M19.5297%206.41002C19.8187%206.68324%2019.9874%207.06005%2019.9986%207.4576C20.0099%207.85515%2019.8628%208.24089%2019.5897%208.53002L11.0897%2017.53C10.9519%2017.6756%2010.7864%2017.7921%2010.6028%2017.8727C10.4193%2017.9532%2010.2215%2017.9962%2010.021%2017.999C9.8206%2018.0018%209.62165%2017.9644%209.43592%2017.889C9.2502%2017.8136%209.08146%2017.7017%208.93969%2017.56L4.43969%2013.06C4.17473%2012.7757%204.03049%2012.3996%204.03734%2012.011C4.0442%2011.6224%204.20162%2011.2516%204.47645%2010.9768C4.75128%2010.7019%205.12205%2010.5445%205.51065%2010.5377C5.89925%2010.5308%206.27534%2010.6751%206.55969%2010.94L9.96969%2014.348L17.4097%206.47002C17.6829%206.18101%2018.0597%206.01234%2018.4573%206.00109C18.8548%205.98984%2019.2406%206.13693%2019.5297%206.41002Z%22%20fill%3D%22%2323BEBE%22%2F%3E%3C%2Fsvg%3E') no-repeat center;
}
.hero-list__item ul li {
	padding-left: 15px;
	color: #5C28A3;
	font-size: 18px;
	font-weight: 400;
	line-height: 2.22;
}

.amazon-block {
	margin-top: 55px;
	margin-bottom: 15px;
	display: flex;
	gap: 8px;
	align-items: center;
	color: #5C28A3;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.44;
}

.amazon-block img {
	margin-top: 10px;
}

.hero-note-text {
	margin-top: 8px;
	padding-bottom: 46px;
	color: #5C28A3;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.88;
}

.hero-note-text a {
	color: #23BEBE;
	text-decoration: underline;
	transition: 0.3s ease;
}

.hero-note-text a:hover {
	text-decoration: none;
}

@media (max-width: 1199.98px) {
	.hero-list {
		justify-content: space-between;
	}
	.hero-block-title h1 {
		font-size: 40px;
	}
}

@media (max-width: 991.98px) {
	.hero-list {
	padding-top: 40px;
	padding-inline: 20px;
	flex-direction: column;
	align-items: center;
	}
	.hero-list__item:first-child img {
	 margin-left: 30px;
    width: 100vw;
	}
	.hero-block-title h1, .hero-block-title p {
		text-align: center;
	}
	.hero-list__item ul {
		margin-top: 30px;
	}
	.hero-block-links {
		text-align: center;
	}
	.amazon-block {
		justify-content: center;
		margin-top: 30px;
	}
}

@media (max-width: 767px){
	.hero-list__item ul {
        margin-top: 30px;
        align-items: center;
		  font-size: 16px;
    }
}

@media (max-width: 575px){
	.hero-list__item:first-child img {
	 margin-left: 5px;
	}
	.hero-list__item ul {
		gap: 8px;
	}
	.hero-list__item ul, .amazon-block {
		margin-top: 20px;
	}
	
}

@media (max-width: 492px){
	 .hero-block-title h1 {
        font-size: 32px;
    }
	 .hero-block-title p {
		  font-size: 16px;
	 }
}

.need-book {
	margin-top: 80px;
}

.need-book-list {
	display: flex;
	gap: 45px;
	justify-content: space-around;
}

.need-book-list__item {
	border-radius: 20px;
	background: #CFEDFF;
	padding: 38px 64px 54px 54px;
}

.need-book-list__item h2 {
	font-size: 24px;
	font-weight: 700;
	color: #20124D;
	line-height: 1.46;
}

.need-book-list__item p {
	margin-top: 10px;
	font-size: 16px;
	font-weight: 400;
	color: #5C28A3;
	line-height: 1.44;
}

@media (max-width: 991.98px) {
	.need-book-list__item {
		padding: 25px;
	}
	.need-book-list__item h2 {
		font-size: 20px;
	}
}

@media (max-width: 767px){
	.need-book-list {
		  flex-direction: column;
		  gap: 30px;
		  text-align: center;
	 }
}

@media (max-width: 575px){
	.need-book-list__item {
		padding: 25px;
	}
}

@media (max-width: 475px) {
	.need-book-list__item {
        padding: 15px;
    }
	.need-book-list__item h2 {
		font-size: 22px;
	}
}

@media (max-width: 390px) {
	.need-book-list__item h2 {
		font-size: 20px;
	}
}

.inside-book {
	margin-top: 64px;
}

.inside-book-list {
	display: flex;
	gap: 30px;
	justify-content: space-between;
	position: relative;
}

.book-text {
	margin-left: 10px;
}

.book-text:nth-child(2) {
	margin-top: 25px;
}

.book-text h2 {
	color: #5C28A3;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.46;
}

.book-text ul {
	color: #5C28A3;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.88; 
	margin-top: 12px;
}

.inside-book-list__img img {
	 position: absolute;
    right: 0;
    top: 0;
    z-index: 11;
    max-width: 580px;
}

@media (max-width: 1199.98px) {
	.inside-book-list__img img {
    top: 150px;
    right: 0px;
    max-width: 410px;
}
}

@media (max-width: 991.98px) {
	.inside-book-list {
		flex-direction: column-reverse;
		align-items: center;
	}
	.inside-book-list__img img {
		position: relative;
		top: 0;
		max-width: 100%;
		display: block;
	}
	.book-text:nth-child(2) {
		margin-top: 15px;
	}
	.book-text {
		margin-left: 0;
		text-align: center;
	}
}

.claim-book {
	 margin-top: 80px;
}

.claim-book-list {
	 display: flex;
	 gap: 45px;
	 justify-content: space-between;
}

.claim-book-list__item {
	border-radius: 20px;
	background: #F9F4FF;
	padding: 42px 60px;
	display: flex;
   flex-direction: column;
   justify-content: space-between;
}

.claim-book-list__item h2 {
	margin-top: 16px;
	font-size: 24px;
	font-weight: 700;
	color: #5C28A3;
	line-height: 1.46;
}

.claim-book-list__item p {
	margin-top: 10px;
	margin-bottom: 26px;
	font-size: 16px;
	font-weight: 400;
	color: #5C28A3;
	line-height: 1.44;
}

@media (max-width: 991.98px) {
	.claim-book-list {
		flex-direction: column;
		gap: 30px;
		text-align: center;
	}
}

.about-pzaz {
	margin-top: 40px;
	margin-bottom: 80px;
}

.about-pzaz-content {
	border-radius: 20px;
	background: #CFEDFF;
	padding: 42px 15px 60px;
	text-align: center;
}

.about-pzaz-content h2 {
	font-size: 24px;
	font-weight: 700;
	color: #5C28A3;
	line-height: 1.46;
}

.about-pzaz-content p {
	margin-top: 12px;
	color: #5C28A3;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.44;
}

@media (max-width: 767px){
	.about-pzaz-content p br {
		display: none;
	}
}