*{margin:0px;padding:0px;box-sizing:border-box}:root{--primary:#d8a020;--title:#0a0a0c;--text:#6b6b72}html{scroll-behavior:smooth;font-size:clamp(7.5px,0.520834vw,10px)}body{color:var(--title);font-size:1.6rem;font-weight:700}.img.img_cv{overflow:hidden}.img.img_cv img,.img.img_cv video,.img.img_cv iframe{object-fit:cover}.img img,.img video,.img iframe{width:100%;height:100%;display:block;transition:0.5s;aspect-ratio:inherit}.about_banner{max-width:256rem;margin:0px auto;position:relative}@media screen and (min-width:769px){ul::-webkit-scrollbar,div::-webkit-scrollbar{width:4px}ul::-webkit-scrollbar-thumb,div::-webkit-scrollbar-thumb{border-radius:10px;background-color:rgb(139,139,139)}}@media screen and (max-width:768px){html{font-size:10px}body{font-size:1.4rem}}.content{max-width:168rem;margin:0px auto;position:relative}li{list-style:none}li.swiper-slide{height:auto}.flex{display:flex}.between{justify-content:space-between}.center{text-align:center}p,.DM_Sans{font-weight:normal}.gap{gap:3rem}.img.img_hv:hover img{transform:scale(1.03)}.head .subtitle{font-size:1.8rem;letter-spacing:0.144444em;text-transform:uppercase;margin-bottom:1rem}.head h1{color:var(--primary);font-size:9rem;font-weight:700;line-height:0.955556;text-transform:uppercase}.head p{font-size:1.8rem;line-height:2.8rem}.arrow_cir{width:6.2rem;height:6.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;z-index:2;border-radius:50%;overflow:hidden;background-image:linear-gradient( to right,rgb(233,213,154),rgb(224,197,118) );transition:box-shadow 0.3s,transform 0.5s cubic-bezier(0.23,1.74,0.42,1.59)}.arrow_cir::before{content:"";position:absolute;inset:1px;z-index:-1;border-radius:50%;transition:0.3s;background:url("https://xh.sytech.site/wp-content/plugins/sytech-fronteditor/sytpl/about-us2-about_intro/assets/img/cir-bg.svg") center center / cover no-repeat}.arrow_cir::after{content:"";display:block;width:32%;height:32%;background:url("https://xh.sytech.site/wp-content/plugins/sytech-fronteditor/sytpl/about-us2-about_intro/assets/img/arrow-line-r-w.svg") center center / contain no-repeat}.arrow_cir:hover{transform:scale(1.1);box-shadow:rgba(234,200,140,0.55) 0px 1rem 1rem}.arrow_cir:hover::before{filter:brightness(1.05)}.arrow_cir:active{transform:scale(1)}.arrow_cir:active::before{filter:brightness(1)}.swiper_btns{gap:2.2rem;display:flex}.swiper_btns div{width:5.8rem;height:5.8rem}.swiper_btns .btn_prev::after{transform:rotate(180deg)}.swiper_btns .swiper-button-disabled{pointer-events:none}.swiper_btns:has(.swiper-button-lock){opacity:0}.about_intro{padding:12.6rem 0px 9.8rem;background-image:linear-gradient( to top,rgb(253,253,253),rgb(242,242,242) )}.about_intro .head{max-width:124.4rem;margin:0px auto}.about_intro .head p{color:var(--text);margin-top:2.8rem}.about_intro .flex{margin-top:6.5rem}.about_intro .lt{width:49.0476%;align-self:center}.about_intro .about_intro_image_swiper{overflow:hidden;border-radius:2.4rem;background-color:var(--title)}.about_intro .rt{flex:1 1 0%;padding:3.33333% 5.65476%;border-radius:2.4rem;border:1px solid rgb(236,236,239);background-color:rgb(255,255,255);gap:3rem;display:flex;flex-direction:column;justify-content:space-around;overflow:hidden}.about_intro .about_intro_swiper{overflow:hidden}.about_intro .about_intro_swiper .swiper-wrapper{counter-reset:item 0}.about_intro .about_intro_swiper .swiper-slide{counter-increment:item 1}.about_intro .about_intro_swiper .swiper-slide::before{content:counter(item,decimal-leading-zero);color:var(--primary);font-size:2.4rem;margin-bottom:1.2rem;display:block}.about_intro .about_intro_swiper .head h3{font-size:4rem;font-weight:600}.about_intro .about_intro_swiper .head p{color:var(--text);margin-top:3.6rem;hyphens:auto}.about_intro .about_intro_swiper .head ul{padding-top:1.6rem}.about_intro .about_intro_swiper .head li{position:relative;padding-left:1.77778em;font-weight:700;font-size:1.8rem;line-height:1.55556em;margin-top:0.666667em}.about_intro .about_intro_swiper .head li::before{content:"";display:block;width:1em;height:1em;position:absolute;left:0px;top:0.3em;background:url("https://xh.sytech.site/wp-content/plugins/sytech-fronteditor/sytpl/about-us2-about_intro/assets/img/icon-gou.svg") center center / contain no-repeat}@media screen and (min-width:769px) and (max-width:1440px){.content{padding:0px 3rem}}@media screen and (min-width:769px) and (max-width:1220px){.content,.swiper_content{max-width:1024px}}@media screen and (min-width:769px) and (max-width:1024px){.content,.swiper_content{max-width:896px}}@media screen and (min-width:769px) and (max-width:896px){.content,.swiper_content{max-width:768px}}@media screen and (max-width:768px){html{font-size:10px}body{font-size:1.4rem}.content{padding:0px 20px}.gap{gap:20px}.head .subtitle{font-size:14px;line-height:1.5;margin-bottom:8px}.head h1{font-size:25px;line-height:1.3}.head .desc,.head p{font-size:14px;line-height:1.5;margin-top:12px}.arrow_cir{width:42px;height:42px}.swiper_btns{gap:15px}.swiper_btns div{width:42px;height:42px}.about_intro{padding:50px 0px}.about_intro .head p{margin-top:12px}.about_intro .flex{margin-top:30px}.about_intro .about_intro_image_swiper{border-radius:15px}.about_intro .rt{gap:20px;padding:20px;border-radius:15px}.about_intro .about_intro_swiper .swiper-slide::before{font-size:14px;margin-bottom:8px}.about_intro .about_intro_swiper .head h3{font-size:18px}.about_intro .about_intro_swiper .head p{margin-top:12px}.about_intro .about_intro_swiper .head ul{padding-top:0px}.about_intro .about_intro_swiper .head li{font-size:14px}}@media screen and (max-width:576px){.about_intro .flex{display:block}.about_intro .lt{width:100%;margin-bottom:30px}}.swiper_box{position:relative}.head h2{color:var(--primary);font-size:5.8rem;font-weight:700;line-height:1.2;text-transform:uppercase}div.swiper-pagination.swiper-pagination-bullets{position:static;gap:0.8rem;display:flex;align-items:center;justify-content:center}div.swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet{width:2.8rem;height:3px;margin:0px;opacity:0.38;transition:0.3s;border-radius:0px;background-color:rgb(255,255,255)}div.swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet-active{opacity:1}.about_journey{padding:9.8rem 0px 12.8rem;background-image:linear-gradient( to top,rgb(255,255,255),rgb(253,253,253) )}.about_journey .swiper_box{max-width:138.8rem;margin:3px auto 0px;gap:2rem;display:grid;align-items:center;grid-template-columns:auto 1fr auto}.about_journey .btns div{cursor:pointer;width:5.4rem;height:5.4rem;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--primary);transition:0.3s}.about_journey .btns div::after{content:"";display:block;width:40%;height:40%;transition:0.3s;background:url("https://xh.sytech.site/wp-content/plugins/sytech-fronteditor/sytpl/about-us3-about_journey/assets/img/arrow-line-r.svg") center center / contain no-repeat}.about_journey .btns div:hover{background-color:var(--primary)}.about_journey .btns div:hover::after{filter:contrast(0) brightness(2)}.about_journey .btns .btn_prev::after{transform:rotate(180deg)}.about_journey .btns .swiper-button-disabled{pointer-events:none;border-color:var(--text)}.about_journey .btns .swiper-button-disabled::after{filter:contrast(0) brightness(0.8)}.about_journey .about_journey_year_swiper{overflow:hidden;position:relative;z-index:2;margin-top:2.8rem}.about_journey .about_journey_year_swiper::before{content:"";position:absolute;left:0px;top:1.6rem;right:0px;z-index:-1;height:1px;background-color:rgba(0,0,0,0.14)}.about_journey .about_journey_year_swiper .swiper-slide{pointer-events:none}.about_journey .about_journey_year_swiper .swiper-slide-thumb-active .dot::before{opacity:1;transform:translate(0px) scale(1)}.about_journey .about_journey_year_swiper .swiper-slide-thumb-active .dot::after{transform:translate(-50%,-0.7rem) scale(1.33333);background-color:var(--primary);opacity:0}.about_journey .about_journey_year_swiper .swiper-slide-thumb-active .year{color:var(--primary)}.about_journey .about_journey_year_swiper .dot{width:1.6rem;margin:0px auto;cursor:pointer;pointer-events:auto;position:relative}.about_journey .about_journey_year_swiper .dot::before{content:"";display:block;height:2.1rem;transition:0.3s;background:url("https://xh.sytech.site/wp-content/plugins/sytech-fronteditor/sytpl/about-us3-about_journey/assets/img/icon-location.svg") center center / contain no-repeat;transform:translateY(0.7rem) scale(0.75);opacity:0}.about_journey .about_journey_year_swiper .dot::after{content:"";display:block;width:1.2rem;height:1.2rem;border-radius:50%;transition:0.3s;background-color:rgb(165,165,165);margin:0px auto;position:absolute;left:50%;top:1rem;transform:translateX(-50%)}.about_journey .about_journey_year_swiper .year{text-align:center;font-size:2.2rem;font-weight:600;color:var(--text);transition:0.3s;cursor:pointer;pointer-events:auto;margin-top:1.8rem}.about_journey .about_journey_swiper{overflow:hidden;margin-top:5.8rem}.about_journey .about_journey_swiper .year{color:var(--primary);font-size:4.8rem;text-align:center}.about_journey .about_journey_swiper .cards{margin-top:3.4rem}.about_journey .about_journey_swiper .list{gap:3rem;display:flex;flex-wrap:wrap}.about_journey .about_journey_swiper .card{flex:1 0 30rem;border-radius:2.4rem;background-color:rgb(242,242,242)}.about_journey .about_journey_swiper .card .text{padding:min(9.09091%,7.5rem) min(9.09091%,7.5rem) min(8.24242%,6.8rem)}.about_journey .about_journey_swiper .card h3{font-size:2.4rem;text-transform:uppercase;letter-spacing:0.041667em}.about_journey .about_journey_swiper .card p{color:var(--text);font-size:1.7rem;line-height:2.7rem;margin-top:2.4rem}.about_journey div.swiper-pagination{margin-top:3.6rem}.about_journey div.swiper-pagination .swiper-pagination-bullet{background-color:var(--title)}@media screen and (max-width:768px){html{font-size:10px}body{font-size:1.4rem}.content{padding:0px 20px}.head .subtitle{font-size:14px;line-height:1.5;margin-bottom:8px}.head h2{font-size:22px;line-height:1.3}div.swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet{width:20px}.about_journey{padding:50px 0px}.about_journey .btns div{width:42px;height:42px}.about_journey .about_journey_year_swiper{margin-top:22px}.about_journey .about_journey_year_swiper .year{font-size:18px}.about_journey .about_journey_swiper{margin-top:30px}.about_journey .about_journey_swiper .year{font-size:30px}.about_journey .about_journey_swiper .cards{margin-top:20px}.about_journey .about_journey_swiper .list{gap:15px}.about_journey .about_journey_swiper .card{border-radius:15px}.about_journey .about_journey_swiper .card .text{padding:20px}.about_journey .about_journey_swiper .card h3{font-size:18px}.about_journey .about_journey_swiper .card p{font-size:14px;margin-top:12px;line-height:1.5}.about_journey div.swiper-pagination{margin-top:20px}}@media screen and (max-width:576px){.about_journey .swiper_box{display:block}.about_journey .btns{display:none}}.img.img_ct img{object-fit:contain}.img.img_ab{position:relative}.img.img_ab img,.img.img_ab video,.img.img_ab iframe{position:absolute;left:0px;top:0px}.img_bg{position:relative;z-index:2}.img_bg > img,.img_bg > video{display:block;width:100%;height:100%;object-fit:cover;position:absolute;left:0px;top:0px;z-index:-2}.arrow_cir::before{content:"";position:absolute;inset:1px;z-index:-1;border-radius:50%;transition:0.3s;background:url("https://xh.sytech.site/wp-content/plugins/sytech-fronteditor/sytpl/about-us4-about_certificate-img_bg/assets/img/cir-bg.svg") center center / cover no-repeat}.arrow_cir::after{content:"";display:block;width:32%;height:32%;background:url("https://xh.sytech.site/wp-content/plugins/sytech-fronteditor/sytpl/about-us4-about_certificate-img_bg/assets/img/arrow-line-r-w.svg") center center / contain no-repeat}.about_certificate{color:rgb(255,255,255);padding:12.8rem 0px 13.2rem}.about_certificate .swiper_box{gap:3rem;display:grid;align-items:center;grid-template-columns:auto 1fr auto;margin-top:7.8rem}.about_certificate .about_certificate_swiper{overflow:hidden;max-width:147.2rem;margin:0px auto;width:100%}.about_certificate .about_certificate_swiper .swiper-slide-active .img{transform:scale(1)}.about_certificate .about_certificate_swiper .img{overflow:hidden;position:relative;padding-bottom:143.462%;transform-origin:center bottom;transition:0.3s;transform:scale(0.815385)}.about_certificate .about_certificate_swiper .img::after{content:"";display:block;position:absolute;inset:0px;z-index:2;pointer-events:none;background:url("https://xh.sytech.site/wp-content/plugins/sytech-fronteditor/sytpl/about-us4-about_certificate-img_bg/assets/img/about-certificate-border.svg") center center / contain no-repeat}.about_certificate .about_certificate_swiper h3{text-align:center;font-size:2rem;font-weight:600;margin-top:2.8rem}@media screen and (max-width:768px){html{font-size:10px}body{font-size:1.4rem}.content{padding:0px 20px}.head .subtitle{font-size:14px;line-height:1.5;margin-bottom:8px}.head h2{font-size:22px;line-height:1.3}.arrow_cir{width:42px;height:42px}.swiper_btns{gap:15px}.swiper_btns div{width:42px;height:42px}.about_certificate{padding:50px 0px}.about_certificate .swiper_box{margin-top:30px}.about_certificate .about_certificate_swiper h3{margin-top:20px;font-size:18px}}@media screen and (max-width:576px){.about_certificate{overflow:hidden}.about_certificate .swiper_box{display:block}.about_certificate .swiper_btns{display:none}.about_certificate .about_certificate_swiper{overflow:visible}}.flex_middle{align-items:center}.about_mv{margin:13rem 0px 9rem}.about_mv .img{width:52.0833%;border-radius:2.4rem}.about_mv .head{flex:1 1 0%;max-width:72.4rem}.about_mv .head p{color:var(--text);margin-top:2.8rem}@media screen and (max-width:768px){html{font-size:10px}body{font-size:1.4rem}.content{padding:0px 20px}.gap{gap:20px}.head .subtitle{font-size:14px;line-height:1.5;margin-bottom:8px}.head h2{font-size:22px;line-height:1.3}.head .desc,.head p{font-size:14px;line-height:1.5;margin-top:12px}.about_mv{margin:50px 0px}.about_mv .head p{margin-top:12px}.about_mv .img{border-radius:15px}}@media screen and (max-width:576px){.about_mv .flex{display:block}.about_mv .img{width:100%;margin-bottom:30px}}.about_mv.r{margin:9rem 0px 13rem}.about_mv.r .flex{flex-direction:row-reverse}@media screen and (max-width:768px){html{font-size:10px}body{font-size:1.4rem}.content{padding:0px 20px}.gap{gap:20px}.head .subtitle{font-size:14px;line-height:1.5;margin-bottom:8px}.head h2{font-size:22px;line-height:1.3}.head .desc,.head p{font-size:14px;line-height:1.5;margin-top:12px}.about_mv{margin:50px 0px}.about_mv.r{margin:50px 0px}.about_mv .head p{margin-top:12px}.about_mv .img{border-radius:15px}}a{color:inherit;cursor:pointer;font-size:inherit;text-decoration:none}.btn{display:inline-block;vertical-align:top;text-align:center;position:relative;z-index:2;cursor:pointer;color:rgb(255,255,255);font-weight:700;font-size:1.8rem;line-height:5.8rem;letter-spacing:0.038889em;text-transform:uppercase;border-radius:100px;padding:0px 4.7rem;box-shadow:rgba(204,204,204,0.55) 0px 1rem 1rem;background-image:linear-gradient( to right,rgb(231,218,150),rgb(209,163,65) );transition:box-shadow 0.3s,transform 0.5s cubic-bezier(0.23,1.74,0.42,1.59)}.btn::before{content:"";position:absolute;inset:1px;z-index:-1;transition:0.3s;border-radius:100px;background:url("https://xh.sytech.site/wp-content/plugins/sytech-fronteditor/sytpl/about-us7-about_driving-img_bg/assets/img/btn-bg.svg") center center / auto 100% repeat}.btn:hover{transform:scale(1.03);box-shadow:rgba(234,200,140,0.55) 0px 1rem 1rem}.btn:hover::before{filter:brightness(1.05)}.btn:active{transform:scale(0.97)}.btn:active::before{filter:brightness(1)}.about_driving{color:rgb(255,255,255);padding:14rem 0px}.about_driving .img{width:54.4643%;border-radius:3.4rem}.about_driving .head{flex:1 1 0%;max-width:63.5rem}.about_driving .head p{color:rgba(255,255,255,0.8);margin-top:2.8rem}.about_driving .head .btn{box-shadow:none;margin-top:5rem}@media screen and (max-width:768px){html{font-size:10px}body{font-size:1.4rem}.content{padding:0px 20px}.gap{gap:20px}.head .subtitle{font-size:14px;line-height:1.5;margin-bottom:8px}.head h2{font-size:22px;line-height:1.3}.head .desc,.head p{font-size:14px;line-height:1.5;margin-top:12px}.btn{font-size:14px;line-height:42px;padding:0px 20px}.about_driving{padding:50px 0px}.about_driving .img{border-radius:15px}.about_driving .head p{margin-top:12px}.about_driving .head .btn{margin-top:20px}}@media screen and (max-width:576px){.about_driving .flex{display:block}.about_driving .img{width:100%;margin-bottom:30px}}.about_gallery{padding:12.8rem 0px}.about_gallery .head p{color:var(--text);max-width:93.6rem;margin:1.8rem auto 0px}.about_gallery .main{margin-top:6.6rem}.about_gallery .main .list1{gap:2.2rem;display:grid}.about_gallery .main .list2{gap:2.2rem;display:flex}.about_gallery .main .slide{flex:1 1 0%;position:relative;padding-bottom:34.7619%}.about_gallery .main .list3{gap:2.2rem;display:flex;flex-direction:column;position:absolute;inset:0px}.about_gallery .main .img{flex:1 1 0%;border-radius:2.1rem}@media screen and (max-width:768px){html{font-size:10px}body{font-size:1.4rem}.content{padding:0px 20px}.head .subtitle{font-size:14px;line-height:1.5;margin-bottom:8px}.head h2{font-size:22px;line-height:1.3}.head .desc,.head p{font-size:14px;line-height:1.5;margin-top:12px}.about_gallery{padding:50px 0px}.about_gallery .head p{margin-top:12px}.about_gallery .main{margin-top:30px}.about_gallery .main .list1{gap:8px}.about_gallery .main .list2{gap:8px}.about_gallery .main .list3{gap:8px}.about_gallery .main .img{border-radius:15px}}@media screen and (max-width:576px){.about_gallery .main .list2{flex-direction:column}.about_gallery .main .list3{flex-direction:row}}