@charset "UTF-8";
/*---------------------------------------------"
// Template Name: Book Store
// Template URL: https://techpedia.co.uk/template/striker
// Description:  Book Store - A Book Store Html Template
// Version: 1.0.0

===============================================   
STYLE SHEET INDEXING
|
|___ Fonts
|___ Variables
|___ Responsive
|___ Reset Styles
|___ Spacing
|___ Helper Classes
|___ Buttons
|___ Headings
|___ Layout Styles
|___ END STYLE SHEET INDEXING

--------------------------------------------*/
/*-------------------------
    Fonts
-------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
/*-------------------------
    Variables
-------------------------*/
/* Fonts */
/* Colors */
/* Transitions */
/* Gradients */
/* Shadows */
/*-------------------------
    Reset Styles
-------------------------*/
img {
		max-width: 100%;
		height: auto;
		vertical-align: middle;
}

ul.list-style,
ol.list-style {
		padding: 0;
}

ul.list-style li::marker,
ol.list-style li::marker {
		color: #FA9A41;
}

.unstyled {
		padding-left: 0;
		list-style: none;
		margin-bottom: 0;
}

@media only screen and (min-width: 1400px) and (max-width: 1920px) {
		.container-fluid {
				max-width: 100%;
				padding-left: 96px;
				padding-right: 96px;
		}
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
		.container-fluid {
				max-width: 100%;
				padding-left: 68px;
				padding-right: 68px;
		}
}
@media only screen and (min-width: 575px) and (max-width: 1199px) {
		.container-fluid {
				max-width: 100%;
				padding-left: 40px;
				padding-right: 40px;
		}
}
@media only screen and (min-width: 1400px) and (max-width: 1920px) {
		.container-fluid-2 {
				max-width: 100%;
				padding-left: 0px;
				padding-right: 0px;
		}
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
		.container-fluid {
				max-width: 100%;
				padding-left: 0px;
				padding-right: 0px;
		}
}
@media only screen and (min-width: 575px) and (max-width: 1199px) {
		.container-fluid {
				max-width: 100%;
				padding-left: 0px;
				padding-right: 0px;
		}
}
.page-content {
		margin: 20px 0;
}

/*-------------------------
    Typography
-------------------------*/
html {
		scroll-behavior: smooth;
}

body {
		font-family: 'Inter', sans-serif;
		color: #2C3435;
		background-color: silver;
		font-size: 16px;
		font-weight: 400;
		line-height: 140%;
		height: 100%;
		vertical-align: baseline;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		text-rendering: optimizeLegibility;
}

h1,
h2,
h3,
h4,
h5,
h6,
address,
p,
pre,
blockquote,
table,
hr {
		margin: 0;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
		color: inherit;
}

h1 {
		font-family: 'Inter', sans-serif;
		font-weight: 600;
		font-style: normal;
		font-size: 61px;
		line-height: 120%;
		letter-spacing: -1.22px;
}
@media (max-width: 992px) {
		h1 {
				font-size: 52px;
		}
}
@media (max-width: 767px) {
		h1 {
				font-size: 44px;
		}
}
@media (max-width: 575px) {
		h1 {
				font-size: 36px;
		}
}

h2 {
		font-family: 'Inter', sans-serif;
		font-weight: 500;
		font-style: normal;
		font-size: 47px;
		line-height: 125%;
		letter-spacing: -0.47px;
}
@media (max-width: 992px) {
		h2 {
				font-size: 42px;
		}
}
@media (max-width: 767px) {
		h2 {
				font-size: 36px;
		}
}
@media (max-width: 575px) {
		h2 {
				font-size: 32px;
		}
}

h3 {
		font-family: 'Inter', sans-serif;
		font-weight: 500;
		font-style: normal;
		font-size: 36px;
		line-height: 120%;
		letter-spacing: -0.27px;
}
@media (max-width: 992px) {
		h3 {
				font-size: 32px;
		}
}
@media (max-width: 767px) {
		h3 {
				font-size: 30px;
		}
}
@media (max-width: 575px) {
		h3 {
				font-size: 26px;
		}
}

h4 {
		font-family: 'Inter', sans-serif;
		font-weight: 500;
		font-style: normal;
		font-size: 27px;
		line-height: 120%;
		letter-spacing: -0.27px;
}
@media (max-width: 992px) {
		h4 {
				font-size: 26px;
		}
}
@media (max-width: 767px) {
		h4 {
				font-size: 24px;
		}
}
@media (max-width: 575px) {
		h4 {
				font-size: 22px;
		}
}

h5 {
		font-family: 'Inter', sans-serif;
		font-weight: 500;
		font-style: normal;
		font-size: 21px;
		line-height: 130%;
}
@media (max-width: 992px) {
		h5 {
				font-size: 20px;
		}
}
@media (max-width: 767px) {
		h5 {
				font-size: 18px;
		}
}
@media (max-width: 575px) {
		h5 {
				font-size: 16px;
		}
}

h6 {
		font-family: 'Inter', sans-serif;
		font-weight: 500;
		font-size: 16px;
		line-height: 150%;
		letter-spacing: 0.32px;
}
@media (max-width: 992px) {
		h6 {
				font-size: 15px;
		}
}
@media (max-width: 767px) {
		h6 {
				font-size: 14px;
		}
}
@media (max-width: 575px) {
		h6 {
				font-size: 13px;
		}
}

p {
		font-family: 'Inter', sans-serif;
		font-size: 16px;
		font-weight: 400;
		font-style: normal;
		line-height: 150%;
		letter-spacing: 0.32px;
}
@media (max-width: 992px) {
		p {
				font-size: 15px;
		}
}
@media (max-width: 767px) {
		p {
				font-size: 14px;
		}
}

a {
		display: inline-block;
		text-decoration: none;
		color: unset;
		transition: all 0.5s ease;
}
a.show-login {
		color: #FA9A41;
		text-decoration: underline;
		font-weight: 500;
}
a:hover {
		color: #FA9A41;
}

span {
		display: inline-block;
}

b,
strong {
		font-family: 'Inter', sans-serif;
}

/*-------------------------
Helpers
-------------------------*/
.color-primary {
		color: #FA9A41 !important;
}

.bg-primary {
		background-color: #C6CBD2 !important;
}

.hr-line {
		color: #7A7F85;
}

.completion-line {
		background-color: #64C7FF;
}

.color-white {
		color: #F8F8FF !important;
}

.bg-white {
		background-color: #F8F8FF !important;
}

.light-black {
		color: #212627 !important;
}

.bg-light-black {
		background-color: #212627 !important;
}

.color-black {
		color: #2C3435 !important;
}

.bg-black {
		background-color: #2C3435 !important;
}

.dark-black {
		color: #2C3435 !important;
}

.lightest-gray {
		color: #F3F3F7 !important;
}

.bg-lightest-gray {
		background: #F3F3F7 !important;
}

.shine-black {
		color: #16191A;
}

.bg-dark-black {
		background-color: #2C3435 !important;
}

.light-gray {
		color: #C6CBD2 !important;
}

.bg-light-gray {
		background-color: #C6CBD2 !important;
}

.bg-medium-gray {
		background-color: #9EA2A8 !important;
}

.medium-gray {
		color: #9EA2A8 !important;
}

.dark-gray {
		color: #7A7F85 !important;
}

.bg-dark-gray {
		background-color: #7A7F85 !important;
}

.bg-orange {
		background-color: #FA9A41;
}

.bg-light-orange {
		background-color: rgba(250, 154, 65, 0.2);
}

.bg-light-green {
		background-color: rgba(37, 234, 139, 0.2);
}

.bg-light-blue {
		background-color: rgba(4, 132, 251, 0.2);
}

.br-30 {
		border-radius: 30px;
}

.br-25 {
		border-radius: 25px;
}

.br-20 {
		border-radius: 20px;
}

.br-15 {
		border-radius: 15px;
}

.br-10 {
		border-radius: 10px;
}

.br-5 {
		border-radius: 5px;
}

.box-shadow {
		box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.04), 1px 1px 2px 0px rgba(0, 0, 0, 0.04), 4px 3px 4px 0px rgba(0, 0, 0, 0.03), 8px 6px 6px 0px rgba(0, 0, 0, 0.02), 14px 11px 7px 0px rgba(0, 0, 0, 0.01), 22px 17px 8px 0px rgba(0, 0, 0, 0);
}

.h1 {
		font-family: 'Inter', sans-serif;
		font-weight: 600;
		font-style: normal;
		font-size: 61px;
		line-height: 120%;
		letter-spacing: -1.22px;
}
@media (max-width: 992px) {
		.h1 {
				font-size: 52px;
		}
}
@media (max-width: 767px) {
		.h1 {
				font-size: 44px;
		}
}
@media (max-width: 575px) {
		.h1 {
				font-size: 36px;
		}
}

.h2 {
		font-family: 'Inter', sans-serif;
		font-weight: 500;
		font-style: normal;
		font-size: 47px;
		line-height: 125%;
		letter-spacing: -0.47px;
}
@media (max-width: 992px) {
		.h2 {
				font-size: 42px;
		}
}
@media (max-width: 767px) {
		.h2 {
				font-size: 36px;
		}
}
@media (max-width: 575px) {
		.h2 {
				font-size: 32px;
		}
}

.h3 {
		font-family: 'Inter', sans-serif;
		font-weight: 500;
		font-style: normal;
		font-size: 36px;
		line-height: 120%;
		letter-spacing: -0.27px;
}
@media (max-width: 992px) {
		.h3 {
				font-size: 32px;
		}
}
@media (max-width: 767px) {
		.h3 {
				font-size: 30px;
		}
}
@media (max-width: 575px) {
		.h3 {
				font-size: 26px;
		}
}

.h4 {
		font-family: 'Inter', sans-serif;
		font-weight: 500;
		font-style: normal;
		font-size: 27px;
		line-height: 120%;
		letter-spacing: -0.27px;
}
@media (max-width: 992px) {
		.h4 {
				font-size: 26px;
		}
}
@media (max-width: 767px) {
		.h4 {
				font-size: 24px;
		}
}
@media (max-width: 575px) {
		.h4 {
				font-size: 22px;
		}
}

.h5 {
		font-family: 'Inter', sans-serif;
		font-weight: 500;
		font-style: normal;
		font-size: 21px;
		line-height: 130%;
}
@media (max-width: 992px) {
		.h5 {
				font-size: 20px;
		}
}
@media (max-width: 767px) {
		.h5 {
				font-size: 18px;
		}
}
@media (max-width: 575px) {
		.h5 {
				font-size: 16px;
		}
}

.h6 {
		font-family: 'Inter', sans-serif;
		font-weight: 500;
		font-size: 16px;
		line-height: 150%;
		letter-spacing: 0.32px;
}
@media (max-width: 992px) {
		.h6 {
				font-size: 15px;
		}
}
@media (max-width: 767px) {
		.h6 {
				font-size: 14px;
		}
}
@media (max-width: 575px) {
		.h6 {
				font-size: 13px;
		}
}

.b-unstyle {
		border: 0;
		background: transparent;
}

.shadow {
		box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.04), 1px 1px 2px 0px rgba(0, 0, 0, 0.04), 4px 3px 4px 0px rgba(0, 0, 0, 0.03), 8px 6px 6px 0px rgba(0, 0, 0, 0.02), 14px 11px 7px 0px rgba(0, 0, 0, 0.01), 22px 17px 8px 0px rgba(0, 0, 0, 0) !important;
}

.search-bar {
		width: 556px;
}

/*----------------------------------------*/
/*  SPACE CSS START
/*----------------------------------------*/
.m-80 {
		margin: 80px 0;
}
@media (max-width: 1199px) {
		.m-80 {
				margin: 64px 0;
		}
}
@media (max-width: 991px) {
		.m-80 {
				margin: 54px 0;
		}
}
@media (max-width: 767px) {
		.m-80 {
				margin: 42px 0;
		}
}

.ptl-96 {
		padding: 16px 96px;
}
@media (max-width: 1199px) {
		.ptl-96 {
				padding: 12px 75px;
		}
}
@media (max-width: 991px) {
		.ptl-96 {
				padding: 8px 50px;
		}
}
@media (max-width: 767px) {
		.ptl-96 {
				padding: 5px 30px;
		}
}

.mt-80 {
		margin-top: 80px;
}
@media (max-width: 1199px) {
		.mt-80 {
				margin-top: 64px;
		}
}
@media (max-width: 991px) {
		.mt-80 {
				margin-top: 54px;
		}
}
@media (max-width: 767px) {
		.mt-80 {
				margin-top: 42px;
		}
}

.mb-80 {
		margin-bottom: 80px;
}
@media (max-width: 1199px) {
		.mb-80 {
				margin-bottom: 64px;
		}
}
@media (max-width: 991px) {
		.mb-80 {
				margin-bottom: 54px;
		}
}
@media (max-width: 767px) {
		.mb-80 {
				margin-bottom: 42px;
		}
}

.mt-64 {
		margin-top: 64px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
		.mt-64 {
				margin-top: 48px;
		}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
		.mt-64 {
				margin-top: 42px;
		}
}
@media (max-width: 767px) {
		.mt-64 {
				margin-top: 32px;
		}
}

.mb-64 {
		margin-bottom: 64px !important;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
		.mb-64 {
				margin-bottom: 48px !important;
		}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
		.mb-64 {
				margin-bottom: 42px !important;
		}
}
@media (max-width: 767px) {
		.mb-64 {
				margin-bottom: 32px !important;
		}
}

.mt-60 {
		margin-top: 60px !important;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
		.mt-60 {
				margin-top: 48px !important;
		}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
		.mt-60 {
				margin-top: 42px !important;
		}
}
@media (max-width: 767px) {
		.mt-60 {
				margin-top: 32px !important;
		}
}

.m-48 {
		margin: 48px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
		.m-48 {
				margin: 42px 0;
		}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
		.m-48 {
				margin: 32px 0;
		}
}
@media (max-width: 767px) {
		.m-48 {
				margin: 24px 0;
		}
}

.mt-48 {
		margin-top: 48px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
		.mt-48 {
				margin-top: 42px;
		}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
		.mt-48 {
				margin-top: 32px;
		}
}
@media (max-width: 767px) {
		.mt-48 {
				margin-top: 24px;
		}
}

.mb-48 {
		margin-bottom: 48px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
		.mb-48 {
				margin-bottom: 42px;
		}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
		.mb-48 {
				margin-bottom: 36px;
		}
}
@media (max-width: 767px) {
		.mb-48 {
				margin-bottom: 32px;
		}
}

.m-40 {
		margin: 40px 0;
}
@media (max-width: 1199px) {
		.m-40 {
				margin: 32px 0;
		}
}
@media (max-width: 991px) {
		.m-40 {
				margin: 28px 0;
		}
}
@media (max-width: 767px) {
		.m-40 {
				margin: 22px 0;
		}
}

.mt-40 {
		margin-top: 40px;
}
@media (max-width: 1199px) {
		.mt-40 {
				margin-top: 32px;
		}
}
@media (max-width: 991px) {
		.mt-40 {
				margin-top: 28px;
		}
}
@media (max-width: 767px) {
		.mt-40 {
				margin-top: 22px;
		}
}

.mt-32 {
		margin-top: 32px;
}
@media (max-width: 1199px) {
		.mt-32 {
				margin-top: 30px;
		}
}
@media (max-width: 991px) {
		.mt-32 {
				margin-top: 26px;
		}
}
@media (max-width: 767px) {
		.mt-32 {
				margin-top: 22px;
		}
}

.mt-24 {
		margin-top: 24px;
}
@media (max-width: 1199px) {
		.mt-24 {
				margin-top: 22px;
		}
}
@media (max-width: 991px) {
		.mt-24 {
				margin-top: 22px;
		}
}
@media (max-width: 767px) {
		.mt-24 {
				margin-top: 20px;
		}
}

.m-24 {
		margin: 24px;
}
@media (max-width: 1199px) {
		.m-24 {
				margin: 22px;
		}
}
@media (max-width: 991px) {
		.m-24 {
				margin: 22px;
		}
}
@media (max-width: 767px) {
		.m-24 {
				margin: 20px;
		}
}

.mt-16 {
		margin-top: 16px;
}
@media (max-width: 1199px) {
		.mt-16 {
				margin-top: 14px;
		}
}
@media (max-width: 991px) {
		.mt-16 {
				margin-top: 14px;
		}
}
@media (max-width: 767px) {
		.mt-16 {
				margin-top: 12px;
		}
}

.mt-8 {
		margin-top: 8px;
}
@media (max-width: 1199px) {
		.mt-8 {
				margin-top: 6px;
		}
}
@media (max-width: 991px) {
		.mt-8 {
				margin-top: 4px;
		}
}
@media (max-width: 767px) {
		.mt-8 {
				margin-top: 2px;
		}
}

.mb-40 {
		margin-bottom: 40px;
}
@media (max-width: 1199px) {
		.mb-40 {
				margin-bottom: 32px;
		}
}
@media (max-width: 991px) {
		.mb-40 {
				margin-bottom: 28px;
		}
}
@media (max-width: 767px) {
		.mb-40 {
				margin-bottom: 22px;
		}
}

.mb-32 {
		margin-bottom: 32px;
}
@media (max-width: 1199px) {
		.mb-32 {
				margin-bottom: 28px;
		}
}
@media (max-width: 991px) {
		.mb-32 {
				margin-bottom: 24px;
		}
}
@media (max-width: 767px) {
		.mb-32 {
				margin-bottom: 20px;
		}
}

.mb-30 {
		margin-bottom: 30px;
}
@media (max-width: 1199px) {
		.mb-30 {
				margin-bottom: 28px;
		}
}
@media (max-width: 991px) {
		.mb-30 {
				margin-bottom: 24px;
		}
}
@media (max-width: 767px) {
		.mb-30 {
				margin-bottom: 20px;
		}
}

.mb-24 {
		margin-bottom: 24px;
}
@media (max-width: 1199px) {
		.mb-24 {
				margin-bottom: 22px;
		}
}
@media (max-width: 991px) {
		.mb-24 {
				margin-bottom: 22px;
		}
}
@media (max-width: 767px) {
		.mb-24 {
				margin-bottom: 20px;
		}
}

