/*
Template Name: Archi
Description: Architecture & Interior Design HTML Template 
Author: Hi-Tech Parks
Author URI: https://hitechparks.com
Version: 1.0
 */

/* CSS Index
============

01. Google Font Import 
02. Common CSS
03. Bacground Color & Overlay  
05. Pre-loader
06. Scroll Top 
07. Sticky 
08. Header Area  
09. Main Menu 
10. Slider & Hero Area
11. Info Section 
12. Service Section 
13. About Section
14. Portfolio Section 
15. Achievement Section 
16. Testimonial Section 
17. Team Section 
18. Blog Section 
19. Contact Section 
20. Footer Area
21. Process Section 
22. Choose Us Section 
23. Price Section 
24. Intro Section 
25. Breadcrumb Section 
26. Single Portfolio 
27. Single Blog 
28. FAQ's 


/*01. Google Font Import 
======================= */

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');
@import url("https://fonts.googleapis.com/css2?family=Teko:wght@300;400;500;600;700&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&display=swap');



/*	Theme Main Color: #333;
	Theme Primary Color: #e7112c; #e7112c

/* 02. Common CSS 
============== */

html,
body {
	height: 100%;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
}

body {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
	position: relative;
	z-index: 1;
	background: #fff;
	color: #333;
	overflow-x: hidden;
}


h1,
h2,
h3,
h4,
h5,
h6 {
	position: relative;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	margin: 0;
	color: #333;
}

h1 {
	font-size: 70px;
}

h2 {
	font-size: 40px;
}

h6 {
	font-size: 20px;
	font-weight: 300;
	font-family: 'Teko', sans-serif;
	text-transform: uppercase;
	color: #e7112c;
	letter-spacing: 3px;
}


a {
	text-decoration: none;
	cursor: pointer;
	font-family: 'Roboto', sans-serif;
	color: #333;
	font-size: 15px;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

a:hover {
	color: #252531;
}

p {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	position: relative;
	color: #9A9A9A;
}


button,
input,
textarea,
a:hover,
a:focus,
a:visited {
	text-decoration: none;
	outline: none;
	outline-width: 0 !important;
}

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
	color: transparent;
}

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

i,
span,
a {
	display: inline-block;
}

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

li {
	display: inline-block;
}

table,
th,
tr,
td {
	border: 1px solid #ddd;
}

th,
tr,
td {
	padding: 10px;
}

hr {
	border-top: 1px solid #ddd;
}

.alert-success {
	color: #fff;
	background-color: #e7112c;
	border-color: #e7112c;
}


/*Section Padding CSS*/

.section-padding {
	padding: 100px 0;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
	.section-padding {
		padding: 70px 10px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.section-padding {
		padding: 50px 60px;
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.section-padding {
		padding: 40px 35px;
	}
}

@media (max-width: 575px) {
	.section-padding {
		padding: 40px 20px;
	}
}

/*Margin & Padding */

.pad-top-0 {
	padding-top: 0;
}

.pad-bot-0 {
	padding-bottom: 0;
}

.pad-top-20 {
	padding-top: 20px;
}

.pad-bot-20 {
	padding-bottom: 20px;
}

.pad-top-30 {
	padding-top: 30px;
}

.pad-bot-30 {
	padding-bottom: 30px;
}

.pad-top-40 {
	padding-top: 40px;
}

.pad-bot-40 {
	padding-bottom: 40px;
}

.pad-top-50 {
	padding-top: 50px;
}

.pad-bot-50 {
	padding-bottom: 50px;
}

.mt-30 {
	margin-top: 30px;
}

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

.mt-40 {
	margin-top: 40px;
}

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

.mt-50 {
	margin-top: 50px;
}

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

.mt-60 {
	margin-top: 60px;
}

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

.mt-70 {
	margin-top: 70px;
}

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

.mt-80 {
	margin-top: 80px;
}

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

.mt-90 {
	margin-top: 90px;
}

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

.mt-100 {
	margin-top: 100px;
}

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

.mt-150 {
	margin-top: 150px;
}

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

.spacer {
	margin-top: 50px;
}

/*Section Title */

.section-title {
	position: relative;
}

.section-title h2 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 40px;
	font-weight: 600;
	line-height: 1.4;
	margin: 7px 0 20px;
	text-transform: capitalize;
}

/*Button Style */

.main-btn {
	font-family: 'Teko', sans-serif;
	display: inline-block;
	background: #e7112c;
	color: #FFF;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 400;
	letter-spacing: 2px;
	line-height: 18px;
	padding: 15px 40px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	-webkit-transition: .3s;
	transition: .3s;

}

.main-btn:hover {
	background: #252531;
	color: #fff;
}

/*Form Style CSS */

input,
textarea,
select {
	width: 100%;
	background: transparent;
	border: 1px solid #ddd;
	padding: 15px 30px;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 1px;
	-webkit-transition: .3s;
	transition: .3s;
	margin-bottom: 20px;
}

textarea {
	height: 150px;
	resize: none;
}

input[type="submit"],
button[type="submit"] {
	border: none;
	display: inline-block;
	background: #333;
	color: #fff;
	padding: 12px 20px;
	margin: 20px 0;
	width: auto;
	-webkit-transition: .3s;
	transition: .3s;
	cursor: pointer;
	font-size: 15px;
	font-weight: 600;
}

input::placeholder,
textarea::placeholder {
	font-size: 14px;
	font-weight: 500;
	color: #333;
}

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
	color: transparent;
}

/* Bacground Color & Overlay  
============== */

.gray-bg {
	background: #eee;
}

.white-bg {
	background: #fff;
}

.bg-cover {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
}

.overlay {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #252531a8;
}

.overlay-2 {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #252531e0;
}

/* Pre-Loader CSS 
============== */
#loader {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #252531;
	z-index: 999999;
}

#loader .loading,
#loader .loading > div {
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#loader .loading {
	display: block;
	font-size: 0;
	color: #e7112c;
	width: 40px;
	height: 40px;
}

#loader .loading > div {
	display: inline-block;
	float: none;
	border: 3px solid;
	width: 40px;
	height: 40px;
	background: transparent;
	border-bottom-color: transparent;
	border-radius: 100%;
	-webkit-animation: loading .75s linear infinite;
	-moz-animation: loading .75s linear infinite;
	-o-animation: loading .75s linear infinite;
	animation: loading .75s linear infinite;
}

@-webkit-keyframes loading {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	50% {
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		transform: rotate(180deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes loading {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	50% {
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		transform: rotate(180deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

/* Scroll Top 
============== */
.go-top {
	background-color: #e7112c;
	color: #fff;
	width: 40px;
	height: 40px;
	bottom: 6em;
	right: 2em;
	font-size: 18px;
	line-height: 43px;
	text-align: center;
	text-decoration: none;
	display: none;
	position: fixed;
	-webkit-transition: .3s;
	transition: .3s;
	z-index: 1;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.go-top {
		width: 35px;
		height: 35px;
		bottom: 5em;
		right: 2em;
		font-size: 15px;
		line-height: 33px;
	}
}

@media (max-width: 575px) {
	.go-top i:before {
		font-size: 14px;
	}

	.go-top {
		right: 1em;
		bottom: 6em;
		z-index: 1;
	}
}

.go-top:hover {
	background-color: #fff;
	color: #252531;
}

/* Header Area 
============== */
.header-area .logo {
	width: auto;
	max-width: 160px;
	height: auto;
	max-height: 80px;
	display: block;
	overflow: hidden;
}

.header-area .logo img {
	margin-top: 7px;
	max-width: 140px;
	max-height: 70px;
}

.header-area .header-btn.main-btn {
	margin-top: 17px;
	padding: 14px 30px;
}

.header-area.absolute-header {
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 99;
	padding: 10px 0;
	-webkit-transition: .3s;
	transition: .3s;
}

#style-2.header-area.absolute-header .logo a {
	color: #fff;
}


/* Sticky CSS 
============== */

.header-area .is-sticky .sticky-area {
	background: #fff;
	box-shadow: 0 3px 16px -2px #373737;
	z-index: 999 !important;
	-webkit-animation: slideInDown .6s forwards;
	animation: slideInDown .6s forwards;
	margin-top: 0;
}

.header-area .is-sticky .navigation {
	margin-top: 0;
}

.header-area .is-sticky .navigation {
	height: 80px;
}

.header-area .is-sticky .main-menu .navbar-nav .nav-link {
	padding: 30px 0;
}

.header-area .is-sticky .header-btn.main-btn {
	margin-top: 18px;
}

.header-area .is-sticky .main-menu li:hover .sub-menu {
	top: 80px;
}

#style-2.header-area.absolute-header .is-sticky .navigation {
	background: #252531;
}

#style-2.header-area.absolute-header .is-sticky .sticky-area {
	box-shadow: 0 1px 5px -4px #56635c;
}

#style-2.header-area.absolute-header .is-sticky .logo a {
	color: #fff;
}


/* Main Menu 
============== */

.header-area .navigation {
	padding: 0px 30px;
	background: #fff;
	height: 80px;
	position: relative;
	z-index: 9;
}

.main-menu .navbar {
	padding: 0;
}

.main-menu li.nav-item {
	position: relative;
	margin-right: 30px;
}

.main-menu li.nav-item:last-child {
	margin-right: 0;
}


.main-menu .navbar-nav .nav-item .nav-link {
	font-size: 16px;
	font-weight: 500;
	color: #333;
	display: block;
	padding: 30px 0;
}

.main-menu .navbar-nav .nav-item.active .nav-link {
	color: #e7112c;
}

#style-2.header-area.absolute-header .navigation {
	background: transparent;
}

#style-2.header-area.absolute-header .main-menu .navbar-nav .nav-item .nav-link {
	color: #fff;
}

#style-2.header-area.absolute-header .main-menu .navbar-nav .nav-item:hover .nav-link {
	color: #e7112c;
}

#style-2.header-area.absolute-header .main-menu .navbar-nav .nav-item.active .nav-link {
	color: #e7112c;
}

.auto-container {
	position: static;
	max-width: 1170px;
	padding: 0px 15px;
	margin: 0 auto;
}

#style-3.header-area .navigation {
	background: #252531;
}

#style-3.header-area .logo a {
	color: #fff;
}

#style-3.header-area .main-menu .navbar-nav .nav-link {
	color: #fff;
}

#style-3.header-area .main-menu .navbar-nav .nav-link.active {
	color: #e7112c;
}




/*Dropdown Menu */

.sub-menu {
	position: absolute;
	left: 0;
	top: 120px;
	width: 180px;
	background-color: #fff;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 600ms ease;
	transition: all 600ms ease;
	z-index: 99;
	-webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
}

.sub-menu::after {
	position: absolute;
	content: "";
	width: 100%;
	height: 4px;
	top: 0;
	left: 0;
	background: #e7112c;
	visibility: hidden;
	opacity: 0;
}

.main-menu li:hover .sub-menu {
	opacity: 1;
	visibility: visible;
	top: 80px;
}

.main-menu li:hover .sub-menu::after {
	opacity: 1;
	visibility: visible;
}

.main-menu ul.sub-menu {
	list-style: none;
	margin: 0;
	padding: 0;
}

.main-menu .sub-menu li {
	display: block;
	border-bottom: 1px solid #eee;
}

.main-menu .sub-menu li:last-child {
	border-bottom: none;
}

.main-menu .sub-menu li a {
	font-size: 14px;
	font-weight: 400;
	display: block;
	padding: 12px;
	color: #333;
	-webkit-transition: .3s;
	transition: .3s;
}

.main-menu .sub-menu li:hover > a,
.main-menu .sub-menu li.active > a {
	background: #e7112c;
	color: #fff;
}

.dropdown-toggle::after {
	display: none !important;
}

.navigation .navbar .navbar-nav .nav-item .sub-nav-toggler {
	display: none;
}

/*Header Right Content */

.header-area .main-btn {
	margin-top: 14px;
}

/* Slider & Hero Area 
==================*/

.single-slide-item {
	background-size: cover;
	background-position: center;
	background-color: #ddd;
	color: #fff;
	width: 100%;
	height: 700px;
	display: table;
	position: relative;
	z-index: 1;
}

.single-slide-item h1 {
	color: #fff;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 70px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 2px;
	margin: 20px 0;
}

.single-slide-item p {
	color: #ccc7c7;
	font-size: 18px;
	line-height: 30px;
}

.homepage-slides .owl-nav button.owl-prev,
.homepage-slides .owl-nav button.owl-next {
	width: 50px;
	height: 50px;
	border: 2px solid;
	font-size: 20px;
	font-weight: 100;
	line-height: 16px;
	position: absolute;
	left: 15px;
	top: 50%;
	margin-top: -25px;
	color: #e7112c;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
}

.homepage-slides .owl-nav button.owl-next {
	left: auto;
	right: 15px;
}

.homepage-slides:hover .owl-nav button.owl-prev,
.homepage-slides:hover .owl-nav button.owl-next {
	visibility: visible;
	opacity: .3;
}

.homepage-slides .owl-nav button.owl-prev:hover,
.homepage-slides .owl-nav button.owl-next:hover {
	background: #e7112c;
	color: #fff;
	border-color: #e7112c;
	opacity: 1;
}

.hero-area-content {
	display: table-cell;
	vertical-align: middle;
	position: relative;
}

.hero-area-content .main-btn {
	margin: 15px 0;
}

#home-2 .hero-area-content h6 {
	margin-top: 100px;
}

#home-3 .single-slide-item h1 {
	font-family: 'Teko', sans-serif;
	font-size: 100px;
	font-weight: 500;
	line-height: 105px;
	letter-spacing: 4px;
	text-transform: uppercase;
}

.hero-area-content .shape-one {
	position: absolute;
	width: 110px;
	height: 110px;
	left: 210px;
	bottom: 40px;
}

.hero-area-content .shape-one:before {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 10px;
	height: 100%;
	background-color: #fff;
}

.hero-area-content .shape-one:after {
	position: absolute;
	content: '';
	left: 0;
	bottom: 0;
	width: 100%;
	height: 10px;
	background-color: #fff;
}

.hero-area-content .shape-two {
	position: absolute;
	width: 110px;
	height: 110px;
	right: 210px;
	bottom: 40px;
}

.hero-area-content .shape-two:before {
	position: absolute;
	content: '';
	right: 0;
	top: 0;
	width: 10px;
	height: 100%;
	background-color: #fff;
}

.hero-area-content .shape-two:after {
	position: absolute;
	content: '';
	right: 0;
	bottom: 0;
	width: 100%;
	height: 10px;
	background-color: #fff;
}


/* Info Section
============== */

.info-area {
	position: relative;
	margin-top: -100px;
	z-index: 9;
}

.info-bg {
	background-image: url(../img/info-bg.jpg);
}

.info-bg.bg-cover {
	height: 305px;
	background-position: top center;
}

.info-content {
	padding: 50px;
	border-left: 10px solid #e7112c;
	height: 100%;
}

.info-content h5 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 35px;
	font-weight: 500;
	line-height: 45px;
	margin-bottom: 20px;
}

.info-content a {
	font-family: 'Teko', sans-serif;
	font-size: 20px;
	font-weight: 300;
	letter-spacing: 2px;
	color: #e7112c;
	margin: 15px 0;
}

.info-inner {
	background: #fff;
	box-shadow: 0 1px 4px -2px #6e7b71;
}

.info-founder {
	background: #e7112c;
	height: 100%;
	text-align: center;
	padding: 50px;
}

.info-founder i:before {
	font-size: 60px;
}

.info-founder p.highlight {
	font-family: 'Teko', sans-serif;
	font-size: 55px;
	font-weight: 500;
	color: #fff;
	margin: 50px 0 30px;
}

.info-founder p {
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 4px;
	color: #333;
}

#info-2 .info-content-area {
	padding-left: 30px;
}


/* Service Section
============== */

.single-service-area {
	background: #fff;
	padding: 40px;
	padding-top: 50px;
	position: relative;
	z-index: 1;
	border-bottom: 4px solid #fff;
	box-shadow: 0 3px 9px -2px #373737;
	margin-top: 50px;
	transition: .3s;
	text-align: center;
	overflow: hidden;
}

.service-icon i:before {
	font-size: 55px;
	color: #e7112c;
}

.single-service-area h5 {
	margin: 30px 0 20px;
}

single-service-area.active {
	border-bottom: 4px solid #e7112c;
}

single-service-area.active .num {
	color: #F4E858;
}

.single-service-area:hover {
	border-bottom: 4px solid #e7112c;
}

.single-service-area:before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1;
	opacity: 0;
	visibility: hidden;
	transition: all .3s ease-out;
	background-size: cover;
	background-position: center;
}

.single-service-area:after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #252531;
	z-index: -1;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
}

.single-service-area:hover::before {
	visibility: visible;
	opacity: 1;
}

.single-service-area:hover::after {
	visibility: visible;
	opacity: .8;
}

.single-service-area:hover h5 {
	color: #fff;
}

.single-service-area:hover p {
	color: #fff;
}

/*Service # 02*/

#service-2 .single-service-area {
	box-shadow: none;
	border-right: 1px solid #eee;
}

.service-slider .owl-dots button.owl-dot span {
	width: 10px;
	height: 10px;
	background: #b1adad;
	margin-right: 10px;
	margin-top: 20px;
}

.service-slider .owl-dots button.owl-dot.active span {
	width: 35px;
	height: 10px;
	background: #e7112c;
}

.service-slider .owl-dots {
	text-align: center;
	margin-top: 50px;
}

/*Service # 03*/

.single-service {
	position: relative;
	margin: 50px 0 30px;
}

.single-service a {
	margin: 0 auto;
	display: block;
}

.single-service img {
	height: 250px;
	width: 100%;
}

.single-service .service-content {
	position: absolute;
	bottom: -20px;
	left: 20px;
	right: 20px;
	background: #fff;
	padding: 20px;
	box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.10);
}

.service-content h3 {
	font-size: 18px;
	line-height: 20px;
	margin: 10px 0;
	transform: translateY(0);
	transition: all .3s ease-in-out;
	position: relative;
	padding-left: 15px;
}

.service-content h3:before {
	position: absolute;
	content: "";
	top: 50%;
	left: 0;
	width: 4px;
	height: 30px;
	background: #e7112c;
	margin-top: -15px;
}

.service-content a.read-more {
	position: absolute;
	bottom: 40px;
	left: 20px;
	opacity: 0;
	transform: translateY(50%);
	transition: all .3s ease-in-out;
	text-transform: uppercase;
	font-family: 'Teko', sans-serif;
	font-size: 16px;
	letter-spacing: 2px;
	color: #e7112c;
	padding-left: 15px;
}

.single-service:hover .service-content h3 {
	transform: translateY(-10px);
	-webkit-transition-delay: .2s;
	transition-delay: .2s;
}

.single-service:hover .service-content a.read-more {
	transform: translateY(30px);
	opacity: 1;
	-webkit-transition-delay: .3s;
	transition-delay: .3s;
}


/* About Section
============== */

.about-area .section-title h2:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-left: 3px solid #e7112c;
}

.about-area .section-title h2 {
	padding-left: 25px;
}

.about-area p {
	color: #333;
}

.about-bg {
	position: relative;
	z-index: 1;
}

#about-1 .about-bg:after {
	position: absolute;
	content: "";
	width: 80%;
	height: 100%;
	top: 20px;
	left: -20px;
	background: #e7112c;
	z-index: -1;
}

#about-2 .about-bg:after {
	position: absolute;
	content: "";
	width: 80%;
	height: 100%;
	top: 20px;
	left: -20px;
	background: #e7112c;
	z-index: -1;
}

.founded img {
	width: 140px;
	height: auto;
}

.founded p {
	display: flex;
	align-items: center;
	height: 60px;
	font-size: 18px;
	font-weight: 500;
	color: #e7112c;
}

p.highlight i {
	font-size: 24px;
	color: #e7112c;
	padding-right: 10px;
}

/*About # 02*/

.founded {
	border-top: 4px solid #eee;
	border-bottom: 4px solid #eee;
	padding: 15px;
}

.years {
	font-family: 'Teko', sans-serif;
	font-size: 25px;
	font-weight: 300;
	letter-spacing: 1px;
}

.years span {
	font-family: 'Teko', sans-serif;
	font-size: 140px;
	font-weight: 600;
	line-height: 112px;
	background-color: #e7112c;
	/*	background-image: url(../img/trans-bg.png);*/
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	padding-right: 20px;
}

.text {
	font-size: 20px;
	line-height: 27px;
	color: #e7112c;
	border-left: 5px solid;
	padding-left: 35px;
	margin-top: 20px;
}

/*About # 03*/

#about-3 .about-bg:before {
	position: absolute;
	content: '';
	left: 80px;
	top: -35px;
	right: 80px;
	bottom: -35px;
	border: 10px solid #e7112c;
	z-index: -1;
}


/* Portfolio Section
============== */

ul.port-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	ul.port-menu {
		float: left;
	}
}

@media (max-width: 575px) {
	ul.port-menu {
		float: left;
	}
}

ul.port-menu.recent {
	float: none;
}

ul.port-menu li {
	display: inline-block;
	padding: 20px 10px;
	color: #333;
	cursor: pointer;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 30px;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	ul.port-menu li {
		padding: 10px 7px;
		font-size: 12px;
	}
}

@media (max-width: 575px) {
	ul.port-menu li {
		padding: 10px 7px;
		font-size: 12px;
	}
}

.port-menu li.active {
	color: #e7112c;
}

.port-menu li:hover {
	color: #e7112c;
}

.portfolio-list {
	overflow: hidden;
	margin-left: -1%;
	margin-top: 20px;
}

.single-portfolio-item {
	float: left;
	width: 49%;
	height: 500px;
	background-size: cover;
	background-position: center;
	background-color: #e7112c;
	position: relative;
	margin-left: 1%;
	margin-bottom: 10px;
	position: relative;
	overflow: hidden;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.single-portfolio-item {
		width: 100%;
	}
}

@media (max-width: 575px) {
	.single-portfolio-item {
		width: 100%;
	}
}

.single-portfolio-item.large {
	height: 610px;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.single-portfolio-item.large {
		height: 300px;
	}
}

@media (max-width: 575px) {
	.single-portfolio-item.large {
		height: 300px;
	}
}

.single-portfolio-item.wide {
	width: 65.55%;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.single-portfolio-item.wide {
		width: 100%;
	}
}

@media (max-width: 575px) {
	.single-portfolio-item.wide {
		width: 100%;
	}
}

.portfolio-list.recent {
	margin-top: 0;
}

ul.port-menu.recent {
	list-style: none;
	padding: 0;
	bottom: 0;
	text-align: center;
	position: inherit;
}

.portfolio-single-section h3 {
	margin: 30px 0;
}

.portfolio-content {
	position: absolute;
	left: 0;
	bottom: -10px;
	width: 40%;
	background-color: #fff;
	padding: 20px 10px;
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: -webkit-transform .5s linear;
	transition: -webkit-transform .5s linear;
	-o-transition: transform .5s linear;
	transition: transform .5s linear;
	transition: transform .5s linear, -webkit-transform .5s linear;
	-webkit-transition: -webkit-transform .45s cubic-bezier(.4, 0, .2, 1);
	transition: -webkit-transform .45s cubic-bezier(.4, 0, .2, 1);
	-o-transition: transform .45s cubic-bezier(.4, 0, .2, 1);
	transition: transform .45s cubic-bezier(.4, 0, .2, 1);
	transition: transform .45s cubic-bezier(.4, 0, .2, 1), -webkit-transform .45s cubic-bezier(.4, 0, .2, 1);
}

.single-portfolio-item:hover .portfolio-content {
	-webkit-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	transform: translateY(-10px);
	-webkit-transition-delay: .15s;
	-o-transition-delay: .15s;
	transition-delay: .15s;
}

.portfolio-content h4 {
	font-family: 'Teko', sans-serif;
	font-weight: 400;
	letter-spacing: 2px;
	font-size: 18px;
	line-height: 1.4;
}

.portfolio-category {
	color: #e7112c;
	font-size: 14px;
}

.single-portfolio-item {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: -webkit-transform .6s cubic-bezier(.4, 0, .2, 1);
	transition: -webkit-transform .6s cubic-bezier(.4, 0, .2, 1);
	-o-transition: transform .6s cubic-bezier(.4, 0, .2, 1);
	transition: transform .6s cubic-bezier(.4, 0, .2, 1);
	transition: transform .6s cubic-bezier(.4, 0, .2, 1), -webkit-transform .6s cubic-bezier(.4, 0, .2, 1);
}

.single-portfolio-item:hover {
	-webkit-transform: translateY(-20px);
	-ms-transform: translateY(-20px);
	transform: translateY(-20px);
}

.single-portfolio-item:after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #252531;
	z-index: -1;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
}

.single-portfolio-item:hover::after {
	opacity: 1;
	visibility: visible;
	opacity: .5;
}

/*Portfolio Section # 02*/

#portf-2 .single-portfolio-item {
	float: left;
	width: 24%;
	height: 300px;
	background-size: cover;
	background-position: center;
	background-color: #e7112c;
	position: relative;
	margin-left: 1%;
	margin-bottom: 10px;
	position: relative;
	overflow: hidden;
}

#portf-2 .portfolio-content {
	width: 80%;
}

/* Portfolio # 03 */

/* Projects Grid Layout */
.project-grid {
	margin-top: 50px;
}

