/* Capitalty Creative Agency - Modern CSS */

/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header
5. Banner One
6. Services One
7. Gallery One
8. journal One
9. Testimonial One
10. Counter One
11. Awards One
12. Main Footer
13. Page Title
14. Team One
15. journal Detail
16. Work One
17. Work Detail
18. Contact Info
19. Contact Form

====================================================================
	Attachment Css Files
====================================================================

***/

@import url('global.css');
@import url('header.css');
@import url('footer.css');
@import url('animate.css');
@import url('swiper.min.css');
@import url('font-awesome.css');
@import url('custom-animate.css');
@import url('odometer-theme-default.css');

/*** 

====================================================================
	Modern CSS Enhancements
====================================================================

***/

/* Smooth Scrolling */
html {
	scroll-behavior: smooth;
}

/* Better Focus States for Accessibility */
*:focus {
	outline: 2px solid var(--main-color);
	outline-offset: 2px;
}

*:focus:not(:focus-visible) {
	outline: none;
}

*:focus-visible {
	outline: 2px solid var(--main-color);
	outline-offset: 2px;
}

/* Improve text rendering */
body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

/* Reduce motion for accessibility */
@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}

/* Improved image rendering */
img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

/* Skip to main content link (accessibility) */
.skip-link {
	position: absolute;
	top: -100%;
	left: 0;
	background: var(--main-color);
	color: white;
	padding: 10px 20px;
	z-index: 10000;
	text-decoration: none;
	font-weight: 600;
}

.skip-link:focus {
	top: 0;
}

/* Modern selection styling */
::selection {
	background: var(--main-color);
	color: white;
}

::-moz-selection {
	background: var(--main-color);
	color: white;
}

/* Service Icon Styling for Font Awesome */
.service-block_one-icon i {
	font-size: 48px;
	color: var(--main-color);
	transition: all 0.3s ease;
}

.service-block_one-inner:hover .service-block_one-icon i {
	color: var(--white-color);
	transform: scale(1.1);
}

/* Section Badge for Service Categories */
.sec-title_heading::after {
	content: '';
	display: block;
	width: 60px;
	height: 3px;
	background: linear-gradient(90deg, var(--main-color) 0%, var(--color-two) 100%);
	margin-top: 15px;
}

/* Creative Services - 2 column layout */
.services-one .col-lg-6 .service-block_one-inner {
	min-height: 140px;
}

/* Digital Services Background Section */
.services-one[style*="background: linear-gradient"] {
	position: relative;
}

.services-one[style*="background: linear-gradient"]::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 1px;
	background: linear-gradient(90deg, transparent, var(--main-color), transparent);
}

/* Page Title Section */
.page-title {
	position: relative;
	padding: 200px 0 80px;
	text-align: center;
}

.page-title h1 {
	font-size: 48px;
	font-weight: 700;
	color: var(--white-color);
	margin-bottom: 20px;
}

.page-breadcrumb {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	justify-content: center;
	gap: 10px;
}

.page-breadcrumb li {
	color: rgba(255,255,255,0.7);
	font-size: 16px;
}

.page-breadcrumb li:not(:last-child)::after {
	content: '/';
	margin-left: 10px;
	color: var(--main-color);
}

.page-breadcrumb li a {
	color: rgba(255,255,255,0.7);
	transition: all 0.3s ease;
}

.page-breadcrumb li a:hover {
	color: var(--main-color);
}

/* Service Detail Section */
.service-detail {
	position: relative;
	padding: 80px 0 100px;
}

.service-detail_icon {
	margin-bottom: 30px;
}

.service-detail_icon i {
	color: var(--main-color);
}

.service-detail_title {
	font-size: 36px;
	font-weight: 700;
	color: var(--white-color);
	margin-bottom: 25px;
}

.service-detail h3 {
	font-size: 24px;
	font-weight: 600;
	color: var(--white-color);
	margin: 35px 0 20px;
}

.service-detail p {
	color: rgba(255,255,255,0.8);
	line-height: 1.8;
	margin-bottom: 20px;
}

.service-detail ol {
	padding-left: 20px;
	margin-bottom: 25px;
}

.service-detail ol li {
	color: rgba(255,255,255,0.8);
	margin-bottom: 10px;
	line-height: 1.6;
}

.service-detail_list {
	list-style: none;
	padding: 0;
	margin: 0 0 25px;
}

.service-detail_list li {
	color: rgba(255,255,255,0.8);
	padding: 8px 0;
	display: flex;
	align-items: center;
	gap: 12px;
}

.service-detail_list li i {
	color: var(--main-color);
	font-size: 14px;
}

/* Service Sidebar */
.service-sidebar {
	background: rgba(255,255,255,0.05);
	border-radius: 15px;
	padding: 30px;
	margin-top: 50px;
}

.service-sidebar h4 {
	font-size: 20px;
	font-weight: 600;
	color: var(--white-color);
	margin-bottom: 20px;
	padding-bottom: 15px;
	border-bottom: 1px solid rgba(255,255,255,0.1);
}

.service-sidebar_list {
	list-style: none;
	padding: 0;
	margin: 0 0 30px;
}

.service-sidebar_list li {
	border-bottom: 1px solid rgba(255,255,255,0.05);
}

.service-sidebar_list li a {
	display: block;
	padding: 12px 0;
	color: rgba(255,255,255,0.7);
	transition: all 0.3s ease;
}

.service-sidebar_list li a:hover,
.service-sidebar_list li.active a {
	color: var(--main-color);
	padding-left: 10px;
}

.service-sidebar_cta {
	background: linear-gradient(135deg, var(--main-color) 0%, var(--color-two) 100%);
	border-radius: 10px;
	padding: 25px;
	text-align: center;
}

.service-sidebar_cta h4 {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 10px;
}

.service-sidebar_cta p {
	color: rgba(255,255,255,0.9);
	margin-bottom: 20px;
}

