@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


:root {
	--theme-color: #000000;
	--theme-color-second:#2e3192;
	--theme-color-third: #fb1e26;
	--heading-font: "Jost", sans-serif;
	--paragraph-font:  "Poppins", sans-serif;
	--span-font:  "Playfair Display", serif;
	--shadow-small: 0 1px 3px rgba(0, 0, 0, 0.1);
	--shadow-base: 0 4px 6px rgba(0, 0, 0, 0.1);
	--shadow-large: 0 10px 20px rgba(0, 0, 0, 0.2);
}

html {
	scroll-behavior: smooth;
	overflow-x: hidden !important;

}

body {
	margin: 0!important;
	padding: 0!important;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	outline: none;
	font-size: 17px;
	color: #1e1e1e;
	background-color: #fff;
	scroll-behavior: smooth;
	overflow-x: hidden !important;
	font-family:   "Poppins", sans-serif;
	/* color: var(--theme-color) !important; */
}


a {
	color: #0055f1;
	text-decoration: none;
	transition: all 0.5s;

}

a:hover {
	text-decoration: none;
	transition: all .6s;
	text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	margin-bottom: 15px;
	text-transform: uppercase;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--heading-font);
}

.span-font {
	font-family: var(--span-font);
}

p {
	margin: 0;
	line-height: 27px;
	margin-bottom: 15px;
	font-size: 16px;
}

ul li {
	margin-bottom: 0px;
}

.img-fluid {
	display: block;
	width: 100%;
	max-width: 100%;
}

.li {
	display: inline-block;
	padding: 0px 5px;
}

ul {
	list-style: none;
	padding: 0;
}

h1 {
	font-size: 80px;
	text-transform: uppercase;
}

h2 {
	font-size: 60px;
}

h3 {
	font-size: 45px;
}

h4{
	font-size: 28px;
}

h5{}

h6{}


.bg-cover {
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}

.gap {
	margin-bottom: 30px;
}

section {
	padding: 80px 0px;
}

.form-control:focus {
	border-color: #ced4da;
	outline: 0;
	box-shadow: none;
}

input {
	width: 100%;
	outline: none;
	border: none;
	border: 1px solid #ced4da;
}

textarea {
	width: 100%;
	outline: none;
	border: none;
	border: 1px solid #ced4da;
}

select {
	width: 100%;
	outline: none;
	border: none;
	border: 1px solid #ced4da;
	color: #c1c0bd;
}

/* navbar----------- */


@-webkit-keyframes AnimationName {
	0% {
		background-position: 0% 50%;
	}

	50% {
		background-position: 100% 50%;
	}

	100% {
		background-position: 0% 50%;
	}
}

@-moz-keyframes AnimationName {
	0% {
		background-position: 0% 50%;
	}

	50% {
		background-position: 100% 50%;
	}

	100% {
		background-position: 0% 50%;
	}
}

@keyframes AnimationName {
	0% {
		background-position: 0% 50%;
	}

	50% {
		background-position: 100% 50%;
	}

	100% {
		background-position: 0% 50%;
	}
}

* {
	box-sizing: border-box;
}
.m-backtotop {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	position: fixed;
	bottom: -50px;
	right: 0;
	width: 50px;
	height: 50px;
	background: var(--theme-color);
	border-radius: 0;
	text-align: center;
	border: 2px solid var(--theme-color-second);
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
	opacity: 0;
	overflow: hidden;
	color: #fff;
}

.m-backtotop.active {
	bottom: 0;
	opacity: 1;
}

