@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined");

.cw-heating {
	color: #c61C41 !important;
	display: inline-block !important;
}

.cw-cooling {
	color: #0B508C !important;
	display: inline-block !important;
}

/* --------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------- */
.btn:not(.form-control) {
	border-radius: 30px;
	text-transform: uppercase;
	font-weight: 700;
}

/* -------------------- Header / Navbar ---------------------- */
section:not(.page-inventory-details) .header .header-container {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	width: 100%;
	z-index: 1030;
	background-color: var(--header-primary);
	/* border-bottom: 1px solid rgba(250, 250, 250, 0.2); */
}

/* There's a script to make the variable always the size of the header container */
:root {
	--cw-headerHeight: 180px;
}

/** Adds top margin to all pages to account for fixed header**/
section[class*="page-"]:not(.page-inventory-details) {
	margin-top: var(--cw-headerHeight);
}


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {}

/* Large devices (desktops, 992px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 992px) {}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	:root {
		--cw-headerHeight: 120px;
	}

}

/* Affixing header. Might need adjustment if the code for .affix starts working */
.header .header-container {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	width: 100%;
	z-index: 1030;
	/* box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); */
	background: rgba(0, 0, 0, 0);
}

/** Adds top margin to all pages to account for fixed header**/
section[class*="page-"] {
	margin-top: var(--cwVar-headerHeight);
}

/*=========  ==========================  Header / Nav ==========================*/


.header .navbar,
.header .navbar.bg-primary {
	background-color: #002A66 !important;

}

.header .navbar .dropdown-menu {
	background: #151515 !important;
}

@media (min-width: 992px) {

	.header .navbar,
	.header .navbar.bg-primary {
		background-color: transparent !important;
	}

	.header .navbar,
	.header .navbar.bg-primary.header-scroll {
		background-color: #002A66 !important;
		transition: 0.5s ease;
		opacity: 0.95;
		color: #eff1f3 !important;
	}

}

.header nav.navbar {
	transition: background-color 0.5s ease;
}

.header nav.navbar.header-scroll .navbar-nav .nav-link,
.header nav.navbar.header-scroll .navbar-cart .nav-link-cart i {
	color: #eff1f3;
}

.header nav.navbar.header-scroll .toggle .icon-bar {
	background-color: #eff1f3;
}




.navbar .badge {
	background: var(--color-theme-primary);
	color: var(--color-theme-text-btn);
	min-width: 1.5rem;
	padding: 6px 4px 4px;
}

.header .navbar :focus {
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.header .nav-link-cart i {
	/* color: var(--color-theme-text); */
}

.header .navbar .navbar-nav .nav-link {
	text-transform: uppercase;
}



.header .navbar-cart li.nav-item {
	background-color: unset !important;
}

/* Dynamic Inventory Overflow w/ Fixed Header/Nav */
.header .navbar .dropdown-menu {
	border-color: rgba(0, 0, 0, 0.2);
	box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.2);
	min-width: 260px;
}

.header .navbar .dropdown-menu {
	padding: 0.5rem;
}




/* --------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------- */



.cw-c-header {
        background-color: #D80E0E;
        padding-top: .25em;
        padding-bottom: .25em;
    }

    .cw-c-header svg {
        fill: #fff;
    }

    .cw-c-header p {
        color: #Fff;
        font-size: 105%;
        text-align: center;
        margin: .5em auto;
    }

    .cw-c-header p span {
        font-size: 115%;
    }

    .cw-c-header p a {
        color: #fff;
    }

    .cw-c-header p a:hover {
        color: #0A4F8C;
    }

    .cw-c-header .cw-header-flex {
        display: flex;
        align-items: center;
        justify-items: center;
        justify-content: center;
    }



/* --------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------- */
.header .navbar .active>.nav-link,
.header .navbar .dropdown-item.active,
.header .navbar .dropdown-item:active,
.header .navbar .show>.nav-link {
	background-color: #eeeeee !important;
	color: #000000 !important;
}


@media (min-width: 992px) {
	.header .navbar-brand {
		margin-left: 0;
		display: inline-block !important;
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
		width: 280px;
		height: 82px;
	}

	.navbar-collapse {
		-webkit-box-flex: initial;
		-ms-flex-positive: initial;
		flex-grow: initial;
	}

	

	.navbar .container {
		padding-top: 10px;
		padding-bottom: 10px;
	}
}



