@charset "utf-8";
/* CSS Document */

html, body {
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	font-family: 'Jameel Khushkhati', serif;
	background: #FBF8E9
}
body::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
 border-radius: 10px;
 background-color: #F5F5F5;
}
body::-webkit-scrollbar {
 width: 3px;
 background-color: #F5F5F5;
}
 body::-webkit-scrollbar-thumb {
 background-color: #666;
}
h1, h2, h3, h4, h5, h6, p, ul, ol {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6,
.entry-title,
.page-title,
.widget-title {
  font-family: 'Trad Arabic Bold Unicode', serif !important;
  direction: rtl;
}
a, button {
	text-decoration: none;
	transition: ease-in 0.3s;
	-moz-transition: ease-in 0.3s;
	-webkit-transition: ease-in 0.3s;
	-ms-transition: ease-in 0.3s;
	-o-transition: ease-in 0.3s;
}
img {
	max-width: 100%
}
.modal {
	backdrop-filter: blur(4px);
}
/* CSS Document */

/* CSS header */

.header-main-wraper .topbar-wraper {
	background-image: linear-gradient(to right, #D2C4AE, #F2ECE3, #D2C4AE);
	padding: 8px 0
}
.left-topbar a {
	font-size: 16px;
	color: #423D37;
}
.right-topbar ul {
	list-style: none;
	text-align: right
}
.right-topbar ul li {
	display: inline-block;
	padding-left: 14px;
	padding-right: 14px;
	border-right: 1px solid #423D37;
	line-height: 16px
}
.right-topbar ul li a {
	font-size: 24px;
	color: #423D37;
}
.header-wraper {
	padding: 12px 0;
	background-image: linear-gradient(to right, #E8E1CE, #FFFBEF, #E8E1CE);
}
.header-wraper ul {
	list-style: none;
	display: flex;
	gap: 10px
}
.header-wraper ul li img {
	width: 40px;
}
.site-logo-wrap {
	text-align: right;
}
.site-logo-wrap img {
	width: 170px;
}
.header-nav-wrap ul {
	list-style: none;
	display: flex;
	gap: 45px;
	justify-content: end;
}
.header-nav-wrap ul li a {
	font-size: 24px;
	color: #423D37;
	font-family: 'Jameel Khushkhati', serif;
}
.header-nav-wrap ul li a:hover {
	color: #8C8267;
}
.header-wraper .row {
	align-items: center;
}
/* CSS header */

/* CSS hero */


.hero-wraper {
	background: url(../images/bg-hero.jpg) no-repeat center;
	background-size: cover;
	padding: 80px 0 100px 0
}
.hero-wraper .hero-logo {
	text-align: center;
}
.hero-wraper h1 {
	text-align: center;
	font-size: 25px;
	font-weight: bold;
	color: #1C150B;
	padding: 10px 0;
	font-family: 'Trad Arabic Bold Unicode', serif !important;
}
.hero-wraper p {
	text-align: center;
	font-size: 18px;
}
.hero-wraper form {
	width: 50%;
	margin: 15px auto;
}
.hero-wraper form .form-group {
	position: relative;
}
.hero-wraper form .form-group .form-control {
	height: 55px;
	border: 2px solid #B39454;
	border-radius: 12px;
	text-align: right;
	padding-right: 170px
}
.hero-wraper form .form-group button {
	width: 150px;
	background: #B39454;
	position: absolute;
	right: 7px;
	border: none;
	border-radius: 12px;
	top: 7px;
	font-size: 16px;
	color: #fff;
	height: 42px;
	outline: none
}
.hero-wraper form .form-group button:hover {
	background: #0f3522;
}
.search-hero-btn {
	text-align: center;
	margin-top: 35px
}
.search-hero-btn a {
	padding: 12px 40px;
	background: #B39454;
	border-radius: 12px;
	color: #fff;
	margin: 0 5px;
}
.search-hero-btn a:nth-child(1) {
	background: #86997E;
}
/* CSS hero */

/* CSS comtent */

.category-main-wraper {
	padding: 60px 0 30px 0;
}
.category-main-wraper h2 {
	text-align: right;
	font-size: 36px;
	color: #423D37;
	font-family: 'Trad Arabic Bold Unicode', serif !important;
	font-weight: bold;
	margin-bottom: 35px
}
.category-main-wraper ul {
	list-style: none;
	margin-top: 40px;
	margin: 0 -25px
}
.category-main-wraper ul li {
	width: 18%;
	display: inline-block;
	background: #F1E9D4;
	padding: 15px;
	border-radius: 15px;
	position: relative;
	overflow: hidden;
	text-align: center;
	margin: 0 10px;
	margin-bottom: 15px
}
.category-main-wraper ul li:hover {
	background: #e7dfca;
	transition: ease-in 0.3s;
	-moz-transition: ease-in 0.3s;
	-webkit-transition: ease-in 0.3s;
	-ms-transition: ease-in 0.3s;
	-o-transition: ease-in 0.3s;
}
.category-main-wraper ul li .list-category-wrap .category-image {
	position: absolute;
	right: 0;
	top: 0;
	width: 60px;
}
.list-category-wrap .cat-icon {
	text-align: center;
	width: 200px;
    height: 160px;
	text-align: center;
	margin: 0 auto;
	padding: 15px 0 15px 0;
	margin-bottom: 10px
}
.list-category-wrap .cat-icon img {
	    width: 100%;
    height: 100%;
}
.list-category-wrap h6 {
	margin-bottom: 10px;
}
.list-category-wrap h6 {
	text-align: center;
	font-weight: bold;
	font-size: 22px;
	font-family: 'Trad Arabic Bold Unicode', serif !important;
	color: #423D37;
}
.listing-slider-wraper {
	padding: 0 0 60px 0;
}
.listing-slider-wraper h3 {
	text-align: right;
	font-size: 36px;
	color: #423D37;
	font-family: 'Trad Arabic Bold Unicode', serif !important;
	font-weight: bold;
	margin-bottom: 25px;
}
.list-book-slider {
	background: #fff;
	padding: 12px;
	border-radius: 12px;
	border: 1px solid #e2e2e2
}
.list-book-icon {
	height: 100%;
	overflow: hidden;
	border-radius: 12px
}
.list-book-icon img {
	width:100%;
}
.list-book-text {
	text-align: right;
}
.list-book-text h2 {
	font-size: 22px;
	padding-top: 10px;
	color: #423D37;
}
.list-book-text h2 a{

	color: #423D37;
}
.list-book-text span {
	display: block;
	font-size: 14px;
	margin-bottom: 5px;
	color: #423D37;
}
.list-book-text p {
	font-size: 13px;
	color: #423D37;
}
.btn-book-wrap {
	margin-top: 15px;
	margin-bottom: 5px;
}
.btn-book-wrap a {
	padding: 8px 26px;
	background: #B39454;
	border: 1px solid #B39454;
	color: #fff;
	margin: 0 3px;
	border-radius: 6px;
	font-size: 13px
}
.btn-book-wrap a:nth-child(2) {
	background: #fff;
	color: #B39454
}
.btn-book-wrap a:hover {
	background: #86997E !important;
	border: 1px solid #86997E !important;
	color: #fff !important
}
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
	display: none;
}
.multiple-main-wraper {
	background: url(../images/bg-multiple.jpg) no-repeat center;
	background-size: cover;
	height: 774px;
}
.islamic-heritage-section {
	position: relative;
	width: 100%;
	height: 100vh;
	background: url(images/bg.jpg) center/cover no-repeat;
	overflow: hidden;
}
/* Hotspots */

.islamic-hotspot {
	position: absolute;
}
.islamic-timeline-point {
	width: 54px;
	height: 54px;
	border-radius: 50%;
	border: 12px solid #fff;
	background: #bb9b4b;
	cursor: pointer;
	transition: .35s;
}
.islamic-hotspot:hover .islamic-timeline-point {
	transform: scale(1.15);
}
/* Card */

.islamic-hover-card {
	position: absolute;
	bottom: 80px;
	left: 50%;
	transform: translateX(-50%) translateY(20px);
	width: 360px;
	background: #fff;
	border-radius: 18px;
	padding: 14px;
	box-shadow: 0 15px 40px rgba(0,0,0,.18);
	opacity: 0;
	visibility: hidden;
	transition: .35s;
	z-index: 99;
}
.islamic-hotspot:hover .islamic-hover-card {
	opacity: 1;
	visibility: visible;
	transform: translateX(-50%) translateY(0);
}
.islamic-hover-card::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -16px;
	transform: translateX(-50%);
	border-left: 14px solid transparent;
	border-right: 14px solid transparent;
	border-top: 16px solid #fff;
}
/* Card Layout */

.islamic-card-wrapper {
	display: flex;
	justify-content: space-between;
	gap: 15px;
}
.islamic-card-content {
	text-align: right;
	flex: 1;
}
.islamic-card-content h3 {
	font-size: 24px;
	font-weight: 600;
	color: #111;
}
.islamic-card-content h3 a{
	color: #111;
}
.islamic-card-content span {
	display: block;
	margin: 5px 0 12px;
	color: #555;
	font-size: 15px;
}
.islamic-card-content p {
	font-size: 14px;
	line-height: 1.7;
	color: #666;
}
.islamic-card-image {
	width: 95px;
	height: 120px;
	border-radius: 10px;
	overflow: hidden;
}
.islamic-card-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
/* Positions */

.point-one {
	left: 100px;
	top: 310px;
}
.point-two {
	left: 470px;
	top: 230px;
}
.point-three {
	right: 220px;
	top: 150px;
}
.point-four {
	left: 400px;
	bottom: 100px;
}
.point-five {
	right: 430px;
	bottom: 100px;
}
.point-six {
	right: 140px;
	bottom: 20px;
}

/* Responsive */

@media(max-width:768px) {
.islamic-hover-card {
	width: 280px;
}
.islamic-card-wrapper {
	flex-direction: column;
}
.islamic-card-image {
	width: 100%;
	height: 180px;
}
.islamic-timeline-point {
	width: 42px;
	height: 42px;
	border-width: 8px;
}
}
.featured-books-sec {
	padding: 80px 40px;
	background: #6A8268
}
.featured-books-sec h2 {
	text-align: right;
	font-size: 36px;
	color: #fff;
	font-family: 'Trad Arabic Bold Unicode', serif !important;
	font-weight: bold;
	margin-bottom: 25px;
}
.featured-books-container {
	max-width: 1450px;
	margin: auto;
	background: #9ead92;
	border-radius: 22px;
	padding: 20px 20px 0 20px;
}
.featured-books-heading {
	text-align: right;
}
.featured-books-heading h2 {
	color: #fff;
	font-size: 48px;
	font-weight: 700;
}
.featured-books-grid {
	display: grid;
	grid-template-columns: 380px 1fr;
	gap: 30px;
}
.books-wrapper ul {
	list-style: none;
}
/* LEFT CARD */

.book-small-card {
	background: #bcc7b3;
	border-radius: 22px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	position: relative;
	min-height: 320px;
	text-align: center;
	padding: 40px;
}
.author-avatar {
	width: 135px;
	height: 135px;
	border-radius: 50%;
	overflow: hidden;
	border: 4px solid #fff;
}
.author-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.book-small-content {
	margin-top: 30px;
}
.book-small-content h3 {
	font-size: 26px;
	margin-bottom: 15px;
}
.book-small-content p {
	line-height: 2;
	color: #444;
}
/* FEATURE CARD */

.book-feature-card {
	border-radius: 22px;
	overflow: hidden;
	background: #fff;
}
.book-feature-image {
	height: 220px;
}
.book-feature-image img {
	height: 100%;
	object-fit: cover;
}
.book-feature-content {
	position: relative;
	padding: 20px;
	text-align: center;
}
.feature-avatar {
	position: absolute;
	top: -65px;
	left: 50px;
	width: 100px;
	height: 100px;
}
.book-feature-content h3 {
	font-size: 26px;
	margin-bottom: 10px;
	text-align: right
}
.book-feature-content p {
	line-height: 2;
	color: #444;
	text-align: right
}
/* BOTTOM */

.book-card {
	background: #fff;
	border-radius: 22px;
	overflow: hidden;
}
.book-thumb {
	height: 210px;
}
.book-thumb img {
	height: 100%;
	object-fit: cover;
}
.book-info {
	padding: 25px;
	position: relative;
	text-align: center;
}
.mini-avatar {
	position: absolute;
	top: -42px;
	left: 25px;
	width: 85px;
	height: 85px;
}
.book-info h3 {
	font-size: 26px;
}
.book-info p {
	color: #444;
	line-height: 1.8;
}
/* Bottom cards placement */

.book-card:nth-child(3) {
	grid-column: 1;
}
.book-card:nth-child(4) {
	grid-column: 2;
	width: 48%;
}
.book-card:nth-child(5) {
	grid-column: 2;
	width: 48%;
	justify-self: end;
	margin-top: -350px;
	height: 323px;
}

/* Responsive */

@media(max-width:1200px) {
.featured-books-grid {
	grid-template-columns: 1fr;
}
.book-card:nth-child(4), .book-card:nth-child(5) {
	width: 100%;
	grid-column: auto;
	justify-self: stretch;
}
}
 @media(max-width:768px) {
.featured-books-container {
	padding: 25px;
}
.book-small-content h3, .book-feature-content h3, .book-info h3 {
	font-size: 32px;
}
.featured-books-heading h2 {
	font-size: 34px;
}
.book-feature-image {
	height: 180px;
}
.book-thumb {
	height: 180px;
}
}
.library-section {
	position: relative;
	overflow: hidden;
	padding: 90px 8%;
	background: #f8f0d7;
}
/* Soft Pattern Background */

.library-section::before {
	content: "";
	position: absolute;
	inset: 0;
	background: radial-gradient(circle at center, rgba(228,202,138,.28) 0, rgba(228,202,138,.28) 2px, transparent 2px, transparent 36px);
	background-size: 75px 75px;
	opacity: .45;
	pointer-events: none;
}
.library-wrapper {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 70px;
}
/*==============================
        Content
===============================*/

.library-content {
	flex: 1;
	text-align: right;
}
.library-content h2 {
	font-size: 56px;
	font-weight: 700;
	color: #000;
	margin-bottom: 35px;
	line-height: 1.3;
}
.library-content p {
	font-size: 28px;
	color: #555;
	line-height: 2.1;
}
/*==============================
        Image
===============================*/

.library-image {
	flex: 0 0 560px;
}
.library-image img {
	width: 100%;
	display: block;
	border-radius: 26px;
	box-shadow: 0 18px 45px rgba(0,0,0,.12);
}

/*==============================
        Responsive
===============================*/

@media(max-width:1200px) {
.library-content h2 {
	font-size: 42px;
}
.library-content p {
	font-size: 22px;
}
.library-image {
	flex-basis: 430px;
}
}
 @media(max-width:991px) {
.library-wrapper {
	flex-direction: column;
}
.library-image {
	width: 100%;
	max-width: 500px;
}
.library-content {
	text-align: center;
}
.library-content h2 {
	font-size: 36px;
}
.library-content p {
	font-size: 20px;
	line-height: 2;
}
}
 @media(max-width:576px) {
.library-section {
	padding: 60px 20px;
}
.library-content h2 {
	font-size: 30px;
}
.library-content p {
	font-size: 18px;
}
}
.about-library {
	position: relative;
	overflow: hidden;
	padding: 110px 0;
	background-image: linear-gradient(to bottom, #FCF6EA, #F2EDCD);
}
/* Islamic Pattern */

.about-library::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image: radial-gradient(circle at 50% 50%, rgba(193,164,92,.13) 1px, transparent 1px);
	background-size: 70px 70px;
	opacity: .35;
}
/*============================*/

.about-container {
	position: relative;
	z-index: 2;
	width: 1350px;
	max-width: 90%;
	margin: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 50px;
}
/*============================*/

.about-content {
	flex: 1;
	text-align: center;
}
.about-content h2 {
	font-size: 40px;
	font-weight: 700;
	color: #050400;
	margin-bottom: 15px;
	line-height: 1.2;
	text-align: right;
}
.about-content p {
	margin: auto;
	direction: rtl;
	text-align: right;
	color: #555;
	font-size: 22px;
	line-height: 1.9;
	font-weight: 400;
}
/*============================*/

.about-image {
	width: 560px;
	flex-shrink: 0;
}
.about-image img {
	width: 100%;
	display: block;
	border-radius: 24px;
}

/*============================*/

@media(max-width:1100px) {
.about-container {
	flex-direction: column-reverse;
	gap: 60px;
}
.about-image {
	width: 420px;
	max-width: 100%;
}
.about-content h2 {
	font-size: 42px;
}
.about-content p {
	width: 100%;
	font-size: 22px;
}
}
 @media(max-width:600px) {
.about-library {
	padding: 70px 20px;
}
.about-content h2 {
	font-size: 32px;
}
.about-content p {
	font-size: 18px;
	line-height: 2;
}
}
.cta-wraper {
	background: url(../images/bg-cta.jpg) no-repeat top;
	height: 400px;
	background-size: cover;
	text-align: center;
	display: flex;
	align-items: center;
	margin-top:30px;
}
.cta-wraper h5 {
	font-size: 46px;
	font-weight: bold;
	color: #050400;
	
}
.btn-cta-wrap {
	margin-top: 40px;
}
.btn-cta-wrap a {
	padding: 12px 40px;
	background: #B39454;
	border-radius: 12px;
	color: #fff;
	margin: 0 5px;
}
.inner-book-listing-wraper ul {
	list-style: none;
	padding: 30px 0;
}
.inner-book-listing-wraper ul li {
	margin-bottom: 25px;
}
/* Title */
.book-title {
	text-align: center;
	font-size: 43px;
	line-height: 1.3;
	font-weight: 700;
	color: #171715;
	margin-bottom: 10px;
}
/* English Description */
.book-description {
	direction: ltr;
	text-align: left;
	font-size: 16px;
	font-weight: 300;
	color: #292925;
}
/* Rating */
.rating {
	direction: ltr;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 13px;
}
.stars {
	color: #bd8d3c;
	font-size: 26px;
	letter-spacing: 1px;
	line-height: 1;
}
.rating-number {
	font-size: 17px;
	color: #24231f;
	font-weight: 500;
}
/* Information */
.book-info {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin-bottom: 30px;
}
.info-row {
	display: grid;
	grid-template-columns: 40px 1fr 1fr;
	align-items: center;
	min-height: 36px;
	    direction: rtl;
}
.info-icon {
	width: 28px;
	height: 28px;
	border: 2px solid #b28a4b;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #a77c3d;
	font-size: 14px;
	font-weight: bold;
}
.info-label {
	font-size: 18px;
	font-weight: 700;
	color: #393833;
	text-align: right;
	padding-left: 20px;
}
.info-value {
	font-size: 18px;
	font-weight: 500;
	color: #373632;
	text-align: center;
}
/* Category badge */
.category-badge {
	display: inline-block;
	background: #e9dfc8;
	color: #987438;
	padding: 4px 14px;
	border-radius: 7px;
	font-size: 14px;
	font-weight: 600;
	width: fit-content;
}
/* Buttons */
.book-actions {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 24px;
}
.book-btn {
	height: 55px !important;
	border-radius: 14px !important;
	border: 1px solid rgba(145, 105, 43, .5) !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 14px !important;
	font-family: inherit !important;
	font-size: 18px !important;
	font-weight: 700 !important;
	cursor: pointer !important;
	transition: all .25s ease;
	width:100%;
}
.book-btn.gold {
	background: linear-gradient( 135deg, #a77b37, #c49a56 );
	color: #fff;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 4px 10px rgba(126, 92, 37, .15);
}
.book-btn.gold:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 18px rgba(126, 92, 37, .22);
}
.book-btn.outline {
	background: rgba(255,255,255,.65);
	color: #9a753b;
	border: 2px solid #d7c9ab;
}
.book-btn.outline:hover {
	background: #f9f5eb;
	border-color: #b99458;
}
.btn-icon {
	font-size: 28px;
	line-height: 1;
}
/* Favorite */
.favorite-btn {
	width: 100%;
	height: 45px;
	margin-top: 14px;
	border-radius: 14px;
	border: 2px solid #d7c9ab;
	background: rgba(255,255,255,.72);
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 14px;
	color: #9a753b;
	font-family: inherit;
	font-size: 20px;
	font-weight: 700;
	cursor: pointer;
	transition: all .25s ease;
}
.favorite-btn:hover {
	background: #f8f1e3;
	border-color: #b99458;
}
.favorite-icon {
	font-size: 28px;
}


        /* ----------------------------------
           Responsive
        ---------------------------------- */

        @media (max-width: 700px) {
.book-card {
	margin: 0;
	min-height: 100vh;
	padding: 28px 25px 25px;
	border-radius: 0;
}
.book-title {
	font-size: 34px;
}
.book-description {
	font-size: 15px;
	line-height: 1.6;
}
.rating {
	margin-bottom: 22px;
}
.stars {
	font-size: 21px;
}
.rating-number {
	font-size: 15px;
}
.info-row {
	grid-template-columns: 34px 105px 1fr;
}
.info-label, .info-value {
	font-size: 15px;
}
.info-icon {
	width: 25px;
	height: 25px;
	font-size: 12px;
}
.book-actions {
	gap: 12px;
}
.book-btn {
	height: 60px;
	font-size: 16px;
	gap: 8px;
}
.btn-icon {
	font-size: 22px;
}
.favorite-btn {
	height: 60px;
	font-size: 16px;
}
}
 @media (max-width: 430px) {
.book-card {
	padding: 25px 18px;
}
.book-title {
	font-size: 30px;
}
.book-description {
	font-size: 13px;
}
.info-row {
	grid-template-columns: 32px 95px 1fr;
	gap: 2px;
}
.info-label, .info-value {
	font-size: 14px;
}
.category-badge {
	font-size: 12px;
	padding: 4px 10px;
}
.book-btn {
	font-size: 14px;
}
.favorite-btn {
	font-size: 14px;
}
}
.book-detail-wraper {
	padding: 60px 0;
	background: url(../images/bg-hero.jpg) no-repeat center;
	background-size: cover;
}
.stats-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 16px;
	margin: 18px 0 16px;
}
.stat-card {
	height: 108px;
	background: rgba(255,255,255,.88);
	border: 1px solid var(--border);
	border-radius: 15px;
	box-shadow: var(--shadow);
	display: flex;
	align-items: center;
	gap: 18px;
	padding: 18px 28px;
}
.stat-icon {
	width: 58px;
	height: 58px;
	min-width: 58px;
	border-radius: 10px;
	background: #fbf8ef;
	color: var(--gold);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 29px;
	border: 1px solid #f1eadb;
}
.stat-info {
	display: flex;
	flex-direction: column;
	line-height: 1.4;
}
.stat-info span {
	color: #8b7652;
	font-size: 14px;
	font-weight: 700;
}
.stat-info strong {
	font-size: 20px;
	font-weight: 700;
	color: #1f1f1f;
}
/* =========================
   MAIN BOOK AREA
========================= */