.single-project-item.bg-cover {
	height: 400px;
	min-height: 400px;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.single-project-item {
	position: relative;
	z-index: 1;
	border-bottom: 4px solid transparent;
	margin-bottom: 0;
}

.single-project-item:after {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #222;
	opacity: .3;
	z-index: -1;
	content: "";
	transition: opacity 0.4s ease;
}

.single-project-item:hover {
	border-bottom: 4px solid #e7112c;
	transform: translateY(-8px);
	box-shadow: 0 8px 30px rgba(231, 17, 44, 0.2);
}

.single-project-item:hover:after {
	opacity: .5;
}

.project-inner .hover-info {
	position: absolute;
	left: 0;
	bottom: 20px;
	transform: translateY(50px);
	width: 100%;
	z-index: 2;
	padding: 35px 40px 35px 38px;
	max-width: 500px;
	transition: all ease 0.3s;
	transition-delay: 0.07s;
}

.single-project-item:hover .hover-info {
	opacity: 1;
	transform: translateY(0);
}

.project-inner:after {
	content: " ";
	width: 100%;
	height: 100%;
	background-color: #252531;
	display: block;
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0px;
	transition: all ease 0.3s;
}

.single-project-item:hover .project-inner:after {
	opacity: .6;
}

.hover-info h4 {
	font-size: 20px;
	letter-spacing: 1px;
	color: #fff;
	margin-bottom: 15px;
	transform: translateY(0px);
	transition: .3s;
	word-wrap: break-word;
	overflow-wrap: break-word;
	hyphens: auto;
}

.hover-info h4 span {
	display: block;
	color: #e7112c;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0;
	margin: 5px 0;
	opacity: 0;
	transform: translateY(-200px);
	word-wrap: break-word;
	overflow-wrap: break-word;
	white-space: normal;
}

.hover-info a {
	color: #e7112c;
	font-size: 16px;
}

.project-inner .project-icon {
	position: absolute;
	right: 0;
	top: 0;
	opacity: 0;
	z-index: 2;
	transition: all ease 0.3s;
	font-size: 30px;
	cursor: pointer;
	background: #e7112c;
	color: #fff;
	padding: 15px;
	transform: translate3d(0, -100%, 0);
	transition: .3s;
}

.single-project-item:hover .project-icon {
	opacity: 1;
	transform: translate(0, 0);
}

.single-project-item:hover .hover-info h4 {
	color: #FFF;
	transform: translateY(20px);
}

.single-project-item:hover .hover-info h4 span {
	opacity: 1;
	transform: translateY(0);
}

.project-area {
	background: #ffffff;
	padding-top: 100px;
	padding-bottom: 80px;
}

.project-area .section-title {
	margin-bottom: 50px;
}

/* Responsive Grid Adjustments */

/* Tablet and below */
@media (max-width: 991px) {
	.project-area {
		padding-top: 80px;
		padding-bottom: 60px;
	}
	
	.single-project-item.bg-cover {
		height: 350px;
		min-height: 350px;
		margin-bottom: 25px;
	}
	
	.project-grid {
		margin-top: 40px;
	}
	
	.project-area .section-title {
		margin-bottom: 40px;
	}
	
	.project-inner .hover-info {
		padding: 25px 30px 25px 28px !important;
		bottom: 15px;
		transform: translateY(0);
		opacity: 1;
		max-width: 95%;
	}
	
	.hover-info h4 {
		font-size: 18px;
		line-height: 1.3;
		margin-bottom: 10px;
		transform: translateY(0);
	}
	
	.hover-info h4 span {
		font-size: 14px;
		opacity: 1;
		transform: translateY(0);
		margin: 4px 0;
		line-height: 1.4;
	}
	
	.project-inner .project-icon {
		font-size: 26px;
		padding: 12px;
		opacity: 1;
		transform: translate(0, 0);
	}
}

/* Mobile devices */
@media (max-width: 767px) {
	.project-area {
		padding-top: 60px;
		padding-bottom: 50px;
	}
	
	.project-area .row:first-child .offset-lg-2 {
		margin-left: 0;
	}
	
	.project-area .row:first-child .col-lg-8 {
		flex: 0 0 100%;
		max-width: 100%;
	}
	
	.project-grid {
		margin-top: 30px;
		margin-left: -10px;
		margin-right: -10px;
	}
	
	.project-grid .col-lg-4,
	.project-grid .col-md-6,
	.project-grid .col-sm-6,
	.project-grid .col-12 {
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.single-project-item.bg-cover {
		height: 300px;
		min-height: 300px;
		margin-bottom: 20px;
		border-radius: 6px;
	}
	
	.project-area .section-title {
		margin-bottom: 35px;
		padding: 0 15px;
	}
	
	.project-area .section-title h6 {
		font-size: 13px;
		margin-bottom: 10px;
	}
	
	.project-area .section-title h2 {
		font-size: 24px;
		line-height: 1.3;
		word-wrap: break-word;
		overflow-wrap: break-word;
	}
	
	.project-inner {
		position: relative;
		width: 100%;
		height: 100%;
	}
	
	.project-inner .hover-info {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		padding: 18px 20px 18px 18px !important;
		transform: translateY(0);
		opacity: 1;
		max-width: 100%;
		background: linear-gradient(to top, rgba(37, 37, 49, 0.95) 0%, rgba(37, 37, 49, 0.85) 70%, transparent 100%);
		border-radius: 0 0 6px 6px;
	}
	
	.hover-info h4 {
		font-size: 16px;
		letter-spacing: 0.3px;
		margin-bottom: 8px;
		line-height: 1.3;
		transform: translateY(0);
		color: #fff;
		font-weight: 600;
	}
	
	.hover-info h4 span {
		font-size: 12px;
		margin: 3px 0 0 0;
		opacity: 1;
		transform: translateY(0);
		line-height: 1.4;
		display: block;
		color: #e7112c;
		font-weight: 400;
	}
	
	.project-inner .project-icon {
		font-size: 22px;
		padding: 10px;
		opacity: 1;
		transform: translate(0, 0);
		right: 10px;
		top: 10px;
	}
	
	.single-project-item:hover {
		transform: translateY(-3px);
		box-shadow: 0 6px 20px rgba(231, 17, 44, 0.15);
	}
	
	.single-project-item:active {
		transform: scale(0.98);
	}
	
	.project-inner:after {
		opacity: 0.4;
	}
}

/* Small mobile devices */
@media (max-width: 575px) {
	.project-area {
		padding-top: 50px;
		padding-bottom: 40px;
	}
	
	.project-grid {
		margin-top: 25px;
		margin-left: -8px;
		margin-right: -8px;
	}
	
	.project-grid .col-lg-4,
	.project-grid .col-md-6,
	.project-grid .col-sm-6,
	.project-grid .col-12 {
		padding-left: 8px;
		padding-right: 8px;
	}
	
	.single-project-item.bg-cover {
		height: 280px;
		min-height: 280px;
		margin-bottom: 16px;
		border-radius: 5px;
	}
	
	.project-area .section-title {
		margin-bottom: 30px;
		padding: 0 10px;
	}
	
	.project-area .section-title h6 {
		font-size: 12px;
		margin-bottom: 8px;
	}
	
	.project-area .section-title h2 {
		font-size: 22px;
		line-height: 1.25;
	}
	
	.project-inner .hover-info {
		padding: 16px 18px 16px 16px !important;
		bottom: 0;
		max-width: 100%;
		background: linear-gradient(to top, rgba(37, 37, 49, 0.96) 0%, rgba(37, 37, 49, 0.88) 75%, transparent 100%);
	}
	
	.hover-info h4 {
		font-size: 15px;
		letter-spacing: 0.2px;
		margin-bottom: 6px;
		line-height: 1.25;
	}
	
	.hover-info h4 span {
		font-size: 11px;
		margin: 2px 0 0 0;
		line-height: 1.35;
	}
	
	.project-inner .project-icon {
		font-size: 20px;
		padding: 9px;
		right: 8px;
		top: 8px;
	}
	
	.single-project-item:hover {
		transform: translateY(-2px);
		box-shadow: 0 5px 18px rgba(231, 17, 44, 0.12);
	}
}

/* Extra small mobile devices (iPhone SE, etc.) */
@media (max-width: 480px) {
	.project-area {
		padding-top: 45px;
		padding-bottom: 35px;
	}
	
	.project-grid {
		margin-top: 20px;
		margin-left: -5px;
		margin-right: -5px;
	}
	
	.project-grid .col-lg-4,
	.project-grid .col-md-6,
	.project-grid .col-sm-6,
	.project-grid .col-12 {
		padding-left: 5px;
		padding-right: 5px;
	}
	
	.single-project-item.bg-cover {
		height: 260px;
		min-height: 260px;
		margin-bottom: 10px;
		border-radius: 4px;
	}
	
	.project-area .section-title {
		margin-bottom: 25px;
		padding: 0 8px;
	}
	
	.project-area .section-title h6 {
		font-size: 11px;
		margin-bottom: 6px;
	}
	
	.project-area .section-title h2 {
		font-size: 20px;
		line-height: 1.2;
	}
	
	.project-inner .hover-info {
		padding: 14px 16px 14px 14px !important;
		bottom: 0;
		max-width: 100%;
		background: linear-gradient(to top, rgba(37, 37, 49, 0.97) 0%, rgba(37, 37, 49, 0.90) 80%, transparent 100%);
	}
	
	.hover-info h4 {
		font-size: 14px;
		letter-spacing: 0.1px;
		margin-bottom: 5px;
		line-height: 1.2;
	}
	
	.hover-info h4 span {
		font-size: 10px;
		margin: 2px 0 0 0;
		line-height: 1.3;
	}
	
	.project-inner .project-icon {
		font-size: 18px;
		padding: 8px;
		right: 6px;
		top: 6px;
	}
	
	.single-project-item {
		border-radius: 4px;
	}
	
	.single-project-item:hover {
		transform: translateY(-1px);
		box-shadow: 0 4px 15px rgba(231, 17, 44, 0.1);
	}
}

/* Very small devices */
@media (max-width: 375px) {
	.project-area {
		padding-top: 40px;
		padding-bottom: 30px;
	}
	
	.project-area .section-title h2 {
		font-size: 18px;
	}
	
	.single-project-item.bg-cover {
		height: 240px;
		min-height: 240px;
		margin-bottom: 8px;
	}
	
	.project-inner .hover-info {
		padding: 12px 14px 12px 12px !important;
		bottom: 0;
	}
	
	.hover-info h4 {
		font-size: 13px;
		margin-bottom: 4px;
		line-height: 1.15;
	}
	
	.hover-info h4 span {
		font-size: 9px;
		line-height: 1.25;
	}
	
	.project-inner .project-icon {
		font-size: 16px;
		padding: 7px;
		right: 5px;
		top: 5px;
	}
}

/* Landscape orientation for mobile */
@media (max-width: 767px) and (orientation: landscape) {
	.project-area {
		padding-top: 50px;
		padding-bottom: 40px;
	}
	
	.single-project-item.bg-cover {
		height: 250px;
		min-height: 250px;
	}
	
	.project-grid {
		margin-top: 20px;
	}
	
	.project-inner .hover-info {
		padding: 14px 16px 14px 14px !important;
	}
	
	.hover-info h4 {
		font-size: 15px;
		margin-bottom: 6px;
	}
	
	.hover-info h4 span {
		font-size: 11px;
	}
}

/* Touch device optimizations */
@media (hover: none) and (pointer: coarse) {
	.single-project-item {
		-webkit-tap-highlight-color: rgba(231, 17, 44, 0.1);
		touch-action: manipulation;
	}
	
	.single-project-item:hover {
		transform: none;
	}
	
	.single-project-item:active {
		transform: scale(0.97);
		box-shadow: 0 2px 10px rgba(231, 17, 44, 0.2);
	}
	
	.project-inner .hover-info {
		opacity: 1;
		transform: translateY(0);
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
	}
	
	.single-project-item:hover .hover-info {
		opacity: 1;
	}
	
	.project-inner .project-icon {
		opacity: 1;
		transform: translate(0, 0);
	}
	
	.hover-info h4 {
		transform: translateY(0);
	}
	
	.hover-info h4 span {
		opacity: 1;
		transform: translateY(0);
	}
	
	/* Ensure text is always visible on touch devices */
	.project-inner:after {
		opacity: 0.5;
	}
}


/* Achievement Section 
============== */

.achievement-area {
	background-image: url(../img/achievement.jpg);
	height: 300px;
	background-size: cover;
	background-position: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	z-index: 1;
}

.achievement-area .overlay {
	background-color: #252531e6;
}

.single-counter-box {
	text-align: center;
}

.achievement-area .service-icon i:before {
	font-size: 40px;
	color: #e7112c;
}

.single-counter-box .counter-number span {
	font-family: 'Teko', sans-serif;
	font-size: 70px;
	letter-spacing: 1px;
	color: #fff;
	margin: 40px 0 20px;
}

.single-counter-box p.counter-number {
	font-size: 40px;
	color: #fff;
}

.single-counter-box h6 {
	color: #fff;
}

#style-2.achievement-area {
	background-image: none;
	height: 250px;
}

#style-2 .single-counter-box h6 {
	color: #333;
}

#style-2 .single-counter-box .counter-number span {
	font-family: 'Teko', sans-serif;
	font-size: 70px;
	letter-spacing: 1px;
	color: #e7112c;
	margin: 35px 0 15px;
}

#style-2 .single-counter-box p.counter-number {
	font-size: 60px;
	color: #e7112c;
}

/* Testimonial Section 
============== */

.testimonial-area {
	background-image: url(../img/testimonial/testimonial-bg.jpg);
}

.single-team-item img {
	max-width: 70px;
	height: auto;
	float: left;
}

.author-desc {
	margin-top: 30px;
}

.author-desc h5 {
	font-size: 17px;
	padding-left: 80px;
}

.author-desc span {
	font-size: 90%;
	color: #e7112c;
	padding-left: 10px;
}

.single-team-item {
	background: #fff;
	padding: 50px 50px 70px;
	position: relative;
	z-index: 1;
	margin-top: 50px;
	box-shadow: 0 3px 9px -2px #373737;
	border-bottom: 3px solid #fff;
	transition: .3s;
}

.single-team-item:hover {
	border-bottom: 3px solid #e7112c;
}

.testimonial-icon i {
	font-size: 25px;
	background: #e7112c;
	padding: 10px;
	position: absolute;
	top: -20px;
	color: #fff;
	z-index: 9;
}

.testimonial-area .owl-dots button.owl-dot span {
	width: 10px;
	height: 10px;
	background: #ddd;
	margin-right: 10px;
	margin-top: 20px;
}

.testimonial-area .owl-dots button.owl-dot.active span {
	width: 35px;
	height: 10px;
	background: #e7112c;
}

.testimonial-area .team-carousel .owl-dots {
	text-align: center;
	margin-top: 50px;
}

/*Testimonial Section # 02*/

.testimonial-area-2 {
	background-image: url(../img/testimonial/testimonial-slider-bg.jpg);
	background-size: cover;
	background-position: center;
	height: 500px;
	position: relative;
	z-index: 1;
}

.testimonial-area-2 .overlay {
	background-color: #252531de;
}

.testimonial-avatar img {
	max-width: 100px;
	border-radius: 50%;
	margin: 0 auto;
}

.single-testimonial-item {
	text-align: center;
}

.testimonial-content p {
	font-size: 17px;
	line-height: 25px;
	color: #f5f3f3;
	margin: 20px 0;
}

.testimonial-content h4 {
	font-size: 18px;
	font-weight: 400;
	color: #fff;
	margin: 30px 0;
}

.testimonial-content h4 span {
	display: block;
	font-size: 90%;
	margin-top: 7px;
	opacity: .5;
}

.testimonial-carousel .owl-dots button {
	width: 15px;
	height: 15px;
	background: #999;
	display: inline-block;
	border-radius: 50%;
	margin: 5px;
}

.testimonial-carousel .owl-dots button.active {
	background: #e7112c;
}

.testimonial-carousel .owl-dots {
	display: block;
	text-align: center;
	margin: 30px;
}

.testimonial-area-2 .testimonial-icon-before i {
	font-size: 30px;
	background: none;
	padding: 10px;
	position: absolute;
	top: 72px;
	color: #fff;
	z-index: 9;
	left: -10px;
	color: #e7112c;
}

.testimonial-area-2 .testimonial-icon-after i {
	font-size: 30px;
	background: none;
	padding: 10px;
	position: absolute;
	bottom: 72px;
	color: #fff;
	z-index: 9;
	right: -10px;
	color: #e7112c;
}


/* Skeleton Loading Styles 
============== */

.skeleton {
	background: linear-gradient(90deg, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);
	background-size: 200% 100%;
	animation: skeleton-loading 1.5s ease-in-out infinite;
	border-radius: 4px;
	position: relative;
	overflow: hidden;
}

.skeleton::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
	animation: skeleton-shimmer 1.5s infinite;
}

@keyframes skeleton-loading {
	0% {
		background-position: 200% 0;
	}
	100% {
		background-position: -200% 0;
	}
}

@keyframes skeleton-shimmer {
	0% {
		transform: translateX(-100%);
	}
	100% {
		transform: translateX(100%);
	}
}

.skeleton-image {
	width: 100%;
	height: 320px;
	border-radius: 16px 16px 0 0;
	background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
	background-size: 200% 100%;
	animation: skeleton-loading 1.5s ease-in-out infinite;
}

.skeleton-text {
	height: 16px;
	margin-bottom: 10px;
	border-radius: 4px;
}

.skeleton-text.short {
	width: 60%;
}

.skeleton-text.medium {
	width: 80%;
}

.skeleton-text.long {
	width: 100%;
}

.skeleton-title {
	height: 24px;
	width: 70%;
	margin: 0 auto 15px;
	border-radius: 4px;
}

.skeleton-subtitle {
	height: 18px;
	width: 50%;
	margin: 0 auto 20px;
	border-radius: 4px;
}

.skeleton-circle {
	width: 36px;
	height: 36px;
	border-radius: 50%;
}

.skeleton-card {
	background: #ffffff;
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
	padding: 0;
}

.skeleton-breadcrumb {
	height: 20px;
	width: 200px;
	margin: 10px auto;
	border-radius: 4px;
}

.skeleton-breadcrumb-title {
	height: 40px;
	width: 300px;
	margin: 15px auto;
	border-radius: 4px;
}

.skeleton-social {
	display: flex;
	justify-content: center;
	gap: 8px;
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px solid #e8e8e8;
}

.skeleton-contact-item {
	height: 16px;
	width: 120px;
	margin: 5px auto;
	border-radius: 4px;
}

/* Team Section Skeleton */
.skeleton-team-card {
	background: #ffffff;
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
	height: 100%;
	display: flex;
	flex-direction: column;
}

.skeleton-team-image {
	width: 100%;
	height: 320px;
	border-radius: 16px 16px 0 0;
}

.skeleton-team-content {
	padding: 25px 20px;
	text-align: center;
}

.skeleton-team-name {
	height: 22px;
	width: 70%;
	margin: 0 auto 12px;
	border-radius: 4px;
}

.skeleton-team-designation {
	height: 16px;
	width: 50%;
	margin: 0 auto 15px;
	border-radius: 4px;
}

.skeleton-team-contact {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-top: 10px;
}

/* Hide skeleton when content loads */
.skeleton-hidden {
	display: none !important;
}

.content-loaded .skeleton {
	display: none;
}

/* Professional Homepage Skeleton Styles */
.skeleton-service-card {
	background: #ffffff;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
	transition: all 0.3s ease;
}

.skeleton-service-image {
	width: 100%;
	height: 250px;
	border-radius: 12px 12px 0 0;
}

.skeleton-service-content {
	padding: 25px 20px;
}

.skeleton-service-title {
	height: 24px;
	width: 80%;
	margin-bottom: 15px;
	border-radius: 4px;
}

.skeleton-service-link {
	height: 16px;
	width: 120px;
	border-radius: 4px;
}

.skeleton-portfolio-item {
	width: 100%;
	height: 400px;
	border-radius: 12px;
	position: relative;
	overflow: hidden;
}

.skeleton-counter-box {
	background: #ffffff;
	border-radius: 12px;
	padding: 30px 20px;
	text-align: center;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
}

.skeleton-counter-number {
	height: 48px;
	width: 120px;
	margin: 0 auto 15px;
	border-radius: 8px;
}

.skeleton-counter-title {
	height: 20px;
	width: 80%;
	margin: 0 auto;
	border-radius: 4px;
}

.skeleton-price-card {
	background: #ffffff;
	border-radius: 16px;
	padding: 40px 30px;
	box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
	text-align: center;
	position: relative;
	overflow: hidden;
}

.skeleton-price-title {
	height: 28px;
	width: 60%;
	margin: 0 auto 20px;
	border-radius: 4px;
}

.skeleton-price-amount {
	height: 48px;
	width: 150px;
	margin: 0 auto 25px;
	border-radius: 8px;
}

.skeleton-price-feature {
	height: 16px;
	width: 85%;
	margin: 0 auto 12px;
	border-radius: 4px;
}

.skeleton-price-feature:last-child {
	margin-bottom: 25px;
}

.skeleton-price-button {
	height: 45px;
	width: 180px;
	margin: 0 auto;
	border-radius: 50px;
}

.skeleton-testimonial-card {
	background: #ffffff;
	border-radius: 16px;
	padding: 40px 30px;
	box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08);
	text-align: center;
	position: relative;
}

.skeleton-testimonial-icon {
	width: 50px;
	height: 50px;
	margin: 0 auto 20px;
	border-radius: 50%;
}

.skeleton-testimonial-text {
	height: 16px;
	width: 100%;
	margin-bottom: 10px;
	border-radius: 4px;
}

.skeleton-testimonial-text.short {
	width: 70%;
	margin: 0 auto;
}

.skeleton-testimonial-image {
	width: 80px;
	height: 80px;
	margin: 25px auto 15px;
	border-radius: 50%;
}

.skeleton-testimonial-name {
	height: 22px;
	width: 60%;
	margin: 0 auto 8px;
	border-radius: 4px;
}

.skeleton-testimonial-designation {
	height: 16px;
	width: 50%;
	margin: 0 auto;
	border-radius: 4px;
}

.skeleton-intro-item {
	background: rgba(255, 255, 255, 0.95);
	border-radius: 20px;
	padding: 50px 30px;
	text-align: center;
	border: 1px solid rgba(231, 17, 44, 0.1);
}

.skeleton-intro-icon {
	width: 80px;
	height: 80px;
	margin: 0 auto 25px;
	border-radius: 20px;
}

.skeleton-intro-title {
	height: 22px;
	width: 70%;
	margin: 0 auto 15px;
	border-radius: 4px;
}

.skeleton-intro-text {
	height: 16px;
	width: 90%;
	margin: 0 auto 8px;
	border-radius: 4px;
}

.skeleton-intro-text:last-child {
	width: 60%;
}

.skeleton-process-item {
	background: #ffffff;
	border-radius: 16px;
	padding: 30px 20px;
	text-align: center;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
	position: relative;
}

.skeleton-process-number {
	width: 50px;
	height: 50px;
	margin: 0 auto 20px;
	border-radius: 50%;
	background: rgb(231, 17, 44);
	display: flex;
	align-items: center;
	justify-content: center;
}

.skeleton-process-number-inner {
	width: 24px;
	height: 24px;
	border-radius: 4px;
	background: rgba(255, 255, 255, 0.3);
}

.skeleton-process-icon {
	width: 80px;
	height: 80px;
	margin: 0 auto 20px;
	border-radius: 12px;
	background: #f8f9fa;
	border: 2px solid #e8e8e8;
}

.skeleton-process-title {
	height: 22px;
	width: 80%;
	margin: 0 auto 15px;
	border-radius: 4px;
}

.skeleton-process-text {
	height: 16px;
	width: 90%;
	margin: 0 auto 8px;
	border-radius: 4px;
}

.skeleton-process-text:last-child {
	width: 70%;
}

.skeleton-client-logo {
	width: 150px;
	height: 80px;
	margin: 0 auto;
	border-radius: 8px;
	background: #ffffff;
	padding: 15px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.skeleton-client-logo-inner {
	width: 100%;
	height: 100%;
	border-radius: 4px;
}

/* Section Title Skeleton */
.skeleton-section-title {
	text-align: center;
	margin-bottom: 50px;
}

.skeleton-section-subtitle {
	height: 18px;
	width: 200px;
	margin: 0 auto 15px;
	border-radius: 4px;
}

.skeleton-section-main-title {
	height: 36px;
	width: 400px;
	margin: 0 auto;
	border-radius: 4px;
}

/* Responsive Skeleton Adjustments */
@media (max-width: 768px) {
	.skeleton-section-main-title {
		width: 90%;
		max-width: 300px;
	}
	
	.skeleton-service-image {
		height: 200px;
	}
	
	.skeleton-portfolio-item {
		height: 300px;
	}
	
	.skeleton-price-card {
		padding: 30px 20px;
	}
	
	.skeleton-testimonial-card {
		padding: 30px 20px;
	}
	
	.skeleton-intro-item {
		padding: 40px 25px;
	}
}

/* 
 * SKELETON USAGE EXAMPLES:
 * 
 * Service Card Skeleton:
 * <div class="skeleton-service-card">
 *   <div class="skeleton skeleton-service-image"></div>
 *   <div class="skeleton-service-content">
 *     <div class="skeleton skeleton-service-title"></div>
 *     <div class="skeleton skeleton-service-link"></div>
 *   </div>
 * </div>
 * 
 * Portfolio Item Skeleton:
 * <div class="skeleton skeleton-portfolio-item"></div>
 * 
 * Counter Box Skeleton:
 * <div class="skeleton-counter-box">
 *   <div class="skeleton skeleton-counter-number"></div>
 *   <div class="skeleton skeleton-counter-title"></div>
 * </div>
 * 
 * Price Card Skeleton:
 * <div class="skeleton-price-card">
 *   <div class="skeleton skeleton-price-title"></div>
 *   <div class="skeleton skeleton-price-amount"></div>
 *   <div class="skeleton skeleton-price-feature"></div>
 *   <div class="skeleton skeleton-price-feature"></div>
 *   <div class="skeleton skeleton-price-button"></div>
 * </div>
 * 
 * Testimonial Card Skeleton:
 * <div class="skeleton-testimonial-card">
 *   <div class="skeleton skeleton-testimonial-icon"></div>
 *   <div class="skeleton skeleton-testimonial-text"></div>
 *   <div class="skeleton skeleton-testimonial-text"></div>
 *   <div class="skeleton skeleton-testimonial-text short"></div>
 *   <div class="skeleton skeleton-testimonial-image"></div>
 *   <div class="skeleton skeleton-testimonial-name"></div>
 *   <div class="skeleton skeleton-testimonial-designation"></div>
 * </div>
 * 
 * Section Title Skeleton:
 * <div class="skeleton-section-title">
 *   <div class="skeleton skeleton-section-subtitle"></div>
 *   <div class="skeleton skeleton-section-main-title"></div>
 * </div>
 */

/* Team Section 
============== */

.team-area {
	background: #f8f9fa;
}

.team-area .section-title {
	margin-bottom: 50px;
}

.team-area .section-title h6 {
	color: #e7112c;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom: 15px;
}

.team-area .section-title h1,
.team-area .section-title h2 {
	color: #191919;
	font-size: 36px;
	font-weight: 700;
	line-height: 1.3;
	margin: 0;
}

.team-area .section-title .section-main-title {
	color: #191919;
	font-size: 36px;
	font-weight: 700;
	line-height: 1.3;
	margin: 0;
}

.team-area .section-title .section-subtitle {
	color: #e7112c;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom: 15px;
}

.single-team-member {
	height: 100%;
	margin-bottom: 0;
}

.team-member-wrapper {
	background: #ffffff;
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	height: 100%;
	display: flex;
	flex-direction: column;
	position: relative;
	width: 100%;
}

.single-team-member:hover .team-member-wrapper {
	transform: translateY(-10px);
	box-shadow: 0 15px 40px rgba(231, 17, 44, 0.2);
}

.team-member-image {
	position: relative;
	width: 100%;
	height: 320px;
	overflow: hidden;
	border-radius: 16px 16px 0 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f8f9fa;
}

.team-member-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}