.service-sidebar_cta .theme-btn {
	background: var(--white-color);
	color: var(--main-color);
	padding: 12px 30px;
	border-radius: 5px;
	font-weight: 600;
	display: inline-block;
	transition: all 0.3s ease;
	position: relative;
	z-index: 5;
	cursor: pointer;
}

.service-sidebar_cta .theme-btn:hover {
	background: var(--color-four);
	color: var(--white-color);
}

/* CTA Section */
.cta-section {
	padding: 80px 0;
	background: linear-gradient(135deg, rgba(186,2,74,0.1) 0%, rgba(84,0,69,0.15) 100%);
}

.cta-content h2 {
	font-size: 36px;
	font-weight: 700;
	color: var(--white-color);
	margin-bottom: 15px;
}

.cta-content p {
	color: rgba(255,255,255,0.8);
	margin-bottom: 30px;
}

.cta-content .theme-btn {
	background: var(--main-color);
	color: var(--white-color);
	padding: 15px 40px;
	border-radius: 5px;
	font-weight: 600;
	display: inline-block;
	transition: all 0.3s ease;
	position: relative;
	z-index: 5;
	cursor: pointer;
}

.cta-content .theme-btn:hover {
	background: var(--color-two);
}

/* Services Page Styling */
.services-page .service-block_one-inner {
	text-decoration: none;
}

.services-page .sec-title {
	margin-bottom: 50px;
}

.services-page .sec-title p {
	color: rgba(255,255,255,0.7);
	margin-top: 15px;
}

/* Pricing Section */
.pricing-section {
	padding: 80px 0;
	background: linear-gradient(135deg, rgba(186,2,74,0.05) 0%, rgba(84,0,69,0.08) 100%);
}

.pricing-section .sec-title {
	text-align: center;
	margin-bottom: 50px;
}

.pricing-section .sec-title h2 {
	font-size: 36px;
	font-weight: 700;
	color: var(--white-color);
	margin-bottom: 15px;
}

.pricing-section .sec-title p {
	color: rgba(255,255,255,0.7);
}

.pricing-table {
	background: rgba(255,255,255,0.03);
	border: 1px solid rgba(255,255,255,0.1);
	border-radius: 15px;
	padding: 40px 30px;
	text-align: center;
	transition: all 0.4s ease;
	height: 100%;
	position: relative;
	overflow: hidden;
}

.pricing-table:hover {
	transform: translateY(-10px);
	border-color: var(--main-color);
	box-shadow: 0 20px 50px rgba(186,2,74,0.2);
}

.pricing-table.featured {
	border-color: var(--main-color);
	background: rgba(186,2,74,0.08);
}

.pricing-table.featured::before {
	content: 'Popular';
	position: absolute;
	top: 20px;
	right: -35px;
	background: var(--main-color);
	color: #fff;
	padding: 5px 40px;
	font-size: 12px;
	font-weight: 600;
	transform: rotate(45deg);
	text-transform: uppercase;
}

.pricing-table_icon {
	width: 80px;
	height: 80px;
	margin: 0 auto 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg, var(--main-color) 0%, var(--color-two) 100%);
	border-radius: 50%;
}

.pricing-table_icon i {
	font-size: 32px;
	color: #fff;
}

.pricing-table_title {
	font-size: 24px;
	font-weight: 700;
	color: var(--white-color);
	margin-bottom: 10px;
}

.pricing-table_subtitle {
	color: rgba(255,255,255,0.6);
	font-size: 14px;
	margin-bottom: 25px;
}

.pricing-table_price {
	margin-bottom: 25px;
}

.pricing-table_price .currency {
	font-size: 24px;
	color: var(--main-color);
	vertical-align: top;
}

.pricing-table_price .amount {
	font-size: 48px;
	font-weight: 700;
	color: var(--white-color);
	line-height: 1;
}

.pricing-table_price .period {
	font-size: 16px;
	color: rgba(255,255,255,0.5);
}

.pricing-table_features {
	list-style: none;
	padding: 0;
	margin: 0 0 30px;
	text-align: left;
}

.pricing-table_features li {
	padding: 12px 0;
	border-bottom: 1px solid rgba(255,255,255,0.08);
	color: rgba(255,255,255,0.8);
	font-size: 15px;
}

.pricing-table_features li:last-child {
	border-bottom: none;
}

.pricing-table_features li i {
	color: var(--main-color);
	margin-right: 10px;
	width: 20px;
}

.pricing-table_features li i.fa-times {
	color: rgba(255,255,255,0.3);
}

.pricing-table_features li.disabled {
	color: rgba(255,255,255,0.4);
	text-decoration: line-through;
}

.pricing-table .theme-btn {
	background: transparent;
	border: 2px solid var(--main-color);
	color: var(--main-color);
	padding: 12px 35px;
	border-radius: 30px;
	font-weight: 600;
	display: inline-block;
	transition: all 0.3s ease;
	position: relative;
	z-index: 5;
	cursor: pointer;
}

.pricing-table .theme-btn:hover,
.pricing-table.featured .theme-btn {
	background: var(--main-color);
	color: #fff;
}

.pricing-table.featured .theme-btn:hover {
	background: var(--color-two);
	border-color: var(--color-two);
}

/* FAQ Section */
.faq-section {
	padding: 80px 0;
}

.faq-section .sec-title {
	text-align: center;
	margin-bottom: 50px;
}

.faq-section .sec-title h2 {
	font-size: 36px;
	font-weight: 700;
	color: var(--white-color);
	margin-bottom: 15px;
}

.faq-item {
	background: rgba(255,255,255,0.03);
	border: 1px solid rgba(255,255,255,0.1);
	border-radius: 10px;
	margin-bottom: 15px;
	overflow: hidden;
}

.faq-item_header {
	padding: 20px 25px;
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
	transition: all 0.3s ease;
}

.faq-item_header:hover {
	background: rgba(186,2,74,0.1);
}

