*{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)}.content{max-width:168rem;margin:0px auto;position:relative}body{color:var(--title);font-size:1.6rem;font-weight:700}p,.DM_Sans{font-weight:normal}.img.img_ct img{object-fit:contain}.img img,.img video,.img iframe{width:100%;height:100%;display:block;transition:0.5s;aspect-ratio:inherit}.products_card{padding:4.6rem 0px}.products_card .cards{display:grid;gap:3.2rem 1.96429%;grid-template-columns:repeat(3,1fr)}.products_card .card{height:100%;display:block;border-radius:2.4rem;border:1px solid rgb(236,236,239);padding:10.223% 3rem 12.4535%}.products_card .card .img{width:7.4rem;height:7.4rem;margin:0px auto;border-radius:1.2rem;border:1px solid rgb(252,237,196);display:flex;align-items:center;justify-content:center;background-image:linear-gradient( 45deg,rgba(245,180,0,0.1),rgba(245,180,0,0.04) )}.products_card .card .img img{width:60%;height:60%}.products_card .card .info{text-align:center}.products_card .card .info strong{display:block;font-size:2.4rem;font-weight:700;text-transform:uppercase;margin-top:1.8rem;letter-spacing:0.041667em}.products_card .card .info p{color:var(--text);font-size:1.7rem;line-height:2.7rem;margin:2.4rem auto 0px;max-width:41.8rem}@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 (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{padding:0px 20px}.products_card{padding:30px 0px}.products_card .cards{gap:15px}.products_card .card{padding:20px;border-radius:15px}.products_card .card .img{width:50px;height:50px;border-radius:10px}.products_card .card .info strong{font-size:18px;margin-top:20px}.products_card .card .info p{font-size:14px;line-height:1.5;margin-top:12px}}@media screen and (max-width:576px){.products_card .cards{grid-template-columns:1fr}}li{list-style:none}a{color:inherit;cursor:pointer;font-size:inherit;text-decoration:none}.center{text-align:center}.img.img_cv{overflow:hidden}.img.img_cv img,.img.img_cv video,.img.img_cv iframe{object-fit:cover}.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 h2{color:var(--primary);font-size:5.8rem;font-weight:700;line-height:1.2;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/products5-section_distinction/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/products5-section_distinction/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)}.section_distinction{padding:12rem 0px 9.5rem;background-color:rgb(242,242,242)}.section_distinction .items{margin-top:5rem}.section_distinction ul{gap:2.5rem;display:flex}.section_distinction li{flex:1 1 0%;transition:0.4s}.section_distinction li.active{flex:2.61189 1 0%}.section_distinction li.active .info{padding-right:17.4029%}.section_distinction li.active .info p{opacity:1;transition:0.3s 0.4s}.section_distinction li.active .arrow_cir{opacity:1;right:4.55154%}.section_distinction .img{height:48rem;border-radius:2.4rem}.section_distinction .info{position:relative;transition:0.4s}.section_distinction .info h3{font-size:2.4rem;margin-top:2.2rem;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.section_distinction .info p{opacity:0;color:var(--text);margin-top:1rem;max-width:55.2rem;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.section_distinction .info .arrow_cir{position:absolute;right:0px;top:1.4rem;opacity:0;box-shadow:rgba(234,200,140,0.55) 0px 1rem 1rem;transition:0.3s,transform 0.5s cubic-bezier(0.23,1.74,0.42,1.59)}.section_distinction .info .arrow_cir::before,.section_distinction .info .arrow_cir::after{transform:rotate(-45deg);transition:0.3s}.section_distinction .info .arrow_cir:hover::after{transform:rotate(0deg)}.section_distinction{padding:12rem 0px;background-color:transparent}@media screen and (min-width:769px) and (max-width:1024px){.content,.swiper_content{max-width:896px}.section_distinction .img{height:236px}}@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}.arrow_cir{width:42px;height:42px}.section_distinction{padding:50px 0px}.section_distinction .items{margin-top:30px}.section_distinction ul{gap:15px}.section_distinction li.active .info{padding-right:50px}.section_distinction li.active .arrow_cir{right:0px}.section_distinction .img{height:205px;border-radius:15px}.section_distinction .info h3{font-size:18px;margin-top:20px}.section_distinction .info .arrow_cir{top:0px}}@media screen and (max-width:576px){.section_distinction ul{width:calc(100% + 40px);padding:0px 20px;margin:0px -20px;overflow:auto}.section_distinction ul::-webkit-scrollbar{display:none}.section_distinction li,.section_distinction li.active{flex:1 0 260px}.section_distinction li .img,.section_distinction li.active .img{height:168px}.section_distinction li .info,.section_distinction li.active .info{padding:0px}.section_distinction li .info h3,.section_distinction li.active .info h3{-webkit-line-clamp:unset}.section_distinction li .info p,.section_distinction li.active .info p{opacity:1;-webkit-line-clamp:unset}.section_distinction li .info .arrow_cir,.section_distinction li.active .info .arrow_cir{position:relative;margin-top:15px;opacity:1}}