.section1,.section2{display:flex;align-items:center}*{margin:0;padding:0;box-sizing:border-box}body{overflow-x:hidden;font-family:Roboto,sans-serif}.section1{width:83%;height:95vh;margin-inline:auto;background-position:center;background-size:cover}.section2,.section3{width:100%;background-color:#f6f7f8}.section1>.left{width:50%;height:70%;display:flex;flex-direction:column;justify-content:center;gap:40px}.section1>.left .logo{width:200px;height:100px;background:url(../IMG/HTLogo.webp) center/contain no-repeat}.section1 .caption{font-size:3rem;width:75%;font-weight:700}.news-wrapper .head>#heading_text,.section2 .left{font-size:2.5rem;font-weight:700}.section1 .text{font-family:roboto;color:#818181;width:80%}.section1>.right{width:50%;height:90%;background-image:url("../IMG/section1img.webp");background-position:top;background-size:cover;background-repeat:no-repeat;border-radius:10px}.section2{height:300px;justify-content:center}.section2 .left,.section2 .right{align-items:center;width:50%;display:flex}.section2 .left{justify-content:center;padding:0 200px 0 130px}.section2 .right{justify-content:center;padding-right:120px;font-size:15px;color:#7c7e7d;line-height:1.7}.section3{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 7% 2%}.section3 .left{height:900px;width:50%;background:url(../IMG/scooters-with-icons-3.webp) center/cover no-repeat;border-radius:10px}.section3 .right{width:50%;background-color:#fff;display:flex;flex-direction:column;align-items:center;gap:30px;padding:6% 8%;border-radius:10px}.section3 .text-box,.section4{flex-direction:column;display:flex}.section3 .text-box{gap:10px;width:90%}.section3 .para{font-size:small;color:#5e5e5e;line-height:18px}.section4{width:100%;background-color:#f6f7f8;align-items:flex-start;padding:100px 9%;gap:40px}.section4 .top{width:100%;display:flex;flex-direction:column;gap:10px;padding-right:50%}.section4 .head{font-size:2.2rem;font-weight:600}.section4 #txt{color:#5e5e5e}.section4 .bottom{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px}.section4 .card{width:23.5%;height:auto;padding:20px 50px 20px 25px;background:#fff;border-radius:10px;display:flex;flex-direction:column;border:none}.section4 .card .logo{width:50px;height:50px;display:flex;align-items:center;justify-content:center}.section4 .card .logo img{width:100%;height:100%}.section4 .card .head{font-family:Arial,Helvetica,sans-serif;font-weight:800;font-size:large}.section4 .card .para{font-size:15px;line-height:20px}.section5{width:100%;height:73vh;background:url(../IMG/20250826_1728_Nighttime\ Motorcycle\ Ride_remix_01k3k3s0sdes59gxdmmgz72cpa.webp) center/cover}.video-section{position:relative;width:83%;margin:100px auto;border-radius:15px;overflow:hidden}.video-section::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.35);pointer-events:none}.video-section video{width:100%;height:93vh;display:block;border-radius:10px;object-fit:cover;cursor:pointer}.play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 8px rgba(0,0,0,.4);transition:transform .3s;z-index:10}.play-btn:hover{transform:translate(-50%,-50%) scale(1.1)}.play-btn::before{content:'';border-style:solid;border-width:15px 0 15px 25px;border-color:transparent transparent transparent #000;margin-left:5px}.overlay{position:absolute;width:30%;bottom:20%;left:8%;color:#fff;display:flex;flex-direction:column;gap:15px;z-index:3;text-shadow:0 2px 6px rgba(0,0,0,.8)}.overlay h2{font-size:30px;font-weight:600;line-height:38px}.overlay p{font-size:15px;opacity:.9}.playing .play-btn{display:none}.section6{width:100%;height:39vh;background-color:#d1d1d176;display:flex;align-items:center;justify-content:space-between;padding-inline:9%}.section6 .logo{width:32%;height:130px;background:url(../IMG/Homam_logo.png) center/contain no-repeat}.section6 .details{width:50%;display:flex;flex-direction:column;gap:18px}.section6 .details h1{font-weight:700;font-size:35px}.section6 .details p{color:#818181}.section7{width:100%;height:100vh;background:#f5f6f7;padding-top:7%}.section7 .wrapper{width:83%;height:82%;margin-inline:auto;display:flex;flex-direction:column;justify-content:space-between}.section7 .head{font-size:2.7rem;font-weight:600;line-height:40px}.section7 .content{width:100%;height:80%;display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px}.section7 .card{width:32%;height:500px;background:#fff;border-radius:10px;display:flex;flex-direction:column;overflow:hidden}.card .caption,.picture{align-items:center;display:flex}.picture{width:100%;height:82%;justify-content:center}.picture img,.swiper-img>img{width:100%;height:100%;object-fit:cover}.card .caption{height:18%;justify-content:center;text-align:center}.card .caption h5{font-size:1.2rem}.news-section{width:100%;height:100vh;display:flex;align-items:center;justify-content:center}.news-wrapper,.swiper-slide{display:flex;flex-direction:column}.news-wrapper{width:83%;height:auto;gap:30px;justify-content:space-between}.news-wrapper .head{display:flex;align-items:center;justify-content:space-between}.nav-btn{display:flex;gap:10px}.swiper-button{width:40px;height:40px;border:1px solid #d0d0d0;background:#fff;border-radius:3px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;transition:.3s}.swiper-button:hover{border-color:#fafafa;color:#b71c1c;transform:scale(1.3)}.prev-btn::before{content:"←"}.next-btn::before{content:"→"}.swiper-wrapper{display:flex;gap:20px}.swiper-slide{width:600px;overflow:hidden;border:1px solid rgba(128,128,128,.324);border-radius:8px;flex-shrink:0;scroll-snap-align:start}#swiper-text-box,.section8 .left{flex-direction:column;display:flex}.swiper-img{width:100%;height:60%}#swiper-text-box{gap:15px;align-items:flex-start;padding:20px}#swiper-text-box #slide-text{font-size:larger;font-weight:500;color:#3a3a3a}#swiper-text-box p{color:#7a7a7a}#swiper-text-box #slide-button{padding:.3rem 1rem;border:1px solid red;border-radius:5px;background:0 0;color:#6d6d6d}.date{font-size:.8rem;color:#797979}.section8{width:100%;height:80vh;display:flex;align-items:center;justify-content:center;background:#fff}.section8 .wrapper{width:83%;height:80%;display:flex;border-radius:12px;overflow:hidden}.section8 .left{width:50%;padding:8% 40px 40px;background:linear-gradient(180deg,#d50000,#b71c1c);color:#fff;justify-content:space-between;border-top-left-radius:12px;border-bottom-left-radius:12px}.section8 .left h1{font-size:1.9rem;margin-bottom:10px}.section8 .left h4{font-size:1rem;font-weight:400;margin-bottom:20px}.section8 form{display:flex;flex-direction:column;gap:15px}.section8 input,.section8 select{width:100%;padding:12px 15px;background:rgba(255,255,255,.2);border:1px solid rgba(171,171,171,.637);color:#fff;border-radius:3px;font-size:.95rem}.section8 input::placeholder{color:#eee}.section8 select{color:#eee}.section8 select option{color:#000}.section8 .bottom p{font-size:.55rem;color:#f5f5f5}.section8 .bottom button{padding:15px 20px;margin-top:10px;width:100%;background:0 0;color:#fff;border:1px solid #fff;border-radius:3px;font-size:.8rem;font-weight:700;cursor:pointer}.section8 .bottom button:hover{background:#fff;color:#b71c1c}.section8 .right{width:50%;background:url("../IMG/Newsletter_card_image_new") center/cover no-repeat;border-top-right-radius:12px;border-bottom-right-radius:12px}@media (max-width:1024px){.section1,.section2{flex-direction:column;height:auto}.section2,.section6{gap:20px;text-align:center}.section1,.section2,.section4 .top,.section6,.section7 .head{text-align:center}.section1{margin-top:60px}.section1>.right{width:100%;min-height:700px}.section1>.left{width:100%;margin-bottom:20px;align-items:center}.section7 .head,.section8 .left .middle{margin-bottom:10px}.section1 .caption,.section3 .right{width:100%}.section2{padding:40px 20px}.section2 .left,.section2 .right{width:90%;padding:0}.section3{flex-direction:column;padding:40px 5%}.nav-btn,.section3 .left{display:none}.section4 .top{padding:0;align-items:center}.section6,.section8 .wrapper{flex-direction:column}.section4 .card{width:48%;height:auto}.video-section{height:50vh}.video-section .overlay{bottom:5%;width:90%}.section5{height:23vh;background-position:center;background-size:cover}.section6{padding:40px 5%;height:auto}.section6 .details,.section6 .logo{width:100%;align-items:center}.section7 .card{width:48%;height:300px}.section7 .head{font-size:2rem}.section8{height:auto;margin-bottom:20%}.section8 .left{width:100%;padding:40px 20px;border-radius:12px 12px 0 0}.section8 .right{height:300px;display:none}.swiper-wrapper{flex-direction:column;gap:2rem}.swiper-slide{width:100%!important}.news-section,.section7{height:auto;min-height:60vh;margin-bottom:20px}}@media (max-width:608px){.section1,.section2,.section3 .right{padding:20px}.section1{margin-top:40px;width:98%}.section1 .caption,.section2 .left{font-size:2rem}.section1>.right{min-height:400px}.section2{font-size:16px}.section2 .right{font-size:14px}.section3 .left{display:flex;height:500px;width:100%;background-size:cover}.section4{padding:40px 20px}.section4 .card,.section6 .details button,.section7 .card{width:100%}.video-section .overlay h2{font-size:20px}.section6 .details h1{font-size:24px}.section7{padding-top:40px}.section7 .head{font-size:1.8rem}.section8 .right{height:200px}.nav-btn{display:none}.swiper-wrapper{flex-direction:column;gap:1.5rem}.swiper-slide{width:100%!important}.news-section,.section7{height:auto;min-height:auto}}