@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,100..900;1,100..900&display=swap');



* {

	margin: 0;

	padding: 0;

	box-sizing: border-box;

}



ul {

	list-style: none;

}



a {

	text-decoration: none;

}



:root {

	--primary-bg-color: #F98B01;

	font-size: 10px;

	--primary-font-color: #000000;

	--secondary-font-color: #000;

	--secondary-bg-color: #D9D9D9;

}



body {

	font-family: "Inter Tight", sans-serif;

	font-optical-sizing: auto;

}



.container {

	max-width: 1400px;

	margin: 0 auto;

}



p {

	font-size: 1.6rem;

	color: var(--secondary-font-color);

}



.main-header {

	border-bottom: 0px solid #e5e5e5;

	position: absolute;

	top: 20px;

	left: 0;

	z-index: 111;

	width: 100%;

}



.main-header .navbar-nav .nav-link {

	font-size: 16px;

	display: flex;

	justify-content: center;

	align-items: center;

	font-weight: 400;

	color: #fff;

}



.main-header .navbar-nav .nav-link img {

	height: 15px;

	object-fit: contain;

	margin-right: 5px;

}



.main-header .dropdown-item {

	font-size: 16px;

}



.logo {

	max-width: 226px !important;

}



.main-header nav {

	padding: 14px 8px;

	background: #ffffff47;

	border-radius: 12px;

}







.navbar-nav .nav-link {

	margin-right: 1.6rem;

	font-weight: 500;

	color: #000;

}



.navbar-nav .btn-warning {

	color: white;

	margin-left: 1.6rem;

}



.navbar-nav .nav-item .bi-cart {

	font-size: 1.8rem;

}



.search-bar {

	flex-grow: 1;

	display: flex;

	justify-content: center;

	padding: 0 20px;

}



.search-bar form {

	display: flex;

	width: 100%;

	max-width: 700px;

}



.category-select {

	padding: 6px 10px;

	border: none;

	border-radius: 4px 20px 20px 4px;

	font-size: 14px;

	background-color: #febd69;

	color: #000;

	width: 150px;

	background-image: url(../images/rdown.png);

	background-position: calc(100% - 8px) calc(1em + -5px), calc(100% - 15px) calc(1em + 2px), calc(100% - 0.5em) 0.5em;

	background-size: 17px 16px, 8px 7px, 1.5em 1.5em;

	background-repeat: no-repeat;

	appearance: none;

}





.search-form {



	max-width: 460px;

	position: relative;

	border-radius: 20px;

	overflow: hidden;

	display: flex;

	border: 1px solid #fcfcfc7a;



}



.search-input {

	width: 100%;

	padding: 5px 10px;

	border: none;

	border-radius: 0;

	font-size: 16px;

	background: transparent;

	color: #fff;

}



.category-select:focus-visible,

.search-input:focus-visible {

	outline: none;

}



.search-button {

	padding: 10px 15px;

	background-color: transparent;

	border: none;

	border-radius: 0 4px 4px 0;

	cursor: pointer;

}



.search-button i {

	font-size: 12px;

	color: #fff;

}



.search-button:hover {

	background-color: transparent;

}



/* banner-section */

