body { background:#fefbf8; font-family:Inter,sans-serif; }

:root{
    --pink-light:#ff8ab3;
    --pink:#ff38a7;
    --purple:#4f28b4;
	--secondary: oklch(96% .02 40);
	
	--bs-body-bg-rgb: 255, 255, 255;
	--bs-primary-rgb: 13, 110, 253;
	--bd-accent-rgb: 255, 228, 132;
	--bd-violet-rgb: 113, 44, 249;
	--bd-pink-rgb: 214, 51, 132;
	--color-green-500: oklch(72.3% .219 149.579);
}

#wrap { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
header { background:#fefbf8; }
/* header { background-color: color-mix(in oklab, var(--background) 80%, transparent); --tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,) }*/
.logo img { width:251px; }

.background-blur { color:var(--pink); }

.primary-gradient { background: #ff38a7; background: linear-gradient(90deg,rgba(255, 138, 179, 1) 0%, rgba(255, 56, 167, 1) 50%, rgba(79, 40, 180, 1) 100%); }
.primary-gradient2 { background: #ff38a7; background: linear-gradient(146deg,rgba(255, 138, 179, 1) 0%, rgba(255, 56, 167, 1) 50%, rgba(79, 40, 180, 1) 100%); }

.btn-primary { background: linear-gradient(135deg, var(--purple), var(--pink)); padding:8px 20px; border:none; }
.btn-primary:hover { opacity: .95; }
.btn-primary svg { margin-top:3px; }


.primary-color { color:#ff8ab3; }

.hover-underline { text-decoration:none; }
.hover-underline:hover { text-decoration:underline; }

.fs-1, .fw-900 { font-weight:900; }

.radio-number a { transition:.25s; }
.radio-number a:hover { background-color:#fff; color:#4f28b4; transform:translateY(-4px); box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); !important; }

.hero { min-height:100vh; position:relative; overflow:hidden; display:flex; align-items:center; justify-content:center; text-align:center; color:#fff; }
.hero::before { content:""; position:absolute; inset:0; background:url("../images/car-bg.jpg") center center/cover no-repeat; transform:scale(1.08); }
.hero::after { content:""; position:absolute; inset:0; background: linear-gradient(rgba(11,6,25,.65),rgba(18,8,34,.78)), radial-gradient(circle at top,#ff38a760 0%,transparent 45%), radial-gradient(circle at bottom,#4f28b480 0%,transparent 60%); }
.hero-content{ position:relative; z-index:5; }
.badge-live{ display:inline-flex; align-items:center; gap:8px; padding:10px 22px; border-radius:50px; color:#fff; font-weight:600; background:#fff; box-shadow:0 15px 35px rgba(255,56,167,.35); margin-bottom:25px; }
.hero h1{ font-size:clamp(3rem,6vw,4.6rem); line-height:1.02; font-weight:900; margin-bottom:25px; }
.gradient-text{ background:linear-gradient(90deg,var(--pink-light),var(--pink),var(--purple)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.hero p{ color:#ececec; font-size:1.15rem; line-height:1.8; max-width:700px; margin:auto; }
.cta{ margin-top:40px; }
.btn-call{ background:linear-gradient(90deg,var(--pink),var(--purple)); border:none; color:#fff; padding:18px 42px; border-radius:70px; font-size:1.2rem; font-weight:700; box-shadow:0 20px 45px rgba(255,56,167,.35); transition:.35s; }
.btn-call:hover{ transform:translateY(-4px); color:#fff; }
.status{ margin-top:18px; color:#fff; }
.status span{ width:10px; height:10px; display:inline-block; background:#38ff75; border-radius:50%; margin-right:8px; }
.feature-box{ margin-top:70px; background:rgba(255,255,255,.08); backdrop-filter:blur(18px); border:1px solid rgba(255,255,255,.08); border-radius:24px; padding:35px; }
.feature-icon{ width:70px; height:70px; border-radius:50%; display:flex; align-items:center; justify-content:center; margin:auto auto 15px; background:linear-gradient(135deg,var(--pink),var(--purple)); font-size:1.6rem; }
.feature-box h5{ font-weight:700; margin-bottom:8px; }
.feature-box p{ font-size:.95rem; color:#d9d9d9; margin-bottom:0; }

.services { padding:80px 0; }
.services .card { transition:.25s; }
.services .card:hover { transform:translateY(-4px); box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); !important; }
.services .feature-icon { width:50px; height:50px; color:#fff; background:linear-gradient(135deg,var(--purple),var(--pink)); }
.services .row .col-md-3:nth-child(odd) .feature-icon { background:linear-gradient(135deg,var(--pink),var(--pink-light)); }
.services p { color:oklch(50% .03 320); }

.contact { padding:80px 0; }

.why-us {padding:80px 0; background-image: linear-gradient(180deg, rgba(var(--bs-body-bg-rgb), .01), rgba(var(--bs-body-bg-rgb), 1) 85%), radial-gradient(ellipse at top left, rgba(var(--bs-primary-rgb), .5), transparent 50%), radial-gradient(ellipse at top right, rgba(var(--bd-accent-rgb), .5), transparent 50%), radial-gradient(ellipse at center right, rgba(var(--bd-violet-rgb), .5), transparent 50%), radial-gradient(ellipse at center left, rgba(var(--bd-pink-rgb), .5), transparent 50%); }
.why-us .feature-icon { width:32px; height:32px; color:#fff; margin:0 6px 0 0; display:inline-flex; background:linear-gradient(135deg,var(--pink),var(--pink-light)); }

.contact-boxBg { overflow:hidden; box-shadow:0 20px 45px rgba(255,56,167,.35); }
.contact-box .cta { text-align:center; margin-top:25px; }
.contact-box .status { font-size:13px; display:inline-block; padding:4px 15px; color:green; margin:0 auto; background-color: color-mix(in oklab, var(--color-green-500) 10%, transparent); }

footer { background:var(--secondary); }

/* Responsive 
 --------------------------------------------------------------------------------*/
/* Size 1 */
@media (max-width: 1199px) {
}
/* Size 2 */
@media (max-width: 991px) {
}
/* Size 3 */
@media (min-width: 767px) {
}
@media (max-width: 767px) {
.hero { padding:80px 20px; }
.feature-box { padding:30px 20px; }
.hero h1 { font-size:2.7rem; }
.why-us, .services, .contact { padding:30px 0; }
.top-contact { font-size:13px; }
.logo img { width:201px; }
}
/* Size 4 */
@media (max-width: 576px) {
	#carouselExampleIndicators img { height:250px; }
}
/* Size 5 */
@media (max-width: 320px) {
}