.faq-item_header h5 {
	margin: 0;
	font-size: 18px;
	font-weight: 600;
	color: var(--white-color);
}

.faq-item_header i {
	color: var(--main-color);
	transition: transform 0.3s ease;
}

.faq-item.active .faq-item_header i {
	transform: rotate(180deg);
}

.faq-item_body {
	padding: 0 25px 20px;
	display: none;
}

.faq-item.active .faq-item_body {
	display: block;
}

.faq-item_body p {
	color: rgba(255,255,255,0.7);
	margin: 0;
	line-height: 1.8;
}

/* Process Section */
.process-section {
	padding: 80px 0;
	background: rgba(0,0,0,0.2);
}

.process-section .sec-title {
	text-align: center;
	margin-bottom: 50px;
}

.process-section .sec-title h2 {
	font-size: 36px;
	font-weight: 700;
	color: var(--white-color);
}

.process-step {
	text-align: center;
	padding: 30px 20px;
	position: relative;
}

.process-step_number {
	width: 60px;
	height: 60px;
	margin: 0 auto 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg, var(--main-color) 0%, var(--color-two) 100%);
	border-radius: 50%;
	font-size: 24px;
	font-weight: 700;
	color: #fff;
}

.process-step h4 {
	font-size: 20px;
	font-weight: 600;
	color: var(--white-color);
	margin-bottom: 10px;
}

.process-step p {
	color: rgba(255,255,255,0.7);
	font-size: 15px;
	margin: 0;
}

/* Guarantee Section */
.guarantee-section {
	padding: 60px 0;
	background: linear-gradient(135deg, var(--main-color) 0%, var(--color-two) 100%);
}

.guarantee-content {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
	flex-wrap: wrap;
}

.guarantee-content i {
	font-size: 48px;
	color: #fff;
}

.guarantee-text h3 {
	font-size: 28px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 5px;
}

.guarantee-text p {
	color: rgba(255,255,255,0.9);
	margin: 0;
}

/*** 

====================================================================
	Banner One
====================================================================

***/

.banner-one{
	position:relative;
	padding:280px 0px 80px;
	background-size:cover;
}

.banner-one:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	opacity:0.90;
	background-color:var(--color-four);
}

.banner-one_content{
	position:relative;
	z-index: 2;
}

.banner-one_content-inner{
	position:relative;
}

.banner-one_heading{
	font-weight:700;
	text-align:center;
	margin-bottom:80px;
	color: var(--white-color);
	text-transform:uppercase;
}

.banner-one_text{
	position: relative;
	font-size: 30px;
	line-height: 40px;
	padding-top:20px;
	padding-right:180px;
	color: var(--white-color);
	border-top:1px solid #540045;
}

.banner-one_text-two{
	position: relative;
	font-size: 30px;
	line-height: 40px;
	padding-bottom:20px;
	padding-right:180px;
	color: var(--white-color);
	border-bottom:1px solid var(--white-color);
}

.banner-one .down-box{
	position:absolute;
	left:47%;
	bottom:65px;
	z-index:10;
	width:120px;
	height:120px;
	cursor:pointer;
	-webkit-animation: icon-bounce 0.8s ease-out infinite;
    animation: icon-bounce 0.8s ease-out infinite;
}

.banner-one .down-box img,
.banner-one .down-box svg {
	width: 100%;
	height: 100%;
}

/*** 

====================================================================
	Services One
====================================================================

***/

.services-one{
	position:relative;
	padding:100px 0px 70px;
	background: var(--main-color);
	background: linear-gradient(to top, var(--main-color) 0%, var(--color-two) 100%);
}

.service-block_one{
	position:relative;
	margin-bottom:30px;
}

.service-block_one-inner{
	position:relative;
	padding:35px 40px;
	border: 1px solid rgba(var(--white-color-rgb), 0.20);
}

.service-block_one-inner:before{
	position:absolute;
	content:'';
	left:-1px;
	top:-1px;
	right:-1px;
	bottom:-1px;
	opacity:0;
	transform:scale(1,0.2);
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
	background-color:var(--color-three);
}

.service-block_one-inner:hover::before{
	opacity:1;
	transform:scale(1,1);
}

.service-block_one-heading{
	position:relative;
	font-weight:400;
	color: #fff;
}

.service-block_one-heading a{
	position:relative;
	color:var(--white-color);
}

.service-block_one-icon{
	position:relative;
}

/*** 

====================================================================
	Gallery One
====================================================================

***/

.gallery-one{
	position:relative;
	padding:100px 0px 70px;
	background-color: var(--color-four);
}

.gallery-block_one{
	position:relative;
	margin-bottom:30px;
}

.gallery-block_one-inner{
	position:relative;
}

.gallery-block_one-content{
	position:relative;
	padding:25px 25px;
	border: 1px solid rgba(var(--white-color-rgb), 0.20);
}

.gallery-block_one-content:before{
	position:absolute;
	content:'';
	left:-1px;
	top:-1px;
	right:-1px;
	bottom:-1px;
	opacity:0;
	transform:scale(0.2,1);
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
	background: var(--main-color);
    background: linear-gradient(to top, var(--main-color) 0%, var(--color-two) 100%);
}

.gallery-block_one-inner:hover .gallery-block_one-content:before{
	opacity:1;
	transform:scale(1,1);
}

.gallery-block_one-image{
	position:relative;
	overflow:hidden;
	margin-bottom:25px;
}

.gallery-block_one-inner:hover .gallery-block_one-image:before{
	-webkit-animation: shine 1s;
	animation: shine 1s;
}

.gallery-block_one-image:before{
	position: absolute;
	top: 0;
	left: -85%;
	z-index: 99;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .7) 100%);
	background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .7)));
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .7) 100%);
	-webkit-transform: skewX(-25deg);
	-ms-transform: skewX(-25deg);
	transform: skewX(-25deg);
}

.gallery-block_one-image img{
	position:relative;
	width:100%;
	display:block;
}