.banner_section {

	background-image: url(../images//banner.png);

	background-size: cover;

}



.background-img-meta {

	background-image: url(../images/bg-img1.png);

	background-size: cover;

}



.carousel_wrapper {

	position: absolute;

	top: 40%;

	/* z-index: 111; */

	width: 100%;

}



.banner-content {

	padding: 0 5rem;

	color: white;

}



h2.banner-titltwo {

	color: white;

	font-size: 3rem;

	font-weight: 600;

	text-transform: capitalize;

	line-height: 40px;

}



.banner-content h1.banner-title {

	color: #fff;

	text-transform: capitalize;

	font-size: 4rem;

	font-weight: bold;

}



.banner-content .banner-subtitle {

	color: #fff;

	font-size: 2rem;

}



.banner-section .owl-theme .owl-nav {

	margin-top: 0px;

	color: #fefafa;

	/* display: flex; */

	width: 100%;

	justify-content: space-between;

	font-size: 40px;

	position: absolute;

	top: 50%;

	transform: translateY(-50%);

}



.banner-section a {

	background-color: #ffffff1f;

	color: #fff;

	display: inline-block;

	padding: 5px 10px;

	font-size: 1.6rem;

	border-radius: 5px;

}



/* card slider */

.product_card {

	padding: 3rem 0rem;

}



.product_card h1 {

	font-size: 3rem;

	font-weight: 600;

}



.product_card .card-title {

	text-align: center;

	margin-bottom: 1rem;

}



.product_card .card {

	border-radius: 20px;

	padding: 2rem;

}



.product_card .owl-carousel .owl-item img {

	display: block;

	width: 100%;

	height: 150px;

	object-fit: cover;

}



.product_card .flex_cards {

	display: flex;

	justify-content: center;

	align-items: center;

	cursor: pointer;

	min-height: 360px;

}



.product_card .owl-theme .owl-dots {

	display: none;

}



.product_card .card_btn {

	font-size: 15px;

	text-decoration: none;

	padding: 5px;

	border: 1px solid #000;

	border-radius: 20px;

	text-align: center;

	color: #000;

	text-transform: capitalize;

	display: flex;

	justify-content: center;

	align-items: center;

}



.product_card .card_btn i {

	margin: 5px;

}



.product_card .card-text {

	text-align: center;

	color: red;

	font-weight: 500;

}



.product_card .card-text i {

	color: var(--primary-bg-color);

}



.product_card .card-text span {

	font-size: 12px;

	font-weight: 100;

}



.flex_cards:hover .card_btn {

	background-color: var(--primary-bg-color);

	color: #fff;

	cursor: pointer;

	border: 1px solid #fff;

	transition: 1s all;

}





.product_card .owl-theme .owl-nav {

	margin-top: 0px;

	color: #fefafa;

	display: flex;

	width: 100%;

	justify-content: end;

	font-size: 40px;

	position: absolute;

	top: -10px;

	transform: translateY(-100%);

}



.product_card .owl-stage {

	padding-left: 0px !important;

}



.product_card .owl-theme .owl-nav button {

	background-color: #F4F4F4;

	height: 40px;

	width: 40px;

	border-radius: 50%;

	display: flex;

	justify-content: center;

	align-items: center;

}



.product_card .owl-theme .owl-nav button span {

	height: auto;

	display: block;

	align-self: center;

	margin-bottom: 10px;

	color: var(--primary-font-color);

}



/* ==========testimonials========section========= */

.testimonials {

	padding: 4rem 0rem;

}



.testimonials h2 {

	font-size: 3rem;

	font-weight: 600;

}



.testimonials-slider {

	position: relative;

}



.testimonials .owl-theme .owl-nav {

	display: flex;

	justify-content: space-between;

	position: absolute;

	top: 50%;

	left: 5%;

	width: 90%;

	transform: translateY(-50%)
}



.testimonials .owl-carousel .owl-nav button:hover {

	background: transparent;

}



.testimonials .owl-carousel .owl-nav button.owl-next span,

.testimonials .owl-carousel .owl-nav button.owl-prev span {

	font-size: 4rem;

	display: inline-block;

	color: #98C1FF;

}



.testimonials .profile_box {

	display: flex;

	justify-content: center;

	align-items: center;

}



.testimonials .profile_box img {

	max-width: 120px;

	padding: 1rem;

	display: block;

}





.testimonials .testimonials-slider {

	background: var(--secondary-bg-color);

	padding: 6rem 15rem;

	border-radius: 1rem;

	text-align: center;



}



.testimonials .profile_box .active {

	position: relative;



}



.testimonials .profile_box .active::after {

	content: '';

	position: absolute;

	left: 1%;

	top: 107px;

	/* bottom: -14px; */

	right: 0;

	margin: 0 auto;

	width: 0;

	height: 0;

	border-top: 0px solid #1a1919;

	border-left: 20px solid #22101000;

	border-right: 20px solid #00000000;

	border-bottom: 20px solid #dcdcdc;

	z-index: 111;

}



.testimonials .card_test .star i {

	color: var(--primary-bg-color);

	font-size: 2rem;

	margin-bottom: 2rem;

}



.testimonials .card_test span {

	margin-bottom: 3rem;

	display: inline-block;

}



.testimonials .card_test span i {

	font-size: 4rem;

	color: #F98B01;

}



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

.cotegories {

	padding: 4rem 0rem;

	background-image: url(../images/Background.png);

}



.cotegories .owl-carousel .owl-nav.disabled {

	display: block;

}



.cotegories .owl-carousel .owl-nav button.owl-next,

.cotegories .owl-carousel .owl-nav button.owl-prev {



	background: #ffffff59;

	height: 30px;

	width: 30px;

	border-radius: 50%;

	position: relative;

	z-index: 11;

}



.cotegories .owl-carousel .owl-nav button.owl-prev span {

	font-size: 30px;

	color: #fff;

	position: absolute;

	top: -11px;

	left: 33%;

	display: inline-block;

}



.cotegories .owl-carousel .owl-nav button.owl-next span {

	font-size: 30px;

	color: #fff;

	position: absolute;

	top: -11px;

	left: 33%;

	display: inline-block;

}



.cotegories h2 {

	font-size: 2.5rem;

	font-weight: bold;

	color: #fff;

}



.cotegories h2 span.browse {

	font-weight: 400;

}



.cotegories h2 span {

	display: block;

}



.cotegories h2 span.log {

	color: var(--primary-bg-color);

	display: inline-block;

}



.cotegories .card {

	padding: 2rem;

	border-radius: 2rem;

}



.cotegories .card img {

	height: 200px;

	object-fit: cover;

}



.cotegories .card .card-body {

	text-align: center;

}



.cotegories .card .card-title {

	margin-bottom: var(--bs-card-title-spacer-y);

	text-transform: capitalize;

	font-size: 1.6rem;

}



/* footer */

footer {

	background-image: url('../images/footer-bg.png');

	background-size: cover;

	background-position: center;

	background-repeat: no-repeat;

	padding: 4rem 0rem;

}



/* footer form {

	display: flex;

	justify-content: center;

	max-width: 800px;

	margin: 0 auto;

	flex-flow: wrap;

} */



footer h4 {

	font-size: 2.5rem;

	font-weight: 700;

	line-height: 1.45;

}



footer h4 span {

	color: var(--primary-bg-color);

}



footer form span.news {

	display: flex;

	justify-content: center;

	align-items: center;

	color: #000;

	width: 100%;

	border-radius: 10px;

	margin: 10px;

	position: relative;



}



footer form span.news img {

	padding: 4px;

	position: absolute;

	left: 0;

	z-index: 1111;

	width: 20px;

	height: 20px;

	margin-left: 10px;

}



.input-group {

	flex-wrap: nowrap;

	align-items: center;

}



footer form input {

	/* padding: 1rem 0rem 1rem 4rem; */

	padding: 1rem 0rem 1rem 2rem;

	height: 100%;

	width: 100%;

	border: none;

	font-size: 16px;

	border-radius: 10px;



}



footer form input:focus-visible {

	outline: none;

}



footer form input::placeholder {

	font-size: 16px;

}



footer a {

	color: #ffffff;

}



footer form .input-group .btn {

	position: relative;

	z-index: 2;

	padding: 8px;

	font-size: 16px;

	color: #fff;

	margin-left: 8px;

	border-radius: 10px;

}



footer a:hover {

	color: var(--primary-bg-color);

	;

	text-decoration: none;

}



footer h5 {

	text-transform: capitalize;

	color: #fff;

	font-size: 1.8rem;

}



footer .btn-warning {

	background-color: var(--primary-bg-color);

	;

	border: none;

}



footer .btn-warning:hover {

	background-color: #e0a800;

}



.footer_bottom p {

	color: #fff;

}



.footer_menu {

	list-style: none;

	padding: 0;

	display: flex;

	justify-content: center;

	align-items: center;

	flex-wrap: wrap;

	margin-top: 25px;

	gap: 60px;

}



ul.list-unstyled.list-inline.footer_menu {

	gap: 10px;

}



.footer_menu_list li {

	margin-left: 30px;

}



.footer_menu li {

	margin-bottom: 1rem;

	display: inline-block;

}



.footer_menu li a {

	font-size: 16px;

	font-weight: 400;

	color: #fff;

	text-decoration: none;

}



.footer_menu li i {

	font-size: 16px;

	color: #ffffff;

	background: #ffffff00;

	padding: 10px;

	border-radius: 50%;

	height: 30px;

	width: 30px;

	display: inline-block;

	margin: 4px;

	display: flex;

	justify-content: center;

	align-items: center;

	border: 1px solid #fff;

	transition: all .3s ease-in-out;

}



.footer_menu li i:hover {

	background: #f98b01;

}



#scrollTopBtn {

	position: fixed;

	bottom: 74px;

	right: 39px;

	background-color: #333;

	color: white;

	padding: 20px;

	border-radius: 50%;

	cursor: pointer;

	z-index: 1000;

	width: 40px;

	height: 40px;

	display: flex;

	justify-content: center;

	align-items: center;

}