/* ======================== Hero Section ============ */
.cw-simpleHERO {
	background:
		/* top, transparent red, faked with gradient */
		linear-gradient(rgba(0, 0, 0, 0.5),
			rgba(0, 0, 0, 0.5)),
		/* bottom, image */
		url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/093D301481F3531BDC3B0A6146AD9C5F.jpg);
	background-position: top;
	background-size: cover;
	padding: 10rem 0;
	color: #fff;
}

.cw-simpleHERO h1 {
	font-size: 3.5rem;
}


.page-home h1 span {
	font-size: .5em;
	font-weight: 500;
	color: #0980EF;
	line-height: 1;
	display: inline-block;
}

.cw-simpleHERO .btn-secondary {
	background-color: transparent !important;
	border-color: #ffffff !important;
}

@media (min-width: 992px) {
	.cw-simpleHERO {
		margin-top: calc(-1 * var(--cw-headerHeight));
		padding-top: calc(6rem + var(--cw-headerHeight));
	}
}



/* ======================= Big buttons ============== */

/* ======================= Big buttons ============== */
.cw-button-overlap {
	margin-top: -6em;
}

.cw-button-overlap .cw-btn-box {
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	background: #ffffff;
	box-shadow: 0px 10px 50px rgba(204, 204, 204, 0.32);
	border-radius: 12px;
	transition: all 0.3s ease;
	/* Smooth transition effect */
	margin-top: 2em;
	padding: 3rem .5rem;
	transition: all 0.3s ease;
}

.cw-button-overlap .cw-btn-box .cw-name {
	font-size: 1.25rem;
	font-family: "Open Sans", sans-serif;
	font-weight: 700;
	margin-bottom: .5rem;
	line-height: 1.2;
}

.cw-button-overlap .cw-btn-box .cw-fake-btn {
	text-transform: uppercase;
}

.cw-button-overlap .cw-btn-box:hover {
	background-color: #f9f9f9;
	transform: translateY(-10px);
}

.cw-button-overlap .cw-btn-box img {
	transition: all 0.3s ease;
	width: 80px;
}

.cw-button-overlap .cw-btn-box:hover img {
	filter: hue-rotate(150deg);
	transform: scale(1.05);
	/* Optional: Slightly scale the image on hover */
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {}

/* Large devices (desktops, 992px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 992px) {}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}



/* =============== About us section ========== */
.cw-aboutSection h2 {
	font-size: 36px;
}

.cw-aboutSection h6 {
	font-size: 15px;
}

.cw-aboutSection h6:before {
	content: "";
	/* Required to display the pseudo-element */
	width: 25px;
	height: 2px;
	margin-right: 11px;
	background-color: #1E60AA;
	display: inline-block;
	/* Makes the pseudo-element behave like an inline element */
	vertical-align: middle;
	/* Adjust alignment relative to the text */
}


.cw-aboutSection .cw-aboutTXT {
	/* color: #999999; */
}

.cw-aboutBTNS .btn-secondary {
	position: relative;
	z-index: 2;
	overflow: hidden;
	vertical-align: middle;
	display: inline-block;
	border: none;
	text-transform: capitalize;
	text-align: center;
	font-size: 15px;
	line-height: 1;
	padding: 20.5px 32px;
	min-width: 170px;
	border-radius: 30px;
	-webkit-perspective: 320px;
	perspective: 320px;
}


/* ============================ Service Section ================ */
.cw-serviceSection {
	position: relative;
}

.cw-serviceSection .cw-faucet {
	position: absolute;
	/* bottom: -160px; */
	/* left: 0; */
	z-index: 3;
	pointer-events: none;
	/* This makes the foreground element non-interactive */

	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;

	background: transparent;
	background-image: url("https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/C81E4120AA60369B0E432471D7DBDD45.png");
	background-position: left bottom;
	background-size: contain;
	/* background-size: 65%; */
	/* background-size: clamp(200px, 30vw, 500px); */
	background-repeat: no-repeat;
}

.cw-serviceSection .cw-faucet img {
	/* width: 65%; */

}

/* Split Background */
.cw-serviceSection .cw-splitBackground {
	position: relative;
	background-image: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/E01C4D97C16A14B884DE40240F744BA4.png);
	background-size: cover;
	overflow: hidden;
}

/* Service Row */
.cw-serviceSection .cw-service-box {
	/* Ensure the row appears above the background */
	/* position: relative; */
	/* z-index: 2; */
	/* sets containers to the right side  */
	/* display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center; */

	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 3rem 0rem;
	background-color: #fff;
	color: #041B34;
}

.cw-serviceSection .cw-service-box {}

/* Service Card Styling */
.cw-serviceSection .cw-serviceCard {
	background: rgba(255, 255, 255, 0.92);
	color: #041B34;
	border: none;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	padding: 30px;
	text-align: center;
	border-radius: 8px;
	transition: all 0.3s ease;
	border-bottom: solid 5px #041B34;
	position: relative;
	z-index: 5;
}