.gallery-block_one-title{
	position:relative;
	font-size:18px;
	text-transform:capitalize;
	color:rgba(var(--white-color-rgb), 0.50);
}

.gallery-block_one-heading{
	position:relative;
	font-weight: 600;
	margin-top:10px;
	text-transform:uppercase;
}

.gallery-block_one-heading a{
	position:relative;
	color:rgba(var(--white-color-rgb), 1);
}

.gallery-block_one-heading a:hover{
	color: rgb(255 255 255);
}

.service-block_one-more{
	position:relative;
	margin-left:25px;
}

.service-block_one-more .view-more{
	position:relative;
	font-size:16px;
	line-height:1em;
	display:inline-block;
	padding:9px 45px 9px 10px;
	color:var(--color-four);
	text-transform:uppercase;
	background-color:var(--white-color);
}

.service-block_one-more .view-more i{
	position:absolute;
	right:1px;
	top:1px;
	bottom:1px;
	width:35px;
	font-size:18px;
	line-height:33px;
	color:var(--white-color);
	background-color:var(--color-four);
}

/*** 

====================================================================
	journal One
====================================================================

***/

.journal-one{
	position:relative;
	padding:100px 0px 70px;
	background-attachment:fixed;
	background-size:cover;
}

.journal-one:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	opacity:0.70;
	background-color:var(--color-four);
}

.journal-one .journal-block_one{
	width:20%;
	float:left;
	padding:0px 15px;
}

.journal-block_one{
	position:relative;
	margin-bottom:30px;
}

.journal-block_one-inner{
	position:relative;
	padding:25px 25px;
	background-color:rgba(var(--black-color-rgb), 0.50);
}

.journal-block_one-inner:before{
	position:absolute;
	content:'';
	left:-1px;
	top:-1px;
	right:-1px;
	bottom:-1px;
	opacity:0;
	transform:scale(0.2,1);
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
	background: var(--main-color);
    background: linear-gradient(to top, var(--main-color) 0%, var(--color-two) 100%);
}

.journal-block_one-inner:hover::before{
	opacity:1;
	transform:scale(1,1);
}

.journal-block_one-title{
	position:relative;
	font-size:14px;
	padding:5px 15px;
	text-transform:capitalize;
	color:var(--white-color);
	display:inline-block;
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
	border: 1px solid rgba(var(--white-color-rgb), 0.50);
}

.journal-block_one-inner:hover .journal-block_one-title{
	color:var(--white-color);
	border-color:var(--color-four);
	background-color:var(--color-four);
}

.journal-block_one-heading{
	position:relative;
	font-weight:400;
	margin-top:18px;
	max-width:220px;
	margin-bottom:110px;
}

.journal-block_one-heading a{
	position:relative;
	color:var(--white-color);
}

.journal-block_one-arrow{
	position:absolute;
	right:10px;
	bottom:15px;
	line-height:1em;
	font-size:30px;
	display:inline-block;
	color:var(--white-color);
	transform:rotate(45deg);
}

.journal-block_one-arrow:hover{
	color:var(--color-four);
}

/*** 

====================================================================
	Testimonial One
====================================================================

***/

.testimonial-one{
	position:relative;
	padding:100px 0px 70px;
	background-color:var(--color-four);
}

.testimonial-one.style-two{
	padding-top:0px;
	background:none;
}

.testimonial-block_one{
	position:relative;
	margin-bottom:30px;
}

.testimonial-block_one-inner{
	position:relative;
}

.testimonial-block_one-content{
	position:relative;
	padding:25px 25px;
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
	border: 1px solid rgba(var(--white-color-rgb), 0.10);
}

.testimonial-block_one-content:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	opacity:0;
	background-color:var(--white-color);
	
	-webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    transition: all 900ms ease;
    -webkit-transform: perspective(400px) rotateX(-90deg);
    -moz-transform: perspective(400px) rotateX(-90deg);
    -ms-transform: perspective(400px) rotateX(-90deg);
    -o-transform: perspective(400px) rotateX(-90deg);
    transform: perspective(400px) rotateX(-90deg);
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    -o-transform-origin: top;
    transform-origin: top;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.testimonial-block_one-inner:hover .testimonial-block_one-content:before{
	opacity:1;
	-webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    -o-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
}

.testimonial-block_one-author{
	position:relative;
	width:70px;
	height:70px;
	display:inline-block;
}

