/* ----------------------------------------------------------------------------------------
* Author        : Awaiken
* Template Name : Infine - Life and Business Coach HTML Template
* File          : CSS File
* Version       : 1.0
* ---------------------------------------------------------------------------------------- */
/* INDEX
----------------------------------------------------------------------------------------
01. Global Variables
02. General css
03. Header css
04. Hero css
05. About Us css
06. Our Services css
07. Our Potential Css
08. Our Pricing Css
09. Our Expertise Css

11. How We Work Css
12. Company Growth Css
13. Our FAQs Css
14. Our Testimonial css

16. Footer css
17. About Us Page css
18. Services Page css

21. Blog Single css

24. Pricing Page css
25. Testimonial Page css

28. FAQs Page css
29. Contact Us Page css

31. 404 Page css
32. Responsive css
-------------------------------------------------------------------------------------- */

/************************************/
/*** 	 01. Global Variables	  ***/
/************************************/	

:root{
	--primary-color			: #042A2D;
	--secondary-color		: #F2F1ED;
	--text-color			: #8F8F8F;
	--accent-color			: #73ED7C;
	--dark-color		    : #019297;
	--white-color			: #FFFFFF;
	--divider-color			: #DFE1DE;
	--dark-divider-color	: #FFFFFF33;
	--error-color			: rgb(230, 87, 87);
	--default-font			: "Fustat", sans-serif;
}

/************************************/
/*** 	   02. General css		  ***/
/************************************/

body{
	font-family: var(--default-font);
	font-size: 16px;
	font-weight: 400;
	line-height: 1.6em;
	background: var(--secondary-color);
	color: var(--text-color);
}

p{
	line-height: 1.7em;
	margin-bottom: 1.6em;
}

h1,
h2,
h3,
h4,
h5,
h6{
	margin :0;
	font-weight: 700;
	line-height: 1.4em;
	color: var(--primary-color);
}

figure{
	margin: 0;
}

img{
	max-width: 100%;
	height: auto;
	/* Prevent images from causing horizontal overflow */
}

/* Global responsive helpers */
.responsive-width {
	max-width: 100%;
	width: 100%;
}

/* Prevent all elements from causing horizontal overflow */
* {
	box-sizing: border-box;
}

*:before,
*:after {
	box-sizing: border-box;
}

/* Custom Mobile Menu - Modern Implementation */

.navbar-toggle {
	display: none;
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	z-index: 10001;
	cursor: pointer;
}

/* Hamburger Button Styling */
.mobile-menu-btn,
.navbar-hamburger {
	background: transparent;
	border: none;
	cursor: pointer;
	padding: 12px;
	width: 44px;
	height: 44px;
	position: relative;
	z-index: 10001;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
	transition: all 0.3s ease;
}

.mobile-menu-btn:focus,
.navbar-hamburger:focus {
	outline: 2px solid #28a745;
	outline-offset: 2px;
}

.hamburger-line {
	display: block;
	width: 24px;
	height: 3px;
	background-color: #fff;
	margin: 2px 0;
	border-radius: 2px;
	transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transform-origin: center;
}

/* Hamburger Animation */
.menu-active .hamburger-line:nth-child(1) {
	transform: rotate(45deg) translate(5px, 5px);
}

.menu-active .hamburger-line:nth-child(2) {
	opacity: 0;
	transform: scaleX(0);
}

.menu-active .hamburger-line:nth-child(3) {
	transform: rotate(-45deg) translate(7px, -6px);
}

/* Mobile Menu Styling */
.mobile-menu {
	position: fixed;
	top: 0;
	left: -100%;
	width: 280px;
	height: 100vh;
	background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
	box-shadow: 2px 0 20px rgba(0, 0, 0, 0.1);
	z-index: 10000;
	transition: left 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	padding-top: 20px;
	padding-bottom: 20px;
	overflow-y: auto;
}

.mobile-menu.menu-open {
	left: 0;
}

/* Mobile Menu Close Button */
.mobile-menu-close {
	position: absolute;
	top: 20px;
	right: 20px;
	background: rgba(40, 167, 69, 0.1);
	border: 2px solid rgba(40, 167, 69, 0.3);
	font-size: 24px;
	color: #333;
	cursor: pointer;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	transition: all 0.3s ease;
	z-index: 10001;
	line-height: 1;
}

.mobile-menu-close:hover,
.mobile-menu-close:focus {
	background: rgba(40, 167, 69, 0.2);
	color: #28a745;
	border-color: #28a745;
	outline: none;
	transform: rotate(90deg);
}

.mobile-menu-list {
	list-style: none;
	padding: 0;
	margin: 60px 0 20px 0;
	flex: 1;
}

.mobile-menu-item {
	border-bottom: 1px solid rgba(40, 167, 69, 0.1);
	opacity: 0;
	transform: translateX(-20px);
	transition: all 0.3s ease;
}

.mobile-menu-item.animate-in {
	opacity: 1;
	transform: translateX(0);
}

.mobile-menu-link {
	display: block;
	padding: 18px 24px;
	color: #333;
	text-decoration: none;
	font-weight: 500;
	font-size: 16px;
	text-transform: capitalize;
	transition: all 0.3s ease;
	position: relative;
	overflow: hidden;
}

.mobile-menu-link::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 4px;
	height: 100%;
	background: #28a745;
	transform: scaleY(0);
	transition: transform 0.3s ease;
	transform-origin: bottom;
}

.mobile-menu-link:hover,
.mobile-menu-link:focus {
	background: rgba(40, 167, 69, 0.1);
	color: #28a745;
	padding-left: 32px;
}

.mobile-menu-link:hover::before,
.mobile-menu-link:focus::before {
	transform: scaleY(1);
}

/* Mobile Menu CTA Item */
.mobile-cta-item {
	padding: 16px 24px 12px 24px;
	border-top: 1px solid rgba(40, 167, 69, 0.1);
	margin-top: 20px;
}

.mobile-cta-btn {
	/* Mobile button styling to match other mobile buttons */
	width: 100% !important;
	text-align: center;
	padding: 16px 50px 16px 20px !important;
	font-size: 15px !important;
	min-height: 50px !important;
	border-radius: 100px !important;
	display: flex;
	align-items: center;
	justify-content: center;
	white-space: nowrap;
	margin: 0 auto;
}

/* Menu Overlay */
.mobile-menu-open::before {
	content: '';
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 9999;
	backdrop-filter: blur(2px);
	animation: fadeIn 0.3s ease;
}

@keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}

.mobile-menu-open {
	overflow: hidden;
}

/* Responsive Breakpoints */
@media screen and (max-width: 991px) {
	.main-menu {
		display: none !important;
	}
	
	.navbar-toggle {
		display: block;
	}
}

/* Touch Device Optimizations */
@media (hover: none) and (pointer: coarse) {
	.mobile-menu-link {
		padding: 20px 24px;
		font-size: 18px;
	}
	
	.mobile-menu-btn,
	.navbar-hamburger {
		width: 48px;
		height: 48px;
	}
	
	.mobile-menu-close {
		width: 44px;
		height: 44px;
		font-size: 26px;
		border-width: 2px;
	}
}

/* Accessibility Enhancements */
@media (prefers-reduced-motion: reduce) {
	.mobile-menu,
	.hamburger-line,
	.mobile-menu-item,
	.mobile-menu-link {
		transition: none;
	}
	
	.mobile-menu-item.animate-in {
		animation: none;
	}
}

/* High Contrast Mode */
@media (prefers-contrast: high) {
	.mobile-menu {
		background: #ffffff;
		border-right: 2px solid #000000;
	}
	
	.mobile-menu-close {
		background: #ffffff;
		border-color: #000000;
		color: #000000;
	}
	
	.mobile-menu-close:hover,
	.mobile-menu-close:focus {
		background: #000000;
		color: #ffffff;
		border-color: #000000;
	}
	
	.mobile-menu-link {
		color: #000000;
		border-bottom: 1px solid #000000;
	}
	
	.mobile-menu-link:hover,
	.mobile-menu-link:focus {
		background: #000000;
		color: #ffffff;
	}
}

a{
	text-decoration: none;
}

a:hover{
	text-decoration: none;
	outline: 0;
}

a:focus{
	text-decoration: none;
	outline: 0;
}

html,
body{
	width: 100%;
	overflow-x: clip;
	/* Prevent horizontal scrolling on mobile */
	max-width: 100vw;
}

.container{
	max-width: 1300px;
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl{
    padding-right: 15px;
    padding-left: 15px;
}

.image-anime{
	position: relative;
	overflow: hidden;
}

.image-anime:after{
	content: "";
	position: absolute;
    width: 200%;
    height: 0%;
    left: 50%;
    top: 50%;
    background-color: rgba(255,255,255,.3);
    transform: translate(-50%,-50%) rotate(-45deg);
    z-index: 1;
}

.image-anime:hover:after{
    height: 250%;
    transition: all 600ms linear;
    background-color: transparent;
}

.reveal{
	position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    visibility: hidden;
    overflow: hidden;
}

.reveal img{
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transform-origin: left;
    transform-origin: left;
}

.row{
    margin-right: -15px;
    margin-left: -15px;
}

.row > *{
	padding-right: 15px;
	padding-left: 15px;
}

.row.no-gutters{
    margin-right: 0px;
    margin-left: 0px;
}

.row.no-gutters > *{
    padding-right: 0px;
    padding-left: 0px;
}

.btn-default{
	position: relative;
	display: inline-block;
    background-image: linear-gradient(to right, var(--dark-color) 0%, var(--accent-color) 50%, var(--dark-color) 100%);
    background-size: 200% auto;
    border-radius: 100px;
    color: var(--white-color);
    font-size: 16px;
    font-weight: 700;
	line-height: 1em;
    text-transform: capitalize;
    border: none;
    padding: 17px 60px 17px 20px;
    transition: all 0.4s ease-in-out;
	overflow: hidden;
	z-index: 0;
}

.btn-default:hover{
	background-position: right center;
}

.btn-default::before{
	content: '\f12b';
	font-family: 'flaticon_tde_trading';
	position: absolute;
	top: 50%;
	right: 18px;
	width: 24px;
	height: 24px;
	font-size: 18px;
	color: var(--white-color);
	text-align: center;
	line-height: 24px;
	transform: translateY(-50%);
	transition: all 0.4s ease-in-out;
}

.btn-default:hover::before{
	transform: translateY(-50%) rotate(45deg);
}

.btn-default.btn-highlighted{
	background: var(--white-color);
    color: var(--primary-color);
	transition: all 0.5s ease-in-out;
}

.btn-default.btn-highlighted:hover{
	background: transparent;
	color: var(--white-color);
}

.btn-default.btn-highlighted:hover::before{
	color: var(--white-color);
}

.btn-default.btn-highlighted::before{
	content: '\f12b';
	font-family: 'flaticon_tde_trading';
	font-size: 18px;
	color: var(--primary-color);
	text-align: center;
	line-height: 24px;
}

.btn-default.btn-highlighted::after{
	content: '';
    display: block;
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    bottom: 0;
    width: 0;
    height: 106%;
    background: linear-gradient(263deg, var(--dark-color) 0.16%, var(--accent-color) 99.84%);
    border-radius: 100px;
    transition: 0.4s ease-in-out;
    z-index: -1;
}

.btn-default.btn-highlighted:hover:after{
    width: 100%;
    left: 0;
    right: auto;
}

/* Contact form button loading states */
.btn-loading {
    display: none;
}

/* Contact form layout - button and reCAPTCHA side by side */
.form-submit-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

.submit-btn-wrapper {
    flex: 0 0 auto;
}

.recaptcha-wrapper {
    flex: 0 0 auto;
}

/* Responsive adjustments for mobile */
@media (max-width: 768px) {
    .form-submit-container {
        flex-direction: column;
        align-items: stretch;
        gap: 15px;
    }
    
    .submit-btn-wrapper {
        width: 100%;
        text-align: center;
    }
    
    .recaptcha-wrapper {
        width: 100%;
        text-align: center;
    }
}

/* Contact form response messages styling */
.form-response {
    margin-top: 20px;
    padding: 18px 20px;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5;
    display: none;
    position: relative;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    border: none;
}

/* Success message styling */
.form-response.success {
    background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
    color: #ffffff;
    border-left: 5px solid #ffffff;
}

.form-response.success::before {
    content: '\2713';
    font-size: 20px;
    font-weight: bold;
    margin-right: 10px;
    display: inline-block;
    width: 24px;
    height: 24px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    text-align: center;
    line-height: 24px;
    vertical-align: middle;
}

/* Error message styling */
.form-response.error {
    background: linear-gradient(135deg, #dc3545 0%, #c82333 100%);
    color: #ffffff;
    border-left: 5px solid #ffffff;
}

.form-response.error::before {
    content: '\26A0';
    font-size: 20px;
    font-weight: bold;
    margin-right: 10px;
    display: inline-block;
    width: 24px;
    height: 24px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    text-align: center;
    line-height: 24px;
    vertical-align: middle;
}

/* Animation for message appearance */
.form-response.show {
    animation: messageSlideIn 0.5s ease;
}

@keyframes messageSlideIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Hide animation */
.form-response.hide {
    animation: messageSlideOut 0.3s ease;
}

@keyframes messageSlideOut {
    from {
        opacity: 1;
        transform: translateY(0);
    }
    to {
        opacity: 0;
        transform: translateY(-10px);
    }
}

/* Responsive message styling */
@media (max-width: 768px) {
    .form-response {
        margin-top: 15px;
        padding: 15px 16px;
        font-size: 14px;
    }
    
    .form-response::before {
        font-size: 18px;
        width: 22px;
        height: 22px;
        line-height: 22px;
        margin-right: 8px;
    }
}

.cb-cursor:before{
	background:linear-gradient(263deg, var(--accent-color) 0.16%, var(--dark-color) 99.84%);
}

.preloader{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1000;
	background: linear-gradient(263deg, var(--accent-color) 0.16%, var(--dark-color) 99.84%);
	display: flex;
	align-items: center;
	justify-content: center;
}

.loading-container,
.loading{
	height: 100px;
	position: relative;
	width: 100px;
	border-radius: 100%;
}

.loading-container{
	margin: 40px auto;
}

.loading{
	border: 1px solid transparent;
	border-color: transparent var(--white-color) transparent var(--white-color);
	animation: rotate-loading 1.5s linear 0s infinite normal;
	transform-origin: 50% 50%;
}

.loading-container:hover .loading,
.loading-container .loading{
	transition: all 0.5s ease-in-out;
}

#loading-icon{
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: 66px;
	transform: translate(-50%, -50%);
}

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

	100%{
		transform: rotate(360deg);
	}
}

.bg-section{
	width: 100%;
	max-width: 1800px;
	margin: 0 auto;
	border-radius: 30px;
}

.section-row{
	margin-bottom: 80px;
}

.section-row .section-title{
	margin-bottom: 0;
}

.section-btn{
	text-align: end;
}

.section-title-content p{
	margin: 0;
} 

.section-title{
	margin-bottom: 40px;
}

.section-title h3{
	display: inline-block;
	font-size: 14px;
    font-weight: 600;
	line-height: 1.4em;
	letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--primary-color);
	background: url('../images/icon-sub-heading.svg') no-repeat;
	background-position: left center;
	background-size: auto;
	padding-left: 24px;
    margin-bottom: 20px;
	vertical-align: baseline;
}

.section-title h1{
	font-size: 70px;
	font-weight: 300;
	line-height: 1.1em;
	color: var(--primary-color);
	margin-bottom: 0;
}

.section-title h2{
	font-size: 50px;
	font-weight: 300;
	line-height: 1.1em;
	color: var(--primary-color);
	margin-bottom: 0;
}

