:root {
--iconsvg: #1a1a1b;
}

@font-face {
    font-family: "euclid_circular_a";
    font-style: normal;
    font-weight: 700;
    src: url(https://auto-performance.org/css/01ee76670976cbb03b0471232b0ac325.woff) format("woff"),url(https://auto-performance.org/css/c2498c53f87a51a60540c93f3b6263eb.woff2) format("woff2")
}


@font-face {
    font-family: "euclid_circular_a";
    font-style: normal;
    font-weight: 500;
    src: url(https://auto-performance.org/css/f345826aae8045a92ea382939e0120b6.woff) format("woff"),url(https://auto-performance.org/css/e0503831be2d0cd754ea87513b7fdaad.woff2) format("woff2")
}


@font-face {
    font-family: "euclid_circular_a";
    font-style: normal;
    font-weight: 400;
    src: url(https://auto-performance.org/css/c36444ea49a76eac4a23f64f282f9488.woff) format("woff"),url(https://auto-performance.org/css/fbedb8083671fc32e4636789b434c580.woff2) format("woff2")
}



@font-face {
    font-family: "euclid_circular_a";
    font-style: normal;
    font-weight: 300;
    src: url(https://auto-performance.org/css/d0b6e00d2c8ee39f15a7b33e84533774.woff) format("woff"),url(https://auto-performance.org/css/e40abc462ea13d980de1f365ec375ef0.woff2) format("woff2")
}

	
body {
font-family: "euclid_circular_a","Source Sans Pro","Helvetica Neue","Helvetica","Arial",sans-serif;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
scroll-behavior: smooth;
}

.ele-1 {
	box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.2),
		0px 1px 1px -1px rgba(0, 0, 0, 0.14), 0px 1px 1px -2px rgba(0, 0, 0, 0.12);
}

.mmm {
	box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2),
		0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.textsh {
text-shadow: -1px 1px black;
}

.moroi {
	background-color: rgba(255, 255, 255, 0.9);
}
@supports (
  backdrop-filter: blur(20px);
) {
	.moroi {
		background-color: rgba(255, 255, 255, 0.7);
		backdrop-filter: saturate(180%) blur(20px);
	}
}

.googlebg {
	background: rgba(32, 33, 36, 0.059);
	border-radius: 100%;
	padding: 0.8rem;
	transform: scale(1);
}

.ele-1 {
	box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2),
		0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.video-title {
	background: #000;
}

@media only screen and (min-width: 768px) {
	.video-wrapper {
		height: 0;
		padding-bottom: 56.25%;
		position: relative;
		width: 100%;
	}

	.video-wrapper video {
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
	}

	.video-title {
		background-color: rgba(0, 0, 0, 0.7);
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateX(-50%);
		z-index: 99;
	}
}

.swiper-container {
	width: 100vw;
	height: auto;
	background-color: #0e0e0e;
}

.swiper-slide {
}

.path {
	stroke-dasharray: 1000;
	stroke-dashoffset: 1000;
	animation: dash 5s linear alternate infinite;
}

@keyframes dash {
	from {
		stroke-dashoffset: 822;
	}
	to {
		stroke-dashoffset: 0;
	}
}

.icon-service {
	background: linear-gradient(135deg, #3f3f3f, #2d2d2d);
}
.icon-service:hover {
	background: linear-gradient(135deg, #2d2d2d, #3f3f3f);
}
.icon-service-red {
	background: linear-gradient(-35deg, #ff234b, #ff0030);
}

.icon-service-red:hover {
	background: linear-gradient(-35deg, #ff0030, #ff234b);
	transition: 0.5s ease-out;
	transition: 0.9s linear;
}

.wow {
	visibility: hidden;
}