.mb-16 {
		margin-bottom: 16px;
}
@media (max-width: 1199px) {
		.mb-16 {
				margin-bottom: 15px;
		}
}
@media (max-width: 991px) {
		.mb-16 {
				margin-bottom: 14px;
		}
}
@media (max-width: 767px) {
		.mb-16 {
				margin-bottom: 12px;
		}
}

.mb-12 {
		margin-bottom: 12px;
}
@media (max-width: 1199px) {
		.mb-12 {
				margin-bottom: 11px;
		}
}
@media (max-width: 991px) {
		.mb-12 {
				margin-bottom: 10px;
		}
}
@media (max-width: 767px) {
		.mb-12 {
				margin-bottom: 8px;
		}
}

.mb-8 {
		margin-bottom: 8px;
}

.mb-4p {
		margin-bottom: 4px;
}

.p-96 {
		padding: 96px 0;
}
@media (max-width: 1199px) {
		.p-96 {
				padding: 72px 0;
		}
}
@media (max-width: 991px) {
		.p-96 {
				padding: 60px 0;
		}
}
@media (max-width: 767px) {
		.p-96 {
				padding: 48px 0;
		}
}

.p-80 {
		padding: 80px 0;
}
@media (max-width: 1199px) {
		.p-80 {
				padding: 64px 0;
		}
}
@media (max-width: 991px) {
		.p-80 {
				padding: 54px 0;
		}
}
@media (max-width: 767px) {
		.p-80 {
				padding: 42px 0;
		}
}

.pt-80 {
		padding-top: 80px;
}
@media (max-width: 1199px) {
		.pt-80 {
				padding-top: 64px;
		}
}
@media (max-width: 991px) {
		.pt-80 {
				padding-top: 54px;
		}
}
@media (max-width: 767px) {
		.pt-80 {
				padding-top: 42px;
		}
}

.pb-80 {
		padding-bottom: 80px;
}
@media (max-width: 1199px) {
		.pb-80 {
				padding-bottom: 64px;
		}
}
@media (max-width: 991px) {
		.pb-80 {
				padding-bottom: 54px;
		}
}
@media (max-width: 767px) {
		.pb-80 {
				padding-bottom: 42px;
		}
}

.p-64 {
		padding: 64px 0;
}
@media (max-width: 1199px) {
		.p-64 {
				padding: 56px 0;
		}
}
@media (max-width: 991px) {
		.p-64 {
				padding: 48px 0;
		}
}
@media (max-width: 767px) {
		.p-64 {
				padding: 42px 0;
		}
}

.p-48 {
		padding: 48px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
		.p-48 {
				padding: 42px 0;
		}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
		.p-48 {
				padding: 32px 0;
		}
}
@media (max-width: 767px) {
		.p-48 {
				padding: 26px 0;
		}
}

.pt-48 {
		padding-top: 48px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
		.pt-48 {
				padding-top: 42px;
		}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
		.pt-48 {
				padding-top: 32px;
		}
}
@media (max-width: 767px) {
		.pt-48 {
				padding-top: 26px;
		}
}

.pb-48 {
		padding-bottom: 48px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
		.pb-48 {
				padding-bottom: 42px;
		}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
		.pb-48 {
				padding-bottom: 36px;
		}
}
@media (max-width: 767px) {
		.pb-48 {
				padding-bottom: 26px;
		}
}

.p-40 {
		padding: 40px 0;
}
@media (max-width: 1199px) {
		.p-40 {
				padding: 32px 0;
		}
}
@media (max-width: 991px) {
		.p-40 {
				padding: 28px 0;
		}
}
@media (max-width: 767px) {
		.p-40 {
				padding: 22px 0;
		}
}

.pt-40 {
		padding-top: 40px;
}
@media (max-width: 1199px) {
		.pt-40 {
				padding-top: 32px;
		}
}
@media (max-width: 991px) {
		.pt-40 {
				padding-top: 28px;
		}
}
@media (max-width: 767px) {
		.pt-40 {
				padding-top: 22px;
		}
}

.pb-40 {
		padding-bottom: 40px;
}
@media (max-width: 1199px) {
		.pb-40 {
				padding-bottom: 32px;
		}
}
@media (max-width: 991px) {
		.pb-40 {
				padding-bottom: 28px;
		}
}
@media (max-width: 767px) {
		.pb-40 {
				padding-bottom: 22px;
		}
}

.pt-24 {
		padding: 24px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
		.pt-24 {
				padding: 20px;
		}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
		.pt-24 {
				padding: 18px;
		}
}
@media (max-width: 767px) {
		.pt-24 {
				padding: 16px;
		}
}
@media (max-width: 490px) {
		.pt-24 {
				padding: 14px;
		}
}

.p-24 {
		padding: 24px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
		.p-24 {
				padding: 20px;
		}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
		.p-24 {
				padding: 18px;
		}
}
@media (max-width: 767px) {
		.p-24 {
				padding: 16px;
		}
}
@media (max-width: 490px) {
		.p-24 {
				padding: 14px;
		}
}

.p-16 {
		padding: 16px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
		.p-16 {
				padding: 15px;
		}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
		.p-16 {
				padding: 13px;
		}
}
@media (max-width: 767px) {
		.p-16 {
				padding: 10px;
		}
}
@media (max-width: 490px) {
		.p-16 {
				padding: 10px;
		}
}

.p-216 {
		padding: 40px 216px;
}

/*-------------------------
Elements
-------------------------*/
#preloader {
		position: fixed;
		width: 100%;
		height: 100vh;
		display: flex;
		align-items: center;
		justify-content: center;
		background: #F8F8FF;
		z-index: 9999999;
}
#preloader .loader {
		position: relative;
		width: 50px;
		height: 64px;
		perspective: 102px;
		z-index: 9999999;
		translate: -50%, 50%;
}
#preloader .loader div {
		width: 100%;
		height: 100%;
		background: #2F3545;
		position: absolute;
		left: 50%;
		transform-origin: left;
		background-color: #FA9A41;
		animation: loader 2s infinite;
}
#preloader .loader div:nth-child(1) {
		animation-delay: 0.2s;
}
#preloader .loader div:nth-child(2) {
		animation-delay: 0.4s;
}
#preloader .loader div:nth-child(3) {
		animation-delay: 0.6s;
}
#preloader .loader div:nth-child(4) {
		animation-delay: 0.8s;
}
#preloader .loader div:nth-child(5) {
		animation-delay: 0.1s;
}

@keyframes loader {
		0% {
				transform: rotateY(0deg);
		}
		50%, 80% {
				transform: rotateY(-180deg);
		}
		90%, 100% {
				opacity: 0;
				transform: rotateY(-180deg);
		}
}
.back-to-top {
		position: fixed;
		bottom: 0px;
		right: 12px;
		display: block;
		width: 120px;
		height: 120px;
		font-size: 100px;
		padding: 11px 0;
		background: #FA9A41;
		color: #F8F8FF;
		text-align: center;
		opacity: 0;
		text-decoration: none;
		border-radius: 100px;
		-webkit-transform: scale(0.3);
		-ms-transform: scale(0.3);
		transform: scale(0.3);
		z-index: 999;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
}
.back-to-top:hover {
		background: #2C3435;
		color: #F8F8FF;
}
.back-to-top.show {
		opacity: 1;
}
@media (max-width: 490px) {
		.back-to-top {
				right: -20px;
				bottom: -20px;
		}
}

.cus-btn {
		font-family: 'Inter', sans-serif;
		font-size: 0.8rem;
		font-weight: 500;
		line-height: 150%;
		letter-spacing: 0.32px;
		width: fit-content;
		display: flex;
		align-items: center;
		gap: 8px;
		transition: all 0.5s ease;
		padding: 8px 32px 8px 8px;
		background-color: #FA9A41;
		border-radius: 30px;
		font-family: inherit;
		position: relative;
		cursor: pointer;
		overflow: hidden;
		transition: color 0.5s;
		z-index: 1;
		color: #F8F8FF;
}
.cus-btn:before {
		content: '';
		position: absolute;
		top: 100%;
		left: 100%;
		transition: all 0.7s;
		z-index: -1;
		background: #16191A;
		height: 200px;
		width: 300px;
		border-radius: 50%;
}
.cus-btn:hover {
		color: #F8F8FF;
}
.cus-btn:hover:before {
		top: -30px;
		left: -30px;
}
.cus-btn:active:before {
		background: #FA9A41;
		transition: background 0s;
}
.cus-btn.small {
		padding: 8px 16px 8px 8px;
		border: none;
}
.cus-btn.small .icon {
		width: clamp(16px, 1.25vw, 48px);
		height: clamp(16px, 1.25vw, 48px);
}
.cus-btn.small .icon img {
		width: clamp(8px, 0.625vw, 32px);
		height: clamp(8px, 0.625vw, 32px);
}
.cus-btn .icon {
		display: grid;
		align-content: center;
		justify-content: center;
		background-color: #F8F8FF;
		width: 32px;
		height: 32px;
		border-radius: 50%;
}
.cus-btn .icon img {
		object-fit: cover;
}
.cus-btn.invert {
		background-color: #F8F8FF;
		color: #2C3435;
		margin: 0px auto 16px;
}
.cus-btn.invert img {
		color: #FA9A41;
}
.cus-btn.invert:hover {
		color: #F8F8FF;
		background-color: #FA9A41;
		transition: all 0.5s ease;
		box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.04), 1px 1px 2px 0px rgba(0, 0, 0, 0.04), 4px 3px 4px 0px rgba(0, 0, 0, 0.03), 8px 6px 6px 0px rgba(0, 0, 0, 0.02), 14px 11px 7px 0px rgba(0, 0, 0, 0.01), 22px 17px 8px 0px rgba(0, 0, 0, 0);
}
.cus-btn.bg-white {
		background-color: #F8F8FF;
		color: #FA9A41;
		padding: 0;
}

/*-------------------------
  Form Styling
-------------------------*/
.form-group {
		position: relative;
}
.form-group.has-search {
		justify-content: space-between;
		align-items: center;
		background: #F8F8FF;
}
.form-group.has-search i {
		position: absolute;
		right: 10px;
		top: 7px;
		border-radius: 50px;
		background-color: #FA9A41;
		font-size: 24px;
		font-weight: 400;
		color: #F8F8FF;
		padding: 8px;
}
.form-group .form-control {
		padding: 14px 8px 14px 28px;
		font-size: 16px;
		font-weight: 400;
		line-height: 150%;
		/* 24px */
		letter-spacing: 0.32px;
		position: relative;
		color: #7A7F85;
		border: none;
		background: #F8F8FF;
		border-radius: 30px;
		border: 1px solid #9EA2A8;
}
.form-group .form-control:focus {
		color: #7A7F85;
		background: #F8F8FF;
		outline: 0;
		box-shadow: none;
}
.form-group .form-control::placeholder {
		color: #7A7F85;
		opacity: 1;
}
.form-group .form-control.notes {
		border-radius: 10px;
		border: none;
		box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.04), 1px 1px 2px 0px rgba(0, 0, 0, 0.04), 4px 3px 4px 0px rgba(0, 0, 0, 0.03), 8px 6px 6px 0px rgba(0, 0, 0, 0.02), 14px 11px 7px 0px rgba(0, 0, 0, 0.01), 22px 17px 8px 0px rgba(0, 0, 0, 0);
}
.form-group .form-control.notes::placeholder {
		color: #7A7F85;
		opacity: 1;
}

input:focus {
		outline: 0;
		border: none;
		box-shadow: none;
}

label.error {
		color: #BC0F0F;
		margin-top: 10px;
}

input[type=checkbox]:checked {
		accent-color: #FA9A41;
}

input[type=checkbox]:checked {
		accent-color: #FA9A41;
		background-color: #FA9A41;
		width: 16px;
		height: 16px;
		border-radius: 3px;
}

input[type=range]::-webkit-slider-thumb {
		background: #FA9A41;
}

input[type=radio] {
		height: auto;
		width: auto;
}

input[type=radio]:checked {
		accent-color: #FA9A41;
}

.select {
		position: relative;
		display: flex;
		width: 100%;
		border-radius: 0;
		color: #7A7F85;
}
.select::after {
		content: '';
		font-family: 'Font Awesome 5 Pro';
		color: #2C3435;
		position: absolute;
		top: 15px;
		right: 20px;
		padding-top: 4px;
		cursor: pointer;
		pointer-events: none;
		transition: 0.25s all ease;
}
.select select {
		-webkit-appearance: none;
		-moz-appearance: none;
		-ms-appearance: none;
		appearance: none;
		outline: 0 !important;
		border: 0;
		border: 1px solid #9EA2A8;
		background: transparent;
		background-image: none;
		flex: 1;
		color: #7A7F85;
		cursor: pointer;
		font-weight: 400;
		font-size: 16px;
		line-height: 160%;
		width: 100%;
		background-color: transparent;
		border: 1px solid #9EA2A8;
		border-radius: 30px;
		padding: 15px;
}
.select select.checkout-3 {
		padding: 15px 15px 15px 50px;
}
.select select::-ms-expand {
		display: none;
}
.select select option {
		background-color: transparent;
		outline: 0 !important;
		border: 0;
		color: #2C3435;
		padding: 4px 8px;
}
.select select option:hover {
		background-color: #FA9A41 !important;
		color: white;
}
.select select option:checked {
		background-color: #FA9A41;
		color: white;
}

.alert-message {
		display: none;
}

.find-books {
		position: relative;
}
.find-books .search-input {
		display: flex;
		width: 416px;
		padding: 14px 8px 14px 24px;
		justify-content: space-between;
		align-items: center;
		border-radius: 30px;
		background: #F3F3F7;
		border: 1px solid #9EA2A8;
}
.find-books .search-input.shop-listing {
		width: 306px;
}
@media (max-width: 1399px) {
		.find-books .search-input {
				width: 350px;
		}
}
@media (max-width: 1199px) {
		.find-books .search-input {
				width: 100%;
		}
}
.find-books img {
		position: absolute;
		top: 6px;
		right: 10px;
		background-color: #FA9A41;
		padding: 8px;
		border-radius: 30px;
}
.find-books img.shop {
		right: 10px;
}

.filter-checkbox input {
		padding: 0;
		display: none;
		border: 1px solid #16191A;
		cursor: pointer;
}
.filter-checkbox input:checked + label:after {
		content: '';
		display: block;
		position: absolute;
		top: 3px;
		left: 5px;
		width: 5px;
		height: 12px;
		z-index: 10;
		border: solid #16191A;
		border-width: 0 2px 2px 0;
		transform: rotate(45deg);
}
.filter-checkbox label {
		position: relative;
		cursor: pointer;
		color: #7A7F85;
		font-family: 'Inter', sans-serif;
		font-weight: 500;
		font-size: 16px;
		line-height: 130%;
}
@media (max-width: 992px) {
		.filter-checkbox label {
				font-size: 14px;
		}
}
@media (max-width: 767px) {
		.filter-checkbox label {
				font-size: 12px;
		}
}
@media (max-width: 575px) {
		.filter-checkbox label {
				font-size: 12px;
		}
}
.filter-checkbox label:before {
		content: '';
		-webkit-appearance: none;
		background: transparent;
		border: 1px solid #16191A;
		border-radius: 3px;
		width: 16px;
		height: 16px;
		display: inline-block;
		position: relative;
		vertical-align: middle;
		cursor: pointer;
		margin-right: 8px;
		margin-top: -3px;
}
.filter-checkbox label.black-color {
		color: #2C3435;
}

.heading {
		margin-bottom: -30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
		.heading {
				margin-bottom: 42px;
		}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
		.heading {
				margin-bottom: 36px;
		}
}
@media (max-width: 767px) {
		.heading {
				margin-bottom: 32px;
		}
}

.wrapper-dropdown {
		position: relative;
		display: inline-block;
		width: fit-content;
		width: 100%;
		text-align: left;
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
}
@media (max-width: 1699px) {
		.wrapper-dropdown {
				width: max-content;
		}
}
.wrapper-dropdown .selected-display {
		font-weight: 400;
		color: #2C3435;
}
.wrapper-dropdown .selected-display img {
		width: clamp(16px, 0.833vw, 48px);
}
.wrapper-dropdown::before {
		position: absolute;
		top: 50%;
		right: 16px;
		margin-top: -2px;
		border-width: 6px 6px 0 6px;
		border-style: solid;
		border-color: #FFFFFF transparent;
}
.wrapper-dropdown .topbar-dropdown {
		width: max-content;
		background: #F8F8FF;
		transition: 0.3s;
		position: absolute;
		top: 167%;
		right: 0;
		left: -17px;
		margin: 0;
		padding: 0;
		list-style: none;
		z-index: 99;
		border-radius: 5px;
		box-shadow: inherit;
		-webkit-transform-origin: top;
		-moz-transform-origin: top;
		-ms-transform-origin: top;
		transform-origin: top;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		opacity: 0;
		visibility: hidden;
}
@media (max-width: 490px) {
		.wrapper-dropdown .topbar-dropdown {
				top: 130%;
				left: -16px;
		}
}
.wrapper-dropdown .topbar-dropdown.footer-dropdown {
		bottom: 167% !important;
		top: unset !important;
}
.wrapper-dropdown .topbar-dropdown li {
		padding: 0 15px;
		line-height: clamp(32px, 2.292vw, 84px);
		border-radius: 0;
		overflow: hidden;
}
.wrapper-dropdown .topbar-dropdown li:last-child {
		border-bottom: none;
}
.wrapper-dropdown .topbar-dropdown li:hover {
		background-color: #C6CBD2;
		color: #2C3435;
}
.wrapper-dropdown .topbar-dropdown li.item img {
		width: clamp(16px, 0.833vw, 48px);
}
.wrapper-dropdown.active .topbar-dropdown {
		opacity: 1;
		visibility: visible;
		border-radius: 5px;
}
.wrapper-dropdown .scrollable-menu {
		height: auto;
		max-height: 200px;
		overflow-x: hidden;
}
.wrapper-dropdown .arrow {
		float: right;
		rotate: 180deg;
		width: clamp(22px, 1.25vw, 72px);
		height: clamp(22px, 1.25vw, 72px);
}
.wrapper-dropdown svg {
		transition: all 0.3s;
}
.wrapper-dropdown .rotated {
		transform: rotate(-180deg);
}