.m-backtotop > div {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.m-backtotop > div.arrow {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	opacity: 1;
	z-index: 999;
}

.m-backtotop > div.text {
	font-size: 0.5rem;
	line-height: 10px;
	text-transform: uppercase;
	font-weight: 900;
	font-family: "Open Sans", sans-serif;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateY(50%) translateX(-50%);
	opacity: 0;
	margin-top: 1px;
}

.m-backtotop:hover {
	transform: scale(1.1);
	bottom: 0px;
	cursor: pointer;
	background: black;
	box-shadow: 0 10px 5px rgba(0, 0, 0, 0.1);
}

.m-backtotop:hover > div.arrow {
	transform: translateY(-150%) translateX(-50%);
	opacity: 0;
}

.m-backtotop:hover > div.text {
	transform: translateY(-50%) translateX(-50%);
	opacity: 1;
	z-index: 9999999;
}

/* Progress bar styles */
.m-backtotop .progress-bar {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0;
	background: var(--theme-color-second);
	transition: height 0.2s ease-in-out;
}

.py-5 {
	padding-top: 50px !important;
	padding-bottom: 50px !important;
}

.py-6 {
	padding-top: 60px !important;
	padding-bottom: 60px !important;
}

.py-7 {
	padding-top: 70px !important;
	padding-bottom: 70px !important;
}

.py-8 {
	padding-top: 80px !important;
	padding-bottom: 80px !important;
}

.py-9 {
	padding-top: 90px !important;
	padding-bottom: 90px !important;
}

.py-10 {
	padding-top: 100px !important;
	padding-bottom: 100px !important;
}

.gap-p p {
	margin-bottom: 0px;
}


/* ---------------------- */


/* ---------------------- */
.small {
	display: none;
}


a.navbar-brand img {
	width: 141px;
}

.header_menu li a {
	color: #000000;
	font-size: 16px;
	text-transform: uppercase;
	padding: 29px 19px;
	display: inline-block;
}

.header_menu li a:hover {
	color: var(--theme-color-second);
}

.hd_info {
	display: flex;
	align-items: center;
	gap: 10px;

	flex-wrap: wrap;
}

a.comon-btn {
	background: var(--theme-color-second);
	color: #fff;
	display: inline-block;
	font-size: 14px;
	padding: 12px 6px;
	border-radius: 500px;
	width: 14rem;
	text-align: center;
	text-transform: uppercase;
	font-weight: 500;
}
a.btn-2 {
	background-color: var(--theme-color-third);
}

a.comon-btn:hover {
	background: var(--theme-color-third);
	color: #fff;
}
a.btn-2:hover{
	background-color: #c1c0bd;
	color: var(--theme-color-third);
}
a.btn-inherit{
	width: inherit;
}

a.btn-white {
	background: #fff;
	color: #1e1e1e;
}

.header_menu li a {
	color: #000000;
	font-size: 13px;
	text-transform: uppercase;
	padding: 29px 14px;
	display: inline-block;
	font-weight: 500;
	letter-spacing: 1px;
}

.navbar li:hover a {
	color: var(--theme-color-second);
}

.navbar li:hover .dropdown-menu {
	transition: .3s;
	opacity: 1;
	visibility: visible;
	top: 100%;
	transform: rotateX(0deg);
}

@media all and (min-width: 992px) {
	.navbar .dropdown-menu-end {
		right: 0;
		left: auto;
	}

	.navbar li .dropdown-menu {
		display: block;
		opacity: 0;
		visibility: hidden;
		transition: .3s;
		margin-top: 0;
	}

	.navbar li:hover a {
		color: var(--theme-color-second);
	}

	.navbar .dropdown-menu.fade-down {
		top: 80%;
		transform: rotateX(-75deg);
		transform-origin: 0% 0%;
	}

	.navbar .dropdown-menu.fade-up {
		top: 180%;
	}

	.navbar li:hover .dropdown-menu {
		transition: .3s;
		opacity: 1;
		visibility: visible;
		top: 100%;
		transform: rotateX(0deg);
	}
}

ul.dropdown-menu.fade-up li a:hover {
	color: #fff !important;
	background: var(--theme-color-second);
}

#main_header ul.dropdown-menu.fade-up li:last-child {
	border-bottom: 0px;
}

#main_header ul.dropdown-menu.fade-up li {
	border-bottom: 1px solid #c1c0bd;
	margin: 0 0 0 0;
}

ul.dropdown-menu.fade-up li a {
	color: #000 !important;
	font-size: 14px;
	display: block;
	width: 100%;
	padding: 11px 12px;
}

ul.dropdown-menu.fade-up {
	border: none;
	background: #f4f4f4;
	padding: 0 0;
	min-width: inherit;
	width: 250px;
	border-radius: 0px;
}

.link-sm-2 i {
	top: -9px !important;
}

.link-sm-2 {
	position: relative;
}


.sticky {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%
}

.sticky-top-1.sticky {
	background: #fff !important;
	z-index: 9999999999999;
}