.testimonial-block_one-name{
	position:relative;
	font-weight:500;
	margin-top:25px;
	color:var(--white-color);
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.testimonial-block_one-inner:hover .testimonial-block_one-designation,
.testimonial-block_one-inner:hover .testimonial-block_one-name{
	color:var(--color-four);
}

.testimonial-block_one-designation{
	position:relative;
	font-weight:400;
	font-size:15px;
	margin-top:5px;
	opacity:0.30;
	color:var(--white-color);
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.testimonial-block_one-number{
	position:relative;
	font-weight:700;
	font-size:40px;
	margin-top:30px;
	opacity:0.10;
	text-align:right;
	color:var(--white-color);
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.testimonial-block_one-inner:hover .testimonial-block_one-number{
	opacity:1;
	color:var(--color-four);
}

.testimonial-block_one-lower{
	position:relative;
	margin-left:30px;
	margin-top:25px;
	font-size:18px;
	line-height:28px;
	padding-left:70px;
	color:var(--white-color);
}

.testimonial-block_one-lower .quote_icon{
	position:absolute;
	left:0px;
	top:6px;
	line-height:1em;
}

/*** 

====================================================================
	stats One
====================================================================

***/

.stats-one{
	position:relative;
	padding:100px 0px 100px;
	background-attachment:fixed;
	background-size:cover;
}

.stats-one.style-two::before{
	display:none;
}

.stats-one:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	opacity:0.90;
	background-color:var(--color-four);
}

.stats-one .inner-container{
	position:relative;
	overflow:hidden;
	border: 1px solid rgba(var(--white-color-rgb), 1);
	border-bottom:0px;
}

.stats-one .counter-block_one{
	float:left;
	padding:0px 0px;
}

.counter-block_one{
	position:relative;
}

.counter-block_one-inner{
	position:relative;
	padding:35px 55px;
	border-right: 1px solid rgba(var(--white-color-rgb), 1);
	border-bottom: 1px solid rgba(var(--white-color-rgb), 1);
}

.counter-block_one-inner:before{
	position:absolute;
	content:'';
	right:20px;
	top:20px;
	width:15px;
	height:15px;
	border-radius:50px;
	background: var(--main-color);
    background: linear-gradient(to top, var(--main-color) 0%, var(--color-two) 100%);
}

.counter-block_one-counter{
	position:relative;
	font-size:75px;
	font-weight:500;
	line-height:1em;
	color:var(--white-color);
}

.counter-block_one-text{
	position:relative;
	font-size:20px;
	margin-top:0px;
	color:var(--white-color);
	text-transform:capitalize;
}

.stats-one_contact-column{
	padding:0px 0px;
	float:left;
}

.stats-one .stats-one_contact-column{
	position:relative;
}

.stats-one_contact-inner{
	position:relative;
	padding:35px 35px;
	background: var(--main-color);
    background: linear-gradient(to top, var(--main-color) 0%, var(--color-two) 100%);
}

.stats-one_contact-content{
	position:relative;
	padding:19px 30px 19px 80px;
	background-color:var(--color-four);
}

.stats-one_contact-icon{
	position:absolute;
	left:25px;
	top:40px;
	font-size:34px;
	line-height:1em;
	color:var(--white-color);
}

.stats-one_contact-content h3{
	position:relative;
	font-size:30px;
	font-weight:500;
	color:var(--white-color);
	text-transform:uppercase;
}

.stats-one_contact-content .text{
	position:relative;
	font-size:20px;
	font-weight:400;
	color:var(--white-color);
	text-transform:capitalize;
}

/*** 

====================================================================
	Awards One
====================================================================

***/

.awards-one{
	position:relative;
	padding:100px 0px 100px;
	background-color:var(--color-four);
}

.awards-one.style-two{
	padding-top:0px;
	background:none;
}

.awards-block_one{
	position:relative;
	margin-bottom:10px;
}

.awards-block_one-inner{
	position:relative;
	padding:10px 10px;
	min-height:122px;
	border: 1px solid rgba(var(--white-color-rgb), 0.10);
}

.awards-block_one-inner:before{
	position:absolute;
	content:'';
	left:-1px;
	top:-1px;
	right:-1px;
	bottom:-1px;
	opacity:0;
	transform:scale(1,0.2);
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
	background: var(--main-color);
    background: linear-gradient(to top, var(--main-color) 0%, var(--color-two) 100%);
}

.awards-block_one-inner:hover::before{
	opacity:1;
	transform:scale(1,1);
}

.awards-block_one-content{
	position:relative;
	padding-top:25px;
	padding-left:125px;
}

.awards-block_one-number{
	position:absolute;
	left:0px;
	top:0px;
	width:100px;
	height:100px;
	font-size:40px;
	line-height:98px;
	text-align:center;
	display:inline-block;
	color:var(--white-color);
	background-color:var(--black-color);
	border: 1px solid rgba(var(--white-color-rgb), 0.10);
}

.awards-block_one-title{
	position:relative;
	font-weight:400;
	color:var(--white-color);
	text-transform:uppercase;
}

.awards-block_one-title span{
	position:relative;
	font-size:17px;
	top:-5px;
	opacity:0;
	margin-left:10px;
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.awards-block_one-inner:hover .awards-block_one-title span{
	opacity:1;
}

.awards-block_one-arrow{
	position:absolute;
	right:25px;
	top:25px;
	z-index:1;
	font-size:44px;
	line-height:1em;
	color:var(--white-color);
}

.awards-block_one-link{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	z-index:10;
	display:block;
}

/*** 

====================================================================
	Page Title
====================================================================

***/

.page-title{
	position:relative;
	text-align:center;
	padding:150px 0px 90px;
}

.page-title_heading{
	position:relative;
	font-size:120px;
	line-height:1em;
	color:var(--white-color);
	text-transform:uppercase;
}

.page-title_text{
	position:relative;
	font-size:18px;
	margin-top:10px;
	color:var(--white-color);
}

/*** 

====================================================================
	Team One
====================================================================

***/

.team-one{
	position:relative;
	padding:0px 0px 0px;
}

.team-one .title-box{
	position:relative;
}

.team-one .title-box h2{
	position:relative;
	font-size:40px;
	font-weight:400;
	line-height:50px;
	max-width:670px;
	margin-bottom:40px;
	color:var(--white-color);
}

.team-block_one{
	position:relative;
	margin-bottom:40px;
}

.team-block_one-inner{
	position:relative;
	padding-left:25px;
	padding-bottom:40px;
}

.team-block_one-inner:before{
	position:absolute;
	content:'';
	left:0px;
	top:45px;
	right:0px;
	bottom:0px;
	border: 1px solid rgba(var(--white-color-rgb), 0.10);
}

.team-block_one-socials{
	position:relative;
	width:172px;
	margin-top:70px;
	display:inline-block;
	padding:10px 9px 4px;
	background-color:var(--black-color);
	border: 1px solid rgba(var(--white-color-rgb), 0.10);
}

.team-block_one-socials a{
	position:relative;
	width:70px;
	height:40px;
	margin:0px 2px 5px;
	line-height:38px;
	text-align:center;
	display:inline-block;
	border: 1px solid rgba(var(--white-color-rgb), 0.10);
}

.team-block_one-socials a img{
	position:relative;
	width:24px;
	top:-1px;
}

.team-block_one-socials a:hover{
	
}

.team-block_one-image{
	position:absolute;
	right:30px;
	bottom:0px;
}

.team-block_one-heading{
	position:relative;
	font-weight:500;
	margin-top:35px;
}

.team-block_one-heading a{
	position:relative;
	color:var(--white-color);
}

.team-block_one-designation{
	position:relative;
	font-size:16px;
	margin-top:0px;
	opacity:0.50;
	color:var(--white-color);
}

/*** 

====================================================================
	Contact One
====================================================================

***/

.contact-one{
	position:relative;
	padding:30px 0px 70px;
}

.contact-one_info-column{
	position:relative;
	margin-bottom:30px;
}

.contact-one_info-outer{
	position:relative;
}

.contact-one_heading{
	position:relative;
	font-size:40px;
	font-weight:400;
	color:var(--white-color);
}

.contact-one_list{
	position:relative;
	margin-top:25px;
	padding:20px 0px;
	border-top: 1px solid rgba(var(--white-color-rgb), 0.50);
	border-bottom: 1px solid rgba(var(--white-color-rgb), 0.50);
}

.contact-one_list li{
	position:relative;
	font-size:22px;
	line-height:32px;
	margin-bottom:20px;
	color:var(--white-color);
}

.contact-one_list li a{
	position:relative;
	color:var(--white-color);
}

.contact-one_list li:nth-child(2){
	margin-bottom:0px;
}

.contact-one_list li:last-child{
	margin-bottom:0px;
}

.contact-one_socials{
	position:relative;
	margin-top:25px;
}

.contact-one_socials li{
	position:relative;
	margin-right:10px;
	display:inline-block;
}

.contact-one_socials li a{
	position: relative;
    font-size: 18px;
    font-weight: 400;
    color: var(--white-color);
}

.contact-one_form-column{
	position:relative;
	margin-bottom:30px;
}

.contact-one_form-outer{
	position:relative;
}

.contact-one_form-outer h3{
	position:relative;
	font-weight: 400;
	margin-bottom:20px;
    color: var(--white-color);
}


/*** 

====================================================================
	Contact Form
====================================================================

***/

.contact-form .form-group{
	position: relative;
	margin-bottom:20px;
}

.contact-form .form-group:last-child{
	margin-bottom:0px;
}

.contact-form .form-group input[type="text"],
.contact-form .form-group input[type="password"],
.contact-form .form-group input[type="tel"],
.contact-form .form-group input[type="email"],
.contact-form .form-group select{
	position:relative;
	display:block;
	width:100%;
	line-height:28px;
	padding:10px 20px;
	height:60px;
	border-radius:0px;
	font-weight: 400;
	font-size:20px;
	color:var(--white-color);
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
	background:none;
	border:1px solid rgba(var(--white-color-rgb), 0.10);
}

.contact-form .form-group textarea::-webkit-input-placeholder,
.contact-form .form-group input::-webkit-input-placeholder{
	color:var(--white-color);
}

.contact-form .form-group input[type="text"]:focus,
.contact-form .form-group input[type="password"]:focus,
.contact-form .form-group input[type="tel"]:focus,
.contact-form .form-group input[type="email"]:focus,
.contact-form .form-group select:focus,
.contact-form .form-group textarea:focus{
	border-color:var(--white-color);
}

.contact-form .form-group textarea{
	position:relative;
	display:block;
	width:100%;
	font-size:20px;
	line-height:24px;
	padding:15px 20px 25px;
	color:var(--white-color);
	height:180px;
	resize:none;
	border-radius:0px;
	font-weight: 400;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
	background:none;
	border:1px solid rgba(var(--white-color-rgb), 0.10);
}

.contact-form .form-group button{
	margin-top: 0px;
	position: relative;
    padding: 17px 40px;
    border-radius: 0px;
    font-weight: 400;
    font-size: 20px;
	color:var(--white-color);
    display: inline-block;
	text-transform:uppercase;
    background: var(--main-color);
    background: linear-gradient(to top, var(--main-color) 0%, var(--color-two) 100%);
}

.contact-form .form-group button:hover{
	background-color: var(--color-two);
}

.contact-form input.error,
.contact-form select.error,
.contact-form textarea.error{
	border-color:#ff0000 !important;	
}

.contact-form label.error{
	display:block;
	line-height:24px;
	padding:5px 0px 0px;
	margin:0px;
	text-transform:uppercase;
	font-size:12px;
	color:#ff0000;
	font-weight:500;	
}

/*** 

====================================================================
	journal One
====================================================================

***/

.journal-two{
	position:relative;
	padding:30px 0px 70px;
}

.journal-two .journal-block_one{
	width:20%;
	float:left;
	padding:0px 15px;
}

/*** 

====================================================================
	journal Detail
====================================================================

***/

.journal-detail{
	position:relative;
	padding:180px 0px 50px;
}

.journal-detail .column{
	position:relative;
	margin-bottom:30px;
}

.journal-detail_image{
	position:relative;
	padding-right:30px;
	margin-bottom:30px;
}

.journal-detail_image img{
	position:relative;
	width:100%;
	display:block;
}

.journal-detail_title{
	position:relative;
	font-weight:400;
	font-size:50px;
	line-height:60px;
	margin-bottom:15px;
	color:var(--white-color);
}

.journal-detail p{
	position:relative;
	font-size:18px;
	line-height:28px;
	margin-bottom:15px;
	color:var(--white-color);
}

/*** 

====================================================================
	Single Work
====================================================================

***/

.single-work{
	position:relative;
	padding:180px 0px 50px;
}

.single-work .column{
	position:relative;
	margin-bottom:30px;
}

.single-work_image{
	position:relative;
	padding-right:30px;
	margin-bottom:30px;
}

.single-work_image img{
	position:relative;
	width:100%;
	display:block;
}

.single-work_title{
	position:relative;
	font-size:60px;
	font-weight:600;
	line-height:70px;
	margin-bottom:15px;
	color:var(--white-color);
	text-transform:uppercase;
}

.single-work p{
	position:relative;
	font-size:18px;
	line-height:28px;
	margin-bottom:15px;
	color:var(--white-color);
}

.single-work_list{
	position:relative;
	margin-top:30px;
	border:1px solid rgba(var(--white-color-rgb), 1);
	border-bottom:0px;
}

.single-work_list li{
	position:relative;
	padding:20px 20px;
	font-size:26px;
	font-weight:500;
	color:var(--white-color);
	text-transform:uppercase;
	border-bottom:1px solid rgba(var(--white-color-rgb), 1);
}

.single-work_list li span{
	position:relative;
	display:block;
	font-size:18px;
	margin-top:6px;
	text-transform:capitalize;
}

/*** 

====================================================================
	Work One
====================================================================

***/

.work-one{
	position:relative;
	padding:40px 0px 100px;
}




.robot {
    position: absolute !important;
    bottom: 0;
    width: 100%;
    z-index: 3;
    mix-blend-mode: exclusion;
    top: 100px; /* Start below header */
    pointer-events: none;
}

.robot spline-viewer,
.robot spline-viewer canvas {
    pointer-events: auto;
}

.main-header {
    position: absolute !important;
    z-index: 9999 !important;
    pointer-events: auto !important;
}

.main-header * {
    pointer-events: auto !important;
}	

.single-work_list a {
    color: #fff;
}

.single-work_list a:hover {
    color: #ba024a;
}


a.backtop {
    background: transparent;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    border: 1px solid #770147;
    font-size: 24px;
    color: #930148;

    transition: background 0.5s ease, color 0.5s ease;
}

a.backtop:hover {
    background: linear-gradient(45deg, #b9074c, #540045);
    color: #fff;
}

.service-block_one-more {
  position: relative;
  z-index: 1;
  opacity: 0;
  transform: translateY(-50px);
  transition: opacity 0.4s ease, transform 0.4s ease;
}

.gallery-block_one-inner:hover .service-block_one-more {
  opacity: 1;
  transform: translateY(0);
}
.row {
    display: flex;
    flex-wrap: wrap;
}

.team-block_one {
    transition: opacity 0.3s, filter 0.3s;
}

.team-block_one-socials a {
    transition: opacity 0.3s;
    opacity: 0;
}

.team-block_one:hover .team-block_one-socials a {
    opacity: 1;
}

.team-block_one:hover {
    opacity: 1;
    filter: blur(0);
    z-index: 1; /* Bring the hovered block to the front */
}

/* General sibling combinators to blur and fade out other team members */
.row:hover .team-block_one:not(:hover) {
    opacity: 0.5;
    filter: blur(2px);
}
.team-block_one {
    transition: transform 0.7s ease;
}
.team-block_one:hover {
    transform: translateY(-10px);
}
.team-block_one-socials a {
    transition: transform 0.7s ease, opacity 0.7s ease;
    transform: translateY(20px);
    opacity: 0;
}
.team-block_one:hover .team-block_one-socials a {
    transform: translateY(0);
    opacity: 1;
}
/* Define keyframes for the animated gradient */
@keyframes gradient-animation {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

/* Base styles for social icons */
.team-block_one-socials a {
    position: relative;

    background-size: 200% 200%;
    transition: transform 0.3s ease-in-out;
}

/* Apply animated gradient on hover */
.team-block_one-socials a:hover {
    animation: gradient-animation 2s ease infinite;
    transform: scale(1.1);    background: var(--main-color);
    background: linear-gradient(to top, var(--main-color) 0%, var(--color-two) 100%);
}
.team-block_one-socials a:hover {
    animation: gradient-animation 2s ease infinite;
    transform: scale(1.1);
    background: var(--main-color);
    background: linear-gradient(to top, var(--main-color) 0%, var(--color-two) 100%);
    transition: background 1s ease; /* Slower transition for the background */
}
.team-block_one-socials a {
    position: relative;
    background-size: 200% 200%;
}

/* Create a pseudo-element for the gradient background */
.team-block_one-socials a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, var(--main-color) 0%, var(--color-two) 100%);
    z-index: -1;
    opacity: 0; /* Initially hidden */
    transition: opacity 0.5s ease; /* Smooth transition for opacity */
}

/* Show the pseudo-element on hover */
.team-block_one-socials a:hover::before {
    opacity: 1; /* Show the gradient with transition */
}

/* Apply other styles */
.team-block_one-socials a:hover {
    animation: gradient-animation 2s ease infinite;
    transform: scale(1.1);
}
/* Customize scrollbar track */
::-webkit-scrollbar {
    width: 10px; /* Width of the scrollbar */
    background-color: transparent; /* Background color of the scrollbar track */
}

/* Customize scrollbar thumb */
::-webkit-scrollbar-thumb {
    background: var(--main-color);
    background: linear-gradient(to top, var(--main-color) 0%, var(--color-two) 100%); /* Gradient for the scrollbar thumb */
    border-radius: 10px; /* Rounded corners of the scrollbar thumb */
    border: 2px solid transparent; /* Border of the scrollbar thumb */
}

/* On hover, change thumb color */
::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(to top, var(--color-two) 0%, var(--main-color) 100%); /* Gradient for the scrollbar thumb on hover */
}

/* Customize scrollbar track when scrollbar is actively being scrolled */
::-webkit-scrollbar-thumb:active {
    background: linear-gradient(to top, var(--color-two) 0%, var(--main-color) 100%); /* Gradient for the scrollbar thumb when actively scrolling */
}

/* Customize scrollbar corner */
::-webkit-scrollbar-corner {
    background-color: transparent; /* Background color of the scrollbar corner */
}

/* Add gradient to scrollbar track */
::-webkit-scrollbar-track {
    background: linear-gradient(to top, var(--color-three) 0%, var(--color-four) 100%) !important; /* Gradient for the scrollbar track */
}
html {
    scroll-behavior: smooth; /* Enable smooth scrolling behavior for the whole page */
}

/* ============================================================
   PRELOADER
   ============================================================ */

.preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0a0a0a;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99999;
    transition: opacity 0.5s ease, visibility 0.5s ease;
}

.preloader.loaded {
    opacity: 0;
    visibility: hidden;
}

.preloader-inner {
    text-align: center;
}

.preloader-icon {
    width: 50px;
    height: 50px;
    border: 3px solid rgba(186, 2, 74, 0.2);
    border-top-color: var(--main-color);
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}

/* ============================================================
   ENHANCED FOOTER STYLES
   ============================================================ */

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

.footer-logo {
    margin-bottom: 25px;
}

.footer-logo img {
    max-width: 150px;
    height: auto;
}

.footer-widget_title {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 25px;
    position: relative;
    padding-bottom: 15px;
}

.footer-widget_title::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 40px;
    height: 2px;
    background: var(--main-color);
}