#scrollTopBtn img {

	width: 16px;

}



/* =========footer-end============ */

.affordable_login {

	padding: 3rem 0rem;

	background-color: #fff;

}



.affordable_login figure {

	margin: 0;

	max-width: 500px;

	margin: 0 auto;



}



.aff_content h3 {

	color: #000;

	font-size: 3.5rem;

	font-weight: 600;

	margin-bottom: 2rem;

	text-transform: capitalize;

}



.aff_content h3 span {

	display: inline-block;

	font-size: 16px;

	font-weight: 300;

	background: var(--primary-bg-color);

	padding: 5px;

	margin-bottom: 1rem;

	border-radius: 5px;

}



.aff_content {

	padding: 2rem;

}



.aff_content p {

	color: #000;

	margin-bottom: 2rem;

}



.aff_content a {

	background: var(--primary-bg-color);

	padding: 10px 15px;

	font-size: 16px;

	display: inline-block;

	color: #000;

	border-radius: 4px;

}



.meta-info {

	font-size: 1.6rem;

}



.aff_content a i {

	display: inline-block;

	margin-left: 5px;

}



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

.product_blog_slider {

	padding: 3rem;

}



.product_blog_slider h3 {

	font-size: 3rem;

	font-weight: 700;

	margin-bottom: 2rem;

}