.team-placeholder-image {
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, #f5f5f5 0%, #e0e0e0 100%);
	display: flex;
	align-items: center;
	justify-content: center;
}

.team-placeholder-image i {
	font-size: 80px;
	color: #ccc;
}

.single-team-member:hover .team-member-image img {
	transform: scale(1.1);
}

.team-image-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(to bottom, transparent 0%, rgba(231, 17, 44, 0.1) 100%);
	opacity: 0;
	transition: opacity 0.3s ease;
}

.single-team-member:hover .team-image-overlay {
	opacity: 1;
}

.team-content {
	padding: 25px 20px;
	text-align: center;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	background: #ffffff;
	border-radius: 0 0 16px 16px;
}

.team-title {
	margin-bottom: 0;
}

.team-subtitle {
	margin-top: 12px;
	margin-bottom: 0;
}

.team-designation {
	font-size: 15px;
	color: #666;
	margin: 0;
	font-weight: 500;
	line-height: 1.4;
}

.team-name {
	font-size: 20px;
	font-weight: 700;
	color: #191919;
	margin: 0;
	letter-spacing: 0.3px;
	line-height: 1.3;
	transition: color 0.3s ease;
}

.single-team-member:hover .team-name {
	color: #e7112c;
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border-width: 0;
}

.team-contact-info {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-top: 10px;
	margin-bottom: 0;
}

.team-contact-item {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	font-size: 13px;
	color: #666;
	text-decoration: none;
	transition: all 0.3s ease;
	padding: 5px 0;
	margin: 0;
	line-height: 1.4;
}

.team-contact-item i {
	color: #e7112c;
	font-size: 14px;
	transition: transform 0.3s ease;
}

.team-contact-item:hover {
	color: #e7112c;
}

.team-contact-item:hover i {
	transform: scale(1.2);
}

.team-contact-item span {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.team-social {
	margin-top: 15px;
	margin-bottom: 0;
	padding-top: 15px;
	border-top: 1px solid #e8e8e8;
}

.team-social ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}

.team-social ul li {
	display: inline-block;
	margin: 0;
}

.team-social ul li a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: #f0f0f0;
	color: #666;
	font-size: 14px;
	text-decoration: none;
	transition: all 0.3s ease;
	border: 2px solid transparent;
}

.team-social ul li a:hover {
	background: #e7112c;
	color: #ffffff;
	border-color: #e7112c;
	transform: translateY(-3px);
	box-shadow: 0 5px 15px rgba(231, 17, 44, 0.3);
}

.team-social ul li a i {
	margin: 0;
}

/* Skeleton Responsive */
@media (max-width: 991px) {
	.skeleton-team-image {
		height: 280px;
	}
}

@media (max-width: 767px) {
	.skeleton-team-image {
		height: auto;
		min-height: 300px;
		max-height: 400px;
	}
	
	.skeleton-team-name {
		height: 20px;
	}
	
	.skeleton-team-designation {
		height: 15px;
	}
}

@media (max-width: 575px) {
	.skeleton-team-image {
		height: auto;
		min-height: 280px;
		max-height: 380px;
	}
}

/* Picture Gallery Styles */
.picture-gallery-area {
	background: #f8f9fa;
}

/* Masonry Grid Container */
.picture-gallery-masonry {
	width: 100%;
	margin: 0 auto;
}

/* Masonry Grid Item */
.picture-gallery-item {
	width: calc(33.333% - 14px);
	margin-bottom: 20px;
}

.picture-gallery-card {
	background: #ffffff;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	display: flex;
	flex-direction: column;
	height: 100%;
}

.picture-gallery-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 15px 40px rgba(231, 17, 44, 0.2);
}

.picture-gallery-image {
	position: relative;
	width: 100%;
	overflow: hidden;
	background: #f0f0f0;
}

.picture-gallery-image img {
	width: 100%;
	height: auto;
	display: block;
	transition: transform 0.5s ease;
}

.picture-gallery-card:hover .picture-gallery-image img {
	transform: scale(1.1);
}

.picture-zoom-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(231, 17, 44, 0.85);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: all 0.3s ease;
	z-index: 2;
}

.picture-zoom-overlay i {
	font-size: 48px;
	color: #ffffff;
	margin-bottom: 10px;
	transform: scale(0.8);
	transition: transform 0.3s ease;
}

.picture-zoom-overlay span {
	color: #ffffff;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.picture-gallery-image:hover .picture-zoom-overlay {
	opacity: 1;
}

.picture-gallery-image:hover .picture-zoom-overlay i {
	transform: scale(1);
}

.picture-gallery-content {
	padding: 20px;
	flex-grow: 1;
}

.picture-gallery-content h4 {
	font-size: 18px;
	font-weight: 700;
	color: #191919;
	margin-bottom: 10px;
}

.picture-gallery-content p {
	color: #666;
	font-size: 14px;
	line-height: 1.6;
	margin: 0;
}

/* Video Gallery Styles */
.video-gallery-area {
	background: #f8f9fa;
}

.video-gallery-card {
	background: #ffffff;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	height: 100%;
	display: flex;
	flex-direction: column;
}

.video-gallery-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 15px 40px rgba(231, 17, 44, 0.2);
}

.video-gallery-thumbnail {
	position: relative;
	width: 100%;
	height: 225px;
	overflow: hidden;
	background: #000;
}

.video-gallery-thumbnail img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.video-play-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.6);
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: all 0.3s ease;
	z-index: 10;
	pointer-events: auto;
	cursor: pointer;
}

.video-gallery-card:hover .video-play-overlay {
	opacity: 1;
}

.video-play-overlay a {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: #ffffff;
	text-decoration: none;
	transition: transform 0.3s ease;
}

.video-play-overlay a:hover {
	transform: scale(1.1);
}

.video-play-overlay i {
	font-size: 60px;
	margin-bottom: 10px;
	text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
}

.video-play-overlay span {
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.video-gallery-content {
	padding: 20px;
	flex-grow: 1;
}

.video-gallery-content h4 {
	font-size: 18px;
	font-weight: 700;
	color: #191919;
	margin-bottom: 10px;
}

.video-gallery-content p {
	color: #666;
	font-size: 14px;
	line-height: 1.6;
	margin: 0;
}

.video-placeholder,
.vimeo-placeholder {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Catalogue Styles */
.catalogue-area {
	background: #f8f9fa;
}

.catalogue-card {
	background: #ffffff;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	height: 100%;
	display: flex;
	flex-direction: column;
}

.catalogue-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 15px 40px rgba(231, 17, 44, 0.2);
}

.catalogue-thumbnail {
	position: relative;
	width: 100%;
	height: 400px;
	overflow: hidden;
	background: #f0f0f0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.catalogue-thumbnail img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.catalogue-pdf-icon {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: #e7112c;
}

.catalogue-pdf-icon i {
	font-size: 80px;
	margin-bottom: 10px;
}

.catalogue-pdf-icon span {
	font-size: 24px;
	font-weight: 700;
}

.catalogue-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(231, 17, 44, 0.9);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 15px;
	opacity: 0;
	transition: all 0.3s ease;
	z-index: 2;
}

.catalogue-card:hover .catalogue-overlay {
	opacity: 1;
}

.catalogue-view-btn,
.catalogue-download-btn {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 12px 24px;
	background: #ffffff;
	color: #e7112c;
	text-decoration: none;
	border-radius: 8px;
	font-weight: 600;
	transition: all 0.3s ease;
	min-width: 160px;
	justify-content: center;
}

.catalogue-view-btn:hover,
.catalogue-download-btn:hover {
	background: #f0f0f0;
	color: #e7112c;
	transform: translateY(-2px);
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

.catalogue-view-btn i,
.catalogue-download-btn i {
	font-size: 20px;
}

.catalogue-content {
	padding: 20px;
	flex-grow: 1;
}

.catalogue-content h4 {
	font-size: 18px;
	font-weight: 700;
	color: #191919;
	margin-bottom: 10px;
}

.catalogue-content p {
	color: #666;
	font-size: 14px;
	line-height: 1.6;
	margin-bottom: 15px;
}

.catalogue-actions {
	margin-top: 15px;
}

.catalogue-pdf-viewer {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	background-color: rgb(231, 17, 44) !important;
	border-color: rgb(231, 17, 44) !important;
	color: #ffffff !important;
	font-weight: 600;
	transition: all 0.3s ease;
}

.catalogue-pdf-viewer:hover,
.catalogue-pdf-viewer:focus,
.catalogue-pdf-viewer:active {
	background-color: rgb(200, 10, 35) !important;
	border-color: rgb(200, 10, 35) !important;
	color: #ffffff !important;
	transform: translateY(-2px);
	box-shadow: 0 5px 15px rgba(231, 17, 44, 0.4);
}

/* PDF Viewer Modal */
#pdfViewerModal .modal-xl {
	max-width: 95%;
}

#pdfViewerModal .modal-body {
	padding: 0;
}

#pdfViewerFrame {
	border: none;
	width: 100%;
	min-height: 600px;
}

/* Responsive Gallery Styles */
@media (max-width: 991px) {
	.picture-gallery-item {
		width: calc(50% - 10px);
	}
	
	.video-gallery-thumbnail {
		height: 250px;
	}
	
	.catalogue-thumbnail {
		height: 350px;
	}
}

@media (max-width: 767px) {
	.picture-gallery-item {
		width: 100%;
		margin-bottom: 15px;
	}
	
	.video-gallery-thumbnail {
		height: 200px;
	}
	
	.catalogue-thumbnail {
		height: 300px;
	}
	
	.picture-zoom-overlay i,
	.video-play-overlay i {
		font-size: 40px;
	}
	
	.catalogue-view-btn,
	.catalogue-download-btn {
		padding: 10px 20px;
		min-width: 140px;
		font-size: 14px;
	}
}

@media (max-width: 575px) {
	.picture-gallery-item {
		width: 100%;
		margin-bottom: 15px;
	}
	
	.video-gallery-thumbnail {
		height: 180px;
	}
	
	.catalogue-thumbnail {
		height: 250px;
	}
	
	#pdfViewerFrame {
		min-height: 400px;
	}
}

/* Responsive Team Section */
@media (max-width: 1199px) {
	.team-area .section-title h1,
	.team-area .section-title h2,
	.team-area .section-title .section-main-title {
		font-size: 32px;
	}
}

@media (max-width: 991px) {
	.team-area .section-title h1,
	.team-area .section-title h2,
	.team-area .section-title .section-main-title {
		font-size: 28px;
	}
	
	.team-member-image {
		height: 280px;
	}
	
	.team-member-image img {
		object-fit: cover;
	}
	
	.team-content {
		padding: 20px 15px;
	}
	
	.team-name {
		font-size: 18px;
	}
	
	.team-designation {
		font-size: 14px;
	}
	
	.single-team-member {
		margin-bottom: 25px;
	}
}

@media (max-width: 767px) {
	.team-area {
		padding: 60px 0;
	}
	
	.team-area .section-title {
		margin-bottom: 40px;
	}
	
	.team-area .section-title h6 {
		font-size: 14px;
		letter-spacing: 1px;
		margin-bottom: 10px;
	}
	
	.team-area .section-title h1,
	.team-area .section-title h2,
	.team-area .section-title .section-main-title {
		font-size: 24px;
		line-height: 1.4;
	}
	
	/* Mobile: Show full image without cropping */
	.team-member-image {
		height: auto;
		min-height: 300px;
		max-height: 400px;
		padding: 0;
	}
	
	.team-member-image img {
		object-fit: contain;
		width: 100%;
		height: auto;
		max-height: 400px;
		display: block;
	}
	
	.team-content {
		padding: 20px 15px;
	}
	
	.team-name {
		font-size: 18px;
	}
	
	.team-subtitle {
		margin-top: 8px;
		margin-bottom: 0;
	}
	
	.team-designation {
		font-size: 14px;
		margin: 0;
		line-height: 1.4;
	}
	
	.team-contact-info {
		gap: 4px;
		margin-top: 8px;
		margin-bottom: 0;
	}
	
	.team-contact-item {
		font-size: 12px;
		padding: 2px 0;
		line-height: 1.3;
	}
	
	.team-contact-item i {
		font-size: 12px;
	}
	
	.team-social {
		margin-top: 8px;
		margin-bottom: 0;
		padding-top: 8px;
	}
	
	.team-social ul li a {
		width: 32px;
		height: 32px;
		font-size: 13px;
	}
	
	.team-member-wrapper {
		border-radius: 12px;
		margin-bottom: 20px;
	}
	
	.team-member-image {
		border-radius: 12px 12px 0 0;
	}
	
	.team-content {
		border-radius: 0 0 12px 12px;
		justify-content: flex-start;
	}
	
	/* Disable hover effects on mobile */
	.single-team-member:hover .team-member-wrapper {
		transform: none;
		box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
	}
	
	.single-team-member:hover .team-member-image img {
		transform: none;
	}
	
	.single-team-member:hover .team-image-overlay {
		opacity: 0;
	}
	
	.single-team-member:hover .team-name {
		color: #191919;
	}
	
	/* Ensure single column on mobile */
	.team-area .row .col-12 {
		padding-left: 15px;
		padding-right: 15px;
	}
	
	.single-team-member {
		margin-bottom: 25px;
	}
}

@media (max-width: 575px) {
	.team-area {
		padding: 50px 0;
	}
	
	.team-area .section-title h1,
	.team-area .section-title h2,
	.team-area .section-title .section-main-title {
		font-size: 22px;
	}
	
	/* Small mobile: Full image display */
	.team-member-image {
		height: auto;
		min-height: 280px;
		max-height: 380px;
		padding: 10px;
		background: #ffffff;
	}
	
	.team-member-image img {
		object-fit: contain;
		width: 100%;
		height: auto;
		max-height: 380px;
		border-radius: 8px;
	}
	
	.team-content {
		padding: 18px 12px;
		justify-content: flex-start;
	}
	
	.team-title {
		margin-bottom: 0;
	}
	
	.team-name {
		font-size: 17px;
		margin: 0;
		line-height: 1.3;
	}
	
	.team-subtitle {
		margin-top: 6px;
		margin-bottom: 0;
	}
	
	.team-designation {
		font-size: 13px;
		margin: 0;
		line-height: 1.3;
	}
	
	.team-contact-info {
		gap: 3px;
		margin-top: 6px;
		margin-bottom: 0;
	}
	
	.team-contact-item {
		font-size: 11px;
		padding: 1px 0;
		line-height: 1.2;
		margin: 0;
	}
	
	.team-contact-item i {
		font-size: 11px;
	}
	
	.team-social {
		margin-top: 6px;
		margin-bottom: 0;
		padding-top: 6px;
	}
	
	.team-social ul li a {
		width: 30px;
		height: 30px;
		font-size: 12px;
	}
	
	.single-team-member {
		margin-bottom: 20px;
	}
	
	.team-member-wrapper {
		margin-bottom: 15px;
		box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);
	}
	
	/* Disable hover effects on mobile */
	.single-team-member:hover .team-member-wrapper {
		transform: none;
		box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);
	}
	
	.single-team-member:hover .team-member-image img {
		transform: none;
	}
	
	.single-team-member:hover .team-image-overlay {
		opacity: 0;
	}
	
	.single-team-member:hover .team-name {
		color: #191919;
	}
	
	/* Ensure proper spacing on small screens */
	.team-area .container {
		padding-left: 15px;
		padding-right: 15px;
	}
	
	.team-area .row {
		margin-left: -10px;
		margin-right: -10px;
	}
	
	.team-area .row > [class*="col-"] {
		padding-left: 10px;
		padding-right: 10px;
	}
}

/* Blog Section 
============== */

.single-blog {
	position: relative;
}

.single-blog img {
	height: 250px;
	width: 100%;
}

#blog-2 .single-blog img {
	height: 350px;
	width: 100%;
}

.single-blog .blog-content {
	position: absolute;
	bottom: 0px;
	left: 20px;
	right: 20px;
	background: #fff;
	padding: 20px;
	transform: translateY(50%);
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
	box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.10);
}

.blog-content span a {
	text-transform: uppercase;
	font-size: 14px;
	opacity: .5;
	letter-spacing: 1px;
}

.blog-content h3 a {
	font-size: 16px;
	line-height: 22px;
	margin: 10px 0;
	font-weight: 500;
}

.blog-content .blog-date p {
	font-size: 14px;
	margin: 0;
}

.blog-content a.read-more {
	position: absolute;
	bottom: 40px;
	left: 20px;
	opacity: 0;
	transform: translateY(50%);
	transition: all .4s ease-in-out;
	text-transform: uppercase;
	font-family: 'Teko', sans-serif;
	font-size: 18px;
	letter-spacing: 2px;
	color: #e7112c;
}


.single-blog:hover .blog-content span a {
	opacity: 0;
	transform: translateY(-200%);
}

.single-blog:hover .blog-content h3 a {
	transform: translateY(-22px);
}

.single-blog:hover .blog-date p {
	opacity: 0;
}

.single-blog:hover .blog-content a.read-more {
	transform: translateY(0);
	opacity: 1;
	-webkit-transition-delay: .4s;
	transition-delay: .4s;
}

/* Contact Section 
============== */

.contact-content {
	margin-top: 50px;
}

.contact-section .contact-info i {
	font-size: 30px;
	margin-left: 0;
	background: #e7112c;
	color: #fff;
	padding: 10px;
	border-radius: 0;
	float: left;
}

.contact-inner {
	margin-bottom: 30px;
}

.contact-inner h6 {
	color: #333;
	font-weight: 400;
	padding-left: 100px;
}

.contact-inner p {
	padding-left: 100px;
}

.contact-section button.main-btn {
	border: none;
}

.contact-section button.main-btn:hover {
	background: #fff;
	color: #017D3F;
}

.contact-form {
	margin-top: 80px;
}

/* Footer Area
============== */

.footer-area {
	background: #2a2a2a;
	color: #fff;
	padding: 0;
}

.footer-widget {
	margin-bottom: 30px;
}

.footer-title {
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin-bottom: 25px;
	display: flex;
	align-items: center;
	gap: 10px;
}

.footer-icon {
	display: inline-block;
	width: 8px;
	height: 8px;
	background: #e7112c;
	flex-shrink: 0;
}

.footer-description {
	color: #fff;
	font-size: 14px;
	line-height: 1.8;
	margin-bottom: 20px;
	opacity: 0.9;
}

/* Social Media Buttons */
.social-area {
	display: flex;
	gap: 10px;
	margin-top: 20px;
}

.social-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	background: #3a3a3a;
	color: #fff;
	border-radius: 0;
	text-decoration: none;
	transition: all 0.3s ease;
	font-size: 16px;
}

.social-btn:hover {
	background: #e7112c;
	color: #fff;
	transform: translateY(-2px);
}

.social-btn i {
	margin: 0;
}

/* Contact Info */
.contact-info {
	margin-top: 0;
}

.contact-item {
	margin-bottom: 20px;
}

.contact-label {
	display: block;
	color: #999;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin-bottom: 8px;
	font-weight: 500;
}

.contact-value {
	color: #fff;
	font-size: 14px;
	margin: 0;
	line-height: 1.6;
}

/* Footer Links */
.footer-links {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
}

.footer-links li {
	margin-bottom: 12px;
	display: block;
	width: 100%;
}

.footer-links li:last-child {
	margin-bottom: 0;
}

.footer-links li a {
	color: #fff;
	font-size: 14px;
	text-decoration: none;
	transition: all 0.3s ease;
	display: block;
	padding: 5px 0;
	width: 100%;
}

.footer-links li a:hover {
	color: #e7112c;
	padding-left: 5px;
}

.footer-up {
	padding: 60px 0 40px;
}

.footer-bottom {
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	padding: 25px 0;
	background: #2a2a2a;
}

.copyright-line {
	color: #999;
	font-size: 14px;
	margin: 0;
	opacity: 0.8;
}

.copyright-line.text-left {
	text-align: left;
}

/* Footer Certified Image */
.footer-certified {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin-top: 0;
}

.certified-image {
	max-width: 100%;
	height: auto;
	max-height: 50px;
	opacity: 0.85;
	transition: opacity 0.3s ease;
	object-fit: contain;
}

.certified-image:hover {
	opacity: 1;
}

@media (max-width: 991px) {
	.footer-certified {
		justify-content: center;
		margin-top: 20px;
	}
	
	.copyright-line.text-left {
		text-align: center;
	}
}

@media (max-width: 767px) {
	.certified-image {
		max-height: 45px;
	}
}

p.privacy {
	text-align: right;
}

/* Process Section
============== */

.featured-process-area {
	background-image: url(../img/process/process-bg.jpg);
}

.process-grids {
	background-image: url(../img/process/featured-process-bg.jpg);
	position: relative;
	z-index: 1;
}

.featured-process-area .process-grids .grid {
	width: 25%;
	float: left;
	border-right: 1px solid #25253154;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
	overflow: hidden;
}

.featured-process-area .process-grids .inner {
	padding: 80px 60px 60px;
	position: relative;
	top: 60px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;

}

.featured-process-area .process-grids .count {
	font-size: 50px;
	font-weight: 600;
	color: #e7112c;
}

.featured-process-area .process-grids h3 {
	font-size: 22px;
	color: #fff;
	margin-top: 30px;
	margin-bottom: 20px;
}

.featured-process-area .process-grids p {
	color: #cecccc;
	margin-bottom: 0;
	padding-bottom: 2em;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}

.featured-process-area .process-grids .inner > a {
	position: relative;
	top: 100px;
}

.featured-process-area .process-grids .grid:hover .inner > a {
	top: 0;
}

.featured-process-area .process-grids .grid:hover .inner {
	background-color: #242430e0;
	top: 0;
}

.content-area {
	margin-top: 20px;
}

/*Process Section # 02 - Professional Minimal Design */
.process-area {
	background: #f8f9fa;
	padding: 80px 0;
}

.process-item-wrap {
	margin-top: 60px;
}

.single-process-item {
	text-align: center;
	padding: 30px 20px;
	position: relative;
	transition: all 0.3s ease;
}

.single-process-item:hover {
	transform: translateY(-5px);
}

.process-num {
	position: absolute;
	top: -15px;
	right: 50%;
	transform: translateX(50%);
	z-index: 10;
	background: #e7112c;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 4px 12px rgba(231, 17, 44, 0.3);
	transition: all 0.3s ease;
}

.single-process-item:hover .process-num {
	transform: translateX(50%) scale(1.1);
	box-shadow: 0 6px 20px rgba(231, 17, 44, 0.4);
}

.process-num p {
	font-size: 22px;
	font-weight: 700;
	color: #fff;
	margin: 0;
	line-height: 1;
}

.process-icon {
	background: #fff;
	border: 2px solid #e8e8e8;
	border-radius: 50%;
	width: 140px;
	height: 140px;
	padding: 30px;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 20px auto 30px;
	transition: all 0.3s ease;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.process-icon img {
	max-width: 100%;
	height: auto;
	filter: brightness(0) saturate(100%) invert(12%) sepia(94%) saturate(7151%) hue-rotate(346deg) brightness(91%) contrast(91%);
	transition: all 0.3s ease;
}

.single-process-item:hover .process-icon {
	border-color: #e7112c;
	box-shadow: 0 4px 16px rgba(231, 17, 44, 0.15);
}

.single-process-item:hover .process-icon img {
	filter: brightness(0) saturate(100%) invert(12%) sepia(94%) saturate(7151%) hue-rotate(346deg) brightness(91%) contrast(91%);
	transform: scale(1.05);
}

.single-process-item h5 {
	font-size: 20px;
	font-weight: 600;
	margin: 0 0 15px 0;
	color: #2a2a2a;
	line-height: 1.4;
	transition: color 0.3s ease;
}

.single-process-item:hover h5 {
	color: #e7112c;
}

.single-process-item p {
	font-size: 14px;
	color: #ffffff;
	line-height: 1.7;
	margin: 0;
}

.process-content {
	padding: 0 10px;
}
.process-content p {
	font-size: 14px;
	color: #2b2b2b;
	line-height: 1.7;
	margin: 0;
}
/* Choose Us Section 
============== */

.choose-us-area {
	background-size: cover;
	height: auto;
	min-height: 500px;
	position: relative;
	z-index: 1;
}

.choose-us-wrapper {
	background: #fff;
	box-shadow: 0 3px 9px -2px #373737;
	margin-top: 50px;
	position: relative;
}

.choose-us-inner {
	text-align: center;
	padding: 50px 30px;
	border-right: 1px solid #eee;
}

.choose-us-inner h5 {
	margin: 30px 0 15px;
	font-size: 18px;
	line-height: 1.4;
}

.choose-us-inner:nth-last-child(4) {
	border-right: none;
}

/* Price Section 
============== */

.single-price-item {
	background: #fff;
	text-align: center;
	padding: 30px 50px;
	margin-top: 50px;
	border: 5px solid #eee;
	transition: .3s;
}

.single-price-item h5 {
	font-size: 22px;
	letter-spacing: 1px;
	font-weight: 500;
	position: relative;
	margin: 20px 0;
}

.single-price-item h5:before {
	position: absolute;
	content: "";
	width: 54px;
	height: 2px;
	bottom: -10px;
	left: 0;
	right: 0;
	background: #e7112c;
	margin: 0 auto;
}

.single-price-item p b {
	font-size: 24px;
	color: #e7112c;
	margin-right: 10px;
}

.single-price-item p {
	margin: 40px 0px;
}

.price-list ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.price-list ul li {
	display: block;
	margin: 30px 0;
	color: #6d6e71;
	font-size: 15px;
	letter-spacing: 1px;
	position: relative;
	padding-left: 20px;
	transition: .3s;
}

.single-price-item .main-btn {
	display: inline-block;
	margin: 30px 0 0;
	padding: 15px 30px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.single-price-item.active {
	border: 5px solid #e7112c;
}

/* Intro Section 
============== */

.intro-wrapper {
	background: #fff;
	box-shadow: 0 3px 9px -2px #373737;
	margin-top: -100px;
	position: relative;
	z-index: 1;
}

/* Intro wrapper on pages without hero slider (like portfolio category) */
#blog-page .intro-area .intro-wrapper,
.project-area + .intro-area .intro-wrapper,
.portfolio-area + .intro-area .intro-wrapper {
	margin-top: 50px;
}

/* Intro area padding for portfolio category and projects pages */
.project-area + .intro-area,
.portfolio-area + .intro-area {
	padding-top: 170px;
	padding-bottom: 80px;
}

.intro-inner {
	text-align: center;
	padding: 50px 30px;
	border-right: 1px solid #eee;
}

.intro-icon {
	margin-bottom: 25px;
}

.intro-icon img {
	max-width: 80px;
	height: auto;
	display: block;
	margin: 0 auto;
}

.intro-inner h5 {
	margin: 30px 0 15px;
	font-size: 18px;
	line-height: 1.4;
}

.intro-inner:nth-last-child(4) {
	border-right: none;
}


/*Customers Section (Meet our Clients) */

.customers-area {
	padding-top: 100px;
	padding-bottom: 80px;
}

.item-customers-img {
	padding: 20px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 150px;
	background: #ffffff;
	border-radius: 8px;
	margin-bottom: 20px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
	transition: all 0.3s ease;
}

.item-customers-img:hover {
	transform: translateY(-5px);
	box-shadow: 0 5px 20px rgba(231, 17, 44, 0.15);
}

.item-customers-img img {
	opacity: 0.6;
	max-width: 100%;
	height: auto;
	max-height: 80px;
	object-fit: contain;
	transition: all 0.3s ease;
}

.item-customers-img img:hover {
	opacity: 1;
	transform: scale(1.05);
}

/*Client Section */

.clients-logo-grid {
	margin-top: 40px;
}

.item-clients-img {
	padding: 20px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 150px;
	background: #ffffff;
	border-radius: 8px;
	margin-bottom: 20px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
	transition: all 0.3s ease;
}

.item-clients-img:hover {
	transform: translateY(-5px);
	box-shadow: 0 5px 20px rgba(231, 17, 44, 0.15);
}

.item-clients-img img {
	opacity: 0.6;
	max-width: 100%;
	height: auto;
	max-height: 80px;
	object-fit: contain;
	transition: all 0.3s ease;
}

.item-clients-img img:hover {
	opacity: 1;
	transform: scale(1.05);
}

/* Products Categories Section */

.products-categories-area {
	padding-top: 100px;
	padding-bottom: 80px;
	background: #ffffff;
}

.product-category-card {
	height: 100%;
	background: #ffffff;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08);
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	position: relative;
}

.product-category-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 8px 30px rgba(231, 17, 44, 0.15);
}

.category-card-link {
	display: block;
	text-decoration: none;
	color: inherit;
	height: 100%;
}

.category-card-image {
	position: relative;
	width: 100%;
	height: 280px;
	overflow: hidden;
	background: #f8f9fa;
}

.category-card-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}

