.heroSwiper{height:600px}.slide-with-bg{position:relative;overflow:hidden}.slide-with-bg img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.slide-content{position:relative;z-index:1;height:100%;width:100%;display:flex;justify-content:flex-end;align-items:center;padding:2rem 4rem;box-sizing:border-box}.slide-content .text-box{text-align:right;color:#fff;max-width:500px;background:#0006;padding:1.5rem;border-radius:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 8px 16px #0000004d}.slide-content .text-box small,.slide-content .text-box h2,.slide-content .text-box p{text-shadow:1px 1px 3px rgba(0,0,0,.8)}.slide-content .text-box h2{font-size:2rem;margin:.5rem 0;color:#fff}.slide-content .text-box p{font-size:1.2rem;margin:0}.slide-content .btn-slide{display:inline-block;background-color:#f5b754;color:#000;padding:.75rem 1.5rem;font-weight:700;border-radius:4px;margin-top:1rem;transition:all .3s ease}.hero-next,.hero-prev{color:#000;width:25px;height:25px;border-radius:50%;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;transition:all .3s ease}.hero-scrollbar .swiper-scrollbar-drag{background-color:#f5b754;height:9px;top:-2px}.modelSwiper{margin-top:2rem}.modelSwiper .swiper-slide{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:1rem;background-color:#fff;border-radius:12px;box-shadow:0 8px 16px #0000001a;height:350px;transition:transform .3s ease,box-shadow .3s ease}.modelSwiper .swiper-slide:hover{transform:translateY(-8px);box-shadow:0 12px 24px #0003}.modelSwiper .swiper-slide img{max-width:100%;height:auto;object-fit:contain;margin-bottom:1rem;transition:transform .3s ease}.modelSwiper .swiper-slide h3{font-size:1.4rem;font-weight:600;color:#222;text-align:center;line-height:1.4;margin:0}.color-picker-container{padding:1rem;background:#f7f7f7;border-radius:10px}.color-circle{width:36px;height:36px;border-radius:50%;border:2px solid #ccc;cursor:pointer;position:relative;transition:all .2s ease-in-out;outline:none}.color-circle:hover{border-color:#555}.color-circle.selected{border-color:#000;box-shadow:0 0 0 3px #0000001a}.color-circle .checkmark{display:none;color:#fff;font-size:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.color-circle.selected .checkmark{display:inline}@media (max-width: 576px){.modelSwiper .swiper-slide{height:200px;padding:.75rem}.modelSwiper .swiper-slide img{max-height:120px;margin-bottom:.5rem}.modelSwiper .swiper-slide h3{font-size:1rem}}