.about{background:#eceded}.about-flex{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}.about-head{width:55%}.about-head,.about-head h2{color:var(--black)}.about-text{width:40%;gap:1.5rem;padding:3.5rem 0}.about-text,.video--text{display:flex;flex-direction:column}.video--text{position:absolute;top:3%;right:5%;width:34%;height:auto;background:#ffffffcc;padding:2rem;border-radius:10px;gap:.8rem}.video--text h2{font-size:30px;line-height:1.3}.video--text p{font-size:18px;color:#333333}.learn--more-btn{margin-top:.5rem}.learn--more-btn a{display:inline-block;padding:.6rem 1.4rem;background:var(--black);color:var(--white);border-radius:28px;transition:all .3s ease;font-weight:300;border:1px solid transparent;font-size:16px}.vehicle-animation video{width:100%;height:auto;display:block;background:#eceded;padding:0;margin:0;gap:0;box-shadow:0 4px 35px rgb(0 0 0)}.vehicle-animation{display:flex;justify-content:center;align-items:center;overflow:hidden;gap:0;position:relative}.vehicle-image-container{position:relative;width:-moz-fit-content;width:fit-content}.vehicle-animation img{width:100%}@media (max-width:1903px){.video--text{width:38%;right:2%;top:2%}}@media (max-width:1704px){.video--text{width:40%;right:2%;top:2%}}@media (max-width:1700px){.video--text{width:40%}}@media (max-width:1690px){.video--text{width:42%;right:2%;top:2%}}@media (max-width:1536px){.about-head,.about-text{width:45%}.video--text{padding:1.5rem}.video--text h2{font-size:26px}.video--text p{font-size:16px}.learn--more-btn a{padding:.5rem 1.2rem;font-size:14px}}@media (max-width:1440px){.about-text{width:50%}.video--text h2{font-size:24px}.video--text{width:40%;gap:.3rem}.vehicle-animation video{width:50%;object-fit:cover}}@media (max-width:1280px){.about-flex{flex-direction:column;align-items:flex-start;gap:1rem}.about-head{width:100%}.about-text{width:100%;padding:unset}.video--text h2{font-size:20px}.video--text p{font-size:15px}.video--text{width:42%}}@media (max-width:1100px){.video--text{gap:0}.vehicle-animation{height:unset}}@media (max-width:1024px){.vehicle-icon-1{width:60px;top:46%;left:75%}.vehicle-icon-2{width:90px;top:80%;left:5%}.video--text{top:3%}.vehicle-animation video{width:100%}}@media (max-width:900px){.video--text h2{font-size:18px}.video--text p{font-size:14px}.learn--more-btn a{padding:.4rem .8rem;font-size:14px}}@media (max-width:768px){.vehicle-icon-1{width:50px;top:48%;left:70%}.vehicle-icon-2{width:80px;top:82%;left:4%}.video--text{position:relative;top:unset;right:unset;width:100%;display:flex;border-radius:unset;padding:2rem 5%;background:var(--white)}.vehicle-animation{flex-direction:column}.video--text h2{font-size:22px}.video--text p{font-size:16px}.video--text{gap:.5rem}}@media (max-width:600px){.vehicle-icon-1{width:45px;top:50%;left:65%}.vehicle-icon-2{width:70px;top:85%;left:3%}}@media (max-width:480px){.vehicle-icon-1{width:40px;top:52%;left:60%}.vehicle-icon-2{width:60px;top:88%;left:2%}.video--text h2{font-size:18px}}@media (max-width:360px){.vehicle-icon-1{width:35px;top:54%;left:55%}.vehicle-icon-2{width:50px;top:90%;left:1%}}.campus-transport2{background-image:url(/assets/images/home/bg-product-category-utility.jpg)}.campus-transport1{background-image:url(/assets/images/home/bg-product-category-passenger.jpg)}.campus-transport-sec{background:var(--white)}.ct-text-box{background:linear-gradient(90deg,rgba(0,0,0,.9),rgba(0,0,0,0));padding:2.5rem 0 2.5rem 2rem;color:var(--white);width:100%;max-width:100%;text-align:left;position:absolute;left:0;transition:bottom .5s ease-in-out;top:50%;transform:translateY(calc(-50% + 40%));transition:transform .5s ease-in-out,opacity .5s ease-in-out}.campus-transport1:hover .ct-text-box,.campus-transport2:hover .ct-text-box{transform:translateY(calc(-50% + 35%))}.ct-hide{position:relative;z-index:3}.campus-transport h2{color:var(--black);margin-bottom:6rem;font-size:60px}.campus-transport h2 span{color:#717171;font-weight:300}.campus-transport-flex{gap:3rem;transition:all .5s ease-in-out}.campus-transport-flex,.campus-transport1,.campus-transport2{display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative}.campus-transport1,.campus-transport2{width:50%;height:600px;flex-direction:column;text-align:center;border-radius:28px;transition:width .5s ease-in-out}.expanded{width:70%}.collapsed{width:30%}.campus-transport1 img,.campus-transport2 img{width:100%;height:100%;object-fit:cover}.ct-text-box h2{font-weight:300;font-size:64px;margin-bottom:.5rem!important;color:var(--white);z-index:2;position:relative}.ct-text-box h3{font-weight:700;font-size:32px;margin-bottom:1rem;z-index:2;position:relative}.ct-text-box p{font-weight:400;font-size:20px;line-height:1.5;z-index:1000;position:relative}.ct-text-box p strong{font-weight:700;font-size:22px;z-index:1000;position:relative}.ct-text-box img{max-width:40px;margin-top:1rem}.ct-hide p{z-index:999!important}.ct-text-box.hide-box-mob{top:101%}.expanded .ct-text-box.hide-box-mob{top:87%}@media (min-width:768px){.ct-hide{opacity:0;visibility:hidden;transform:translateY(150%);transition:transform .5s ease,opacity .5s ease,visibility .5s;z-index:1000;position:relative}.campus-transport1:hover .ct-hide,.campus-transport2:hover .ct-hide{opacity:1;visibility:visible;transform:translateY(0)}}@media(max-width:1600px){.campus-transport h2{font-size:40px}}@media (max-width:1536px){.ct-text-box{top:50%;transform:translateY(calc(-50% + 60%))}.campus-transport1:hover .ct-text-box,.campus-transport2:hover .ct-text-box{transform:translateY(calc(-50% + 30%))}.ct-text-box h2{font-size:50px}.ct-text-box h3{font-size:30px}.campus-transport1,.campus-transport2{height:460px}.campus-transport h2{font-size:36px;margin-bottom:2rem}.ct-text-box p strong{font-size:20px}.ct-text-box p{font-size:18px}}@media (max-width:1440px){.ct-text-box h2{font-size:36px}.ct-text-box h3{font-size:24px}.ct-text-box{bottom:-34%;top:50%;transform:translateY(calc(-50% + 50%))}}@media (max-width:1366px){.ct-text-box h2{font-size:34px}.campus-transport1,.campus-transport2{height:400px}.campus-transport1:hover .ct-text-box,.campus-transport2:hover .ct-text-box{transform:translateY(calc(-50% + 25%))}}@media (max-width:1280px){.campus-transport h2{margin-bottom:2rem}.campus-transport-flex{gap:2rem}.ct-text-box{padding:1.5rem}.ct-text-box p{font-size:17px}.ct-text-box h2{font-size:32px}.ct-text-box h3{font-size:22px}}@media (max-width:1024px){.campus-transport-flex{flex-direction:column;gap:1.5rem}.campus-transport1,.campus-transport2,.collapsed,.expanded{width:100%}.ct-text-box p{font-size:16px}}@media (max-width:900px){.ct-text-box{bottom:-28%}}@media (max-width:768px){.ct-text-box{top:0;bottom:auto;background:linear-gradient(90deg,rgba(0,0,0,.9),rgba(0,0,0,0));z-index:2}.ct-hide,.hide-box-mob{display:none}.campus-transport h2{font-size:32px;margin-bottom:3rem}.campus-transport1,.campus-transport2{height:400px}.ct-text-box{padding:1.2rem}.ct-text-box h2{font-size:30px}.ct-text-box p strong{font-size:17px}.ct-text-box p{font-size:14px}.ct-text-box img{max-width:30px}}@media (max-width:600px){.ct-text-box h2{font-size:28px}.campus-transport h2{font-size:22px}.ct-text-box h3{font-size:18px}}@media (max-width:480px){.campus-transport h2{font-size:20px;margin-bottom:2rem}.campus-transport h2 span{display:block}.campus-transport1,.campus-transport2{height:350px}.ct-text-box{padding:1rem}.ct-text-box h2{font-size:24px}.ct-text-box img{max-width:25px}}@media (max-width:360px){.campus-transport1,.campus-transport2{height:320px}.ct-text-box h2{font-size:20px}.ct-text-box h3{font-size:16px}.ct-text-box p{font-size:13px}}.image-wrapper{position:relative;width:100%;height:100%}.image-wrapper:before{content:"";position:absolute;top:0;right:0;width:60%;height:100%;background:linear-gradient(270deg,rgba(255,255,255,.8),transparent);z-index:1;pointer-events:none;border-radius:28px}.image-wrapper img{width:100%;height:100%;object-fit:cover;position:relative;z-index:2}