.cw-serviceSection .cw-serviceCard:hover {
	transform: translateY(-10px);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
	border-bottom: solid 5px #FF4917;
}

.cw-serviceSection .cw-serviceCard img {
	transition: all 0.3s ease;
}

.cw-serviceSection .cw-serviceCard:hover img {
	filter: hue-rotate(150deg);
	transform: scale(1.05);
	/* Optional: Slightly scale the image on hover */
}

/* Icons */
.cw-serviceSection .cw-serviceIcon {
	font-size: 2.5rem;
	color: #007bff;
	margin-bottom: 15px;
}


@media (min-width: 992px) {
	.cw-serviceSection .cw-service-box {
		margin-right: 0;
		padding: 3rem 3rem;
		max-width: 91%;
	}

}

@media (min-width: 1850px) {
	.cw-serviceSection .cw-service-box {
		max-width: 100%;
	}

}

/* ==================================== How it work ================================ */
/* =============================== Title  =======================*/
.cw-howItWork {
	text-align: center;
	padding: 60px 0;
	position: relative;
}

.cw-howItWork .cw-sectionWrapper {
	position: relative;
	text-align: center;
	padding: 50px 20px;
	background-color: #fff;
	overflow: hidden;
}

.cw-howItWork .cw-content {
	position: relative;
	z-index: 2;
}

.cw-howItWork .cw-subtitle {
	color: #2061AA;
	font-weight: 600;
	margin-bottom: 10px;
}

.cw-howItWork .cw-subtitle::before {
	content: "";
	width: 25px;
	height: 2px;
	margin-right: 11px;
	background-color: #1E60AA;
	display: inline-block;
	vertical-align: middle;
}

.cw-howItWork .cw-title {
	font-size: 32px;
	font-weight: bold;
	margin-bottom: 15px;
	color: #2061AA;
}

.cw-howItWork .cw-description {
	color: #6c757d;
	font-size: 16px;
}

/* ============================== Steps ============== */

.cw-howItWork .cw-stepContainer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
}

.cw-howItWork .cw-step {
	text-align: center;
	position: relative;
	flex: 1;
	z-index: 2;
	transition: transform 0.3s ease;
}

.cw-howItWork .cw-step:hover {
	transform: translateY(-10px);
	/* Adds a hover effect */
}

