#page-product{overflow-x:clip;margin-top:167px;}#page-product .sticky{top:110px;}#page-product .sticky.active{top:175px;}.slogan-area{display:flex;align-items:center;margin-bottom:64px;position:relative;gap:50px;}.slogan-area .t{font-size:72px;letter-spacing:-1.44px;line-height:90px;font-family:var(--font2);min-width:500px;}.slogan-area .d{opacity:0.6;font-size:24px;}.slogan-area:after{content:'';background-image:url('../images/patern.svg');width:1000px;height:1000px;background-repeat:no-repeat;background-position:center;background-size:contain;position:absolute;pointer-events:none;z-index:-1;bottom:-200px;transform:translateX(50%);right:0;}.numbers-area{padding:var(--space) 0;padding-bottom:200px;}.numbers-area .area{width:620px;margin:0 auto;max-width:100%;}.numbers-area .numbers{margin-top:150px;display:flex;flex-direction:column;gap:200px;}.numbers-area .numbers .num{display:flex;align-items:center;gap:66px;}.numbers-area .numbers .num .r h1,.numbers-area .numbers .num .r h2,.numbers-area .numbers .num .r h3,.numbers-area .numbers .num .r h4,.numbers-area .numbers .num .r h5{font-size:20px;margin-bottom:4px;}.numbers-area .numbers .num .r p{opacity:0.6;}.numbers-area .numbers .num .r p:last-of-type{margin-bottom:0;}.numbers-area .numbers .num span{font-size:128px;color:var(--color3);font-family:var(--font2);position:relative;}.numbers-area .numbers .num span:before{content:'';pointer-events:none;width:346px;height:346px;border:1px solid var(--color4);border-radius:500px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:-1;}.numbers-area .numbers .num:nth-child(2n+2){transform:translateX(100px);}.numbers-area .numbers .num:nth-child(2n+3){transform:translateX(-80px);}.blue-area{background-color:var(--color2);padding:var(--space) 0;}.blue-area .area{width:620px;margin:0 auto;max-width:100%;}.blue-area .p-titles{margin-bottom:100px;color:#fff;}.blue-area .p-titles p{opacity:0.6;}.blue-area .box{position:relative;}.blue-area .box img{width:100%;border-radius:12px;height:500px;display:block;object-fit:cover;}.blue-area .box .t{position:absolute;bottom:32px;left:32px;right:32px;color:#fff;font-size:30px;font-family:var(--font2);line-height:36px;width:400px;max-width:100%;}.blue-area .nav-bar{justify-content:center;margin-top:64px;}.blue-area .owl-carousel .owl-stage-outer{overflow:inherit;}.blue-area .owl-carousel .owl-stage-outer .owl-item{opacity:0.3;transition:0.5s;}.blue-area .owl-carousel .owl-stage-outer .owl-item.active{opacity:1;}.prensip-area{background-color:#f5f5f5;padding:var(--space) 0;}.prensip-area .p-titles{width:620px;max-width:100%;margin:0 auto;margin-bottom:100px;}.prensip-area .box{min-height:260px;border-radius:12px;background-color:#fff;padding:32px;}.prensip-area .box img{width:auto;}.prensip-area .box .t{margin-top:32px;font-size:20px;margin-bottom:4px;}.prensip-area .box .d{opacity:0.6;}.prensip-area .owl-carousel .owl-stage-outer{overflow:inherit;}.download-area{overflow:hidden;border-radius:12px;position:relative;margin:64px 0;}.download-area .img{height:500px;}.download-area .img img{width:100%;height:100%;display:block;border-radius:12px;}.download-area .area{position:absolute;display:flex;justify-content:space-between;align-items:flex-end;z-index:1;bottom:0;left:0;right:0;padding:30px;padding-top:0;}.download-area .area .l{padding:12px;white-space:nowrap;display:inline-flex;gap:12px;align-items:center;border-radius:8px;border:1px solid rgba(255, 255, 255, 0.20);background:rgba(255, 255, 255, 0.10);color:#fff;cursor:pointer;transition:0.2s;}.download-area .area .l i{width:48px;height:48px;background-image:url('../images/icon-play.svg');background-repeat:no-repeat;background-position:center;border-radius:50px;background-color:rgba(255, 255, 255, 0.20);box-shadow:0px 2px 3px 0px rgba(0, 0, 0, 0.05);}.download-area .area .l:hover{background:rgba(255, 255, 255, 0.20);}.download-area .area .right{background-color:var(--color3);color:#fff;border-radius:12px;padding:24px;}.download-area .area .right .t{margin-bottom:12px;}.download-area .area .right ul{list-style:none;padding:0;margin:0;display:flex;gap:8px;flex-direction:column;}.download-area .area .right ul li a{text-decoration:none;color:inherit;display:flex;align-items:center;padding:12px;gap:12px;border-radius:8px;border:1px solid rgba(255, 255, 255, 0.20);background:rgba(255, 255, 255, 0.10);justify-content:space-between;transition:0.2s;white-space:nowrap;}.download-area .area .right ul li a div{display:flex;gap:12px;align-items:center;}.download-area .area .right ul li a i{width:48px;height:48px;border-radius:50px;background:rgba(255, 255, 255, 0.20);box-shadow:0px 2px 3px 0px rgba(0, 0, 0, 0.05);background-image:url('../images/icon-play.svg');background-repeat:no-repeat;background-position:center;}.download-area .area .right ul li a u{width:24px;height:24px;margin-left:20px;background-image:url('../images/icon-download.svg');background-repeat:no-repeat;background-position:center;}.download-area .area .right ul li a:hover{background:rgba(255, 255, 255, 0.20);}.abouts-area{margin:64px 0;}.abouts-area .box{background-color:#fafafa;border-radius:12px;padding:32px;height:100%;color:#656873;}.abouts-area .box img{width:100%;display:block;height:154px;border-radius:8px;object-fit:cover;}.abouts-area .box b{display:block;margin-top:24px;font-weight:normal;margin-bottom:4px;font-size:20px;}.abouts-area .box p:last-of-type{margin-bottom:0;}.big-img-area{position:relative;}.big-img-area img{width:100%;height:600px;display:block;object-fit:cover;}.big-img-area .t{position:absolute;bottom:92px;left:0;right:0;color:#fff;font-size:72px;font-family:var(--font2);line-height:90px;letter-spacing:-1.44px;}.video-area{margin:var(--space) 0;}.video-area .p-titles{width:620px;max-width:100%;margin:0 auto;}.video-area .video{cursor:pointer;margin-top:64px;position:relative;}.video-area .video:after{content:'';position:absolute;transition:0.2s;z-index:1;top:50%;left:50%;transform:translate(-50%, -50%);background-image:url('../images/icon-video-play.svg');width:88px;height:88px;background-repeat:no-repeat;background-position:center;background-size:contain;pointer-events:none;}.video-area .video img{width:100%;border-radius:12px;}.video-area .video a{display:block;text-decoration:none;color:inherit;}.animate-cards{background-color:#f5f5f5;padding:var(--space) 0;overflow-y:clip;padding-bottom:220px;}.animate-cards .area{width:622px;max-width:100%;margin:0 auto;}.animate-cards .pcards{/*display: flex;
        gap: 45px;
        flex-direction: column;*/margin-top:64px;}.animate-cards .pcards .pcard{position:absolute;top:0;transform:translateY(100%);opacity:0;transition:0.5s;visibility:hidden;pointer-events:none;border-radius:24px;padding:32px;display:flex;gap:32px;background-color:#fafafa;}.animate-cards .pcards .pcard.active{transform:translateY(0%);opacity:1;visibility:visible;pointer-events:auto;box-shadow:0px 17px 38px 0px rgba(0, 0, 0, 0.03), 0px 68px 68px 0px rgba(0, 0, 0, 0.03), 0px 154px 92px 0px rgba(0, 0, 0, 0.02), 0px 274px 109px 0px rgba(0, 0, 0, 0.00), 0px 428px 120px 0px rgba(0, 0, 0, 0.00);}.animate-cards .pcards .pcard img{width:100%;height:auto;object-fit:cover;border-radius:8px;}.animate-cards .pcards .pcard .r span{display:inline-flex;border-radius:99px;border:1px solid var(--color4);padding:14px 24px;}.animate-cards .pcards .pcard .r b{margin-top:32px;display:block;font-size:20px;font-weight:normal;margin-bottom:12px;}.animate-cards .pcards .pcard .r p{opacity:0.6;}.animate-cards .pcards .pcard .r p:last-of-type{margin-bottom:0;}.animate-cards .pcards .pcard:nth-of-type(2){transform:rotate(3deg) translateY(100%);}.animate-cards .pcards .pcard:nth-of-type(2).active{transform:rotate(3deg) translateY(0%);}.animate-cards .pcards .pcard:nth-of-type(3){transform:rotate(-4deg) translateY(100%);}.animate-cards .pcards .pcard:nth-of-type(3).active{transform:rotate(-4deg) translateY(0%);}.animate-cards .pcards .pcard:nth-of-type(4){transform:rotate(2deg) translateY(100%);}.animate-cards .pcards .pcard:nth-of-type(4).active{transform:rotate(2deg) translateY(0%);}.animate-cards-alternative-1{background-color:#f5f5f5;padding:var(--space) 0;overflow-y:clip;overflow:hidden;padding-bottom:220px;}.animate-cards-alternative-1 .area{width:622px;max-width:100%;margin:0 auto;display:flex;flex-direction:column;gap:64px;align-items:center;}.animate-cards-alternative-1 .area .item{border-radius:24px;padding:32px;display:flex;gap:32px;background-color:#fafafa;transition:0.2s;opacity:0.8;}.animate-cards-alternative-1 .area .item img{width:100%;height:auto;object-fit:cover;border-radius:8px;}.animate-cards-alternative-1 .area .item .r span{display:inline-flex;border-radius:99px;border:1px solid var(--color4);padding:14px 24px;}.animate-cards-alternative-1 .area .item .r b{margin-top:32px;display:block;font-size:20px;font-weight:normal;margin-bottom:12px;}.animate-cards-alternative-1 .area .item .r p{opacity:0.6;}.animate-cards-alternative-1 .area .item .r p:last-of-type{margin-bottom:0;}.animate-cards-alternative-1 .area .owl-carousel .owl-stage-outer{overflow:inherit;}.animate-cards-alternative-1 .area .owl-carousel .owl-item.active .item{opacity:1;}.animate-cards-alternative-2{background-color:#f5f5f5;padding:var(--space) 0;overflow-y:clip;overflow:hidden;padding-bottom:220px;}.animate-cards-alternative-2 .area{width:834px;max-width:100%;margin:0 auto;display:flex;flex-direction:column;gap:64px;align-items:center;}.animate-cards-alternative-2 .item{border-radius:24px;padding:32px;display:flex;gap:32px;background-color:#fafafa;}.animate-cards-alternative-2 .item img{width:100%;height:262px;object-fit:cover;border-radius:8px;}.animate-cards-alternative-2 .item .r span{display:inline-flex;border-radius:99px;border:1px solid var(--color4);padding:14px 24px;}.animate-cards-alternative-2 .item .r b{margin-top:32px;display:block;font-size:20px;font-weight:normal;margin-bottom:12px;}.animate-cards-alternative-2 .item .r p{opacity:0.6;}.animate-cards-alternative-2 .item .r p:last-of-type{margin-bottom:0;}.animate-cards-alternative-2 .custom-bar{display:flex;align-items:center;justify-content:space-between;width:100%;gap:32px;}.animate-cards-alternative-2 .custom-bar .i{display:flex;gap:32px;align-items:center;flex:1;}.animate-cards-alternative-2 .custom-bar .i span{padding:14px 24px;border:1px solid #d6d7e1;border-radius:100px;transition:0.2s;cursor:pointer;user-select:none;}.animate-cards-alternative-2 .custom-bar .i .after{width:100%;height:2px;background-color:#d6d7e1;position:relative;border-radius:500px;}.animate-cards-alternative-2 .custom-bar .i .after:before{content:'';display:block;width:0%;height:100%;background-color:var(--color3);border-radius:500px;position:relative;}.animate-cards-alternative-2 .custom-bar .i:hover span{border-color:var(--color3);}.animate-cards-alternative-2 .custom-bar .i.active span{border-color:#fff;background-color:#fff;}.animate-cards-alternative-2 .custom-bar .i.active .after:before{transition:4s width;width:100%;}.animate-cards-alternative-2 .custom-bar .i.full .after:before{width:100%;}.animate-cards-alternative-2 .custom-bar .i:last-of-type{flex:0;}.animate-cards-alternative-2 .custom-bar .i:last-of-type .after{display:none;}.product-top-bar{position:fixed;top:96px;left:0;right:0;z-index:100;background-color:#fff;border-bottom:1px solid var(--color4);transition:0.2s;}.product-top-bar ul{display:flex;align-items:center;padding:0;margin:0;gap:24px;list-style:none;}.product-top-bar ul li a{color:inherit;text-decoration:none;display:block;padding:23px 0;transition:0.2s;color:#b3b3b3;border-bottom:2px solid transparent;}.product-top-bar ul li a:hover{color:#858585;}.product-top-bar ul li.active a{color:#000;border-color:var(--color3);}.product-top-bar.scroll{top:66px;}.product-top-bar.active.scroll{top:0;}