.product-category-card:hover .category-card-image img {
	transform: scale(1.1);
}

.category-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
	opacity: 0;
	transition: opacity 0.4s ease;
}

.product-category-card:hover .category-overlay {
	opacity: 1;
}

.category-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 50px;
	height: 50px;
	background: rgba(255, 255, 255, 0.95);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #e7112c;
	font-size: 20px;
	opacity: 0;
	transition: all 0.4s ease;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.product-category-card:hover .category-icon {
	opacity: 1;
	transform: translate(-50%, -50%) scale(1.1);
}

.category-card-content {
	padding: 25px 20px;
	background: #ffffff;
}

.category-card-content h4 {
	font-size: 20px;
	font-weight: 600;
	color: #191919;
	margin-bottom: 10px;
	transition: color 0.3s ease;
	line-height: 1.4;
}

.product-category-card:hover .category-card-content h4 {
	color: #e7112c;
}

.category-card-content p {
	font-size: 14px;
	line-height: 1.6;
	color: #666666;
	margin: 0;
}

@media (max-width: 991px) {
	.category-card-image {
		height: 240px;
	}
	
	.category-card-content {
		padding: 20px 18px;
	}
	
	.category-card-content h4 {
		font-size: 18px;
	}
}

@media (max-width: 767px) {
	.products-categories-area {
		padding-top: 80px;
		padding-bottom: 60px;
	}
	
	.category-card-image {
		height: 220px;
	}
	
	.category-card-content {
		padding: 18px 15px;
	}
	
	.category-card-content h4 {
		font-size: 17px;
		margin-bottom: 8px;
	}
	
	.category-card-content p {
		font-size: 13px;
	}
}

@media (max-width: 575px) {
	.category-card-image {
		height: 200px;
	}
	
	.category-icon {
		width: 45px;
		height: 45px;
		font-size: 18px;
	}
}

/* Carousel Navigation Arrows */

.customers-slider.owl-carousel .owl-nav,
.clients-slider.owl-carousel .owl-nav {
	position: absolute;
	top: 50%;
	width: 100%;
	transform: translateY(-50%);
	display: flex;
	justify-content: space-between;
	padding: 0 15px;
	pointer-events: none;
}

.customers-slider.owl-carousel .owl-nav button,
.clients-slider.owl-carousel .owl-nav button {
	pointer-events: all;
	width: 40px;
	height: 40px;
	background: rgba(255, 255, 255, 0.9);
	border: 1px solid rgba(0, 0, 0, 0.08);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #999999;
	font-size: 18px;
	transition: all 0.3s ease;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
	backdrop-filter: blur(5px);
}

.customers-slider.owl-carousel .owl-nav button:hover,
.clients-slider.owl-carousel .owl-nav button:hover {
	background: rgba(255, 255, 255, 1);
	color: #666666;
	border-color: rgba(0, 0, 0, 0.12);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.customers-slider.owl-carousel .owl-nav button.owl-prev,
.clients-slider.owl-carousel .owl-nav button.owl-prev {
	margin-left: -60px;
}

.customers-slider.owl-carousel .owl-nav button.owl-next,
.clients-slider.owl-carousel .owl-nav button.owl-next {
	margin-right: -60px;
}

@media (max-width: 768px) {
	.customers-slider.owl-carousel .owl-nav button.owl-prev,
	.clients-slider.owl-carousel .owl-nav button.owl-prev {
		margin-left: -20px;
	}

	.customers-slider.owl-carousel .owl-nav button.owl-next,
	.clients-slider.owl-carousel .owl-nav button.owl-next {
		margin-right: -20px;
	}

	.customers-slider.owl-carousel .owl-nav button,
	.clients-slider.owl-carousel .owl-nav button {
		width: 32px;
		height: 32px;
		font-size: 14px;
	}
}


/* Breadcrumb Section
============== */

.breadcroumb-area {
	background-image: url(../img/bread-bg.jpg);
}

.breadcroumb-area {
	height: 280px;
	background-size: cover;
	background-position: center bottom;
	background-color: #252531;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	z-index: 2;
}

.breadcroumb-area:after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #252531;
	opacity: .5;
	z-index: -1;
}

.breadcroumb-area .breadcroumb-title h1 {
	font-size: 35px;
	font-weight: 900;
	letter-spacing: 2px;
	color: #fff;
	margin-top: 40px;
	margin-bottom: 10px;
}

.breadcroumb-area h5 a {
	font-size: 16px;
	color: #fff;
}

.breadcroumb-area h5 {
	color: #e7112c;
	font-size: 16px;
	margin-top: 15px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.breadcroumb-area .breadcroumb-title h1 {
		font-size: 30px;
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.breadcroumb-area .breadcroumb-title h1 {
		font-size: 25px;
	}
}

@media (max-width: 575px) {
	.breadcroumb-area .breadcroumb-title h1 {
		font-size: 22px;
	}
}

/* Single Portfolio 
============== */

.project-single-section h3 {
	font-size: 35px;
	margin: 30px 0;
}

.project-info {
	border: 1px solid #ddd;
	padding: 30px;
}

.project-info h5 {
	font-size: 30px;
	margin-bottom: 40px;
}

.project-info p {
	margin: 25px 0;
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
}

.project-info p b {
	color: #222;
}

.project-info span {
	float: right;
}

.project-info .main-btn {
	padding: 12px 18px;
	font-size: 15px;
	margin: 20px 0;
	width: 60%;
	margin-left: 20%;
}

.project-overview h5 {
	margin: 30px 0;
}

.project-overview p:last-child {
	margin-bottom: 40px;
}


/* Single Blog 
============== */

.blog-search input {
	border: none;
	border-bottom: 1px solid #ddd;
	padding: 0;
	padding-bottom: 10px;
	font-weight: 400;
}

.blog-search button {
	background: none;
	margin: 0;
	padding: 0;
}

.blog-search button i {
	color: #191919;
	font-size: 20px;
	opacity: .5;
	position: absolute;
	top: 18px;
	right: 28px;
}

.blog-category h5, .archive h5 {
	font-size: 20px;
	font-weight: 600;
	margin: 25px 0;
}

.blog-category a,
.archive a {
	display: block;
	color: #191919;
	font-size: 16px;
	margin-bottom: 20px;
}

.blog-category a:hover,
.archive a:hover {
	color: #e7112c;
}

.blog-category a.active,
.archive a.active {
	color: #e7112c;
}

.recent-post h5 {
	margin: 30px 0;
	margin-top: 50px;
	font-weight: 600;
}

.recent-post img {
	float: left;
	width: 70px;
	height: 70px;
}

.single-recent-post h6 {
	margin: 0;
	padding-left: 90px;
	font-size: 16px;
	font-family: 'Roboto', sans-serif;
	color: #333;
	font-weight: 400;
	text-transform: capitalize;
	letter-spacing: 1px;
}

p.blog-date {
	padding-left: 90px;
	padding-top: 5px;
}

.single-recent-post {
	padding-bottom: 25px;
}

.single-recent-post .recent-post-content {
	display: block;
	padding-left: 110px;
}

.single-recent-post h6 a {
	color: #e7112c;
	line-height: 1.5;
}

.popular-tag h5 {
	margin: 30px 0;
	margin-top: 50px;
	font-weight: 600;
}

.popular-tag span {
	padding: 8px 15px;
	background: #999;
	margin-bottom: 10px;
	margin-right: 10px;
	font-size: 15px;
}

.popular-tag a {
	color: #fff;
	padding: 5px;
}

.popular-tag span.active {
	background: #e7112c;
}

.popular-tag span:hover {
	background: #e7112c;
}

.popular-tag span:hover a {
	color: #fff;
}

.author-profile img {
	width: 90px;
	height: 90px;
	float: left;
}

.comments-section h5 {
	font-size: 22px;
	margin: 40px 0;
}

.comments-section img {
	width: 90px;
	height: 90px;
	float: left;
}

.single-comments-section p {
	padding-left: 120px;
}

a.reply-btn {
	font-size: 14px;
}

.comments-form h3 {
	margin: 50px 0;
}

.author-info {
	padding-left: 120px;
}

.single-comments-section p span {
	padding-left: 50px;
	font-size: 15px;
}

.blog-search {
	border: 1px solid #ddd;
	padding: 15px;
}

.blog-category,
.recent-post,
.archive,
.popular-tag {
	border: 1px solid #ddd;
	padding: 10px 30px 20px;
	margin: 20px 0;
}

#blog-page .blog-content {
	padding: 25px;
}

#blog-page .blog-content p.blog-meta {
	font-size: 16px;
}

#blog-page .blog-content a {
	font-size: 24px;
	font-weight: 500;
	color: #333;
	margin: 20px 0;
}

#blog-page .single-blog-item {
	margin-bottom: 50px;
}

#blog-page .blog-content a.read-more {
	font-size: 17px;
	color: #e7112c;
}

#blog-page .blog-meta {
	margin: 20px 0;
}

.blog-meta span i {
	color: #e7112c;
	font-size: 20px;
	margin-right: 10px;
}

/* Blog Single Page - Professional Design */
.blog-single-section {
	padding-top: 80px;
	padding-bottom: 80px;
	background: #ffffff;
}

.single-blog-wrap {
	background: #ffffff;
	border-radius: 12px;
	padding: 50px;
	box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05);
}

.blog-featured-image {
	margin-bottom: 40px;
	border-radius: 12px;
	overflow: hidden;
	background: #f8f9fa;
}

.blog-featured-image img {
	width: 100%;
	height: auto;
	display: block;
	transition: transform 0.3s ease;
}

.blog-featured-image:hover img {
	transform: scale(1.02);
}

.blog-header {
	margin-bottom: 40px;
	padding-bottom: 30px;
	border-bottom: 2px solid #f0f0f0;
}

.blog-title {
	font-family: 'Roboto', sans-serif;
	font-size: 38px;
	font-weight: 700;
	color: #191919;
	margin: 0 0 25px;
	line-height: 1.3;
	letter-spacing: -0.5px;
}

.blog-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 25px;
	margin-top: 20px;
}

.blog-meta span {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #666666;
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.blog-meta span i {
	color: #e7112c;
	font-size: 16px;
}

.blog-meta span a {
	color: #666666;
	text-decoration: none;
	transition: color 0.3s ease;
}

.blog-meta span a:hover {
	color: #e7112c;
}

/* Blog Content Wrapper */
.blog-content-wrapper {
	font-family: 'Roboto', sans-serif;
	font-size: 17px;
	line-height: 1.85;
	color: #333333;
	letter-spacing: 0.01em;
}

.blog-content-wrapper p {
	margin-bottom: 24px;
	color: #333333;
	font-size: 17px;
	line-height: 1.85;
}

.blog-content-wrapper p:first-child {
	margin-top: 0;
}

.blog-content-wrapper p:last-child {
	margin-bottom: 0;
}

.blog-content-wrapper h1 {
	font-family: 'Roboto', sans-serif;
	font-size: 32px;
	font-weight: 700;
	color: #191919;
	margin: 35px 0 20px;
	padding-top: 30px;
	border-top: 2px solid #f0f0f0;
	line-height: 1.3;
	letter-spacing: -0.3px;
	position: relative;
}

.blog-content-wrapper h1:first-child {
	margin-top: 0;
	padding-top: 0;
	border-top: none;
}

.blog-content-wrapper h1::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 60px;
	height: 3px;
	background: #e7112c;
	border-radius: 2px;
}

.blog-content-wrapper h1:first-child::before {
	display: none;
}

.blog-content-wrapper h2 {
	font-family: 'Roboto', sans-serif;
	font-size: 28px;
	font-weight: 700;
	color: #191919;
	margin: 35px 0 18px;
	padding-top: 28px;
	border-top: 2px solid #f0f0f0;
	line-height: 1.35;
	letter-spacing: -0.3px;
	position: relative;
}

.blog-content-wrapper h2:first-child {
	margin-top: 0;
	padding-top: 0;
	border-top: none;
}

.blog-content-wrapper h2::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 50px;
	height: 3px;
	background: #e7112c;
	border-radius: 2px;
}

.blog-content-wrapper h2:first-child::before {
	display: none;
}

.blog-content-wrapper h3 {
	font-family: 'Roboto', sans-serif;
	font-size: 24px;
	font-weight: 600;
	color: #e7112c;
	margin: 30px 0 16px;
	line-height: 1.4;
	letter-spacing: -0.2px;
}

.blog-content-wrapper h4 {
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	font-weight: 600;
	color: #191919;
	margin: 28px 0 14px;
	line-height: 1.45;
}

.blog-content-wrapper h5 {
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-weight: 600;
	color: #191919;
	margin: 25px 0 12px;
	line-height: 1.5;
}

.blog-content-wrapper h6 {
	font-family: 'Roboto', sans-serif;
	font-size: 17px;
	font-weight: 600;
	color: #191919;
	margin: 22px 0 10px;
	line-height: 1.5;
}

/* Professional Bullet Points */
.blog-content-wrapper ul,
.blog-content-wrapper ol {
	margin: 24px 0;
	padding-left: 0;
	list-style: none;
}

.blog-content-wrapper ul li,
.blog-content-wrapper ol li {
	margin-bottom: 14px;
	color: #333333;
	line-height: 1.8;
	font-size: 17px;
	padding-left: 28px;
	position: relative;
}

/* Custom Bullet Points */
.blog-content-wrapper ul li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 12px;
	width: 8px;
	height: 8px;
	background: #e7112c;
	border-radius: 50%;
	transform: translateY(-50%);
}

.blog-content-wrapper ul li::marker {
	display: none;
}

/* Numbered Lists */
.blog-content-wrapper ol {
	counter-reset: item;
}

.blog-content-wrapper ol li {
	counter-increment: item;
	padding-left: 35px;
}

.blog-content-wrapper ol li::before {
	content: counter(item) '.';
	position: absolute;
	left: 0;
	top: 0;
	font-weight: 600;
	color: #e7112c;
	font-size: 17px;
}

.blog-content-wrapper ol li::marker {
	display: none;
}

.blog-content-wrapper strong,
.blog-content-wrapper b {
	font-weight: 600;
	color: #191919;
}

.blog-content-wrapper em,
.blog-content-wrapper i {
	font-style: italic;
	color: #333333;
}

.blog-content-wrapper a {
	color: #e7112c;
	text-decoration: none;
	border-bottom: 1px solid rgba(231, 17, 44, 0.3);
	transition: all 0.3s ease;
	font-weight: 500;
}

.blog-content-wrapper a:hover {
	color: #c50e26;
	border-bottom-color: #e7112c;
}

.blog-content-wrapper blockquote {
	border-left: 4px solid #e7112c;
	padding: 20px 25px;
	margin: 30px 0;
	background: #f8f9fa;
	border-radius: 4px;
	font-style: italic;
	color: #444444;
	font-size: 16px;
	line-height: 1.7;
}

.blog-content-wrapper code {
	background: #f4f4f4;
	padding: 2px 6px;
	border-radius: 3px;
	font-size: 15px;
	color: #e7112c;
	font-family: 'Courier New', monospace;
}

.blog-content-wrapper pre {
	background: #f8f9fa;
	padding: 20px;
	border-radius: 6px;
	overflow-x: auto;
	margin: 24px 0;
	border: 1px solid #e0e0e0;
}

.blog-content-wrapper pre code {
	background: transparent;
	padding: 0;
	color: #333333;
}

.blog-content-wrapper table {
	width: 100%;
	border-collapse: collapse;
	margin: 24px 0;
	overflow-x: auto;
	display: block;
}

.blog-content-wrapper table th,
.blog-content-wrapper table td {
	padding: 12px 15px;
	text-align: left;
	border-bottom: 1px solid #e0e0e0;
}

.blog-content-wrapper table th {
	background: #f8f9fa;
	font-weight: 600;
	color: #191919;
	border-bottom: 2px solid #e7112c;
}

.blog-content-wrapper table td {
	color: #333333;
}

.blog-content-wrapper table tr:hover {
	background: #fafafa;
}

