.vpx-section{padding:40px 0;max-width:1200px;margin:0 auto;background-color:#fff}.vpx-section-title{font-size:28px;font-weight:700;margin-bottom:30px;color:#2c3e50;text-align:left;font-family:'Helvetica Neue',Arial,sans-serif}.vpx-carousel-container{position:relative}.vpx-carousel{display:flex;gap:20px;overflow-x:auto;scroll-behavior:smooth;padding:20px 0;scrollbar-width:thin;scrollbar-color:#e0e0e0 #fff0}.vpx-carousel::-webkit-scrollbar{height:8px}.vpx-carousel::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.vpx-carousel::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}.vpx-carousel::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.vpx-card{min-width:300px;height:220px;border-radius:16px;overflow:hidden;position:relative;cursor:pointer;transition:all 0.4s ease;flex-shrink:0;background:#fff;box-shadow:0 4px 20px rgb(0 0 0 / .1);border:1px solid #f0f0f0}.vpx-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px rgb(0 0 0 / .15);border:1px solid #e0e0e0}.vpx-card-image{width:100%;height:140px;object-fit:cover;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);transition:transform 0.4s ease}.vpx-card:hover .vpx-card-image{transform:scale(1.05)}.vpx-card-content{padding:20px;background:#fff;height:80px;display:flex;flex-direction:column;justify-content:center}.vpx-card-title{font-size:18px;font-weight:600;margin-bottom:5px;color:#2c3e50;line-height:1.2;font-family:'Helvetica Neue',Arial,sans-serif}.vpx-card-subtitle{font-size:14px;color:#7f8c8d;font-weight:400;font-family:'Helvetica Neue',Arial,sans-serif}.vpx-nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:#fff;color:#2c3e50;border:2px solid #e0e0e0;width:50px;height:50px;border-radius:50%;font-size:18px;cursor:pointer;z-index:100;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px rgb(0 0 0 / .1)}.vpx-nav-btn:hover{background:#f8f9fa;border-color:#3498db;color:#3498db;transform:translateY(-50%) scale(1.1);box-shadow:0 6px 20px rgb(52 152 219 / .2)}.vpx-nav-btn.prev{left:-25px}.vpx-nav-btn.next{right:-25px}.vpx-card:nth-child(1) .vpx-card-image{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.vpx-card:nth-child(2) .vpx-card-image{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.vpx-card:nth-child(3) .vpx-card-image{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%)}.vpx-card:nth-child(4) .vpx-card-image{background:linear-gradient(135deg,#43e97b 0%,#38f9d7 100%)}.vpx-card:nth-child(5) .vpx-card-image{background:linear-gradient(135deg,#fa709a 0%,#fee140 100%)}.vpx-card:nth-child(6) .vpx-card-image{background:linear-gradient(135deg,#a8edea 0%,#fed6e3 100%)}.vpx-card:nth-child(7) .vpx-card-image{background:linear-gradient(135deg,#ff9a9e 0%,#fecfef 100%)}.vpx-card:nth-child(8) .vpx-card-image{background:linear-gradient(135deg,#ffecd2 0%,#fcb69f 100%)}.vpx-card:nth-child(9) .vpx-card-image{background:linear-gradient(135deg,#a8edea 0%,#fed6e3 100%)}.vpx-card:nth-child(10) .vpx-card-image{background:linear-gradient(135deg,#d299c2 0%,#fef9d7 100%)}.vpx-card:nth-child(11) .vpx-card-image{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.vpx-card:nth-child(12) .vpx-card-image{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.vpx-card:nth-child(13) .vpx-card-image{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%)}.vpx-card:nth-child(14) .vpx-card-image{background:linear-gradient(135deg,#43e97b 0%,#38f9d7 100%)}.vpx-card:nth-child(15) .vpx-card-image{background:linear-gradient(135deg,#fa709a 0%,#fee140 100%)}@keyframes vpxSpin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@media (max-width:768px){.vpx-section{padding:20px 15px}.vpx-section-title{font-size:24px;margin-bottom:20px;text-align:center}.vpx-card{min-width:280px;height:200px}.vpx-card-image{height:120px}.vpx-card-content{height:80px;padding:15px}.vpx-nav-btn{display:none}.vpx-carousel{gap:15px;padding:15px 0}}