#main_header .hd_info{
	gap: 25px;
	border-left: 2px solid var(--theme-color-second);
	padding-left: 25px;
}
.model-search {
	background-color: var(--theme-color-second);
}
.model-search form{
	display: flex;
	border: 1px solid var(--theme-color-second);
	width: 100%;
}

.model-search form input, .model-search form button{
	padding: 15px;
	border: none;
	background: #fff;
}


.banner_sec h1{
	color: var(--theme-color-second);
}
.banner_sec h2{
	text-transform: uppercase;
	font-weight: 300;
	letter-spacing: 6px;
	margin-bottom: 0;
}
.banner_sec  p{

	font-weight: 500;
}

.banner_sec{
	position: relative;
	top: 14px;

}

.banner_sec .call-info-box {
	background-color: #00a651;
	padding: 11px 5%;
	display: flex;
	align-items: center;
	justify-content: end;
	border-bottom-right-radius: 600px;
	border-top-right-radius: 600px;
	margin: 0;
	position: absolute;
	left: 0;
	bottom: 0;
}
.banner_sec .call-info-box ul{
	display: flex;
	justify-content: space-between;
	gap: 30px;
	margin: 0;
	color: #fff;
	align-items: center;
}

.banner_sec .call-info-box ul li a i.ri-whatsapp-fill{
	font-size: 25px;
}

.home_Sec_1 h5{
	letter-spacing: 3px;
	font-weight: 300;
}
.home_Sec_1 h3{
	color: var(--theme-color-second);
	margin-bottom: 0;
}
.home_Sec_1  h4{
	font-weight: 500;
	letter-spacing: 3px;
}


.home_sec_2 .product-box{
	border: 2px solid #fff;
	border-radius: 25px;
	height: 100%;
}

.fixed-bootom{
	display: none;
	position: fixed;
	bottom: 0;
	width: 100%;
}

.home_sec_3 .product-box h4{
	font-size: 23px;
	font-weight: 600;
	margin-bottom: 10px;
}

.home_sec_4 .list-box li{
	display: flex;
	align-items: start;
	gap: 10px;
	margin-bottom: 25px;
}
.home_sec_4 .list-box li img{
	width: 40px;
	height: 40px;
	object-fit: contain;
}
.home_sec_4 .list-box li  h5{
	margin-bottom: 5px;
}

.home_sec_6 h3{
	color: var(--theme-color-second);
}
.home_sec_6 p.text-uppercase{
	font-weight: 600;
	letter-spacing: 2px;
}

/* ****** */
.review_sec .content .top_content {
	display: flex;
	gap: 10px;
	margin-bottom: 16px;
	align-items: center;
}

.review_sec .content .top_content .review_name {
	display: flex;
	flex-direction: column;
	gap: 0;
}

.review_sec .content .top_content .review_name img {
	width: 75px;
}

.review_sec .content {
	background: #fff;
	padding: 20px 20px;
	color: #fff;
}

.review_sec .content p {
	color: #000;
}

.review_sec .content .top_content .review_name h6 {
	color: #000;
	font-size: 18px;
	margin-bottom: 5px;
}

.review_sec .content {
	background: #fff;
	padding: 30px 25px;
	color: #fff;
	border-radius: 15px;
}

.blog-box .service-box {
	text-align: center;
}

.footer {
	padding: 80px 0;
	color: #fff;
}

.footer .head-ft li a{
	color: #fff;
	font-size: 15px;
	text-transform: uppercase;
}
.footer .head-ft li{
	margin-bottom: 15px;
}

.footer .contact-list li a{
	display: flex;
	align-items: center;
	gap: 15px;
	text-transform: lowercase;
}

.footer hr{
	opacity: 1;
}

.footer .social {
	display: flex;
	align-items: center;
	gap: 15px;
}

.footer .hd_info p{
	font-size: 12px;
}

.footer .hd_info .social li {
	font-size: 12px;
}
.footer .hd_info .social li a {
	background-color: #ffffff;
	font-size: 18px;
	color: #000;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 35px;
	height: 35px;
	border-radius: 600px;
}



.inner-blog-left-sec {
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	border: rgba(149, 157, 165, 0.2);
	padding: 15px 19px 35px;
	border-radius: 8px;
	background: #fff;
	color: #000;
}