.blog-content-wrapper img {
	max-width: 100%;
	height: auto;
	border-radius: 8px;
	margin: 24px 0;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.blog-content-wrapper hr {
	border: none;
	border-top: 2px solid #e0e0e0;
	margin: 30px 0;
}

/* Responsive Design for Blog Single Page */

/* Tablet and below */
@media (max-width: 991px) {
	.blog-title {
		font-size: 32px;
	}
	
	.blog-content-wrapper h1 {
		font-size: 28px;
	}
	
	.blog-content-wrapper h2 {
		font-size: 24px;
	}
	
	.blog-content-wrapper h3 {
		font-size: 22px;
	}
	
	.single-blog-wrap {
		padding: 40px;
	}
}

/* Mobile devices */
@media (max-width: 767px) {
	.blog-single-section {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	
	.single-blog-wrap {
		padding: 30px;
		border-radius: 8px;
	}
	
	.blog-featured-image {
		margin-bottom: 25px;
		border-radius: 8px;
	}
	
	.blog-header {
		margin-bottom: 25px;
		padding-bottom: 20px;
	}
	
	.blog-title {
		font-size: 28px;
		line-height: 1.3;
	}
	
	.blog-meta {
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
		margin-top: 15px;
	}
	
	.blog-content-wrapper {
		font-size: 16px;
		line-height: 1.75;
	}
	
	.blog-content-wrapper p {
		font-size: 16px;
		line-height: 1.75;
		margin-bottom: 20px;
	}
	
	.blog-content-wrapper h1 {
		font-size: 26px;
		margin-top: 30px;
		margin-bottom: 16px;
		padding-top: 25px;
	}
	
	.blog-content-wrapper h2 {
		font-size: 22px;
		margin: 30px 0 16px;
		padding-top: 25px;
	}
	
	.blog-content-wrapper h3 {
		font-size: 20px;
		margin: 28px 0 14px;
	}
	
	.blog-content-wrapper h4 {
		font-size: 18px;
		margin: 25px 0 12px;
	}
	
	.blog-content-wrapper ul li,
	.blog-content-wrapper ol li {
		font-size: 16px;
		line-height: 1.75;
		padding-left: 25px;
		margin-bottom: 12px;
	}
	
	.blog-content-wrapper ul li::before {
		width: 7px;
		height: 7px;
		top: 11px;
	}
	
	.blog-content-wrapper ol li {
		padding-left: 30px;
	}
	
	.blog-content-wrapper ol li::before {
		font-size: 16px;
	}
}

/* Small mobile devices */
@media (max-width: 575px) {
	.blog-single-section {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	
	.single-blog-wrap {
		padding: 25px 20px;
	}
	
	.blog-title {
		font-size: 24px;
		line-height: 1.3;
	}
	
	.blog-content-wrapper {
		font-size: 15px;
		line-height: 1.7;
	}
	
	.blog-content-wrapper p {
		font-size: 15px;
		line-height: 1.7;
		margin-bottom: 18px;
	}
	
	.blog-content-wrapper h1 {
		font-size: 22px;
		margin-top: 25px;
		margin-bottom: 14px;
		padding-top: 20px;
	}
	
	.blog-content-wrapper h2 {
		font-size: 20px;
		margin: 25px 0 14px;
		padding-top: 20px;
	}
	
	.blog-content-wrapper h3 {
		font-size: 18px;
		margin: 23px 0 12px;
	}
	
	.blog-content-wrapper h4 {
		font-size: 17px;
		margin: 21px 0 10px;
	}
	
	.blog-content-wrapper h5 {
		font-size: 16px;
		margin: 19px 0 9px;
	}
	
	.blog-content-wrapper h6 {
		font-size: 15px;
		margin: 17px 0 8px;
	}
	
	.blog-content-wrapper ul,
	.blog-content-wrapper ol {
		margin: 20px 0;
	}
	
	.blog-content-wrapper ul li,
	.blog-content-wrapper ol li {
		font-size: 15px;
		line-height: 1.7;
		padding-left: 22px;
		margin-bottom: 10px;
	}
	
	.blog-content-wrapper ul li::before {
		width: 6px;
		height: 6px;
		top: 10px;
	}
	
	.blog-content-wrapper ol li {
		padding-left: 28px;
	}
	
	.blog-content-wrapper ol li::before {
		font-size: 15px;
	}
	
	.blog-content-wrapper blockquote {
		padding: 15px 20px;
		margin: 25px 0;
		font-size: 14px;
	}
	
	.blog-content-wrapper img {
		margin: 20px 0;
		border-radius: 6px;
	}
}

/* Extra small mobile devices */
@media (max-width: 480px) {
	.blog-single-section {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	
	.single-blog-wrap {
		padding: 20px 18px;
	}
	
	.blog-title {
		font-size: 22px;
	}
	
	.blog-content-wrapper {
		font-size: 14px;
		line-height: 1.65;
	}
	
	.blog-content-wrapper p {
		font-size: 14px;
		line-height: 1.65;
		margin-bottom: 16px;
	}
	
	.blog-content-wrapper h1 {
		font-size: 20px;
		margin-top: 22px;
		margin-bottom: 12px;
		padding-top: 18px;
	}
	
	.blog-content-wrapper h2 {
		font-size: 19px;
		margin: 22px 0 12px;
		padding-top: 18px;
	}
	
	.blog-content-wrapper h3 {
		font-size: 17px;
		margin: 20px 0 10px;
	}
	
	.blog-content-wrapper ul li,
	.blog-content-wrapper ol li {
		font-size: 14px;
		line-height: 1.65;
		padding-left: 20px;
		margin-bottom: 9px;
	}
	
	.blog-content-wrapper ul li::before {
		width: 6px;
		height: 6px;
		top: 9px;
	}
	
	.blog-content-wrapper ol li {
		padding-left: 26px;
	}
	
	.blog-content-wrapper ol li::before {
		font-size: 14px;
	}
}

/* FAQ's
============== */

.styled-faq {
	margin-top: 50px;
}

.styled-faq .cate_title {
	position: relative;
	padding-left: 12px;
}

.styled-faq .cate_title::before {
	position: absolute;
	content: "";
	top: 50%;
	left: 0;
	width: 4px;
	height: 25px;
	background: #e7112c;
	margin-top: -15px;
}

.styled-faq .panel-group {
	padding-top: 20px;
}

.styled-faq .panel-group .panel {
	border-radius: 0;
	-webkit-box-shadow: 0 0 0;
	box-shadow: 0 0 0;
	margin-bottom: 30px;
}

.styled-faq .panel-default > .panel-heading {
	background: none;
	padding: 0;
	border: 1px solid #ddd;
}

.styled-faq .panel-default > .panel-heading + .panel-collapse > .panel-body {
	border-top: none;
	padding: 10px;
}

.styled-faq .panel .panel-heading h6 {
	font-weight: 600;
	letter-spacing: 1px;
}

.styled-faq .panel .panel-heading h6 a {
	display: block;
	text-decoration: none;
	padding: 12px;
	color: #333;
}

@media (max-width: 575px) {
	.styled-faq .panel .panel-heading h6 a {
		font-size: 12px;
		padding: 7px;
	}
}

.styled-faq .panel .panel-heading h6 a i {
	float: right;
	font-size: 150%;
	line-height: 15px;
	display: none;
	color: #ddd;
}

.styled-faq .panel .panel-heading h6 a[aria-expanded=true] i.angle-up {
	display: block;
}

.styled-faq .panel .panel-heading h6 a[aria-expanded=false] i.angle-down {
	display: block;
}

.question-section {
	background: #F7F7F7;
	padding: 30px;
}

.question-section h6 {
	margin-bottom: 20px;
}

.question-section input,
.question-section textarea {
	background: #fff;
	color: #333;
	border: none;
}

.question-section input::placeholder,
.question-section textarea::placeholder {
	font-size: 15px;
	color: #333;
}

.question-section button {
	font-size: 14px;
	letter-spacing: 1px;
}

.helpline-section {
	background: #e7112c;
	color: #fff;
	padding: 20px;
	margin-top: 35px;
	height: 272px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.helpline-section h4 {
	color: #fff;
	margin-top: 15px;
}

.helpline-section p {
	color: #333E38;
	margin: 20px 0;
}

.helpline-section button {
	margin-top: 15px;
}

.question-section h5 {
	margin: 30px 0;
}


/* Pagination
============== */
.pagination {
	box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.10);
	width: auto;
	padding: 25px 10px;
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	justify-content: center;
	flex-wrap: wrap;
}

.pagination .page-link {
	padding: 12px 18px;
	color: #e7112c;
	background-color: #fff;
	border: 1px solid #e7112c;
}

.pagination .page-link:hover, 
.pagination .page-link:focus {
	color: #e7112c;
	text-decoration: none;
	background-color: #fff;
	border-color: #e7112c;
	box-shadow: none;
	outline: none;
}

.pagination .page-item.active .page-link {
	color: #fff;
	background-color: #e7112c;
	border-color: #e7112c;
}

.pagination .page-item.disabled .page-link {
	color: #e7112c;
	background-color: #fff;
	border-color: #e7112c;
}

/* ============================================
   About Page Tabs Section - Professional Design
   ============================================ */

.tabs-section {
	background: #f8f9fa;
	padding: 80px 0;
}

.about-tabs-wrapper {
	background: #ffffff;
	border-radius: 15px;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
	overflow: hidden;
	padding: 0;
}

.about-tabs {
	border-bottom: 3px solid #f0f0f0;
	padding: 0;
	margin: 0;
	display: flex;
	justify-content: center;
	background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
}

.about-tabs .nav-item {
	margin: 0;
}

.about-tabs .nav-link {
	padding: 20px 40px;
	font-size: 16px;
	font-weight: 600;
	color: #666;
	border: none;
	border-bottom: 3px solid transparent;
	background: transparent;
	transition: all 0.3s ease;
	position: relative;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.about-tabs .nav-link i {
	margin-right: 8px;
	font-size: 20px;
	vertical-align: middle;
}

.about-tabs .nav-link:hover {
	color: #e7112c;
	background: rgba(231, 17, 44, 0.05);
	border-bottom-color: rgba(231, 17, 44, 0.3);
}

.about-tabs .nav-link.active {
	color: #e7112c;
	background: rgba(231, 17, 44, 0.08);
	border-bottom-color: #e7112c;
	font-weight: 700;
}

.about-tabs .nav-link.active::before {
	content: '';
	position: absolute;
	bottom: -3px;
	left: 0;
	right: 0;
	height: 3px;
	background: #e7112c;
	animation: slideIn 0.3s ease;
}

@keyframes slideIn {
	from {
		width: 0;
	}
	to {
		width: 100%;
	}
}

.about-tab-content {
	padding: 50px 40px;
	min-height: 400px;
}

.tab-content-inner {
	animation: fadeIn 0.5s ease;
}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(20px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* History Timeline Layout */
.history-timeline-wrapper {
	position: relative;
	padding: 40px 0;
}

.history-timeline-line {
	position: absolute;
	left: 50%;
	top: 0;
	bottom: 0;
	width: 4px;
	background: linear-gradient(180deg, #e7112c 0%, rgba(231, 17, 44, 0.8) 50%, #e7112c 100%);
	transform: translateX(-50%);
	z-index: 1;
}

.history-timeline-item {
	position: relative;
	margin-bottom: 60px;
	z-index: 2;
}

.history-timeline-item:last-child {
	margin-bottom: 0;
}

.history-timeline-dot {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 20px;
	height: 20px;
	background: #e7112c;
	border: 4px solid #ffffff;
	border-radius: 50%;
	transform: translate(-50%, -50%);
	box-shadow: 0 0 0 4px rgba(231, 17, 44, 0.2), 0 4px 15px rgba(231, 17, 44, 0.3);
	z-index: 3;
	transition: all 0.3s ease;
}

.history-timeline-item:hover .history-timeline-dot {
	width: 24px;
	height: 24px;
	box-shadow: 0 0 0 6px rgba(231, 17, 44, 0.2), 0 6px 20px rgba(231, 17, 44, 0.4);
}

.history-timeline-content {
	position: relative;
}

.history-timeline-connector {
	width: 100%;
	height: 2px;
	background: linear-gradient(90deg, transparent 0%, #e7112c 50%, transparent 100%);
	position: relative;
}

.history-content-text {
	padding: 25px;
	background: #ffffff;
	border-radius: 12px;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
	transition: all 0.3s ease;
}

.history-timeline-item:hover .history-content-text {
	box-shadow: 0 10px 30px rgba(231, 17, 44, 0.15);
	transform: translateY(-5px);
}

.history-year {
	margin-bottom: 15px;
}

.history-year span {
	display: inline-block;
	padding: 8px 20px;
	background: linear-gradient(135deg, #e7112c 0%, rgba(231, 17, 44, 0.8) 100%);
	color: #ffffff;
	font-size: 18px;
	font-weight: 700;
	border-radius: 25px;
	box-shadow: 0 4px 15px rgba(231, 17, 44, 0.3);
}

.history-content-text h4 {
	color: #333;
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 15px;
}

.history-description {
	color: #666;
	line-height: 1.8;
	font-size: 15px;
}

.history-image {
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
	transition: all 0.3s ease;
}

.history-timeline-item:hover .history-image {
	box-shadow: 0 10px 30px rgba(231, 17, 44, 0.15);
	transform: translateY(-5px);
}

.history-image img {
	width: 100%;
	height: auto;
	display: block;
	transition: transform 0.5s ease;
}

.history-timeline-item:hover .history-image img {
	transform: scale(1.05);
}

/* Responsive Timeline */
@media (max-width: 991px) {
	.history-timeline-line {
		left: 30px;
	}
	
	.history-timeline-dot {
		left: 30px;
	}
	
	.history-timeline-item {
		padding-left: 60px;
	}
	
	.history-timeline-connector {
		display: none;
	}
	
	.history-timeline-content .row > div {
		margin-bottom: 20px;
	}
	
	.history-timeline-content .row > div:last-child {
		margin-bottom: 0;
	}
}

@media (max-width: 767px) {
	.history-timeline-line {
		left: 20px;
	}
	
	.history-timeline-dot {
		left: 20px;
		width: 16px;
		height: 16px;
	}
	
	.history-timeline-item {
		padding-left: 50px;
		margin-bottom: 40px;
	}
	
	.history-content-text {
		padding: 20px;
	}
	
	.history-content-text h4 {
		font-size: 20px;
	}
	
	.history-year span {
		font-size: 16px;
		padding: 6px 15px;
	}
}

/* About Page Organization */
.about-description {
	line-height: 1.8;
	color: #666;
	margin-bottom: 20px;
}

.about-mission-vision {
	border-top: 2px solid #e8e8e8;
	padding-top: 30px;
}

.mission-section,
.vision-section {
	padding: 20px;
	background: #f8f9fa;
	border-radius: 8px;
	border-left: 4px solid #e7112c;
}

.mission-content,
.vision-content {
	color: #666;
	line-height: 1.8;
	margin-top: 10px;
}

/* Award Items */
.award-item {
	background: #ffffff;
	border-radius: 12px;
	padding: 0;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
	transition: all 0.3s ease;
	overflow: hidden;
	text-align: center;
	height: 100%;
	display: flex;
	flex-direction: column;
}

.award-item:hover {
	transform: translateY(-8px);
	box-shadow: 0 15px 40px rgba(231, 17, 44, 0.2);
}

.award-image {
	width: 100%;
	height: 250px;
	overflow: hidden;
	position: relative;
	cursor: pointer;
}

.award-image a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}

.award-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}

.award-item:hover .award-image img {
	transform: scale(1.1);
}

.award-zoom-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(231, 17, 44, 0.85);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: all 0.3s ease;
	z-index: 2;
}

.award-zoom-overlay i {
	font-size: 48px;
	color: #ffffff;
	margin-bottom: 10px;
	transform: scale(0.8);
	transition: transform 0.3s ease;
}

.award-zoom-overlay span {
	color: #ffffff;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.award-image:hover .award-zoom-overlay {
	opacity: 1;
}

.award-image:hover .award-zoom-overlay i {
	transform: scale(1);
}

.award-image::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(to bottom, transparent 0%, rgba(231, 17, 44, 0.3) 100%);
	opacity: 0;
	transition: opacity 0.3s ease;
	z-index: 1;
}

.award-image:hover::after {
	opacity: 0;
}

.award-content {
	padding: 25px 20px;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
}

.award-year {
	display: inline-block;
	padding: 6px 15px;
	background: #e7112c;
	color: #ffffff;
	font-size: 14px;
	font-weight: 600;
	border-radius: 20px;
	margin-bottom: 15px;
}

.award-content h4 {
	color: #333;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 10px;
}

.award-org {
	color: #666;
	font-size: 14px;
	margin-bottom: 10px;
}

.award-org i {
	color: #e7112c;
	margin-right: 5px;
}

.award-description {
	color: #666;
	line-height: 1.7;
	font-size: 14px;
	margin-top: 10px;
}

/* Certification Items */
.certification-item {
	background: #ffffff;
	border-radius: 12px;
	padding: 0;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
	transition: all 0.3s ease;
	overflow: hidden;
	position: relative;
}

.certification-item::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 60px;
	height: 60px;
	background: linear-gradient(135deg, #e7112c 0%, rgba(231, 17, 44, 0.8) 100%);
	border-radius: 0 0 0 100%;
	opacity: 0.1;
	transition: opacity 0.3s ease;
}

.certification-item:hover {
	transform: translateY(-8px);
	box-shadow: 0 15px 40px rgba(231, 17, 44, 0.2);
}

.certification-item:hover::before {
	opacity: 0.2;
}

.certification-image {
	width: 100%;
	height: 200px;
	overflow: hidden;
	background: #f8f9fa;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	cursor: pointer;
}

.certification-image a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.certification-image img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	transition: transform 0.3s ease;
}

.certification-item:hover .certification-image img {
	transform: scale(1.05);
}

.certification-zoom-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(231, 17, 44, 0.85);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: all 0.3s ease;
	z-index: 2;
}

.certification-zoom-overlay i {
	font-size: 48px;
	color: #ffffff;
	margin-bottom: 10px;
	transform: scale(0.8);
	transition: transform 0.3s ease;
}

.certification-zoom-overlay span {
	color: #ffffff;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.certification-image:hover .certification-zoom-overlay {
	opacity: 1;
}

.certification-image:hover .certification-zoom-overlay i {
	transform: scale(1);
}

.certification-content {
	padding: 25px 20px;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
}

.certification-item {
	height: 100%;
	display: flex;
	flex-direction: column;
}

.certification-content h4 {
	color: #333;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 15px;
}

.cert-number,
.cert-org {
	color: #666;
	font-size: 14px;
	margin-bottom: 8px;
}

.cert-number i,
.cert-org i {
	color: #e7112c;
	margin-right: 5px;
}

.cert-dates {
	margin: 15px 0;
	padding: 15px;
	background: #f8f9fa;
	border-radius: 8px;
	border-left: 3px solid #e7112c;
}

.cert-date {
	display: block;
	color: #666;
	font-size: 13px;
	margin-bottom: 5px;
}

.cert-date:last-child {
	margin-bottom: 0;
}

.cert-date i {
	color: #e7112c;
	margin-right: 5px;
}

.cert-description {
	color: #666;
	line-height: 1.7;
	font-size: 14px;
	margin-top: 15px;
}

/* Responsive Design for Tabs */
@media (max-width: 768px) {
	.about-tabs {
		flex-direction: column;
	}

	.about-tabs .nav-link {
		padding: 15px 20px;
		border-bottom: 1px solid #f0f0f0;
		border-left: 3px solid transparent;
	}

	.about-tabs .nav-link.active {
		border-left-color: #e7112c;
		border-bottom-color: #f0f0f0;
	}

	.about-tab-content {
		padding: 30px 20px;
	}

	.history-item,
	.award-item,
	.certification-item {
		margin-bottom: 20px;
	}
}

/* ============================================
   LEGAL PAGES FULL WIDTH STYLING
   (Privacy Policy, Terms & Conditions, Disclaimer)
   Using blog-section and section-padding classes
   ============================================ */

.legal-page-wrapper {
	background: #ffffff;
	border-radius: 12px;
	padding: 50px;
	position: relative;
	box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05);
}

@media (max-width: 767px) {
	.legal-page-wrapper {
		padding: 30px;
		border-radius: 8px;
	}
}

@media (max-width: 575px) {
	.legal-page-wrapper {
		padding: 25px 20px;
	}
}

@media (max-width: 480px) {
	.legal-page-wrapper {
		padding: 20px 18px;
	}
}

/* Legal Page Header */
.legal-page-header {
	text-align: center;
	margin-bottom: 50px;
	padding-bottom: 30px;
	border-bottom: 2px solid #f0f0f0;
	position: relative;
}

.legal-page-header::after {
	content: '';
	position: absolute;
	bottom: -2px;
	left: 50%;
	transform: translateX(-50%);
	width: 80px;
	height: 2px;
	background: rgb(231, 17, 44);
}

.legal-page-title {
	font-family: 'Roboto', sans-serif;
	font-size: 42px;
	font-weight: 700;
	color: #191919;
	margin: 0 0 15px;
	line-height: 1.2;
	letter-spacing: -0.5px;
}

.legal-page-meta {
	margin-top: 15px;
}

.legal-page-date {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #6d6e71;
	font-weight: 400;
	letter-spacing: 0.5px;
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.legal-page-date i {
	color: rgb(231, 17, 44);
	font-size: 16px;
}

/* Legal Page Content */
.legal-page-content {
	font-family: 'Roboto', sans-serif;
	font-size: 17px;
	line-height: 1.85;
	color: #333333;
	max-width: 100%;
	letter-spacing: 0.01em;
}

.legal-page-content h1 {
	font-family: 'Roboto', sans-serif;
	font-size: 32px;
	font-weight: 700;
	color: #191919;
	margin: 35px 0 20px;
	padding-top: 30px;
	border-top: 2px solid #f0f0f0;
	line-height: 1.3;
	letter-spacing: -0.3px;
	position: relative;
}

.legal-page-content h1:first-child {
	margin-top: 0;
	padding-top: 0;
	border-top: none;
}

.legal-page-content h1::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 60px;
	height: 3px;
	background: #e7112c;
	border-radius: 2px;
}

.legal-page-content h1:first-child::before {
	display: none;
}

.legal-page-content h2 {
	font-family: 'Roboto', sans-serif;
	font-size: 28px;
	font-weight: 700;
	color: #191919;
	margin: 35px 0 18px;
	padding-top: 28px;
	border-top: 2px solid #f0f0f0;
	line-height: 1.35;
	letter-spacing: -0.3px;
	position: relative;
}

.legal-page-content h2:first-child {
	margin-top: 0;
	padding-top: 0;
	border-top: none;
}

.legal-page-content h2::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 50px;
	height: 3px;
	background: #e7112c;
	border-radius: 2px;
}

.legal-page-content h2:first-child::before {
	display: none;
}

.legal-page-content h3 {
	font-family: 'Roboto', sans-serif;
	font-size: 24px;
	font-weight: 600;
	color: #e7112c;
	margin: 30px 0 16px;
	line-height: 1.4;
	letter-spacing: -0.2px;
}

.legal-page-content h4 {
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	font-weight: 600;
	color: #191919;
	margin: 28px 0 14px;
	line-height: 1.45;
}

.legal-page-content h5 {
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-weight: 600;
	color: #191919;
	margin: 25px 0 12px;
	line-height: 1.5;
}

.legal-page-content h6 {
	font-family: 'Roboto', sans-serif;
	font-size: 17px;
	font-weight: 600;
	color: #191919;
	margin: 22px 0 10px;
	line-height: 1.5;
}

.legal-page-content p {
	margin-bottom: 24px;
	color: #333333;
	font-size: 17px;
	line-height: 1.85;
	letter-spacing: 0.01em;
}

.legal-page-content p:first-child {
	margin-top: 0;
}

.legal-page-content p:last-child {
	margin-bottom: 0;
}

/* Professional Bullet Points */
.legal-page-content ul,
.legal-page-content ol {
	margin: 24px 0;
	padding-left: 0;
	list-style: none;
}

.legal-page-content ul li,
.legal-page-content ol li {
	margin-bottom: 14px;
	color: #333333;
	line-height: 1.8;
	font-size: 17px;
	padding-left: 28px;
	position: relative;
}

/* Custom Bullet Points */
.legal-page-content ul li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 12px;
	width: 8px;
	height: 8px;
	background: #e7112c;
	border-radius: 50%;
	transform: translateY(-50%);
}

.legal-page-content ul li::marker {
	display: none;
}

/* Numbered Lists */
.legal-page-content ol {
	counter-reset: item;
}

.legal-page-content ol li {
	counter-increment: item;
	padding-left: 35px;
}

.legal-page-content ol li::before {
	content: counter(item) '.';
	position: absolute;
	left: 0;
	top: 0;
	font-weight: 600;
	color: #e7112c;
	font-size: 17px;
}

.legal-page-content ol li::marker {
	display: none;
}

.legal-page-content strong,
.legal-page-content b {
	font-weight: 600;
	color: #191919;
}

.legal-page-content em,
.legal-page-content i {
	font-style: italic;
	color: #333333;
}

.legal-page-content a {
	color: #e7112c;
	text-decoration: none;
	border-bottom: 1px solid rgba(231, 17, 44, 0.3);
	transition: all 0.3s ease;
	font-weight: 500;
}

.legal-page-content a:hover {
	color: #c50e26;
	border-bottom-color: #e7112c;
}

.legal-page-content blockquote {
	border-left: 4px solid #e7112c;
	padding: 20px 25px;
	margin: 30px 0;
	background: #f8f9fa;
	border-radius: 4px;
	font-style: italic;
	color: #444444;
	font-size: 16px;
	line-height: 1.7;
}

.legal-page-content code {
	background: #f4f4f4;
	padding: 2px 6px;
	border-radius: 3px;
	font-size: 15px;
	color: #e7112c;
	font-family: 'Courier New', monospace;
}

.legal-page-content pre {
	background: #f8f9fa;
	padding: 20px;
	border-radius: 6px;
	overflow-x: auto;
	margin: 24px 0;
	border: 1px solid #e0e0e0;
}

.legal-page-content pre code {
	background: transparent;
	padding: 0;
	color: #333333;
}

.legal-page-content table {
	width: 100%;
	border-collapse: collapse;
	margin: 25px 0;
	overflow-x: auto;
	display: block;
}

.legal-page-content table th,
.legal-page-content table td {
	padding: 12px 15px;
	text-align: left;
	border-bottom: 1px solid #e8e8e8;
}

.legal-page-content table th {
	background: #f8f9fa;
	font-weight: 600;
	color: #191919;
	border-bottom: 2px solid #e7112c;
}

.legal-page-content table td {
	color: #333333;
}

.legal-page-content table tr:hover {
	background: #fafafa;
}

.legal-page-content img {
	max-width: 100%;
	height: auto;
	border-radius: 8px;
	margin: 24px 0;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.legal-page-content hr {
	border: none;
	border-top: 2px solid #e0e0e0;
	margin: 30px 0;
}

/* Blog Section with Legal Pages */
#blog-page.blog-section .legal-page-wrapper {
	max-width: 100%;
}

#blog-page.blog-section .container {
	max-width: 1200px;
}

/* Responsive Design for Legal Pages */
@media (max-width: 1200px) {
	.legal-page-title {
		font-size: 38px;
	}
}

@media (max-width: 992px) {
	.legal-page-title {
		font-size: 36px;
	}
	
	.legal-page-content h2 {
		font-size: 24px;
	}
	
	.legal-page-content h3 {
		font-size: 20px;
	}
}

@media (max-width: 768px) {
	.legal-page-header {
		margin-bottom: 40px;
		padding-bottom: 25px;
	}
	
	.legal-page-title {
		font-size: 32px;
	}
	
	.legal-page-content {
		font-size: 16px;
		line-height: 1.75;
	}
	
	.legal-page-content p {
		font-size: 16px;
		line-height: 1.75;
		margin-bottom: 20px;
	}
	
	.legal-page-content h1 {
		font-size: 26px;
		margin-top: 30px;
		margin-bottom: 16px;
		padding-top: 25px;
	}
	
	.legal-page-content h2 {
		font-size: 22px;
		margin: 30px 0 16px;
		padding-top: 25px;
	}
	
	.legal-page-content h3 {
		font-size: 20px;
		margin: 28px 0 14px;
	}
	
	.legal-page-content h4 {
		font-size: 18px;
		margin: 25px 0 12px;
	}
	
	.legal-page-content ul,
	.legal-page-content ol {
		margin: 20px 0;
	}
	
	.legal-page-content ul li,
	.legal-page-content ol li {
		font-size: 16px;
		line-height: 1.75;
		padding-left: 25px;
		margin-bottom: 12px;
	}
	
	.legal-page-content ul li::before {
		width: 7px;
		height: 7px;
		top: 11px;
	}
	
	.legal-page-content ol li {
		padding-left: 30px;
	}
	
	.legal-page-content ol li::before {
		font-size: 16px;
	}
	
	.legal-page-content table {
		font-size: 14px;
	}
	
	.legal-page-content table th,
	.legal-page-content table td {
		padding: 10px 12px;
	}
}

@media (max-width: 576px) {
	.legal-page-title {
		font-size: 28px;
	}
	
	.legal-page-date {
		font-size: 12px;
	}
	
	.legal-page-content {
		font-size: 15px;
		line-height: 1.7;
	}
	
	.legal-page-content p {
		font-size: 15px;
		line-height: 1.7;
		margin-bottom: 18px;
	}
	
	.legal-page-content h1 {
		font-size: 22px;
		margin-top: 25px;
		margin-bottom: 14px;
		padding-top: 20px;
	}
	
	.legal-page-content h2 {
		font-size: 20px;
		margin: 25px 0 14px;
		padding-top: 20px;
	}
	
	.legal-page-content h3 {
		font-size: 18px;
		margin: 23px 0 12px;
	}
	
	.legal-page-content h4 {
		font-size: 17px;
		margin: 21px 0 10px;
	}
	
	.legal-page-content h5 {
		font-size: 16px;
		margin: 19px 0 9px;
	}
	
	.legal-page-content h6 {
		font-size: 15px;
		margin: 17px 0 8px;
	}
	
	.legal-page-content ul,
	.legal-page-content ol {
		margin: 20px 0;
	}
	
	.legal-page-content ul li,
	.legal-page-content ol li {
		font-size: 15px;
		line-height: 1.7;
		padding-left: 22px;
		margin-bottom: 10px;
	}
	
	.legal-page-content ul li::before {
		width: 6px;
		height: 6px;
		top: 10px;
	}
	
	.legal-page-content ol li {
		padding-left: 28px;
	}
	
	.legal-page-content ol li::before {
		font-size: 15px;
	}
	
	.legal-page-content blockquote {
		padding: 15px 20px;
		margin: 25px 0;
		font-size: 14px;
	}
	
	.legal-page-content img {
		margin: 20px 0;
		border-radius: 6px;
	}
}

@media (max-width: 480px) {
	.legal-page-header {
		margin-bottom: 30px;
		padding-bottom: 20px;
	}
	
	.legal-page-content {
		font-size: 14px;
		line-height: 1.65;
	}
	
	.legal-page-content p {
		font-size: 14px;
		line-height: 1.65;
		margin-bottom: 16px;
	}
	
	.legal-page-content h1 {
		font-size: 20px;
		margin-top: 22px;
		margin-bottom: 12px;
		padding-top: 18px;
	}
	
	.legal-page-content h2 {
		font-size: 19px;
		margin: 22px 0 12px;
		padding-top: 18px;
	}
	
	.legal-page-content h3 {
		font-size: 17px;
		margin: 20px 0 10px;
	}
	
	.legal-page-content ul li,
	.legal-page-content ol li {
		font-size: 14px;
		line-height: 1.65;
		padding-left: 20px;
		margin-bottom: 9px;
	}
	
	.legal-page-content ul li::before {
		width: 6px;
		height: 6px;
		top: 9px;
	}
	
	.legal-page-content ol li {
		padding-left: 26px;
	}
	
	.legal-page-content ol li::before {
		font-size: 14px;
	}
}

/* ============================================
   CAREER PAGE STYLING
   ============================================ */

.career-page-wrapper {
	background: #ffffff;
	border-radius: 12px;
	padding: 0;
	position: relative;
	max-width: 100%;
}

/* Career Page Header */
.career-page-header {
	text-align: center;
	margin-bottom: 50px;
	padding-bottom: 30px;
	border-bottom: 2px solid #f0f0f0;
}

.career-page-title {
	font-family: 'Roboto', sans-serif;
	font-size: 42px;
	font-weight: 700;
	color: #191919;
	margin-bottom: 30px;
	line-height: 1.2;
	text-transform: capitalize;
}

.career-page-hero-image {
	margin-top: 30px;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.career-page-hero-image img {
	width: 100%;
	height: auto;
	display: block;
	object-fit: cover;
}

/* Career Page Content */
.career-page-content {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	line-height: 1.8;
	color: #333333;
	max-width: 100%;
	padding-top: 20px;
}

.career-page-content h2 {
	font-family: 'Roboto', sans-serif;
	font-size: 32px;
	font-weight: 700;
	color: #191919;
	margin: 50px 0 25px;
	padding-top: 30px;
	border-top: 2px solid #f0f0f0;
	line-height: 1.3;
	position: relative;
}

.career-page-content h2:first-child {
	margin-top: 0;
	padding-top: 0;
	border-top: none;
}

.career-page-content h2::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 60px;
	height: 4px;
	background: rgb(231, 17, 44);
	border-radius: 2px;
}

.career-page-content h2:first-child::before {
	display: none;
}

.career-page-content h3 {
	font-family: 'Roboto', sans-serif;
	font-size: 24px;
	font-weight: 600;
	color: rgb(231, 17, 44);
	margin: 35px 0 18px;
	line-height: 1.4;
}

.career-page-content h4 {
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	font-weight: 600;
	color: #191919;
	margin: 30px 0 15px;
	line-height: 1.4;
}

.career-page-content p {
	margin-bottom: 22px;
	color: #4a4a4a;
	font-size: 16px;
	line-height: 1.8;
}

.career-page-content ul,
.career-page-content ol {
	margin: 25px 0;
	padding-left: 35px;
}

.career-page-content ul li,
.career-page-content ol li {
	margin-bottom: 15px;
	color: #4a4a4a;
	line-height: 1.8;
	font-size: 16px;
}

.career-page-content ul li::marker {
	color: rgb(231, 17, 44);
	font-size: 18px;
}

.career-page-content ol li::marker {
	color: rgb(231, 17, 44);
	font-weight: 600;
}

.career-page-content strong {
	font-weight: 600;
	color: #191919;
}

.career-page-content a {
	color: rgb(231, 17, 44);
	text-decoration: none;
	border-bottom: 2px solid rgba(231, 17, 44, 0.3);
	transition: all 0.3s ease;
	font-weight: 500;
}

.career-page-content a:hover {
	color: rgb(200, 10, 35);
	border-bottom-color: rgb(231, 17, 44);
	background: rgba(231, 17, 44, 0.05);
	padding: 2px 4px;
	margin: -2px -4px;
	border-radius: 3px;
}