.book-layout {
	display: block;
	grid-template-columns: 270px 1fr;
	gap: 16px;
	direction: ltr;
}
.author-card, .main-book-content {
	direction: rtl;
}
.author-card {
	background: #fff;
	border: 1px solid var(--border);
	border-radius: 15px;
	padding: 20px;
	text-align: center;
	box-shadow: var(--shadow);
}
.author-title {
	font-size: 19px;
	font-weight: 700;
	margin-bottom: 15px;
}
.author-image {
	width: 105px;
	height: 105px;
	margin: 0 auto 12px;
	border-radius: 50%;
	overflow: hidden;
	border: 4px solid #f3ecdc;
	background: #ddd;
}
.author-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.author-name {
	font-family: "Noto Naskh Arabic", serif;
	font-size: 22px;
	font-weight: 700;
}
.author-date {
	color: #777;
	font-size: 14px;
	margin: 2px 0 8px;
}
.author-role {
	color: #444;
	font-size: 13px;
	margin-bottom: 14px;
}
.author-description {
	color: #666;
	font-family: "Noto Naskh Arabic", serif;
	font-size: 15px;
	line-height: 1.9;
}
.outline-btn {
	margin-top: 22px;
	width: 100%;
	height: 42px;
	border: 1px solid #b89b62;
	color: #9c7b42;
	background: #fff;
	border-radius: 7px;
	font-weight: 600;
	cursor: pointer;
}
/* =========================
   DESCRIPTION
========================= */