.footer-contact {
    margin-bottom: 25px;
}

.footer-contact p {
    margin-bottom: 10px;
    color: rgba(255,255,255,0.7);
}

.footer-contact i {
    color: var(--main-color);
    margin-right: 10px;
    width: 20px;
}

.footer-contact a {
    color: rgba(255,255,255,0.7);
    transition: color 0.3s ease;
}

.footer-contact a:hover {
    color: var(--main-color);
}

.footer_socials {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.footer_socials li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: rgba(255,255,255,0.05);
    border-radius: 50%;
    color: #fff;
    font-size: 16px;
    transition: all 0.3s ease;
}

.footer_socials li a:hover {
    background: var(--main-color);
    transform: translateY(-3px);
}

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

.footer_navs.two-columns {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 20px;
}

.footer_navs li {
    margin-bottom: 12px;
}

.footer_navs li a {
    color: rgba(255,255,255,0.7);
    font-size: 15px;
    transition: all 0.3s ease;
    display: inline-block;
}

.footer_navs li a:hover {
    color: var(--main-color);
    padding-left: 5px;
}

/* Newsletter Form */
.newsletter-widget {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid rgba(255,255,255,0.1);
}

.newsletter-widget p {
    color: rgba(255,255,255,0.6);
    font-size: 14px;
    margin-bottom: 15px;
}