.product_blog_slider .card {

	box-shadow: none;

	border: none;

}



.blog-card span {

	font-size: 1.4rem;

	margin-bottom: 1rem;

	display: inline-block;

}



.blog-card h5 {

	font-size: 1.8rem;

}



.blog-card p.card-text {

	font-size: 14px;

}



.product_blog_slider .owl-carousel .owl-dots.disabled {

	display: block;

}



.blog-card .owl-carousel .owl-nav.disabled {

	display: none;

}



.product_blog_slider .owl-theme .owl-dots .owl-dot {

	display: inline-block;

	zoom: 1;

	border: 1px solid #c0c0c0;

	margin: 0px 4px;

	border-radius: 50%;

	height: 12px;

	width: 12px;

	position: relative;

}



.product_blog_slider .owl-theme .owl-dots .owl-dot span {

	width: 5px;

	height: 5px;

	margin: 5px 7px;

	background: #000000;

	border-radius: 30px;

	position: absolute;

	top: -2.3px;

	left: -4px;

}



.product_blog_slider .owl-theme .owl-dots .active span {

	background-color: var(--primary-bg-color);

}



/* image-slider */

.image_slider .slider_img .item img {

	width: 100%;

	height: 295px;

	object-fit: cover;

	display: block;

	border-radius: 10px;

}



.image_slider .owl-theme .owl-nav {

	display: flex;

	justify-content: space-between;

	position: absolute;

	top: 50%;

	left: 5%;

	width: 90%;

	transform: translateY(-50%);

}



.image_slider .owl-theme .owl-nav button {

	background-color: #f4f4f44a;

	height: 40px;

	width: 40px;

	border-radius: 50%;

	display: flex;

	justify-content: center;

	align-items: center;

}



.image_slider .owl-carousel .owl-nav button.owl-next span,

.image_slider .owl-carousel .owl-nav button.owl-prev span {

	font-size: 4rem;

	display: inline-block;

	color: #fff;

}





h3 {

	font-size: 32px;

	font-weight: 600;

	color: #000;

}



p {

	font-size: 16px;

	color: #000;

}





.banner-content h3 {

	font-size: 24px;

	font-weight: 400;

	color: #ffffff;

}



.display-middle {

	display: flex;

	align-items: center;

	justify-content: center;

}



/* Metamorphyx about section */

.metamorphyx-about {

	background-image: url("../images/bg-img.jpg");

	padding: 50px 0;

}



.ma-left {

	position: relative;

}



.ma-left img {

	position: absolute;

	top: -120px;

	padding: 20px;

}



.ma-right {

	background-color: #fff;

	padding: 100px;

	border-radius: 20px;

}



.ma-right h3 {

	padding-bottom: 10px;

}



.ma-about-content {

	padding: 50px 100px;

}



.ma-about-content .semi-head {

	font-size: 22px;

	text-align: center;

}



button.explore-btn {
	border: none;
	margin: 2rem 0;
}

.ma-about-content .explore-btn a {
	font-size: 16px;
	padding: 9px 14px;
	border-radius: 10px;
	display: inline-block;
	background: #f98b01;
	color: black;
}



.ma-about-content p {

	text-align: left;

}