.main-book-content {
	display: flex;
	flex-direction: column;
	gap: 14px;
}
.description-card {
	background: #fff;
	border: 1px solid var(--border);
	border-radius: 15px;
	box-shadow: var(--shadow);
	padding: 14px 20px 22px;
}
.language-tabs {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 0;
	border-bottom: 1px solid #ece8df;
	margin-bottom: 20px;
}
.language-tabs button {
	background: none;
	border: 0;
	padding: 11px 27px;
	font-size: 14px;
	color: #555;
	cursor: pointer;
}
.language-tabs button.active {
	color: #886a35;
	font-weight: 700;
	border-bottom: 2px solid var(--gold);
	background: #fcfaf5;
	border-radius: 8px 8px 0 0;
}
.description-card h2 {
	font-family: "Noto Naskh Arabic", serif;
	font-size: 20px;
	margin-bottom: 8px;
}
.description-card p {
	font-family: "Noto Naskh Arabic", serif;
	color: #555;
	line-height: 2;
	font-size: 16px;
}
/* =========================
   PREVIEW + TOC
========================= */

.preview-layout {
	display: grid;
	grid-template-columns: 1fr 235px;
	gap: 14px;
}
.preview-card, .toc-card {
	background: #fff;
	border: 1px solid var(--border);
	border-radius: 15px;
	box-shadow: var(--shadow);
}
.preview-card {
	padding: 16px;
}
.section-heading {
	font-family: "Noto Naskh Arabic", serif;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 12px;
}
.book-viewer {
	height: 310px;
	border: 2px solid #ddd8ca;
	background: #eee;
	position: relative;
	overflow: hidden;
}
.book-viewer img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.viewer-top {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 35px;
	background: #f4f4f4;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #777;
	font-size: 12px;
	z-index: 2;
}
.viewer-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 38px;
	height: 38px;
	border: 0;
	border-radius: 50%;
	background: var(--gold);
	color: #fff;
	font-size: 22px;
	cursor: pointer;
	z-index: 3;
}
.viewer-arrow.prev {
	left: -1px;
}
.viewer-arrow.next {
	right: -1px;
}
/* TOC */