.section-title h1 span,
.section-title h2 span{
	font-weight: 700;
	background-image: linear-gradient(267.43deg, var(--accent-color) 4.95%, var(--dark-color) 97.92%);
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.section-title p{
	margin-top: 30px;
	margin-bottom: 0;
}

.help-block.with-errors ul{
	margin: 0;
	text-align: left;
}

.help-block.with-errors ul li{
	color: var(--error-color);
	font-size: 14px;
	font-weight: 500;
}

/************************************/
/**** 	   03. Header css		 ****/
/************************************/

header.main-header{
	position: relative;
	z-index: 100;
	margin-top: 50px;
	padding: 0 30px;
}

.main-header .container-fluid{
	position: relative;
	padding-bottom: 20px;
}

.main-header .container-fluid::before{
	content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 15px;
    right: 0;
    border-bottom: 1px solid var(--dark-divider-color);
    width: calc(100% - 30px);
}

header.main-header .header-sticky{
	position: relative;
	top: 0;
	z-index: 100;
}

header.main-header .header-sticky.hide{
	transform: translateY(-100%);
	transition: transform 0.3s ease-in-out;
	border-radius: 0;
}

header.main-header .header-sticky.active{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	border-radius: 0;
    transform: translateY(0);
	background: var(--primary-color);
	border-bottom: 1px solid var(--dark-divider-color);
}

header.main-header .header-sticky.active .container-fluid{
	padding-bottom: 0;
}

header.main-header .header-sticky.active .container-fluid::before{
	display: none;
}

.navbar{
	width: 100%;
	max-width: 1560px;
	margin: 0 auto;
	padding: 20px 0;
	align-items: center;
	position: relative;
}

.navbar-brand{
	padding: 0;
	margin: 0;
	display: flex;
	align-items: center;
}

.navbar-brand img{
	max-height: 60px;
	width: auto;
	height: auto;
	object-fit: contain;
	transition: all 0.3s ease-in-out;
}

.main-menu .nav-menu-wrapper{
	flex: 1;
	text-align: left;
	margin-left: 40px;
}

.main-menu .nav-menu-wrapper > ul{
	align-items: center;
	display: inline-flex;
}

.main-menu ul li{
	margin: 0;
	position: relative;
}

.main-menu ul li a {
	cursor: pointer;
	color: var(--white-color);
	font-size: 16px;
	font-weight: 700;
	padding: 15px !important;
	text-transform: capitalize;
	transition: all 0.3s ease-in-out;
}

.main-menu ul li a:hover,
.main-menu ul li a:focus {
	color: var(--accent-color);
}

.main-menu ul li.submenu > a:after{
	content: '\f12b';
	font-family: 'flaticon_tde_trading';
	font-weight: normal;
	font-size: 16px;
	margin-left: 8px;
	color: var(--primary-color);
}

.main-menu ul ul{
	visibility: hidden;
	opacity: 0;
	transform: scaleY(0.8);
	transform-origin: top;
	padding: 0;
	margin: 0;
	list-style: none;
	width: 230px;
	border-radius: 20px;
	position: absolute;
	left: 0;
	top: 100%;
	background: linear-gradient(263deg, var(--accent-color) 0.16%, var(--dark-color) 99.84%);
	text-align: left;
	transition: all 0.3s ease-in-out;
}

.main-menu ul li.submenu:first-child ul{
    width: 230px;
}

.main-menu ul ul ul{
	left: 100%;
	top: 0;
	text-align: left;
}
.main-menu ul li:hover > ul{
	visibility: visible;
	opacity: 1;
	transform: scaleY(1);
    padding: 5px 0;
}

.main-menu ul li.submenu ul li.submenu > a:after{
    content: '\f12b';
    float: right;
    color: var(--white-color);
    font-family: 'flaticon_tde_trading';
    font-size: 14px;
}

.main-menu ul ul li{
	margin: 0;
	padding: 0;
}

.main-menu ul ul li a{
	color: var(--white-color);
	padding: 8px 20px !important;
	transition: all 0.3s ease-in-out;
}

.main-menu ul li:hover > ul{
	visibility: visible;
	opacity: 1;
	transform: scaleY(1);
    padding: 5px 0;
}

.main-menu ul ul li a:hover,
.main-menu ul ul li a:focus{
	color: var(--primary-color);
	background-color: transparent;
	padding: 8px 20px 8px 23px !important;
}

.header-btn{
	align-items: center;
}

.btn-phone{
	font-size: 16px;
	font-weight: 700;
    line-height: normal;
	color: var(--white-color);
	margin-right: 25px;
	display: inline-flex;
	align-items: center;
	transition: all 0.4s ease-in-out;
}

.btn-phone:hover{
	color: var(--accent-color);
}

.btn-phone i{
	color: var(--white-color);
	font-size: 20px;
	margin-right: 15px;
	transition: all 0.4s ease-in-out;
}

.btn-phone:hover i{
	color: var(--accent-color);
}

.btn-phone i{
	color: var(--white-color);
	vertical-align: bottom;
	line-height: 1;
}

/* ===================================
   UNIFIED ICON-BOX SYSTEM
   ===================================*/

/* Base icon-box styling - applies to ALL icon-box elements */
.icon-box {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	position: relative;
	overflow: hidden;
}

/* Icon font styling within icon-box containers */
.icon-box [class*="flaticon-"],
.icon-box i {
	display: block;
	text-align: center;
	line-height: 1;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 1;
}

/* Image styling within icon-box containers */
.icon-box img {
	display: block;
	margin: 0 auto;
	object-fit: contain;
	position: relative;
	z-index: 1;
}

/* Flaticon alignment for specific contexts */
.footer-contact-info p [class*="flaticon-"],
.pricing-benefit-list li [class*="flaticon-"],
.btn-phone [class*="flaticon-"],
.trust-item [class*="flaticon-"],
.secure-badge [class*="flaticon-"],
.plan-feature-list li [class*="flaticon-"],
.footer-social-links [class*="flaticon-"] {
	vertical-align: middle;
	line-height: 1;
}

.responsive-menu,
.navbar-toggle{
	display: none;
}

.responsive-menu{
	display: none !important;
}

/* Old SlickNav styles removed - now using custom mobile menu */

/************************************/
/***        04. Hero css	      ***/
/************************************/

.hero{
	position: relative;
	background: url(../images/hero-bg.webp);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	min-height: 100vh;
	padding: 350px 30px 100px;
	margin-top: -120px;
	overflow: hidden;
	display: flex;
	align-items: center;
}

.hero::before{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: linear-gradient(180deg, rgba(4, 42, 45, 0) 65.37%, var(--primary-color) 100.18%), linear-gradient(270deg, rgba(4, 42, 45, 0) 59.75%, var(--primary-color) 100%);
	width: 100%;
	height: 100%;
	z-index: 1;
}

.hero.hero-slider-layout{
	background: none;
	padding: 0;
}

.hero.hero-slider-layout .hero-slide{
	position: relative;
    padding: 320px 30px 200px;
}

.hero.hero-slider-layout .hero-slide::before{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: linear-gradient(180deg, rgba(4, 42, 45, 0) 65.37%, var(--primary-color) 100.18%), linear-gradient(180deg, rgba(4, 42, 45, 0) 59.75%, var(--primary-color) 100%);
	width: 100%;
	height: 100%;
	z-index: 1;
}

.hero.hero-slider-layout .hero-slide .hero-slider-image{
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}

.hero.hero-slider-layout .hero-slide .hero-slider-image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.hero.hero-slider-layout .hero-pagination{
	position: absolute;
    bottom: 50px;
	text-align: left;
	padding-left: calc(((100vw - 1560px) / 2) - 45px);
	z-index: 2;
}

.hero.hero-slider-layout .hero-pagination .swiper-pagination-bullet{
    width: 12px;
    height: 12px;
    background: var(--white-color);
    opacity: 1;
    transition: all 0.3s ease-in-out;
    margin: 0 5px;
}

.hero.hero-slider-layout .hero-pagination .swiper-pagination-bullet-active{
    background-color: var(--accent-color);
}

.hero-slide .hero-section{
	text-align: left;
}

.hero-section{
	position: relative;
	width: 100%;
	max-width: 1560px;
	margin: 0 auto;
	z-index: 2;
}

.hero-slide .hero-section .hero-content{
	width: 100%;
	max-width: 750px;
}

.hero-slide .hero-section .hero-content .section-title p{
	font-size: 18px;
	font-weight: 500;
	color: var(--white-color);
}

.hero-content .section-title h3,
.hero-content .section-title h1{
	color: var(--white-color);
}

.hero-btn .btn-default.btn-highlighted{
	margin-left: 40px;
}

.export-coaching-box{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-top: 60px;
}

.export-coaching-step{
	position: relative;
	width: 20%;
	border-top: 2px solid var(--dark-divider-color);
	padding-top: 30px;
	padding-right: 100px;
	transition: all 0.5s ease-in-out;
}

.export-coaching-step::before{
	content: '';
    display: block;
    position: absolute;
    top: -2px;
	left: auto;
	right: 0;
    background: linear-gradient(to left, var(--accent-color) 0.16%, var(--dark-color) 99.84%);
	width: 0;
	height: 2px;
	transition: all 0.4s ease-in-out;
}

.export-coaching-step:hover:before{
	width: 100%;
	right: auto;
	left: 0;
}

.export-coaching-step .icon-box{
	margin-bottom: 20px;
}

.export-coaching-step .icon-box img{
	max-width: 30px;
}

.export-coaching-step-content p{
	color: var(--white-color);
	margin: 0;
}

/************************************/
/***       05. About Us css	      ***/
/************************************/

.about-us{
	padding: 100px 0;
}

.about-us-images{
    position: relative;
    padding: 0 70px 70px 80px;
}

.about-us-img-1 figure{
    display: block;
    mask-image: url(../images/about-image-bg-shape.svg);
    background-image: url(../images/about-image-bg-shape.svg);
    mask-size: cover;
    mask-position: center center;
    mask-repeat: no-repeat;
	border-radius: 30px;
    width: 100%;
    height: 100%;
}

.about-us-img-1 img{
    width: 100%;
	aspect-ratio: 1 / 1.26;
	object-fit: cover;
}

.about-us-img-2{
	position: absolute;
    bottom: 0;
    right: 35px;
	border-radius: 14px;
	overflow: hidden;
}

.about-us-img-2 figure{
	display: block;
}

.about-us-img-2 img{
	width: 100%;
	aspect-ratio: 1 / 1.04;
	object-fit: cover;
}

.about-experience-box{
	position: absolute;
	top: 0;
	left: 0;
	transform: translateY(70%);
	background: linear-gradient(263deg, var(--accent-color) 0.16%, var(--dark-color) 99.84%);
	border-radius: 10px;
	padding: 20px;
	max-width: 178px;
	animation: experiencemoveobject 2s infinite linear alternate;
}

@keyframes experiencemoveobject{
	50%{
		left: 30px;
	}
}

.about-experience-box .icon-box{
	margin-bottom: 10px;
}

.about-experience-box .icon-box img{
	max-width: 45px;
}

.about-experience-box .about-experience-content h3{
	font-size: 20px;
	font-weight: 600;
	color: var(--white-color);
}

.company-review{
	position: absolute;
    left: 0;
    bottom: 0;
    transform: rotate(-180deg) translate(-100%, 50%);
    writing-mode: vertical-rl;
}

.company-review h3{
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: var(--primary-color);
}

.about-us-list{
	margin-bottom: 40px;
}

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

.about-us-list ul li{
	position: relative;
	font-size: 20px;
	font-weight: 600;
	text-transform: capitalize;
    color: var(--primary-color);
	padding-left: 30px;
    margin-bottom: 20px;
}

.about-us-list ul li:last-child{
	margin-bottom: 0;
}

.about-us-list ul li::before{
    content: '\f102';
    font-family: 'flaticon_tde_trading';
    position: absolute;
    top: 0;
    left: 0;
    font-size: 22px;
    background-image: linear-gradient(267.43deg, var(--accent-color) 4.95%, var(--dark-color) 97.92%);
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.about-us-body{
	border-bottom: 1px solid var(--divider-color);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 30px;
	margin-bottom: 40px;
	padding-bottom: 40px;
}

.about-comapny-client{
	width: calc(50% - 15px);
}

.company-client-images{
	margin-bottom: 10px;
}

.company-client-images .client-image{
    display: inline-block;
    margin-left: -18px;
    border: 1px solid var(--secondary-color);
    border-radius: 50%;
    overflow: hidden;
}

.company-client-images .client-image:first-child{
    margin: 0;
}

.company-client-images .client-image figure{
	display: block;
}

.company-client-images .client-image img{
    max-width: 50px;
}

.company-client-counter p{
	font-weight: 500;
	margin: 0;
}

.company-client-counter p span{
	color: var(--primary-color);
}

.about-company-result{
	width: calc(50% - 15px);
	display: flex;
	align-items: center;
}

.about-company-result .icon-box{
	width: 50px;
	height: 50px;
	background: linear-gradient(267.43deg, var(--accent-color) 4.95%, var(--dark-color) 97.92%);
	border-radius: 50%;
	margin-right: 20px;
}

.about-company-result .icon-box img{
	max-width: 30px;
}

.company-result-content{
	width: calc(100% - 70px);
}

.company-result-content h3{
	font-size: 20px;
	font-weight: 600;
	text-transform: capitalize;
	margin-bottom: 5px;
}

.company-result-content p{
	text-transform: capitalize;
	margin: 0;
}

/************************************/
/***      06. Our Services Css     ***/
/************************************/

.our-service{
	padding: 100px 0;
	background: var(--primary-color) url(../images/service-bg-circle.svg);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: auto;
}

.service-content{
	position: sticky;
	top: 100px;
	margin-right: 30px;
}

.service-content .section-title h3,
.service-content .section-title h2,
.service-content .section-title p{
	color: var(--white-color);
}

.service-item-list{
	border-bottom: 1px solid var(--dark-divider-color);
	margin-bottom: 40px;
	padding-bottom: 40px;
	display: flex;
	flex-wrap: wrap;
	gap: 60px 30px;
}

.service-item{
	width: calc(50% - 15px);
}

.service-item .icon-box{
	background-image: linear-gradient(to right, var(--dark-color) 0%, var(--accent-color) 50%, var(--dark-color) 100%);
    background-size: 200% auto;
    border-radius: 50%;
	height: 70px;
	width: 70px;
	margin-bottom: 30px;
	transition: all 0.4s ease-in-out;
}

.service-item:hover .icon-box{
	background-position: right center;
}

.service-item .icon-box img{
	max-width: 35px;
}

.service-item .icon-box i{
	font-size: 36px;
	color: var(--white-color);
}

.service-item-content h3{
	font-size: 22px;
	text-transform: capitalize;
	color: var(--white-color);
	margin-bottom: 10px;
}

.service-item-content p{
	color: var(--white-color);
	margin-bottom: 0;
}

.service-footer p{
	color: var(--white-color);
	margin-bottom: 0;
}

.service-footer p span{
	font-weight: 700;
	text-transform: capitalize;
	color: var(--white-color);
	background-image: linear-gradient(to right, var(--dark-color) 0%, var(--accent-color) 50%, var(--dark-color) 100%);
	border-radius: 100px;
    background-size: 200% auto;
	margin-right: 20px;
	padding: 2px 15px;
	transition: all 0.4s ease-in-out;
}

.service-footer p:hover span{
	background-position: right center;
}

.service-footer a{
	font-weight: 700;
	text-transform: capitalize;
	text-decoration: underline;
	color: var(--accent-color);
	transition: all 0.3s ease-in-out;
}

.service-footer a:hover{
	color: var(--dark-color);
}

/************************************/
/***     07. Our Potential Css    ***/
/************************************/

.our-potential{
	padding: 100px 0;
}

.our-potential-content{
	height: 100%;
}

.our-potential-counter{
	border-bottom: 1px solid var(--divider-color);
	padding-bottom: 40px;
	margin-bottom: 40px;
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}

.potential-counter-item{
	width: calc(50% - 15px);
	display: flex;
	align-items: center;
}

.potential-counter-item .counter-circle{
	border: 2px solid transparent;
	background: linear-gradient(263deg,var(--accent-color) 0.16%, var(--dark-color) 99.84%) border-box;
	border-radius: 50%;
	margin-right: 30px;
}

.potential-counter-item .counter-circle h2{
	font-size: 30px;
	background-color: var(--white-color);
	border: 10px solid var(--secondary-color);
	border-radius: 50%;
	width: 120px;
	height: 120px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.potential-counter-content{
	width: calc(100% - 154px);
}

.potential-counter-content h3{
	font-size: 20px;
	font-weight: 600;
	text-transform: capitalize;
}

.potential-body-content{
	margin-bottom: 20px;
}

.potential-body-content h3{
	font-size: 20px;
	text-transform: capitalize;
	font-weight: 600;
	margin-bottom: 20px;
}

.potential-body-content p:last-child{
	margin-bottom: 0;
}

.potential-body-list{
	margin-bottom: 30px;
}

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

.potential-body-list ul li{
	position: relative;
	padding-left: 30px;
    margin-bottom: 10px;
}

.potential-body-list ul li:last-child{
	margin-bottom: 0;
}

.potential-body-list ul li::before{
	content: '\f102';
    font-family: 'flaticon_tde_trading';
    position: absolute;
    top: 0;
    left: 0;
    font-size: 22px;
    background-image: linear-gradient(267.43deg, var(--accent-color) 4.95%, var(--dark-color) 97.92%);
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.our-potential-img{
	border-radius: 20px;
	margin-left: 30px;
	height: 100%;
}

.our-potential-img figure{
	display: block;
	height: 100%;
}

.our-potential-img img{
	width: 100%;
	height: 100%;
    object-fit: cover;
    aspect-ratio: 1 / 1.22;
	border-radius: 20px;
}

/************************************/
/***      08. Our Pricing Css     ***/
/************************************/

.our-pricing{
	background: var(--white-color);
	padding: 100px 0 140px;
}

.pricing-content{
	position: sticky;
	top: 100px;
	margin-right: 100px;
}

.pricing-box-list{
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}

.pricing-box{
	width: 100%;
	border: 1px solid var(--divider-color);
	border-radius: 20px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding: 40px;
}

.pricing-box.highlighted-box{
	background: linear-gradient(263deg, var(--accent-color) 0.16%, var(--dark-color) 99.84%);
}

.pricing-box-content{
    width: calc(36% - 15px);
	text-align: center;
	border-right: 1px solid var(--divider-color);
	padding-right: 30px;
    margin-right: 30px;
}

.pricing-box.highlighted-box .pricing-box-content{
	border-color: var(--dark-divider-color);
}

.pricing-title p{
	text-transform: capitalize;
	color: var(--primary-color);
	margin-bottom: 10px;
}

.pricing-box.highlighted-box .pricing-title p{
	color: var(--white-color);
}

.pricing-title h2{
	font-size: 50px;
}

.pricing-box.highlighted-box .pricing-title h2{
	color: var(--white-color);
}

.pricing-title h2 sup{
	font-size: 30px;
}

.pricing-title h2 sub{
	font-size: 16px;
	font-weight: 400;
	color: var(--text-color);
	bottom: 0;
}

.pricing-box.highlighted-box .pricing-title h2 sub{
	color: var(--white-color);
}

.pricing-btn{
	margin-top: 20px;
}

.pricing-list{
	width: calc(64% - 15px);
}

.pricing-list ul{
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
    flex-wrap: wrap;
	gap: 20px;
}

.pricing-list ul li{
	position: relative;
	width: calc(50% - 10px);
	text-transform: capitalize;
	padding-left: 25px;
}

.pricing-box.highlighted-box .pricing-list ul li{
	color: var(--white-color);
}

.pricing-list ul li::before{
	content: '\f102';
    font-family: 'flaticon_tde_trading';
    position: absolute;
    top: 0;
    left: 0;
    font-size: 22px;
    background: linear-gradient(267.43deg, var(--accent-color) 4.95%, var(--dark-color) 97.92%);
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.pricing-box.highlighted-box .pricing-list ul li::before{
	background-image: none;
	background-color: var(--white-color);
}

.pricing-benefit-list{
	margin-top: 30px;
}

.pricing-benefit-list ul{
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	align-items: center;
	gap: 15px 30px;
}

.pricing-benefit-list ul li{
	color: var(--primary-color);
	font-weight: 500;
}

.pricing-benefit-list ul li img{
	max-width: 20px;
	margin-right: 15px;
}

.pricing-benefit-list ul li i{
	vertical-align: middle;
	line-height: 1;
	font-size: 20px;
	color: var(--accent-color);
	margin-right: 10px;
}

/************************************/
/***     09. Our Expertise Css    ***/
/************************************/

.our-expertise{
	padding: 100px 0;
}

.expertise-list{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 30px;
	text-align: center;
}

.expertise-item{
	width: auto;
	display: inline-flex;
	align-items: center;
	background: var(--white-color);
	border-radius: 100px;
}

.expertise-item:first-child{
	margin: 0 15px;
}

.expertise-image figure{
	border-radius: 50%;
	overflow: hidden;
}

.expertise-image img{
	max-width: 75px;
	border-radius: 50%;
}

.expertise-content{
	padding: 0 30px 0 15px;
}

.expertise-content p{
	font-weight: 500;
	text-transform: capitalize;
	color: var(--primary-color);
	margin: 0;
}

/************************************/
/***   10. Trading Showcase Css   ***/
/************************************/

.trading-showcase{
	position: relative;
	background: url('../images/price-action-decoded.webp');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	min-height: 100vh;
	padding: 350px 30px 100px;
	overflow: hidden;
	display: flex;
	align-items: center;
}

.trading-showcase::before{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: linear-gradient(180deg, rgba(4, 42, 45, 0) 27.11%, var(--primary-color) 100%);
	width: 100%;
	height: 100%;
	z-index: 1;
}

.trading-showcase-section{
	position: relative;
	width: 100%;
	max-width: 1560px;
	margin: 0 auto;
	z-index: 2;
}

.trading-showcase-section .trading-showcase-content{
	width: 100%;
	max-width: 750px;
}

.trading-showcase-section .trading-showcase-content .section-title p{
	font-size: 18px;
	font-weight: 500;
	color: var(--white-color);
}

.trading-showcase-content .section-title h3,
.trading-showcase-content .section-title h1{
	color: var(--white-color);
}

/************************************/
/***     11. How We Work Css      ***/
/************************************/

.how-we-work{
	padding: 100px 0;
}

.how-work-item{
	height: calc(100% - 30px);
	margin-bottom: 30px;
}

.how-work-item .icon-box{
	background-image: linear-gradient(to right, var(--dark-color) 0%, var(--accent-color) 50%, var(--dark-color) 100%);
    background-size: 200% auto;
    border-radius: 50%;
    height: 70px;
    width: 70px;
    transition: all 0.4s ease-in-out;
}

.how-work-item:hover .icon-box{
    background-position: right center;
}

.how-work-item .icon-box img{
	max-width: 36px;
}

.how-work-item .icon-box i{
	font-size: 36px;
	color: var(--white-color);
}

.how-work-item .icon-box .flaticon-steps{
	font-size: 28px;
}

.how-work-content{
	border-top: 1px solid var(--divider-color);
	padding-top: 30px;
    margin-top: 30px;
}

.how-work-content h3{
	font-size: 22px;
	text-transform: capitalize;
	margin-bottom: 10px;
}

.how-work-content p{
	margin: 0;
}

.scrolling-ticker.work-ticker{
	margin-top: 70px;
}

.scrolling-ticker .container-fluid{
	padding: 0;
}

.scrolling-ticker-box{
	--gap: 40px;
	position: relative;
	display: flex;
	overflow: hidden;
	user-select: none;
	gap: var(--gap);
}

.scrolling-content{
	flex-shrink: 0;
	display: flex;
	gap: var(--gap);
	min-width: 100%;
	animation: scroll 20s linear infinite;
}

.scrolling-content span{
	display: inline-flex;
	align-items: center;
	text-transform: capitalize;
	font-size: 90px;
	line-height: 1.1em;
	font-weight: 600;
	background: linear-gradient(to left, var(--accent-color) 0.16%, var(--dark-color) 99.84%);
    -webkit-background-clip: text;
    -webkit-text-stroke: 4px transparent;
	color: var(--secondary-color);
}

@keyframes scroll{
	from{
		transform: translateX(0);
	}

	to{
		transform: translateX(calc(-100% - var(--gap)));
	}
}

.scrolling-content span img{
	max-width: 50px;
	margin-right: 40px;
}

/************************************/
/***    12. Company Growth Css    ***/
/************************************/

.company-growth{
	background: var(--white-color);
	padding: 100px 0;
}

.company-growth-image figure{
	display: block;
	border-radius: 20px;
	overflow: hidden;
}

.company-growth-image img{
	width: 100%;
	aspect-ratio: 1 / 0.77;
	object-fit: cover;
	border-radius: 20px;
}

.company-growth-content{
	margin-left: 30px;
}

.company-growth-content .section-title h2{
	width: 100%;
	max-width: 550px;
}

.company-growth-box{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 30px;
	margin-top: 80px;
}

.company-growth-item{
	width: calc(25% - 22.5px);
}

.company-growth-item h2{
	font-size: 40px;
	color: var(--accent-color);
	margin-bottom: 10px;
}

.company-growth-item h3{
	font-size: 22px;
	text-transform: capitalize;
	margin-bottom: 10px;
}

.company-growth-item p{
	margin: 0;
}

/************************************/
/***       13. Our FAQs Css       ***/
/************************************/

.our-faqs{
	padding: 100px 0;
}

.our-faqs-image{
	margin: 30px 0;
}

.our-faqs-image figure{
	position: relative;
	overflow: hidden;
	border-radius: 20px;
}

.our-faqs-image img{
	width: 100%;
	max-width: 450px;
	height: auto;
	border-radius: 20px;
	object-fit: cover;
}

.faqs-cta-box{
	display: inline-block;
	background-color: var(--white-color);
	border-radius: 20px;
	padding: 30px;
}

.faqs-cta-content h3{
	font-size: 22px;
	margin-bottom: 10px;
}

.faqs-cta-content p{
	margin-bottom: 20px;
}

.faqs-cta-box .btn-phone{
	margin: 0;
}

.faqs-cta-box .btn-phone i,
.faqs-cta-box .btn-phone{
	color: var(--accent-color);
}

.faqs-cta-box .btn-phone:hover i,
.faqs-cta-box .btn-phone:hover{
	color: var(--primary-color);
}

.our-faq-section .accordion-item{
	padding: 0;
	border: 1px solid var(--divider-color);
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 25px;
	transition: all 0.3s ease-in-out;
}

.our-faq-section .accordion-item:last-child{
	margin-bottom: 0;
}

.our-faq-section .accordion-header .accordion-button{
	font-size: 22px;
	font-weight: 700;
	line-height: 1.2em;
	background-color: transparent;
	color: var(--white-color);
	padding: 20px 50px 20px 20px;
	transition: all 0.3s ease-in-out;
}

.our-faq-section .accordion-button:not(.collapsed){
	background: linear-gradient(263deg, var(--accent-color) 0.16%, var(--dark-color) 99.84%);
   	color: var(--white-color);
   	border-bottom: 1px solid var(--dark-divider-color);
}

.our-faq-section .accordion-header .accordion-button.collapsed{
	background-color: transparent;
	color: var(--primary-color);
}

.our-faq-section .accordion-item .accordion-button::after,
.our-faq-section .accordion-item .accordion-button.collapsed::after{
	content: '\f11c';
	font-family: 'flaticon_tde_trading' !important;
	position: absolute;
	right: 20px;
	top: 50%;
	bottom: auto;
	transform: translate(0px, -50%) rotate(45deg);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	color: #000;
	width: 20px;
	height: 20px;
	transition: all 0.3s ease-in-out;
}

.our-faq-section .accordion-item .accordion-button.collapsed::after{
	transform: translate(0px, -50%);
}

.our-faq-section .accordion-item .accordion-body{
	background: linear-gradient(263deg, var(--accent-color) 0.16%, var(--dark-color) 99.84%);
	padding: 20px 50px 20px 20px;
}

.our-faq-section .accordion-item .accordion-body p{
    color: var(--white-color);
	margin: 0;
}

/************************************/
/***    14. Our Testimonial Css   ***/
/************************************/

.our-testimonial{
	background: url('../images/testimonial-bg.png'), var(--primary-color);
	background-repeat: no-repeat;
	background-position: top left;
	background-size: auto;
	padding: 100px 0;
}

.testimonial-content{
	position: sticky;
	top: 100px;
	margin-right: 30px;
}

.our-testimonial-content{
	position: inherit;
}

.our-testimonial-content .section-title{
	margin-bottom: 0;
}

.our-testimonial-content .section-title h2,
.our-testimonial-content .section-title h3{
	color: var(--white-color);
}

.testimonial-item{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 30px;
}

.testimonial-slider-content,
.testimonial-slider-image{
	width: calc(50% - 15px);
}

.testimonial-slider-image figure{
	display: block;
	border-radius: 20px;
	overflow: hidden;
}

.testimonial-slider-image img{
	width: 100%;
	border-radius: 20px;
	aspect-ratio: 1 / 1.19;
	object-fit: cover;
}

.testimonial-slider .swiper-wrapper{
	/* Removed cursor: none to fix slider functionality */
}

.testimonial-header{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 40px;
}

.testimonial-rating-company{
	margin-right: 20px;
}

.testimonial-rating-company img{
	max-width: 150px;
	max-height: 60px;
}

.testimonial-quote img{
	max-width: 58px;
}

.testimonial-rating{
	margin-bottom: 20px;
}

.testimonial-rating i{
	font-size: 16px;
	color: var(--accent-color);
	margin-right: 2px;
}

.testimonial-rating i:last-child{
	margin-right: 0;
}

.testimonial-content{
	margin-bottom: 40px;
}

.testimonial-content p{
	font-size: 18px;
	font-weight: 600;
	color: var(--white-color);
	margin-bottom: 0;
}

.author-content h3{
	font-size: 22px;
	text-transform: capitalize;
	color: var(--white-color);
	margin-bottom: 5px;
}

.author-content p{
	color: var(--white-color);
	text-transform: capitalize;
	margin: 0;
}

.testimonial-btn{
	position: static;
	display: block;
	margin-top: 30px;
}

.testimonial-slider .testimonial-button-next,
.testimonial-slider .testimonial-button-prev{
	position: relative;
	width: 45px;
	height: 45px;
	background-image: linear-gradient(to right, var(--dark-color) 0%, var(--accent-color) 50%, var(--dark-color) 100%);
    background-size: 200% auto;
	border-radius: 50%;
	transition: all 0.4s ease-in-out;
}

.testimonial-slider .testimonial-button-next{
	margin-left: 30px;
}


.testimonial-slider .testimonial-button-next:hover,
.testimonial-slider .testimonial-button-prev:hover{
	background-position: right center;
}

.testimonial-slider .testimonial-button-next::before,
.testimonial-slider .testimonial-button-prev::before{
	content: '';
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url("../images/arrow-white.svg") no-repeat center center;
    background-size: 24px auto;
    display: flex;
    align-items: center;
    justify-content: center;
	transform: rotate(45deg);
    transition: all 0.4s ease-in-out;
}

.testimonial-slider .testimonial-button-prev::before{
	transform: rotate(225deg);
}

.testimonial-rating-box{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 30px;
	margin-top: 100px;
}

.testimonial-rating-item{
	position: relative;
	width: calc(25% - 22.5px);
	border-radius: 20px;
	text-align: center;
	overflow: hidden;
	padding: 25px 30px;
}

.testimonial-rating-item::before{
	content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--white-color);
	opacity: 6%;
    width: 100%;
    height: 100%;
}

.testimonial-rating-item .icon-box{
	border-bottom: 1px solid var(--dark-divider-color);
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.testimonial-rating-item .icon-box img{
	max-width: 162px;
	max-height: 40px;
}

.testimonial-rating-content p{
	color: var(--white-color);
	margin: 0;
}

.testimonial-rating-content p span{
	color: var(--accent-color);
}



/************************************/
/***        16. Footer Css        ***/
/************************************/

.main-footer{
	position: relative;
	background: url(../images/footer-bg-1.png), var(--primary-color);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: auto;
	/* Removed original padding/margin - now controlled by consolidated styles below */
}

.main-footer::before{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	background: url(../images/footer-bg-2.png);
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: auto;
	width: 100%;
	height: 100%;
	z-index: 0;
}

.main-footer .container{
	position: relative;
	z-index: 1;
}

.about-footer{
	width: 100%;
	max-width: 600px;
}

.about-footer .section-title h2{
	color: var(--white-color);
}

.footer-contact-info h3{
	text-transform: capitalize;
	color: var(--white-color);
	/* Removed font-size and margin-bottom - now controlled by consolidated styles below */
}

.footer-contact-info p{
	color: var(--white-color);
	margin: 0;
}

.footer-contact-info p a{
	color: var(--white-color);
	text-decoration: none;
	transition: all 0.3s ease-in-out;
}

.footer-contact-info p a:hover{
	color: var(--accent-color);
}

.footer-contact-info p i{
	font-size: 16px;
	vertical-align: bottom;
	line-height: 1;
	color: var(--white-color);
	margin-right: 8px;
}

.footer-contact-info p span{
	font-size: 20px;
	font-weight: 600;
}

.footer-social-links{
	/* Removed margin-top - now controlled by consolidated styles below */
}

.footer-social-links ul{
	list-style: none;
	padding: 0;
	margin: 0;
}

.footer-social-links ul li{
	display: inline-block;
	border-radius: 50%;
	margin-right: 15px;
}

.footer-social-links ul li:last-child{
	margin-right: 0;
}

.footer-social-links ul li a{
	border: 1px solid var(--white-color);
	border-radius: 50%;
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease-in-out;
}

.footer-social-links ul li:hover a{
	border-color: var(--accent-color);
}

.footer-social-links ul li a i{
	color: var(--white-color);
	font-size: 16px;
	line-height: 1;
	transition: all 0.3s ease-in-out;
}

.footer-social-links ul li:hover a i{
	background-image: linear-gradient(267.43deg, var(--accent-color) 4.95%, var(--dark-color) 97.92%);
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.footer-copyright{
	border-top: 1px solid var(--dark-divider-color);
	/* Removed padding and margin-top - now controlled by consolidated styles below */
}

.footer-menu ul{
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: left;
}

.footer-menu ul li{
	display: inline-block;
	/* Removed margin-right - now controlled by consolidated styles below */
}

.footer-menu ul li:last-child{
	margin-right: 0;
}

.footer-menu ul li a {
	cursor: pointer !important;
	color: var(--white-color) !important;
	text-transform: capitalize;
	transition: all 0.3s ease-in-out;
	text-decoration: none !important;
	display: inline-block;
}

/* Force styling for links without href to match links with href */
.footer-menu ul li a:not([href]) {
	cursor: pointer !important;
	color: var(--white-color) !important;
	text-decoration: none !important;
}

.footer-menu ul li a:hover {
	color: #28a745 !important;
}

.footer-copyright-text{
	text-align: end;
}

.footer-copyright-text p{
	color: var(--white-color);
	margin: 0;
}

/* Disclaimer Link Styles */
.disclaimer-link {
	color: #28a745 !important;
	text-decoration: none;
}

.disclaimer-link:hover {
	color: #20c997 !important;
	text-decoration: underline;
}

/* FAQ Page Accordion Text Styles */
.page-faq .accordion-body p,
.page-faq .accordion-body li,
.page-faq .accordion-body ul,
.page-faq .accordion-body strong,
.page-faq .accordion-body em {
	color: #ffffff !important;
}

.page-faq .accordion-body ul li {
	color: #ffffff !important;
}

.page-faq .accordion-body p strong {
	color: #ffffff !important;
	font-weight: bold;
}

/* Pricing Images Section Styles */
.pricing-images-section {
	padding: 20px 0 60px 0;
	position: relative;
}

.page-pricing {
	padding-bottom: 20px;
}

.pricing-image-box {
	position: relative;
	margin-bottom: 30px;
}

.pricing-image-content {
	position: relative;
	overflow: hidden;
	border-radius: 20px;
	height: 495px;
}

.pricing-image-content .image-anime {
	position: relative;
	overflow: hidden;
	border-radius: 20px;
	height: 100%;
}

.pricing-image-content img {
	width: 100%;
	height: 495px;
	object-fit: cover;
	transition: all 0.3s ease-in-out;
}

.pricing-image-overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: linear-gradient(transparent, rgba(0,0,0,0.8));
	padding: 40px 20px 20px;
	transition: all 0.3s ease-in-out;
}

.pricing-image-overlay h3 {
	color: var(--white-color);
	font-size: 20px;
	font-weight: 600;
	margin: 0;
	text-align: center;
}

.pricing-image-box:hover .pricing-image-content img {
	transform: scale(1.05);
}

.pricing-image-box:hover .pricing-image-overlay {
	background: linear-gradient(transparent, rgba(40, 167, 69, 0.9));
}

/************************************/
/***     17. About Us Page css    ***/
/************************************/

.page-header{
	position: relative;
	background: url('../images/general-header-bg.webp') no-repeat;
	background-position: center center;
	background-size: contain;
	background-attachment: fixed;
	overflow: hidden;
	padding: 250px 0 140px;
	margin-top: -120px;
}

/* Alternative page header with more visible image - add this class to show more of the image */
.page-header.page-header-wide-view{
	background-size: auto 100%;
	background-position: center top;
}

/* Another alternative - shows full width of image */
.page-header.page-header-full-width{
	background-size: 100% auto;
	background-position: center center;
}

.page-header:before{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(270deg, rgba(4, 42, 45, 0) 22.28%, var(--primary-color) 100%);
	z-index: 0;
}

.page-header-box{
	position: relative;
	width: 100%;
    max-width: 1560px;
    margin: 0 auto;
	padding: 0 30px;
	z-index: 1;
}

.page-header-box h1{
	color: var(--white-color);
	font-size: 70px;
	font-weight: 300;
	line-height: 1.1em;
	margin-bottom: 10px;
}

.page-header-box h1 span{
	font-weight: 700;
	background-image: linear-gradient(267.43deg, var(--accent-color) 4.95%, var(--dark-color) 97.92%);
    background-clip: text;
    -webkit-text-fill-color: transparent
}

.page-header-box ol{
	margin: 0;
	padding: 0;
}

.page-header-box ol li.breadcrumb-item{
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--white-color);
}

.page-header-box ol li.breadcrumb-item a{
    color: inherit;
}

.page-header-box ol li.breadcrumb-item.active{
	color: var(--accent-color);
}

.page-header-box ol .breadcrumb-item+.breadcrumb-item::before{
    color: var(--white-color);
}

.our-approach{
	background: var(--white-color);
	padding: 100px 0;
}

.mission-vision-item{
	position: relative;
	margin-bottom: 40px;
}

.mission-vision-list .col-md-6:nth-child(odd) .mission-vision-item:after{
	content: '';
	position: absolute;
	background: var(--divider-color);
	width: 1px;
	height: 90%;
	top: 50%;
	right: -15px;
	transform: translateY(-50%);
}

.mission-vision-list .col-md-6:nth-child(odd) .mission-vision-item{
	padding-right: 45px;
}

.mission-vision-list .col-md-6:nth-child(even) .mission-vision-item{
	padding-left: 45px;
}

.mission-vision-item .icon-box{
	background-image: linear-gradient(to right, var(--dark-color) 0%, var(--accent-color) 50%, var(--dark-color) 100%);
    background-size: 200% auto;
	border-radius: 999px;
	width: 50px;
	height: 50px;
	margin-bottom: 20px;
	transition: all 0.4s ease-in-out;
}

.mission-vision-item:hover .icon-box{
	background-position: right center;
}

.mission-vision-item .icon-box img{
	max-width: 24px;
}

.mission-vision-item .icon-box i{
	font-size: 24px;
	color: var(--white-color);
}

.mission-vision-content h3{
	font-size: 22px;
	text-transform: capitalize;
	margin-bottom: 15px;
}

.mission-vision-content p{
	margin: 0;
}

.mission-vision-item.our-value-item{
	display: flex;
	border-top: 1px solid var(--divider-color);
	padding-top: 40px;
}

.mission-vision-item.our-value-item .icon-box{
	margin-right: 20px;
}

.mission-vision-item.our-value-item .mission-vision-content{
	width: calc(100% - 70px);
}

.our-approach-content-footer a{
	font-weight: 400;
	line-height: 1.4em;
	text-align: center;
	width: 100%;
	padding: 16px 20px;
	border-radius: 10px;
}

.our-approach-content-footer a:before{ 
	display: none;
}

.our-approach-content-footer a u{
	transition: all 0.3s ease-in-out;
}

.our-approach-content-footer a:hover u{
	color: var(--primary-color);
}

.our-approach-image{
	padding-left: 30px;
}

.our-approach-image figure{
	display: block;
	border-radius: 20px;
}

.our-approach-image img{
	aspect-ratio: 1 / 0.99;
    object-fit: cover;
	border-radius: 20px;
}

.our-partners{
	padding: 100px 0 70px;
}

.our-partners .contact-circle{
	text-align: right;
}

.our-partners .contact-circle img{
	max-width: 122px;
	animation: infiniterotate 30s infinite linear;
}

@keyframes infiniterotate{
	from{
		transform: rotate(0deg);
	  }
	to{
		transform: rotate(360deg);
	}
}

.our-partners .company-logo{
	background-color: var(--white-color);
    border-radius: 20px;
	text-align: center;
    height: calc(100% - 30px);
    margin-bottom: 30px;
    padding: 55px 35px;
}

.company-logo img{
    max-width: 100%;
    max-height: 40px;
    width: auto;
    height: auto;
    object-fit: contain;
}

.company-experience{
	background-color: var(--primary-color);
	background-image: url('../images/company-experience-bg.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 100px 0;
}

.company-experience-content{
	margin-right: 10px;
}

.company-experience-content .section-title h3,
.company-experience-content .section-title h2{
	color: var(--white-color);
}

.company-experience-content .section-title p{
	color: var(--secondary-color);
}

.company-experience-content .section-btn{
	text-align: start;
}

.company-experience-list{
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	margin-left: 20px;
}

.company-experience-item{
	width: calc(50% - 15px);
}

.company-experience-item h2{
	color: var(--accent-color);
	font-size: 40px;
	margin-bottom: 10px;
}

.company-experience-item h3{
	color: var(--white-color);
	font-size: 22px;
	text-transform: capitalize;
	margin-bottom: 10px;
}

.company-experience-item p{
	color: var(--secondary-color);
	margin: 0;
}

.why-choose-us{
	padding: 100px 0;
}

.why-choose-us-content{
	margin-right: 20px;
}

.why-choose-skillbar .skills-progress-bar{
	margin-bottom: 40px;
}

.why-choose-skillbar .skills-progress-bar:last-child{
	margin-bottom: 0;
}

.skillbar .skill-data{
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
}

.skillbar .skill-data .skill-title{	
	font-size: 16px;
	text-transform: capitalize;
	color: var(--primary-color);
}

.skillbar .skill-data .skill-no{
	font-size: 16px;
	color: var(--primary-color);
	margin-left: 20px;
}

.skillbar .skill-progress{
	width: 100%;
	height: 14px;
	background: var(--white-color);
	border-radius: 99px;
	position: relative;
}

.skillbar .skill-progress .count-bar{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	background-color: var(--accent-color);
	border-radius: 99px;
}

.why-choose-us-image{
	position: relative;
	display: flex;
	align-items: end;
	justify-content: end;
	padding-bottom: 45px;
	margin-left: 50px;
}

.why-choose-us-img-1{
	width: 413px;
	text-align: right;
}

.why-choose-us-img-2{
	position: absolute;
	bottom: 0;
	left: 0;
}

.why-choose-us-img-1 figure,
.why-choose-us-img-2 figure{
	display: block;
	overflow: hidden;
}

.why-choose-us-img-1 figure,
.why-choose-us-img-2 figure,
.why-choose-us-img-1 img,
.why-choose-us-img-2 img{
	border-radius: 20px;
}

.why-choose-us-img-1 img{
	aspect-ratio: 1 / 1.095;
	object-fit: cover;
}

.why-choose-us-img-1 img{
	aspect-ratio: 1 / 1.097;
	object-fit: cover;
}

.why-choose-contact-circle{
	position: absolute;
	top: 50px;
	left: -50px;
}

.why-choose-contact-circle img{
	max-width: 175px;
	animation: infiniterotate 30s infinite linear;
}

.our-team{
	padding: 100px 0 70px;
}

.team-member-item{
	height: calc(100% - 30px);
	margin-bottom: 30px;
}

.team-image{
    position: relative;
    overflow: hidden;
	border-radius: 20px;
	margin-bottom: 20px;
}

.team-image a{
	display: block;
	cursor: none;
}

.team-image img{
	width: 100%;
	aspect-ratio: 1 / 1.2;
	object-fit: cover;
	border-radius: 20px;
	transition: all 0.5s ease-in-out;
}

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

.team-social-icon{
	position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
	margin: 0 auto; 
	transform: translateY(100%);
	text-align: center;
	z-index: 1;
    transition: all 0.5s ease-in-out;
}

.team-member-item:hover .team-social-icon{
	bottom: 30px;
	transform: translateY(0);
}

.team-social-icon ul{
	position: relative;
	display: inline-block;
	list-style: none;
	line-height: normal;
	margin: 0;
	padding: 15px 25px;
	backdrop-filter: blur(60px);
	-webkit-backdrop-filter: blur(60px);
	border-radius: 10px;
	overflow: hidden;
}

.team-social-icon ul::before{
	content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: var(--primary-color);
	opacity: 10%;
    width: 100%;
    height: 100%;
	z-index: 0;
}

.team-social-icon ul li{
	position: relative;
	display: inline-block;
    text-align: center;
    margin-right: 15px;
	z-index: 1;
}

.team-social-icon ul li:last-child{
	margin-right: 0;
}

.team-social-icon ul li a{
    background-color: transparent;
    color: var(--white-color);
    border: 1px solid var(--secondary-color);
    height: 36px;
    width: 36px;
    border-radius: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
	cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.team-social-icon ul li a i{
    color: inherit;
    font-size: 18px;
}

.team-social-icon ul li a:hover{
	border-color: var(--dark-color);
	color: var(--accent-color);
}

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

.team-content h3{
	font-size: 22px;
	text-transform: capitalize;
	margin-bottom: 5px;
}

.team-content p{
	text-transform: capitalize;
	margin: 0;
}

/************************************/
/*** 	 18. Services page Css	  ***/
/************************************/

.page-services{
    padding: 100px 0 70px;
}

.page-services .service-item{
    background-color: var(--white-color);
    border-radius: 20px;
    width: 100%;
    height: calc(100% - 30px);
    margin-bottom: 30px;
    padding: 40px;
}

.page-services .service-item .service-item-content{
    margin-bottom: 20px;
}

.page-services .service-item .service-item-content h3{
    color: var(--primary-color);
}

.page-services .service-item .service-item-content p{
    color: var(--text-color);
}

.readmore-btn{
    position: relative;
    font-size: 18px;
    font-weight: 700;
    text-transform: capitalize;
	color: var(--accent-color);
    padding-right: 30px;
	transition: all 0.3s ease-in-out;
}

.readmore-btn:hover{
	color: var(--primary-color);
}

.readmore-btn::before{
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    bottom: 0;
    background: url(../images/accent-arrow.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 24px;
    height: 24px;
    transform: translateY(-50%);
    transition: 0.4s ease-in-out;
}

.readmore-btn:hover::before{
	filter: brightness(0) invert(0);
    transform: translateY(-50%) rotate(45deg);
}



/************************************/
/***      21. Blog Single css	  ***/
/************************************/

.page-single-post{
	padding: 100px 0 70px;
}

.post-image{
	position: relative;
	margin-bottom: 30px;
}

.post-image figure{
	display: block;
}

.post-image figure,
.post-image img{
	aspect-ratio: 1 / 0.50;
	object-fit: cover;
	border-radius: 30px;
}

.post-content{
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
}

.post-entry{
	padding-bottom: 30px;
    margin-bottom: 30px;
}

.post-entry:after{
    content: '';
    display: block;
    clear: both;
}

.post-entry a{
    color: var(--accent-color);
}

/* Override generic link styling for buttons inside post-entry */
.post-entry a.btn-default {
    color: var(--white-color) !important;
}

.post-entry h1,
.post-entry h2,
.post-entry h3,
.post-entry h4,
.post-entry h5,
.post-entry h6{
	line-height: 1.2em;
	margin: 0 0 0.6em;
}

.post-entry h1 span,
.post-entry h2 span{
	font-weight: 400;
}

.post-entry h1{
	font-size: 70px;
}

.post-entry h2{
	font-size: 50px;
}

.post-entry h3{
	font-size: 40px;
}

.post-entry h4{
	font-size: 30px;
}

.post-entry h5{
	font-size: 24px;
}

.post-entry h6{
	font-size: 18px;
}

.post-entry p{
	margin-bottom: 20px;
}

.post-entry p:last-child{
	margin-bottom: 0;
}

.post-entry p strong{
	color: var(--primary-color);
	font-size: 18px;
	font-weight: 600;
}

.post-entry ol{
    margin: 0 0 30px;
}

.post-entry ol li{
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 600;
    color: var(--text-color);
}

.post-entry ul{
	padding: 0;
	margin: 20px 0 20px;
	padding-left: 20px;
}

.post-entry ul li{
	font-size: 18px;
    font-weight: 500;
    color: var(--primary-color);
    position: relative;
    margin-bottom: 15px;
}

.post-entry ul li:last-child{
	margin-bottom: 0;
}

.post-entry ul ul,
.post-entry ul ol,
.post-entry ol ol,
.post-entry ol ul{
    margin-top: 20px;
    margin-bottom: 0;
}

.post-entry ul ul li:last-child,
.post-entry ul ol li:last-child,
.post-entry ol ol li:last-child,
.post-entry ol ul li:last-child{
    margin-bottom: 0;
}

.post-entry blockquote{
	position: relative;
	background: var(--white-color);
    border-radius: 20px;
    padding: 30px 30px 30px 100px;
    margin-bottom: 30px;
}

.post-entry blockquote::before{
	content: '\f11d';
    font-family: 'flaticon_tde_trading';
    position: absolute;
    top: 30px;
    left: 35px;
    font-size: 58px;
    line-height: 1;
    background-image: linear-gradient(267.43deg, var(--accent-color) 4.95%, var(--dark-color) 97.92%);
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.post-entry blockquote p{
	font-size: 20px;
	font-weight: 600;
	line-height: 1.4em;
	color: var(--primary-color);
}

.post-entry blockquote p:last-child{
	margin-bottom: 0;
}

.tag-links{
	font-size: 24px;
	font-weight: 600;
	color: var(--primary-color);
	display: inline-flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
}

.post-tags .tag-links a{
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    background-image: linear-gradient(to right, var(--dark-color) 0%, var(--accent-color) 50%, var(--dark-color) 100%);
    background-size: 200% auto;
    color: var(--white-color);
	border-radius: 100px;
    padding: 8px 20px;
	transition: all 0.3s ease-in-out;
}

.post-tags .tag-links a:hover{
	background-position: right center;
	color: var(--primary-color);
}

.post-social-sharing{
    text-align: right;
}

.post-social-sharing ul{
    list-style: none;
    padding: 0;
    margin: 0;
}

.post-social-sharing ul li{
    display: inline-block;
    margin-right: 10px;
}

.post-social-sharing ul li:last-child{
	margin-right: 0;
}

.post-social-sharing ul li a{
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
	background-image: linear-gradient(to right, var(--dark-color) 0%, var(--accent-color) 50%, var(--dark-color) 100%);
    background-size: 200% auto;
    color: var(--white-color);
	border-radius: 50%;
    width: 36px;
    height: 36px;
    transition: all 0.3s ease-in-out;
}

.post-social-sharing ul li:hover a{
	background-position: right center;
	color: var(--primary-color);
}

.post-social-sharing ul li a i{
    font-size: 18px;
    color: inherit;
}


/************************************/
/*** 	 24. Pricing Page css	  ***/
/************************************/

.page-pricing{
    padding: 100px 0;
}

.page-pricing .pricing-box{
    display: block;
    background-color: var(--white-color);
    border-radius: 20px;
    border: none;
    height: calc(100% - 30px);
    margin-bottom: 30px;
    padding: 40px;
}

.page-pricing .pricing-box .pricing-box-content{
    width: 100%;
    border-right: none;
    border-bottom: 1px solid var(--divider-color);
    padding: 0 0 30px 0;
    margin: 0 0 30px 0;
}

.page-pricing .pricing-box.highlighted-box .pricing-box-content{
	border-color: var(--dark-divider-color);
}

.page-pricing .pricing-box .pricing-btn .btn-default{
    width: 100%;
    text-align: center;
    padding: 17px;
}

.page-pricing .pricing-box .pricing-btn .btn-default::before{
    display: none;
}

.page-pricing .pricing-box .pricing-list{
    width: 100%;
}

.page-pricing .pricing-box .pricing-list ul li{
    width: 100%;
}

.page-pricing .pricing-benefit-list{
    margin-top: 20px;
}

.page-pricing .pricing-benefit-list ul{
    justify-content: center;
    gap: 20px 50px;
}

/************************************/
/***   25. Testimonial Page Css	  ***/
/************************************/

.page-testimonial{
    padding: 100px 0;
}

.client-testimonial-item{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 80px;
	border-bottom: 1px solid var(--divider-color);
    padding-bottom: 50px;
    margin-bottom: 50px;
}

.client-testimonial-item:last-child{
    border-bottom: none;
    margin: 0;
    padding: 0;
}

.client-testimonial-author{
    width: calc(40% - 40px);
    display: flex;
    align-items: center;
}

.client-author-image{
    margin-right: 40px;
}

.client-author-image figure{
    display: block;
    border-radius: 50%;
    overflow: hidden;
}

.client-author-image img{
    max-width: 100px;
    border-radius: 50%;
}

.client-author-content{
    width: calc(100% - 140px);
}

.client-author-content h3{
    font-size: 22px;
    text-transform: capitalize;
	margin-bottom: 5px;
}

.client-author-content p{
    text-transform: capitalize;
    margin-bottom: 0;
}

.client-testimonial-content{
    width: calc(60% - 40px);
    background: url(../images/blockquote.svg) no-repeat;
    background-position: top left;
    background-size: 56px auto;
    padding: 10px 0 0 70px;
}

.client-testimonial-content p{
    margin-bottom: 0;
}



/************************************/
/***   	Sidebar CTA Box css    ***/
/************************************/

.sidebar-cta-box{
    border-radius: 20px;
    overflow: hidden;
}

.sidebar-img img{
    width: 100%;
    object-fit: cover;
    aspect-ratio: 1 / 0.63;
    transition: all 0.4s ease-in-out;
}

.sidebar-cta-box:hover .sidebar-img img{
    transform: scale(1.1)
}

.sidebar-cta-Body{
    background: var(--white-color);
    padding: 30px;
}

.sidebar-cta-content{
    margin-bottom: 30px;
}

.sidebar-cta-content h3{
    font-size: 22px;
    text-transform: capitalize;
    margin-bottom: 10px;
}

.sidebar-cta-content p{
    margin-bottom: 0;
}

.sidebar-cta-contact ul{
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidebar-cta-contact ul li{
    color: var(--primary-color);
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    line-height: 1.2;
}

.sidebar-cta-contact ul li:last-child{
    margin: 0;
}

.sidebar-cta-contact ul li i{
    font-size: 18px;
    color: var(--accent-color);
    margin-right: 15px;
    position: relative;
    bottom: -3px;
}

.sidebar-cta-contact ul li a{
    color: inherit;
    text-decoration: none;
}

.sidebar-cta-contact ul li a:hover{
    color: inherit;
    text-decoration: none;
}

/* Responsive Styles for Sidebar CTA Box */
@media only screen and (max-width: 991px) {
    .sidebar-cta-Body{
        padding: 20px;
    }

	.sidebar-cta-content{
		margin-bottom: 20px;
	}

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

	.sidebar-cta-contact ul li{
		margin-bottom: 15px;
	}
}

/************************************/
/***       28. FAQs Page css      ***/
/************************************/

.page-faq{
    padding: 100px 0;
}

.faqs-sidebar{
    position: sticky;
    top: 100px;
    margin-right: 30px;
}

.faqs-catagery-list{
    background: var(--white-color);
    border-radius: 20px;
    padding: 30px;
    margin-bottom: 50px;
}

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

.faqs-catagery-list ul li{
    border-bottom: 1px solid var(--divider-color);
    padding-bottom: 20px;
    margin-bottom: 20px;
    transition: all 0.3s ease-in-out;
}

.faqs-catagery-list ul li:last-child{
    border-bottom: none;
    margin: 0;
    padding: 0;
}

.faqs-catagery-list ul li a{
	position: relative;
	text-transform: capitalize;
	display: block;
    color: inherit;
    transition: all 0.3s ease-in-out;
}

.faqs-catagery-list ul li a::before{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    background: url(../images/accent-arrow.svg) no-repeat;
    background-position: right center;
    background-size: auto;
    width: 24px;
    height: 24px;
    transition: all 0.3s ease-in-out;
}

.faqs-catagery-list ul li a:hover:before{
    transform: rotate(45deg);
}

.faqs-catagery-list ul li:hover a{
    color: var(--accent-color);
}

.page-faq-accordion{
    margin-bottom: 60px;
}

.page-faq-accordion:last-child{
    margin-bottom: 0;
}

/************************************/
/***    29. Contact Us Page css   ***/
/************************************/

.page-contact-us{
    padding: 100px 0;
}

.page-contact-us .section-row .section-title{
    margin-right: 20px;
}

.contact-us-form{
    background-color: var(--white-color);
    border-radius: 20px;
    padding: 40px;
}

.contact-us-title{
    margin-bottom: 40px;
}

.contact-us-title h3{
    font-size: 22px;
    text-transform: capitalize;    
    margin-bottom: 10px;
}

.contact-us-title p{
    margin-bottom: 0;
}

.contact-us-form form .form-control{
    font-size: 16px;
    font-weight: 500;
    line-height: 1.6em;
    color: var(--primary-color);
    background: transparent;
    border-width: 0 0 1px 0;
    border-color: var(--divider-color);
    border-radius: 0;
    padding: 12px 0;
    outline: none;
    box-shadow: none;
}

.contact-us-form form .form-control::placeholder{
    color: var(--primary-color);
}

.contact-information{
    margin-left: 20px;
}

.contact-info-item{
    border-bottom: 1px solid var(--divider-color);
    margin-bottom: 30px;
    padding-bottom: 30px;
}

.contact-info-item:last-child{
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.contact-info-contant{
    margin-bottom: 20px;
}

.contact-info-contant h3{
    font-size: 22px;
    text-transform: capitalize;
    margin-bottom: 10px;
}

.contact-info-contant p{
    margin-bottom: 0;
}

.contact-info-body{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.contact-info-body .icon-box{
    background-image: linear-gradient(to right, var(--dark-color) 0%, var(--accent-color) 50%, var(--dark-color) 100%);
    background-size: 200% auto;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    transition: all 0.4s ease-in-out;
}

.contact-info-body:hover .icon-box{
	background-position: right center;
}

.contact-info-body .icon-box img{
    max-width: 20px;
}

.contact-info-body .icon-box i{
    color: var(--white-color);
    font-size: 20px;
    position: relative;
    bottom: -2px;
}

.contact-info-title{
    width: calc(100% - 60px);
}

.contact-info-title h3{
    font-size: 22px;
    line-height: normal;
    color: var(--accent-color);
}

.google-map{
	overflow: hidden;
}

.google-map .container-fluid{
    padding: 0;
}

.google-map-iframe,
.google-map-iframe iframe{
    width: 100%;
    height: 600px;
}

.google-map-iframe iframe{
    filter: grayscale(1);
    transition: all 0.4s ease-in-out;
}

.google-map-iframe:hover iframe{
    filter: grayscale(0);
}


/************************************/
/*** 	   31. 404 Page css       ***/
/************************************/

.error-page{
	padding: 100px 0;
}

.error-page-image{
	text-align: center;
	margin-bottom: 30px;
}

.error-page .error-page-content{
	text-align: center;
}

.error-page-content-heading{
	margin-bottom: 30px;
}

.error-page-content-body p{
	margin-bottom: 30px;
}

/************************************/
/***       32. Responsive Css     ***/
/************************************/

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

	.bg-section{
		width: calc(100% - 100px);
		margin-left: 50px;
		margin-right: 50px;
		max-width: 100%;
	}
}

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

	.bg-section{
		width: calc(100% - 30px);
		margin-left: 15px;
		margin-right: 15px;
	}

	header.main-header{
		width: calc(100% - 30px);
		margin-left: 15px;
		margin-right: 15px;
		margin-top: 15px;
	}

	.navbar{
		max-width: 100%;
	}

	.hero.hero-slider-layout .hero-pagination{
		padding-left: 0;
		margin: 0 0 0 45px;
	}

	.export-coaching-step{
		padding-right: 80px;
	}

	.page-header-box{
		max-width: 100%;
	}

	/* Footer styles controlled by consolidated rules */
}

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

	.export-coaching-step{
		padding-right: 50px;
	}
}

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

	header.main-header{
		padding: 0px;
	}

	.main-menu .nav-menu-wrapper{
		margin-left: 20px;
	}

	.main-menu ul li a{
		padding: 10px !important;
	}

	.hero{
		padding: 350px 0px 100px;
	}

	.export-coaching-step{
		padding-right: 20px;
	}

	.page-header-box{
		padding: 0;
	}
}

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

	header.main-header{
       padding: 0;
    }

	.navbar{
		padding: 20px 0 0;
	}

	.page-header{
		background-attachment: scroll;
		background-size: cover;
	}

	.page-header-contact {
		background-attachment: scroll !important;
		background-position: center center !important;
		background-size: cover !important;
		padding: 200px 0 120px;
		min-height: 400px;
	}

	header.main-header .header-sticky.active .navbar{
		padding: 20px 0;
	}

	/* SlickNav responsive styles removed */

	.responsive-menu,
    .navbar-toggle{
        display: block;
    }

	.header-btn{
		display: none;
	}

	.bg-section{
		width: 100%;
		margin-left: 0px;
		margin-right: 0px;
		border-radius: 0;
	}

	header.main-header{
		width: 100%;
		margin: 0px;
	}

	.section-row{
		margin-bottom: 40px;
	}

	.section-btn{
		text-align: left;
		margin-top: 20px;
	}

	.section-title{
		margin-bottom: 30px;
	}

	.section-title h3{
		margin-bottom: 10px;
	}

	.section-title h1{
		font-size: 55px;
	}

	.section-title h2{
		font-size: 40px;
	}

	.section-title p{
		margin-top: 15px;
	}

	.hero{
		padding: 280px 0 80px;
		margin-top: -95px;
	}

	.hero.hero-slider-layout .hero-slide{
		padding: 245px 0px 150px;
	}

	.hero-slide .hero-section .hero-content{
		max-width: 550px;
	}

	.hero.hero-slider-layout .hero-pagination{
		margin: 0 0 0 15px;
	}

	.hero-slide .hero-section .hero-content .section-title p{
		font-size: 16px;
	}

	.export-coaching-box{
		margin-top: 40px;
	}

	.export-coaching-step-content p{
		font-size: 15px;
	}

	.about-us{
		padding: 50px 0;
	}

	.about-us-images{
		max-width: 80%;
		margin: 0 auto;
		padding: 0 15px 40px 50px;
		margin-bottom: 30px;
	}

	.about-us-img-1 figure{
		mask-image: none;
		background-image: none;
		border-radius: 20px;
	}

	.about-us-img-2{
		position: static;
		right: auto;
		margin-top: 20px;
		width: 60%;
		margin-left: auto;
	}

	.about-us-img-2 img{
		aspect-ratio: 1 / 0.99;
	}

	.about-experience-box{
		padding: 15px;
		max-width: 150px;
	}

	.about-experience-box .icon-box img{
		max-width: 35px;
	}

	.about-experience-box .about-experience-content h3{
		font-size: 18px;
	}

	.company-review{
		transform: rotate(-180deg) translate(-50%, 50%);
	}

	.about-us-list ul li{
		margin-bottom: 15px;
	}

	.about-us-list{
		margin-bottom: 30px;
	}

	.about-us-body{
		margin-bottom: 30px;
		padding-bottom: 30px;
	}

	.company-client-images{
		margin-bottom: 5px;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 15px;
	}

	.company-client-images .client-image{
		flex: 0 0 auto;
	}

	.our-service{
		background-size: 50% auto;
		padding: 50px 0;
	}

	.service-content{
		margin-right: 0;
		margin-bottom: 30px;
	}

	.service-item-list{
		margin-bottom: 30px;
		padding-bottom: 30px;
		gap: 30px;
	}

	.service-item .icon-box{
		margin-bottom: 20px;
	}

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

	.our-potential{
		padding: 50px 0;
	}

	.our-potential-content{
		height: auto;
		margin-bottom: 30px;
	}

	.our-potential-counter{
		padding-bottom: 30px;
		margin-bottom: 30px;
	}

	.potential-counter-item .counter-circle{
		margin-right: 20px;
	}

	.potential-counter-item .counter-circle h2{
		font-size: 26px;
		width: 100px;
		height: 100px;
	}

	.potential-counter-content{
		width: calc(100% - 124px);
	}

	.potential-body-content h3{
		margin-bottom: 15px;
	}

	.our-potential-img{
		margin-left: 0px;
		height: auto;
	}

	.our-potential-img img{
		height: auto;
		aspect-ratio: 1 / 0.9;
	}

	.our-pricing{
		padding: 50px 0 60px;
	}

	.pricing-content{
		margin-right: 0px;
		margin-bottom: 30px;
	}

	.pricing-box{
		padding: 30px;
	}

	.pricing-title h2{
		font-size: 40px;
	}

	.pricing-title h2 sup{
		font-size: 26px;
	}

	.our-expertise{
		padding: 50px 0;
	}

	.our-expertise-content{
		margin-bottom: 30px;
	}

	.expertise-list{
		max-width: 590px;
		margin: 0 auto;
	}

	.expertise-image img{
		max-width: 60px;
	}

	.trading-showcase{
		padding: 250px 30px 80px;
		min-height: 80vh;
	}

	.trading-showcase-section .trading-showcase-content{
		max-width: 100%;
	}



	.how-we-work{
		padding: 50px 0;
	}

	.how-work-content{
		padding-top: 20px;
		margin-top: 20px;
	}

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

	.scrolling-ticker.work-ticker{
		margin-top: 20px;
	}

	.scrolling-ticker-box{
		--gap: 30px;
	}

	.scrolling-content span{
		font-size: 70px;
	}

	.scrolling-content span img{
		margin-right: 30px;
	}

	.company-growth{
		padding: 50px 0;
	}

	.company-growth-image{
		margin-bottom: 30px;
	}

	.company-growth-image img{
		aspect-ratio: 1 / 0.67;
	}

	.company-growth-content{
		margin-left: 0px;
	}

	.company-growth-content .section-title h2{
		max-width: 100%;
	}

	.company-growth-box{
		gap: 30px;
		margin-top: 40px;
	}

	.company-growth-item{
		width: calc(50% - 15px);
	}

	.company-growth-item h2{
		font-size: 34px;
	}

	.company-growth-item h3{
		font-size: 20px;
	}

	.our-faqs{
		padding: 50px 0;
	}

	.our-faqs-content{
		margin-bottom: 30px;
	}

	.our-faqs-image{
		margin: 20px 0;
		text-align: center;
	}

	.our-faqs-image img{
		max-width: 100%;
		height: auto;
	}

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

	.our-faq-section .accordion-header .accordion-button{
		font-size: 20px;
		padding: 15px 40px 15px 15px;
	}

	.our-faq-section .accordion-item .accordion-body{
		padding: 15px 40px 15px 15px;
	}

	.our-faq-section .accordion-item .accordion-button::after,
	.our-faq-section .accordion-item .accordion-button.collapsed::after{
		right: 15px;
		width: 20px;
    	height: 20px;
	}

	.our-testimonial{
		background-size: 30% auto;
		padding: 50px 0;
	}

	.our-testimonial-content{
		position: initial;
		margin-bottom: 30px;
	}

	.testimonial-header{
		margin-bottom: 20px;
	}

	.testimonial-rating-company img{
		max-height: 40px;
	}

	.testimonial-quote img{
		max-width: 44px;
	}

	.testimonial-rating{
		margin-bottom: 15px;
	}

	.testimonial-content{
		margin-bottom: 20px;
	}

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

	.testimonial-slider .testimonial-button-next,
	.testimonial-slider .testimonial-button-prev{
		width: 40px;
		height: 40px;
	}

	.testimonial-rating-box{
		margin-top: 50px;
	}

	.testimonial-rating-item{
		width: calc(50% - 15px);
		padding: 15px 20px;
	}

	.testimonial-rating-item .icon-box{
		margin-bottom: 15px;
		padding-bottom: 15px;
	}

	.our-blog{
		padding: 50px 0;
	}

	.our-blog-content{
		position: initial;
		margin-bottom: 30px;
	}

	.blog-box{
		margin-left: 0px;
	}

	.blog-item{
		padding-bottom: 30px;
		margin-bottom: 30px;
	}

	.blog-item-content h2{
		font-size: 20px;
	}

	.main-footer{
		background-size: 30% auto;
		padding: 40px 0 0; /* Reduced mobile padding */
		margin-top: 30px; /* Reduced mobile margin */
	}

	.main-footer::before{
		background-size: 30% auto;
	}

	.footer-social-links ul li{
		margin-right: 10px;
	}

	.footer-social-links ul li a{
		width: 30px;
		height: 30px;
	}

	.footer-social-links ul li a i{
		font-size: 16px;
	}

	.footer-copyright{
		padding: 15px 0; /* Reduced mobile padding */
		margin-top: 30px; /* Reduced mobile margin */
	}

	.footer-menu ul li{
		margin-right: 15px; /* Reduced mobile margin */
	}

	.page-header{
		padding: 170px 0 70px;
		margin-top: -95px;
	}

	.page-header-box h1{
		font-size: 55px;
	}

	.our-approach{
		padding: 50px 0;
	}

	.our-approach-content{
		margin-bottom: 30px;
	}

	.mission-vision-list .mission-vision-item{
		margin-bottom: 30px;
	}

	.our-value-item{
		padding-top: 30px;
	}

	.our-approach-image{
		padding-left: 0px;
		text-align: center;
	}

	.mission-vision-list .col-md-6:nth-child(odd) .mission-vision-item{
		padding-right: 30px;
	}

	.mission-vision-list .col-md-6:nth-child(even) .mission-vision-item{
		padding-left: 30px;
	}

	.mission-vision-content h3{
		font-size: 20px;
		margin-bottom: 10px;
	}

	.our-approach-image img{
		aspect-ratio: 1 / 0.7;
	}

	.our-partners{
		padding: 50px 0 20px;
	}

	.our-partners .contact-circle{
		text-align: left;
		margin-top: 20px;
	}
	
	.our-partners .company-logo{
		padding: 35px 25px;
	}

	.company-experience{
		padding: 50px 0;
	}

	.company-experience-content{
		margin-right: 0px;
	}

	.company-experience-list{
		margin-top: 30px;
		margin-left: 0;
	}

	.company-experience-item h2{
		font-size: 34px;
	}

	.company-experience-item h3{
		font-size: 20px;
	}

	.why-choose-us{
		padding: 50px 0;
	}

	.why-choose-us-content{
		margin-right: 0;
		margin-bottom: 30px;
	}

	.why-choose-skillbar .skills-progress-bar{
		margin-bottom: 30px;
	}

	.why-choose-us-image{
		max-width: 580px;
		margin: 0 auto;
	}

	.our-team{
		padding: 50px 0 20px;
	}

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

	.team-social-icon ul{
		padding: 10px 20px;
	}

	.page-services{
		padding: 50px 0 20px;
	}

	.page-services .service-item{
        padding: 30px;
    }

	.page-service-single{
        padding: 50px 0;
    }

    .service-sidebar{
        position: inherit;
        margin: 0 0 30px 0;
    }

    .service-catagery-list{
        padding: 20px;
        margin-bottom: 30px;
    }

    .service-catagery-list h3{
        font-size: 20px;
        margin-bottom: 20px;
    }

    .service-catagery-list ul li{
        padding-bottom: 15px;
		margin-bottom: 15px;
    }

    .service-featured-image{
        margin-bottom: 20px;
    }

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

    .service-entry h2{
        font-size: 40px;
    }

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

	.service-entry-img{
		margin-bottom: 30px;
	}

	.business-process-steps{
		margin-bottom: 0px;
	}

	.page-blog{
        padding: 50px 0;
    }

    .post-item{
        height: calc(100% - 30px);
        margin-bottom: 30px;
    }

    .page-blog .post-featured-image{
        margin-bottom: 20px;
    }

	.post-btn{
		top: 20px;
		right: 20px;
	}

	.post-btn a{
		height: 40px;
		width: 40px;
	}

	.post-btn a img{
		max-width: 22px;
	}

    .post-item-content h2{
        font-size: 20px;
        margin-bottom: 10px;
    }

	.page-pagination{
		margin-top: 10px;
	}

	.page-single-post{
		padding: 50px 0 30px;
	}

	.post-image{
		margin-bottom: 20px;
	}

	.post-entry blockquote{
        padding: 25px 25px 25px 90px;
        margin-bottom: 20px;
	}

	.post-entry blockquote::before{
        top: 25px;
        left: 25px;
        font-size: 50px;
	}

	.post-entry blockquote p{
		font-size: 18px;
	}

	.post-entry h2{
		font-size: 40px;
	}

	.post-entry ul li{
		font-size: 16px;
	}

	.post-tags{
		margin-bottom: 20px;
	}

	.post-social-sharing ul{
		text-align: left;
	}

	.tag-links{
		font-size: 22px;
	}

	.post-tags .tag-links a{
		font-size: 16px;
		padding: 6px 15px;
	}

	.page-team{
		padding: 50px 0 20px;
	}

	.page-team-single{
        padding: 50px 0;
    }

    .team-single-image{
        position: initial;
        margin-right: 0;
        margin-bottom: 30px;
    }

    .team-single-image img{
        aspect-ratio: 1 / 0.79;
		object-position: top center;
    }

    .team-member-info{
        margin-bottom: 40px;
    }

    .team-info-header{
        margin-bottom: 20px;
    }

    .team-info-header h2{
        font-size: 40px;
    }

    .team-info-body{
        margin-bottom: 30px;
    }

	.team-info-list ul li{
		margin-bottom: 15px;
	}

    .team-info-list ul li span{
        font-size: 20px;
    }

    .team-member-experience{
        margin-bottom: 40px;
    }

    .member-experience-list ul li{
        margin-bottom: 15px;
    }

	.page-pricing{
        padding: 50px 0;
    }
    
    .page-pricing .pricing-box{
        padding: 30px;
    }

    .page-pricing .pricing-benefit-list{
        margin-top: 10px;
    }

	.page-testimonial{
        padding: 50px 0;
    }

    .client-testimonial-item{
        padding-bottom: 30px;
        margin-bottom: 30px;
        gap: 0;
    }

    .client-testimonial-author{
        width: 35%;
    }

    .client-author-image{
        margin-right: 20px;
    }

    .client-author-image img{
        max-width: 80px;
    }

    .client-author-content{
        width: calc(100% - 100px);
    }

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

    .client-testimonial-content{
        background-size: 45px auto;
        width: 65%;
        padding-left: 50px;
    }

    .client-testimonial-content p{
        font-size: 14px;
    }

	.page-gallery{
		padding: 50px 0 20px;
	}

	.page-gallery-box .photo-gallery img{
		aspect-ratio: 1 / 0.8;
	}

	.page-video-gallery{
		padding: 50px 0 20px;
	}

	.video-gallery-image img{
		aspect-ratio: 1 / 0.8;
	}

	.page-faq{
		padding: 50px 0;
	}

	.faqs-sidebar{
		position: initial;
		margin-right: 0px;
		margin-bottom: 30px;
	}

	.faqs-catagery-list{
        padding: 20px;
        margin-bottom: 30px;
    }

    .faqs-catagery-list ul li{
		padding-bottom: 15px;
		margin-bottom: 15px;
	}

    .page-faq-accordion{
        margin-bottom: 40px;
    }

		.page-contact-us{
		padding: 50px 0;
	}

	.page-header-contact {
		min-height: 300px;
		padding: 150px 0 80px;
	}

    .page-contact-us .section-row .section-title{
        margin-right: 0;
    }

    .contact-us-form{
        padding: 30px;
        margin-bottom: 30px;
    }

    .contact-us-title{
        margin-bottom: 30px;
    }

    .contact-us-title h3{
        font-size: 20px;
    }

    .contact-information{
        margin-left: 0;
    }

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

    .contact-info-contant{
        margin-bottom: 10px;
    }

    .contact-info-contant h3{
        font-size: 20px;
        margin-bottom: 5px;
    }

    .contact-info-title h3{
        font-size: 20px;
    }

    .google-map-iframe, 
    .google-map-iframe iframe{
        height: 450px;
    }

	.page-book-appointment{
        padding: 50px 0;
    }

    .book-appointment-content{
        margin-bottom: 30px;
    }

	.booking-timing-title{
		margin-bottom: 15px;
	}

    .booking-timing-title h3{
        font-size: 20px;
    }

	.booking-timing-list ul li{
		margin-bottom: 10px;
	}

    .appointment-form{
        padding: 30px;
    }

    .appointment-form p{
        margin-bottom: 30px;
    }

	.error-page{
		padding: 50px 0;
	}
	
	.error-page-image{
		margin-bottom: 20px;
	}

	.error-page-content-heading{
		margin-bottom: 15px;
	}

	.error-page-content-body p{
		margin-bottom: 20px;
	}

	.navbar-brand img{
		max-height: 50px;
	}


}

/* Mobile Logo Styles */
@media only screen and (max-width: 767px){
	.navbar-brand img{
		max-height: 45px;
	}

	/* Tablet specific improvements */
	.hero{
		padding: 220px 0 70px;
		margin-top: -85px;
	}

	.section-title h1{
		font-size: 48px;
	}

	.section-title h2{
		font-size: 36px;
	}

	.about-us{
		padding: 45px 0;
	}

	.our-service{
		padding: 45px 0;
	}

	.our-potential{
		padding: 45px 0;
	}

	.our-pricing{
		padding: 45px 0;
	}

	.trading-showcase{
		padding: 200px 20px 70px;
		min-height: 70vh;
	}

	.how-we-work{
		padding: 45px 0;
	}

	.company-growth{
		padding: 45px 0;
	}

	.our-faqs{
		padding: 45px 0;
	}

	.our-testimonial{
		padding: 45px 0;
	}

	.our-blog{
		padding: 45px 0;
	}

	.main-footer{
		padding: 35px 0 0;
		margin-top: 25px;
	}

	.page-contact-us{
		padding: 45px 0;
	}

	/* Mobile navigation handled by custom mobile menu implementation */

	/* Form improvements */
	.contact-us-form form .form-control{
		font-size: 16px;
		padding: 12px 0;
	}

	.form-submit-container{
		flex-direction: column;
		align-items: stretch;
		gap: 15px;
	}

	.recaptcha-wrapper{
		align-self: center;
	}

	.recaptcha-wrapper .g-recaptcha{
		transform: scale(0.85);
		transform-origin: 0 0;
	}
}

/* Extra Small Mobile Logo Styles */
@media only screen and (max-width: 480px){
	.navbar-brand img{
		max-height: 40px;
	}
}

/* Custom Hero Height Control Options */
/* You can add these classes to the hero div for different heights */

/* Full viewport height */
.hero.hero-fullscreen {
	min-height: 100vh;
	padding: 200px 30px 100px;
}

/* Three-quarter viewport height */
.hero.hero-large {
	min-height: 75vh;
	padding: 150px 30px 80px;
}

/* Half viewport height */
.hero.hero-medium {
	min-height: 50vh;
	padding: 100px 30px 60px;
}

/* Fixed height regardless of content */
.hero.hero-fixed-height {
	height: 600px;
	min-height: unset;
	padding: 80px 30px 60px;
}

/* Compact hero */
.hero.hero-compact {
	min-height: 40vh;
	padding: 80px 30px 40px;
}

/************************************/
/**** Contact Page Header Styles ****/
/************************************/

/* Contact page specific header background */
.page-header-contact {
	background: url('../images/contact-us-bg.webp') no-repeat !important;
	background-position: center center !important;
	background-size: cover !important;
	background-attachment: fixed !important;
	min-height: 600px;
}

/* Alternative page header background using general-header-bg1.jpg */
.page-header-alt-bg {
	background: url('../images/general-header-bg1.webp') no-repeat !important;
	background-position: center center !important;
	background-size: cover !important;
	background-attachment: fixed !important;
}

/* TDE Benefits Section Styles */
.tde-benefits {
    padding: 100px 0;
    background: var(--secondary-color);
    position: relative;
    z-index: 1;
}

.tde-benefits .benefit-item {
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--divider-color);
    padding-bottom: 40px;
    margin-bottom: 40px;
}

.tde-benefits .benefit-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.tde-benefits .benefit-item .post-featured-image {
    width: 47%;
}

.tde-benefits .benefit-item .post-featured-image figure {
    margin: 0;
}

.tde-benefits .benefit-item .post-featured-image img {
    width: 100%;
    height: auto;
    display: block;
}

.tde-benefits .benefit-item-body {
    width: calc(100% - 47%);
    margin-left: 30px;
}

.tde-benefits .benefit-item-content {
    margin-bottom: 20px;
}

.tde-benefits .benefit-item-content h2 {
    font-size: 22px;
    margin-bottom: 10px;
}

.tde-benefits .benefit-item-content h2 a {
    color: inherit;
}

.tde-benefits .benefit-item-content p {
    margin: 0;
}

/* Responsive styles for TDE Benefits section */
@media (max-width: 991px) {
    .tde-benefits {
        padding: 50px 0;
    }
    
    .tde-benefits .benefit-item {
        padding-bottom: 30px;
        margin-bottom: 30px;
    }
    
    .tde-benefits .benefit-item-content h2 {
        font-size: 20px;
    }
}

/* Testimonial Slider Box - Enhanced Design like Old Site */
.testimonial-slider-box{
	background-color: rgba(255, 255, 255, 0.05);
	backdrop-filter: blur(20px);
	padding: 50px 40px;
	border-radius: 20px;
	border: 1px solid rgba(255, 255, 255, 0.1);
}

.testimonial-slider{
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	margin-bottom: 50px;
	padding-bottom: 50px;
	position: relative;
	overflow: hidden;
}

.testimonial-slider .swiper{
	width: 100%;
	height: auto;
	position: relative;
}

.testimonial-slider .swiper-wrapper{
	/* Removed cursor: none to fix slider functionality */
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: flex;
	transition-property: transform;
	box-sizing: content-box;
}

/* Customer Rating Boxes - Old Site Style */
.customer-rating-boxes{
	display: flex;
	flex-wrap: wrap;
	gap: 20px 40px;
	justify-content: center;
}

.customer-rating-box{
	width: calc(33.33% - 26.67px);
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 10px;
	padding: 10px;
	background: rgba(255, 255, 255, 0.02);
	transition: all 0.3s ease-in-out;
}

.customer-rating-box:hover{
	background: rgba(255, 255, 255, 0.05);
	border-color: rgba(255, 255, 255, 0.2);
}

.customer-rating-image{
	margin-right: 10px;
}

.customer-rating-image img{
	width: 100%;
	max-width: 40px;
}

.customer-rating-content p{
	color: var(--white-color);
	text-transform: capitalize;
	display: block;
	margin-bottom: 5px;
	font-size: 14px;
}

.customer-rating-counter{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
}

.customer-rating-counter h3{
	font-size: 20px;
	font-weight: 500;
	color: var(--white-color);
	margin: 0;
}

.customer-rating-star-box{
	text-align: center;
}

.customer-rating-star{
	display: flex;
	gap: 2px;
}

.customer-rating-star i{
	font-size: 12px;
	color: var(--white-color);
}

.customer-rating-counter p{
	text-transform: capitalize;
	text-align: center;
	color: var(--white-color);
	margin-right: 10px;
	margin-bottom: 0;
	font-size: 14px;
}

.customer-rating-counter p span{
	display: block;
	font-size: 20px;
	font-weight: 500;
}

.star-rating-img{
	margin-top: 5px;
}

.star-rating-img img{
	width: 100%;
	max-width: 85px;
}

.customer-rating-box.customer-rating-content p{
	margin: 0;
	text-align: center;
}

.rating-action-btn{
	display: flex;
	align-items: center;
}

.btn-rating{
	font-size: 14px;
	font-weight: 600;
	text-transform: capitalize;
	color: var(--white-color);
	background: transparent;
	border: 1px solid rgba(255, 255, 255, 0.3);
	border-radius: 20px;
	padding: 8px 16px;
	width: 120px;
	text-align: center;
	transition: all 0.3s ease-in-out;
	text-decoration: none;
}

.btn-rating:hover{
	background: var(--accent-color);
	border-color: var(--accent-color);
	color: var(--primary-color);
}

/* Testimonial Pagination - Old Site Style */
.testimonial-pagination{
	position: static;
	text-align: center;
	margin-top: 30px;
	z-index: 1;
}

.testimonial-pagination .swiper-pagination-bullet{
	position: relative;
	height: 12px;
	width: 12px;
	background: rgba(255, 255, 255, 0.3);
	margin: 0 8px;
	transition: all 0.3s ease-in-out;
	opacity: 1;
	border-radius: 50%;
}

.testimonial-pagination .swiper-pagination-bullet:before{
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	height: 0;
	width: 0;
	border-radius: 50%;
	transition: all 0.3s ease-in-out;
}

.testimonial-pagination .swiper-pagination-bullet-active{
	background: var(--accent-color);
	transform: scale(1.2);
}

.testimonial-pagination .swiper-pagination-bullet-active:before{
	height: 20px;
	width: 20px;
	border: 1px solid rgba(255, 255, 255, 0.3);
}

/* Testimonial Items - Old Site Style */
.testimonial-item{
	background: transparent;
	border-radius: 0;
	padding: 0;
	backdrop-filter: none;
	border: none;
	transition: all 0.3s ease-in-out;
}

.testimonial-item:hover{
	background: transparent;
	transform: none;
}

.testimonial-header{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 40px;
}

.testimonial-quotes{
	margin-left: 20px;
}

.testimonial-quotes img{
	width: 40px;
	max-width: 40px;
	opacity: 0.8;
}

.testimonial-quotes i{
	font-size: 60px;
	color: #28a745;
	opacity: 0.9;
}

.testimonial-body{
	margin-bottom: 40px;
}

.testimonial-body p{
	font-size: 18px;
	line-height: 1.6;
	color: var(--white-color);
	opacity: 0.8;
	margin: 0;
	font-style: normal;
}

.testimonial-author{
	width: 75%;
	display: flex;
	align-items: center;
}

.author-image{
	margin-right: 20px;
	flex-shrink: 0;
}

.author-image figure{
	display: block;
	border-radius: 5px;
}

.author-image img{
	width: 40px;
	max-width: 40px;
	height: 40px;
	border-radius: 5px;
	object-fit: cover;
}

.author-content{
	width: calc(100% - 60px);
}

.author-content h3{
	position: relative;
	display: inline-block;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 0.03em;
	text-transform: capitalize;
	color: var(--white-color);
	padding-right: 20px;
	margin: 0;
}

.author-content h3 span{
	font-size: 16px;
	font-weight: 400;
	text-transform: capitalize;
	color: var(--white-color);
	opacity: 0.8;
	margin: 0;
}

/* Responsive improvements */
@media (max-width: 991px) {
	.customer-rating-boxes{
		gap: 20px;
		margin-top: 40px;
	}
	
	.customer-rating-box{
		flex: 1;
		min-width: calc(50% - 10px);
	}
	
	.testimonial-item{
		padding: 30px 25px;
	}
}

@media (max-width: 767px) {
	.customer-rating-box{
		min-width: 100%;
	}
	
	.customer-rating-boxes{
		flex-direction: column;
		align-items: center;
	}
	
	.rating-action-btn{
		justify-content: center;
	}
	
	.testimonial-item{
		padding: 25px 20px;
	}
	
	.testimonial-body p{
		font-size: 16px;
	}
}

/* Consolidated Footer Styles - Compact & Clean */
.main-footer {
	padding: 50px 0 0; /* Reduced from 100px */
	margin-top: 40px; /* Reduced from 60px */
}

.footer-contact-info h3 {
	margin-bottom: 10px; /* Reduced from 20px */
	font-size: 20px; /* Reduced from 22px */
}

.footer-social-links {
	margin-top: 15px; /* Reduced from 30px */
}

.footer-copyright {
	padding: 25px 0; /* Reduced from 40px */
	margin-top: 40px; /* Reduced from 80px */
}

.footer-menu ul li {
	margin-right: 25px; /* Reduced from 30px */
}

/* Footer Logo Styles */
.footer-logo {
	margin-top: 15px; /* Reduced from 20px */
	margin-bottom: 0;
	display: flex;
	justify-content: flex-start;
}

.footer-logo img {
	max-height: 50px;
	width: auto;
	opacity: 0.9;
	transition: opacity 0.3s ease;
}

.footer-logo img:hover {
	opacity: 1;
}

/* Footer Disclaimer - Compact spacing */
.footer-disclaimer {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}

.footer-disclaimer .disclaimer-content {
	margin-bottom: 0;
}

.footer-disclaimer .disclaimer-content p {
	margin-bottom: 5px; /* Reduced from default paragraph spacing */
}

.footer-disclaimer .credit-text {
	margin-bottom: 0; /* Remove bottom margin from credit text */
	padding-bottom: 0;
}

/* Consolidated spacing removal for compact footer */
.main-footer .section-title {
	margin-bottom: 0;
}

.main-footer .section-title p {
	margin-bottom: 15px; /* Reduced spacing after description */
}

.main-footer .about-footer,
.main-footer .footer-contact-info {
	margin-bottom: 0;
	padding-bottom: 0;
}

.main-footer .row {
	margin-bottom: 0;
}

.main-footer .row > [class*="col-"] {
	margin-bottom: 0;
	padding-bottom: 0;
}

/* Extra Small Mobile Styles (320px - 480px) */
@media only screen and (max-width: 480px){
	.navbar-brand img{
		max-height: 40px;
	}

	/* Typography Mobile Optimizations */
	.section-title h1{
		font-size: 42px !important;
		line-height: 1.2em;
	}

	.section-title h2{
		font-size: 32px !important;
		line-height: 1.2em;
	}

	.section-title h3{
		font-size: 12px;
		margin-bottom: 15px;
	}

	.section-title p{
		font-size: 15px;
		line-height: 1.6em;
		margin-top: 20px;
	}

	/* Hero Section Mobile Fixes */
	.hero{
		padding: 200px 0 60px !important;
		margin-top: -80px;
	}

	.hero-content .section-title h1{
		font-size: 36px !important;
	}

	.hero-btn{
		display: flex;
		flex-direction: row;
		gap: 12px;
		align-items: center;
		justify-content: center;
		width: 100%;
		margin: 60px auto 0;
	}

	.hero-btn .btn-default{
		width: auto;
		text-align: center;
		padding: 13px 45px 13px 18px;
		font-size: 14px;
		min-height: 46px;
		border-radius: 100px;
		margin-left: 0 !important;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		white-space: nowrap;
	}

	.hero-btn .btn-default.btn-highlighted{
		margin-left: 0 !important;
	}

	/* Header Mobile Improvements */
	header.main-header{
		padding: 0 10px;
	}

	.container-fluid{
		padding-left: 10px;
		padding-right: 10px;
	}

	/* About Section Mobile */
	.about-us{
		padding: 40px 0;
	}

	.about-us-images{
		max-width: 100%;
		padding: 0 0 30px 0;
		margin-bottom: 20px;
	}

	.about-us-img-1 figure{
		margin-bottom: 20px;
	}

	.about-us-img-2{
		width: 80%;
		margin: 0 auto;
	}

	.about-experience-box{
		position: static;
		transform: none;
		margin: 20px auto 0;
		max-width: 200px;
	}

	.company-review{
		position: static;
		transform: none;
		writing-mode: initial;
		text-align: center;
		margin-top: 20px;
	}

	.about-us-list ul li{
		font-size: 16px;
		margin-bottom: 12px;
	}

	.about-us-body{
		flex-direction: column;
		gap: 20px;
	}

	.about-comapny-client{
		width: 100%;
	}

	.company-client-images{
		justify-content: center;
		gap: 10px;
	}

	.company-client-images .client-image{
		width: 60px;
		height: 60px;
	}

	/* Service Section Mobile */
	.our-service{
		padding: 40px 0;
	}

	.service-item{
		margin-bottom: 25px;
		padding: 25px 15px;
	}

	.service-item .icon-box{
		width: 60px;
		height: 60px;
		margin-bottom: 15px;
	}

	.service-item-content h3{
		font-size: 18px;
		margin-bottom: 10px;
	}

	.service-item-content p{
		font-size: 14px;
		line-height: 1.5em;
	}

	/* Pricing Section Mobile */
	.our-pricing{
		padding: 40px 0;
	}

	.pricing-box{
		padding: 25px 15px;
		margin-bottom: 20px;
	}

	.pricing-title h2{
		font-size: 32px;
	}

	.pricing-title h2 sup{
		font-size: 20px;
	}

	.pricing-title h2 sub{
		font-size: 12px;
	}

	.pricing-list ul li{
		font-size: 14px;
		padding: 8px 0;
	}

	.pricing-btn .btn-default{
		width: 100%;
		text-align: center;
		padding: 15px;
		font-size: 14px;
	}

	/* Trading Showcase Mobile */
	.trading-showcase{
		padding: 150px 15px 60px;
		min-height: 60vh;
	}

	.trading-showcase-content .section-title h1{
		font-size: 36px !important;
	}

	.trading-showcase-btn{
		margin-top: 25px;
		text-align: center;
	}

	/* How We Work Mobile */
	.how-we-work{
		padding: 40px 0;
	}

	.how-work-item{
		text-align: center;
		margin-bottom: 25px;
	}

	.how-work-item .icon-box{
		margin: 0 auto 15px;
	}

	.how-work-content h3{
		font-size: 18px;
	}

	.how-work-content p{
		font-size: 14px;
	}

	.scrolling-content span{
		font-size: 50px;
	}

	.scrolling-content span img{
		max-width: 35px;
		margin-right: 20px;
	}

	/* Company Growth Mobile */
	.company-growth{
		padding: 40px 0;
	}

	.company-growth-item{
		width: 100%;
		text-align: center;
		margin-bottom: 25px;
	}

	.company-growth-item h2{
		font-size: 28px;
	}

	.company-growth-item h3{
		font-size: 18px;
	}

	/* FAQ Section Mobile */
	.our-faqs{
		padding: 40px 0;
	}

	.our-faq-section .accordion-header .accordion-button{
		font-size: 16px;
		padding: 12px 35px 12px 12px;
		line-height: 1.3em;
	}

	.our-faq-section .accordion-item .accordion-body{
		padding: 12px 35px 12px 12px;
		font-size: 14px;
	}

	.faqs-cta-box{
		padding: 20px 15px;
		margin-top: 20px;
	}

	.faqs-cta-content h3{
		font-size: 18px;
	}

	.faqs-cta-content p{
		font-size: 14px;
	}

	/* Testimonial Section Mobile */
	.our-testimonial{
		padding: 40px 0;
	}

	.testimonial-item{
		padding: 20px 15px;
		margin-bottom: 20px;
	}

	.testimonial-header{
		margin-bottom: 15px;
	}

	.testimonial-content p{
		font-size: 14px;
		line-height: 1.5em;
	}

	.author-content h3{
		font-size: 16px;
	}

	.author-content p{
		font-size: 13px;
	}

	.testimonial-rating-item{
		width: 100%;
		padding: 15px;
		margin-bottom: 15px;
	}

	.testimonial-slider .testimonial-button-next,
	.testimonial-slider .testimonial-button-prev{
		width: 35px;
		height: 35px;
		font-size: 14px;
	}

	/* Blog Section Mobile */
	.our-blog{
		padding: 40px 0;
	}

	.blog-item{
		margin-bottom: 25px;
		padding-bottom: 25px;
	}

	.blog-item-content h2{
		font-size: 18px;
		margin-bottom: 8px;
	}

	.blog-item-content p{
		font-size: 14px;
		line-height: 1.5em;
	}

	/* Contact Form Mobile */
	.page-contact-us{
		padding: 40px 0;
	}

	.contact-us-form{
		padding: 0;
	}

	.contact-us-title h3{
		font-size: 20px;
	}

	.contact-us-title p{
		font-size: 14px;
	}

	.contact-us-form form .form-control{
		font-size: 16px !important; /* Prevents zoom on iOS */
		padding: 15px 0;
	}

	.contact-us-form form .btn-default{
		width: 100%;
		padding: 15px;
		font-size: 16px;
	}

	.form-submit-container{
		flex-direction: column;
		gap: 15px;
	}

	.recaptcha-wrapper .g-recaptcha{
		transform: scale(0.77);
		transform-origin: 0 0;
	}

	.contact-info-item{
		margin-bottom: 20px;
		text-align: center;
	}

	.contact-info-contant h3{
		font-size: 18px;
	}

	.contact-info-contant p{
		font-size: 14px;
	}

	.page-header-contact {
		min-height: 250px;
		padding: 120px 0 60px;
		background-position: center center !important;
	}

	/* Footer Mobile */
	.main-footer{
		padding: 30px 0 0;
		margin-top: 20px;
	}

	.footer-contact-info{
		text-align: center;
		margin-bottom: 25px;
	}

	.footer-contact-info h3{
		font-size: 18px;
		margin-bottom: 15px;
	}

	.footer-contact-info p{
		font-size: 14px;
		margin-bottom: 8px;
	}

	.footer-social-links{
		text-align: center;
		margin-bottom: 25px;
	}

	.footer-social-links ul{
		justify-content: center;
	}

	.footer-social-links ul li a{
		width: 35px;
		height: 35px;
	}

	.footer-social-links ul li a i{
		font-size: 16px;
	}

	/* Footer Logo Mobile Centering */
	.footer-logo{
		justify-content: center;
		text-align: center;
		margin-bottom: 20px;
	}

	.footer-copyright{
		padding: 15px 0;
		margin-top: 25px;
		text-align: center;
	}

	.footer-menu ul{
		justify-content: center;
		flex-wrap: wrap;
		gap: 10px;
	}

	.footer-menu ul li{
		margin: 0;
	}

	.footer-menu ul li a{
		font-size: 13px;
		padding: 5px 10px;
		cursor: pointer;
		color: var(--white-color);
		text-transform: capitalize;
		transition: all 0.3s ease-in-out;
		text-decoration: none;
		display: inline-block;
	}

	.footer-menu ul li a:hover {
		color: #28a745 !important;
	}

	.footer-copyright-text p{
		font-size: 12px;
		text-align: center;
	}

	/* Page Header Mobile */
	.page-header{
		padding: 130px 0 50px;
		margin-top: -80px;
	}

	.page-header-box h1{
		font-size: 36px;
	}

	.page-header-box ol{
		font-size: 14px;
	}

	/* Pricing Page Mobile */
	.page-pricing .pricing-box{
		padding: 25px 15px;
		margin-bottom: 20px;
	}

	.page-pricing .pricing-benefit-list ul{
		grid-template-columns: 1fr;
		gap: 8px;
	}

	.page-pricing .pricing-benefit-list ul li{
		font-size: 14px;
		padding: 8px 0 8px 25px;
	}

	/* Team Page Mobile */
	.page-team{
		padding: 40px 0 20px;
	}

	.team-member-item{
		margin-bottom: 25px;
	}

	.team-content h3{
		font-size: 18px;
	}

	.team-content p{
		font-size: 13px;
	}

	/* Error Page Mobile */
	.error-page{
		padding: 40px 0;
	}

	.error-page-content-heading h1{
		font-size: 36px;
	}

	.error-page-content-body p{
		font-size: 14px;
		margin-bottom: 20px;
	}

	/* Button Mobile Improvements */
	.btn-default{
		font-size: 14px;
		padding: 15px 50px 15px 20px;
		min-height: 48px; /* Touch target size */
	}

	.btn-default::before{
		width: 20px;
		height: 20px;
		font-size: 16px;
		right: 15px;
		line-height: 20px;
	}

	.btn-phone{
		font-size: 14px;
		padding: 10px 15px;
		min-height: 44px;
	}

	/* Form Elements Mobile */
	input, textarea, select{
		font-size: 16px !important; /* Prevents zoom on iOS */
		min-height: 44px;
	}

	/* Pricing Images Mobile */
	.pricing-images-section{
		padding: 40px 0;
	}

	.pricing-image-box{
		margin-bottom: 20px;
	}

	.pricing-image-overlay h3{
		font-size: 16px;
	}

	/* Custom sections mobile improvements */
	.tde-benefits{
		padding: 40px 0;
	}

	.tde-benefits .benefit-item{
		margin-bottom: 25px;
	}

	.tde-benefits .benefit-item-content h2{
		font-size: 18px;
	}

	.tde-benefits .benefit-item-content p{
		font-size: 14px;
	}

	/* Customer rating boxes mobile */
	.customer-rating-box{
		padding: 20px 15px;
		margin-bottom: 15px;
	}

	.customer-rating-counter h3{
		font-size: 24px;
	}

	.customer-rating-content p{
		font-size: 13px;
	}

	/* Payment Pages Mobile */
	.payment-section{
		padding: 40px 0;
	}

	.payment-details{
		padding: 25px 15px;
		margin-bottom: 20px;
	}

	.payment-form-section h3{
		font-size: 20px;
		margin-bottom: 10px;
	}

	.payment-form-section p{
		font-size: 14px;
		margin-bottom: 20px;
	}

	.payment-card-icons{
		display: flex;
		justify-content: center;
		gap: 10px;
		margin-bottom: 25px;
	}

	.payment-card-icons img{
		width: 35px !important;
		height: auto;
	}

	.order-summary h3{
		font-size: 20px;
		margin-bottom: 20px;
	}

	.price-box .price{
		font-size: 2.2rem !important;
	}

	.plan-features h4{
		font-size: 16px;
		margin-bottom: 15px;
	}

	.plan-features ul li{
		font-size: 14px;
		padding: 6px 0 6px 20px;
	}

	.plan-features ul li::before{
		font-size: 12px;
	}

	.secure-badge{
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 8px;
		margin-top: 15px;
		font-size: 13px;
		color: var(--text-color);
	}

	.secure-badge i{
		color: var(--accent-color);
		font-size: 14px;
	}

	/* Selection pages mobile */
	.btn-premium{
		padding: 16px 35px !important;
		font-size: 16px !important;
	}

	.trust-indicators{
		flex-direction: column;
		gap: 12px;
		margin-top: 20px;
	}

	.trust-item{
		font-size: 13px;
	}

	/* Testimonial mobile improvements */
	.testimonial-body p{
		font-size: 14px;
		line-height: 1.5em;
	}

	.author-content h3{
		font-size: 16px;
	}

	.author-content h3 span{
		font-size: 13px;
	}
}

/* Ultra-small screens (320px and below) */
@media only screen and (max-width: 320px){
	.container-fluid{
		padding-left: 5px;
		padding-right: 5px;
	}

	.container{
		padding-left: 10px;
		padding-right: 10px;
	}

	.hero{
		padding: 180px 0 50px !important;
	}

	.hero-content .section-title h1{
		font-size: 28px !important;
	}

	.section-title h1{
		font-size: 32px !important;
	}

	.section-title h2{
		font-size: 26px !important;
	}

	.section-title h3{
		font-size: 11px;
	}

	.section-title p{
		font-size: 14px;
	}

	.trading-showcase{
		padding: 120px 10px 50px;
	}

	.pricing-box{
		padding: 20px 10px;
	}

	.contact-us-form{
		padding: 0 5px;
	}

	.recaptcha-wrapper .g-recaptcha{
		transform: scale(0.68);
	}

	.footer-social-links ul li a{
		width: 32px;
		height: 32px;
	}

	.footer-menu ul li a{
		font-size: 12px;
		padding: 3px 8px;
		cursor: pointer;
		color: var(--white-color);
		text-transform: capitalize;
		transition: all 0.3s ease-in-out;
		text-decoration: none;
		display: inline-block;
	}

	.footer-menu ul li a:hover {
		color: #28a745 !important;
	}

	/* Extra small mobile specific improvements */
	.btn-default{
		font-size: 13px;
		padding: 12px 48px 12px 16px;
		min-height: 46px;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
	}



	.service-item{
		padding: 20px 12px;
	}

	.service-item-content h3{
		font-size: 16px;
	}

	.service-item-content p{
		font-size: 13px;
	}

	.testimonial-item{
		padding: 15px 12px;
	}

	.testimonial-content p{
		font-size: 13px;
	}

	.author-content h3{
		font-size: 15px;
	}

	.about-us-list ul li{
		font-size: 15px;
	}

	.company-client-images .client-image{
		width: 50px;
		height: 50px;
	}

	.payment-details{
		padding: 20px 10px;
	}

	.price-box .price{
		font-size: 1.8rem !important;
	}

	.plan-features ul li{
		font-size: 13px;
	}

	.our-faq-section .accordion-header .accordion-button{
		font-size: 15px;
		padding: 10px 30px 10px 10px;
	}

	.our-faq-section .accordion-item .accordion-body{
		padding: 10px 30px 10px 10px;
		font-size: 13px;
	}
}

/* Landscape orientation mobile fixes */
@media only screen and (max-height: 500px) and (orientation: landscape){
	.hero{
		padding: 120px 0 40px !important;
		margin-top: -60px;
	}

	.page-header{
		padding: 100px 0 40px;
		margin-top: -60px;
	}

	.trading-showcase{
		padding: 100px 15px 40px;
		min-height: auto;
	}
}

/* Medium tablet styles (600px - 767px) */
@media only screen and (min-width: 600px) and (max-width: 767px){
	.hero{
		padding: 240px 0 80px;
	}

	.section-title h1{
		font-size: 52px;
	}

	.section-title h2{
		font-size: 40px;
	}

	.pricing-box{
		padding: 35px 25px;
	}

	.testimonial-item{
		padding: 25px 20px;
	}

	.contact-us-form{
		padding: 10px;
	}

	.payment-details{
		padding: 30px 20px;
	}
}

/* Touch interaction improvements for all mobile devices */
@media (hover: none) and (pointer: coarse){
	/* Remove hover effects on touch devices */
	.btn-default:hover,
	.service-item:hover,
	.pricing-box:hover,
	.testimonial-item:hover{
		transform: none;
	}

	/* Increase tap targets */
	.btn-default,
	.btn-phone,
	button,
	input[type="submit"]{
		min-height: 44px;
		min-width: 44px;
	}

	/* Navigation improvements */
	.main-menu ul li a{
		padding: 12px 15px;
	}

	.footer-social-links ul li a{
		min-width: 44px;
		min-height: 44px;
	}

	/* Form improvements */
	.form-control{
		min-height: 44px;
		font-size: 16px /* Prevents zoom on iOS */
	}

	/* Accordion improvements */
	.our-faq-section .accordion-header .accordion-button{
		min-height: 50px;
		padding: 15px 45px 15px 15px;
	}
}

/* Fix for iOS zoom prevention */
@supports (-webkit-overflow-scrolling: touch) {
	input[type="text"],
	input[type="email"],
	input[type="tel"],
	input[type="password"],
	textarea,
	select {
		font-size: 16px !important;
	}
}

/* Enhanced Mobile Accessibility & UX Improvements */

/* Focus indicators for better keyboard navigation */
/* Remove focus outlines for navigation and footer links */
.main-menu ul li a:focus,
.footer-menu ul li a:focus,
.footer-social-links ul li a:focus,
.mobile-menu-link:focus {
	outline: none !important;
}

/* Keep focus indicators for form elements and buttons for accessibility */
input:focus,
textarea:focus,
select:focus,
button:focus,
.btn-default:focus,
[role="button"]:focus {
	outline: 2px solid var(--accent-color) !important;
	outline-offset: 2px;
}

/* Remove outline for CTA buttons and navigation buttons */
.btn-default:focus,
.header-btn .btn-default:focus,
.header-btn a:focus,
.btn-phone:focus {
	outline: none !important;
}

/* Enhanced touch feedback */
.btn-default:active,
.service-item:active,
.pricing-box:active {
	transform: scale(0.98);
	transition: transform 0.1s ease;
}

/* Skip to main content link for accessibility */
.skip-link {
	position: absolute;
	top: -40px;
	left: 6px;
	background: var(--accent-color);
	color: white;
	padding: 8px;
	text-decoration: none;
	z-index: 10000;
	border-radius: 4px;
}

.skip-link:focus {
	top: 6px;
}

/* Better error states for forms */
.form-control:invalid {
	border-color: #dc3545;
	box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.form-control:valid {
	border-color: #28a745;
}

/* Improved loading states */
.loading-button {
	position: relative;
	color: transparent !important;
}

.loading-button::after {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	top: 50%;
	left: 50%;
	margin-left: -8px;
	margin-top: -8px;
	border: 2px solid #ffffff;
	border-radius: 50%;
	border-top-color: transparent;
	animation: button-loading-spinner 1s ease infinite;
}

@keyframes button-loading-spinner {
	from {
		transform: rotate(0turn);
	}
	to {
		transform: rotate(1turn);
	}
}

/* Enhanced mobile navigation accessibility is handled by custom mobile menu */

/* Mobile-specific improvements for small screens */
@media (max-width: 380px) {
	/* Ultra-small mobile adjustments */
	.container-fluid {
		padding-left: 8px;
		padding-right: 8px;
	}
	
	.section-title h1 {
		font-size: 28px !important;
		line-height: 1.1em;
	}
	
	.section-title h2 {
		font-size: 24px !important;
		line-height: 1.2em;
	}
	
	.btn-default {
		font-size: 13px;
		padding: 12px 50px 12px 16px;
		min-height: 44px;
	}

	.btn-default::before{
		width: 18px;
		height: 18px;
		font-size: 14px;
		right: 16px;
		line-height: 18px;
	}
	
	.hero {
		padding: 160px 0 50px !important;
	}
	
	.hero-content .section-title h1 {
		font-size: 26px !important;
	}
	
	.pricing-box {
		padding: 18px 12px;
	}
	
	.testimonial-item {
		padding: 16px 12px;
	}
	
	.contact-us-form form .form-control {
		font-size: 16px !important;
		padding: 12px 0;
	}
	
	.recaptcha-wrapper .g-recaptcha {
		transform: scale(0.65);
		transform-origin: 0 0;
	}
}

/* PWA support for mobile */
@media (display-mode: standalone) {
	.main-header {
		padding-top: env(safe-area-inset-top);
	}
}

/* Dark mode support handled by custom mobile menu */

/* Reduced motion support 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;
	}
	
	.preloader {
		display: none !important;
	}
}

/* High contrast mode support */
@media (prefers-contrast: high) {
	.btn-default {
		border: 2px solid currentColor;
	}
}

/* Print styles for mobile */
@media print {
	.main-header,
	.preloader,
	.navbar-toggle {
		display: none !important;
	}
	
	.hero,
	.page-header {
		padding: 20px 0 !important;
		background: none !important;
	}
}

/* High DPI display improvements */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.navbar-brand img,
	.footer-logo img {
		image-rendering: -webkit-optimize-contrast;
		image-rendering: crisp-edges;
	  	}
  }

/* ===================================
   PRICING PAGE STYLES (Moved from pricing.html)
   ===================================*/

/* Additional spacing for pricing page */
.pricing-images-section {
	padding-top: 120px !important;
}

@media (max-width: 768px) {
	.pricing-images-section {
		padding-top: 80px !important;
	}
}

@media (max-width: 480px) {
	.pricing-images-section {
		padding-top: 60px !important;
	}
}

/* ===================================
   PAYMENT SECTION STYLES (Moved from payment pages)
   ===================================*/

/* Enhanced Payment section styles with improved design */
.payment-section {
	padding: 80px 0;
	min-height: 60vh;
	background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
}

.payment-details {
	background: var(--white-color);
	border-radius: 25px;
	padding: 50px;
	box-shadow: 0 20px 60px rgba(4, 42, 45, 0.1);
	border: none;
	position: relative;
	overflow: hidden;
}

/* For payment form pages (reduced padding) */
.payment-form-section .payment-details {
	border-radius: 20px;
	padding: 40px;
	box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
	border: 1px solid var(--divider-color);
	margin-bottom: 30px;
	background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
}

.payment-details::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 5px;
	background: linear-gradient(to right, var(--dark-color) 0%, var(--accent-color) 50%, var(--dark-color) 100%);
}

/* Payment form specific styles */
.payment-form-section h3 {
	font-size: 1.5rem;
	margin-bottom: 20px;
	color: var(--primary-color);
}

.payment-form-section p {
	margin-bottom: 30px;
	color: var(--text-color);
}

.payment-card-icons {
	display: flex;
	gap: 10px;
	margin-bottom: 30px;
}

.payment-card-icons img {
	height: 30px;
	width: auto;
}

.form-group {
	margin-bottom: 25px;
}

.form-group label {
	display: block;
	margin-bottom: 8px;
	font-weight: 600;
	color: var(--primary-color);
}

.form-control {
	width: 100%;
	padding: 12px 15px;
	border: 1px solid var(--divider-color);
	border-radius: 8px;
	font-size: 16px;
	transition: border-color 0.3s ease;
}

.form-control:focus {
	outline: none;
	border-color: var(--accent-color);
	box-shadow: 0 0 0 3px rgba(115, 237, 124, 0.1);
}

#card-element {
	background: #f8f9fa;
	border: 1px solid var(--divider-color);
	padding: 12px;
	border-radius: 8px;
}

.secure-badge {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 20px;
	font-size: 14px;
	color: var(--text-color);
}

.secure-badge i {
	color: var(--accent-color);
	margin-right: 8px;
}

/* Plan description styles */
.plan-description {
	margin-bottom: 40px;
}

.plan-description p {
	font-size: 17px;
	line-height: 1.7;
	margin-bottom: 20px;
	color: var(--text-color);
}

.plan-description p:first-child {
	font-size: 19px;
	color: var(--primary-color);
	font-weight: 600;
}

.plan-description a {
	color: var(--accent-color);
	text-decoration: none;
	font-weight: 600;
	border-bottom: 2px solid transparent;
	transition: all 0.3s ease;
}

.plan-description a:hover {
	color: var(--dark-color);
	border-bottom-color: var(--accent-color);
}

/* Price box styles */
.price-box {
	margin: 40px 0;
	text-align: center;
	padding: 35px;
	background: linear-gradient(135deg, var(--secondary-color) 0%, #ffffff 100%);
	border-radius: 20px;
	border: 2px solid var(--divider-color);
	position: relative;
}

/* Price box for payment forms */
.payment-form-section .price-box {
	margin: 30px 0;
	padding: 25px;
	background: var(--secondary-color);
	border: 2px solid var(--accent-color);
}

.price-box::before {
	content: "TDE Trading";
	position: absolute;
	top: -12px;
	left: 50%;
	transform: translateX(-50%);
	background: var(--accent-color);
	color: var(--white-color);
	padding: 8px 25px;
	border-radius: 20px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 1px;
}

.price-box .price {
	font-size: 3.5rem;
	font-weight: 800;
	color: var(--primary-color);
	display: block;
	line-height: 1;
	margin-bottom: 8px;
}

/* Price for payment forms */
.payment-form-section .price-box .price {
	font-size: 2.5rem;
	font-weight: 700;
	margin-bottom: 5px;
}

.price-box .price::before {
	content: "$";
	font-size: 2rem;
	vertical-align: top;
	margin-right: 5px;
}

.price-box p {
	font-size: 1.2rem;
	margin: 0;
	color: var(--dark-color);
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
}

/* Payment form price box paragraphs */
.payment-form-section .price-box p {
	font-size: 1.1rem;
	color: var(--text-color);
	text-transform: none;
	font-weight: normal;
	letter-spacing: normal;
}

/* Plan features styles */
.plan-feature {
	padding: 30px 0;
	border-top: 2px solid var(--divider-color);
	border-bottom: 2px solid var(--divider-color);
}

.plan-feature h3,
.plan-features h4 {
	font-size: 1.5rem;
	margin-bottom: 25px;
	color: var(--primary-color);
	font-weight: 700;
	text-align: center;
}

.plan-features h4 {
	font-size: 1.2rem;
	margin-bottom: 20px;
	text-align: left;
}

.plan-feature-list,
.plan-features ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.plan-feature-list {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 15px;
}

.plan-feature-list li {
	padding: 15px 20px 15px 45px;
	position: relative;
	font-size: 16px;
	color: var(--text-color);
	background: #f8f9fa;
	border-radius: 12px;
	border-left: 4px solid var(--accent-color);
	transition: all 0.3s ease;
}

.plan-features li {
	padding: 8px 0 8px 25px;
	position: relative;
	color: var(--text-color);
}

.plan-feature-list li:hover {
	background: var(--secondary-color);
	transform: translateX(5px);
}

.plan-feature-list li::before,
.plan-features li::before {
	content: "\f102";
	font-family: "flaticon_tde_trading";
	font-weight: normal;
	position: absolute;
	color: var(--accent-color);
	font-size: 16px;
}

.plan-feature-list li::before {
	left: 18px;
	top: 15px;
}

.plan-features li::before {
	left: 0;
	top: 8px;
}

/* Payment buttons */
.payment-btn-container {
	margin-top: 40px;
	text-align: center;
}

/* Custom Premium Button Design */
.btn-premium {
	position: relative;
	display: inline-block;
	background: linear-gradient(135deg, var(--dark-color) 0%, var(--accent-color) 100%);
	color: var(--white-color);
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 20px 50px;
	border-radius: 50px;
	border: none;
	text-decoration: none;
	box-shadow: 0 15px 35px rgba(1, 146, 151, 0.3);
	transition: all 0.4s ease;
	overflow: hidden;
	z-index: 1;
}

.btn-premium::before {
	content: '';
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, var(--accent-color) 0%, var(--dark-color) 100%);
	transition: all 0.4s ease;
	z-index: -1;
}

.btn-premium:hover {
	transform: translateY(-3px);
	box-shadow: 0 20px 40px rgba(1, 146, 151, 0.4);
	color: var(--white-color);
	text-decoration: none;
}

.btn-premium:hover::before {
	left: 0;
}

.btn-premium::after {
	content: '\f110';
	font-family: "flaticon_tde_trading";
	font-weight: normal;
	margin-left: 15px;
	transition: all 0.3s ease;
}

.btn-premium:hover::after {
	transform: translateX(5px);
}

/* Button Styles - Only for payment form buttons */
#submit-button.btn-default {
	width: 100%;
	text-align: center;
	padding: 15px;
	margin-top: 20px;
}

.btn-secondary {
	display: block;
	text-align: center;
	color: var(--text-color);
	text-decoration: none;
	margin-top: 15px;
	padding: 10px;
	border-radius: 50px;
	border: 1px solid var(--divider-color);
	transition: all 0.3s ease;
}

.btn-secondary:hover {
	background: var(--secondary-color);
	text-decoration: none;
}

/* Trust indicators */
.trust-indicators {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 30px;
	margin-top: 30px;
	padding-top: 25px;
	border-top: 1px solid var(--divider-color);
}

.trust-item {
	display: flex;
	align-items: center;
	gap: 8px;
	color: var(--text-color);
	font-size: 14px;
}

.trust-item i {
	color: var(--accent-color);
	font-size: 16px;
}

/* Header phone button styles (moved from payment pages) */
.header-btn {
	align-items: center;
}

.btn-phone {
	font-size: 16px;
	font-weight: 700;
	line-height: normal;
	color: var(--white-color);
	margin-right: 25px;
	display: inline-flex;
	align-items: center;
	transition: all 0.4s ease-in-out;
	text-decoration: none;
}

.btn-phone:hover {
	color: var(--accent-color);
}

.btn-phone i {
	color: var(--white-color);
	font-size: 20px;
	margin-right: 15px;
	transition: all 0.4s ease-in-out;
}

.btn-phone:hover i {
	color: var(--accent-color);
}

/* Responsive adjustments for payment sections */
@media (max-width: 992px) {
	.plan-feature-list {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 768px) {
	.payment-section {
		padding: 60px 0;
	}
	
	.payment-details {
		padding: 35px 25px;
	}
	
	.payment-form-section .payment-details {
		padding: 25px 20px;
	}
	
	.price-box .price {
		font-size: 2.8rem;
	}
	
	.payment-form-section .price-box .price {
		font-size: 2rem;
	}

	.btn-premium {
		padding: 18px 40px;
		font-size: 16px;
	}

	.trust-indicators {
		flex-direction: column;
		gap: 15px;
	}
}

@media (max-width: 480px) {
	.plan-feature-list li {
		padding: 12px 15px 12px 35px;
	}

	.plan-feature-list li::before {
		left: 12px;
		top: 12px;
	}
}

/* ===================================
   POST CONTENT CTA SPACING (Our Benefits Section)
   ===================================*/

/* Increase spacing above CTA button in our benefits section */
.post-content-cta {
	margin-top: 50px;
	padding-top: 30px;
	text-align: center;
}

/* Add responsive spacing adjustments */
@media (max-width: 768px) {
	.post-content-cta {
		margin-top: 40px;
		padding-top: 25px;
	}
}

@media (max-width: 480px) {
	.post-content-cta {
		margin-top: 35px;
		padding-top: 20px;
	}
}

/* ===================================
   BACK TO TOP BUTTON
   ===================================*/

.back-to-top {
	position: fixed;
	left: 20px;
	bottom: 20px;
	width: 50px;
	height: 50px;
	background: linear-gradient(135deg, var(--dark-color) 0%, var(--accent-color) 100%);
	border: none;
	border-radius: 50%;
	color: var(--white-color);
	font-size: 20px;
	cursor: pointer;
	z-index: 9998;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 4px 20px rgba(4, 42, 45, 0.3);
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	opacity: 0;
	visibility: hidden;
	transform: translateY(20px);
	text-decoration: none;
	outline: none;
}

.back-to-top::before {
	content: '\f120';
	font-family: 'flaticon_tde_trading';
	font-size: 18px;
	line-height: 1;
	transition: all 0.3s ease;
}

.back-to-top.show {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.back-to-top:hover {
	background: linear-gradient(135deg, var(--accent-color) 0%, var(--dark-color) 100%);
	box-shadow: 0 6px 25px rgba(115, 237, 124, 0.4);
	transform: translateY(-2px);
	color: var(--white-color);
	text-decoration: none;
}

.back-to-top:hover::before {
	transform: translateY(-2px);
}

.back-to-top:active {
	transform: translateY(0) scale(0.95);
	transition: all 0.1s ease;
}

/* Focus state for accessibility */
.back-to-top:focus {
	outline: 2px solid var(--accent-color);
	outline-offset: 3px;
	box-shadow: 0 6px 25px rgba(115, 237, 124, 0.4);
}

/* Animation when button appears */
@keyframes slideInLeft {
	from {
		opacity: 0;
		transform: translateX(-50px) translateY(20px);
	}
	to {
		opacity: 1;
		transform: translateX(0) translateY(0);
	}
}

.back-to-top.animate-in {
	animation: slideInLeft 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

/* Responsive positioning */
@media only screen and (max-width: 1200px) {
	.back-to-top {
		left: 15px;
		bottom: 15px;
		width: 46px;
		height: 46px;
		font-size: 18px;
	}
	
	.back-to-top::before {
		font-size: 16px;
	}
}

@media only screen and (max-width: 991px) {
	.back-to-top {
		left: 15px;
		bottom: 20px;
		width: 48px;
		height: 48px;
	}
}

@media only screen and (max-width: 767px) {
	.back-to-top {
		left: 15px;
		bottom: 15px;
		width: 44px;
		height: 44px;
		font-size: 16px;
	}
	
	.back-to-top::before {
		font-size: 14px;
	}
}

@media only screen and (max-width: 480px) {
	.back-to-top {
		left: 10px;
		bottom: 10px;
		width: 42px;
		height: 42px;
		font-size: 14px;
	}
	
	.back-to-top::before {
		font-size: 13px;
	}
}

/* Ensure button doesn't interfere with mobile menu */
@media only screen and (max-width: 991px) {
	.mobile-menu.menu-open ~ .back-to-top {
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
	}
}

/* High contrast mode support */
@media (prefers-contrast: high) {
	.back-to-top {
		background: var(--primary-color);
		border: 2px solid var(--white-color);
	}
	
	.back-to-top:hover {
		background: var(--accent-color);
		color: var(--primary-color);
	}
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
	.back-to-top {
		transition: opacity 0.3s ease;
		transform: none !important;
	}
	
	.back-to-top:hover {
		transform: none !important;
	}
	
	.back-to-top::before {
		transition: none;
		transform: none !important;
	}
	
	.back-to-top.animate-in {
		animation: none;
	}
}