/*-------------------------
  layouts
-------------------------*/
.header {
		width: 100%;
		background: #F8F8FF;
		height: auto;
}
@media (max-width: 991px) {
		.header {
				height: auto;
		}
}
.header.st-2 {
		padding: 64px 0 48px;
}
.header nav .navbar-brand {
		display: flex;
		justify-content: space-between;
		align-items: center;
}
@media (max-width: 991px) {
		.header nav .navbar-brand {
				width: 250px;
		}
}
.header nav .navbar-nav .menu-item a {
		font-weight: 500;
		font-size: 16px;
		line-height: 160%;
		letter-spacing: 0.05em;
		color: #2C3435;
		padding: 12px;
		transition: all 0.5s ease;
}
@media (max-width: 991px) {
		.header nav .navbar-nav .menu-item a {
				border: none;
		}
}
.header nav .navbar-nav .menu-item a.active {
		color: #FA9A41;
		transition: all 0.5s ease;
}
@media (max-width: 991px) {
		.header nav .navbar-nav .menu-item a.active {
				border: none;
		}
}
.header nav .navbar-nav .menu-item a:hover {
		color: #FA9A41;
		transition: all 0.5s ease;
}
@media (max-width: 991px) {
		.header nav .navbar-nav .menu-item a:hover {
				border: none;
		}
}
.header nav .navbar-nav .menu-item-has-children {
		position: relative;
}
.header nav .navbar-nav .menu-item-has-children a {
		font-weight: 500;
		font-size: 16px;
		line-height: 160%;
		letter-spacing: 0.05em;
		color: #2C3435;
		padding: 12px;
		display: inline-flex;
}
.header nav .navbar-nav .menu-item-has-children a::after {
		content: '';
		font-family: 'Font Awesome 5 Pro';
		color: #2C3435;
		font-size: 20px;
		margin-left: 6px;
}
@media (max-width: 991px) {
		.header nav .navbar-nav .menu-item-has-children a {
				border: none;
		}
}
.header nav .navbar-nav .menu-item-has-children a.active {
		padding-top: 11px;
		color: #FA9A41;
		transition: all 0.5s ease;
}
.header nav .navbar-nav .menu-item-has-children a.active::after {
		color: #FA9A41;
}
@media (max-width: 991px) {
		.header nav .navbar-nav .menu-item-has-children a.active {
				border: none;
		}
}
.header nav .navbar-nav .menu-item-has-children a:hover {
		color: #FA9A41;
		transition: all 0.5s ease;
}
.header nav .navbar-nav .menu-item-has-children a:hover::after {
		color: #FA9A41;
}
@media (max-width: 991px) {
		.header nav .navbar-nav .menu-item-has-children a:hover {
				border: none;
		}
}
.header nav .navbar-nav .menu-item-has-children .submenu {
		position: absolute;
		top: 42px;
		left: 0;
		background: #F8F8FF;
		box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.04), 1px 1px 2px 0px rgba(0, 0, 0, 0.04), 4px 3px 4px 0px rgba(0, 0, 0, 0.03), 8px 6px 6px 0px rgba(0, 0, 0, 0.02), 14px 11px 7px 0px rgba(0, 0, 0, 0.01), 22px 17px 8px 0px rgba(0, 0, 0, 0);
		border-radius: 15px;
		z-index: 999999;
		opacity: 0;
		visibility: hidden;
		min-width: 240px;
		padding: 10px;
		list-style: none;
		margin: 0;
}
.header nav .navbar-nav .menu-item-has-children .submenu a:after {
		display: none;
}
.header nav .navbar-nav .menu-item-has-children .submenu li {
		margin: 0;
		opacity: 0;
		-webkit-transform: translateX(20px);
		-ms-transform: translateX(20px);
		transform: translateX(20px);
}
.header nav .navbar-nav .menu-item-has-children .submenu li a {
		position: relative;
		font-weight: 500;
		font-size: 16px;
		line-height: 160%;
		letter-spacing: 0.05em;
		color: #212627;
		border-top: none;
		text-transform: uppercase;
		color: #212627;
		padding: 10px;
		display: block;
}
.header nav .navbar-nav .menu-item-has-children .submenu li a.active {
		color: #FA9A41;
}
.header nav .navbar-nav .menu-item-has-children .submenu li a:hover {
		color: #FA9A41;
}
.header nav .navbar-nav .menu-item-has-children:hover .submenu {
		opacity: 1;
		visibility: visible;
		z-index: 99999;
		right: 0;
}
@media (max-width: 790px) {
		.header nav .navbar-nav .menu-item-has-children:hover .submenu {
				left: 0;
		}
}
.header nav .navbar-nav .menu-item-has-children:hover .submenu li {
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
}
.header .right-content {
		display: flex;
		align-items: center;
		gap: 16px;
}
.header .right-content a i {
		font-size: clamp(17px, 1.35vw, 48px);
}
.header .right-content ul {
		/*display: flex;*/
		list-style: none;
		align-items: center;
		text-align: center;
		gap: 8px;
}
@media (max-width: 1099px) {
		.header .right-content ul {
				gap: 8px;
		}
}
.header .right-content ul li:last-child {
		margin-right: 0;
}
.header .right-content ul li .login-border {
		padding-right: 8px;
		border-right: 1px solid #2C3435;
}
@media (max-width: 1099px) {
		.header .right-content ul li .login-border {
				padding-right: 8px;
		}
}
.header .right-content ul li a {
		font-weight: 500;
		font-size: 16px;
		font-weight: 600;
		color: #2C3435;
}
.header .right-content ul li a.active {
		color: #FA9A41;
		transition: all 0.5s ease;
}
.header .right-content ul li a:hover {
		color: #FA9A41;
		transition: all 0.5s ease;
}
@media (max-width: 991px) {
		.header .right-content ul li a:hover {
				border: none;
		}
}
.header .navbar-toggler {
		color: #212627;
		border: none;
		outline: 0;
		padding: 4px;
}
.header .navbar-toggler i {
		font-weight: 400px;
		font-size: 24px;
}
.header .navbar-toggler:focus {
		box-shadow: none;
}
.header .navbar-expand-lg,
.header .navbar-collapse {
		justify-content: center;
}
@media (max-width: 991px) {
		.header .navbar-expand-lg,
		.header .navbar-collapse {
				justify-content: space-between;
				padding: 16px 12px;
		}
}
@media (max-width: 991px) {
		.header .navbar-collapse {
				min-width: 250px;
				position: absolute;
				right: 0;
				top: 56px;
				background: #F8F8FF;
				box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.04), 1px 1px 2px 0px rgba(0, 0, 0, 0.04), 4px 3px 4px 0px rgba(0, 0, 0, 0.03), 8px 6px 6px 0px rgba(0, 0, 0, 0.02), 14px 11px 7px 0px rgba(0, 0, 0, 0.01), 22px 17px 8px 0px rgba(0, 0, 0, 0);
				border-radius: 15px;
				padding: 10px;
				z-index: 9999;
		}
}
@media (max-width: 1099px) {
		.header .search-bar {
				width: 450px;
		}
}
.header .search-bar .header-search {
		text-align: center;
		position: relative;
		padding-top: 16px;
}
@media (max-width: 1399px) {
		.header .search-bar .header-search {
				display: flex;
		}
}
.header .search-bar .header-search button {
		border: 0;
		background: transparent;
}
.header .search-bar .header-search .form-control {
		padding-right: 32px;
		width: 597px;
		border-radius: 30px;
		background: #F8F8FF;
		border: 1px solid #9EA2A8;
		color: #9EA2A8;
}
@media (max-width: 1099px) {
		.header .search-bar .header-search .form-control {
				width: 450px;
		}
}
.header .search-bar .header-search .form-control-search {
		position: absolute;
		right: -34px;
		top: 22px;
		border-radius: 30px;
		padding: 9px;
		z-index: 2;
		font-weight: 400;
		font-size: 24px;
		text-align: center;
		align-items: center;
		color: #F8F8FF;
		background: #FA9A41;
}
@media (max-width: 1399px) {
		.header .search-bar .header-search .form-control-search {
				position: absolute;
				right: 10px;
		}
}
@media (max-width: 1099px) {
		.header .search-bar .header-search .form-control-search {
				position: absolute;
				right: 15px;
		}
}

.newsletter {
		background: url(../media/backgrounds/newslatter.png);
		height: auto;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		padding: 47px 0;
}
.newsletter .newsletter-text {
		display: grid;
		justify-content: center;
		justify-items: center;
}
.newsletter .newsletter-text h2 {
		font-size: 47px;
		font-weight: 500;
}
@media (max-width: 767px) {
		.newsletter .newsletter-text h2 {
				font-size: 36px;
		}
}
@media (max-width: 482px) {
		.newsletter .newsletter-text h2 {
				font-size: 26px;
		}
}
.newsletter .newsletter-text .find-books-input {
		position: relative;
}
.newsletter .newsletter-text .find-books-input .search-input {
		display: flex;
		width: 666px;
		padding: 16px 8px 16px 24px;
		justify-content: space-between;
		align-items: center;
		border-radius: 30px;
		border: none;
		box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.04), 1px 1px 2px 0px rgba(0, 0, 0, 0.04), 4px 3px 4px 0px rgba(0, 0, 0, 0.03), 8px 6px 6px 0px rgba(0, 0, 0, 0.02), 14px 11px 7px 0px rgba(0, 0, 0, 0.01), 22px 17px 8px 0px rgba(0, 0, 0, 0);
}
@media (max-width: 767px) {
		.newsletter .newsletter-text .find-books-input .search-input {
				width: 400px;
		}
}
@media (max-width: 482px) {
		.newsletter .newsletter-text .find-books-input .search-input {
				width: 350px;
		}
}
.newsletter .newsletter-text .find-books-input a {
		position: absolute;
		top: 6px;
		right: 10px;
		background-color: #FA9A41;
		padding: 8px;
		border-radius: 30px;
}

.books-category {
		padding: 40px 0;
		display: flex;
		flex-direction: column;
		gap: 16px;
}
@media (max-width: 767px) {
		.books-category {
				padding: 20px;
		}
}
.books-category ul {
		display: flex;
		flex-direction: column;
		gap: 12px;
}
.footer-center-area {
		display: grid;
		gap: 24px;
		justify-items: center;
		text-align: center;
		margin-top: 40px;
		height: 200px;
}
@media (max-width: 992px) {
		.footer-center-area {
				border: 0px;
				height: auto;
		}
}
.footer-center-area .cell-no {
		font-size: 27px;
		font-weight: 500;
}
.footer-center-area .social-icons {
		display: flex;
		gap: 16px;
}
.footer-center-area .social-icons img {
		color: #16191A;
		width: 24px;
		height: 24px;
}

.rights-content {
		text-align: center;
}

.top-row {
		display: flex;
		align-items: center;
}
@media (max-width: 572px) {
		.top-row {
				display: block;
		}
}
.top-row .right-block {
		display: flex;
		align-items: center;
		justify-content: end;
}
.top-row .right-block .time-period {
		display: flex;
}
.top-row .right-block .time-period select {
		background: transparent;
		border: none;
}
.top-row .right-block.list-2 {
		display: flex;
		align-items: center;
		justify-content: end;
		gap: 24px;
}
.top-row .right-block .nav .nav-item .nav-link {
		border: 0px;
		opacity: 0.9;
}
.top-row .right-block .nav .nav-item .nav-link.active {
		background: #F3F3F7;
		border-radius: 6.5px;
		border: 0px;
		opacity: 1;
}
.top-row.blog-bar {
		justify-content: space-between;
}

.filters .filter-block {
		border-bottom: 1px solid #F8F8FF;
		padding: 32px 0;
}
.filters .filter-block .title {
		display: flex;
		justify-content: space-between;
		align-items: center;
}
.filters .filter-block .list li {
		display: flex;
		justify-content: space-between;
		align-items: center;
}
.filters .filter-block .list .filter-checkbox input {
		padding: 0;
		display: none;
		border: 1px solid #16191A;
		cursor: pointer;
}
.filters .filter-block .list .filter-checkbox input:checked + label:after {
		content: '';
		display: block;
		position: absolute;
		top: 3px;
		left: 5px;
		width: 5px;
		height: 12px;
		z-index: 10;
		border: solid #16191A;
		border-width: 0 2px 2px 0;
		transform: rotate(45deg);
}
.filters .filter-block .list .filter-checkbox label {
		position: relative;
		cursor: pointer;
		color: #7A7F85;
		font-family: 'Inter', sans-serif;
		font-weight: 500;
		font-size: 16px;
		line-height: 130%;
}
@media (max-width: 992px) {
		.filters .filter-block .list .filter-checkbox label {
				font-size: 14px;
		}
}
@media (max-width: 767px) {
		.filters .filter-block .list .filter-checkbox label {
				font-size: 12px;
		}
}
@media (max-width: 575px) {
		.filters .filter-block .list .filter-checkbox label {
				font-size: 12px;
		}
}
.filters .filter-block .list .filter-checkbox label:before {
		content: '';
		-webkit-appearance: none;
		background: transparent;
		border: 1px solid #16191A;
		border-radius: 3px;
		width: 16px;
		height: 16px;
		display: inline-block;
		position: relative;
		vertical-align: middle;
		cursor: pointer;
		margin-right: 8px;
		margin-top: -3px;
}
.filters .filter-block .slider-track .irs--big {
		height: 22px;
		margin-bottom: 0;
}
.filters .filter-block .slider-track .irs--big .irs-line {
		top: 12px;
		height: 5px;
		border: 1px solid #C6CBD2;
		background: #C6CBD2;
		cursor: pointer;
		border-radius: 0;
}
.filters .filter-block .slider-track .irs--big .irs-bar {
		top: 12px;
		height: 5px;
		border: 1px solid #FA9A41;
		background: #FA9A41;
		box-shadow: none;
		cursor: pointer;
}
.filters .filter-block .slider-track .irs--big .irs-handle {
		top: 5px;
		height: 20px;
		width: 20px;
		background-color: #FA9A41;
		background: #FA9A41;
		border: 0;
		box-shadow: none;
}
.filters .filter-block .slider-track .irs--big .irs-handle:hover {
		cursor: pointer;
}
.filters .filter-block .colors label {
		display: flex;
		align-items: center;
		position: relative;
		cursor: pointer;
		font-family: 'Inter', sans-serif;
		font-weight: 600;
		font-size: 21px;
		line-height: 130%;
}
@media (max-width: 992px) {
		.filters .filter-block .colors label {
				font-size: 20px;
		}
}
@media (max-width: 767px) {
		.filters .filter-block .colors label {
				font-size: 18px;
		}
}
@media (max-width: 575px) {
		.filters .filter-block .colors label {
				font-size: 16px;
		}
}
.filters .filter-block .colors label input {
		display: none;
}
.filters .filter-block .colors label .color {
		width: 20px;
		height: 20px;
		margin-right: 8px;
}
.filters .filter-block .colors label .color.non-selected {
		border: 0;
}
.filters .filter-block .colors label .color.selected {
		border: 2px solid #F8F8FF;
		width: 22px;
		height: 22px;
}

.hero-banner-1 {
		width: 100%;
		position: relative;
		background: #F3F3F7;
}
.hero-banner-1 .content {
		position: relative;
}
@media (max-width: 767px) {
		.hero-banner-1 .content h1 {
				font-size: 34px;
		}
}
@media (max-width: 492px) {
		.hero-banner-1 .content .img-block-sm img {
				padding-top: 16px;
		}
}
.hero-banner-1 .content .img-block-lg {
		position: relative;
}
.hero-banner-1 .content .img-block-lg .discount-block {
		position: absolute;
		left: -136px;
		width: 136px;
		height: 160px;
		background-color: #FA9A41B2;
}
@media (max-width: 1399px) {
		.hero-banner-1 .content .img-block-lg .discount-block {
				height: 120px;
				width: 120px;
				left: -120px;
		}
}
@media (max-width: 992px) {
		.hero-banner-1 .content .img-block-lg .discount-block {
				height: 90px;
				width: 90px;
				left: -90px;
		}
}
.hero-banner-1 .content .img-block-lg .discount-block .block {
		width: 160px;
		height: 160px;
		border-radius: 100px;
		display: grid;
		align-content: center;
		background-color: #FA9A41;
		position: absolute;
		left: -82px;
		text-align: center;
}
@media (max-width: 1399px) {
		.hero-banner-1 .content .img-block-lg .discount-block .block {
				width: 120px;
				height: 120px;
				left: -50px;
		}
}
@media (max-width: 992px) {
		.hero-banner-1 .content .img-block-lg .discount-block .block {
				height: 90px;
				width: 90px;
		}
}
@media (max-width: 1399px) {
		.hero-banner-1 .content .img-block-lg .discount-block .block h3 {
				font-size: 32px;
		}
}
@media (max-width: 1199px) {
		.hero-banner-1 .content .img-block-lg .discount-block .block h3 {
				font-size: 26px;
		}
}
@media (max-width: 1399px) {
		.hero-banner-1 .content .img-block-lg .discount-block .block h4 {
				font-size: 22px;
		}
}
@media (max-width: 1199px) {
		.hero-banner-1 .content .img-block-lg .discount-block .block h4 {
				font-size: 17px;
		}
}
.hero-banner-1 .content .our-community {
		position: absolute;
		left: 40%;
		bottom: 64px;
		transform: translate(-38%, 0px);
		flex-wrap: wrap;
		display: flex;
		gap: 16px;
}
@media (max-width: 1399px) {
		.hero-banner-1 .content .our-community {
				left: 35%;
				bottom: -20px;
		}
}
@media (max-width: 992px) {
		.hero-banner-1 .content .our-community {
				left: 20%;
		}
}
@media (max-width: 767px) {
		.hero-banner-1 .content .our-community {
				position: relative;
				left: auto;
				bottom: auto;
				transform: translate(0);
				margin-top: 32px;
		}
}
@media (max-width: 492px) {
		.hero-banner-1 .content .our-community {
				justify-content: center;
				gap: 8px;
		}
}
.hero-banner-1 .content .our-community .community-block {
		display: flex;
		align-items: center;
		gap: 8px;
}
.hero-banner-1 .content .our-community .community-block .community-img {
		margin-right: 16px;
}
.hero-banner-1 .content .our-community .community-block .community-img img {
		border: 1px solid #F8F8FF;
		width: 48px;
		height: 48px;
		border-radius: 48px;
		margin-right: -16px;
		position: relative;
		z-index: 20;
}
.hero-banner-1 .content .our-community .community-block .community-img img:nth-child(2) {
		z-index: 15;
}
.hero-banner-1 .content .our-community .community-block .community-img img:nth-child(3) {
		z-index: 10;
}
.hero-banner-1 .content .our-community .community-block .community-img img:nth-child(4) {
		z-index: 5;
}