.cw-howItWork .cw-step:hover .cw-stepIcon {
	background: linear-gradient(45deg, #ff8c00, #ff4b00);
	/* Change the icon background on step hover */
	box-shadow: 0px 15px 25px rgba(0, 0, 0, 0.2);
	/* Shadow increase on hover */
	transform: scale(1.1);
	/* Enlarges the icon on hover */
	border: 3px solid #fff;
	/* White border on hover */
}

.cw-howItWork .cw-stepIcon {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto 10px;
	z-index: 1;
	font-size: 50px;
	/* Increased font size */
	font-weight: bold;
	color: #fff;
	background: linear-gradient(45deg, #2061AA, #2061AA);
	/* Gradient background */
	box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.1);
	/* Add subtle shadow */
	transition: all 0.3s ease-in-out;
	/* Smooth transition */
	border: 3px solid transparent;
	/* Default border */
	position: relative;
	font-family: 'Dancing Script', cursive;
	/* Cursive font */
}

.cw-howItWork .cw-stepIcon::before {
	content: '';
	position: absolute;
	width: 120%;
	height: 120%;
	border-radius: 50%;
	background-color: rgba(0, 0, 0, 0.1);
	top: -10%;
	left: -10%;
	z-index: -1;
	/* Places the shadow behind the number */
	transform: rotate(20deg);
}

.cw-howItWork .cw-stepTitle {
	font-weight: bold;
	color: #333;
	margin-top: 10px;
}

.cw-howItWork .cw-stepDescription {
	font-size: 14px;
	color: #6c757d;
	margin-top: 8px;
}

/* SVG Container for Curved Lines */
.cw-howItWork .cw-curvedLine {
	position: absolute;
	top: 50%;
	width: 100%;
	z-index: 0;
	transform: translateY(-100%);
}

.cw-howItWork .cw-curvedLine svg {
	width: 100%;
	height: 100px;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
	.cw-howItWork .cw-stepContainer {
		flex-direction: column;
	}

	.cw-howItWork .cw-curvedLine {
		display: none;
		/* Hide lines for mobile */
	}
}



	/* Financing Banner Section */
	.cw-financing-banner {
		background: url("https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/EDE35CF1510A30946B56D6B277535095.jpg");
		background-position: center;
		background-size: cover;
		margin-top: 95px;
	}

	.cw-financing-banner .cw-financing-text {
		text-align: center;
		margin: 35px 0;
	}

	.cw-financing-banner .cw-financing-text h2 {
		font-size: 2.25rem;
		font-family: 'Orbitron', sans-serif;
		color: var(--color-theme-primary);
	}

	.cw-financing-banner .cw-financing-text h5 {
		font-size: 1.5rem;
		margin-bottom: 15px;
	}

	.cw-financing-banner .cw-financing-text a {
		margin-top: 15px;
	}

	.cw-financing-banner .cw-financing-text .cw-button {
		background: var(--color-theme-secondary);
		border: 1px solid var(--color-theme-primary);
		color: #fff;
		text-transform: uppercase;
	}

	.cw-financing-banner .cw-financing-text .cw-button:hover,
	.cw-financing-banner .cw-financing-text .cw-button:active {
		color: #fff;
		border: 1px solid var(--color-theme-primary);
	}

	/* Small devices (landscape phones, 576px and up) */
	@media (min-width: 576px) {

		.cw-financing-banner .cw-financing-text h2 {
			font-size: 3.25rem;
		}

		.cw-financing-banner .cw-financing-text h5 {
			font-size: 1.75rem;
		}
	}

	/* Medium devices (tablets, 768px and up) */
	@media (min-width: 768px) {
		.cw-financing-banner .cw-financing-text h5 {
			font-size: 2rem;
		}
	}

	/* Large devices (desktops, 992px and up) The navbar toggle appears at this breakpoint */
	@media (min-width: 992px) {}

	/* Extra large devices (large desktops, 1200px and up) */
	@media (min-width: 1200px) {}

	@media (min-width: 1400px) {
		.cw-financing-banner {
			margin-top: 100px;
		}
	}

	
/* ================== FAQ =================== */
.cw-faqSection {
	position: relative;
}

.cw-FaqContainer {
	margin-top: 50px;
	position: relative;
	z-index: 2;
}

.cw-FaqHeader h5 {
	font-size: 14px;
	text-transform: uppercase;
	margin-bottom: 5px;
	letter-spacing: 1px;
}

.cw-FaqHeader h5::before {
	content: "";
	width: 25px;
	height: 2px;
	margin-right: 11px;
	background-color: #1E60AA;
	display: inline-block;
	vertical-align: middle;
}

.cw-FaqHeader h2 {
	font-weight: 700;
	font-size: 36px;
	margin-bottom: 20px;
}

.cw-FaqDescription {
	color: #6c757d;
	font-size: 16px;
	line-height: 1.6;
}

.cw-faqSection .btn-secondary {
	margin-top: 20px;
	font-size: 16px;
	padding: 10px 20px;
	/* border-radius: 4px; */
	border: 2px solid #2061AA;
	background-color: transparent;
	color: #2061AA;
}

.accordion-button {
	font-size: 18px;
	font-weight: bold;
	background-color: #ffffff;
	border: none;
	color: #212529;
}

.accordion-item {
	border: 1px solid #e9ecef;
	border-radius: 4px;
	margin-bottom: 15px;
}

.accordion-button {
	background-color: #F8F8FA !important;
	color: var(--color-theme-primary) !important;
}

.accordion-body {
	font-size: 16px;
	color: #495057;
}

/* ========================== Parallax section ============ */
.cw-parallaxSection {
	background:
		linear-gradient(rgba(32, 97, 170, 0.85),
			rgba(32, 97, 170, 0.85)),
		url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/9F21D19A87211484CC95CCB714DC0819.jpg);
	background-size: cover;
	background-position: center;
	padding-top: 7em;
	padding-bottom: 3em;
}


/* ================== Home page contact form =============== */
.page-home .form {
	background-color: transparent;
	margin-top: -10rem;
}

.page-home .form .form-container {
	background-color: #ffffff;
	color: #000;
	padding-top: 2rem;
	padding-bottom: 5rem;
	/* margin-top: -10rem; */
	border-radius: 8px;
	transition: all 0.3s ease;
	border-top: solid 5px #041B34 !important;
}


@media (min-width: 992px) {
	.page-home .form .form-container {
		max-width: 950px !important;
	}
}