.ma-about-content .explore-btn {

	font-size: 16px;

	padding: 5px 10px;

	border-radius: 10px;

	margin-top: 15px;
	background: transparent;

}







/* blog page css */

.product_blog_slider {

	padding: 3rem;

}



.product_blog_slider h3 {

	font-size: 3rem;

	font-weight: 700;

	margin-bottom: 2rem;

}



.product_blog_slider h3 span {

	display: block;

	font-size: 16px;

	font-weight: 400;

}



.product_blog_slider .card {

	box-shadow: none;

	border: none;

	display: flex;

	flex-direction: row;

	background: none;

}



.blog-card span {

	font-size: 1.4rem;

	margin-bottom: 1rem;

	display: inline-block;

}



.blog-card h5 {

	font-size: 22px;

	font-weight: 600;

}



.blog-card p.card-text {

	font-size: 16px;

}



.blog-card a.card-link {

	display: inline-block;

	color: #000;

	text-decoration: none;

	font-size: 16px;

	border: 1px solid;

	padding: 5px;

	border-radius: 5px;

	transition: all .3s ease-in-out;

}



.blog-card a.card-link:hover {

	background: var(--primary-bg-color);

	border: 1px solid var(--primary-bg-color);

	color: white;

}



.blog-card a.card-link i {

	margin-left: 4px;

}



.blog-card img {

	height: 300px;

	object-fit: cover;

}



.product_blog_slider .owl-carousel .owl-dots.disabled {

	display: none;

}



.blog-card .owl-carousel .owl-nav.disabled {

	display: block;

}



.product_blog_slider .owl-theme .owl-nav {

	margin-top: 0px;

	color: #fefafa;

	display: flex;

	width: 100%;

	justify-content: end;

	font-size: 40px;

	position: absolute;

	top: -10px;

	transform: translateY(-100%);

}



.product_blog_slider .owl-theme .owl-nav button {

	background-color: #F4F4F4;

	height: 40px;

	width: 40px;

	border-radius: 50%;

	display: flex;

	justify-content: center;

	align-items: center;

	color: #000;

}



.meta-blog_mg_wrapp,

.meta-card-body {

	width: 50%;

}



/* metamorphyx testimonials */

.testimonials {

	padding: 4rem 0rem;

}



.testimonials h2 {

	font-size: 3rem;

	font-weight: 600;

}



.testimonials-slider {

	position: relative;

}



.testimonials .owl-theme .owl-nav {

	display: flex;

	justify-content: space-between;

	position: absolute;

	top: 50%;

	left: 0%;

	width: 100%;

	transform: translateY(-50%)
}



.testimonials .owl-carousel .owl-nav button:hover {

	background: transparent;

}



.testimonials .owl-carousel .owl-nav button.owl-next span,

.testimonials .owl-carousel .owl-nav button.owl-prev span {

	font-size: 4rem;

	display: inline-block;

	color: #000;

}



.testimonials .profile_box {

	display: flex;

	justify-content: center;

	align-items: center;

}



.testimonials .profile_box img {

	max-width: 120px;

	padding: 1rem;

	display: block;

}





.testimonials .testimonials-slider {

	padding: 2rem;

}



.testimonials .testimonials-slider .item {

	background: var(--secondary-bg-color);

	padding: 4rem;

	border-radius: 20px;

}



.testimonials .testimonials-slider .first-active-item .item {

	background-image: url(../images/footer-bg.png);

	background-size: cover;

	background-position: center;

	background-repeat: no-repeat;



}



.testimonials .testimonials-slider .first-active-item .item p {

	color: #fff;

}



.testimonials .profile_box .active {

	position: relative;



}



.testimonials .profile_box .active::after {

	content: '';

	position: absolute;

	left: 1%;

	top: 107px;

	right: 0;

	margin: 0 auto;

	width: 0;

	height: 0;

	border-top: 0px solid #1a1919;

	border-left: 20px solid #22101000;

	border-right: 20px solid #00000000;

	border-bottom: 20px solid #dcdcdc;

	z-index: 111;

}



.testimonials .card_test .star i {

	color: var(--primary-bg-color);

	font-size: 2rem;

	margin-bottom: 2rem;

}



.testimonials .card_test span {

	margin-bottom: 3rem;

	display: inline-block;

}



.testimonials .card_test span i {

	font-size: 4rem;

	color: #F98B01;

}



/* inner pages css */

.breadcrumbs_bg {

	background-image: url(../images/footer-bg.png);

	text-align: center;

	padding: 150px 0 30px 0px;

	color: white;

}