.benifits {
		border-radius: 15px;
		box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.04), 1px 1px 2px 0px rgba(0, 0, 0, 0.04), 4px 3px 4px 0px rgba(0, 0, 0, 0.03), 8px 6px 6px 0px rgba(0, 0, 0, 0.02), 14px 11px 7px 0px rgba(0, 0, 0, 0.01), 22px 17px 8px 0px rgba(0, 0, 0, 0);
		padding: 16px 24px;
}
.benifits .benifits-block {
		display: flex;
		align-items: start;
		gap: 16px;
}

.hero-banner-2 .banner-2 .banner-images {
		display: flex;
		align-items: flex-start;
		justify-content: center;
		gap: 24px;
}
@media (max-width: 768px) {
		.hero-banner-2 .banner-2 .banner-images {
				gap: 16px;
		}
}
@media (max-width: 375px) {
		.hero-banner-2 .banner-2 .banner-images {
				margin: 0 15px;
				gap: 8px;
		}
}
.hero-banner-2 .banner-2 .banner-images img {
		border-radius: 24.149px;
		box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.1), 1px 2px 5px 0px rgba(0, 0, 0, 0.1), 5px 8px 9px 0px rgba(0, 0, 0, 0.09), 10px 17px 12px 0px rgba(0, 0, 0, 0.05), 18px 30px 14px 0px rgba(0, 0, 0, 0.01), 28px 48px 15px 0px rgba(0, 0, 0, 0);
}
@media (max-width: 1399px) {
		.hero-banner-2 .banner-2 .banner-images img {
				width: 210px;
				height: auto;
		}
}
@media (max-width: 1199px) {
		.hero-banner-2 .banner-2 .banner-images img {
				width: 180px;
				height: auto;
		}
}
@media (max-width: 992px) {
		.hero-banner-2 .banner-2 .banner-images img {
				width: 160px;
				height: auto;
		}
}
@media (max-width: 899px) {
		.hero-banner-2 .banner-2 .banner-images img {
				width: 140px;
				height: auto;
		}
}
@media (max-width: 768px) {
		.hero-banner-2 .banner-2 .banner-images img {
				width: 110px;
				height: auto;
		}
}
@media (max-width: 575px) {
		.hero-banner-2 .banner-2 .banner-images img {
				border-radius: 15px;
		}
}
@media (max-width: 375px) {
		.hero-banner-2 .banner-2 .banner-images img {
				width: 100px;
		}
}
.hero-banner-2 .banner-2 .banner-images img.stair-image-1 {
		margin-top: 136px;
}
@media (max-width: 669px) {
		.hero-banner-2 .banner-2 .banner-images img.stair-image-1 {
				display: none;
		}
}
.hero-banner-2 .banner-2 .banner-images img.stair-image-2 {
		margin-top: 88px;
}
.hero-banner-2 .banner-2 .banner-images img.stair-image-3 {
		margin-top: 40px;
}
.hero-banner-2 .banner-2 .banner-images img.stair-image-4 {
		margin-top: 88px;
}
.hero-banner-2 .banner-2 .banner-images img.stair-image-5 {
		margin-top: 136px;
}
@media (max-width: 669px) {
		.hero-banner-2 .banner-2 .banner-images img.stair-image-5 {
				display: none;
		}
}
@media (max-width: 899px) {
		.hero-banner-2 .banner-2 .banner-text {
				padding: 25px 0 0 0;
		}
}
.hero-banner-2 .banner-2 .banner-text h1 {
		font-weight: 600;
		margin-bottom: 8px;
}
@media (max-width: 1199px) {
		.hero-banner-2 .banner-2 .banner-text h1 {
				font-size: 52px;
		}
}
@media (max-width: 992px) {
		.hero-banner-2 .banner-2 .banner-text h1 {
				font-size: 42px;
		}
}
@media (max-width: 768px) {
		.hero-banner-2 .banner-2 .banner-text h1 {
				font-size: 32px;
		}
}
@media (max-width: 375px) {
		.hero-banner-2 .banner-2 .banner-text h1 {
				font-size: 27px;
		}
}
.hero-banner-2 .banner-2 .banner-text h5 {
		font-weight: 500;
}
.hero-banner-2 .banner-2 .banner-text a {
		margin: 24px auto;
}

.option-bar {
		display: flex;
}
.option-bar .results-categories {
		display: flex;
		justify-content: space-between;
		align-content: center;
}
.option-bar .results-categories .right-side-icons {
		display: flex;
		align-items: center;
		gap: 8px;
}
.option-bar .results-categories .right-side-icons select {
		border: none;
		background: transparent;
}

.shop-list-grid .product-grid .product-list-card {
		margin-bottom: 24px;
		padding: 24px;
		background: #F3F3F7;
		border-radius: 20px;
		box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.04), 1px 1px 2px 0px rgba(0, 0, 0, 0.04), 4px 3px 4px 0px rgba(0, 0, 0, 0.03), 8px 6px 6px 0px rgba(0, 0, 0, 0.02), 14px 11px 7px 0px rgba(0, 0, 0, 0.01), 22px 17px 8px 0px rgba(0, 0, 0, 0);
}
.shop-list-grid .product-grid .product-list-card .image-block img {
		border-radius: 15px;
		box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.04), 1px 1px 2px 0px rgba(0, 0, 0, 0.04), 4px 3px 4px 0px rgba(0, 0, 0, 0.03), 8px 6px 6px 0px rgba(0, 0, 0, 0.02), 14px 11px 7px 0px rgba(0, 0, 0, 0.01), 22px 17px 8px 0px rgba(0, 0, 0, 0);
		width: 100%;
		object-fit: cover;
}
.shop-list-grid .product-grid .product-list-card .content-block {
		display: grid;
		height: 100%;
		align-content: center;
		gap: 16px;
}
.shop-list-grid .product-grid .product-list-card .content-block .rating-stars {
		margin-top: -16px;
}
@media (max-width: 992px) {
		.shop-list-grid .product-grid .product-list-card .content-block .book-text {
				overflow: hidden;
				display: -webkit-box;
				-webkit-line-clamp: 3;
				line-clamp: 3;
				-webkit-box-orient: vertical;
		}
}
.shop-list-grid .product-grid .product-list-card .content-block .cart-button {
		display: flex;
		gap: 24px;
}
.shop-list-grid .product-grid .product-list-card .content-block .cart-button .hover-buttons {
		display: flex;
		align-items: center;
		gap: 24px;
}
.shop-list-grid .product-grid .product-list-card .content-block .cart-button .hover-buttons li {
		background-color: #F8F8FF;
		box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.04), 1px 1px 2px 0px rgba(0, 0, 0, 0.04), 4px 3px 4px 0px rgba(0, 0, 0, 0.03), 8px 6px 6px 0px rgba(0, 0, 0, 0.02), 14px 11px 7px 0px rgba(0, 0, 0, 0.01), 22px 17px 8px 0px rgba(0, 0, 0, 0);
		padding: 8px;
		border-radius: 30px;
		font-size: 24px;
}

.new-arrivals .top-row {
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: 32px;
		flex-wrap: wrap;
}
.new-arrivals .arrivals-card {
		position: relative;
		background-color: #F3F3F7;
		border-radius: 30px;
		padding: 48px;
		gap: 24px;
		transition: all 0.5s ease;
}
.new-arrivals .arrivals-card img {
		border-radius: 20px;
}
.new-arrivals .arrivals-card .hover-buttons {
		position: absolute;
		top: 0;
		right: 0;
		padding: 40px;
}
.new-arrivals .arrivals-card .hover-buttons ul {
		display: grid;
		gap: 8px;
}
@media (max-width: 1399px) {
		.new-arrivals .arrivals-card .hover-buttons ul {
				gap: 0px;
				width: 20px;
				height: 20px;
		}
}
.new-arrivals .arrivals-card .hover-buttons ul li {
		background-color: #F8F8FF;
		box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.04), 1px 1px 2px 0px rgba(0, 0, 0, 0.04), 4px 3px 4px 0px rgba(0, 0, 0, 0.03), 8px 6px 6px 0px rgba(0, 0, 0, 0.02), 14px 11px 7px 0px rgba(0, 0, 0, 0.01), 22px 17px 8px 0px rgba(0, 0, 0, 0);
		width: 40px;
		height: 40px;
		gap: 8px;
		border-radius: 30px;
		display: grid;
		justify-content: center;
		align-items: center;
		transition: all 0.5s ease;
}
.new-arrivals .arrivals-card .hover-buttons ul li:hover {
		background-color: #FA9A41;
}
.new-arrivals .arrivals-card .arrivals-content {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		padding-top: 24px;
}
@media (max-width: 1399px) {
		.new-arrivals .arrivals-card .arrivals-content {
				gap: 0px;
		}
}
.new-arrivals .arrivals-card .arrivals-content .rating-stars {
		gap: 4px;
		padding: 8px 0px;
		color: #FA9A41;
}
.new-arrivals .arrivals-card .arrivals-content .arrivals-price {
		display: flex;
		width: 320px;
		justify-content: space-between;
		align-items: center;
		padding-top: 24px;
		gap: 4px;
}
@media (max-width: 1399px) {
		.new-arrivals .arrivals-card .arrivals-content .arrivals-price {
				display: block;
				gap: 8px;
				padding-top: 24px;
		}
}
.new-arrivals .arrivals-card .arrivals-content .arrivals-price .old-price {
		text-decoration-line: line-through;
		color: #9EA2A8;
}
.new-arrivals .arrivals-card .arrivals-content .arrivals-price .plain-text {
		text-decoration-line: none;
}
.new-arrivals .arrivals-card:hover {
		box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.04), 1px 1px 2px 0px rgba(0, 0, 0, 0.04), 4px 3px 4px 0px rgba(0, 0, 0, 0.03), 8px 6px 6px 0px rgba(0, 0, 0, 0.02), 14px 11px 7px 0px rgba(0, 0, 0, 0.01), 22px 17px 8px 0px rgba(0, 0, 0, 0);
		cursor: pointer;
}

.weekly-deals .book-img {
		width: 168px;
		height: 252px;
}
@media (max-width: 1399px) {
		.weekly-deals .book-img {
				width: 168px;
				height: 230px;
		}
}
@media (max-width: 1199px) {
		.weekly-deals .book-img {
				width: 168px;
				height: 260px;
		}
}
@media (max-width: 992px) {
		.weekly-deals .book-img {
				width: 168px;
				height: 230px;
		}
}
@media (max-width: 399px) {
		.weekly-deals .book-img {
				width: auto;
				height: auto;
		}
}
.weekly-deals .book-price {
		display: flex;
		align-items: center;
}
@media (max-width: 1399px) {
		.weekly-deals .book-price {
				margin: 16px 0;
		}
}
@media (max-width: 1199px) {
		.weekly-deals .book-price {
				margin: 8px 0;
		}
}
.weekly-deals .progress {
		height: 3px;
		background-color: #9EA2A8;
}
.weekly-deals .progress .progress-bar {
		background-color: #64C7FF;
}
.weekly-deals .deal-right-area {
		background: radial-gradient(109.98% 137.68% at 97.16% 0%, #A1E9FF 0%, #7389FF 39.41%, #081F73 100%);
		box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.04), 1px 1px 2px 0px rgba(0, 0, 0, 0.04), 4px 3px 4px 0px rgba(0, 0, 0, 0.03), 8px 6px 6px 0px rgba(0, 0, 0, 0.02), 14px 11px 7px 0px rgba(0, 0, 0, 0.01), 22px 17px 8px 0px rgba(0, 0, 0, 0);
		border-radius: 20px;
}
.weekly-deals .deal-right-area .main-img {
		border-radius: 0 0 20px 20px;
		width: 100%;
}

.weekly-deals-2 h3 {
		position: relative;
}
.weekly-deals-2 h3:after {
		content: '';
		display: flex;
		width: 55%;
		left: 315px;
		height: 2px;
		background: #D4D8DD;
		right: 168px;
		top: 50%;
		position: absolute;
}
@media (max-width: 1499px) {
		.weekly-deals-2 h3:after {
				width: 50%;
				left: 290px;
		}
}
@media (max-width: 1198px) {
		.weekly-deals-2 h3:after {
				width: 42%;
				left: 300px;
		}
}
@media (max-width: 989px) {
		.weekly-deals-2 h3:after {
				display: none;
		}
}
.weekly-deals-2 .week-deal-card .img-box img {
		margin: 0 auto;
}
.weekly-deals-2 .week-deal-card .content-box {
		margin-top: -148px;
		background: #F3F3F7;
		padding: 172px 24px 48px;
		text-align: center;
		border-radius: 30px;
		box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.04), 1px 1px 2px 0px rgba(0, 0, 0, 0.04), 4px 3px 4px 0px rgba(0, 0, 0, 0.03), 8px 6px 6px 0px rgba(0, 0, 0, 0.02), 14px 11px 7px 0px rgba(0, 0, 0, 0.01), 22px 17px 8px 0px rgba(0, 0, 0, 0);
}
@media (max-width: 1199px) {
		.weekly-deals-2 .week-deal-card .content-box {
				margin-right: 16px;
		}
}
.weekly-deals-2 .week-deal-card .content-box .price-row {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 4px;
}
.weekly-deals-2 .week-deal-card .content-box .price-row .old-price {
		text-decoration-line: line-through;
		color: #9EA2A8;
}
.weekly-deals-2 .week-deal-card .content-box .cus-btn-2 {
		margin: 0 auto;
}

.book-card {
		position: relative;
		background-color: #F3F3F7;
		border-radius: 30px;
		box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.04), 1px 1px 2px 0px rgba(0, 0, 0, 0.04), 4px 3px 4px 0px rgba(0, 0, 0, 0.03), 8px 6px 6px 0px rgba(0, 0, 0, 0.02), 14px 11px 7px 0px rgba(0, 0, 0, 0.01), 22px 17px 8px 0px rgba(0, 0, 0, 0);
		padding: 24px;
		overflow: hidden;
}
.book-card img.muestra-producto {
		width: 100%;
}
.book-card .hover-buttons {
		position: absolute;
		top: 24px;
		right: -70px;
		display: flex;
		flex-direction: column;
		gap: 8px;
		transition: all 0.5s ease;
}
.book-card .hover-buttons li {
		background-color: #F8F8FF;
		box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.04), 1px 1px 2px 0px rgba(0, 0, 0, 0.04), 4px 3px 4px 0px rgba(0, 0, 0, 0.03), 8px 6px 6px 0px rgba(0, 0, 0, 0.02), 14px 11px 7px 0px rgba(0, 0, 0, 0.01), 22px 17px 8px 0px rgba(0, 0, 0, 0);
		width: 40px;
		height: 40px;
		border-radius: 30px;
		display: grid;
		justify-content: center;
		align-items: center;
		transition: all 0.5s ease;
}
.book-card .hover-buttons li i {
		color: #2C3435;
		transition: all 0.5s ease;
}
.book-card .hover-buttons li i:hover {
		color: #F8F8FF;
}
.book-card .hover-buttons li:hover {
		background-color: #FA9A41;
		color: #F8F8FF;
}
.book-card:hover .hover-buttons {
		color: #2C3435;
		right: 40px;
		top: 40px;
}
.book-card .book-content {
		text-align: start;
}
.book-card .book-content .rating-stars {
		padding-top: 8px;
		padding-bottom: 8px;
		color: #FA9A41;
}
.book-card .book-content .books-price {
		display: flex;
		padding-top: 24px;
		gap: 4px;
}
.book-card .book-content .books-price .old-price {
		text-decoration-line: line-through;
		color: #9EA2A8;
}
@media (max-width: 1499px) {
		.trending-books h3:after {
				width: 50%;
				left: 290px;
		}
}
@media (max-width: 1198px) {
		.trending-books h3:after {
				width: 42%;
				left: 300px;
		}
}
@media (max-width: 989px) {
		.trending-books h3:after {
				width: 32%;
				left: 240px;
		}
}
.trending-books .books-slider .book-card {
		margin: 0 16px;
		margin-bottom: 40px;
}
@media (max-width: 1199px) {
		.trending-books .books-slider .book-card {
				margin-bottom: 32px;
		}
}
@media (max-width: 991px) {
		.trending-books .books-slider .book-card {
				margin-bottom: 28px;
		}
}
@media (max-width: 767px) {
		.trending-books .books-slider .book-card {
				margin-bottom: 22px;
		}
}

.trending-books-2 h3 {
		position: relative;
}
.trending-books-2 h3:after {
		content: '';
		display: flex;
		width: 55%;
		left: 315px;
		height: 2px;
		background: #D4D8DD;
		right: 168px;
		top: 50%;
		position: absolute;
}
@media (max-width: 1499px) {
		.trending-books-2 h3:after {
				width: 50%;
				left: 290px;
		}
}
@media (max-width: 1198px) {
		.trending-books-2 h3:after {
				width: 42%;
				left: 300px;
		}
}
@media (max-width: 989px) {
		.trending-books-2 h3:after {
				width: 32%;
				left: 240px;
		}
}
.trending-books-2 .trending-book-slider .slick-dots {
		right: 15% !important;
}
@media (max-width: 1899px) {
		.trending-books-2 .trending-book-slider .slick-dots {
				right: 300px !important;
		}
}
@media (max-width: 1699px) {
		.trending-books-2 .trending-book-slider .slick-dots {
				right: 120px !important;
		}
}
@media (max-width: 1299px) {
		.trending-books-2 .trending-book-slider .slick-dots {
				right: 80px !important;
		}
}
@media (max-width: 1199px) {
		.trending-books-2 .trending-book-slider .slick-dots {
				right: 50px !important;
		}
}
@media (max-width: 992px) {
		.trending-books-2 .trending-book-slider .slick-dots {
				right: 60px !important;
		}
}
.trending-books-2 .trending-book-slider .book-card-2 {
		position: relative;
}
.trending-books-2 .trending-book-slider .book-card-2 img {
		width: 100%;
}
.trending-books-2 .trending-book-slider .book-card-2 .number-img {
		position: absolute;
		top: 10px;
		left: 50px;
}
.trending-books-2 .trending-book-slider .book-card-2 .number-img .image-number {
		color: rgba(198, 203, 210, 0.5);
		font-family: 'Inter', sans-serif;
		font-size: 150px;
		font-style: normal;
		font-weight: 500;
		line-height: 120%;
		letter-spacing: -3px;
}
.trending-books-2 .trending-book-slider .book-card-2 .number-img img {
		position: relative;
		height: auto;
		bottom: 140px;
		left: 125px;
}
.trending-books-2 .trending-book-slider .book-card-2 .number-img .book-name {
		position: absolute;
		color: #F8F8FF;
		transition: all 0.5s ease;
}
.trending-books-2 .trending-book-slider .book-card-2 .number-img .book-name .icons {
		display: flex;
		gap: 16px;
}
.trending-books-2 .trending-book-slider .book-card-2 .number-img .book-name .icons li i {
		font-size: 24px;
}
.trending-books-2 .trending-book-slider .book-card-2:hover .number-img .book-name {
		bottom: 130px;
		cursor: pointer;
}

