.section1,.section2{display:flex;align-items:center}.section1,.section1>.right{background-position:center}.section2,.section3,.section4{background-color:#f6f7f8}*{margin:0;padding:0;box-sizing:border-box}body{overflow-x:hidden}.section1{width:83%;height:95vh;margin-inline:auto;background-size:cover}.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:100%;font-family:Roboto,sans-serif;font-weight:700}.section1 .text{font-family:Roboto,sans-serif;color:#818181;width:80%}.section1>.right{width:50%;height:100%;background-image:url("../IMG/Accordian_Car_2x_D.webp");background-size:contain;background-repeat:no-repeat}.section2{width:100%;height:300px;justify-content:center}.section2 .left,.section2 .right{align-items:center;width:50%;display:flex;font-family:Roboto,sans-serif}.section2 .left{justify-content:center;padding:0 200px 0 130px;font-size:2.5rem;font-weight:700}.section2 .right{justify-content:center;padding-right:120px;font-size:15px;color:#7c7e7d;line-height:1.7}.section3{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 7% 2%}.section3 .left{height:800px;width:50%;background:url(../IMG/Connectivity-and-Services-Expertise-Page_H5_M.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;font-family:Roboto,sans-serif}.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%;align-items:flex-start;padding:100px 9%;gap:40px}.section4 .top{width:100%;display:flex;flex-direction:column;gap:10px;font-family:Roboto,sans-serif;padding-right:50%}.section4 .head{font-size:2.2rem;font-weight:600}.section4 #txt{color:#5e5e5e;background-color:b}.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:Roboto,sans-serif;font-weight:800;font-size:large}.section4 .card .para{font-family:Roboto,sans-serif;font-size:15px;line-height:20px}.section5{width:100%;height:73vh;background:url(../IMG/digital-chassis-card2.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;object-position:center;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)}.picture,.section6{align-items:center}.overlay h2{font-size:30px;font-family:Roboto,sans-serif;font-weight:600;line-height:38px}.overlay p{font-size:15px;font-family:Roboto,sans-serif;opacity:.9}.playing .play-btn{display:none}.section6{width:100%;height:39vh;background-color:#d1d1d176;display:flex;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-family:Roboto,sans-serif;font-size:2.7rem;font-weight:600;line-height:50px}.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}.picture{width:100%;height:82%;display:flex;justify-content:center}.picture img{width:100%;height:100%;object-fit:cover}.card .caption{height:18%;display:flex;align-items:center;justify-content:center;text-align:center}.card .caption h5{font-size:1.2rem}@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 .head{font-size:2rem}.section7 .card{width:48%;height:300px}.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:400px;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}.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}}