/* =================== Home page banner ================== */
.cw-homeBanner {
	padding-bottom: 3em;
	padding-top: 5em;
	color: #fff;
	text-shadow: 1px 1px 3px #000;
	background: radial-gradient(ellipse at center, #002a66 0%, #2061aa 100%);


}

.cw-homeBanner .btn {
	text-shadow: none;
}

.cw-homeBanner .btn-secondary {
	margin-top: 20px;
	font-size: 16px;
	padding: 10px 20px;
	/* border-radius: 4px; */
	border: 2px solid #041B34;
	background-color: transparent;
	color: #ffffff;
}

@media (min-width: 576px) {
	.cw-homeBanner {
		/* background-image: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/30A322F9CD485C261AE931433552418E.png); */
		background-image: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/9599F1BC3A4F63C0890BA0E3B5828ED7.jpg);
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		padding-top: 18em;
		margin-top: -3em;
		/* margin-top: -9em; */
	}
}


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

.footer>.container {
	display: none;
}

.footer {
	padding-top: 0 !important;
}

.cw-footer {
	background-color: #041B34;
	color: #fff;
}

.cw-footer a {
	color: inherit;
}

.cw-footerNumber {
	margin-top: 10px;
}

.cw-footerPhoneIcon {
	height: 70px;
	width: 70px;
	background-color: var(--color-theme-secondary);
	text-align: center !important;
	border-radius: 50%;
	line-height: 80px;
}

.cw-footerINFO h6 {
	/* color: var(--color-theme-secondary); */
	color: #1D83EC;
	font-size: 1.2em;
}

.cw-footerINFO p {
	/* color: #ffffff; */
}

.cw-footerLINKS a {
	margin: 10px;
	display: block !important;
}

.cw-footer a:hover {
	color: #FF4917 !important;
}

.cw-footer .social-link {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.4rem;
	color: #555;
	text-decoration: none;
	transition: all 0.3s ease;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
}

.social-icons .social-link:hover {
	color: #fff;
	transform: translateY(-4px);
}

/* =================== Internal page =================== */
.title {
	background:
		/* top, transparent red, faked with gradient */
		linear-gradient(rgba(0, 0, 0, 0.7),
			rgba(0, 0, 0, 0.7)),
		/* bottom, image */
		url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/093D301481F3531BDC3B0A6146AD9C5F.jpg);
	background-size: cover;
	color: #ffffff;
	text-transform: uppercase;
	padding-top: 6em;
	padding-bottom: 4em;
	margin-bottom: 3em;
	background-position: center;
}

@media (min-width: 768px) {
	.page-services .detailedlist {
		/* display: none; */
	}
}

@media (min-width: 992px) {
	.title {
		margin-top: calc(-1 * var(--cw-headerHeight));
		padding-top: calc(6rem + var(--cw-headerHeight));
		padding-bottom: 6em;
	}
}


/* ================================= About us page ======================= */
.cw-testimonial-section {
	position: relative;
	margin-top: 80px;
	z-index: 500;
	background-color: #F4F4F4;
}

.cw-testimonial-section .cw-testimonial-item {
	border-radius: 25px;
	padding: 25px;
	background: var(--color-theme-highlight);
	background: linear-gradient(220deg, rgba(32, 97, 170, 0.4) 0%, rgba(32, 97, 170, 0.05) 100%), var(--color-theme-secondary);
	-webkit-clip-path: polygon(calc(100% - 40px) 0, 100% 10%, 100% 100%, 0 100%, 0 0);
	clip-path: polygon(calc(100% - 40px) 0, 100% 10%, 100% 100%, 0 100%, 0 0);
	margin-bottom: 20px;
}

.cw-testimonial-section .cw-testimonial-item .cw-test-name {
	font-size: 1.25em;
	font-weight: 700;
	font-family: var(--bodyfont);
}

.cw-testimonial-section .cw-testimonial-item .cw-title {
	font-size: 1.5em;
	font-weight: 700;
	font-family: var(--headfont);
	text-transform: uppercase;
}

.cw-testimonial-section .cw-testimonial-item i {
	padding-right: 2px;
	color: #ffc109;
}


.cw-preline h6::before {
	content: "";
	width: 25px;
	height: 2px;
	margin-right: 11px;
	background-color: #1E60AA;
	display: inline-block;
	vertical-align: middle;
}

@media(min-width:576px) {
	.cw-testimonial-section .cw-testimonial-item {
		padding: 50px;
	}
}

/*  */
/* ====================== Service banner ============== */
.cw-contactBanner {
	background:
		/* top, transparent red, faked with gradient */
		linear-gradient(rgba(0, 0, 0, 0.7),
			rgba(0, 0, 0, 0.3)),
		/* bottom, image */
		url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/2FA41CBC90E5A558FB67B3C127812D2C.jpg);
	background-size: cover;
}