.weekly-deals-slider {
		margin: 0 -12px;
}
.weekly-deals-slider .week-deal-card {
		margin: 0 12px;
		margin-bottom: 40px;
}
@media (max-width: 1199px) {
		.weekly-deals-slider .week-deal-card {
				margin: 32px 0;
		}
}
@media (max-width: 991px) {
		.weekly-deals-slider .week-deal-card {
				margin: 28px 0;
		}
}
@media (max-width: 767px) {
		.weekly-deals-slider .week-deal-card {
				margin: 22px 0;
		}
}

.horror h3 {
		position: relative;
}
.horror h3:after {
		content: '';
		display: flex;
		width: 55%;
		left: 315px;
		height: 2px;
		background: #D4D8DD;
		right: 168px;
		top: 50%;
		position: absolute;
}
@media (max-width: 1499px) {
		.horror h3:after {
				width: 50%;
				left: 290px;
		}
}
@media (max-width: 1198px) {
		.horror h3:after {
				width: 42%;
				left: 300px;
		}
}
@media (max-width: 989px) {
		.horror h3:after {
				width: 32%;
				left: 240px;
		}
}
.horror img {
		box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.04), 1px 1px 2px 0px rgba(0, 0, 0, 0.04), 4px 3px 4px 0px rgba(0, 0, 0, 0.03), 8px 6px 6px 0px rgba(0, 0, 0, 0.02), 14px 11px 7px 0px rgba(0, 0, 0, 0.01), 22px 17px 8px 0px rgba(0, 0, 0, 0);
}
.horror .horror-books-slider .slide-images {
		margin-right: 24px;
}
.horror .horror-books-slider .slide-images img {
		border-radius: 15px;
		box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.1), 1px 2px 5px 0px rgba(0, 0, 0, 0.1), 5px 8px 9px 0px rgba(0, 0, 0, 0.09), 10px 17px 12px 0px rgba(0, 0, 0, 0.05), 18px 30px 14px 0px rgba(0, 0, 0, 0.01), 28px 48px 15px 0px rgba(0, 0, 0, 0);
}
@media (max-width: 768px) {
		.horror .horror-books-slider .slide-images img {
				margin-top: 16px;
		}
}

.selector {
		position: relative;
		padding: 20px;
		width: 400px;
		color: #7E7E7E;
}

.selector ul {
		position: relative;
		display: block;
		overflow: auto;
		min-width: 138px;
		max-height: 200px;
		background: #FFFFFF;
		list-style: none;
		white-space: inherit;
		padding-right: 17px;
		width: calc(100% + 17px);
}

.selector li {
		position: relative;
		padding: 3px 20px 3px 25px;
		cursor: pointer;
}

.selector li:before {
		position: absolute;
		top: 50%;
		left: 0;
		top: 4px;
		display: inline-block;
		margin-right: 9px;
		width: 17px;
		height: 17px;
		background-color: #F4F4F4;
		border: 1px solid #D5D5D5;
		content: '';
}

.selector li[data-selected='1']:before {
		border: 1px solid #D7D7D7;
		background-color: #FFFFFF;
}

.selector li[data-selected='1']:after {
		position: absolute;
		top: 50%;
		left: 3px;
		top: 11px;
		display: inline-block;
		width: 4px;
		height: 10px;
		border-right: 2px solid;
		border-bottom: 2px solid;
		background: none;
		color: #F2F2F2;
		content: '';
		-webkit-transform: rotate(40deg) translateY(-50%);
		transform: rotate(40deg) translateY(-50%);
}

.selector li:hover {
		color: #AAAAAA;
}

.selector li .total {
		position: absolute;
		right: 0;
		color: #D7D7D7;
}

.selector .price-slider {
		text-align: center;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		position: relative;
		padding-top: 17px;
}

@media (min-width: 768px) {
		.selector .price-slider {
				padding-top: 8px;
		}
}
.selector .price-slider:before {
		position: absolute;
		top: 50%;
		left: 0;
		margin-top: 0;
		color: #FA9A41;
		content: attr(data-currency);
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
}

.selector #slider-range {
		width: 90%;
		margin-bottom: 30px;
		border: none;
		background: #F3F3F7;
		height: 3px;
		margin-left: 8px;
		margin-right: 8px;
}

@media (min-width: 768px) {
		.selector #slider-range {
				width: 100%;
		}
}
.selector .ui-slider-handle {
		border-radius: 50%;
		background-color: #39C9A9;
		border: none;
		top: -14px;
		width: 28px;
		height: 28px;
		outline: none;
}

@media (min-width: 768px) {
		.selector .ui-slider-handle {
				top: -7px;
				width: 16px;
				height: 16px;
		}
}
.selector .ui-slider-range {
		background-color: #F3F3F7;
}

.selector .slider-price {
		position: relative;
		display: inline-block;
		padding: 5px 40px;
		width: 40%;
		background-color: #F3F3F7;
		line-height: 28px;
		text-align: center;
}

.selector .slider-price:before {
		position: absolute;
		top: 50%;
		left: 13px;
		margin-top: 0;
		color: #FA9A41;
		content: attr(data-currency);
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
}

.selector .show-all {
		position: relative;
		padding-left: 25px;
		color: #FA9A41;
		cursor: pointer;
		line-height: 28px;
}

.selector .show-all:after, .selector .show-all:before {
		content: '';
		position: absolute;
		top: 50%;
		left: 4px;
		margin-top: -1px;
		color: #FA9A41;
		width: 10px;
		border-bottom: 1px solid;
}

.selector .show-all:after {
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
}

.selector.open ul {
		max-height: none;
}

.selector.open .show-all:after {
		display: none;
}

* {
		-webkit-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
}

.book-card-3 {
		position: relative;
		padding: 32px 0;
		text-align: end;
		overflow: hidden;
}
.book-card-3 .number {
		position: absolute;
		z-index: 5;
		top: 32px;
		left: 32px;
		font-size: 150px;
		color: rgba(198, 203, 210, 0.5);
		font-weight: 500;
		line-height: 120%;
		letter-spacing: -3px;
}
@media (max-width: 1599px) {
		.book-card-3 .number {
				top: 16px;
				left: 16px;
				font-size: 120px;
		}
}
.book-card-3 .main-img {
		position: relative;
		z-index: 10;
		display: grid;
		align-content: end;
		justify-content: end;
		padding-right: 30px;
		margin-left: 110px;
}
.book-card-3 .detail {
		position: absolute;
		bottom: -150px;
		z-index: 20;
		left: 24px;
		color: #F8F8FF;
		transition: all 0.5s ease;
}
.book-card-3 .detail .icons {
		display: flex;
		gap: 16px;
}
.book-card-3 .detail .icons li i {
		font-size: 24px;
}
.book-card-3:hover .detail {
		bottom: 24px;
		cursor: pointer;
}
.book-card-3.slide-1 {
		background: url(../media/slider-2/silder-image-1.png);
}
.book-card-3.slide-2 {
		background: url(../media/slider-2/silder-image-2.png);
}
.book-card-3.slide-3 {
		background: url(../media/slider-2/silder-image-3.png);
}
.book-card-3.slide-4 {
		background: url(../media/slider-2/silder-image-4.png);
}
.book-card-3.slide-5 {
		background: url(../media/slider-2/silder-image-5.png);
}
.book-card-3.slide-6 {
		background: url(../media/slider-2/silder-image-6.png);
}
.book-card-3.slide-7 {
		background: url(../media/slider-2/silder-image-7.png);
}
.book-card-3.slide-8 {
		background: url(../media/slider-2/silder-image-8.png);
}
.book-card-3.slide-9 {
		background: url(../media/slider-2/silder-image-9.png);
}
.book-card-3.slide-10 {
		background: url(../media/slider-2/silder-image-10.png);
}

.about-banner {
		width: 100%;
		position: relative;
}
.about-banner .content {
		position: relative;
}
@media (max-width: 767px) {
		.about-banner .content h1 {
				font-size: 34px;
		}
}
.about-banner .content .our-community {
		transform: translate(13%, 0px);
		flex-wrap: wrap;
		display: flex;
		gap: 16px;
}
@media (max-width: 1399px) {
		.about-banner .content .our-community {
				left: 35%;
				bottom: -20px;
		}
}
@media (max-width: 992px) {
		.about-banner .content .our-community {
				left: 20%;
		}
}
@media (max-width: 767px) {
		.about-banner .content .our-community {
				position: relative;
				left: auto;
				bottom: auto;
				transform: translate(0);
				margin-top: 32px;
		}
}
@media (max-width: 492px) {
		.about-banner .content .our-community {
				justify-content: center;
				gap: 8px;
		}
}
.about-banner .content .our-community .community-block {
		display: flex;
		align-items: center;
		gap: 8px;
}
.about-banner .content .our-community .community-block .community-img {
		margin-right: 16px;
}
.about-banner .content .our-community .community-block .community-img img {
		border: 1px solid #F8F8FF;
		width: 48px;
		height: 48px;
		border-radius: 48px;
		margin-right: -16px;
		position: relative;
		z-index: 20;
}
.about-banner .content .our-community .community-block .community-img img:nth-child(2) {
		z-index: 15;
}
.about-banner .content .our-community .community-block .community-img img:nth-child(3) {
		z-index: 10;
}
.about-banner .content .our-community .community-block .community-img img:nth-child(4) {
		z-index: 5;
}
.about-banner .content .our-story-img img {
		border-radius: 20px;
		box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.04), 1px 1px 2px 0px rgba(0, 0, 0, 0.04), 4px 3px 4px 0px rgba(0, 0, 0, 0.03), 8px 6px 6px 0px rgba(0, 0, 0, 0.02), 14px 11px 7px 0px rgba(0, 0, 0, 0.01), 22px 17px 8px 0px rgba(0, 0, 0, 0);
}

.our-vision .image-block {
		position: relative;
		display: flex;
}
.our-vision .image-block img {
		position: relative;
		top: 0;
		display: flex;
		border-radius: 20px;
}
.our-vision .image-block .ceo-block {
		display: flex;
		position: absolute;
		bottom: 0;
		background-color: #F8F8FF;
		padding: 16px;
		border-radius: 15px;
		box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.04), 1px 1px 2px 0px rgba(0, 0, 0, 0.04), 4px 3px 4px 0px rgba(0, 0, 0, 0.03), 8px 6px 6px 0px rgba(0, 0, 0, 0.02), 14px 11px 7px 0px rgba(0, 0, 0, 0.01), 22px 17px 8px 0px rgba(0, 0, 0, 0);
		margin: 32px;
}
.our-vision .image-block .ceo-block .ceo-info {
		display: flex;
		flex-direction: column;
		display: flex;
		flex-direction: column;
		align-items: center;
}
.our-vision .image-block .ceo-block .ceo-info img {
		border-radius: 160px;
}
.our-vision .image-block .ceo-block .qoutes {
		display: flex;
		justify-items: self-start;
}
.our-vision .image-block .ceo-block .qoutes .ceo-msg {
		display: flex;
		flex-direction: column;
		align-items: flex-end;
}
.our-vision .image-block .ceo-block .qoutes-2 {
		float: right;
}
@media (max-width: 576px) {
		.our-vision .image-block .ceo-block {
				bottom: 0px;
				padding: 8px;
				margin: 24px;
		}
}

.our-values .accordion {
		box-shadow: none;
		border-radius: 0;
		border: none;
		display: flex;
		flex-direction: column;
		gap: 8px;
}
.our-values .accordion .accordion-item {
		background-color: #F3F3F7;
		box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.04), 1px 1px 2px 0px rgba(0, 0, 0, 0.04), 4px 3px 4px 0px rgba(0, 0, 0, 0.03), 8px 6px 6px 0px rgba(0, 0, 0, 0.02), 14px 11px 7px 0px rgba(0, 0, 0, 0.01), 22px 17px 8px 0px rgba(0, 0, 0, 0);
		border-radius: 0px 0px 10px 10px;
		border: none !important;
}
.our-values .accordion .accordion-item :first-of-type .accordion-header {
		border: none;
}
.our-values .accordion .accordion-item :first-of-type .accordion-button {
		border: none;
		background-color: #F3F3F7;
		display: flex;
		gap: 8px;
		padding: 0 0.75rem;
}
.our-values .accordion .accordion-item .accordion-button {
		display: flex;
		gap: 8px;
		background-color: #F3F3F7;
}
.our-values .accordion .accordion-item .accordion-button:focus {
		box-shadow: none;
}
.our-values .accordion .accordion-item .accordion-header {
		border: none;
}
.our-values .accordion .accordion-item .accordion-body {
		background-color: #F3F3F7;
}
.our-values .value-img img {
		border-radius: 20px;
		box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.04), 1px 1px 2px 0px rgba(0, 0, 0, 0.04), 4px 3px 4px 0px rgba(0, 0, 0, 0.03), 8px 6px 6px 0px rgba(0, 0, 0, 0.02), 14px 11px 7px 0px rgba(0, 0, 0, 0.01), 22px 17px 8px 0px rgba(0, 0, 0, 0);
}
@media (max-width: 1199px) {
		.our-values .value-img {
				margin-top: 24px;
		}
}

.inner-banner-1 {
		background: url(../media/banner/lower-banner.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		padding: 80px 0;
}
.inner-banner-1 .banner-img {
		box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.04), 1px 1px 2px 0px rgba(0, 0, 0, 0.04), 4px 3px 4px 0px rgba(0, 0, 0, 0.03), 8px 6px 6px 0px rgba(0, 0, 0, 0.02), 14px 11px 7px 0px rgba(0, 0, 0, 0.01), 22px 17px 8px 0px rgba(0, 0, 0, 0);
		border-radius: 15px;
}

.inner-banner-2 {
		background: url(../media/banner/lower-banner-2.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		padding: 80px 0;
}
.inner-banner-2 .inner-card .title-text {
		color: #F8F8FF;
		transition: all 0.5s ease;
}
.inner-banner-2 .inner-card img {
		box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.04), 1px 1px 2px 0px rgba(0, 0, 0, 0.04), 4px 3px 4px 0px rgba(0, 0, 0, 0.03), 8px 6px 6px 0px rgba(0, 0, 0, 0.02), 14px 11px 7px 0px rgba(0, 0, 0, 0.01), 22px 17px 8px 0px rgba(0, 0, 0, 0);
		border-radius: 15px;
}
.inner-banner-2 .inner-card:hover .title-text {
		color: #FA9A41;
}

.coming-soon-banner-2 {
		background: url(../media/backgrounds/coming-soon-banner.png) no-repeat;
		background-size: cover;
		background-position: center;
		height: 1020px;
}
.coming-soon-banner-2 .content {
		height: 1020px;
		display: grid;
		align-content: center;
		padding-left: 30px;
}

.form-map .form-section {
		padding: 24px;
		border-radius: 30px;
		box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.04), 1px 1px 2px 0px rgba(0, 0, 0, 0.04), 4px 3px 4px 0px rgba(0, 0, 0, 0.03), 8px 6px 6px 0px rgba(0, 0, 0, 0.02), 14px 11px 7px 0px rgba(0, 0, 0, 0.01), 22px 17px 8px 0px rgba(0, 0, 0, 0);
}
.form-map .form-section .link-btn {
		border: 2px solid #9EA2A8;
		border-radius: 30px;
		padding: 15px;
		display: flex;
		gap: 12px;
		text-align: center;
		align-items: center;
}
.form-map .form-section form .form-control {
		background-color: #F3F3F7;
		border: 1px solid #9EA2A8;
		border-radius: 30px;
		color: #2C3435;
		padding: 15px;
}
.form-map .form-section form .submit-button {
		position: relative;
}
.form-map .form-section form button {
		display: flex;
		justify-content: center;
		padding: 15px 32px 15px 8px;
}
.form-map .map-block {
		display: flex;
}
.form-map .map-block iframe {
		width: 636px;
		height: 531px;
		border-radius: 30px;
		box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.04), 1px 1px 2px 0px rgba(0, 0, 0, 0.04), 4px 3px 4px 0px rgba(0, 0, 0, 0.03), 8px 6px 6px 0px rgba(0, 0, 0, 0.02), 14px 11px 7px 0px rgba(0, 0, 0, 0.01), 22px 17px 8px 0px rgba(0, 0, 0, 0);
}