.inner-blog-left-sec .inner-blog-sec1 p {
	color: #000000ab;
}

.inner-blog-left-sec .inner-blog-sec1 .heading .blog-head {
	display: flex;
	align-items: center;
	gap: 20px;
}

.inner-blog-left-sec .inner-blog-sec1 .heading .blog-head p {
	color: #606060;
	margin-bottom: 12px;
}

.inner-blog-left-sec .inner-blog-sec1 h3 {
	font-weight: 600;
	margin-bottom: 18px;
	/* font-size: 29px; */
}

.inner-blog-left-sec .inner-blog-sec1 img {
	border-radius: 5px;
	margin-bottom: 0;
}

.inner-blog-left-sec .inner-blog-sec1 .share-sec {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #1c1c1c2b;
	margin-bottom: 10px;
}

.inner-blog-left-sec .inner-blog-sec1 .share-sec .social ul {
	display: flex;
	gap: 15px;
	align-items: center;
}

.inner-blog-left-sec .inner-blog-sec1 .share-sec .social ul li i {
	font-size: 17px;
	color: var(--theme-color);
}

.inner-blog-left-sec .inner-blog-sec1 .heading .blog-head i {
	color: var(--theme-color);
	font-size: 16px;
	margin-right: 3px;
}

.inner-blog-left-sec .inner-blog-sec1 .share-sec .social ul li a {
	color: #00000059;
}

.inner-blog-left-sec .navigation-sec .navigation {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.inner-blog-left-sec .navigation-sec .navigation a {
	color: var(--theme-color);
	font-size: 15px;
	font-weight: 600;
}

.inner-blog-left-sec .navigation-sec .navigation i {
	color: var(--theme-color);
}

.inner-blog-left-sec .navigation-sec .blog-contain {
	padding: 25px 18px;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	border: rgba(149, 157, 165, 0.2);
	border-radius: 5px;
	height: 100%;
}

.inner-blog-left-sec .navigation-sec .blog-contain .img-top {
	padding-bottom: 15px;
}

.inner-blog-left-sec .navigation-sec .blog-contain .img-top img {
	border-radius: 5px;
}

.inner-blog-left-sec .navigation-sec .blog-contain .blog-content .heading h3 {
	color: #000;
}

.inner-blog-left-sec .navigation-sec .blog-contain .blog-content .heading p strong {
	color: #00000059;
}

.inner-blog-left-sec .navigation-sec .blog-contain .blog-content .heading p {
	color: #000000ab;
}

.inner-blog-left-sec .navigation-sec .blog-contain .blog-content .heading .blog-head {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.inner-blog-left-sec .inner-blog-comment .contact-form {
	padding: 20px 25px;
	border: 1px solid rgba(69, 69, 70, 0.2);
	border-radius: 8px;
	background: #fff;
	color: #000;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.inner-blog-left-sec .inner-blog-comment .contact-form form input {
	width: 100%;
	outline: none;
	padding: 11px;
	border-radius: 4px;
	border: 1px solid #1c1c1c3b;
}

.inner-blog-left-sec .inner-blog-comment .contact-form form textarea {
	width: 100%;
	outline: none;
	padding: 11px;
	border-radius: 4px;
	border: 1px solid #1c1c1c3b;
}

.inner-blog-left-sec .inner-blog-comment .contact-form form button {
	color: #ffffff;
	background-color: #000;
	display: inline-block;
	width: 100%;
	text-transform: uppercase;
	text-align: center;
	border: 1px solid #000;
	padding: 15px 20px;
	border-radius: 8px;
	font-weight: 400;
	transition: 0.5s;
}

.inner-blog-left-sec .inner-blog-comment .contact-form form button:hover {
	background: #1c1c1c3b;
	border: 1px solid #1c1c1c3b;
	color: #000;
	transition: 0.5s;
}

.inner-blog-left-sec .admin-sec p {
	color: #000000ab;
}

.inner-blog-left-sec .admin-sec .admin-info .admin-info-content .social ul {
	display: flex;
	gap: 25px;
	align-items: center;
}

.inner-blog-left-sec .admin-sec .admin-info .admin-info-content .social ul li i {
	font-size: 18px;
}

.inner-blog-left-sec .admin-sec .admin-info .admin-info-content .social ul li a {
	color: #000000ab;
}

.inner-blog-left-sec .admin-sec .admin-info .admin-info-content {
	border-top: 1px solid #1c1c1c3b;
	border-bottom: 1px solid #1c1c1c3b;
	padding: 10px 20px;
}

.inner-blog-left-sec .admin-sec img {
	border-radius: 5px;
}


/* inner-blog-right-sec */

.inner-blog-right-sec {
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	border: rgba(149, 157, 165, 0.2);
	padding: 35px 21px;
	border-radius: 8px;
	background: #fff;
	color: #000;
}
.inner-blog-right-sec .blog-search form {
	position: relative;
	border: 1px solid #1c1c1c3b;
	border-radius: 5px;
	padding: 11px 13px;
	display: flex;
	align-items: center;
	gap: 10px;
}

.inner-blog-right-sec .blog-search form input {
	border: none;
	outline: none;
	padding: 0;
	width: 100%;
}

.inner-blog-right-sec .blog-search form button {
	/* position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 100%; */
	cursor: pointer;
	background: none;
	border: 0;
	font-size: 15px;
	color: #000000;
}

.inner-blog-right-sec .popular-sec .popular-cards1 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-top: 1px solid #1c1c1c3b;
	padding: 15px 0;
	gap: 10px;
}

.inner-blog-right-sec .popular-sec .popular-cards1 .img-top img {
	width: 130px;
}

.inner-blog-right-sec .popular-sec .popular-cards1 p {
	color: #000000ab;
	font-weight: 300;
	font-size: 14px;
	margin-bottom: 0;
}

.inner-blog-right-sec .popular-sec .popular-cards1 a {
	color: #000000ab;
	font-size: 15px;
	font-weight: 600;
}

.inner-blog-right-sec .popular-sec .popular-cards1 .heading {
	width: 100%;
}
.product_catagories h2{
	color: var(--theme-color-third);
	margin-bottom: 10px;
}



/* Contact Page */

.contact-info-content {
	background: var(--theme-color-second);
	padding: 30px;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	border-radius: 10px;
}

.contact-info-content .icon {
	width: 60px;
	height: 60px;
	background: #fff;
	margin: auto;
	border-radius: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--theme-color-second);
	font-size: 30px;
}