.breadcrumbs_bg h2 {

	font-size: 5rem;

	font-weight: 700;

	text-transform: capitalize;

}



.breadcrumbs_bg ul {

	display: flex;

	justify-content: center;

}



.breadcrumbs_bg ul li a {

	color: white;

	font-size: 1.6rem;

	position: relative;

}



.disabled-link {

	color: rgba(255, 255, 255, 0.5) !important;

	cursor: not-allowed;

	pointer-events: none;

	text-decoration: none;

}



.breadcrumbs_bg ul li:not(:last-child):after {

	content: "/";

	margin: 0 5px;

	color: #ccc;

}



.about_us-sec {

	background-image: url(../images/bg-img.jpg);

	padding: 50px 0;

	background-size: cover;

}



.about_imgs {

	border-radius: 20px;

	box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;

	width: 100%;

}



.about_us-content {

	display: flex;

	flex-direction: column;

	justify-content: center;

	height: 100%
}



.about_us-content p {

	text-align: justify;

	background-color: #fff;

	padding: 65px;

	border-radius: 20px;

	line-height: 33px;

	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;

}



.book_page {

	background: url(../images/bg-img1.png);

	background-size: cover;

	background-position: top;

}



.connect {

	color: #000;

	text-decoration: underline;

}



.buy-sec {

	padding: 40px 0;

}



.buy-sec h3,

.books-sec h3 {

	color: #000000;

	font-size: 38px;

	/* margin: 20px 0; */

	font-weight: 700;

	/* text-align: center; */

}



section.books-sec {

	padding: 40px 0;

}



.buy_nowul {

	display: flex;

	gap: 40px;

	text-align: center;

	flex-flow: wrap;

	justify-content: center;

}



.buy_nowul img {

	height: 100px;

	width: 100%;

	object-fit: contain;

}



.buy-sec {

	text-align: center;

}



ul.buy_nowul li {

	box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;

	padding: 30px;

	margin: 20px 0;

	flex: 1;

	background: #ffffff;

	border-radius: 10px;

	cursor: pointer;

}





ul.buy_nowul li a {

	border: 1px solid #ffffff00;

	padding: 6px 12px;

	margin-top: 11px;

	display: inline-block;

	text-transform: uppercase;

	color: #ffffff;

	border-radius: 10px;

	transition: all .3s ease-in-out;

	background: #fd9903d1;

	font-size: 1.4rem;

}



ul.buy_nowul li a:hover {

	background: rgb(35, 35, 35);

	color: white;

}



.books-sec ul li {

	font-size: 1.6rem;

	margin: 4rem 0;

	text-align: justify;

	list-style: disc;

}



.metamorphyx-img {

	border: 3px solid #ffffff;

	overflow: hidden;



}



.metamorphyx-img img {

	transition: all .8s ease-in-out;

}



.metamorphyx-img img:hover {

	transform: scale(1.2);

}



/* .active {

	border-bottom: 1px solid white;

} */



.blog-card-inner {

	padding: 18px 0;

}



.blog-card {

	height: 100%;

}



.blog-page-sec .card {

	height: 100%;

	border-radius: 25px;

	padding: 18px;

}



.search-input::placeholder {

	font-style: italic;

	color: #cccc;

}











.contact-container {

	background: #ffffff;

	border-radius: 12px;

	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);

	margin: 0 auto;

	padding: 20px;

	box-sizing: border-box;

	text-align: center;

	width: 60%;

}



.contact-container h2 {

	color: #333333;

	margin-bottom: 10px;

}



.contact-container p {

	color: #555555;

	font-size: 14px;

	margin-bottom: 20px;

}



.contact-form {

	display: flex;

	flex-direction: column;

}



.form-group {

	margin-bottom: 15px;

	text-align: left;

}



.form-group label {

	display: block;

	font-size: 14px;

	color: #555555;

	margin-bottom: 5px;

}



.form-group input,

.form-group textarea {

	width: 100%;

	padding: 10px;

	border: 1px solid #cccccc;

	border-radius: 8px;

	font-size: 14px;

	color: #333333;

	box-sizing: border-box;

	outline: none;

}



.form-group input:focus,

.form-group textarea:focus {

	border-color: #007acc;

	outline: none;

	box-shadow: 0 0 4px rgba(0, 122, 204, 0.4);

}



.submit-btn {

	background-color: var(--primary-bg-color);

	color: #ffffff;

	border: none;

	border-radius: 8px;

	padding: 12px 20px;

	font-size: 16px;

	cursor: pointer;

	transition: background-color 0.3s;

}