.faq .accordion {
		box-shadow: none;
		border-radius: 0;
		border: none;
		display: flex;
		flex-direction: column;
		gap: 8px;
}
.faq .accordion .accordion-item {
		background-color: #F3F3F7;
		box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.04), 1px 1px 2px 0px rgba(0, 0, 0, 0.04), 4px 3px 4px 0px rgba(0, 0, 0, 0.03), 8px 6px 6px 0px rgba(0, 0, 0, 0.02), 14px 11px 7px 0px rgba(0, 0, 0, 0.01), 22px 17px 8px 0px rgba(0, 0, 0, 0);
		border-radius: 0px 0px 10px 10px;
		border: none !important;
}
.faq .accordion .accordion-item :first-of-type .accordion-header {
		border: none;
}
.faq .accordion .accordion-item :first-of-type .accordion-button {
		color: #2C3435;
		font-weight: 500;
		border: none;
		background-color: #F3F3F7;
		display: flex;
		gap: 8px;
		padding: 0 0.75rem;
}
.faq .accordion .accordion-item .accordion-button {
		display: flex;
		gap: 8px;
		background-color: #F3F3F7;
}
.faq .accordion .accordion-item .accordion-button:focus {
		box-shadow: none;
}
.faq .accordion .accordion-item .accordion-header {
		border: none;
}
.faq .accordion .accordion-item .accordion-body {
		background-color: #F3F3F7;
}
.faq .faq-form {
		padding: 24px;
		border-radius: 30px;
		box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.04), 1px 1px 2px 0px rgba(0, 0, 0, 0.04), 4px 3px 4px 0px rgba(0, 0, 0, 0.03), 8px 6px 6px 0px rgba(0, 0, 0, 0.02), 14px 11px 7px 0px rgba(0, 0, 0, 0.01), 22px 17px 8px 0px rgba(0, 0, 0, 0);
}
.faq .faq-form .link-btn {
		border: 2px solid #9EA2A8;
		border-radius: 30px;
		padding: 15px;
		display: flex;
		gap: 12px;
		text-align: center;
		align-items: center;
}
.faq .faq-form form .form-control {
		background-color: #F3F3F7;
		border: 1px solid #9EA2A8;
		border-radius: 30px;
		color: #2C3435;
		padding: 15px;
}
.faq .faq-form form .form-control.comment {
		padding: 70px 10px;
}
.faq .faq-form form .submit-button {
		position: relative;
}
.faq .faq-form form button {
		display: flex;
		justify-content: center;
		padding: 15px 32px 15px 8px;
}

.product-detail .product-content {
		padding: 24px 0;
		display: flex;
		flex-direction: column;
}
.product-detail .product-content .main-content {
		display: flex;
		flex-direction: column;
		gap: 16px;
}
.product-detail .product-content .main-content .price {
		display: flex;
		gap: 4px;
		align-items: center;
}
.product-detail .product-content .main-content .price .old-price {
		text-decoration-line: line-through;
}
.product-detail .product-content .quantity {
		display: flex;
		align-items: center;
}
.product-detail .product-content .quantity input {
		display: grid;
		align-content: center;
		border: none;
		border-radius: 0px;
		text-align: center;
		font-family: 'Inter', sans-serif;
		font-weight: 500;
		font-size: 21px;
		background-color: #F8F8FF;
		color: #2C3435;
		padding: 0 8px;
}
@media (max-width: 992px) {
		.product-detail .product-content .quantity input {
				font-size: 20x;
		}
}
@media (max-width: 767px) {
		.product-detail .product-content .quantity input {
				font-size: 18x;
		}
}
@media (max-width: 575px) {
		.product-detail .product-content .quantity input {
				font-size: 17px;
		}
}
.product-detail .product-content .quantity input:focus-visible {
		outline: none;
}
.product-detail .product-content .quantity input.decrement {
		font-size: 48px;
		font-weight: 200;
}
.product-detail .product-content .quantity input.increment {
		font-size: 48px;
		font-weight: 200;
}
.product-detail .product-content .quantity input.number {
		padding: 6.5px 0;
		background-color: #F3F3F7;
		border-radius: 32px;
		font-size: 27px;
}
.product-detail .product-content .cart-button {
		display: flex;
		gap: 16px;
}
.product-detail .product-content .cart-button ul {
		display: flex;
		gap: 16px;
}
.product-detail .product-content .cart-button ul li {
		display: flex;
		align-items: center;
		font-size: 25px;
		padding: 11px 11px;
		background-color: #F3F3F7;
		border-radius: 42px;
}
.product-detail .product-content .progress {
		height: 3px;
		margin-top: 8px;
		background-color: #9EA2A8;
}
.product-detail .product-content .progress .progress-bar {
		background-color: #64C7FF;
}
.product-detail .product-content .writer-area {
		display: grid;
		gap: 24px;
}
.product-detail .product-content .writer-area span {
		display: flex;
}
.product-detail .product-content .writer-area ul {
		display: flex;
		gap: 16px;
}
.product-detail .product-content .writer-area ul li img {
		width: 24px;
		height: 24px;
}
.product-detail .product-content .sold-books {
		display: flex;
}
.product-detail .product-image {
		background-color: #F3F3F7;
		padding: 24px;
		border-radius: 20px;
}
.product-detail .product-image img {
		border-radius: 15px;
		border: solid 20px white;
}

.product-description {
		padding: 64px 0;
}
.product-description nav .nav-link {
		color: #7A7F85;
		font-size: 36px;
		font-weight: 500;
		color: #2C3435;
}
.product-description nav .nav-link.active {
		border: none;
		border-bottom: 2px solid #FA9A41;
		padding-bottom: 8px;
}
.product-description .comments-sec .comment-box {
		display: flex;
		align-items: flex-start;
		gap: 24px;
}
@media (max-width: 575px) {
		.product-description .comments-sec .comment-box {
				gap: 12px;
		}
}
.product-description .comments-sec .comment-box img {
		border-radius: 10px;
}
@media (max-width: 575px) {
		.product-description .comments-sec .comment-box img {
				width: 42px;
				height: 42px;
		}
}
.product-description .comments-sec .comment-box .top-row {
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
}
.product-description .comments-sec .comment-box .top-row .info {
		width: 100%;
}
.product-description .comments-sec .comment-box .top-row .accordion-button {
		display: block !important;
		text-align: end;
		width: fit-content;
}
.product-description .comments-sec .comment-box .top-row .reply-btn {
		font-family: 'Inter', sans-serif;
		font-weight: 600;
		font-size: 16px;
		line-height: 150%;
		letter-spacing: 0.32px;
}
@media (max-width: 992px) {
		.product-description .comments-sec .comment-box .top-row .reply-btn {
				font-size: 15px;
		}
}
@media (max-width: 767px) {
		.product-description .comments-sec .comment-box .top-row .reply-btn {
				font-size: 14px;
		}
}
@media (max-width: 575px) {
		.product-description .comments-sec .comment-box .top-row .reply-btn {
				font-size: 13px;
		}
}
.product-description .comments-sec .comment-box .reply {
		display: flex;
		gap: 24px;
		align-items: flex-start;
}
@media (max-width: 575px) {
		.product-description .comments-sec .comment-box .reply {
				gap: 12px;
		}
}
.product-description .comments-sec .comment-box .write-comment-box .input-group {
		margin-bottom: 24px;
}
.product-description .comments-sec .comment-box .write-comment-box .input-group button {
		background: #2C3435;
		color: #FA9A41;
		padding-right: 12px;
		font-weight: 600;
		border: none;
}

.review-form {
		padding-top: 80px;
}
.review-form .link-btn {
		border-radius: 30px;
		padding: 15px;
		display: flex;
		gap: 12px;
		text-align: center;
		align-items: center;
}
.review-form form .form-control {
		background-color: #F3F3F7;
		box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.04), 1px 1px 2px 0px rgba(0, 0, 0, 0.04), 4px 3px 4px 0px rgba(0, 0, 0, 0.03), 8px 6px 6px 0px rgba(0, 0, 0, 0.02), 14px 11px 7px 0px rgba(0, 0, 0, 0.01), 22px 17px 8px 0px rgba(0, 0, 0, 0);
		border: none;
		border-radius: 10px;
		color: #2C3435;
		padding: 15px;
}
.review-form form .form-control.email {
		border-radius: 30px;
}
.review-form form .filter-checkbox input {
		padding: 0;
		display: none;
		border: 1px solid #16191A;
		cursor: pointer;
}
.review-form form .filter-checkbox input:checked + label:after {
		content: '';
		display: block;
		position: absolute;
		top: 3px;
		left: 5px;
		width: 5px;
		height: 12px;
		z-index: 10;
		border: solid #16191A;
		border-width: 0 2px 2px 0;
		transform: rotate(45deg);
}
.review-form form .filter-checkbox label {
		position: relative;
		cursor: pointer;
		color: #2C3435;
		font-family: 'Inter', sans-serif;
		font-weight: 500;
		font-size: 16px;
		line-height: 130%;
}
@media (max-width: 992px) {
		.review-form form .filter-checkbox label {
				font-size: 14px;
		}
}
@media (max-width: 767px) {
		.review-form form .filter-checkbox label {
				font-size: 12px;
		}
}
@media (max-width: 575px) {
		.review-form form .filter-checkbox label {
				font-size: 12px;
		}
}
.review-form form .filter-checkbox label:before {
		content: '';
		-webkit-appearance: none;
		background: transparent;
		border: 1px solid #16191A;
		border-radius: 3px;
		width: 16px;
		height: 16px;
		display: inline-block;
		position: relative;
		vertical-align: middle;
		cursor: pointer;
		margin-right: 8px;
		margin-top: -3px;
}

.related-product .top-row {
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: 32px;
		flex-wrap: wrap;
}

.product-detail-2 {
		display: flex;
}
.product-detail-2 .product-content-2 {
		padding: 24px;
}
.product-detail-2 .product-content-2 .product-properties {
		display: flex;
		justify-content: space-between;
		align-items: center;
}
.product-detail-2 .product-content-2 .product-properties .price {
		display: flex;
		align-items: center;
}
.product-detail-2 .product-content-2 .product-properties .price .old-price {
		text-decoration-line: line-through;
}
.product-detail-2 .product-content-2 .comments-sec .comment-box {
		display: flex;
		align-items: flex-start;
		gap: 24px;
}
@media (max-width: 575px) {
		.product-detail-2 .product-content-2 .comments-sec .comment-box {
				gap: 12px;
		}
}
.product-detail-2 .product-content-2 .comments-sec .comment-box img {
		border-radius: 10px;
}
@media (max-width: 575px) {
		.product-detail-2 .product-content-2 .comments-sec .comment-box img {
				width: 42px;
				height: 42px;
		}
}
.product-detail-2 .product-content-2 .comments-sec .comment-box .top-row {
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
}
.product-detail-2 .product-content-2 .comments-sec .comment-box .top-row .info {
		width: 100%;
}
.product-detail-2 .product-content-2 .comments-sec .comment-box .top-row .accordion-button {
		display: block !important;
		text-align: end;
		width: fit-content;
}
.product-detail-2 .product-content-2 .comments-sec .comment-box .top-row .reply-btn {
		font-family: 'Inter', sans-serif;
		font-weight: 600;
		font-size: 16px;
		line-height: 150%;
		letter-spacing: 0.32px;
}
@media (max-width: 992px) {
		.product-detail-2 .product-content-2 .comments-sec .comment-box .top-row .reply-btn {
				font-size: 15px;
		}
}
@media (max-width: 767px) {
		.product-detail-2 .product-content-2 .comments-sec .comment-box .top-row .reply-btn {
				font-size: 14px;
		}
}
@media (max-width: 575px) {
		.product-detail-2 .product-content-2 .comments-sec .comment-box .top-row .reply-btn {
				font-size: 13px;
		}
}
.product-detail-2 .product-content-2 .comments-sec .comment-box .reply {
		display: flex;
		gap: 24px;
		align-items: flex-start;
}
@media (max-width: 575px) {
		.product-detail-2 .product-content-2 .comments-sec .comment-box .reply {
				gap: 12px;
		}
}
.product-detail-2 .product-content-2 .comments-sec .comment-box .write-comment-box .input-group {
		margin-bottom: 24px;
}
.product-detail-2 .product-content-2 .comments-sec .comment-box .write-comment-box .input-group button {
		background: #2C3435;
		color: #FA9A41;
		padding-right: 12px;
		font-weight: 600;
		border: none;
}
.product-detail-2 .functions-area {
		display: flex;
		align-items: flex-start;
		margin: 40px 0;
}
.product-detail-2 .functions-area .quantity {
		display: flex;
		align-items: center;
}
.product-detail-2 .functions-area .quantity input {
		display: grid;
		align-content: center;
		text-align: center;
		line-height: 120%;
		letter-spacing: -0.27px;
		font-size: 21px;
		font-family: 'Inter', sans-serif;
		color: #2C3435;
		background-color: #F8F8FF;
		border-radius: 0px;
		border: none;
		border-radius: 0px;
		font-weight: 500;
		padding: 0 8px;
}
@media (max-width: 992px) {
		.product-detail-2 .functions-area .quantity input {
				font-size: 20x;
		}
}
@media (max-width: 767px) {
		.product-detail-2 .functions-area .quantity input {
				font-size: 18x;
		}
}
@media (max-width: 575px) {
		.product-detail-2 .functions-area .quantity input {
				font-size: 17px;
		}
}
.product-detail-2 .functions-area .quantity input:focus-visible {
		outline: none;
}
.product-detail-2 .functions-area .quantity input.decrement {
		font-size: 41px;
		font-weight: 200;
}
.product-detail-2 .functions-area .quantity input.increment {
		font-size: 41px;
		font-weight: 200;
}
.product-detail-2 .functions-area .quantity input.number {
		padding: 6.5px 0;
		background-color: #F3F3F7;
		border-radius: 32px;
		font-size: 27px;
}
.product-detail-2 .functions-area .cart-button {
		display: flex;
		gap: 16px;
}
.product-detail-2 .functions-area .cart-button ul {
		display: flex;
		gap: 16px;
}
.product-detail-2 .functions-area .cart-button ul li {
		display: flex;
		align-items: center;
		font-size: 25px;
		padding: 11px 11px;
		background-color: #F3F3F7;
		border-radius: 42px;
}
.product-detail-2 .sold-quantity {
		display: flex;
}
.product-detail-2 .progress {
		height: 3px;
		margin-top: 8px;
		background-color: #9EA2A8;
}
.product-detail-2 .progress .progress-bar {
		background-color: #64C7FF;
}
.product-detail-2 nav .nav-link {
		color: #7A7F85;
		font-size: 36px;
		font-weight: 500;
		color: #2C3435;
}
.product-detail-2 nav .nav-link.active {
		border: none;
		border-bottom: 2px solid #FA9A41;
		padding-bottom: 8px;
}
.product-detail-2 nav .nav-link.detail-2 {
		font-size: 21px;
		font-weight: 500;
}
.product-detail-2 .product-image {
		padding: 24px;
		background-color: #F3F3F7;
		border-radius: 20px;
}

.cart {
		padding: 60px;
}
@media (max-width: 768px) {
		.cart {
				padding: 16px;
		}
}
.cart .cart-table {
		width: 100%;
		border-radius: 10px;
}
.cart .cart-table thead tr th {
		padding-bottom: 32px;
		text-align: right;
		padding-right: 30px;
		color: #2C3435;
		font-family: 'Inter', sans-serif;
		font-weight: 500;
		font-size: 21px;
		line-height: 120%;
		letter-spacing: -0.27px;
}
@media (max-width: 992px) {
		.cart .cart-table thead tr th {
				font-size: 26px;
		}
}
@media (max-width: 767px) {
		.cart .cart-table thead tr th {
				font-size: 24px;
		}
}
@media (max-width: 575px) {
		.cart .cart-table thead tr th {
				font-size: 22px;
				letter-spacing: 0.27px;
		}
}
.cart .cart-table thead tr th:first-child {
		text-align: left;
		padding-right: 0;
}
.cart .cart-table thead tr th:nth-child(3) {
		text-align: center;
}
.cart .cart-table thead tr th:nth-child(4) {
		text-align: center;
}
.cart .cart-table tbody tr {
		border: 1px solid #9EA2A8;
		margin-bottom: 24px;
}
@media (max-width: 767px) {
		.cart .cart-table tbody tr {
				width: 50%;
		}
}
.cart .cart-table tbody tr td {
		padding: 24px;
		text-align: right;
}
.cart .cart-table tbody tr td:first-child {
		text-align: left;
		padding-right: 0;
}
.cart .cart-table tbody tr td:nth-child(3) {
		text-align: center;
}
.cart .cart-table tbody tr td:nth-child(4) {
		text-align: left;
}
.cart .cart-table tbody tr td:nth-child(5) {
		font-size: 24px;
		color: #9EA2A8;
}
.cart .cart-table tbody tr td .product-detail-box {
		display: flex;
		align-items: center;
		gap: 24px;
}
.cart .cart-table tbody tr td .product-detail-box .img-block img {
		border-radius: 5px;
		box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.04), 1px 1px 2px 0px rgba(0, 0, 0, 0.04), 4px 3px 4px 0px rgba(0, 0, 0, 0.03), 8px 6px 6px 0px rgba(0, 0, 0, 0.02), 14px 11px 7px 0px rgba(0, 0, 0, 0.01), 22px 17px 8px 0px rgba(0, 0, 0, 0);
}
.cart .cart-table tbody tr td .quantity {
		display: flex;
		align-items: center;
		justify-content: center;
}
.cart .cart-table tbody tr td .quantity input {
		display: grid;
		align-content: center;
		border: none;
		border-radius: 0px;
		text-align: center;
		font-family: 'Inter', sans-serif;
		background: transparent;
		font-weight: 200;
		font-size: 48px;
		letter-spacing: -0.27px;
		color: #7A7F85;
}
@media (max-width: 992px) {
		.cart .cart-table tbody tr td .quantity input {
				font-size: 46px;
		}
}
@media (max-width: 767px) {
		.cart .cart-table tbody tr td .quantity input {
				font-size: 44px;
		}
}
@media (max-width: 575px) {
		.cart .cart-table tbody tr td .quantity input {
				font-size: 42px;
		}
}
.cart .cart-table tbody tr td .quantity input.number {
		padding: 6.5px 0;
		border-radius: 32px;
		font-size: 21px;
		font-weight: 500;
		background-color: #F3F3F7;
		color: #2C3435;
}
.cart .cart-table tbody tr td a i {
		padding-right: 32px;
}