/* ======================================= Employees ======================== */
/* ======== Title Section ========= */

.cw-staff {
	padding-top: .5rem;
	padding-bottom: .5rem;
}

.cw-staff .cw-sectionWrapper {
	position: relative;
	text-align: center;
	background-color: #fff;
	overflow: hidden;
}

.cw-staff .cw-content {
	position: relative;
	z-index: 2;
}

.cw-staff .cw-subtitle {
	color: #2061AA;
	font-weight: 600;
	margin-bottom: 10px;
}

.cw-staff .cw-subtitle::before {
	content: "";
	width: 25px;
	height: 2px;
	margin-right: 11px;
	background-color: #1E60AA;
	display: inline-block;
	vertical-align: middle;
}

.cw-staff .cw-title {
	font-size: 32px;
	font-weight: bold;
	margin-bottom: 15px;
	color: #2061AA;
}

.cw-staff .cw-description {
	color: #6c757d;
	font-size: 16px;
}

/* -------------------- Service page ---------------------- */

/* ============================= Service page ================================== */


.cw-service-page .container {
	max-width: 1320px;
}


.cw-service-page .cw-customSidebar,
.cw-service-page .cw-contentSection .accordion-collapse {
	padding: 1rem;
}

.cw-service-page .cw-tab-row {
	display: flex;
	flex-flow: row wrap;
	justify-content: stretch;
	align-items: stretch;
	border-radius: .25rem;
}

.cw-service-page .cw-tab-row .cw-tab-btn {
	/* border: none; */
	padding: 15px;
	transition: background-color 0.3s ease;
	background-color: rgba(170, 170, 170, 0.1);
	color: var(--color-theme-text);
	margin-bottom: 10px;
	border-radius: 2px;
	border: none;
	cursor: pointer;

	flex-basis: 100%;
	flex-grow: 1;
	min-width: 150px;
	text-align: center;
}

.cw-service-page .cw-tab-row .cw-tab-btn.active {
	background-color: var(--color-theme-secondary) !important;
	color: var(--color-theme-text-btn);
}

.cw-service-page .cw-serviceReviews {
	margin: 10px 0;
	padding: 30px 12px;
	border: 1px solid #ddd;
	border-radius: 15px;
	transition: all 0.4s ease-in-out;
}

.cw-service-page .cw-serviceReviews p {
	margin-bottom: 0;
}

/* Mobile  768px and DOWN used to override bootstrap properties */
@media (max-width: 767px) {
	.cw-service-page .accordion-collapse {
		display: block !important;
		/* Force all BS accordions open on smaller screens */
		height: auto !important;
		overflow: visible !important;
	}
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

	.cw-service-page .cw-tab-row .cw-tab-btn {
		flex-basis: 45%;
		margin: 0 5px 10px;
	}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.cw-service-page .cw-customSidebar {
		padding: 1rem;
		max-width: 260px;
		/* display: flex; */
		/* flex-flow: column-reverse; */
	}

	.cw-service-page .cw-tab-row {
		flex-flow: column;
		align-items: stretch;
	}

	.cw-service-page .cw-tab-row .cw-tab-btn {
		text-align: left;
		margin: 0 0 10px;
	}
}




/* ============ Staff Cards ========== */

.cw-ExpertCard {
	border: none;
	background: #ffffff;
	border-radius: 10px;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
	padding: 20px 0;
	transition: transform 0.3s ease, box-shadow 0.3s ease, filter 0.3s ease;
}

.cw-ExpertCard:hover {
	transform: translateY(-10px);
	box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);
	background-color: #2061AA;
	color: #ffffff !important;
}

.cw-imageContainer {
	overflow: hidden;
	border-radius: 50%;
	margin: 0 auto 20px;
	width: 150px;
	height: 150px;
	background-color: #f0f0f0;
}

.cw-imageContainer img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
}

.cw-ExpertCard:hover .cw-imageContainer img {
	transform: scale(1.05);
}

.cw-ExpertCard:hover h5 {
	color: #ffffff !important;
}

.cw-ExpertCard:hover p {
	color: #ffffff !important;
}

.cw-staffName {
	font-size: 1.2rem;
	font-weight: 600;
	color: #333;
	margin: 0;
}

.expert-title {
	font-size: 1rem;
	color: #888;
	margin: 5px 0 15px;
}

.cw-staffSM {
	display: flex;
	justify-content: center;
	gap: 10px;
}

.cw-SMicon {
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background-color: #e5e5e5;
	color: #555;
	font-size: 1.2rem;
	transition: background-color 0.3s, color 0.3s;
}