.contact-info-content .icon-info {
	margin-top: 20px;
}

.contact-info-content .icon-info h4 {
	color: #fff;
	margin-bottom: 4px !important;
	font-weight: 400;
}

.contact-info-content .icon-info p {
	color: #eee;
	font-size: 16px;
	font-weight: 400;
	word-break: break-all;
}

.contact-info-content .icon-info p a {
	color: #fff;
	font-weight: 400;
	font-size: 14px;
}
.contact-info span {
	color: #cb1818;
	font-size: 16px;
	/* font-family: "Pacifico", cursive; */
	font-weight: 300;
	letter-spacing: 1.6px;
}

.contact-page-form h2 {
	color: #111;
	font-size: 40px;
}

.map {
	line-height: 0;
}
.map iframe{
	width: 100%;
}
.contact-info input {
	padding: 15px 8px;
	color: #353535;
	background-color: #fff;
	border: 1px solid #666666;
	outline: 0;
	box-shadow: none;
	width: 100%;
	border-radius: 3px;
	font-weight: 400;
}

.contact-info select {
	padding: 15px 8px;
	color: #353535;
	background-color: #fff;
	border: 1px solid #666666;
	outline: 0;
	box-shadow: none;
	width: 100%;
	border-radius: 3px;
	font-weight: 400;
}

.input:focus {
	color: #5F656F;
	background-color: #fff;
	border-color: #5F656F;
	outline: 0;
	box-shadow: none;
}

.contact-info textarea {
	padding: 15px 8px;
	color: #353535;
	background-color: #fff;
	border: 1px solid #666666;
	outline: 0;
	box-shadow: none;
	width: 100%;
	border-radius: 3px;
	font-weight: 400;
}

.contact-info form button {
	padding: 15px 0px;
	background: #000000;
	color: #fff;
	border: none;
	letter-spacing: 1px;
	transition: 1s;
	width: 100%;
	border-radius: 3px;
	font-weight: 400;
	text-transform: uppercase;
}