.toc-card {
	padding: 14px;
}
.toc-list {
	display: flex;
	flex-direction: column;
	gap: 7px;
}
.toc-item {
	height: 38px;
	border: 1px solid #e7e0d2;
	background: #fbf8f0;
	border-radius: 7px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 11px;
	color: #555;
	font-size: 13px;
	cursor: pointer;
}
.toc-item span {
	font-size: 18px;
	color: #777;
}
/* =========================
   DOWNLOAD AREA
========================= */

.tools-layout {
	display: block;
	grid-template-columns: 1fr 275px;
	gap: 14px;
}
.download-card, .related-card {
	background: #fff;
	border: 1px solid var(--border);
	border-radius: 15px;
	padding: 15px;
	box-shadow: var(--shadow);
}
.download-options {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 12px;
}
.download-box {
	border: 1px solid #e7e1d4;
	border-radius: 10px;
	padding: 12px;
	min-height: 120px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	text-align: center;
}
.file-icon {
	font-size: 32px;
}
.download-box strong {
	font-size: 13px;
}
.download-box small {
	font-size: 10px;
	color: #888;
}
.gold-btn {
	width: 100%;
	height: 34px;
	border: 0;
	border-radius: 6px;
	background: var(--gold);
	color: #fff;
	cursor: pointer;
	font-size: 12px;
	font-weight: 600;
}
.related-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.tag {
	border: 1px solid #e3dccd;
	background: #fff;
	border-radius: 6px;
	padding: 6px 10px;
	font-size: 11px;
	color: #555;
}
/* =========================
   SIMILAR BOOKS
========================= */

