/* mac styles can go here */
/* .preorder-cta {
align-content:center;
height: 70px;
width: 182px;
border: 2px solid #353535;
font-size: 24px;
text-decoration: none;
transition: background-position 0.5s ease-out, color 0.3s ease;
background-color: transparent;
background-size: 100% 100%;
background-position: -183px 0px;
background-repeat: no-repeat;
font-family: 'Helvetica LT Std Bold', sans-serif;
color: #353535 !important;
line-height: 73px;  

}

*/


.preorder-cta {
	display: block;
	align-content: center;
	height: 70px;
	width: 182px;
	border: 2px solid #353535;
	font-size: clamp(0.8125rem, 0.6101rem + 0.824vw, 1.5rem);
	text-decoration: none;
	font-family: 'Helvetica LT Std Bold', sans-serif;
	line-height: 28px;
	text-align: center;
	min-width: 150px;
	position: relative;
	overflow: hidden;
	color: #353535;
	/* Smooth transition for color change */
	transition: color 0.5s ease-out;
	z-index: 100;
}

/* Create pseudo-element for sliding background */
.preorder-cta::before {
	content: '';
	position: absolute;
	top: 0;
	/* Changed from left to right */
	right: 100%;
	width: 100%;
	height: 100%;
	background-image: url(/wp-content/uploads/2024/10/button-bg.png);
	background-size: 100% 100%;
	/* Start from left side */
	transform: translateX(0);
	/* Smooth transition for the slide effect */
	transition: transform 0.5s ease-out;
	z-index: -1;
}

.preorder-cta:hover {
	color: #fff !important;
}

.preorder-cta:hover::before {
	/* Slide to the right */
	transform: translateX(100%);
}

.preorder-cta a {
	color: inherit;
	text-decoration: none;
	display: block;
	font-weight: 700;
	font-family: 'Helvetica LT Std Bold', sans-serif;
}







.navbar .preorder-cta {
	/* 	height: 53px !important; */
	align-content:center;	
	min-width: 137px;
	line-height: normal;

	width: 137px;
	font-size: 18px;
	height:53px;
	padding-top:5px;
}


.contact_form .send_button {
	line-height:42px !important;
	border-radius:0px !important;
}
.contact_form .send_button:hover {
	border:2px solid #444444 !important;
}
.navbar-custom .logo-text{
	margin-bottom:-7px !important;
}

.footer-logo .logo-name{
	margin-top:4px !important;

}

.praise-for-slider-desc p:first-child {
	margin-top: 34px;
}
@media (max-width:640px)
{
	.footer .logo-name{
		margin-top:20px !important;
	}	
}