/*
Theme Name: Motion Golf
Theme URI: http://localhost/motion-golf
Author: Green Cubes
Author URI: https://www.greencubes.co.in/
Description: My Site
Version: 1.0
*/

/* .header-wrap.left li.current-menu-item a{
	text-shadow: 0.5px 0 0 currentColor, -0.5px 0 0 currentColor !important;
}
li.current-menu-item a::after {
	width: 100% !important;
} */
html {
  scroll-behavior: smooth;
}

.home-contact-us-main .wpcf7-response-output {
	color: #fff;
}
.wpcf7 form.invalid .wpcf7-response-output {
	color: #ffffff!important;
}
.page-template-contact-us .wpcf7 form.invalid .wpcf7-response-output	{
	color: #000000 !important;
}
.page-template-services .wpcf7 form.invalid .wpcf7-response-output	{
	color: #000000 !important;
}
.wpcf7 form .wpcf7-response-output {
	margin: 75px 0.5em 1em !important;
}
.vehicle-page-vehicles-block-inner-name h3 {
	font-family: 'Michroma', sans-serif;
	font-weight: 500;
	font-size: 30px;
	letter-spacing: 2px;
	font-style: italic;
	transform: skewX(-10deg);
	text-transform: uppercase;
	color: #222;
	display: inline-block;
}
.vehicle-page-vehicles-block-inner-name a::after{
	content:unset !important;
}
.home-products-tab .tab-btns .more-vehicles a::after{
	content:unset !important;
}
.about-us-page .home-banner-info,
.service-page .home-banner-info,
.vehicle-detail-page-hero .home-banner-info{
	padding-top:unset !important;
}

.about-us-page .home-banner-info .container-main,
.service-page .home-banner-info .container-main,
.vehicle-detail-page-hero .home-banner-info .container-main{
	height:100%;
}
.about-us-page .home-banner-info .home-banner-flex,
.service-page .home-banner-info .home-banner-flex,
.vehicle-detail-page-hero .home-banner-info .home-banner-flex {
	/* 	justify-content:center; */
	height:100%;
	align-items:center;
}
.about-us-page .home-banner-info .home-banner-right,
.service-page .home-banner-info .home-banner-right,
.vehicle-detail-page-hero .home-banner-info .home-banner-right {
	height:100%;
	align-items:flex-end;
}
.vehicle-detail-page-hero .home-banner-right{
	display:none;
}

/* .home-page .home-banner-info .container-main{
height:100%
}
.home-page .home-banner-info .home-banner-flex{
justify-content:center;
align-items:center;
height:100%;
}
.home-page .home-banner-info .home-banner-right{
display:flex;
align-items:flex-end;
height:58%;
} */

/* .home-banner-info{
display: flex;
flex-direction: column;
justify-content: space-around;
padding-bottom:unset;
} */


.arrow-container {
	display: flex;
	justify-content: center;
	align-items: center;
	/*   margin-top: 40px; */
	animation: fadeIn 1.2s ease forwards;
	position: absolute;
	bottom: 40px; /* adjust spacing from bottom */
	left: 50%;
	transform: translateX(-50%);
	z-index: 5;
}

.arrow-bg {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, 0.2);
	background: linear-gradient(
		40deg,
		rgba(255, 255, 255, 0.6) 0%,
		rgba(255, 255, 255, 0.3) 100%
	);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	transition: all 0.3s ease;
	animation: float 2.4s ease-in-out infinite;
	box-shadow: 0px 8px 25px rgba(255, 255, 255, 0.12);
}

.arrow-bg i {
	font-size: 30px;
	color: white;
	animation: bounce 1.4s infinite ease-in-out;
	pointer-events: none;
}

.arrow-bg:hover {
	transform: scale(1.1);
	box-shadow: 0px 12px 40px rgba(255, 255, 255, 0.25);
}

@keyframes float {
	0% { transform: translateY(0); }
	50% { transform: translateY(10px); }
	100% { transform: translateY(0); }
}


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


.home-page .home-banner-info {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100vh; 
	display: flex;
	flex-direction: column;
	justify-content: center; 
	padding: 0;
	z-index: 2;
}

.home-page .home-banner-info .container-main {
	width: 100%;
}

.home-page .home-banner-flex {
	display: flex;
	align-items: center; 
	justify-content: space-between;
	flex-wrap: wrap;
}
.home-page .stats-box-section {
	display: flex;
	align-items: flex-end; 
	justify-content: space-between;
	margin-top: 40px;
}
.home-page .home-banner-stats{
	padding-top: 0px;
}





@media (min-width:1650px){
	.arrow-container{
		display:block;
	}
}
@media (max-width:1650px){
	.arrow-container{
		display:none;
	}
}

@media (max-width:850px){
	.arrow-container{
		bottom: 90px;
		left:44%;
	}
	.arrow-bg{
		width: 40px;
		height: 40px;
	}
	.arrow-bg i{
		font-size:20px;
	}
	.home-page .stats-box-section{
		display:none;
	}

}