.section-card {
	margin-top: 14px;
	background: #fff;
	border: 1px solid var(--border);
	border-radius: 15px;
	padding: 15px 18px 17px;
	box-shadow: var(--shadow);
}
.section-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px;
}
.section-header h2 {
	font-family: "Noto Naskh Arabic", serif;
	font-size: 20px;
}
.view-all {
	color: #8f713d;
	font-size: 13px;
}
.books-wrapper {
	position: relative;
}
.books-grid {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 14px;
}
.book-card {
	border: 1px solid #e7e1d5;
	border-radius: 10px;
	padding: 7px;
	text-align: center;
}
.cover {
	height: 185px;
	overflow: hidden;
	border-radius: 5px;
	background: #eee;
	margin-bottom: 8px;
}
.cover img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.book-card h3 {
	font-family: "Noto Naskh Arabic", serif;
	font-size: 14px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.book-card p {
	font-size: 10px;
	color: #777;
	margin-bottom: 6px;
}
.book-actions {
	display: flex;
	gap: 5px;
}
.book-actions button {
	flex: 1;
	height: 28px;
	border: 1px solid #ddd2bb;
	background: #fff;
	color: #967844;
	border-radius: 5px;
	font-size: 10px;
	cursor: pointer;
}
.carousel-btn {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 34px;
	height: 34px;
	background: #fff;
	border: 1px solid #ddd5c6;
	color: #92733e;
	border-radius: 50%;
	z-index: 5;
	cursor: pointer;
	font-size: 20px;
}
.carousel-btn.left {
	left: -14px;
}
.carousel-btn.right {
	right: -14px;
}
/* =========================
   REVIEWS
========================= */

.reviews-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 14px;
}
.review {
	border: 1px solid #e5dfd4;
	border-radius: 10px;
	padding: 14px;
}
.reviewer {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 8px;
}
.reviewer-avatar {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	overflow: hidden;
	background: #eee;
}
.reviewer-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.reviewer-info strong {
	display: block;
	font-size: 13px;
}
.reviewer-info span {
	font-size: 10px;
	color: #888;
}
.stars {
	color: #c9972e;
	font-size: 14px;
	letter-spacing: 1px;
}
.review p {
	font-family: "Noto Naskh Arabic", serif;
	font-size: 13px;
	line-height: 1.8;
	color: #555;
}
.review-date {
	display: block;
	margin-top: 8px;
	font-size: 9px;
	color: #8290a0;
}

/* =========================
   RESPONSIVE
========================= */

