
.product-thumbnail-image-swiper{width:100%}.product-main-swiper{width:100%;margin-bottom:12px}.product-main-swiper .main-image{background:#f5f5f5;border-radius:8px;width:520px;height:458px;margin:0 auto;padding:4.375rem 5rem 4rem;overflow:hidden}.product-main-swiper img{object-fit:contain;width:100%;height:100%}.product-thumb-swiper{width:100%;padding-bottom:8px;padding-left:1rem}.product-thumb-swiper .thumb-image{aspect-ratio:1;cursor:pointer;border:1px solid var(--white-color);background:var(--white-color);width:5rem;height:5rem;padding:9px 7px;transition:all .3s;overflow:hidden}.product-thumb-swiper img{object-fit:contain;width:100%;height:100%}.product-thumb-swiper .swiper-slide-thumb-active .thumb-image{border:1px solid #121212}@media only screen and (max-width:1280px){.product-main-swiper .main-image{width:475px;height:450px}}@media only screen and (max-width:1152px){.product-main-swiper .main-image{width:430px;height:440px;padding:3rem 3rem 2rem}}@media only screen and (max-width:767px){.product-main-swiper .main-image{width:340px;height:340px;padding:15px 33px}}
.swiper-pagination{text-align:center;z-index:10;transition:opacity .3s;position:absolute;transform:translate(0,0)}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);width:100%;left:0}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);display:inline-block}button.swiper-pagination-bullet{box-shadow:none;appearance:none;border:none;margin:0;padding:0}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity,1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translateY(-50%)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{width:8px;top:50%;transform:translateY(-50%)}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,top .2s;display:inline-block}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{white-space:nowrap;left:50%;transform:translate(-50%)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,left .2s}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));transform-origin:0 0;width:100%;height:100%;position:absolute;top:0;left:0;transform:scale(0)}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:100% 0}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);top:0;left:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size,4px);height:100%;top:0;left:0}.swiper-pagination-lock{display:none}
.combo-product-grid{grid-template-columns:repeat(4,1fr);gap:2rem;display:grid}.combo-product-box-img{border:1px solid #d9d9d9;justify-content:center;align-items:center;min-height:390px;padding:3rem;display:flex;overflow:hidden}@media only screen and (min-width:992px){.combo-product-box-img:hover img{transition:var(--common-transition);overflow:hidden;scale:1.1}}@media only screen and (max-width:1680px){.combo-product-box-img{min-height:340px}}@media only screen and (max-width:1440px){.combo-product-box-img{min-height:290px}}@media only screen and (max-width:1280px){.combo-product-box-img{min-height:275px;padding:2rem}}@media only screen and (max-width:1024px){.combo-product-grid{grid-template-columns:repeat(2,1fr)}.combo-product-box-img{min-height:460px;padding:3rem}}@media only screen and (max-width:991px){.combo-product-box-img{min-height:340px;padding:2rem 3rem}.combo-product-wrapper .inner-flex-small-32{gap:32px}}@media only screen and (max-width:767px){.combo-product-grid{grid-template-columns:repeat(1,1fr)}}
.storage-padding{grid-template-columns:38% 47%;justify-content:space-between;padding:10rem 0 5rem;display:grid}.communication-small-content{border-bottom:1px solid #d3d3d3;padding:1.25rem 0}.communication-small-content>div:first-child,.communication-small-content>div:nth-child(2){color:#191919;font-size:1.125rem}.communication-small-content>div:first-child{color:#19191999}.communication-small-content>div:nth-child(2){text-align:right;width:21.5rem}.right-side-img{align-self:self-start;position:sticky;top:7rem}@media only screen and (max-width:1680px){.storage-padding{grid-template-columns:42% 47%}}@media only screen and (max-width:1280px){.storage-padding{grid-template-columns:45% 50%}}@media only screen and (max-width:991px){.storage-padding{grid-template-columns:100%;gap:32px;padding:64px 0 48px}.communication-small-content>div:first-child,.communication-small-content>div:nth-child(2){font-size:16px}.right-side-img{align-self:unset;top:unset;position:relative}.communication-storage-wrapper{overflow:hidden}}
.right-part-content{border-bottom:1px solid #7c7c7c;padding:1.25rem 0}.right-part-content :last-child{width:33.75rem}.right-part-content :first-child{width:15.7rem}.control-system-right{padding-right:7.5rem}.cs-outer{background:#0c0c0c;height:200vh}.cs-sticky{align-items:center;height:100vh;display:flex;position:sticky;top:0}.control-system-grid{grid-template-columns:45% 50%;justify-content:space-between;width:71%;margin:0 auto;display:grid}.control-system-left img{aspect-ratio:4/3;object-fit:contain;width:100%;position:relative}.control-system-left{position:relative;overflow:hidden}.cs-image{opacity:0;transition:opacity .55s,transform .55s;position:absolute}.cs-image-active{opacity:1;position:relative;transform:scale(1)}.cs-image-hidden{opacity:0;transform:scale(.97)}.cs-panel{opacity:0;width:43%;transition:opacity .5s,transform .5s;position:absolute}.cs-panel-active{opacity:1;pointer-events:auto;transform:translateY(0)}.cs-panel-hidden{opacity:0;pointer-events:none;transform:translateY(20px)}.cs-progress{background:#333;width:100%;height:2px;position:absolute;bottom:0;left:0}.cs-progress-fill{background:#fff;height:100%}@media only screen and (max-width:1024px){.control-system-grid{width:100%}}@media only screen and (max-width:991px){.control-system-grid{grid-template-columns:100%;gap:32px}.control-system-wrapper{background:#0c0c0c}.right-part-content :first-child{width:22rem}}@media only screen and (max-width:767px){.right-part-content :last-child{width:18rem}.right-part-content{gap:8px!important}.right-part-content :first-child{width:14rem}}
.di-outer{height:200vh;position:relative}.di-sticky-frame{background-image:url(/images/product-detail/display-interface-bg-img.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:center;width:100%;min-height:100vh;display:flex;position:sticky;top:0;left:0;overflow:hidden}.di-container{width:71%;margin:0 auto}.di-highlights{padding:2.5rem 0 1.5rem}.highlight-content{padding-top:6rem}.di-dots{display:none}.di-content{background:radial-gradient(circle,#2a2a2a 0%,#000 70%);flex:1;align-items:center;display:flex}.di-content .di-container{width:71%}.di-grid{grid-template-columns:45% 48%;justify-content:space-between;align-items:center;width:100%;padding:4rem 0;display:grid}.di-left{flex-direction:column;justify-content:center;min-height:380px;display:flex;position:relative}.di-panel{will-change:opacity, transform;flex-direction:column;gap:1.5rem;width:100%;transition:opacity .55s,transform .55s;display:flex}.di-panel--active{opacity:1;pointer-events:auto;display:block;transform:translateY(0)}.di-panel--hidden{opacity:0;pointer-events:none;display:none;transform:translateY(20px)}.di-details{flex-direction:column;display:flex}.di-detail-row{border-bottom:1px solid #7c7c7c;flex-direction:row;justify-content:space-between;gap:.5rem;padding:1.25rem 0;display:flex}.di-detail-row p:first-child{flex-basis:35%}.di-detail-row p:nth-child(2){flex-basis:65%}.di-right{aspect-ratio:4/3;align-self:self-start;width:100%;position:sticky;top:5rem}.di-image{object-fit:contain;will-change:opacity, transform;width:100%;height:100%;transition:opacity .55s,transform .55s;position:absolute;inset:0}.di-image--active{opacity:1;transform:scale(1)}.di-image--hidden{opacity:0;transform:scale(.97)}.di-progress-bar{background:#ffffff26;width:100%;height:2px;position:absolute;bottom:0;left:0}.di-progress-fill{background:#ffffffb3;height:100%;transition:width .1s linear}.di-mobile-wrap{padding:2rem 0}.di-mobile-panel{flex-direction:column;gap:1.5rem;margin-bottom:3rem;display:flex}.di-mobile-img{object-fit:contain;width:100%;height:auto}@media only screen and (max-width:1680px){.di-grid{grid-template-columns:43% 48%}}@media only screen and (max-width:1366px){.di-container,.di-content .di-container{width:78%}}@media only screen and (max-width:1152px){.di-container,.di-content .di-container{width:82%}}@media only screen and (max-width:1024px){.di-container,.di-content .di-container{width:88%}.di-grid{grid-template-columns:48% 48%}}@media only screen and (max-width:991px){.di-container,.di-content .di-container{width:calc(100% - 32px)}.di-grid{grid-template-columns:100%;gap:48px}}@media only screen and (max-width:767px){.di-mobile-wrap{background-image:url(/images/product-detail/display-interface-bg-img.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover}.di-content{overflow:hidden}.di-outer{height:auto}.di-sticky-frame{display:none}.di-container{width:calc(100% - 32px)}.highlight-content{padding-top:48px}.di-right{top:unset;align-self:unset;position:relative}}
.specs-table{border-collapse:collapse;width:100%}.specs-table th,.specs-table td{text-align:left;border:1px solid #f1caca;padding:10px}.main-header th{color:#fff;text-align:center;background-color:#c92a2a;font-weight:600}.sub-header th{color:#c92a2a;background-color:#fff;font-weight:600}.specs-table td:nth-child(2),.specs-table td:nth-child(4){background-color:#ededed;width:30.313rem}@media only screen and (max-width:1680px){.specs-table td:nth-child(2),.specs-table td:nth-child(4){width:29rem}}@media only screen and (max-width:991px){.specs-table{background:#fff;width:100%}.specs-header{display:none}.specs-body{grid-template-columns:1fr;gap:20px;display:grid}.specs-header div{border-right:1px solid #fff;padding:12px}.specs-column{border:1px solid #ddd;width:100%;position:relative}.specs-column:first-child:before{content:"Processor, Display & System Specifications";color:#fff;text-align:center;font-size:16px;font-weight:600;font-family:var(--semibold-font-family);background:#c92a2a;padding:12px;display:block}.specs-column:last-child:before{content:"I/O & Mechanical Specifications";color:#fff;text-align:center;font-size:16px;font-weight:600;font-family:var(--semibold-font-family);background:#c92a2a;padding:12px;display:block}.specs-subheader span{border:1px solid #f6e2e2}.specs-subheader span,.specs-row span{border:1px solid #f6e2e2;border-width:1px, 1px, 0px, 0px;text-align:center;border-style:solid;border-color:#f6e2e2;padding:10px;font-size:14px}.specs-subheader,.specs-row{grid-template-columns:1fr 2fr;display:grid}.table-gray-bg{background-color:#ededed}}
.mpc-table-wrapper{width:100%;overflow-x:auto}.mpc-table{min-width:700px;font-family:var(--regular-font-family);border-radius:.5rem;overflow:hidden}.mpc-table-header{background:#cc3433;grid-template-columns:repeat(5,1fr);display:grid}.mpc-th{color:#fff;text-align:center;font-family:var(--semibold-font-family);font-size:var(--link-font-size);border-right:1px solid #fff3;padding:1rem}.mpc-th:last-child{border-right:none}.mpc-tr{grid-template-columns:repeat(5,1fr);display:grid}.mpc-td{text-align:center;font-size:var(--small-content-font-size);color:#333;border-right:1px solid #ddd;padding:1rem}.mpc-tr:nth-child(2n){background:#f2f2f2}.mpc-tr:nth-child(odd){background:#e6e6e6}.mpc-td:last-child{border-right:none}
.people-share-wrapper{overflow:hidden}.people-share-box{background-color:#f1f1ee;border:1px solid #c7c7c3;border-radius:.5rem;gap:10rem;min-height:27.5rem;padding:2rem}.people-share-box-wrapper{padding-top:20px;position:relative}.quote-icon-abs{z-index:2;opacity:.5;padding:.5rem;position:absolute;top:4.5%;left:2rem;transform:translateY(-50%)}.quote-icon-abs img{width:2.5rem;height:auto;display:block}.people-share-wrapper .swiper-pagination{margin-top:32px;position:relative}.people-share-wrapper .swiper-pagination-bullet{opacity:1;background:#dedede}.people-share-wrapper .swiper-pagination-bullet-active{background:var(--secondary-color);border-radius:100px;width:2rem;height:10px}.people-share-box p{opacity:.5;line-height:1.5}.navigation-arrow{background-color:#f1f1ee;border:1px solid #c7c7c3;border-radius:50%;justify-content:center;align-items:center;padding:1rem;display:grid}.nav-active{background-color:#fff}.navigation-arrow img{width:18px;height:18px}.testimonials-navigation{padding-top:2.5rem}.people-share-wrapper .swiper-slide-active .people-share-box{transition:var(--common-transition);background-color:#fff}.people-share-wrapper .swiper-slide-active .share-box-des p{opacity:unset;color:#191919!important}.people-share-wrapper .swiper-slide-active .quote-icon-abs,.people-share-wrapper .swiper-slide-active .share-box-name p{opacity:unset}@media only screen and (min-width:992px){.navigation-arrow:hover{background-color:#fff}}@media only screen and (max-width:1680px){.people-share-box{min-height:28.5rem}}@media only screen and (max-width:1366px){.quote-icon-abs{top:5.5%}}@media only screen and (max-width:1024px){.quote-icon-abs{top:6.5%}}@media only screen and (max-width:991px){.people-share-box{transition:var(--common-transition);background-color:#fff}.people-share-box .share-box-des p{transition:var(--common-transition);opacity:unset;color:#191919!important}.people-share-box .share-box-name p{opacity:unset;transition:var(--common-transition)}.quote-icon-abs{opacity:unset}}
:root{--swiper-navigation-size:44px}.swiper-button-prev,.swiper-button-next{top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));z-index:10;cursor:pointer;color:var(--swiper-navigation-color,var(--swiper-theme-color));justify-content:center;align-items:center;display:flex;position:absolute}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none!important}.swiper-button-prev svg,.swiper-button-next svg{object-fit:contain;transform-origin:50%;width:100%;height:100%}.swiper-rtl .swiper-button-prev svg,.swiper-rtl .swiper-button-next svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-lock{display:none}.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);letter-spacing:0;font-variant:initial;line-height:1;text-transform:none!important}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}
.quality-manufacturing-wrapper{padding:5rem 0}.quality-manufacturing-wrapper .main-container{background-color:#0e0e0e;width:92%;padding:0 0 0 5rem}.quality-manufacturing-grid{grid-template-columns:38.3% 50%;justify-content:space-between;align-items:center;display:grid}@media only screen and (max-width:1280px){.quality-manufacturing-grid{grid-template-columns:43% 55%}}@media only screen and (max-width:1024px){.quality-manufacturing-grid{grid-template-columns:45% 50%}.quality-manufacturing-wrapper .main-container{padding:0 0 0 3rem}}@media only screen and (max-width:991px){.quality-manufacturing-wrapper{padding:unset;background-color:#0e0e0e}.quality-manufacturing-wrapper .main-container{width:95%;padding:64px 0}.quality-manufacturing-grid{grid-template-columns:100%;gap:32px}.quality-manufacturing-grid-2{grid-template-columns:repeat(1,1fr)}}
.specification-padding{padding:7.5rem 0 10rem}.specification-grid{grid-template-columns:repeat(4,1fr);gap:1.375rem;display:grid}.specification-grid-box{background-color:var(--background-light);padding:1.875rem 2.5rem}@media only screen and (max-width:991px){.specification-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media only screen and (max-width:767px){.specification-grid{grid-template-columns:repeat(1,1fr);gap:20px}}
.specification-content{grid-template-columns:46% 43%;justify-content:space-between;display:grid}.specification-content .section-content-small{width:83%}@media only screen and (max-width:1366px){.specification-content{grid-template-columns:48% 45%}}@media only screen and (max-width:1280px){.specification-content .section-content-small{width:90%}}@media only screen and (max-width:991px){.specification-content{grid-template-columns:100%;gap:48px}}
