.automotive-module{left:50%;margin-left:-50vw;margin-right:-50vw;overflow-x:hidden;overflow-y:visible;position:relative;right:50%;width:100vw}.automotive-bg{align-items:flex-start;display:flex;min-height:80vh;overflow:hidden;position:relative;width:100vw}.automotive-bg,.bg-layer{background-position:50%;background-repeat:no-repeat;background-size:cover}.bg-layer{inset:0;position:absolute;transform:translateX(100%);transition:transform 1s cubic-bezier(.22,1,.36,1)}.bg-layer.active{transform:translateX(0)}.bg-layer.exit{transform:translateX(-100%)}.automotive-panel{background:#fff;border-radius:5px;box-sizing:border-box;color:#000;display:flex;flex-direction:column;height:500px;margin:30px 0 30px 30px;position:relative;width:600px;z-index:2}.automotive-panel-inner{display:flex;flex-direction:column;height:100%;padding:2rem}.automotive-text{margin-bottom:2rem;opacity:1;text-align:left;transform:translateY(0);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1)}.fade{opacity:0}.automotive-text{transition:opacity .6s ease}.bg-layer{will-change:opacity,transform}.controls-container{background:#fff;border-radius:999px;bottom:20px;box-shadow:0 8px 24px rgba(0,0,0,.15);gap:14px;left:50%;padding:10px 18px;position:absolute;transform:translateX(-50%)}.arrow,.controls-container{align-items:center;display:flex}.arrow{background:#f1f3f6;border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.1);color:#0a2540;cursor:pointer;flex-shrink:0;font-size:20px;height:36px;justify-content:center;line-height:1;transition:background .25s ease;width:36px}.arrow:hover{background:#e2e6ec}.prev-arrow{margin-right:10px}.next-arrow{margin-left:10px}.dots{display:flex;gap:8px}.dot{background:transparent;border:2px solid #0a2540;border-radius:50%;cursor:pointer;height:16px;opacity:.5;transition:all .25s ease;width:16px}.dot.active{background:#0a2540;opacity:1}@media (max-width:1024px){.automotive-panel{margin:20px;max-width:70%}.automotive-panel-inner{padding:1.75rem}.controls-container{padding:10px 16px}.dot{height:12px;width:12px}.arrow{font-size:20px;height:34px;width:34px}}@media (max-width:768px){.automotive-bg{min-height:60vh;padding-bottom:2rem}.automotive-panel{margin:15px auto;max-width:90%}.automotive-panel-inner{padding:1.5rem}.controls-container{margin-top:1.5rem;padding:8px 14px}.dot{height:12px;width:12px}.arrow{font-size:22px;height:36px;width:36px}}body{overflow-x:hidden}