.cw-SMicon:hover {
	background-color: #007bff;
	color: #fff;
}


/* ========================== Testimonials ==================== */
.cw-testimonialsPage {
	position: relative;
	margin-top: 80px;
	z-index: 500;
}

.cw-testimonialsPage .cw-testimonial-item {
	border-radius: 25px;
	padding: 25px;
	background: var(--color-theme-highlight);
	background: linear-gradient(220deg, rgba(32, 97, 170, 0.4) 0%, rgba(32, 97, 170, 0.05) 100%), var(--color-theme-secondary);
	-webkit-clip-path: polygon(calc(100% - 40px) 0, 100% 10%, 100% 100%, 0 100%, 0 0);
	clip-path: polygon(calc(100% - 40px) 0, 100% 10%, 100% 100%, 0 100%, 0 0);
	margin-bottom: 20px;
}

.cw-testimonialsPage .cw-testimonial-item .cw-test-name {
	font-size: 1.25em;
	font-weight: 700;
	font-family: var(--bodyfont);
}

.cw-testimonialsPage .cw-testimonial-item .cw-title {
	font-size: 1.5em;
	font-weight: 700;
	font-family: var(--headfont);
	text-transform: uppercase;
}

.cw-testimonialsPage .cw-testimonial-item i {
	padding-right: 2px;
	color: #ffc109;
}


.cw-preline h6::before {
	content: "";
	width: 25px;
	height: 2px;
	margin-right: 11px;
	background-color: #1E60AA;
	display: inline-block;
	vertical-align: middle;
}

@media(min-width:576px) {
	.cw-testimonialsPage .cw-testimonial-item {
		padding: 50px;
	}
}

/* ========================== Contact us page ============== */
.page-contact-us .businessinfo {
	padding-top: 3em !important;
}

@media (min-width: 992px) {
	.page-contact-us .businessinfo-container {
		max-width: 70% !important;
	}
}

/* ============================== Sitemap =====================*/
.sitemap {
	padding-top: 9em !important;
	background-color: #041B34;
	color: #ffffff !important;
	margin-top: -7em;
}

.sitemap-title,
.sitemap-list a {
	color: #ffffff !important;
}

.termsandconditions {
	padding-top: 8em !important;
	background-color: #041B34;
	color: #ffffff !important;
	margin-top: -7em;
}

.termsandconditions a {
	color: #ffffff !important;
}





/* --------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------- */

.cw-home-call-us {
	padding-top: 5em;
	padding-bottom: 5em;
	color: #fff;
}

.cw-home-call-us h3 {
	color: #31508C;
	text-transform: uppercase;
	font-size: 200%;
}

.cw-home-call-us p {
	color: #000;
	font-size: 110%;
	margin: 1em auto;
}

@media (min-width: 992px) {
	.cw-home-call-us p {
		margin-left: 1em;
	}
}

.cw-home-call-us .btn {}

.cw-home-call-us img {
	width: 90%;
	margin: 1em auto;
	display: block;
	border-radius: 500px;
}


/* --------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------- */

.cw-home-finance-banner {
	background-color: #D80E0E;
}

.cw-home-finance-banner h2 {
	font-size: 300%;
	color: #fff;
	text-align: center;
	text-shadow: 0px 0px 2px rgba(22, 23, 29, .7), 1px 1px 2px rgba(22, 23, 29, .7);
	font-weight: 700;
	margin: .3em auto;
	letter-spacing: 3px;
}


/* --------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------- */


.cw-home-service {
	padding-top: 7em;
	padding-bottom: 7em;
}

.cw-home-service a img {
	transition: .3s ease;
}

.cw-home-service a:hover img {
	transform: scale(.9);
}

.cw-home-service img {
	border-radius: 5px;
	display: block;
}

.cw-home-service h2 {
	text-align: center;
	color: #000;
	margin-bottom: .6em;
	font-size: 250%;
}

.cw-home-service h3 {
	color: #222;
	text-align: center;
	font-size: 150%;
}

.cw-home-service p {
	text-align: center;
	color: #000;
}

.cw-home-service .btn {
	margin: 1em auto;
	display: block;
	width: 90%;
	padding-top: 1em;
	padding-bottom: 1em;
}

.cw-home-service hr {
	margin: 1.5em auto;
	border-color: #0B508C;
	display: block;
	width: 85%;
}


.cw-servies {
	    align-items: center;
    background: #ffffff;
    box-shadow: 0px 10px 50px rgba(204, 204, 204, 0.32);
    border-radius: 12px;
    transition: all 0.3s ease;
    margin-top: 2em;
    transition: all 0.3s ease;
}