.cart .cart-item-block {
		background: #F3F3F7;
		border-radius: 15px;
		text-align: center;
		padding: 16px;
		position: relative;
}
.cart .cart-item-block .cross {
		position: absolute;
		top: 8px;
		right: 12px;
}
.cart .cart-item-block .cross i {
		font-size: 24px;
}
.cart .cart-item-block .cross i:hover {
		color: #FA9A41;
}
.cart .cart-item-block .img-block img {
		margin: 0 auto;
		border-radius: 15px;
}
.cart .cart-item-block .detail li {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 16px;
}
.cart .cart-item-block .detail li:last-child {
		margin-bottom: 0;
}
.cart .cart-item-block .detail li .quantity {
		display: flex;
		align-items: center;
		justify-content: end;
}
.cart .cart-item-block .detail li .quantity input {
		height: 48px;
		display: grid;
		align-content: center;
		border: none;
		border-radius: 0px;
		text-align: center;
		font-family: 'Inter', sans-serif;
		font-weight: 700;
		font-size: 17px;
		line-height: 120%;
		letter-spacing: -0.27px;
		color: #2C3435;
		padding: 0 8px;
}
@media (max-width: 992px) {
		.cart .cart-item-block .detail li .quantity input {
				font-size: 17px;
		}
}
@media (max-width: 767px) {
		.cart .cart-item-block .detail li .quantity input {
				font-size: 17px;
		}
}
@media (max-width: 575px) {
		.cart .cart-item-block .detail li .quantity input {
				font-size: 17px;
		}
}
.cart .cart-item-block .detail li .quantity input:focus-visible {
		outline: none;
}
.cart .cart-item-block .detail li .quantity input.number {
		padding: 0;
}

.shipping .choose-shipping-mode {
		padding: 24px;
		border: 1px solid #9EA2A8;
		border-radius: 15px;
}
.shipping .choose-shipping-mode.cart-2 {
		border: 1px solid #9EA2A8;
		border-radius: 15px;
		padding: 0;
}
.shipping .choose-shipping-mode .filter-block {
		border-bottom: 1px solid #F8F8FF;
}
@media (max-width: 768px) {
		.shipping .choose-shipping-mode .filter-block {
				display: grid;
				justify-content: center;
		}
}
.shipping .choose-shipping-mode .filter-block .title {
		display: flex;
		justify-content: space-between;
		align-items: center;
}
.shipping .choose-shipping-mode .filter-block .list li {
		display: flex;
		align-items: center;
}
.shipping .choose-shipping-mode .amounts {
		display: flex;
		flex-direction: column;
		float: right;
}
@media (max-width: 768px) {
		.shipping .choose-shipping-mode .amounts {
				float: none;
				margin-top: 24px;
				align-items: center;
		}
}
.shipping .choose-shipping-mode .amounts.cart-pg-2 {
		float: none;
		padding: 24px;
}
.shipping .choose-shipping-mode .amounts.cart-pg-2 .sub-total {
		display: flex;
		justify-content: space-between;
}
.shipping .choose-shipping-mode .amounts.cart-pg-2 .shipping-charges {
		display: flex;
		justify-content: space-between;
}
.shipping .choose-shipping-mode .amounts.cart-pg-2 .grand-total {
		display: flex;
		justify-content: space-between;
}
.shipping .choose-shipping-mode .amounts .sub-total {
		display: flex;
		gap: 102px;
}
.shipping .choose-shipping-mode .amounts .shipping-charges {
		display: flex;
		gap: 137px;
}
.shipping .choose-shipping-mode .amounts .grand-total {
		display: flex;
		gap: 105px;
}

.product-form {
		border: 1px solid #9EA2A8;
		border-radius: 15px;
		padding: 24px;
}
.product-form form .form-control {
		background-color: transparent;
		border: 1px solid #9EA2A8;
		border-radius: 30px;
		color: #2C3435;
		padding: 15px;
}

form .form-control {
		background-color: transparent;
		border: 1px solid #9EA2A8;
		border-radius: 30px;
		color: #7A7F85;
		padding: 15px;
}
form .form-control.notes {
		border-radius: 10px;
		border: none;
		box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.04), 1px 1px 2px 0px rgba(0, 0, 0, 0.04), 4px 3px 4px 0px rgba(0, 0, 0, 0.03), 8px 6px 6px 0px rgba(0, 0, 0, 0.02), 14px 11px 7px 0px rgba(0, 0, 0, 0.01), 22px 17px 8px 0px rgba(0, 0, 0, 0);
}

.checkout .checkout-form {
		padding: 0 8px;
}
.checkout .checkout-form .sw-theme-basic {
		border: 0;
}
.checkout .checkout-form .sw-toolbar .sw-btn {
		display: none;
}
.checkout .checkout-form .sw-toolbar-elm {
		display: flex;
		justify-content: end;
}
.checkout .checkout-form .sw-toolbar-elm button {
		font-family: 'Inter', sans-serif;
		font-size: 16px;
		font-weight: 500;
		line-height: 150%;
		letter-spacing: 0.32px;
		width: fit-content;
		transition: all 0.5s ease;
		padding: 8px 16px;
		background-color: #FA9A41;
		color: #F8F8FF;
		border-radius: 30px;
		border: 0px;
}
.checkout .checkout-form .sw-toolbar-elm button:hover {
		background-color: #F8F8FF;
		color: #2C3435;
		transition: all 0.5s ease;
		box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.04), 1px 1px 2px 0px rgba(0, 0, 0, 0.04), 4px 3px 4px 0px rgba(0, 0, 0, 0.03), 8px 6px 6px 0px rgba(0, 0, 0, 0.02), 14px 11px 7px 0px rgba(0, 0, 0, 0.01), 22px 17px 8px 0px rgba(0, 0, 0, 0);
}
.checkout .checkout-form .nav {
		box-shadow: none !important;
		margin: 0;
		padding: 0;
		height: fit-content;
}
.checkout .checkout-form .nav .nav-item {
		padding: 16px 0;
		background-color: transparent;
		display: flex;
		align-items: center;
}
.checkout .checkout-form .nav .nav-item .nav-link {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		gap: 8px;
		padding: 0;
		margin: 0;
		height: auto;
		min-height: auto;
		margin-right: 0;
		border: 0;
		position: relative;
		width: 100%;
		overflow: hidden;
		margin-right: 16px;
}
.checkout .checkout-form .nav .nav-item .nav-link span {
		font-size: 16px;
		font-weight: 500;
		line-height: 150%;
		letter-spacing: 0.32px;
		color: #7A7F85;
		position: relative;
		background-color: #F8F8FF;
		padding-right: 10px;
}
.checkout .checkout-form .nav .nav-item .nav-link span::after {
		content: '';
		height: 2px;
		background: #9EA2A8;
		position: absolute;
		min-width: 230px;
		position: absolute;
		left: 100%;
		top: 50%;
}
.checkout .checkout-form .nav .nav-item .nav-link:after {
		display: none;
}
.checkout .checkout-form .nav .nav-item .nav-link.active span {
		color: #2C3435;
}
.checkout .checkout-form .nav .nav-item .nav-link .num {
		height: 24px;
		width: 24px;
		display: grid;
		justify-content: center;
		align-content: center;
		border-radius: 24px;
		font-size: 16px;
		font-weight: 500;
		line-height: 150%;
		background-color: #FA9A41;
		color: #F8F8FF;
}
.checkout .order-detail {
		display: flex;
		flex-direction: column;
		gap: 24px;
		background: #F3F3F7;
		padding: 24px;
		border-radius: 20px;
		box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.04), 1px 1px 2px 0px rgba(0, 0, 0, 0.04), 4px 3px 4px 0px rgba(0, 0, 0, 0.03), 8px 6px 6px 0px rgba(0, 0, 0, 0.02), 14px 11px 7px 0px rgba(0, 0, 0, 0.01), 22px 17px 8px 0px rgba(0, 0, 0, 0);
}
.checkout .order-detail .sub-total {
		display: flex;
		justify-content: space-between;
}
.checkout .order-detail .find-books-input {
		position: relative;
}
.checkout .order-detail .find-books-input .search-input {
		display: flex;
		width: 100%;
		padding: 14px 8px 14px 24px;
		justify-content: space-between;
		align-items: center;
		border-radius: 30px;
		border: 1px solid #7A7F85;
		background-color: #F3F3F7;
}
.checkout .order-detail .find-books-input .search-input.shop-listing {
		width: 306px;
}
.checkout .order-detail .find-books-input img {
		position: absolute;
		top: 6px;
		right: 10px;
		background-color: #FA9A41;
		padding: 8px;
		border-radius: 30px;
}
.checkout .contact-info {
		display: flex;
		justify-content: space-between;
		align-items: baseline;
		padding: 24px;
}
.checkout .card-select {
		position: relative;
}
.checkout .card-select img {
		position: absolute;
		top: 16px;
		left: 16px;
}
.checkout .icon-block {
		position: relative;
}
.checkout .icon-block i {
		position: absolute;
		top: 16px;
		right: 16px;
		font-size: 24px;
		color: #7A7F85;
}
.checkout .filter-checkbox {
		display: flex;
		justify-content: space-between;
		align-items: center;
}
.checkout .filter-checkbox input {
		padding: 0;
		display: none;
		border: 1px solid #16191A;
		cursor: pointer;
}
.checkout .filter-checkbox input:checked + label:after {
		content: '';
		display: block;
		position: absolute;
		top: 3px;
		left: 6px;
		width: 5px;
		height: 12px;
		z-index: 10;
		border: solid #16191A;
		border-width: 0 2px 2px 0;
		transform: rotate(45deg);
}
.checkout .filter-checkbox label {
		position: relative;
		cursor: pointer;
		color: #7A7F85;
		font-family: 'Inter', sans-serif;
		font-weight: 500;
		font-size: 16px;
		line-height: 130%;
}
@media (max-width: 992px) {
		.checkout .filter-checkbox label {
				font-size: 14px;
		}
}
@media (max-width: 767px) {
		.checkout .filter-checkbox label {
				font-size: 12px;
		}
}
@media (max-width: 575px) {
		.checkout .filter-checkbox label {
				font-size: 12px;
		}
}
.checkout .filter-checkbox label:before {
		content: '';
		-webkit-appearance: none;
		background: transparent;
		border: 1px solid #16191A;
		border-radius: 3px;
		width: 16px;
		height: 16px;
		display: inline-block;
		position: relative;
		vertical-align: middle;
		cursor: pointer;
		margin-right: 8px;
		margin-top: -3px;
}

.blog-section .blog-box {
		display: flex;
		flex-direction: column;
		justify-items: center;
		padding: 32px;
		border-radius: 20px;
		box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.04), 1px 1px 2px 0px rgba(0, 0, 0, 0.04), 4px 3px 4px 0px rgba(0, 0, 0, 0.03), 8px 6px 6px 0px rgba(0, 0, 0, 0.02), 14px 11px 7px 0px rgba(0, 0, 0, 0.01), 22px 17px 8px 0px rgba(0, 0, 0, 0);
}
@media (max-width: 1199px) {
		.blog-section .blog-box {
				margin-bottom: 24px;
		}
}
.blog-section .blog-box .blog-img a {
		overflow: hidden;
		border-radius: 10px;
}
.blog-section .blog-box .blog-img a img {
		-webkit-transition: all 0.25s linear 0s;
		transition: all 0.25s linear 0s;
}
@media (max-width: 1199px) {
		.blog-section .blog-box .blog-img a img {
				width: 100%;
		}
}
@media (max-width: 992px) {
		.blog-section .blog-box .blog-img a img {
				width: 100%;
		}
}
.blog-section .blog-box .name-date {
		display: flex;
		gap: 16px;
}
.blog-section .blog-box .name-date .writer-name {
		display: inline-flex;
		align-items: flex-start;
		border-right: 2px solid #9EA2A8;
		gap: 8px;
}
.blog-section .blog-box .name-date .date {
		display: flex;
		align-items: flex-start;
		gap: 8px;
}
.blog-section .blog-box:hover .blog-img a img {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
		-webkit-transition: all 0.25s linear 0s;
		transition: all 0.25s linear 0s;
}

.hero-banner-3 {
		position: relative;
		height: 316px;
		padding: 16px 0;
}
.hero-banner-3 .text-block {
		display: grid;
		height: 100%;
		align-content: center;
}
.hero-banner-3 .images-row {
		display: flex;
		align-items: center;
		gap: 24px;
		justify-content: end;
}
@media (max-width: 992px) {
		.hero-banner-3 .images-row {
				gap: 12px;
				padding: 32px;
		}
}
@media (max-width: 768px) {
		.hero-banner-3 .images-row {
				padding: 0;
				justify-content: center;
		}
}
@media (max-width: 576px) {
		.hero-banner-3 .images-row {
				padding-top: 32px;
		}
}
.hero-banner-3 .images-row .blog-img {
		border-radius: 24px;
		box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.1), 1px 2px 5px 0px rgba(0, 0, 0, 0.1), 5px 8px 9px 0px rgba(0, 0, 0, 0.09), 10px 17px 12px 0px rgba(0, 0, 0, 0.05), 18px 30px 14px 0px rgba(0, 0, 0, 0.01), 28px 48px 15px 0px rgba(0, 0, 0, 0);
}
@media (max-width: 992px) {
		.hero-banner-3 .images-row .blog-img {
				width: 130px;
		}
}
@media (max-width: 768px) {
		.hero-banner-3 .images-row .blog-img {
				width: 100px;
		}
}
@media (max-width: 576px) {
		.hero-banner-3 .images-row .blog-img {
				width: 80px;
				border-radius: 15px;
		}
}
@media (max-width: 992px) {
		.hero-banner-3 .images-row .blog-img.big {
				width: 160px;
		}
}
@media (max-width: 768px) {
		.hero-banner-3 .images-row .blog-img.big {
				width: 130px;
		}
}
@media (max-width: 576px) {
		.hero-banner-3 .images-row .blog-img.big {
				width: 100px;
				border-radius: 15px;
		}
}

.input-field {
		position: relative;
		display: flex;
		background-color: transparent;
		border: 1px solid #9EA2A8;
		border-radius: 30px;
		padding: 10px 8px 10px 24px;
		align-items: center;
		margin: 0 auto;
		gap: 24px;
		width: 840px;
}
@media (max-width: 992px) {
		.input-field {
				width: 700px;
		}
}
@media (max-width: 768px) {
		.input-field {
				width: 520px;
		}
}
@media (max-width: 576px) {
		.input-field {
				width: 400px;
				padding: 10px 8px 10px 10px;
		}
}
.input-field .categories {
		width: 142px;
		background: transparent;
}
@media (max-width: 576px) {
		.input-field .categories {
				width: 120px;
		}
}
.input-field .categories .search-select {
		border: none;
		background: transparent;
		color: #7A7F85;
}
.input-field .vl {
		height: 32px;
		width: 1px;
		border-right: 1px solid #9EA2A8;
}
@media (max-width: 576px) {
		.input-field .vl {
				border: none;
		}
}
.input-field .input-search {
		display: flex;
		width: 100%;
		justify-content: space-between;
}
.input-field .input-search .search-books {
		background: transparent;
		border: none;
}
.input-field .input-search button {
		border: 0;
		background: transparent;
}
@media (max-width: 576px) {
		.input-field .input-search button {
				translate: -120%;
		}
}
.input-field .input-search button i {
		padding: 12px;
		color: #F8F8FF;
		background-color: #FA9A41;
		border-radius: 30px;
}

.signup .form-block {
		padding: 40px 24px;
		border-radius: 30px;
		box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.04), 1px 1px 2px 0px rgba(0, 0, 0, 0.04), 4px 3px 4px 0px rgba(0, 0, 0, 0.03), 8px 6px 6px 0px rgba(0, 0, 0, 0.02), 14px 11px 7px 0px rgba(0, 0, 0, 0.01), 22px 17px 8px 0px rgba(0, 0, 0, 0);
}
.signup .form-block .link-btn {
		border: 1px solid #9EA2A8;
		border-radius: 30px;
		padding: 12px;
		display: flex;
		gap: 12px;
		text-align: center;
		align-items: center;
		justify-content: center;
}
.signup .form-block form .form-control {
		background-color: #F3F3F7;
		border: 1px solid #9EA2A8;
		border-radius: 30px;
		color: #2C3435;
		padding: 16px 16px;
}
.signup .form-block form .submit-button {
		position: relative;
}
.signup .form-block form button {
		display: flex;
		justify-content: center;
}
.signup .form-block .or {
		position: relative;
		text-align: center;
}
.signup .form-block .or::after, .signup .form-block .or::before {
		content: '';
		height: 1px;
		width: 46%;
		position: absolute;
		top: 14px;
		background: #D4D8DD;
}
@media (max-width: 575px) {
		.signup .form-block .or::after, .signup .form-block .or::before {
				top: 12px;
		}
}
.signup .form-block .or::after {
		right: 0;
}
.signup .form-block .or::before {
		left: 0;
}
@media (max-width: 1199px) {
		.signup .sign-up-image {
				width: 100%;
		}
}
@media (max-width: 992px) {
		.signup .sign-up-image {
				margin-top: 24px;
		}
}

.signup .form-block {
		padding: 40px 24px;
		border-radius: 30px;
		box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.04), 1px 1px 2px 0px rgba(0, 0, 0, 0.04), 4px 3px 4px 0px rgba(0, 0, 0, 0.03), 8px 6px 6px 0px rgba(0, 0, 0, 0.02), 14px 11px 7px 0px rgba(0, 0, 0, 0.01), 22px 17px 8px 0px rgba(0, 0, 0, 0);
}
.signup .form-block .link-btn {
		border: 1px solid #7A7F85;
		border-radius: 30px;
		padding: 12px;
		display: flex;
		gap: 12px;
		text-align: center;
		align-items: center;
		justify-content: center;
}
.signup .form-block form .form-control {
		background-color: #F3F3F7;
		border: 1px solid #7A7F85;
		border-radius: 30px;
		color: #2C3435;
		padding: 16px 16px;
}
.signup .form-block form .submit-button {
		position: relative;
}
.signup .form-block form button {
		display: flex;
		justify-content: center;
}
.signup .form-block .or {
		position: relative;
		text-align: center;
}
.signup .form-block .or::after, .signup .form-block .or::before {
		content: '';
		height: 1px;
		width: 46%;
		position: absolute;
		top: 14px;
		background: #D4D8DD;
}
@media (max-width: 575px) {
		.signup .form-block .or::after, .signup .form-block .or::before {
				top: 12px;
		}
}
.signup .form-block .or::after {
		right: 0;
}
.signup .form-block .or::before {
		left: 0;
}
.signup .form-block .register-bottom {
		display: flex;
		justify-content: space-between;
}
@media (max-width: 1199px) {
		.signup .sign-up-image {
				margin-top: 24px;
		}
}
@media (max-width: 992px) {
		.signup .sign-up-image {
				margin-top: 24px;
		}
}