@media(max-width:1100px) {
.stats-grid {
	grid-template-columns: repeat(2, 1fr);
}
.book-layout {
	grid-template-columns: 220px 1fr;
}
.books-grid {
	grid-template-columns: repeat(4, 1fr);
}
.download-options {
	grid-template-columns: repeat(2, 1fr);
}
}
 @media(max-width:800px) {
.stats-grid {
	grid-template-columns: repeat(2, 1fr);
}
.book-layout {
	grid-template-columns: 1fr;
}
.author-card {
	display: grid;
	grid-template-columns: 100px 1fr;
	text-align: right;
	gap: 15px;
	align-items: center;
}
.author-title {
	grid-column: 1/-1;
}
.author-image {
	grid-row: 2/5;
}
.outline-btn {
	margin-top: 8px;
}
.preview-layout, .tools-layout {
	grid-template-columns: 1fr;
}
.books-grid {
	grid-template-columns: repeat(3, 1fr);
}
.reviews-grid {
	grid-template-columns: 1fr;
}
}
 @media(max-width:550px) {
.container {
	width: 94%;
}
.stats-grid {
	grid-template-columns: 1fr;
}
.stat-card {
	height: 85px;
}
.author-card {
	display: block;
	text-align: center;
}
.author-image {
	margin: 0 auto 10px;
}
.download-options {
	grid-template-columns: 1fr 1fr;
}
.books-grid {
	grid-template-columns: repeat(2, 1fr);
}
.cover {
	height: 210px;
}
.language-tabs {
	overflow-x: auto;
}
.language-tabs button {
	white-space: nowrap;
}
.description-card p {
	font-size: 14px;
}
.book-viewer {
	height: 250px;
}
}
.articles-section {
	width: 100%;
	padding: 0 0 60px;
}
.articles-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 35px 28px;
	width: 100%;
}
/* CARD */
.article-card {
	text-align: center;
	position: relative;
	background: #fff;
	border-radius: 20px
}
/* IMAGE */
.article-image {
	position: relative;
	width: 100%;
	height: 205px;
	overflow: visible;
}
.article-image img.main-image {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	border-radius: 0 0 22px 0;
}
/* AUTHOR IMAGE */
.author-image {
	position: absolute;
	bottom: -34px;
	right: 18%;
	transform: translateX(50%);
	width: 76px;
	height: 76px;
	border-radius: 50%;
	overflow: hidden;
	border: 5px solid #fff;
	background: #fff;
	z-index: 2;
}
.author-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
/* CONTENT */
.article-content {
	padding: 0 0px 20px 0;
}
.article-title {
	font-size: 30px;
	line-height: 1.5;
	font-weight: 500;
	margin-bottom: 4px;
}
.article-description {
	font-size: 17px;
	line-height: 1.8;
	font-weight: 400;
	color: #222;
}


        /* =========================
           TABLET
        ========================= */

        @media (max-width: 991px) {
.articles-grid {
	grid-template-columns: repeat(2, 1fr);
	gap: 25px 20px;
}
.article-image {
	height: 190px;
}
.article-title {
	font-size: 27px;
}
.article-description {
	font-size: 16px;
}
}


        /* =========================
           MOBILE
        ========================= */

        @media (max-width: 767px) {
.articles-grid {
	grid-template-columns: 1fr;
	gap: 65px;
}
.article-image {
	height: 220px;
}
.author-image {
	right: 15%;
	width: 72px;
	height: 72px;
}
.article-content {
	padding-top: 40px;
}
.article-title {
	font-size: 27px;
}
.article-description {
	font-size: 16px;
}
}
.articles-section {
	padding: 60px 0;
}











.ibn-page {
            width: 100%;
            padding: 25px 30px;
        }

        .ibn-wrapper {
            max-width: 1900px;
            margin: 0 auto;
        }

        /* ================================
           MAIN PROFILE CARD
        ================================= */

        .ibn-profile-card {
            position: relative;
            overflow: hidden;
            background:
                radial-gradient(circle at 90% 10%,
                    rgba(207, 177, 111, .08),
                    transparent 20%),
                #fffefa;
            border: 1px solid #e7e0cf;
            border-radius: 18px;
            box-shadow: 0 3px 15px rgba(90, 73, 35, .05);
        }

        .ibn-profile-top {
            display: grid;
            grid-template-columns: 480px 1fr;
            gap: 55px;
            align-items: center;
            padding: 28px 42px 35px;
            direction: ltr;
        }

        /* ================================
           PORTRAIT
        ================================= */

        .ibn-portrait-wrap {
            position: relative;
            width: 100%;
            max-width: 480px;
        }

        .ibn-portrait-wrap::before {
            content: "";
            position: absolute;
            inset: -10px;
            border: 2px solid #c8a765;
            border-radius: 30px;
            opacity: .75;
        }

        .ibn-portrait {
            position: relative;
            display: block;
            width: 100%;
            aspect-ratio: 1 / .88;
            object-fit: cover;
            border-radius: 20px;
            border: 5px solid #fff;
            outline: 2px solid #c4a45f;
            box-shadow: 0 5px 20px rgba(50, 40, 20, .12);
        }

        /* ================================
           PROFILE INFORMATION
        ================================= */

        .ibn-profile-info {
            direction: rtl;
            text-align: right;
            position: relative;
            padding: 10px 0;
        }

        .ibn-profile-info::after {
            content: "";
            position: absolute;
            right: -35px;
            top: -10px;
            width: 180px;
            height: 180px;
            opacity: .12;
            background:
                repeating-conic-gradient(
                    from 0deg,
                    #b89758 0deg 8deg,
                    transparent 8deg 16deg
                );
            clip-path: polygon(
                50% 0%,
                61% 18%,
                82% 8%,
                78% 31%,
                100% 38%,
                80% 50%,
                100% 62%,
                78% 69%,
                82% 92%,
                61% 82%,
                50% 100%,
                39% 82%,
                18% 92%,
                22% 69%,
                0% 62%,
                20% 50%,
                0% 38%,
                22% 31%,
                18% 8%,
                39% 18%
            );
            pointer-events: none;
        }

        .ibn-arabic-name {
            position: relative;
            z-index: 2;
            margin: 0;
            font-family: "Amiri", serif;
            font-size: clamp(38px, 4vw, 66px);
            line-height: 1.15;
            font-weight: 700;
            color: #101010;
        }

        .ibn-english-name {
            margin: 2px 0 12px;
            direction: ltr;
            text-align: left;
            width: max-content;
            font-family: Arial, sans-serif;
            font-size: 27px;
            font-weight: 500;
            color: #171717;
        }

        .ibn-life-date {
            display: inline-block;
            padding: 7px 35px;
            margin-bottom: 22px;
            background: #eadbb8;
            border-radius: 10px;
            color: #2c2a25;
            font-size: 19px;
            font-weight: 600;
        }

        /* ================================
           CATEGORY LINKS
        ================================= */

        .ibn-category-list {
            display: flex;
            align-items: center;
            justify-content: flex-start;
            gap: 42px;
            flex-wrap: wrap;
        }

        .ibn-category-item {
            display: flex;
            align-items: center;
            gap: 10px;
            color: #292929;
            font-size: 18px;
            font-weight: 600;
            white-space: nowrap;
        }

        .ibn-category-icon {
            width: 27px;
            height: 27px;
            color: #a88442;
        }

        .ibn-category-divider {
            width: 1px;
            height: 27px;
            background: #d6c49d;
        }

        /* ================================
           BIO SECTION
        ================================= */

        .ibn-bio {
            padding: 25px 50px 30px;
            border-top: 1px solid #eee8da;
            text-align: right;
            direction: rtl;
        }