.submit-btn:hover {

	background-color: var(--primary-bg-color);

}



.product_blog_slider .owl-carousel .owl-item img {

	height: 250px;

	object-fit: cover;

}



/* sigle product image */

.Main-banner-img {

	height: 100vh;

	object-fit: cover;

}



.single-blog-card img {

	width: 100%;

	aspect-ratio: 1;

	max-height: 600px;

	object-fit: contain;

	border-radius: 10px;

}



.recent-posts-list {

	font-size: 14px;

}





.meta-info {

	font-size: 1.6rem !important;

}



.widget h5 {

	font-size: 2.25rem !important;

}



.related-title {

	font-size: 15px !important;

}



.blog-navigation {

	font-size: 16px;

}



/* commets page */

form#commentform input[type="text"] {

	width: 100%;

	padding: 5px;

	border-radius: 5px;

	outline: navajowhite;

	border: 1px solid #ccc;

}



div#respond label {

	display: block;

}



form#commentform input[type="text"],

form#commentform textarea {

	width: 100%;

	padding: 10px;

	border-radius: 5px;

	outline: navajowhite;

	border: 1px solid #ccc;

	resize: none;

}



div#respond {

	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;

	padding: 12px;

}





.comments {

	margin-top: 30px;

	font-size: 1.6rem;

}



p.comment-form-cookies-consent {

	display: flex;

	gap: 8px;

}



.comments input#submit {

	background: #f98b01;

	color: white;

	border: navajowhite;

	padding: 8px 17px;

	border-radius: 5px;

}





.blog-result {

	border: 1px solid #ccc;

	height: 100%;

	padding: 10px;

}



.blog-result img.featured-image {

	width: 100%;

	height: 300px;

	object-fit: cover;

}



.blog-result .card-link {

	display: inline-block;

	color: #000;

	text-decoration: none;

	font-size: 16px;

	border: 1px solid;

	padding: 5px;

	border-radius: 5px;

}



.blog-result {

	border: 1px solid #ccc;

	height: 100%;

	padding: 10px;

	border-radius: 15px;

}



.search-results .pagination {

	display: flex;

	justify-content: center;

	font-size: 14px;

	margin: 7px 0;

}







.search-results .pagination .nav-links a {

	background: #3b70eb;

	color: white;

	padding: 10px;

	display: inline-block;

	border-radius: 4px;

}



.search-results span.page-numbers.current {

	background: var(--primary-bg-color);

	color: white;

	padding: 10px;

	display: inline-block;

	border-radius: 4px;

}





span.news i {

	position: absolute;

	left: 12px;

	font-size: 18px;

	color: #736b6b;

	top: 26%;

}



.mc4wp-response p {

	color: var(--primary-bg-color);

}





.single-blog-card li {

	font-size: 1.6rem;

	margin-bottom: 14px;

	list-style: disc;

}



.single-blog-card li a {

	font-size: 1.6rem;

}





#mc4wp-form-1 .mc4wp-form-fields {

	display: flex;

	gap: 12px;

	justify-content: center;

}



#mc4wp-form-1 input[type="submit"] {

	width: unset;

	padding: 11px 19px;

	background-color: var(--primary-bg-color);

}



.ma-about-content h3 {
	text-align: center;
	margin: 2rem 0;
}

footer form input {

	position: relative;

}







/* new */



.es_subscription_message.success {

	color: #f98b01;

}



footer form input {

	padding: 9px 20px;

}



footer input[type="submit"] {

	width: max-content;

	padding: 9px 20px;

	background-color: var(--primary-bg-color);

	color: white;

}



footer form[data-form-id="4"] .es-form-field-container .gjs-row {

	display: flex;

	align-items: center;

	flex-wrap: nowrap;

	justify-content: center;

	gap: 6px;

}



/* @media-start */

@media screen and (min-width: 1820px) {

	.container {

		max-width: 1500px;

		margin: 0 auto;

	}



}









@media (min-width:1199px) {

	.main-header nav ul.main_menu li+li {

		margin-left: 10rem;

	}

}



@media (min-width:991px) {

	footer form input {

		width: 520px;

	}



	.navbar-nav {

		margin-left: auto;

	}





	.books-sec h3 {

		margin-left: 1.8rem;

	}



	.metamorphyx-about {

		background-size: cover;

	}

}















