.compare{width:1160px;margin:0 auto;padding:30px 0 80px}.compare h2{font-size:36px;font-weight:600;margin-bottom:20px;text-align:center}.compare h2 span{color:#46bd88}.compare .compare-card{box-shadow:0 15px 46px -20px rgba(0,0,0,.25);border-radius:16px;overflow:hidden;margin-bottom:30px;width:340px;height:525px}.compare .compare-card .bike-heading{background:linear-gradient(112.39deg,#1F2937,#111827);padding:10px 20px;color:#fff}.compare .compare-card .bike-heading p{margin:0;font-weight:600;font-size:20px;display:inline-block;width:302px;white-space:nowrap;overflow:hidden!important;text-overflow:ellipsis}.compare .compare-card .bike-heading p span{font-weight:400}.compare .compare-card .bike-image img{width:100%}.compare .compare-card .bike-content{padding:5px 24px 0}.compare .compare-card .bike-content p{font-size:20px;font-weight:600;position:relative;margin:0}.compare .compare-card .bike-content p small{display:block;font-size:12px;font-weight:400;color:#6b7280}.compare .compare-card .bike-content p button{color:#006eff;font-size:12px;position:absolute;right:10px;top:10px;text-decoration:none}.compare .compare-card .bike-content ul{padding:0;margin:10px 0 0}.compare .compare-card .bike-content ul li{background:#f9fafb;border-radius:8px;text-align:center;padding:8px 0;list-style-type:none;width:48%;margin-right:10px;display:inline-block;margin-bottom:20px;color:#000;font-size:12px;font-weight:500}.compare .compare-card .bike-content ul li:nth-child(2){margin-right:0}.compare .compare-card .bike-content ul li:nth-child(4){margin-right:0;margin-bottom:0}.compare .compare-card .bike-content ul li:nth-child(3){margin-bottom:0}.compare .compare-card .bike-content ul li small{font-size:12px;display:block;color:#6b7280}.compare .compare-card .bikes-points{padding:24px 32px 32px}.compare .compare-card .bikes-points .bikes-p1{font-size:32px;text-align:center;font-weight:500;line-height:35px;margin-bottom:0;margin-top:0}.compare .compare-card .bikes-points .bikes-p1 span{color:#10b981;display:block;font-size:20px}.compare .compare-card .bikes-points .bikes-p2{font-size:15px;color:#6b7280;text-align:center;margin-bottom:32px}.compare .compare-card .bikes-points .feature-list{list-style:none;padding:0;margin:0}.compare .compare-card .bikes-points .item{display:flex;align-items:center;padding:12px 16px;border-radius:12px;font-size:14px;font-weight:500;margin-bottom:16px}.compare .compare-card .bikes-points .dot{width:8px;height:8px;border-radius:50%;margin-right:12px}.compare .compare-card .bikes-points .blue{background-color:#f0f6ff}.compare .compare-card .bikes-points .blue-dot{background-color:#3b82f6}.compare .compare-card .bikes-points .green{background-color:#ecfdf5}.compare .compare-card .bikes-points .green-dot{background-color:#10b981}.compare .compare-card .bikes-points .purple{background-color:#f5f3ff}.compare .compare-card .bikes-points .purple-dot{background-color:#a855f7}.compare .compare-card .bikes-points small{display:block;text-align:center;color:#9ca3af}.compare .vs{width:55px;height:55px;border-radius:50%;background-color:#46bd88;color:#fff;font-size:20px;text-transform:uppercase;font-weight:600;text-align:center;line-height:55px;margin:0 auto;vertical-align:middle;position:absolute;right:100%;top:20%}.compare .car-selector-container{width:328px;margin:200px auto 0;display:flex;flex-direction:column;gap:16px;padding:0;align-items:center;align-self:center;position:relative}.compare .car-selector-container img{position:absolute;right:10px;top:15px}.compare .select-field{width:100%;padding:12px 16px;font-size:14px;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.05);background:#fff;color:#333;outline:none;transition:border .2s ease;height:50px}.compare .select-field:focus{border-color:#46be88}.compare .select-field.disabled{background:#f2f2f2;color:#aaa;cursor:not-allowed}.compare .compare-now{background-color:#9ca3af;color:#fff;font-size:16px;margin-bottom:12px;width:100%;border:none;border-radius:90px;cursor:pointer;height:52px;line-height:52px;margin-top:20px}.compare .compare-now.active,.compare .compare-now:not(:disabled){background-color:#46be88;cursor:pointer}.compare .compare-now:disabled{opacity:.7;cursor:not-allowed}.compare .btnprimary{color:#fff;font-size:16px;margin-bottom:12px;width:100%;border:none;border-radius:90px;cursor:pointer;height:52px;line-height:52px;margin-top:20px}.hidden-web{display:none}@media(max-width:1199px){.hidden-xs{display:none}.hidden-web{display:block}.compare{width:100%;padding:60px 20px}.compare h2{text-align:center;font-size:21px;margin-bottom:32px}.compare .compare-card{width:100%;height:540px}.compare .car-selector-container{margin:70px auto 20px;padding:0;width:100%}.compare .compare-now{width:100%;margin-top:30px;margin-left:0}.compare .vs{margin:0 auto 20px;right:40%;top:-54%}}@media screen and (min-width:700px)and (max-width:1024px){.compare .compare-now{width:50%;margin:45px auto 45px 0;display:flex;align-items:center;justify-content:center;transform:translate(50%)}}@media(max-width:320px){.compare .car-selector-container{width:100%}.compare .compare-card{background-color:#fff;height:485px}.compare .compare-card .bike-content ul li{width:47%}.compare .compare-card .bike-content h3{font-size:16px}.compare .compare-card .bike-content h3 small{font-size:12px}.compare h2{margin-bottom:15px}}@media screen and (min-width:768px)and (max-width:768px)and (orientation:portrait){.compare .compare-card{height:auto}.compare .compare-card .bike-content ul{margin:30px 0}.compare .vs{right:-45%}}@media screen and (min-width:1024px)and (max-width:1024px)and (orientation:portrait){.compare .compare-card{height:auto}.compare .compare-card .bike-content ul{margin:30px 0}.compare .vs{right:-45%}}.resetbtn{background:none;border:none;font-weight:700;cursor:pointer}