.ibn-bio p{
	    font-size: 30px;
    line-height: 45px;
}
        .ibn-section-title {
            position: relative;
            width: fit-content;
            margin: 0 auto 25px;
            padding-bottom: 12px;
            font-family: "Amiri", serif;
            font-size: 33px;
            line-height: 1.2;
            font-weight: 700;
            color: #111;
        }

        .ibn-section-title::after {
            content: "";
            position: absolute;
            width: 220px;
            height: 2px;
            background: #c9aa6b;
            bottom: 0;
            right: 50%;
            transform: translateX(50%);
        }

        .ibn-section-title::before {
            content: "◇";
            position: absolute;
            bottom: -9px;
            right: 50%;
            transform: translateX(50%);
            padding: 0 10px;
            background: #fffefa;
            color: #b49559;
            font-size: 17px;
            z-index: 2;
        }

        .ibn-bio-text {
            max-width: 1550px;
            margin: 0 auto;
            font-family: "Amiri", serif;
            font-size: 22px;
            line-height: 2;
            color: #343434;
            text-align: center;
        }

        .ibn-bio-text + .ibn-bio-text {
            margin-top: 4px;
        }

        /* ================================
           STATISTICS
        ================================= */

        .ibn-stats {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 25px;
            margin-top: 28px;
        }

        .ibn-stat-card {
            display: flex;
            align-items: center;
            gap: 22px;
            min-height: 115px;
            padding: 18px 28px;
            background: #fffefa;
            border: 2px solid #ece7dc;
            border-radius: 18px;
            direction: rtl;
        }

        .ibn-stat-icon {
            flex: 0 0 65px;
            width: 65px;
            height: 65px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            background: #fbf7ec;
            color: #a78546;
        }

        .ibn-stat-icon svg {
            width: 34px;
            height: 34px;
        }

        .ibn-stat-content {
            text-align: right;
        }

        .ibn-stat-label {
            margin: 0 0 2px;
            color: #4a4a4a;
            font-size: 16px;
            font-weight: 500;
        }

        .ibn-stat-number {
            margin: 0;
            color: #111;
            font-family: Arial, sans-serif;
            font-size: 28px;
            font-weight: 700;
        }

        /* ================================
           BOOKS SECTION
        ================================= */

        .ibn-books-section {
            margin-top: 28px;
            padding: 22px 40px 35px;
            background: #fffefa;
            border: 1px solid #e7e0cf;
            border-radius: 18px;
            box-shadow: 0 3px 15px rgba(90, 73, 35, .04);
        }

        .ibn-books-heading {
            margin-bottom: 30px;
        }

        .ibn-books-slider {
            position: relative;
            padding: 0 25px;
        }

        .ibn-books-track {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            gap: 20px;
        }

        .ibn-book-card {
            min-width: 0;
            padding: 17px;
            background: #fff;
            border: 2px solid #eeeae1;
            border-radius: 16px;
            text-align: center;
            box-shadow: 0 2px 8px rgba(60, 50, 30, .03);
        }

        .ibn-book-cover-wrap {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 300px;
            margin-bottom: 15px;
        }

        .ibn-book-cover {
            max-width: 100%;
            width: auto;
            height: 100%;
            object-fit: contain;
            border-radius: 4px;
        }

        .ibn-book-title {
            min-height: 30px;
            margin: 0;
            color: #191919;
            font-family: "Amiri", serif;
            font-size: 20px;
            line-height: 1.5;
            font-weight: 700;
        }

        .ibn-book-author {
            margin: 3px 0 13px;
            color: #777;
            font-family: "Amiri", serif;
            font-size: 16px;
        }

        .ibn-book-button {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            width: 100%;
            min-height: 48px;
            border: 2px solid #eadfc5;
            border-radius: 10px;
            background: #fffefa;
            color: #a37d37;
            font-family: "Cairo", sans-serif;
            font-size: 15px;
            font-weight: 600;
            text-decoration: none;
            transition: .25s ease;
        }

        .ibn-book-button:hover {
            background: #f8f1df;
            border-color: #c9aa6b;
        }

        .ibn-book-button svg {
            width: 19px;
            height: 19px;
        }

        /* ================================
           SLIDER ARROWS
        ================================= */

        .ibn-slider-arrow {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 60px;
            height: 60px;
            border: 2px solid #eee5d1;
            border-radius: 50%;
            background: #fffefa;
            color: #b18c4b;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            z-index: 5;
            box-shadow: 0 2px 8px rgba(50, 40, 20, .04);
        }

        .ibn-slider-arrow svg {
            width: 30px;
            height: 30px;
        }

        .ibn-slider-prev {
            right: -5px;
        }

        .ibn-slider-next {
            left: -5px;
        }

        /* ================================
           RESPONSIVE
        ================================= */

        @media (max-width: 1400px) {

            .ibn-profile-top {
                grid-template-columns: 400px 1fr;
                gap: 45px;
            }

            .ibn-book-cover-wrap {
                height: 260px;
            }

            .ibn-bio-text {
                font-size: 19px;
            }

            .ibn-stat-card {
                padding: 15px 18px;
            }
        }

        @media (max-width: 1100px) {

            .ibn-profile-top {
                grid-template-columns: 330px 1fr;
                gap: 35px;
            }

            .ibn-profile-top {
                padding: 25px;
            }

            .ibn-arabic-name {
                font-size: 43px;
            }

            .ibn-category-list {
                gap: 20px;
            }

            .ibn-stats {
                grid-template-columns: repeat(2, 1fr);
            }

            .ibn-books-track {
                grid-template-columns: repeat(3, 1fr);
            }

            .ibn-book-card:nth-child(n+4) {
                display: none;
            }
        }

        @media (max-width: 768px) {

            .ibn-page {
                padding: 12px;
            }

            .ibn-profile-top {
                display: flex;
                flex-direction: column;
                padding: 25px 20px;
                gap: 30px;
            }

            .ibn-portrait-wrap {
                max-width: 380px;
                margin: 0 auto;
            }

            .ibn-profile-info {
                width: 100%;
                text-align: center;
            }

            .ibn-arabic-name {
                font-size: 38px;
            }

            .ibn-english-name {
                margin-left: auto;
                margin-right: auto;
            }

            .ibn-category-list {
                justify-content: center;
            }

            .ibn-bio {
                padding: 25px 20px;
            }

            .ibn-section-title {
                font-size: 29px;
            }

            .ibn-bio-text {
                font-size: 18px;
                line-height: 1.9;
            }

            .ibn-stats {
                grid-template-columns: 1fr 1fr;
                gap: 12px;
            }

            .ibn-stat-card {
                gap: 10px;
                padding: 12px;
                min-height: 90px;
            }

            .ibn-stat-icon {
                flex-basis: 48px;
                width: 48px;
                height: 48px;
            }

            .ibn-stat-icon svg {
                width: 25px;
                height: 25px;
            }

            .ibn-stat-label {
                font-size: 13px;
            }

            .ibn-stat-number {
                font-size: 21px;
            }

            .ibn-books-section {
                padding: 20px 10px 25px;
            }

            .ibn-books-track {
                grid-template-columns: repeat(2, 1fr);
                gap: 12px;
            }

            .ibn-book-card {
                padding: 10px;
            }

            .ibn-book-cover-wrap {
                height: 220px;
            }

            .ibn-book-title {
                font-size: 17px;
            }

            .ibn-slider-arrow {
                width: 45px;
                height: 45px;
            }

            .ibn-slider-prev {
                right: -8px;
            }

            .ibn-slider-next {
                left: -8px;
            }
        }

        @media (max-width: 480px) {

            .ibn-profile-top {
                padding: 20px 14px;
            }

            .ibn-arabic-name {
                font-size: 32px;
            }

            .ibn-english-name {
                font-size: 22px;
            }

            .ibn-life-date {
                font-size: 16px;
                padding: 6px 25px;
            }

            .ibn-category-list {
                gap: 14px;
            }

            .ibn-category-divider {
                display: none;
            }

            .ibn-category-item {
                font-size: 14px;
            }

            .ibn-stats {
                grid-template-columns: 1fr;
            }

            .ibn-books-track {
                grid-template-columns: 1fr 1fr;
            }

            .ibn-book-cover-wrap {
                height: 180px;
            }

            .ibn-book-title {
                font-size: 15px;
            }

            .ibn-book-author {
                font-size: 14px;
            }

            .ibn-book-button {
                min-height: 42px;
                font-size: 13px;
            }
        }
		.ibn-books-section ul{
			list-style:none;
		}