.cw-serviceTXT {
	padding: 2rem .5rem !important;
}
/* --------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------- */



.cw-home-quote {
	background: linear-gradient(to right, rgba(0, 0, 0, .65), rgba(0, 0, 0, .8), rgba(0, 0, 0, .85), rgba(0, 0, 0, .8), rgba(0, 0, 0, .65)), url("https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/403178343D2A0C7728955EDB9DE23AEE.jpg");
	background-size: cover;
	background-position: top center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	padding-top: 6em;
	padding-bottom: 6em;
}

.cw-home-quote h2 {
	color: #fff;
	text-align: center;
	text-shadow: 0px 0px 2px #000000, 1px 1px 2px #000000;
	font-size: 220%;
	text-transform: uppercase;
}

.cw-home-quote h3 {
	color: #fff;
	text-align: center;
	text-shadow: 0px 0px 2px #000000, 1px 1px 2px #000000;
	font-size: 200%;
	text-transform: uppercase;
}

.cw-home-quote hr {
	border-color: #fff;
	display: block;
	margin: 1em auto;
	width: 65%;
}

.cw-home-quote img {
	margin: 1em auto;
	display: block;
	width: 90%;
}

.cw-home-quote p {
	color: #fff;
	text-shadow: 0px 0px 2px #000000, 1px 1px 2px #000000;
	display: flex;
	align-items: center;
	font-size: 150%;
	text-align: center;
	font-weight: 700;
	justify-content: center;
	text-transform: capitalize;
	margin: .5em auto;
}

.cw-home-quote p .material-symbols-outlined,
.cw-home-quote p span {
	font-variation-settings:
		'FILL' 0,
		'wght' 400,
		'GRAD' 0,
		'opsz' 24;
	margin-right: .1em;
	font-size: 160%;
	color: #00AFF9;
}

.cw-home-quote .btn {
	margin: 1em auto;
	display: block;
	width: fit-content;
	font-size: 133%;
}

/* --------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------- */

    .cw-about-page {
        padding-top: 3em;
        padding-bottom: 5em;
    }

    .cw-about-page p {
        font-size: 120%;
        text-align: center;margin: .7em auto;
    }

    .cw-about-page p span {
        font-size: 110%;
        font-weight: 700;
    }

    .cw-about-page p b {
        font-size: 105%;
    }

    .cw-about-page img {
        display: block;
        margin: 1em auto;
        width: 90%;
    }

    .cw-about-page .btn {
        margin: 1em auto;
        display: block;
        width: 90%;
        font-size: 110%;
    }


/* --------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------- */

    .cw-membership-page {
        padding-top: 2em;
        padding-bottom: 7em;
    }

    .cw-membership-page .card {
        border-radius: 20px;
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
        transition: transform 0.3s, box-shadow 0.3s;
        position: relative;
        z-index: 9;
        background: linear-gradient(to bottom, #fff, #f3f3f3, #f7f7f7);
    }

    .cw-membership-page .card:hover {
        transform: scale(1.1);
        z-index: 10;
    }

    .cw-membership-page .card-header {
        text-align: center;
        font-size: 200%;
        font-weight: 700;
        padding-top: .6em;
        padding-bottom: .6em;
        border-radius: 20px 20px 0 0;
    }

    .cw-membership-page .cw-membership-card-1 .card-header {
        color: #000;
        background: linear-gradient(150deg, #BCBCBC, #CBCBCB, #f5f5f5, #f5f5f5, #BCBCBC, #BCBCBC);
    }

    .cw-membership-page .cw-membership-card-2 .card-header {
        color: #000;
        background: linear-gradient(135deg, #F6CD02, #FEF2B3, #f5f5f5, #F6CD02);
    }

    .cw-membership-page .cw-membership-card-3 .card-header {
        color: #000;
        background: linear-gradient(145deg, #BDCCD5, #E0E7ED, #f5f5f5, #eee, #BDCCD5);
    }

    .cw-membership-page h2 {
        text-align: center;
        margin: .5em auto 1em auto;
    }

    .cw-membership-page .card li,
    .cw-membership-page .card ul {
        background-color: transparent;
    }

    .cw-membership-page .list-group .list-group-item {
        font-size: 120%;
        text-transform: capitalize;
        text-align: center;
    }

    .cw-membership-page .list-group .list-group-item span {
        font-weight: 700;
        display: block;
    }

    .cw-membership-page .card hr {
        border-color: #000;
        margin: .7em auto;
        width: 100%;
        border-width: thin;
    }


/* --------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------- */




/* --------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------- */




/* --------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------- */




/* --------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------- */