.form-check input {
	width: 25px;
}

.form-check {
	display: flex;
	align-items: baseline;
	padding-left: 0;
	/* justify-content: center; */
}
.main-sec h1{
	font-size: 38px;
}
.main-sec h2{
	font-size: 30px;
}

.main-sec h3{
	font-size: 25px;
}

.main-sec h4{
	font-size: 20px;
}

.inner_banner h1{
	font-size: 68px;
}

.about-sec-4 h2{
	font-size: 45px;
}


.our_mission_sec .mission_box {
	border: 2px solid var(--theme-color-second);
	border-radius: 10px;
}

.our_mission_sec .mission_box h4{
	color: var(--theme-color-second);
}

.our_mission_sec .mission_box p{
	opacity: 0.6;
}

.indoor-mat1 ul li a{
	color: #fff;
	font-size: 14px;
}
.indoor-mat1 ul li{
	margin-bottom: 10px;
}

.inner_product_sec_1 .mySwiper2 img{
	height: 400px;
	object-fit: cover;
}

.inner_product_sec_1 h1 {
	font-size: 50px;
	color: var(--theme-color-second);
	margin-bottom: 25px!important;
}

.inner_product_sec_1 .product-form{
	background-color: #f4f4f4;
	padding: 25px;
	border-radius: 10px;
}

.inner_product_sec_1 .product-form input{
	padding: 15px;
	border: none;
}

.inner_product_sec_1 .product-form textarea{
	padding: 15px;
	border: none;
	height: 155px;
}
.inner_product_sec_1 .product-form button{
	width: 100%;
	border: none;
	background-color: var(--theme-color-second);
	padding: 12px;
	border-radius: 100px;
	color: #fff;
	text-transform: uppercase;
}


.inner_product_sec_2 .nav-pills .nav-link.active, .inner_product_sec_2 .nav-pills .show>.nav-link {
	color: #fff;
	background-color: var(--theme-color-third);
}
.inner_product_sec_2 .nav-pills .nav-link {
	background-color: var(--theme-color-second);
	color: #000;
	width: 14rem;
}
.inner_product_sec_2 .nav-pills {
	gap: 10px;
}

.inner_product_sec_2 ul#productTab {
	margin-bottom: 16px;
	border: none;
	gap: 10px;
}

.inner_product_sec_2 .nav-tabs .nav-item.show .nav-link, .inner_product_sec_2 .nav-tabs .nav-link.active {
	color: #495057;
	background-color: #fff;
	border-color: #dee2e6 #dee2e6 #fff;
	border: none;
	color: #fff;
	background: var(--theme-color-second);
}

.inner_product_sec_2 .nav-tabs .nav-link {
	margin-bottom: 0px;
	background: 0 0;
	border: none;
	background-color: var(--theme-color-third);
	color: #fff;
	width: 12rem;
	border-radius: 10px;
	padding: 10px ;

}

.inner_product_sec_2  h2{
	font-size: 45px;
}
.inner_product_sec_2  h3 {
	font-size: 35px;
}
.inner_product_sec_2 figure{
	margin-bottom: 10px;
}
.inner_product_sec_2 figure img{
	height: 259px;
	object-fit: cover;
	border-radius: 10px;
}

.inner_product_sec_2 figcaption{
	display: none;
}

.inner_product_sec_2 ul li{
	margin-bottom: 15px;
}

/* Contact Form 7 CSS */
form.wpcf7-form.init p, form.wpcf7-form.invalid p, form.wpcf7-form.sent p {
	margin-bottom: 0px !important;
}

/* Blog Pagination CSS */
.center {
	display: flex;
	justify-content: center;
	margin-top: 40px;
}

a.page-numbers {
	color: #000000;
	padding: 10px 10px;
	text-decoration: none;
	transition: background-color 0.5s;
	border: 1px solid #ddd;
	border-radius: 5px;
	margin: 0px 5px;
	padding: 10px 15px;
	font-size: 18px;
}

a.page-numbers:hover {
	background-color: #d6d4d4;
}