.newsletter-form .form-group {
    position: relative;
    display: flex;
}

.newsletter-form input[type="email"] {
    flex: 1;
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 5px 0 0 5px;
    padding: 12px 15px;
    color: #fff;
    font-size: 14px;
    outline: none;
    transition: border-color 0.3s ease;
}

.newsletter-form input[type="email"]:focus {
    border-color: var(--main-color);
}

.newsletter-form input[type="email"]::placeholder {
    color: rgba(255,255,255,0.4);
}

.newsletter-form button {
    background: var(--main-color);
    border: none;
    border-radius: 0 5px 5px 0;
    padding: 12px 20px;
    color: #fff;
    cursor: pointer;
    transition: background 0.3s ease;
}

.newsletter-form button:hover {
    background: var(--color-two);
}

/* Footer Bottom */
.footer-bottom {
    border-top: 1px solid rgba(255,255,255,0.1);
    padding: 25px 0;
}

.footer_links {
    display: flex;
    gap: 20px;
}

.footer_links a {
    color: rgba(255,255,255,0.6);
    font-size: 14px;
    transition: color 0.3s ease;
}

.footer_links a:hover {
    color: var(--main-color);
}

.backtop {
    width: 55px;
    height: 55px;
    background: var(--main-color);
    border: none;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.backtop:hover {
    background: var(--color-two);
    transform: translateY(-5px);
}

/* ============================================================
   CONTENT PAGE STYLES
   ============================================================ */

.content-section {
    padding: 80px 0;
}

.content-box h2 {
    font-size: 28px;
    margin: 40px 0 20px;
    color: #fff;
}

.content-box h2:first-of-type {
    margin-top: 0;
}

.content-box p {
    color: rgba(255,255,255,0.8);
    line-height: 1.8;
    margin-bottom: 20px;
}

.content-box ul {
    list-style: none;
    padding: 0;
    margin: 0 0 20px;
}

.content-box ul li {
    color: rgba(255,255,255,0.8);
    padding: 8px 0 8px 25px;
    position: relative;
}

.content-box ul li::before {
    content: '✓';
    position: absolute;
    left: 0;
    color: var(--main-color);
    font-weight: bold;
}

.content-box a {
    color: var(--main-color);
    transition: color 0.3s ease;
}

.content-box a:hover {
    color: #fff;
}

/* ============================================================
   SERVICE BLOCK LINK STYLES
   ============================================================ */

a.service-block_one-inner {
    text-decoration: none;
    display: flex;
    cursor: pointer;
}

a.service-block_one-inner:hover {
    transform: translateY(-5px);
}

a.service-block_one-inner h3 {
    transition: color 0.3s ease;
}

a.service-block_one-inner:hover h3 {
    color: var(--main-color);
}

/* ============================================================
   FOOTER OVERRIDES - FORCE STYLES
   ============================================================ */

.footer_socials li {
    position: relative !important;
    margin-right: 80px !important;
    display: inline-block !important;
}

.footer_socials li:last-child {
    margin-right: 0 !important;
}

.footer_socials li a {
    position: relative !important;
    font-size: 24px !important;
    font-weight: 400 !important;
    color: var(--white-color) !important;
    white-space: nowrap !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
}

.footer_socials li a i {
    font-size: 18px !important;
    transform: rotate(-45deg) !important;
    transition: all 300ms ease !important;
}

.footer_socials li a:hover i {
    transform: rotate(0deg) !important;
}

.footer_navs li a {
    position: relative !important;
    font-size: 28px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    font-weight: 400 !important;
    padding: 25px 0 !important;
    color: var(--white-color) !important;
}

.footer_navs li a i {
    font-size: 20px !important;
    transform: rotate(-45deg) !important;
    transition: all 300ms ease !important;
}

.footer_navs li a:hover i {
    transform: rotate(0deg) !important;
}