@layer bricks {.brxe-button{width:auto}}@layer bricks {:where(.brxe-heading).has-separator{align-items:center;display:inline-flex;gap:20px}:where(.brxe-heading)>[contenteditable]{display:inline-block;text-decoration:inherit}:where(.brxe-heading) .separator{border-top:1px solid;flex-grow:1;flex-shrink:0;height:1px}}@layer bricks {.brxe-code{width:100%}}#brxe-dlcokv {font-size: 50px; top: 80px; margin-right: 0; position: static}#brxe-aagrip {font-size: 50px; top: 0px}#brxe-zvkvar {font-size: 50px; top: 150px}#brxe-vvrqky {font-size: 50px; top: 250px}#brxe-eqeajq {font-size: 50px; top: 250px}#brxe-upqemu {font-size: 50px; top: 250px}#brxe-qapjur {font-size: 50px; top: 250px}#brxe-xonvxy {font-size: 50px; top: 250px}#brxe-gkootn {font-size: 50px; top: 250px}#brxe-dtyyfd {font-size: 50px; top: 250px}#brxe-ullucf {position: relative; width: 400px; height: 300px; margin-top: 49px; margin-right: auto;; margin-bottom: 0; margin-left: auto;; padding-right: 0}Icones.icon-wrapper { position: relative; width: 100%; height: 600px; overflow: hidden;}.floating-icon { position: absolute; width: 50px; height: 50px; border-radius: 50%; box-shadow: 0 px 0px rgba(0, 0, 0, 0.1); opacity: 0; animation: float-random 6s ease-in-out infinite;}@keyframes float-random { 0% { transform: scale(0.8) translate(0, 0); opacity: 0; } 10% { transform: scale(1) translate(0, 0); opacity: 1; } 90% { transform: scale(1) translate(calc(var(--x) * 0.9), calc(var(--y) * 0.9)); opacity: 1; } 100% { transform: scale(1) translate(var(--x), var(--y)); opacity: 0; }}.icon-1 { top: 85%; left: 5%; --x: 60px; --y: -100px; animation-delay: 0s; animation-duration: 4s;} .icon-2 { top: 80%; left: 20%; --x: 70px; --y: -130px; animation-delay: 0.5s; animation-duration: 5s;} .icon-3 { top: 75%; left: 35%; --x: 80px; --y: -110px; animation-delay: 1.2s; animation-duration: 4.5s;} .icon-4 { top: 70%; left: 50%; --x: 90px; --y: -140px; animation-delay: 0.3s; animation-duration: 6s;} .icon-5 { top: 65%; left: 65%; --x: 100px; --y: -120px; animation-delay: 1s; animation-duration: 5.5s;} .icon-6 { top: 60%; left: 80%; --x: 85px; --y: -150px; animation-delay: 0.8s; animation-duration: 4.2s;} .icon-7 { top: 45%; left: 10%; --x: 95px; --y: -90px; animation-delay: 1.8s; animation-duration: 5.8s;} .icon-8 { top: 40%; left: 30%; --x: 110px; --y: -135px; animation-delay: 0.2s; animation-duration: 6.5s;} .icon-9 { top: 35%; left: 50%; --x: 70px; --y: -100px; animation-delay: 1.1s; animation-duration: 4.3s;} .icon-10 { top: 30%; left: 70%; --x: 90px; --y: -125px; animation-delay: 0.6s; animation-duration: 5.3s;}#brxe-lfhzwf {font-size: 60px; font-family: "Poppins"; color: #212121}#brxe-umnsun {font-size: 60px; font-family: "Poppins"; color: #616161}#brxe-glrwee {font-size: 16px; font-family: "Poppins"; padding-top: 20px}#brxe-pxicmi {max-width: 1200px; align-items: center; margin-right: auto;; margin-left: auto;; padding-top: 0; padding-bottom: 10px}#brxe-snftsa {margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0}.address-input { display: flex; align-items: center; gap: 12px; border: 1px solid #4A3AFF; border-radius: 999px; padding: 10px 30px; max-width: 400px; width: 100%; background: #fff; font-family: sans-serif;} .address-input .icon { font-size: 25px; color: #000; line-height: 1;} .address-input .input-group { display: flex; flex-direction: column; flex: 1;} .address-input label { font-size: 15px; color: #333; margin-bottom: 2px;} .address-input input { border: none; outline: none; background: transparent; font-size: 20px; color: #555; padding: 0;}#brxe-oboaqs {flex-direction: row; flex-wrap: nowrap; align-self: center !important; justify-content: center; padding-right: 500px}#brxe-jvfwnb {margin-right: auto;; margin-left: auto;; font-family: "Poppins"; font-size: 40px; text-align: center}.car-services-app * { margin: 0; padding: 0; box-sizing: border-box;} .car-services-app { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; background: #f5f5f5; padding: 20px; border-radius: 20px; margin: 20px 0;} .car-services-container { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 20px; height: 600px;} .car-services-card { border-radius: 20px; padding: 30px; color: white; position: relative; overflow: hidden;} .car-services-tracking-card { background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);} .car-services-scheduling-card { background: linear-gradient(135deg, #f59e0b 0%, #f97316 100%);} .car-services-vehicles-card { background: linear-gradient(135deg, #10b981 0%, #059669 100%);} .car-services-protection-card { background: linear-gradient(135deg, #e5e7eb 0%, #d1d5db 100%); color: #374151; display: flex; flex-direction: column; gap: 20px;} .car-services-card h2 { font-size: 24px; font-weight: 700; margin-bottom: 20px; line-height: 1.2;} .car-services-map-container { background: white; border-radius: 12px; padding: 20px; height: 200px; position: relative; margin-top: 10px;} .car-services-map-placeholder { width: 100%; height: 100%; background: #f3f4f6; border-radius: 8px; position: relative; overflow: hidden;} .car-services-route-line { position: absolute; top: 50%; left: 20px; right: 20px; height: 4px; background: #6366f1; border-radius: 2px; transform: translateY(-50%);} .car-services-car-icon { position: absolute; top: 50%; right: 30px; transform: translateY(-50%); width: 30px; height: 20px; background: #1f2937; border-radius: 4px;} .car-services-pickup-marker { position: absolute; top: 50%; left: 30px; transform: translateY(-50%); width: 12px; height: 12px; background: #10b981; border-radius: 50%; border: 3px solid white;} .car-services-schedule-section { margin-top: 10px;} .car-services-schedule-label { font-size: 14px; margin-bottom: 10px; opacity: 0.9;} .car-services-date-selector { display: flex; gap: 10px; margin-bottom: 20px;} .car-services-date-option { padding: 12px 16px; border-radius: 8px; background: rgba(255, 255, 255, 0.2); border: none; color: white; font-weight: 600; cursor: pointer; transition: all 0.2s; font-family: inherit;} .car-services-date-option.active { background: rgba(255, 255, 255, 0.3);} .car-services-time-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px;} .car-services-time-option { padding: 10px 12px; border-radius: 6px; background: rgba(255, 255, 255, 0.2); text-align: center; font-size: 14px; cursor: pointer; transition: all 0.2s;} .car-services-time-option.active { background: rgba(255, 255, 255, 0.3);} .car-services-vehicles-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 20px;} .car-services-vehicle-option { background: rgba(255, 255, 255, 0.2); border-radius: 12px; padding: 20px; text-align: center; cursor: pointer; transition: all 0.2s;} .car-services-vehicle-option:hover { background: rgba(255, 255, 255, 0.3);} .car-services-vehicle-icon { width: 60px; height: 40px; background: white; border-radius: 8px; margin: 0 auto 10px; position: relative;} .car-services-vehicle-name { font-weight: 600; font-size: 14px;} .car-services-protection-section { background: white; border-radius: 12px; padding: 20px; flex: 1;} .car-services-protection-title { font-size: 18px; font-weight: 700; color: #1f2937; margin-bottom: 10px;} .car-services-protection-description { color: #6b7280; font-size: 14px; line-height: 1.5;} .car-services-rating-section { background: white; border-radius: 12px; padding: 20px;} .car-services-rating-title { font-size: 18px; font-weight: 700; color: #1f2937; margin-bottom: 15px;} .car-services-driver-profile { display: flex; align-items: center; gap: 12px;} .car-services-driver-avatar { width: 50px; height: 50px; border-radius: 50%; background: linear-gradient(135deg, #6366f1, #8b5cf6);} .car-services-driver-info h4 { font-weight: 600; color: #1f2937; margin-bottom: 4px; font-size: 16px;} .car-services-stars { color: #fbbf24; font-size: 14px;} .car-services-rating-stats { display: flex; justify-content: space-between; margin-top: 15px; font-size: 12px; color: #6b7280;} .car-services-stat { text-align: center;} .car-services-stat-number { font-weight: 700; color: #1f2937; font-size: 16px;}@media (max-width: 768px) { .car-services-container { grid-template-columns: 1fr; height: auto; } .car-services-card { padding: 20px; } .car-services-vehicles-grid { grid-template-columns: 1fr; }}#brxe-gjccjs {text-align: center; align-self: center !important; padding-bottom: 60px}#brxe-janvji {max-width: 1200px; align-items: center; margin-top: 100px; margin-right: auto;; margin-left: auto;; padding-top: 0; padding-bottom: 60px; flex-direction: row; justify-content: center; align-self: center !important}#brxe-rcrqdh {font-family: "Poppins"; font-size: 40px; text-align: center; margin-right: auto;; margin-left: auto;; padding-bottom: 15px}.service-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; max-width: 1000px; margin: auto;} .service-button { display: flex; justify-content: space-between; align-items: center; padding: 14px 18px; background: #fff; border: 1px solid #eee; border-radius: 12px; box-shadow: 0 1px 3px rgba(0,0,0,0.04); font-family: sans-serif; font-size: 14px; color: #333; cursor: pointer; transition: all 0.2s ease;} .service-button:hover { box-shadow: 0 2px 8px rgba(0,0,0,0.08);} .service-button .label { display: flex; align-items: center; gap: 8px;} .service-button .icon { font-size: 18px;} .service-button .tag { font-size: 12px; background: #f1f1f1; padding: 2px 6px; border-radius: 6px; color: #555;} .service-cards-wrapper { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center;}#brxe-xmylwi {margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; padding-top: 0; padding-right: 0; padding-bottom: 100px; padding-left: 0}.address-input { display: flex; align-items: center; gap: 12px; border: 1px solid #4A3AFF; border-radius: 999px; padding: 10px 30px; max-width: 400px; width: 100%; background: #fff; font-family: sans-serif;} .address-input .icon { font-size: 25px; color: #000; line-height: 1;} .address-input .input-group { display: flex; flex-direction: column; flex: 1;} .address-input label { font-size: 15px; color: #333; margin-bottom: 2px;} .address-input input { border: none; outline: none; background: transparent; font-size: 20px; color: #555; padding: 0;}#brxe-hlxfhm {align-items: center}#brxe-wjvjzt {background-color: #fbf9f9}#brxe-wruncz {padding-bottom: 15px; font-family: "Poppins"; font-size: 40px; text-align: center; margin-right: auto;; margin-left: auto;}#brxe-mgounc {background-color: #e0e0e0; margin-top: -1px}#brxe-jlwctt {font-family: "Poppins"; font-weight: 500; font-style: normal; font-size: 15px; border-radius: 15px; padding-top: 15px; padding-right: 10px; padding-bottom: 15px; padding-left: 10px; height: 60px; justify-content: center; width: 250px; align-self: center}#brxe-bdcoij {margin-right: 0; margin-bottom: 60px; padding-top: 30px; padding-bottom: 30px; display: flex; flex-wrap: nowrap; column-gap: 0px; row-gap: 0px; background-color: #fbf9f9}#brxe-wcerkd {margin-top: 30px; margin-bottom: 30px}#brxe-mcarmy {font-family: "Poppins"; font-weight: 500; font-style: normal; font-size: 15px; border: 2px solid #212121; border-radius: 15px; padding-top: 15px; padding-right: 10px; padding-bottom: 15px; padding-left: 10px; height: 60px; justify-content: center; width: 250px; align-self: center; background-color: #ffffff}#brxe-kzdjor {margin-top: 30px; margin-bottom: 30px; padding-top: 30px; padding-bottom: 0}#brxe-hldbyl {flex-direction: row; column-gap: 40px}#brxe-ucslwf {align-self: flex-start !important}