/* CSS comtent */
	
/* CSS footer */	
.book-footer {
	background: #f8f2df;
	padding: 70px 0 25px;
}
.footer-container {
	width: 90%;
	max-width: 1400px;
	margin: auto;
	display: grid;
	grid-template-columns: 1.5fr 1fr 1fr 1.3fr;
	gap: 70px;
}
.footer_logo {
	text-align: center;
}
.footer_logo img{
	    width: 200px;
}
.footer-col h2 {
	font-size: 36px;
	margin-bottom: 15px;
	text-align: right;
	font-weight: 700;
}
.footer-col h3 {
	font-size: 22px;
	text-align: right;
	margin-bottom: 18px;
	text-align: right;
	font-weight: 600;
}
.footer-about p {
	font-size: 18px;
	text-align: center;
	line-height: 1.9;
	color: #222;
	    margin-top: 20px;
}
.footer-col ul {
	list-style: disc;
	padding-right: 25px;
}
.footer-col ul li {
	font-size: 18px;
	margin-bottom: 18px;
}
.footer-col ul li a{
	color:#212529;
}
.newsletter input {
	width: 100%;
	height: 55px;
	border: 1px solid #cfcfcf;
	border-radius: 12px;
	background: #fff;
	text-align: right;
	padding-right: 25px;
	font-size: 18px;
	outline: none;
}
.social-icons {
	display: flex;
	justify-content: right;
	gap: 18px;
	margin-top: 35px;
}
.social-icons a {
	width: 45px;
	height: 45px;
	border-radius: 50%;
	background: #7d8560;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	font-size: 30px;
	transition: .3s;
}
.social-icons a img {
	width: 20px;
}
.social-icons a:nth-child(1) img {
	width: 10px;
}
.social-icons a:hover {
	background: #5d6546;
	transform: translateY(-4px);
}
.footer-bottom {
	width: 90%;
	max-width: 1400px;
	margin: 60px auto 0;
	border-top: 2px solid rgba(0,0,0,.12);
	padding-top: 30px;
	text-align: center;
}
.footer-bottom p {
	font-size: 18px;
	font-weight: 400;
}

/* Responsive */

@media(max-width:1100px) {
.footer-container {
	grid-template-columns: 1fr 1fr;
	gap: 50px;
}
}
 @media(max-width:768px) {
.footer-container {
	grid-template-columns: 1fr;
	text-align: center;
}
.footer-about p {
	text-align: center;
}
.footer-col ul {
	list-style: none;
	padding: 0;
}
.footer-col h2 {
	font-size: 36px;
}
.footer-col h3 {
	font-size: 30px;
}
.footer-about p, .footer-col ul li {
	font-size: 22px;
}
.newsletter input {
	height: 65px;
	font-size: 20px;
}
.footer-bottom p {
	font-size: 24px;
}
}
	
	
	
	
	
/* CSS footer */