.career-page-content blockquote {
	border-left: 4px solid rgb(231, 17, 44);
	padding: 25px 30px;
	margin: 30px 0;
	background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
	border-radius: 0 10px 10px 0;
	font-style: italic;
	color: #555;
	font-size: 17px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.career-page-content table {
	width: 100%;
	border-collapse: collapse;
	margin: 30px 0;
	overflow-x: auto;
	display: block;
	box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08);
	border-radius: 8px;
}

.career-page-content table th,
.career-page-content table td {
	padding: 15px 20px;
	text-align: left;
	border-bottom: 1px solid #e8e8e8;
}

.career-page-content table th {
	background: linear-gradient(135deg, rgb(231, 17, 44) 0%, rgb(200, 10, 35) 100%);
	font-weight: 600;
	color: #ffffff;
	border-bottom: none;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 0.5px;
}

.career-page-content table tr:hover {
	background: #f8f9fa;
}

.career-page-content table tr:last-child td {
	border-bottom: none;
}

.career-page-content img {
	max-width: 100%;
	height: auto;
	border-radius: 10px;
	margin: 30px 0;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}

/* Career Page Sections */
.career-page-content .career-section {
	margin: 40px 0;
	padding: 30px;
	background: #f8f9fa;
	border-radius: 10px;
	border-left: 4px solid rgb(231, 17, 44);
}

.career-page-content .career-benefits {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 20px;
	margin: 30px 0;
}

.career-page-content .career-benefit-item {
	background: #ffffff;
	padding: 25px;
	border-radius: 8px;
	box-shadow: 0 3px 15px rgba(0, 0, 0, 0.08);
	transition: all 0.3s ease;
	border-top: 3px solid rgb(231, 17, 44);
}

.career-page-content .career-benefit-item:hover {
	transform: translateY(-5px);
	box-shadow: 0 8px 25px rgba(231, 17, 44, 0.15);
}

.career-page-content .career-benefit-item h4 {
	margin-top: 0;
	color: rgb(231, 17, 44);
	font-size: 18px;
}

.career-page-content .career-benefit-item p {
	margin-bottom: 0;
	font-size: 15px;
}

/* Blog Section with Career Pages */
#blog-page.blog-section .career-page-wrapper {
	max-width: 100%;
}

#blog-page.blog-section .container {
	max-width: 1200px;
}

/* Responsive Design for Career Pages */
@media (max-width: 1200px) {
	.career-page-title {
		font-size: 36px;
	}
	
	.career-page-content h2 {
		font-size: 28px;
	}
	
	.career-page-content h3 {
		font-size: 22px;
	}
}

@media (max-width: 768px) {
	.career-page-header {
		margin-bottom: 40px;
		padding-bottom: 25px;
	}
	
	.career-page-title {
		font-size: 32px;
		margin-bottom: 25px;
	}
	
	.career-page-content {
		font-size: 15px;
	}
	
	.career-page-content h2 {
		font-size: 24px;
		margin: 40px 0 20px;
		padding-top: 25px;
	}
	
	.career-page-content h3 {
		font-size: 20px;
		margin: 30px 0 15px;
	}
	
	.career-page-content h4 {
		font-size: 18px;
	}
	
	.career-page-content ul,
	.career-page-content ol {
		padding-left: 25px;
	}
	
	.career-page-content table {
		font-size: 14px;
	}
	
	.career-page-content table th,
	.career-page-content table td {
		padding: 12px 15px;
	}
	
	.career-page-content .career-benefits {
		grid-template-columns: 1fr;
	}
	
	.career-page-content blockquote {
		padding: 20px 25px;
		margin: 25px 0;
	}
}

@media (max-width: 576px) {
	.career-page-title {
		font-size: 28px;
	}
	
	.career-page-content {
		font-size: 14px;
		line-height: 1.7;
	}
	
	.career-page-content h2 {
		font-size: 22px;
	}
	
	.career-page-content h3 {
		font-size: 18px;
	}
	
	.career-page-content h4 {
		font-size: 16px;
	}
	
	.career-page-content blockquote {
		padding: 15px 20px;
		margin: 20px 0;
		font-size: 15px;
	}
	
	.career-page-content .career-section {
		padding: 20px;
		margin: 30px 0;
	}
}

/* ============================================
   SERVICE SINGLE PAGE STYLING
   ============================================ */

/* Service Single Section */
.service-single-section {
	padding-top: 80px;
	padding-bottom: 80px;
	background: #ffffff;
}

.service-single-wrapper {
	background: #ffffff;
	border-radius: 12px;
	padding: 0;
	position: relative;
	max-width: 100%;
	box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05);
	overflow: hidden;
}

/* Service Single Hero Image */
.service-single-hero-image {
	margin-bottom: 0;
	border-radius: 12px 12px 0 0;
	overflow: hidden;
	background: #f8f9fa;
}

.service-single-hero-image img {
	width: 100%;
	height: auto;
	display: block;
	object-fit: cover;
	transition: transform 0.3s ease;
}

.service-single-hero-image:hover img {
	transform: scale(1.02);
}

/* Service Single Header */
.service-single-header {
	padding: 40px 50px 35px;
	border-bottom: 2px solid #f0f0f0;
	background: #ffffff;
}

.service-single-title {
	font-family: 'Roboto', sans-serif;
	font-size: 38px;
	font-weight: 700;
	color: #191919;
	margin: 0;
	line-height: 1.3;
	letter-spacing: -0.5px;
}

/* Service Single Content */
.service-single-content {
	font-family: 'Roboto', sans-serif;
	font-size: 17px;
	line-height: 1.85;
	color: #333333;
	max-width: 100%;
	padding: 40px 50px 50px;
	background: #ffffff;
}

.service-single-content h1 {
	font-family: 'Roboto', sans-serif;
	font-size: 32px;
	font-weight: 700;
	color: #191919;
	margin: 35px 0 20px;
	padding-top: 30px;
	border-top: 2px solid #f0f0f0;
	line-height: 1.3;
	letter-spacing: -0.3px;
	position: relative;
}

.service-single-content h1:first-child {
	margin-top: 0;
	padding-top: 0;
	border-top: none;
}

.service-single-content h1::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 60px;
	height: 3px;
	background: #e7112c;
	border-radius: 2px;
}

.service-single-content h1:first-child::before {
	display: none;
}

.service-single-content h2 {
	font-family: 'Roboto', sans-serif;
	font-size: 28px;
	font-weight: 700;
	color: #191919;
	margin: 35px 0 18px;
	padding-top: 28px;
	border-top: 2px solid #f0f0f0;
	line-height: 1.35;
	letter-spacing: -0.3px;
	position: relative;
}

.service-single-content h2:first-child {
	margin-top: 0;
	padding-top: 0;
	border-top: none;
}

.service-single-content h2::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 50px;
	height: 3px;
	background: #e7112c;
	border-radius: 2px;
}

.service-single-content h2:first-child::before {
	display: none;
}

.service-single-content h3 {
	font-family: 'Roboto', sans-serif;
	font-size: 24px;
	font-weight: 600;
	color: #e7112c;
	margin: 30px 0 16px;
	line-height: 1.4;
	letter-spacing: -0.2px;
}

.service-single-content h4 {
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	font-weight: 600;
	color: #191919;
	margin: 28px 0 14px;
	line-height: 1.45;
}

.service-single-content h5 {
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-weight: 600;
	color: #191919;
	margin: 25px 0 12px;
	line-height: 1.5;
}

.service-single-content h6 {
	font-family: 'Roboto', sans-serif;
	font-size: 17px;
	font-weight: 600;
	color: #191919;
	margin: 22px 0 10px;
	line-height: 1.5;
}

.service-single-content p {
	margin-bottom: 24px;
	color: #333333;
	font-size: 17px;
	line-height: 1.85;
	letter-spacing: 0.01em;
}

.service-single-content p:first-child {
	margin-top: 0;
}

.service-single-content p:last-child {
	margin-bottom: 0;
}

/* Professional Bullet Points */
.service-single-content ul,
.service-single-content ol {
	margin: 24px 0;
	padding-left: 0;
	list-style: none;
}

.service-single-content ul li,
.service-single-content ol li {
	margin-bottom: 14px;
	color: #333333;
	line-height: 1.8;
	font-size: 17px;
	padding-left: 28px;
	position: relative;
}

/* Custom Bullet Points */
.service-single-content ul li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 12px;
	width: 8px;
	height: 8px;
	background: #e7112c;
	border-radius: 50%;
	transform: translateY(-50%);
}

.service-single-content ul li::marker {
	display: none;
}

/* Numbered Lists */
.service-single-content ol {
	counter-reset: item;
}

.service-single-content ol li {
	counter-increment: item;
	padding-left: 35px;
}

.service-single-content ol li::before {
	content: counter(item) '.';
	position: absolute;
	left: 0;
	top: 0;
	font-weight: 600;
	color: #e7112c;
	font-size: 17px;
}

.service-single-content ol li::marker {
	display: none;
}

.service-single-content strong,
.service-single-content b {
	font-weight: 600;
	color: #191919;
}

.service-single-content em,
.service-single-content i {
	font-style: italic;
	color: #333333;
}

.service-single-content a {
	color: #e7112c;
	text-decoration: none;
	border-bottom: 1px solid rgba(231, 17, 44, 0.3);
	transition: all 0.3s ease;
	font-weight: 500;
}

.service-single-content a:hover {
	color: #c50e26;
	border-bottom-color: #e7112c;
}

.service-single-content blockquote {
	border-left: 4px solid #e7112c;
	padding: 20px 25px;
	margin: 30px 0;
	background: #f8f9fa;
	border-radius: 4px;
	font-style: italic;
	color: #444444;
	font-size: 16px;
	line-height: 1.7;
}

.service-single-content code {
	background: #f4f4f4;
	padding: 2px 6px;
	border-radius: 3px;
	font-size: 15px;
	color: #e7112c;
	font-family: 'Courier New', monospace;
}

.service-single-content pre {
	background: #f8f9fa;
	padding: 20px;
	border-radius: 6px;
	overflow-x: auto;
	margin: 24px 0;
	border: 1px solid #e0e0e0;
}

.service-single-content pre code {
	background: transparent;
	padding: 0;
	color: #333333;
}

.service-single-content table {
	width: 100%;
	border-collapse: collapse;
	margin: 24px 0;
	overflow-x: auto;
	display: block;
}

.service-single-content table th,
.service-single-content table td {
	padding: 12px 15px;
	text-align: left;
	border-bottom: 1px solid #e0e0e0;
}

.service-single-content table th {
	background: #f8f9fa;
	font-weight: 600;
	color: #191919;
	border-bottom: 2px solid #e7112c;
}

.service-single-content table td {
	color: #333333;
}

.service-single-content table tr:hover {
	background: #fafafa;
}

.service-single-content img {
	max-width: 100%;
	height: auto;
	border-radius: 8px;
	margin: 24px 0;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.service-single-content hr {
	border: none;
	border-top: 2px solid #e0e0e0;
	margin: 30px 0;
}

/* Service List Sidebar */
.service-list-sidebar {
	margin-top: 0;
	position: -webkit-sticky;
	position: sticky;
	top: 100px;
	align-self: flex-start;
	z-index: 10;
	max-height: calc(100vh - 120px);
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
}

.service-list-card {
	background: #ffffff;
	border-radius: 12px;
	padding: 30px;
	box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05);
	border-top: 3px solid #e7112c;
}

.service-list-title {
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	font-weight: 600;
	color: #191919;
	margin-bottom: 25px;
	padding-bottom: 15px;
	border-bottom: 2px solid #e7112c;
}

.service-list-menu {
	list-style: none;
	padding: 0;
	margin: 0;
}

.service-list-menu li {
	margin-bottom: 10px;
}

.service-list-item {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 14px 18px;
	background: #f8f9fa;
	color: #333333;
	text-decoration: none;
	border-radius: 8px;
	transition: all 0.3s ease;
	border-left: 3px solid transparent;
	font-weight: 500;
	font-size: 15px;
	line-height: 1.5;
}

.service-list-item i {
	color: #e7112c;
	font-size: 14px;
	transition: transform 0.3s ease;
	flex-shrink: 0;
}

.service-list-item span {
	flex: 1;
}

.service-list-item:hover {
	background: rgba(231, 17, 44, 0.08);
	color: #e7112c;
	border-left-color: #e7112c;
	transform: translateX(3px);
	box-shadow: 0 2px 8px rgba(231, 17, 44, 0.1);
}

.service-list-item:hover i {
	transform: translateX(3px);
}

.service-list-item.active {
	background: #e7112c;
	color: #ffffff;
	border-left-color: #c50e26;
	font-weight: 600;
	box-shadow: 0 2px 10px rgba(231, 17, 44, 0.2);
}

.service-list-item.active i {
	color: #ffffff;
}

/* Responsive Design for Service Single Page */

/* Tablet and below */
@media (max-width: 991px) {
	.service-list-sidebar {
		position: static;
		margin-top: 40px;
	}
	
	.service-single-title {
		font-size: 32px;
	}
	
	.service-single-content h1 {
		font-size: 28px;
	}
	
	.service-single-content h2 {
		font-size: 24px;
	}
	
	.service-single-content h3 {
		font-size: 22px;
	}
}

/* Mobile devices */
@media (max-width: 767px) {
	.service-single-section {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	
	.service-single-header {
		padding: 30px 30px 25px;
	}
	
	.service-single-title {
		font-size: 28px;
		line-height: 1.3;
	}
	
	.service-single-content {
		padding: 30px;
		font-size: 16px;
		line-height: 1.75;
	}
	
	.service-single-content h1 {
		font-size: 26px;
		margin-top: 30px;
		margin-bottom: 16px;
		padding-top: 25px;
	}
	
	.service-single-content h2 {
		font-size: 22px;
		margin: 30px 0 16px;
		padding-top: 25px;
	}
	
	.service-single-content h3 {
		font-size: 20px;
		margin: 28px 0 14px;
	}
	
	.service-single-content h4 {
		font-size: 18px;
		margin: 25px 0 12px;
	}
	
	.service-single-content h5 {
		font-size: 17px;
		margin: 22px 0 10px;
	}
	
	.service-single-content p {
		font-size: 16px;
		line-height: 1.75;
		margin-bottom: 20px;
	}
	
	.service-single-content ul li,
	.service-single-content ol li {
		font-size: 16px;
		line-height: 1.75;
		padding-left: 25px;
		margin-bottom: 12px;
	}
	
	.service-single-content ul li::before {
		width: 7px;
		height: 7px;
		top: 11px;
	}
	
	.service-single-content ol li {
		padding-left: 30px;
	}
	
	.service-single-content ol li::before {
		font-size: 16px;
	}
	
	.service-list-card {
		padding: 25px;
		border-radius: 10px;
	}
	
	.service-list-title {
		font-size: 18px;
		margin-bottom: 20px;
		padding-bottom: 12px;
	}
	
	.service-list-item {
		padding: 12px 16px;
		font-size: 14px;
	}
}

/* Small mobile devices */
@media (max-width: 575px) {
	.service-single-section {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	
	.service-single-header {
		padding: 25px 25px 20px;
	}
	
	.service-single-title {
		font-size: 24px;
		line-height: 1.3;
	}
	
	.service-single-content {
		padding: 25px 20px;
		font-size: 15px;
		line-height: 1.7;
	}
	
	.service-single-content h1 {
		font-size: 22px;
		margin-top: 25px;
		margin-bottom: 14px;
		padding-top: 20px;
	}
	
	.service-single-content h2 {
		font-size: 20px;
		margin: 25px 0 14px;
		padding-top: 20px;
	}
	
	.service-single-content h3 {
		font-size: 18px;
		margin: 23px 0 12px;
	}
	
	.service-single-content h4 {
		font-size: 17px;
		margin: 21px 0 10px;
	}
	
	.service-single-content h5 {
		font-size: 16px;
		margin: 19px 0 9px;
	}
	
	.service-single-content h6 {
		font-size: 15px;
		margin: 17px 0 8px;
	}
	
	.service-single-content p {
		font-size: 15px;
		line-height: 1.7;
		margin-bottom: 18px;
	}
	
	.service-single-content ul,
	.service-single-content ol {
		margin: 20px 0;
	}
	
	.service-single-content ul li,
	.service-single-content ol li {
		font-size: 15px;
		line-height: 1.7;
		padding-left: 22px;
		margin-bottom: 10px;
	}
	
	.service-single-content ul li::before {
		width: 6px;
		height: 6px;
		top: 10px;
	}
	
	.service-single-content ol li {
		padding-left: 28px;
	}
	
	.service-single-content ol li::before {
		font-size: 15px;
	}
	
	.service-single-content blockquote {
		padding: 15px 20px;
		margin: 25px 0;
		font-size: 14px;
	}
	
	.service-single-content img {
		margin: 20px 0;
		border-radius: 6px;
	}
	
	.service-list-card {
		padding: 20px;
		border-radius: 8px;
	}
	
	.service-list-title {
		font-size: 17px;
		margin-bottom: 18px;
		padding-bottom: 10px;
	}
	
	.service-list-item {
		padding: 11px 15px;
		font-size: 14px;
		min-height: 44px;
	}
	
	.service-list-item i {
		font-size: 13px;
	}
}

/* Extra small mobile devices */
@media (max-width: 480px) {
	.service-single-section {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	
	.service-single-header {
		padding: 20px 20px 18px;
	}
	
	.service-single-title {
		font-size: 22px;
	}
	
	.service-single-content {
		padding: 20px 18px;
		font-size: 14px;
		line-height: 1.65;
	}
	
	.service-single-content h1 {
		font-size: 20px;
		margin-top: 22px;
		margin-bottom: 12px;
		padding-top: 18px;
	}
	
	.service-single-content h2 {
		font-size: 19px;
		margin: 22px 0 12px;
		padding-top: 18px;
	}
	
	.service-single-content h3 {
		font-size: 17px;
		margin: 20px 0 10px;
	}
	
	.service-single-content p {
		font-size: 14px;
		line-height: 1.65;
		margin-bottom: 16px;
	}
	
	.service-single-content ul li,
	.service-single-content ol li {
		font-size: 14px;
		line-height: 1.65;
		padding-left: 20px;
		margin-bottom: 9px;
	}
	
	.service-list-card {
		padding: 18px;
	}
	
	.service-list-title {
		font-size: 16px;
	}
	
	.service-list-item {
		padding: 10px 14px;
		font-size: 13px;
	}
}

/* Touch device optimizations */
@media (hover: none) and (pointer: coarse) {
	.service-list-item {
		min-height: 44px;
		touch-action: manipulation;
		-webkit-tap-highlight-color: rgba(231, 17, 44, 0.2);
	}
	
	.service-list-item:hover {
		transform: none;
	}
	
	.service-list-item:active {
		transform: scale(0.98);
	}
}

/* ============================================
   PRODUCTS PAGE STYLING - SCREENSHOT DESIGN
   ============================================ */

.products-page-wrapper {
	padding: 30px 15px;
	min-height: calc(100vh - 200px);
	background: #ffffff;
}

.products-page-wrapper .container {
	padding: 0;
}

.products-page-wrapper .row {
	margin: 0;
}

/* Product Category Sidebar */
.product-category-sidebar {
	background: #ffffff;
	padding: 0;
	position: sticky;
	top: 100px;
	min-height: 400px;
	border-right: 1px solid #f0f0f0;
}

.category-header-box {
	background: #B80000;
	padding: 20px 25px;
	margin-bottom: 0;
}

.category-header-box h3 {
	font-family: 'Roboto', sans-serif;
	font-size: 22px;
	font-weight: 700;
	color: #ffffff;
	margin: 0;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.category-list {
	list-style: none;
	padding: 0;
	margin: 0;
	background: #ffffff;
}

.category-item {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #f0f0f0;
	overflow: hidden;
	width: 100%;
	display: block;
}

.category-item:last-child {
	border-bottom: none;
}

.category-link {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 15px 25px;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	font-weight: 500;
	color: #333333;
	text-decoration: none;
	transition: all 0.3s ease;
	position: relative;
	width: 100%;
	box-sizing: border-box;
}

.category-link:hover,
.category-link.active {
	background: #f8f9fa;
	color: #B80000;
}

.category-name {
	flex: 1;
}

.category-count {
	color: #666666;
	font-size: 14px;
	margin-left: 8px;
}

.category-count-badge {
	background: #B80000;
	color: #ffffff;
	padding: 4px 10px;
	border-radius: 12px;
	font-size: 12px;
	font-weight: 600;
	margin-left: 10px;
	min-width: 35px;
	text-align: center;
}

.category-toggle {
	margin-left: 10px;
	color: #B80000;
	font-size: 16px;
	cursor: pointer;
	transition: transform 0.3s ease;
}

.category-toggle i {
	transition: transform 0.3s ease;
}

.category-item.active .category-toggle i {
	transform: rotate(45deg);
}

.sub-category-list {
	list-style: none;
	padding: 0;
	margin: 0;
	background: #f8f9fa;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.4s ease-in-out, opacity 0.3s ease-in-out;
	opacity: 0;
}

.category-item.active .sub-category-list {
	max-height: 2000px;
	opacity: 1;
}

.sub-category-list li {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #e0e0e0;
	position: relative;
	overflow: hidden;
	width: 100%;
	display: block;
}

.sub-category-list li:last-child {
	border-bottom: none;
}

.sub-category-link {
	display: flex;
	align-items: center;
	padding: 12px 25px 12px 45px;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #666666;
	text-decoration: none;
	transition: all 0.3s ease;
	width: 100%;
	box-sizing: border-box;
}

.sub-category-link:hover,
.sub-category-link.active {
	background: #ffffff;
	color: #B80000;
}

.sub-category-toggle {
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	color: #B80000;
	font-size: 14px;
	cursor: pointer;
	transition: transform 0.3s ease;
}

.sub-sub-category-list {
	list-style: none;
	padding: 0;
	margin: 0;
	background: #ffffff;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.4s ease-in-out, opacity 0.3s ease-in-out;
	opacity: 0;
}

.sub-category-list li.active .sub-sub-category-list {
	max-height: 1000px;
	opacity: 1;
}

.sub-sub-category-list li {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #f0f0f0;
	width: 100%;
	display: block;
}

.sub-sub-category-link {
	display: flex;
	align-items: center;
	padding: 10px 25px 10px 65px;
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	font-weight: 400;
	color: #888888;
	text-decoration: none;
	transition: all 0.3s ease;
	width: 100%;
	box-sizing: border-box;
}

.sub-sub-category-link:hover,
.sub-sub-category-link.active {
	background: #f8f9fa;
	color: #B80000;
}

/* Products Content Area */
.products-content-area {
	padding: 20px 30px 20px 30px;
	background: #ffffff;
	min-height: 400px;
}

.products-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	margin-bottom: 40px;
}

.product-card-item {
	background: #ffffff;
	border-radius: 0;
	overflow: hidden;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
	transition: all 0.3s ease;
	border: 1px solid #f0f0f0;
}

.product-card-item:hover {
	box-shadow: 0 4px 12px rgba(184, 0, 0, 0.15);
	transform: translateY(-3px);
}

.product-card-link {
	display: block;
	text-decoration: none;
	color: inherit;
}

.product-image-wrapper {
	width: 100%;
	height: 200px;
	overflow: hidden;
	background: #f8f9fa;
	position: relative;
}

.product-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.4s ease;
}

.product-card-item:hover .product-image {
	transform: scale(1.05);
}

.product-name {
	padding: 15px;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 500;
	color: #333333;
	line-height: 1.4;
	text-align: center;
	min-height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: color 0.3s ease;
}

.product-card-item:hover .product-name {
	color: #B80000;
}

.pagination-wrapper {
	margin-top: 40px;
	display: flex;
	justify-content: center;
}

.no-products {
	padding: 60px 20px;
	text-align: center;
}

.no-products p {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	color: #666666;
	margin: 0;
}

/* Product Single Page */
.product-single-section {
	padding: 80px 0;
}

.product-single-row {
	align-items: flex-start;
	gap: 24px;
}

.product-gallery-wrapper {
	position: sticky;
	top: 100px;
	max-width: 520px;
	margin: 0 auto;
}

.product-main-image {
	width: 100%;
	margin-bottom: 20px;
	border-radius: 12px;
	overflow: hidden;
	background: #f8f9fa;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.product-main-image img {
	width: 100%;
	height: auto;
	display: block;
}

.product-thumbnails {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}

.thumbnail-item {
	width: 80px;
	height: 80px;
	border-radius: 8px;
	overflow: hidden;
	cursor: pointer;
	border: 3px solid transparent;
	transition: all 0.3s ease;
	background: #f8f9fa;
}

.thumbnail-item:hover,
.thumbnail-item.active {
	border-color: rgb(231, 17, 44);
	transform: scale(1.05);
}

.thumbnail-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.product-details {
	padding-left: 30px;
}

.product-breadcrumb {
	margin-bottom: 15px;
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	color: #666;
}

.product-breadcrumb span {
	color: rgb(231, 17, 44);
}

.product-title {
	font-family: 'Roboto', sans-serif;
	font-size: 36px;
	font-weight: 700;
	color: #191919;
	margin-bottom: 20px;
	line-height: 1.3;
}

.product-sku {
	margin-bottom: 15px;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #666;
}

.product-sku strong {
	color: #191919;
	margin-right: 8px;
}

.product-price {
	margin-bottom: 30px;
	padding: 20px;
	background: #f8f9fa;
	border-radius: 8px;
	border-left: 4px solid rgb(231, 17, 44);
}

.price-label {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #666;
	margin-right: 10px;
}

.price-value {
	font-family: 'Roboto', sans-serif;
	font-size: 28px;
	font-weight: 700;
	color: rgb(231, 17, 44);
}

.price-unit {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #666;
	margin-left: 5px;
}

.product-description,
.product-specification {
	margin-bottom: 40px;
	padding-bottom: 0;
	display: block !important;
	visibility: visible !important;
}

.product-section-title {
	font-family: 'Roboto', sans-serif;
	font-size: 24px;
	font-weight: 600;
	color: #191919;
	margin-bottom: 20px;
	margin-top: 35px;
	padding-bottom: 12px;
	border-bottom: 2px solid #e7112c;
	line-height: 1.4;
}

.product-description .product-section-title:first-child,
.product-specification .product-section-title:first-child {
	margin-top: 0;
}

.description-content,
.specification-content {
	font-family: 'Roboto', sans-serif;
	font-size: 17px;
	color: #333333;
	line-height: 1.85;
	letter-spacing: 0.01em;
	word-wrap: break-word;
	white-space: normal; /* Normal whitespace handling */
	display: block !important;
	visibility: visible !important;
	text-align: left;
	max-width: 100%;
	overflow-wrap: break-word;
	/* Professional text editor styling */
	background: #ffffff;
	padding: 30px 35px;
	border-radius: 8px;
	border: 1px solid #e8e8e8;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
	margin-top: 15px;
	position: relative;
	min-height: 50px;
	opacity: 1;
}

/* Ensure proper display of cleaned HTML */
.description-content *,
.specification-content * {
	box-sizing: border-box;
}

/* Remove any unwanted navigation elements that might slip through */
.description-content .nav-item,
.specification-content .nav-item,
.description-content nav,
.specification-content nav {
	display: none !important;
}

.description-content p,
.specification-content p {
	margin-bottom: 18px;
	margin-top: 0;
	color: #333333;
	font-size: 17px;
	line-height: 1.85;
	text-align: left;
	word-spacing: 0.05em;
	text-align: justify;
	text-justify: inter-word;
	hyphens: auto;
	orphans: 3;
	widows: 3;
}

.description-content p:first-child,
.specification-content p:first-child {
	margin-top: 0;
}

.description-content p:last-child,
.specification-content p:last-child {
	margin-bottom: 0;
}

/* Professional Bullet Points */
.description-content ul,
.specification-content ul,
.description-content ol,
.specification-content ol {
	margin: 24px 0;
	padding-left: 0;
	list-style: none;
	display: block;
	line-height: 1.8;
	text-align: left;
}

/* Remove any br tags inside list items */
.description-content ul li br,
.specification-content ul li br,
.description-content ol li br,
.specification-content ol li br {
	display: none;
}

.description-content ul li,
.specification-content ul li,
.description-content ol li,
.specification-content ol li {
	margin-bottom: 12px;
	color: #333333;
	line-height: 1.8;
	font-size: 17px;
	padding-left: 28px;
	position: relative;
}

/* Custom Bullet Points */
.description-content ul li::before,
.specification-content ul li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 12px;
	width: 8px;
	height: 8px;
	background: #e7112c;
	border-radius: 50%;
	transform: translateY(-50%);
}

.description-content ul li::marker,
.specification-content ul li::marker {
	display: none;
}

/* Numbered Lists */
.description-content ol,
.specification-content ol {
	counter-reset: item;
}

.description-content ol li,
.specification-content ol li {
	counter-increment: item;
	padding-left: 35px;
}

.description-content ol li::before,
.specification-content ol li::before {
	content: counter(item) '.';
	position: absolute;
	left: 0;
	top: 0;
	font-weight: 600;
	color: #e7112c;
	font-size: 17px;
}

.description-content ol li::marker,
.specification-content ol li::marker {
	display: none;
}

/* Typography Enhancements */
.description-content h1,
.specification-content h1 {
	font-family: 'Roboto', sans-serif;
	font-size: 32px;
	font-weight: 700;
	color: #191919;
	margin: 35px 0 20px;
	padding-top: 30px;
	border-top: 2px solid #f0f0f0;
	line-height: 1.3;
	letter-spacing: -0.3px;
	position: relative;
}

.description-content h1:first-child,
.specification-content h1:first-child {
	margin-top: 0;
	padding-top: 0;
	border-top: none;
}

.description-content h1::before,
.specification-content h1::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 60px;
	height: 3px;
	background: #e7112c;
	border-radius: 2px;
}

