*{margin:0px;padding:0px;box-sizing:border-box}:root{--primary:#fecf3e;--secondary:#ffc524;--tertiary:#ce3a41;--title:#1a1a1a;--text:#7a7a7a}html{scroll-behavior:smooth;font-size:clamp(7.5px,0.520834vw,10px)}.content{max-width:132rem;margin:0px auto;position:relative}li{list-style:none}body{font-size:1.6rem;color:var(--title)}.img.img_ct img{object-fit:contain}.img img{width:100%;height:100%;display:block;transition:0.5s;aspect-ratio:inherit}.icon img{display:block;object-fit:contain;width:100%;height:100%;transition:0.3s}.head .subtitle{color:var(--tertiary);font-size:13px;letter-spacing:0.5px;text-transform:uppercase;margin-bottom:8px}.head h2{font-weight:700;font-size:4.6rem;line-height:1.2}.head h2 span{color:var(--secondary)}.head p{color:var(--text);font-size:1.8rem;line-height:2.8rem}.section_features{position:relative;padding:16.3rem 0px 15.5rem}.section_features.bg{background-color:rgb(249,249,247)}.section_features.bg .item::after{border-color:rgb(240,240,240);background-color:rgb(255,255,255)}.section_features .float{position:absolute;inset:-11.6318% 0px -78px;pointer-events:none;overflow:hidden;padding:10px 0px;z-index:2}.section_features .float ul{position:relative;max-width:192rem;margin:0px auto;width:100%;height:100%}.section_features .float .img{position:absolute;width:13%;max-width:23.4rem;height:auto;left:-3.90625%;top:0px;filter:blur(6px);pointer-events:all}.section_features .float .img img{-webkit-user-drag:none}.section_features p{max-width:77.4rem;margin-top:2rem}.section_features .items{margin-top:5.6rem}.section_features .items ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(35rem,100%),1fr));gap:4rem 2.07386%}.section_features .items .active .item{backdrop-filter:drop-shadow(rgba(216,213,208,0.55) 0px 1.5rem 1.5rem);box-shadow:rgba(216,213,208,0.55) 0px 1.5rem 1.5rem}.section_features .items .active .item::before{transform:translateX(-50%);opacity:1}.section_features .item{position:relative;z-index:2;display:block;height:100%;transition:0.3s;--radius:1.6rem;border-radius:var(--radius);padding:9.24718% 6.639% 11.144% 7.35033%}.section_features .item::before,.section_features .item::after{position:absolute;width:calc(100% - 2px);height:calc(100% - 2px);left:50%;bottom:50%;transform:translate(-50%,50%);z-index:-1;content:"";pointer-events:none;border:1px solid rgb(221,221,221);background-color:rgb(249,249,247);border-radius:var(--radius);transition:0.3s}.section_features .item::before{width:92.8741%;bottom:-0.6rem;transform:translate(-50%,-100%);border-radius:0.6rem;height:2.2rem;background-color:var(--primary);opacity:0;border-width:medium;border-style:none;border-color:currentcolor;border-image:initial}.section_features .item .icon{width:5.5rem;height:5.5rem}.section_features .item .info{margin-top:2.8rem}.section_features .item .info h3{font-size:2.063rem;font-weight:700;color:rgb(26,26,46)}.section_features .item .info p{line-height:2.8rem;color:rgb(102,102,102);margin-top:1.4rem}@media screen and (min-width:769px) and (max-width:1220px){.content{padding:0px 3rem}}@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}.head h2{font-size:4rem}}@media screen and (min-width:769px){ul::-webkit-scrollbar,div::-webkit-scrollbar{width:4px}ul::-webkit-scrollbar-thumb,li::-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}.head .subtitle{font-size:14px;line-height:1.5;margin-bottom:8px;letter-spacing:1px}.head h2{font-size:22px;line-height:1.3}.head .desc,.head p{font-size:14px;line-height:1.5;margin-top:12px}.section_features{padding:50px 0px 20px}.section_features .float{bottom:-40px;top:-40px}.section_features .float .img{width:80px}.section_features .head p{margin-top:12px}.section_features .items{margin-top:30px}.section_features .items ul{width:calc(100% + 40px);margin:0px -20px;padding:0px 20px 30px;overflow-x:auto;display:flex;gap:16px}.section_features .items ul::-webkit-scrollbar{display:none}.section_features .items ul li{flex:0 0 250px}.section_features .item{padding:20px;--radius:10px}.section_features .item::before{height:18px;bottom:-4px}.section_features .item .icon{width:40px;height:40px}.section_features .item .info{margin-top:20px}.section_features .item .info h3{font-size:18px;letter-spacing:unset}.section_features .item .info p{font-size:14px;line-height:1.5;letter-spacing:unset;margin-top:10px}}