span.page-numbers.current {
	background-color: #fb1e26;
	color: #fff;
	padding: 10px 15px;
	text-decoration: none;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	margin: 0px 5px;
	font-size: 18px;
	z-index: 3;
	border-radius: 5px;
}

/* Blog Search CSS */
input#search-form-1 {
	border: none;
	outline: none;
	width: 100%;
}
.single-post label {
	width: 100%;
}
.search-form label {
	width: 100% !important;
}

/* Leave A Comment */
.inner-blog-left-sec .inner-blog-comment .contact-form {
	padding: 20px 25px;
	border: 1px solid rgba(69, 69, 70, 0.2);
	border-radius: 8px;
	background: #fff;
	color: #000;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}


#respond {
	/*     max-width: 600px; */
	margin: 0 auto;
}
#respond #reply-title small a{
	color: white !important;
	background-color: #000 !important;
	padding: 10px 15px;
	border: none;
	border-radius: 5px;
	cursor: pointer;
}
#respond h2 {
	font-size: 24px;
	margin: 24px 0 16px 0;
	font-weight: 500;
}
#respond form {
	display: block;
	margin-top: 0em;
	border: none;
}
#respond form p{
	color: #6d6d6d;
	margin: 0;
	line-height: 26px;
	margin-bottom: 21px;
	font-size: 16px;
}
#respond .comment-form-comment,
#respond .comment-form-author,
#respond .comment-form-email,
#respond .comment-form-url {
	margin-bottom: 20px;
}

#respond label {
	display: block;
	font-weight: bold;
	margin-bottom: 5px;
}

#respond textarea,
#respond input[type="text"],
#respond input[type="email"],
#respond input[type="url"] {
	width: 100%;
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 5px;
}

#respond .comment-form-cookies-consent {
	margin-top: 20px;
}

#respond .form-submit {
	margin-top: 20px;
}

#respond .submit {
	background-color: #2e3192;
	color: white;
	padding: 10px 15px;
	border: none;
	border-radius: 5px;
	cursor: pointer;
}

#respond .submit:hover {
	background: #000000;
	color: #fff;
	transition: all 0.8s;
}#respond .comment-form-cookies-consent input {
	width: 18px;
	height: 12px;
}
#respond .comment-form-cookies-consent input,
#respond .comment-form-cookies-consent label {
	display: inline;
}
#respond p.logged-in-as a{
	color: #0f3ca1 !important;
	text-decoration: underline;
	display: inline-block !important;
}
#comments .comment-author a{
	color: #000 !important;
}
#comments .comment-metadata a{
	color: #000 !important;
}
#comments .comment-metadata a.comment-edit-link{
	color: white !important;
	background-color: #000 !important;
	padding: 10px 15px;
	border: none;
	border-radius: 5px;
	cursor: pointer;
}
#comments span.comment-reply a{
	color: white !important;
	background-color: #000 !important;
	padding: 10px 15px;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	margin-right: 10px !important;
}


.inner-blog-left-sec .inner-blog-sec1 .accordion-item p {
	color: #fff;
}

.indoor-mat1 .feature {
	display: flex;
	align-items: center;
	gap: 18px;
	justify-content: end;
}

.feature select {
	display: flex;
	align-items: center;
	border: 1px solid #bbb;
	border-radius: 0px;
	overflow: hidden;
	padding: 11px 16px;
	background: transparent;
	color: #5e5e5e;
	border-radius: 5px;
}

.span-box {
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	background: #fb1e26;
	position: absolute;
	top: 5px;
	right: 5px;
	padding: 5px 19px;
	border-radius: 7px;
}

ul.tabs.wc-tabs {
	display: flex;
	gap: 10px;
	align-items: center;
	margin-bottom: 20px;
}
ul.tabs.wc-tabs li a {
	display: inline-block;
	background: var(--theme-color-third);
	color: #fff;
	padding: 8px 14px;
	font-size: 16px;
	border-radius: 9px;
}
ul.tabs.wc-tabs li.active a{
	background: var(--theme-color-second);
}
.wc-tab {
	padding: 14px;
	border: 1px solid #dedede;
}
.wc-tab h2 {
	font-size: 45px;
}

.wc-tab h3 {
	font-size: 40px;
}

/* Hide filter content by default */
.wpc-filters-section .wpc-filter-content {
	display: none;
	overflow: hidden;
}