@media screen and (max-width: 1500px) {

	.logo {

		max-width: 150px;

	}



	.main-header .navbar-nav .nav-link {

		font-size: 15px;

	}

}



@media screen and (max-width: 1300px) {

	.main-header .navbar-nav .nav-link {

		font-size: 13px;

	}

}







@media (max-width:1200px) {

	.main-header .navbar-nav .nav-link {

		justify-content: start;

	}



	.main-header .navbar-nav .nav-link {

		margin: 0;

		margin-bottom: 1rem;

		border-radius: 4px;

		color: #fff;

		padding: 1rem;

	}



	.main-header .search-form {

		max-width: 100%;

		border-radius: 10px;

		margin-bottom: 1rem;

		flex-flow: nowrap;



	}



	.main-header .navbar-nav {

		margin-left: 0 !important;

	}



	.banner-content h1.banner-title {

		font-size: 3rem;

	}



	.product_card h1,

	.testimonials h2,

	.aff_content h3,

	.product_blog_slider h3 {

		font-size: 2.5rem;

	}



	.main-header nav {

		background: #000000;

	}



	.main-header nav ul.main_menu li+li {

		margin-left: 0;

	}



	button.navbar-toggler {

		background: white;

		font-size: 18px;

	}

}



@media (min-width:600px) and (max-width:991px) {

	.Main-banner-img {

		height: 70vh;

		object-fit: cover;

	}

	.ma-about-content h3 {
		text-align: center;
		margin: 2rem 0;
	}


	.metamorphyx-about {

		padding: 0 0;

		background-size: cover;

	}

}







@media (max-width:991px) {

	.footer_menu_list li {

		margin-left: 10px;

	}



	.ma-left img {

		position: static;

	}



	.ma-right {

		padding: 20px;

		text-align: center;

	}



	.metamorphyx-about {

		background-size: cover;

	}



	.about_imgs {

		width: 100%;

	}



	.about_us-sec {

		padding: 35px;

	}



	.about_us-content p {

		padding: 20px;

	}

}











@media (max-width:767px) {

	ul.buy_nowul li {

		flex-basis: 44%;

	}



	.buy_nowul {

		gap: 10px;

	}



	.about_us-content p {

		padding: 20px;



	}



}



@media (max-width:600px) {

	.image_slider .slider_img .item img {

		height: 130px;

	}



	.meta-blog_mg_wrapp,

	.meta-card-body {

		width: 100%;

	}



	.product_blog_slider .card {

		flex-direction: column;

	}



	.ma-about-content {

		padding: 20px 20px;

	}



	.contact-container {

		width: 100%;

	}



	.product_blog_slider .owl-theme .owl-nav {

		justify-content: center;
		font-size: 38px;
		position: relative;
		bottom: 0;
		position: relative;
		transform: none;
		margin-top: 3rem;

	}



	.books-sec ul li {

		margin: 3rem 14px;



	}



	.buy-sec h3,

	.books-sec h3 {

		font-size: 25px;

		text-align: center;

	}



	.product_blog_slider .owl-theme .owl-nav.disabled+.owl-dots {

		display: none !important;

	}



	.footer_menu {

		gap: 20px;

	}

	section.banner-section.position-relative {
		background-position-y: 70% !important;
		background-position-x: 78% !important;
		position: relative !important;
	}

	section.banner-section.position-relative:after {
		content: "";
		background: #0000006b;
		position: absolute;
		top: 0;
		bottom: 0;
		width: 100%;
	}

	h2.banner-titltwo {
		font-size: 2.5rem;
		margin: 3rem 0;
		line-height: normal;
	}

	.banner-content h3 {
		font-size: 20px;
	}

}



@media (max-width:480px) {



	ul.buy_nowul li {

		flex-basis: 100%;

	}



	.about_us-sec {

		padding: 5px;

	}



	.single-blog-card img {

		width: auto;

		height: 300px;

		object-fit: contain;

	}



	.breadcrumbs_bg h2 {

		font-size: 3rem;

	}



	.metamorphyx-about {

		padding: 25px 0;

	}



	.breadcrumbs_bg {

		padding: 110px 0 30px 0px;

	}



	#scrollTopBtn {

		bottom: 20px;

		right: 20px;

	}



	.product_blog_slider {

		padding: 2rem;

	}



	:root {

		font-size: 8px;

	}

}





@media (max-width:340px) {

	.banner-content {

		padding: 0;

	}



	.single-blog-card img {

		width: 100%;



	}



	h2.banner-titltwo {

		line-height: normal;

	}

}