.page-numbers .page-circles {
		display: flex;
		gap: 8px;
		justify-content: center;
}
.page-numbers .page-circles .numbering-circle {
		width: 48px;
		height: 48px;
		border-radius: 50px;
		background-color: #F3F3F7;
		box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.04), 1px 1px 2px 0px rgba(0, 0, 0, 0.04), 4px 3px 4px 0px rgba(0, 0, 0, 0.03), 8px 6px 6px 0px rgba(0, 0, 0, 0.02), 14px 11px 7px 0px rgba(0, 0, 0, 0.01), 22px 17px 8px 0px rgba(0, 0, 0, 0);
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
}
.page-numbers .page-circles .numbering-circle.active {
		background-color: #FA9A41;
		color: #F8F8FF;
		transition: all 0.5s ease;
}
.page-numbers .page-circles .numbering-circle:hover {
		background-color: #FA9A41;
		color: #F8F8FF;
		transition: all 0.5s ease;
}

.coming-soon .button-bar {
		display: flex;
		justify-content: space-between;
}
.coming-soon .button-bar .heading {
		margin-bottom: 0px;
}
.coming-soon .coming-block {
		position: relative;
		background-color: #F3F3F7;
		padding: 48px;
		border-radius: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1399px) {
		.coming-soon .coming-block {
				padding: 24px;
		}
}
@media (max-width: 1199px) {
		.coming-soon .coming-block {
				margin-bottom: 24px;
		}
}
@media (max-width: 767px) {
		.coming-soon .coming-block {
				display: block;
				align-items: center;
		}
}
.coming-soon .coming-block .coming-soon-icon {
		position: absolute;
		top: 24px;
		right: 24px;
		z-index: 10;
}
@media (max-width: 767px) {
		.coming-soon .coming-block .coming-soon-icon {
				right: 15px;
		}
}
@media (max-width: 576px) {
		.coming-soon .coming-block .coming-soon-icon {
				right: 15px;
		}
}
.coming-soon .coming-block .fit-image {
		position: relative;
		border-radius: 20px;
		overflow: hidden;
}
.coming-soon .coming-block .fit-image a {
		border-radius: 20px;
}
.coming-soon .coming-block .fit-image a img {
		-webkit-transition: all 0.25s linear 0s;
		transition: all 0.25s linear 0s;
}
@media (max-width: 767px) {
		.coming-soon .coming-block .fit-image a img {
				width: 100%;
		}
}
.coming-soon .coming-block .fit-image .countdown {
		background: rgba(255, 255, 255, 0.5);
		backdrop-filter: blur(5px);
		padding: 16px;
		display: flex;
		gap: 16px;
		align-items: center;
		position: absolute;
		top: 50%;
		left: 0;
		transform: translate(0%, -50%);
}
@media (max-width: 1399px) {
		.coming-soon .coming-block .fit-image .countdown {
				width: 100%;
		}
}
@media (max-width: 992px) {
		.coming-soon .coming-block .fit-image .countdown {
				padding: 8px;
		}
}
@media (max-width: 767px) {
		.coming-soon .coming-block .fit-image .countdown {
				width: 100%;
		}
}
@media (max-width: 576px) {
		.coming-soon .coming-block .fit-image .countdown {
				width: 100%;
		}
}
.coming-soon .coming-block .fit-image .countdown li {
		display: flex;
		width: 60px;
		height: 80px;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		background: #F8F8FF;
		border-radius: 15px;
}
@media (max-width: 767px) {
		.coming-soon .coming-block .fit-image .countdown li {
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
				margin: auto;
		}
}
.coming-soon .coming-block .coming-content {
		padding-top: 24px;
		gap: 24px;
}
.coming-soon .coming-block .coming-content .first-content {
		gap: 8px;
}
.coming-soon .coming-block .coming-content .first-content .rating-stars {
		color: #FA9A41;
}
.coming-soon .coming-block .coming-content .second-content {
		display: flex;
		justify-content: space-between;
		align-items: center;
}
@media (max-width: 1199px) {
		.coming-soon .coming-block .coming-content .second-content {
				display: block;
		}
}
.coming-soon .coming-block:hover .fit-image img {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
		-webkit-transition: all 0.25s linear 0s;
		transition: all 0.25s linear 0s;
}

.testimonials-slider {
		background-color: #F3F3F7;
		border-radius: 30px;
		box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.04), 1px 1px 2px 0px rgba(0, 0, 0, 0.04), 4px 3px 4px 0px rgba(0, 0, 0, 0.03), 8px 6px 6px 0px rgba(0, 0, 0, 0.02), 14px 11px 7px 0px rgba(0, 0, 0, 0.01), 22px 17px 8px 0px rgba(0, 0, 0, 0);
		display: flex;
		gap: 32px;
		padding: 80px 0px;
}
.testimonials-slider .testimonial-block .left-side-image {
		display: flex;
		align-items: center;
		justify-items: center;
}
.testimonials-slider .testimonial-block .left-side-image .back-box {
		position: relative;
		bottom: 0;
		background-color: #FA9A41;
		display: flex;
		width: 160px;
		height: 160px;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		flex-shrink: 0;
}
.testimonials-slider .testimonial-block .left-side-image .back-box .circle-image img {
		position: absolute;
		left: 50%;
		top: 0;
		width: 160px;
		height: 160px;
		border-radius: 160px;
}
.testimonials-slider .text-block {
		gap: 32px;
		padding-top: 32px;
		padding-left: 32px;
}
.testimonials-slider .text-block .reader-name {
		padding-top: 32px;
}
.testimonials-slider .testimonial-block {
		padding: 80px 0px;
}
.testimonials-slider .testimonial-block .right-side-image .back-box-2 {
		position: relative;
		bottom: 0;
		left: 37px;
		background-color: #FA9A41;
		padding: 0 16px 0 96px;
		display: flex;
		width: 160px;
		height: 160px;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		flex-shrink: 0;
}
.testimonials-slider .testimonial-block .right-side-image .back-box-2 .circle-image-2 img {
		position: absolute;
		right: 50%;
		top: 0;
		width: 160px;
		height: 160px;
		border-radius: 160px;
}

.testimonials-area .testimonial-card {
		display: flex;
}
@media (max-width: 575px) {
		.testimonials-area .testimonial-card {
				flex-direction: column;
		}
}
.testimonials-area .image-sec {
		display: grid;
		align-content: center;
}
.testimonials-area .back-box {
		background: #FA9A41;
		width: 160px;
}
@media (max-width: 767px) {
		.testimonials-area .back-box {
				width: 80px;
		}
}
@media (max-width: 575px) {
		.testimonials-area .back-box {
				width: 100px;
		}
}
.testimonials-area .back-box .circle-image-left img {
		border-radius: 50%;
		transform: translate(50%, 0);
}
.testimonials-area .back-box .circle-image-right img {
		border-radius: 50%;
		transform: translate(-50%, 0);
}
.testimonials-area .content-sec {
		padding: 40px 110px;
}
@media (max-width: 991px) {
		.testimonials-area .content-sec {
				padding: 40px 64px 40px 110px;
		}
}
@media (max-width: 767px) {
		.testimonials-area .content-sec {
				padding: 40px 64px;
		}
}
@media (max-width: 575px) {
		.testimonials-area .content-sec {
				padding: 40px 24px 24px;
		}
}
.testimonials-area .content-sec .text-block p {
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		line-clamp: 4;
		-webkit-box-orient: vertical;
}

.blogs .blog-title .tag-name-date {
		display: flex;
		padding: 0px;
		align-items: baseline;
		gap: 24px;
}
.blogs .blog-title .tag-name-date .category-tag {
		display: flex;
		gap: 10px;
		background-color: rgba(250, 154, 65, 0.2);
		padding: 8px 16px;
		width: fit-content;
		border-radius: 30px;
}
.blogs .blog-title .tag-name-date .category-tag h6 {
		color: #FA9A41;
}
.blogs .blog-title .tag-name-date .name-date {
		display: flex;
		gap: 16px;
}
.blogs .blog-title .tag-name-date .name-date .writer-name {
		display: inline-flex;
		align-items: flex-start;
		border-right: 2px solid #9EA2A8;
		gap: 8px;
}
.blogs .blog-title .tag-name-date .name-date .date {
		display: flex;
		align-items: flex-start;
		gap: 8px;
}
.blogs .blog-img img {
		border-radius: 20px;
		box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.04), 1px 1px 2px 0px rgba(0, 0, 0, 0.04), 4px 3px 4px 0px rgba(0, 0, 0, 0.03), 8px 6px 6px 0px rgba(0, 0, 0, 0.02), 14px 11px 7px 0px rgba(0, 0, 0, 0.01), 22px 17px 8px 0px rgba(0, 0, 0, 0);
}
.blogs .small-images {
		display: flex;
		gap: 24px;
}
.blogs .color-box {
		position: relative;
		background-color: rgba(250, 154, 65, 0.2);
		display: flex;
		padding: 48px 16px;
		justify-content: center;
		align-items: center;
		border-left: 2px solid #FA9A41;
		border-right: 2px solid #FA9A41;
		border-radius: 10px;
		margin-top: 65px;
}
.blogs .color-box .qoutes {
		position: absolute;
		top: -40px;
}
.blogs .comments-sec .comment-box {
		display: flex;
		align-items: flex-start;
		gap: 24px;
}
@media (max-width: 575px) {
		.blogs .comments-sec .comment-box {
				gap: 12px;
		}
}
.blogs .comments-sec .comment-box img {
		border-radius: 10px;
}
@media (max-width: 575px) {
		.blogs .comments-sec .comment-box img {
				width: 42px;
				height: 42px;
		}
}
.blogs .comments-sec .comment-box .top-row {
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
}
.blogs .comments-sec .comment-box .top-row .info {
		width: 100%;
}
.blogs .comments-sec .comment-box .top-row .accordion-button {
		display: block !important;
		text-align: end;
		width: fit-content;
}
.blogs .comments-sec .comment-box .top-row .reply-btn {
		font-family: 'Inter', sans-serif;
		font-weight: 600;
		font-size: 16px;
		line-height: 150%;
		letter-spacing: 0.32px;
}
@media (max-width: 992px) {
		.blogs .comments-sec .comment-box .top-row .reply-btn {
				font-size: 15px;
		}
}
@media (max-width: 767px) {
		.blogs .comments-sec .comment-box .top-row .reply-btn {
				font-size: 14px;
		}
}
@media (max-width: 575px) {
		.blogs .comments-sec .comment-box .top-row .reply-btn {
				font-size: 13px;
		}
}
.blogs .comments-sec .comment-box .reply {
		display: flex;
		gap: 24px;
		align-items: flex-start;
}
@media (max-width: 575px) {
		.blogs .comments-sec .comment-box .reply {
				gap: 12px;
		}
}
.blogs .comments-sec .comment-box .write-comment-box .input-group {
		margin-bottom: 24px;
}
.blogs .comments-sec .comment-box .write-comment-box .input-group button {
		background: #2C3435;
		color: #FA9A41;
		padding-right: 12px;
		font-weight: 600;
		border: none;
}
.blogs .right-content {
		display: flex;
		flex-direction: column;
		gap: 32px;
}
.blogs .right-content .tags {
		display: grid;
		gap: 12px;
}
.blogs .right-content .tags .three-tags {
		display: flex;
		gap: 12px;
}
.blogs .right-content .tags .category-tag {
		display: flex;
		gap: 10px;
		background-color: rgba(250, 154, 65, 0.2);
		padding: 8px 16px;
		width: fit-content;
		border-radius: 30px;
}
.blogs .right-content .tags .category-tag h6 {
		color: #FA9A41;
}
.blogs .right-content .tags .category-tag-2 {
		display: flex;
		gap: 10px;
		background-color: rgba(37, 234, 139, 0.2);
		padding: 8px 16px;
		width: fit-content;
		border-radius: 30px;
}
.blogs .right-content .tags .category-tag-2 h6 {
		color: #25EA8B;
}
.blogs .right-content .tags .category-tag-3 {
		display: flex;
		gap: 10px;
		background-color: rgba(4, 132, 251, 0.2);
		padding: 8px 16px;
		width: fit-content;
		border-radius: 30px;
}
.blogs .right-content .tags .category-tag-3 h6 {
		color: #0484FB;
}
.blogs .right-content .recent-articles .article-box {
		display: flex;
		padding: 16px;
		gap: 16px;
		border-radius: 10px;
}
.blogs .right-content .recent-articles .article-box .image-area img {
		border-radius: 5px;
}
.blogs .right-content .recent-articles .article-box .content-area {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
}

.filter-block {
		border-bottom: 1px solid #F8F8FF;
}
.filter-block .title {
		display: flex;
		justify-content: space-between;
		align-items: center;
}
.filter-block .list li {
		display: flex;
		justify-content: space-between;
		align-items: center;
}
.filter-block .list li.cart-list {
		justify-content: flex-start;
}
.filter-block .list .filter-checkbox input {
		padding: 0;
		display: none;
		border: 1px solid #16191A;
		cursor: pointer;
}
.filter-block .list .filter-checkbox input:checked + label:after {
		content: '';
		display: block;
		position: absolute;
		top: 4px;
		left: 5px;
		width: 5px;
		height: 12px;
		z-index: 10;
		border: solid #16191A;
		border-width: 0 2px 2px 0;
		transform: rotate(45deg);
}
.filter-block .list .filter-checkbox label {
		position: relative;
		cursor: pointer;
		color: #7A7F85;
		font-family: 'Inter', sans-serif;
		font-weight: 500;
		font-size: 16px;
		line-height: 130%;
}
@media (max-width: 992px) {
		.filter-block .list .filter-checkbox label {
				font-size: 14px;
		}
}
@media (max-width: 767px) {
		.filter-block .list .filter-checkbox label {
				font-size: 12px;
		}
}
@media (max-width: 575px) {
		.filter-block .list .filter-checkbox label {
				font-size: 12px;
		}
}
.filter-block .list .filter-checkbox label:before {
		content: '';
		-webkit-appearance: none;
		background: transparent;
		border: 1px solid #16191A;
		border-radius: 3px;
		width: 16px;
		height: 16px;
		display: inline-block;
		position: relative;
		vertical-align: middle;
		cursor: pointer;
		margin-right: 8px;
		margin-top: -3px;
}
.filter-block .list .filter-checkbox label.black-color {
		color: #2C3435;
}
.filter-block .list .filter-checkbox label.cart-font {
		font-size: 21px;
}
@media (max-width: 992px) {
		.filter-block .list .filter-checkbox label.cart-font {
				font-size: 18px;
		}
}
@media (max-width: 767px) {
		.filter-block .list .filter-checkbox label.cart-font {
				font-size: 16px;
		}
}
@media (max-width: 575px) {
		.filter-block .list .filter-checkbox label.cart-font {
				font-size: 14px;
		}
}
.img-slider-wrapper {
		position: relative;
		overflow: hidden;
		width: 100%;
}

.tinta-slider-container {
		position: relative;
		overflow: hidden;
		width: 100%;
}

.tinta-slider {
		display: flex;
		transition: transform 0.3s ease-in-out;
		width: 100%;
}

.tinta-slider img {
		min-width: 100%;
		object-fit: contain;
}

.img-slider-wrapper {
		position: relative;
		margin-bottom: 12px;
}

.tinta-slider-container {
		position: relative;
}

/* Slick overflow oculto */
.tinta-slider-container .slick-list {
		overflow: hidden;
}

.tinta-slider {
		display: block;
}

.tinta-slide {
		text-align: center;
}

.tinta-single {
		text-align: center;
}

.nombre-tinta {
		margin-top: 6px;
		font-size: 0.9em;
		color: #333333;
}

/* Flechas solo para múltiples */
.tinta-prev,
.tinta-next {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		background: rgba(255, 255, 255, 0.8);
		border: none;
		width: 30px;
		height: 30px;
		border-radius: 50%;
		font-size: 1.1em;
		cursor: pointer;
		z-index: 10;
}
.tinta-prev { left: 4px; }
.tinta-next { right: 4px; }

.muestra-producto {
		max-width: 100%;
		height: auto;
		display: inline-block;
}
.tinta-modal {
		position: fixed;
		top: 0; left: 0;
		width: 100%; height: 100%;
		z-index: 10000;
		display: flex;
		align-items: center;
		justify-content: center;
}

.tinta-modal__overlay {
		position: absolute;
		top: 0; left: 0;
		width: 100%; height: 100%;
		background: rgba(0, 0, 0, 0.7);
}

.tinta-modal__content {
		position: relative;
		max-width: 90%;
		max-height: none;
		z-index: 10001;
		display: flex;
		flex-direction: column;
		align-items: center;
}

.tinta-modal__content img {
		max-height: calc(100vh - 80px);
		width: auto;
		max-width: 100%;
		height: auto;
		border-radius: 4px;
}

.tinta-modal__close {
		background: none;
		border: none;
		color: white;
		font-size: 2rem;
		margin-bottom: 0.5rem;
		cursor: pointer;
		align-self: flex-end;
}
.icono-tinta {
		max-width: 1.5rem;
		border-radius: 100%;
}
.iconos-tintas img {
		display: inline;
		border: 2px solid rgba(0,0,0,0.7);
}
.tag {
		font-size: 0.7rem;
}
.hero-banner-1 {
		position: relative;
		overflow: hidden;
}

.hero-video-bg {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		z-index: 0;
}

.hero-banner-1 .content {
		position: relative;
		z-index: 2;
}

.hero-banner-1::after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.4); /* opcional para oscurecer */
		z-index: 1;
}
.crt-video {
		filter:
			contrast(1.3)
			brightness(1.1)
			saturate(1.2)
			hue-rotate(2deg)
			sepia(0.05);
		opacity: 0.9;
		image-rendering: pixelated;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		z-index: 0;
}

/* Añade un efecto de líneas horizontales como en pantallas CRT */
.hero-banner-1::before {
		content: '';
		position: absolute;
		top: 0; left: 0;
		width: 100%;
		height: 100%;
		background-image: repeating-linear-gradient(
			to bottom,
			rgba(0,0,0,0.07),
			rgba(0,0,0,0.07) 1px,
			transparent 1px,
			transparent 3px
		);
		pointer-events: none;
		z-index: 1;
}
.modal-dialog {
		background: white;
}
.book-card.slick-slide {
		margin-right: 25px;
}
.descripcion-producto-slider{
		display: none;
}