/* Header style for pointer */
.wpc-filters-section .wpc-filter-header {
	cursor: pointer;
	background: #f0f0f0;
	padding: 10px;
	margin-bottom: 2px;
	position: relative;
}

/* Plus/minus indicator */
.wpc-filter-header::after {
	content: "+";
	position: absolute;
	right: 10px;
	font-weight: bold;
	transition: transform 0.3s ease;
}

/* Open section shows minus */
.wpc-filters-section.active .wpc-filter-header::after {
	content: "−";
}

/* Show content for active section */
.wpc-filters-section.active .wpc-filter-content {
	display: block;
}

.wpc-term-item-content-wrapper input {
	width: fit-content;
	visibility: hidden;
	display: none;
}

.wpc-filters-main-wrap li.wpc-term-item a {
	text-decoration: none;
	font-weight: 400;
	outline: 0;
	padding-top: 0;
	padding-bottom: 0;
	color: #fff;
}

.wpc-counter-length-2 .wpc-term-count {
	width: 2em;
	display: none;
}
.wpc-filter-header::after {
	content: "+";
	position: absolute;
	right: 10px;
	font-weight: bold;
	transition: transform 0.3s ease;
	top: 14px;
	right: 11px;
}
.wpc-filters-section.active .wpc-filter-content {
	display: block;
	padding: 40px 10px 0;
	background: var(--theme-color-second);
	margin-top: -30px;
	margin-bottom: 16px;
	border-radius: 13px;
}
.wpc-filters-section.active .wpc-filter-header::after {
	content: "−";
}
.wpc-filter-title {
	margin-bottom: 0;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.wpc-filters-section .wpc-filter-header {
	cursor: pointer;
	background: var(--theme-color-second);
	padding: 10px;
	margin-bottom: 2px;
	position: relative;
	color: #fff;
	border-radius: 16px;
}
.wpc-filters-section:not(.wpc-filter-more-less):not(.wpc-filter-post_meta_num):not(.wpc-filter-tax_numeric):not(.wpc-filter-layout-dropdown):not(.wpc-filter-terms-count-0) .wpc-filter-content:not(.wpc-filter-has-hierarchy) ul.wpc-filters-ul-list {
	max-height: 550px;
	overflow-y: auto;
	margin: 0;
}

/* My Account CSS */
.woocommerce-MyAccount-navigation {
	background-color: #f7f7f7;
	padding: 20px;
	border-radius: 8px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.woocommerce-MyAccount-navigation ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.woocommerce-MyAccount-navigation li {
	margin-bottom: 10px;
}

.woocommerce-MyAccount-navigation a {
	text-decoration: none;
	color: #333;
	display: block;
	padding: 8px;
	border-radius: 5px;
	transition: background-color 0.3s ease;
}

.woocommerce-MyAccount-navigation a:hover {
	background-color: #ddd;
}

.woocommerce-MyAccount-content {
	/*   margin-top: 20px; */
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 20px;
}

/* Ul lI style */
.pro-cat {
    list-style: disc;   
}
.pro-cat li{
	margin-left: 40px !important;
}

/* Shop Page Pagination */
.woocommerce nav.woocommerce-pagination ul {
    display: flex;
    white-space: nowrap;
    padding: 0;
    clear: both;
    border: none;
    border-right: 0;
    margin: 1px;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
}

.woocommerce .woocommerce-pagination ul.page-numbers::after, .woocommerce .woocommerce-pagination ul.page-numbers::before, .woocommerce-page .woocommerce-pagination ul.page-numbers::after, .woocommerce-page .woocommerce-pagination ul.page-numbers::before {
    content: " ";
    display: none;
}
.woocommerce nav.woocommerce-pagination ul li {
    border-right: none;
    padding: 0;
    margin: 0;
    float: left;
    display: inline;
    overflow: hidden;
}

.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {
    background: #2e3192;
    color: #fff;
}

.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
    margin: 0;
    text-decoration: none;
    padding: 0;
    line-height: 1;
    font-size: 1em;
    font-weight: 400;
    padding: .5em;
    min-width: 1em;
    display: block;
    color: #000;
    height: 45px;
    width: 45px;
    align-items: center;
    justify-content: center;
    display: flex;
}