.description-content h1:first-child::before,
.specification-content h1:first-child::before {
	display: none;
}

.description-content h2,
.specification-content h2 {
	font-family: 'Roboto', sans-serif;
	font-size: 28px;
	font-weight: 700;
	color: #191919;
	margin: 35px 0 18px;
	padding-top: 28px;
	border-top: 2px solid #f0f0f0;
	line-height: 1.35;
	letter-spacing: -0.3px;
	position: relative;
}

.description-content h2:first-child,
.specification-content h2:first-child {
	margin-top: 0;
	padding-top: 0;
	border-top: none;
}

.description-content h2::before,
.specification-content h2::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 50px;
	height: 3px;
	background: #e7112c;
	border-radius: 2px;
}

.description-content h2:first-child::before,
.specification-content h2:first-child::before {
	display: none;
}

.description-content h3,
.specification-content h3 {
	font-family: 'Roboto', sans-serif;
	font-size: 24px;
	font-weight: 600;
	color: #e7112c;
	margin: 30px 0 16px;
	line-height: 1.4;
	letter-spacing: -0.2px;
}

.description-content h4,
.specification-content h4 {
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	font-weight: 600;
	color: #191919;
	margin: 28px 0 14px;
	line-height: 1.45;
}

.description-content h5,
.specification-content h5 {
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-weight: 600;
	color: #191919;
	margin: 25px 0 12px;
	line-height: 1.5;
}

.description-content h6,
.specification-content h6 {
	font-family: 'Roboto', sans-serif;
	font-size: 17px;
	font-weight: 600;
	color: #191919;
	margin: 22px 0 10px;
	line-height: 1.5;
}

.description-content strong,
.specification-content strong,
.description-content b,
.specification-content b {
	font-weight: 600;
	color: #191919;
}

.description-content em,
.specification-content em,
.description-content i,
.specification-content i {
	font-style: italic;
	color: #333333;
}

.description-content a,
.specification-content a {
	color: #e7112c;
	text-decoration: none;
	border-bottom: 1px solid rgba(231, 17, 44, 0.3);
	transition: all 0.3s ease;
	font-weight: 500;
}

.description-content a:hover,
.specification-content a:hover {
	color: #c50e26;
	border-bottom-color: #e7112c;
}

.description-content blockquote,
.specification-content blockquote {
	border-left: 4px solid #e7112c;
	padding: 20px 25px;
	margin: 30px 0;
	background: #f8f9fa;
	border-radius: 4px;
	font-style: italic;
	color: #444444;
	font-size: 16px;
	line-height: 1.7;
}

.description-content code,
.specification-content code {
	background: #f4f4f4;
	padding: 2px 6px;
	border-radius: 3px;
	font-size: 15px;
	color: #e7112c;
	font-family: 'Courier New', monospace;
}

.description-content pre,
.specification-content pre {
	background: #f8f9fa;
	padding: 20px;
	border-radius: 6px;
	overflow-x: auto;
	margin: 24px 0;
	border: 1px solid #e0e0e0;
}

.description-content pre code,
.specification-content pre code {
	background: transparent;
	padding: 0;
	color: #333333;
}

.description-content table,
.specification-content table {
	width: 100%;
	border-collapse: collapse;
	margin: 24px 0;
	overflow-x: auto;
	display: table !important;
	border: 1px solid #e0e0e0;
	background: #ffffff;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.description-content table th,
.specification-content table th,
.description-content table td,
.specification-content table td {
	padding: 12px 15px;
	text-align: left;
	border: 1px solid #e0e0e0;
	vertical-align: top;
	word-wrap: break-word;
}

.description-content table th,
.specification-content table th {
	background: #f8f9fa;
	font-weight: 600;
	color: #191919;
	border-bottom: 2px solid #e7112c;
	position: sticky;
	top: 0;
}

.description-content table td,
.specification-content table td {
	color: #333333;
	background: #ffffff;
}

.description-content table tr:hover,
.specification-content table tr:hover {
	background: #fafafa;
}

.description-content table tr:nth-child(even),
.specification-content table tr:nth-child(even) {
	background: #f9f9f9;
}

.description-content table tr:nth-child(even):hover,
.specification-content table tr:nth-child(even):hover {
	background: #f5f5f5;
}

/* Remove <br> tags inside table cells */
.description-content table td br,
.specification-content table td br,
.description-content table th br,
.specification-content table th br {
	display: none;
}

/* Clean up paragraphs inside table cells */
.description-content table td p,
.specification-content table td p,
.description-content table th p,
.specification-content table th p {
	margin: 0;
	padding: 0;
}

.description-content table td p:not(:last-child),
.specification-content table td p:not(:last-child),
.description-content table th p:not(:last-child),
.specification-content table th p:not(:last-child) {
	margin-bottom: 8px;
}

/* Clean up spans inside table cells */
.description-content table td span,
.specification-content table td span,
.description-content table th span,
.specification-content table th span {
	display: inline;
}

/* Remove empty table cells styling */
.description-content table td:empty,
.specification-content table td:empty,
.description-content table th:empty,
.specification-content table th:empty {
	min-height: 40px;
}

/* Professional table wrapper */
.description-content table,
.specification-content table {
	border-radius: 6px;
	overflow: hidden;
}

/* Table responsive wrapper */
.description-content table,
.specification-content table {
	max-width: 100%;
	display: table !important;
}

@media (max-width: 768px) {
	.description-content table,
	.specification-content table {
		display: block !important;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
	
	.description-content table th,
	.specification-content table th,
	.description-content table td,
	.specification-content table td {
		padding: 10px 12px;
		font-size: 15px;
	}
}

.description-content img,
.specification-content img {
	max-width: 100%;
	height: auto;
	border-radius: 8px;
	margin: 24px 0;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.description-content hr,
.specification-content hr {
	border: none;
	border-top: 2px solid #e0e0e0;
	margin: 30px 0;
}

/* Professional Specification Formatting */
.specification-content .spec-item {
	display: flex;
	flex-wrap: wrap;
	padding: 18px 20px;
	margin: 0 -20px;
	border-bottom: 1px solid #f0f0f0;
	align-items: flex-start;
	gap: 15px;
	transition: all 0.2s ease;
	border-left: 3px solid transparent;
}

.specification-content .spec-item:last-child {
	border-bottom: none;
}

.specification-content .spec-item:hover {
	background-color: #f8f9fa;
	border-left-color: #e7112c;
	padding-left: 23px;
}

.specification-content .spec-label {
	font-weight: 600;
	color: #191919;
	min-width: 180px;
	flex-shrink: 0;
	font-size: 16px;
	line-height: 1.6;
}

.specification-content .spec-value {
	color: #555555;
	flex: 1;
	font-size: 16px;
	line-height: 1.6;
	word-break: break-word;
}

.specification-content .spec-list {
	margin: 20px 0;
	padding-left: 0;
	list-style: none;
}

.specification-content .spec-list li {
	margin-bottom: 12px;
	color: #333333;
	line-height: 1.8;
	font-size: 16px;
	padding-left: 28px;
	position: relative;
}

.specification-content .spec-list li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 12px;
	width: 8px;
	height: 8px;
	background: #e7112c;
	border-radius: 50%;
	transform: translateY(-50%);
}

/* Better line breaks and spacing - text editor style */
/* Allow <br> tags to display properly with spacing */
.description-content br,
.specification-content br {
	display: block;
	margin: 12px 0;
	content: "";
	line-height: 1.85;
	height: 0;
	overflow: visible;
}

/* Line breaks inside paragraphs create proper spacing */
.description-content p br,
.specification-content p br {
	display: block;
	margin: 10px 0;
	content: "";
	height: 0;
}

/* Line breaks inside list items - convert to space */
.description-content ul li br,
.specification-content ul li br,
.description-content ol li br,
.specification-content ol li br {
	display: inline;
	margin: 0 4px;
	content: "";
}

/* Ensure proper spacing for consecutive line breaks */
.description-content br + br,
.specification-content br + br {
	margin-top: 20px;
}

/* Remove redundant <br> tags only when they're immediately after/before block elements */
.description-content p:last-child + br,
.specification-content p:last-child + br,
.description-content ul:last-child + br,
.specification-content ul:last-child + br,
.description-content ol:last-child + br,
.specification-content ol:last-child + br {
	display: none;
}

	/* Professional text editor container enhancements */
.description-content::before,
.specification-content::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 4px;
	height: 100%;
	background: linear-gradient(to bottom, #e7112c, #c50e26);
	border-radius: 8px 0 0 8px;
	opacity: 0.8;
}

/* Improve readability with better spacing */
.description-content > *:first-child,
.specification-content > *:first-child {
	margin-top: 0 !important;
}

.description-content > *:last-child,
.specification-content > *:last-child {
	margin-bottom: 0 !important;
}

/* Professional text alignment and readability */
.description-content,
.specification-content {
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Better spacing between sections */
.description-content + .product-specification,
.product-description + .product-specification {
	margin-top: 50px;
}

/* Section title with icon */
.product-section-title {
	display: flex;
	align-items: center;
	gap: 10px;
}

.product-section-title i {
	color: #e7112c;
	font-size: 24px;
}

/* Related Products */
.related-products-section {
	padding: 80px 0;
}

.category-header h3 {
	font-family: 'Roboto', sans-serif;
	font-size: 28px;
	font-weight: 700;
	color: #191919;
	margin-bottom: 10px;
}

.category-header p {
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	color: #666;
}

.no-products {
	text-align: center;
	padding: 60px 20px;
	background: #ffffff;
	border-radius: 12px;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
}

.no-products p {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	color: #666;
	margin: 0;
}

/* Responsive Design for Products Page */
@media (max-width: 1200px) {
	.products-grid {
		grid-template-columns: repeat(3, 1fr);
		gap: 18px;
	}
}

@media (max-width: 992px) {
	.products-page-wrapper {
		padding: 20px 15px;
	}

	.product-category-sidebar {
		position: relative;
		top: 0;
		margin-bottom: 30px;
		border-right: none;
		border-bottom: 1px solid #f0f0f0;
		padding-bottom: 20px;
	}

	.products-content-area {
		padding: 20px 15px 20px 15px;
	}

	.products-grid {
		grid-template-columns: repeat(3, 1fr);
		gap: 15px;
	}

	.product-image-wrapper {
		height: 180px;
	}

	.product-name {
		font-size: 13px;
		padding: 12px;
		min-height: 45px;
	}
	
	.product-details {
		padding-left: 0;
		margin-top: 30px;
	}
	
	.product-gallery-wrapper {
		position: relative;
		top: 0;
	}
	
	.product-title {
		font-size: 28px;
	}
}

@media (max-width: 768px) {
	.products-page-wrapper {
		padding: 15px 10px;
	}

	.products-content-area {
		padding: 15px 10px 15px 10px;
	}

	.products-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 15px;
	}

	.product-image-wrapper {
		height: 160px;
	}

	.product-name {
		font-size: 12px;
		padding: 10px 8px;
		min-height: 40px;
	}
	
	.product-category-sidebar {
		display: block !important;
	}

	.category-list {
		display: block !important;
	}

	.category-header-box {
		padding: 15px 20px;
	}
	
	.category-header-box h3 {
		font-size: 18px;
	}

	.category-link {
		padding: 12px 20px;
		font-size: 14px;
	}

	.category-count,
	.category-count-badge {
		font-size: 11px;
	}

	.sub-category-link {
		padding: 10px 20px 10px 35px;
		font-size: 13px;
	}

	.sub-sub-category-link {
		padding: 8px 20px 8px 50px;
		font-size: 12px;
	}

	.pagination-wrapper {
		margin-top: 30px;
	}
	
	.products-area {
		padding: 60px 0;
	}
	
	.product-title {
		font-size: 24px;
	}
	
	.price-value {
		font-size: 24px;
	}
	
	.thumbnail-item {
		width: 60px;
	}
	
	/* Product Single Page Mobile Responsive */
	.product-single-section {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	
	.product-details {
		padding-left: 0;
		margin-top: 30px;
	}
	
	.product-gallery-wrapper {
		position: relative;
		top: 0;
	}
	
	.product-section-title {
		font-size: 22px;
		margin-top: 30px;
		margin-bottom: 18px;
	}
	
	.description-content,
	.specification-content {
		font-size: 16px;
		line-height: 1.75;
		padding: 20px 20px;
		margin-top: 15px;
	}
	
	.description-content::before,
	.specification-content::before {
		width: 3px;
	}
	
	.description-content p,
	.specification-content p {
		font-size: 16px;
		line-height: 1.75;
		margin-bottom: 20px;
	}
	
	.description-content h1,
	.specification-content h1 {
		font-size: 26px;
		margin-top: 30px;
		margin-bottom: 16px;
		padding-top: 25px;
	}
	
	.description-content h2,
	.specification-content h2 {
		font-size: 22px;
		margin: 30px 0 16px;
		padding-top: 25px;
	}
	
	.description-content h3,
	.specification-content h3 {
		font-size: 20px;
		margin: 28px 0 14px;
	}
	
	.description-content h4,
	.specification-content h4 {
		font-size: 18px;
		margin: 25px 0 12px;
	}
	
	.description-content ul li,
	.specification-content ul li,
	.description-content ol li,
	.specification-content ol li {
		font-size: 16px;
		line-height: 1.75;
		padding-left: 25px;
		margin-bottom: 12px;
	}
	
	.description-content ul li::before,
	.specification-content ul li::before {
		width: 7px;
		height: 7px;
		top: 11px;
	}
	
	.description-content ol li,
	.specification-content ol li {
		padding-left: 30px;
	}
	
	.description-content ol li::before,
	.specification-content ol li::before {
		font-size: 16px;
	}
	
	/* Responsive specification items */
	.specification-content .spec-item {
		flex-direction: column;
		padding: 14px 15px;
		margin: 0 -15px;
	}
	
	.specification-content .spec-label {
		min-width: auto;
		margin-bottom: 6px;
		font-size: 15px;
	}
	
	.specification-content .spec-value {
		font-size: 15px;
		padding-left: 0;
	}
}

@media (max-width: 575px) {
	.description-content,
	.specification-content {
		padding: 18px 15px;
	}
	
	.description-content::before,
	.specification-content::before {
		width: 3px;
	}
	
	/* Mobile specification items */
	.specification-content .spec-item {
		flex-direction: column;
		padding: 12px 12px;
		margin: 0 -12px;
	}
	
	.specification-content .spec-label {
		min-width: auto;
		margin-bottom: 8px;
		font-size: 14px;
		font-weight: 700;
	}
	
	.specification-content .spec-value {
		font-size: 14px;
		line-height: 1.7;
	}
	
	.specification-content .spec-list li {
		font-size: 14px;
		padding-left: 24px;
		margin-bottom: 10px;
	}
	
	.specification-content .spec-list li::before {
		width: 6px;
		height: 6px;
		top: 10px;
	}
	
	.description-content p,
	.specification-content p {
		font-size: 15px;
		line-height: 1.75;
		margin-bottom: 18px;
	}
}

@media (max-width: 575px) {
	.products-page-wrapper {
		padding: 10px;
	}

	.product-category-sidebar {
		margin-bottom: 20px;
		display: block !important;
	}

	.category-list {
		display: block !important;
	}

	.products-content-area {
		padding: 10px 5px 10px 5px;
	}

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

	.product-image-wrapper {
		height: 140px;
	}

	.product-name {
		font-size: 11px;
		padding: 8px 6px;
		min-height: 35px;
	}

	.category-header-box {
		padding: 12px 15px;
	}

	.category-header-box h3 {
		font-size: 16px;
	}

	.category-link {
		padding: 10px 15px;
		font-size: 13px;
	}

	.category-count,
	.category-count-badge {
		font-size: 10px;
		padding: 2px 6px;
		min-width: 28px;
	}

	.sub-category-link {
		padding: 8px 15px 8px 30px;
		font-size: 12px;
	}

	.sub-sub-category-link {
		padding: 6px 15px 6px 40px;
		font-size: 11px;
	}

	.pagination-wrapper {
		margin-top: 20px;
	}
	
	.product-single-section {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	
	.product-title {
		font-size: 24px;
		line-height: 1.3;
	}
	
	.product-section-title {
		font-size: 20px;
		margin-top: 25px;
		margin-bottom: 16px;
	}
	
	.description-content,
	.specification-content {
		font-size: 15px;
		line-height: 1.7;
	}
	
	.description-content p,
	.specification-content p {
		font-size: 15px;
		line-height: 1.7;
		margin-bottom: 18px;
	}
	
	.description-content h1,
	.specification-content h1 {
		font-size: 22px;
		margin-top: 25px;
		margin-bottom: 14px;
		padding-top: 20px;
	}
	
	.description-content h2,
	.specification-content h2 {
		font-size: 20px;
		margin: 25px 0 14px;
		padding-top: 20px;
	}
	
	.description-content h3,
	.specification-content h3 {
		font-size: 18px;
		margin: 23px 0 12px;
	}
	
	.description-content h4,
	.specification-content h4 {
		font-size: 17px;
		margin: 21px 0 10px;
	}
	
	.description-content h5,
	.specification-content h5 {
		font-size: 16px;
		margin: 19px 0 9px;
	}
	
	.description-content h6,
	.specification-content h6 {
		font-size: 15px;
		margin: 17px 0 8px;
	}
	
	.description-content ul,
	.specification-content ul,
	.description-content ol,
	.specification-content ol {
		margin: 20px 0;
	}
	
	.description-content ul li,
	.specification-content ul li,
	.description-content ol li,
	.specification-content ol li {
		font-size: 15px;
		line-height: 1.7;
		padding-left: 22px;
		margin-bottom: 10px;
	}
	
	.description-content ul li::before,
	.specification-content ul li::before {
		width: 6px;
		height: 6px;
		top: 10px;
	}
	
	.description-content ol li,
	.specification-content ol li {
		padding-left: 28px;
	}
	
	.description-content ol li::before,
	.specification-content ol li::before {
		font-size: 15px;
	}
	
	.description-content blockquote,
	.specification-content blockquote {
		padding: 15px 20px;
		margin: 25px 0;
		font-size: 14px;
	}
	
	.description-content img,
	.specification-content img {
		margin: 20px 0;
		border-radius: 6px;
	}
}

@media (max-width: 480px) {
	.product-single-section {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	
	.product-title {
		font-size: 22px;
	}
	
	.product-section-title {
		font-size: 19px;
		margin-top: 22px;
		margin-bottom: 14px;
	}
	
	.description-content,
	.specification-content {
		font-size: 14px;
		line-height: 1.65;
	}
	
	.description-content p,
	.specification-content p {
		font-size: 14px;
		line-height: 1.65;
		margin-bottom: 16px;
	}
	
	.description-content h1,
	.specification-content h1 {
		font-size: 20px;
		margin-top: 22px;
		margin-bottom: 12px;
		padding-top: 18px;
	}
	
	.description-content h2,
	.specification-content h2 {
		font-size: 19px;
		margin: 22px 0 12px;
		padding-top: 18px;
	}
	
	.description-content h3,
	.specification-content h3 {
		font-size: 17px;
		margin: 20px 0 10px;
	}
	
	.description-content ul li,
	.specification-content ul li,
	.description-content ol li,
	.specification-content ol li {
		font-size: 14px;
		line-height: 1.65;
		padding-left: 20px;
		margin-bottom: 9px;
	}
	
	.thumbnail-item {
		width: 60px;
		height: 60px;
	}
}

/* ============================================
   CUSTOMERS LIST TABLE STYLING
   ============================================ */

.customers-list-area {
	padding: 80px 0;
}

.customers-table-wrapper {
	background: #ffffff;
	border-radius: 12px;
	padding: 30px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
	margin-top: 40px;
}

.customers-table {
	width: 100%;
	border-collapse: collapse;
	margin: 0;
}

.customers-table thead {
	background: linear-gradient(135deg, rgb(231, 17, 44) 0%, rgba(231, 17, 44, 0.9) 100%);
	color: #ffffff;
}

.customers-table thead th {
	padding: 18px 20px;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 600;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	border: none;
}

.customers-table thead th:first-child {
	border-radius: 8px 0 0 0;
	width: 80px;
	text-align: center;
}

.customers-table thead th:last-child {
	border-radius: 0 8px 0 0;
}

.customers-table tbody tr {
	border-bottom: 1px solid #f0f0f0;
	transition: all 0.3s ease;
}

.customers-table tbody tr:hover {
	background: #f8f9fa;
	transform: translateX(5px);
}

.customers-table tbody tr.reputed-customer {
	background: rgba(231, 17, 44, 0.05);
	border-left: 4px solid rgb(231, 17, 44);
}

.customers-table tbody tr.reputed-customer:hover {
	background: rgba(231, 17, 44, 0.1);
}

.customers-table tbody td {
	padding: 18px 20px;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	color: #333333;
	line-height: 1.6;
	vertical-align: top;
}

.customers-table tbody td:first-child {
	text-align: center;
	font-weight: 600;
	color: rgb(231, 17, 44);
	font-size: 16px;
}

.customers-table tbody td strong {
	color: #191919;
	font-weight: 600;
	font-size: 16px;
}

.reputed-badge {
	display: inline-block;
	margin-left: 10px;
	padding: 4px 10px;
	background: rgb(231, 17, 44);
	color: #ffffff;
	border-radius: 20px;
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	vertical-align: middle;
}

.reputed-badge i {
	font-size: 10px;
	margin-right: 4px;
}

/* Responsive Design for Customers Table */
@media (max-width: 992px) {
	.customers-table-wrapper {
		padding: 20px;
	}
	
	.customers-table thead th {
		padding: 15px 12px;
		font-size: 14px;
	}
	
	.customers-table tbody td {
		padding: 15px 12px;
		font-size: 14px;
	}
}

@media (max-width: 768px) {
	.customers-list-area {
		padding: 60px 0;
	}
	
	.customers-table-wrapper {
		padding: 15px;
		overflow-x: auto;
	}
	
	.customers-table {
		min-width: 800px;
	}
	
	.customers-table thead th {
		padding: 12px 10px;
		font-size: 13px;
	}
	
	.customers-table tbody td {
		padding: 12px 10px;
		font-size: 13px;
	}
	
	.customers-table tbody td strong {
		font-size: 14px;
	}
	
	.reputed-badge {
		display: block;
		margin-left: 0;
		margin-top: 5px;
		width: fit-content;
	}
}

/* ============================================
   PRODUCTS SLIDER SECTION
   ============================================ */

.products-slider-section {
	padding: 80px 0;
	background: #f8f9fa;
}

.products-slider {
	margin-top: 40px;
}

.single-product-slide {
	background: #ffffff;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	margin: 0 15px;
	height: 100%;
	display: flex;
	flex-direction: column;
}

.single-product-slide:hover {
	transform: translateY(-8px);
	box-shadow: 0 8px 30px rgba(231, 17, 44, 0.2);
}

.product-slide-image {
	position: relative;
	width: 100%;
	height: 250px;
	overflow: hidden;
	background: #f8f9fa;
}

.product-slide-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}

.single-product-slide:hover .product-slide-image img {
	transform: scale(1.1);
}

.product-slide-image .featured-badge {
	position: absolute;
	top: 15px;
	right: 15px;
	background: rgb(231, 17, 44);
	color: #ffffff;
	padding: 6px 12px;
	border-radius: 20px;
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	z-index: 2;
}

.product-slide-content {
	padding: 25px 20px;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
}

.product-slide-content .product-category {
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	font-weight: 600;
	color: rgb(231, 17, 44);
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin-bottom: 10px;
}

.product-slide-content h4 {
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	font-weight: 700;
	margin: 0 0 12px;
	line-height: 1.4;
}

.product-slide-content h4 a {
	color: #191919;
	text-decoration: none;
	transition: color 0.3s ease;
}

.product-slide-content h4 a:hover {
	color: rgb(231, 17, 44);
}

.product-slide-content p {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #666;
	line-height: 1.6;
	margin-bottom: 15px;
	flex-grow: 1;
}

.product-slide-content .product-link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 600;
	color: rgb(231, 17, 44);
	text-decoration: none;
	transition: all 0.3s ease;
	margin-top: auto;
}

.product-slide-content .product-link:hover {
	color: rgb(200, 10, 35);
	gap: 12px;
}

.product-slide-content .product-link i {
	font-size: 16px;
	transition: transform 0.3s ease;
}

.product-slide-content .product-link:hover i {
	transform: translateX(5px);
}

/* Products Slider Owl Carousel */
.products-slider.owl-carousel .owl-item {
	padding: 0;
}

.products-slider.owl-carousel .owl-nav {
	position: absolute;
	top: 50%;
	width: 100%;
	transform: translateY(-50%);
	display: flex;
	justify-content: space-between;
	padding: 0 20px;
	pointer-events: none;
}

.products-slider.owl-carousel .owl-nav button {
	pointer-events: all;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: #ffffff;
	color: rgb(231, 17, 44);
	border: 2px solid rgb(231, 17, 44);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	transition: all 0.3s ease;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.products-slider.owl-carousel .owl-nav button:hover {
	background: rgb(231, 17, 44);
	color: #ffffff;
	transform: scale(1.1);
}

.products-slider.owl-carousel .owl-dots {
	text-align: center;
	margin-top: 30px;
}

.products-slider.owl-carousel .owl-dots button {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #ddd;
	margin: 0 5px;
	transition: all 0.3s ease;
}

.products-slider.owl-carousel .owl-dots button.active {
	background: rgb(231, 17, 44);
	width: 30px;
	border-radius: 6px;
}

/* Responsive Design for Products Slider */
@media (max-width: 992px) {
	.products-slider-section {
		padding: 60px 0;
	}
	
	.product-slide-image {
		height: 200px;
	}
	
	.products-slider.owl-carousel .owl-nav {
		display: none;
	}
}

@media (max-width: 768px) {
	.products-slider-section {
		padding: 50px 0;
	}
	
	.product-slide-image {
		height: 180px;
	}
	
	.product-slide-content {
		padding: 20px 15px;
	}
	
	.product-slide-content h4 {
		font-size: 18px;
	}
	
	.product-slide-content p {
		font-size: 13px;
	}
}

@media (max-width: 576px) {
	.products-slider-section {
		padding: 40px 0;
	}
	
	.product-slide-image {
		height: 160px;
	}
	
	.single-product-slide {
		margin: 0 10px;
	}
}

/* Homepage Slider Mobile Responsive Styles */

/* Tablet and below */
@media (max-width: 991px) {
	.single-slide-item {
		height: 500px;
		min-height: 500px;
	}
	
	.single-slide-item h1 {
		font-size: 42px;
		line-height: 1.2;
		margin: 15px 0 20px;
		letter-spacing: 1px;
	}
	
	.single-slide-item p {
		font-size: 16px;
		line-height: 1.5;
		margin-bottom: 20px;
	}
	
	.hero-area-content {
		padding: 0 20px;
	}
	
	#home-2 .hero-area-content h6 {
		margin-top: 50px;
	}
}

/* Mobile devices */
@media (max-width: 767px) {
	.single-slide-item {
		height: 450px;
		min-height: 450px;
		background-attachment: scroll;
	}
	
	.single-slide-item h1 {
		font-size: 32px;
		line-height: 1.2;
		margin: 12px 0 18px;
		letter-spacing: 0.5px;
	}
	
	.single-slide-item p {
		font-size: 14px;
		line-height: 1.4;
		margin-bottom: 18px;
		max-width: 95%;
	}
	
	.hero-area-content h6 {
		font-size: 11px;
		padding: 6px 14px;
		letter-spacing: 1.5px;
		margin-bottom: 12px;
	}
	
	.hero-area-content .main-btn {
		padding: 11px 28px;
		font-size: 13px;
		display: inline-block;
		visibility: visible;
		opacity: 1;
		min-width: 130px;
		text-align: center;
		margin-top: 10px;
	}
	
	.hero-area-content {
		padding: 0 15px;
		display: table-cell;
		vertical-align: middle;
	}
	
	.hero-area-content .section-title {
		margin-bottom: 20px;
	}
	
	#home-2 .hero-area-content h6 {
		margin-top: 30px;
	}
	
	.homepage-slides .owl-nav button {
		width: 40px;
		height: 40px;
		font-size: 16px;
		left: 10px;
		right: 10px;
	}
	
	.homepage-slides .owl-dots {
		bottom: 15px;
	}
}

/* iPhone and small mobile devices */
@media (max-width: 480px) {
	.single-slide-item {
		height: 400px;
		min-height: 400px;
	}
	
	.single-slide-item h1 {
		font-size: 24px;
		line-height: 1.2;
		margin: 10px 0 15px;
		letter-spacing: 0.3px;
	}
	
	.single-slide-item p {
		font-size: 13px;
		line-height: 1.3;
		margin-bottom: 15px;
		max-width: 100%;
	}
	
	.hero-area-content h6 {
		font-size: 10px;
		padding: 5px 12px;
		letter-spacing: 1px;
		margin-bottom: 10px;
	}
	
	.hero-area-content .main-btn {
		padding: 10px 24px;
		font-size: 12px;
		min-width: 120px;
		margin-top: 8px;
	}
	
	.hero-area-content {
		padding: 0 12px;
	}
	
	.hero-area-content .section-title {
		margin-bottom: 15px;
	}
	
	#home-2 .hero-area-content h6 {
		margin-top: 20px;
	}
	
	.homepage-slides .owl-nav button {
		width: 35px;
		height: 35px;
		font-size: 14px;
		left: 8px;
		right: 8px;
	}
	
	.homepage-slides .owl-dots {
		bottom: 12px;
	}
}

/* iPhone SE and very small devices */
@media (max-width: 375px) {
	.single-slide-item {
		height: 380px;
		min-height: 380px;
	}
	
	.single-slide-item h1 {
		font-size: 22px;
		line-height: 1.2;
		margin: 8px 0 12px;
	}
	
	.single-slide-item p {
		font-size: 12px;
		line-height: 1.3;
		margin-bottom: 12px;
	}
	
	.hero-area-content h6 {
		font-size: 9px;
		padding: 4px 10px;
		letter-spacing: 0.8px;
		margin-bottom: 8px;
	}
	
	.hero-area-content .main-btn {
		padding: 9px 20px;
		font-size: 11px;
		min-width: 110px;
		margin-top: 6px;
	}
	
	.hero-area-content {
		padding: 0 10px;
	}
	
	#home-2 .hero-area-content h6 {
		margin-top: 15px;
	}
}

/* iPhone landscape and small tablets in portrait */
@media (max-width: 667px) and (orientation: landscape) {
	.single-slide-item {
		height: 350px;
		min-height: 350px;
	}
	
	.single-slide-item h1 {
		font-size: 28px;
		margin: 8px 0 12px;
	}
	
	.single-slide-item p {
		font-size: 13px;
		margin-bottom: 12px;
	}
	
	.hero-area-content {
		padding: 0 15px;
	}
	
	#home-2 .hero-area-content h6 {
		margin-top: 15px;
	}
}

/* Ensure images are optimized for mobile */
@media (max-width: 767px) {
	.single-slide-item {
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
	}
	
	.single-slide-item img {
		display: none;
	}
}

/* Fix for iOS Safari viewport issues */
@supports (-webkit-touch-callout: none) {
	.single-slide-item {
		height: -webkit-fill-available;
		min-height: 400px;
	}
	
	@media (max-width: 480px) {
		.single-slide-item {
			min-height: 400px;
		}
	}
}

/* Single Project Page - Professional Design */

.project-single-section {
	padding-top: 80px;
	padding-bottom: 80px;
	background: #ffffff;
}

.project-main-content {
	margin-bottom: 40px;
}

.project-title-wrapper {
	margin-bottom: 30px;
	padding-bottom: 25px;
	border-bottom: 2px solid #f0f0f0;
}

.project-title {
	font-size: 36px;
	font-weight: 700;
	color: #191919;
	line-height: 1.3;
	margin-bottom: 15px;
	letter-spacing: -0.5px;
}

.project-categories {
	margin-top: 15px;
}

.project-category-badge {
	display: inline-block;
	padding: 6px 16px;
	background: #e7112c;
	color: #ffffff;
	font-size: 13px;
	font-weight: 500;
	border-radius: 20px;
	margin-right: 8px;
	margin-bottom: 8px;
	letter-spacing: 0.3px;
}

.project-featured-image {
	margin-bottom: 40px;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.project-featured-image img {
	width: 100%;
	height: auto;
	display: block;
	transition: transform 0.3s ease;
}

.project-featured-image:hover img {
	transform: scale(1.02);
}

.project-overview {
	margin-bottom: 40px;
}

.section-heading {
	font-size: 24px;
	font-weight: 600;
	color: #191919;
	margin-bottom: 20px;
	padding-bottom: 15px;
	border-bottom: 2px solid #e7112c;
	position: relative;
}

.section-heading:after {
	content: '';
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 60px;
	height: 2px;
	background: #e7112c;
}

.project-description {
	font-size: 17px;
	line-height: 1.85;
	color: #333333;
	font-weight: 400;
	letter-spacing: 0.01em;
}

.project-description p {
	margin-bottom: 24px;
	color: #333333;
	font-size: 17px;
	line-height: 1.85;
}

.project-description p:first-child {
	margin-top: 0;
}

.project-description p:last-child {
	margin-bottom: 0;
}

.project-description h1 {
	font-family: 'Roboto', sans-serif;
	font-size: 32px;
	font-weight: 700;
	color: #191919;
	margin: 35px 0 20px;
	padding-top: 30px;
	border-top: 2px solid #f0f0f0;
	line-height: 1.3;
	letter-spacing: -0.3px;
	position: relative;
}

.project-description h1:first-child {
	margin-top: 0;
	padding-top: 0;
	border-top: none;
}

.project-description h1::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 60px;
	height: 3px;
	background: #e7112c;
	border-radius: 2px;
}

.project-description h1:first-child::before {
	display: none;
}

.project-description h2 {
	font-family: 'Roboto', sans-serif;
	font-size: 28px;
	font-weight: 700;
	color: #191919;
	margin: 35px 0 18px;
	padding-top: 28px;
	border-top: 2px solid #f0f0f0;
	line-height: 1.35;
	letter-spacing: -0.3px;
	position: relative;
}

.project-description h2:first-child {
	margin-top: 0;
	padding-top: 0;
	border-top: none;
}

.project-description h2::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 50px;
	height: 3px;
	background: #e7112c;
	border-radius: 2px;
}

.project-description h2:first-child::before {
	display: none;
}

.project-description h3 {
	font-family: 'Roboto', sans-serif;
	font-size: 24px;
	font-weight: 600;
	color: #e7112c;
	margin: 30px 0 16px;
	line-height: 1.4;
	letter-spacing: -0.2px;
}

.project-description h4 {
	color: #191919;
	margin-top: 28px;
	margin-bottom: 14px;
	font-weight: 600;
	font-size: 20px;
	line-height: 1.45;
}

.project-description h5 {
	color: #191919;
	margin-top: 25px;
	margin-bottom: 12px;
	font-weight: 600;
	font-size: 18px;
	line-height: 1.5;
}

.project-description h6 {
	color: #191919;
	margin-top: 22px;
	margin-bottom: 10px;
	font-weight: 600;
	font-size: 16px;
	line-height: 1.5;
}

/* Professional Bullet Points */
.project-description ul,
.project-description ol {
	margin: 24px 0;
	padding-left: 0;
	list-style: none;
}

.project-description ul li,
.project-description ol li {
	margin-bottom: 14px;
	color: #333333;
	line-height: 1.8;
	font-size: 17px;
	padding-left: 28px;
	position: relative;
}

/* Custom Bullet Points */
.project-description ul li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 12px;
	width: 8px;
	height: 8px;
	background: #e7112c;
	border-radius: 50%;
	transform: translateY(-50%);
}

.project-description ul li::marker {
	display: none;
}

/* Numbered Lists */
.project-description ol {
	counter-reset: item;
}

.project-description ol li {
	counter-increment: item;
	padding-left: 35px;
}

.project-description ol li::before {
	content: counter(item) '.';
	position: absolute;
	left: 0;
	top: 0;
	font-weight: 600;
	color: #e7112c;
	font-size: 17px;
}

.project-description ol li::marker {
	display: none;
}

.project-description strong,
.project-description b {
	color: #191919;
	font-weight: 600;
}

.project-description em,
.project-description i {
	font-style: italic;
	color: #333333;
}

.project-description a {
	color: #e7112c;
	text-decoration: none;
	border-bottom: 1px solid rgba(231, 17, 44, 0.3);
	transition: all 0.3s ease;
	font-weight: 500;
}

.project-description a:hover {
	color: #c50e26;
	border-bottom-color: #e7112c;
}

.project-description blockquote {
	margin: 30px 0;
	padding: 20px 25px;
	border-left: 4px solid #e7112c;
	background: #f8f9fa;
	border-radius: 4px;
	font-style: italic;
	color: #444444;
	font-size: 16px;
	line-height: 1.7;
}

.project-description code {
	background: #f4f4f4;
	padding: 2px 6px;
	border-radius: 3px;
	font-size: 15px;
	color: #e7112c;
	font-family: 'Courier New', monospace;
}

.project-description pre {
	background: #f8f9fa;
	padding: 20px;
	border-radius: 6px;
	overflow-x: auto;
	margin: 24px 0;
	border: 1px solid #e0e0e0;
}

.project-description pre code {
	background: transparent;
	padding: 0;
	color: #333333;
}

.project-description img {
	max-width: 100%;
	height: auto;
	border-radius: 8px;
	margin: 24px 0;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.project-description table {
	width: 100%;
	border-collapse: collapse;
	margin: 24px 0;
}

.project-description table th,
.project-description table td {
	padding: 12px 15px;
	border: 1px solid #e0e0e0;
	text-align: left;
}

.project-description table th {
	background: #f8f9fa;
	font-weight: 600;
	color: #191919;
}

.project-description table td {
	color: #333333;
}

.project-description hr {
	border: none;
	border-top: 2px solid #e0e0e0;
	margin: 30px 0;
}

.project-video {
	margin-top: 40px;
	margin-bottom: 40px;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.embed-responsive {
	position: relative;
	display: block;
	width: 100%;
	padding: 0;
	overflow: hidden;
}

.embed-responsive::before {
	content: "";
	display: block;
	padding-bottom: 56.25%;
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

/* Project Sidebar */
.project-sidebar {
	position: sticky;
	top: 100px;
}

.project-info-card {
	background: #f8f9fa;
	border-radius: 12px;
	padding: 30px;
	margin-bottom: 25px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.info-card-title {
	font-size: 20px;
	font-weight: 600;
	color: #191919;
	margin-bottom: 25px;
	padding-bottom: 15px;
	border-bottom: 2px solid #e7112c;
}

.project-info-list {
	margin-bottom: 20px;
}

.info-item {
	margin-bottom: 25px;
	padding-bottom: 20px;
	border-bottom: 1px solid #e0e0e0;
}

.info-item:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

.info-label {
	display: flex;
	align-items: center;
	margin-bottom: 8px;
	font-size: 13px;
	font-weight: 600;
	color: #666666;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.info-label i {
	margin-right: 8px;
	color: #e7112c;
	font-size: 16px;
}

.info-value {
	font-size: 15px;
	color: #191919;
	line-height: 1.6;
	font-weight: 500;
}

.project-link-wrapper {
	margin-top: 25px;
	padding-top: 25px;
	border-top: 1px solid #e0e0e0;
}

.project-link-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 14px 20px;
	background: #e7112c;
	color: #ffffff;
	font-size: 15px;
	font-weight: 600;
	border-radius: 8px;
	text-decoration: none;
	transition: all 0.3s ease;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.project-link-btn:hover {
	background: #c50e26;
	color: #ffffff;
	transform: translateY(-2px);
	box-shadow: 0 4px 15px rgba(231, 17, 44, 0.3);
}

.project-link-btn i {
	margin-right: 8px;
	font-size: 16px;
}

.back-to-projects {
	margin-top: 20px;
}

.back-btn {
	display: inline-flex;
	align-items: center;
	padding: 12px 20px;
	color: #666666;
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
	border-radius: 8px;
	transition: all 0.3s ease;
	border: 1px solid #e0e0e0;
	background: #ffffff;
}

.back-btn:hover {
	color: #e7112c;
	border-color: #e7112c;
	background: #fff5f6;
}

.back-btn i {
	margin-right: 8px;
	font-size: 16px;
}

/* Responsive Design for Single Project Page */

/* Tablet and below */
@media (max-width: 991px) {
	.project-sidebar {
		position: static;
		margin-top: 40px;
		top: auto;
	}
	
	.project-title {
		font-size: 32px;
		line-height: 1.25;
	}
	
	.project-title-wrapper {
		margin-bottom: 25px;
		padding-bottom: 20px;
	}
	
	.project-info-card {
		padding: 25px;
	}
	
	.project-featured-image {
		margin-bottom: 30px;
	}
	
	.project-overview {
		margin-bottom: 30px;
	}
	
	.section-heading {
		font-size: 22px;
		margin-bottom: 18px;
	}
}

/* Mobile devices */
@media (max-width: 767px) {
	.project-single-section {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	
	.project-title {
		font-size: 26px;
		margin-bottom: 12px;
		line-height: 1.3;
		letter-spacing: -0.3px;
	}
	
	.project-title-wrapper {
		margin-bottom: 20px;
		padding-bottom: 18px;
	}
	
	.project-category-badge {
		font-size: 12px;
		padding: 5px 12px;
		margin-right: 6px;
		margin-bottom: 6px;
	}
	
	.project-featured-image {
		margin-bottom: 25px;
		border-radius: 8px;
	}
	
	.project-featured-image img {
		width: 100%;
		height: auto;
	}
	
	.project-overview {
		margin-bottom: 25px;
	}
	
	.section-heading {
		font-size: 20px;
		margin-bottom: 16px;
		padding-bottom: 12px;
	}
	
	.project-description {
		font-size: 16px;
		line-height: 1.75;
		color: #333333;
	}
	
	.project-description p {
		font-size: 16px;
		line-height: 1.75;
		margin-bottom: 18px;
	}
	
	.project-description h1 {
		font-size: 26px;
		margin-top: 30px;
		margin-bottom: 16px;
		line-height: 1.3;
	}
	
	.project-description h2 {
		font-size: 22px;
		margin-top: 28px;
		margin-bottom: 14px;
		line-height: 1.35;
	}
	
	.project-description h3 {
		font-size: 20px;
		margin-top: 25px;
		margin-bottom: 12px;
		line-height: 1.4;
	}
	
	.project-description h4 {
		font-size: 18px;
		margin-top: 22px;
		margin-bottom: 10px;
	}
	
	.project-description ul,
	.project-description ol {
		margin: 20px 0;
	}
	
	.project-description ul li,
	.project-description ol li {
		font-size: 16px;
		line-height: 1.75;
		padding-left: 25px;
		margin-bottom: 12px;
	}
	
	.project-description ul li::before {
		width: 7px;
		height: 7px;
		top: 11px;
	}
	
	.project-description ol li {
		padding-left: 30px;
	}
	
	.project-description ol li::before {
		font-size: 16px;
	}
	
	.project-video {
		margin-top: 30px;
		margin-bottom: 30px;
		border-radius: 8px;
	}
	
	.project-info-card {
		padding: 20px;
		margin-bottom: 20px;
		border-radius: 10px;
	}
	
	.info-card-title {
		font-size: 18px;
		margin-bottom: 18px;
		padding-bottom: 12px;
	}
	
	.info-item {
		margin-bottom: 18px;
		padding-bottom: 15px;
	}
	
	.info-label {
		font-size: 12px;
		margin-bottom: 6px;
	}
	
	.info-label i {
		font-size: 14px;
		margin-right: 6px;
	}
	
	.info-value {
		font-size: 14px;
		line-height: 1.6;
	}
	
	.project-link-btn {
		padding: 12px 18px;
		font-size: 14px;
		min-height: 44px;
	}
	
	.back-btn {
		padding: 11px 18px;
		font-size: 13px;
		min-height: 44px;
		width: 100%;
		justify-content: center;
	}
	
	.back-to-projects {
		margin-top: 15px;
	}
}

/* Small mobile devices */
@media (max-width: 575px) {
	.project-single-section {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	
	.project-title {
		font-size: 22px;
		margin-bottom: 10px;
		line-height: 1.3;
	}
	
	.project-title-wrapper {
		margin-bottom: 18px;
		padding-bottom: 15px;
	}
	
	.project-category-badge {
		font-size: 11px;
		padding: 4px 10px;
		margin-right: 5px;
		margin-bottom: 5px;
	}
	
	.project-featured-image {
		margin-bottom: 20px;
		border-radius: 6px;
	}
	
	.project-overview {
		margin-bottom: 20px;
	}
	
	.section-heading {
		font-size: 18px;
		margin-bottom: 14px;
		padding-bottom: 10px;
	}
	
	.project-description {
		font-size: 15px;
		line-height: 1.7;
		color: #333333;
	}
	
	.project-description p {
		font-size: 15px;
		line-height: 1.7;
		margin-bottom: 16px;
	}
	
	.project-description h1 {
		font-size: 22px;
		margin-top: 25px;
		margin-bottom: 14px;
		line-height: 1.3;
	}
	
	.project-description h2 {
		font-size: 20px;
		margin-top: 23px;
		margin-bottom: 12px;
		line-height: 1.35;
	}
	
	.project-description h3 {
		font-size: 18px;
		margin-top: 21px;
		margin-bottom: 10px;
		line-height: 1.4;
	}
	
	.project-description h4 {
		font-size: 17px;
		margin-top: 19px;
		margin-bottom: 9px;
	}
	
	.project-description h5 {
		font-size: 16px;
		margin-top: 17px;
		margin-bottom: 8px;
	}
	
	.project-description h6 {
		font-size: 15px;
		margin-top: 15px;
		margin-bottom: 7px;
	}
	
	.project-description ul,
	.project-description ol {
		margin: 20px 0;
	}
	
	.project-description ul li,
	.project-description ol li {
		font-size: 15px;
		line-height: 1.7;
		padding-left: 22px;
		margin-bottom: 10px;
	}
	
	.project-description ul li::before {
		width: 6px;
		height: 6px;
		top: 10px;
	}
	
	.project-description ol li {
		padding-left: 28px;
	}
	
	.project-description ol li::before {
		font-size: 15px;
	}
	
	.project-description blockquote {
		padding: 12px 16px;
		margin: 20px 0;
		font-size: 14px;
		line-height: 1.6;
	}
	
	.project-description img {
		margin: 18px 0;
		border-radius: 6px;
	}
	
	.project-description table {
		font-size: 14px;
		margin: 18px 0;
	}
	
	.project-description table th,
	.project-description table td {
		padding: 8px 10px;
		font-size: 14px;
	}
	
	.project-video {
		margin-top: 25px;
		margin-bottom: 25px;
		border-radius: 6px;
	}
	
	.project-info-card {
		padding: 18px;
		border-radius: 8px;
		margin-bottom: 18px;
	}
	
	.info-card-title {
		font-size: 17px;
		margin-bottom: 16px;
		padding-bottom: 10px;
	}
	
	.info-item {
		margin-bottom: 16px;
		padding-bottom: 12px;
	}
	
	.info-label {
		font-size: 11px;
		margin-bottom: 5px;
		letter-spacing: 0.3px;
	}
	
	.info-label i {
		font-size: 13px;
		margin-right: 5px;
	}
	
	.info-value {
		font-size: 13px;
		line-height: 1.6;
	}
	
	.project-link-btn {
		padding: 11px 16px;
		font-size: 13px;
		min-height: 44px;
		letter-spacing: 0.3px;
	}
	
	.back-btn {
		padding: 10px 16px;
		font-size: 13px;
		min-height: 44px;
	}
}

/* Extra small mobile devices */
@media (max-width: 480px) {
	.project-single-section {
		padding-top: 35px;
		padding-bottom: 35px;
	}
	
	.project-title {
		font-size: 20px;
	}
	
	.project-title-wrapper {
		margin-bottom: 15px;
		padding-bottom: 12px;
	}
	
	.project-category-badge {
		font-size: 10px;
		padding: 4px 9px;
	}
	
	.section-heading {
		font-size: 17px;
		margin-bottom: 12px;
		padding-bottom: 8px;
	}
	
	.project-description {
		font-size: 14px;
		line-height: 1.65;
	}
	
	.project-description p {
		font-size: 14px;
		line-height: 1.65;
		margin-bottom: 14px;
	}
	
	.project-description h1 {
		font-size: 20px;
		margin-top: 22px;
		margin-bottom: 12px;
	}
	
	.project-description h2 {
		font-size: 18px;
		margin-top: 20px;
		margin-bottom: 10px;
	}
	
	.project-description h3 {
		font-size: 17px;
		margin-top: 18px;
		margin-bottom: 9px;
	}
	
	.project-description ul,
	.project-description ol {
		margin: 18px 0;
	}
	
	.project-description ul li,
	.project-description ol li {
		font-size: 14px;
		line-height: 1.65;
		padding-left: 20px;
		margin-bottom: 9px;
	}
	
	.project-description ul li::before {
		width: 6px;
		height: 6px;
		top: 9px;
	}
	
	.project-description ol li {
		padding-left: 26px;
	}
	
	.project-description ol li::before {
		font-size: 14px;
	}
	
	.project-info-card {
		padding: 16px;
	}
	
	.info-card-title {
		font-size: 16px;
	}
	
	.info-value {
		font-size: 12px;
	}
}

/* Very small devices (iPhone SE) */
@media (max-width: 375px) {
	.project-title {
		font-size: 19px;
	}
	
	.project-description {
		font-size: 14px;
	}
	
	.project-description p {
		font-size: 14px;
	}
	
	.project-info-card {
		padding: 15px;
	}
}

/* Touch device optimizations */
@media (hover: none) and (pointer: coarse) {
	.project-link-btn,
	.back-btn {
		min-height: 44px;
		touch-action: manipulation;
		-webkit-tap-highlight-color: rgba(231, 17, 44, 0.2);
	}
	
	.project-featured-image img {
		touch-action: pan-y;
	}
}

/* Landscape orientation for mobile */
@media (max-width: 767px) and (orientation: landscape) {
	.project-single-section {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	
	.project-featured-image {
		margin-bottom: 20px;
	}
	
		.project-video {
		margin-top: 25px;
		margin-bottom: 25px;
	}
}