.main{display:flex;position:relative;display:flex;flex-direction:row;width:100%}.main .right-header{justify-content:center;background:url(../images/hardwares/hardwareBg.webp) no-repeat center;background-size:cover;mix-blend-mode:normal;border-radius:88px 0 0 88px;min-height:100vh;position:relative;-webkit-border-radius:88px 0 0 88px;-moz-border-radius:88px 0 0 88px;-ms-border-radius:88px 0 0 88px;-o-border-radius:88px 0 0 88px}.no-webp .main .right-header{background:url(../images/hardwares/hardwareBg.png) no-repeat center}.main .right-header::before{content:'';position:absolute;width:100%;height:100%;top:0;right:0;z-index:1;background:linear-gradient(180deg,rgba(46,115,206,.8) 0,rgba(73,212,174,.8) 229.61%);border-radius:0 88px 88px 0;transform:rotate(-180deg);transform:matrix(-1,0,0,1,0,0);-webkit-border-radius:0 88px 88px 0;-moz-border-radius:0 88px 88px 0;-ms-border-radius:0 88px 88px 0;-o-border-radius:0 88px 88px 0}.hardwareDemoBtn{background:linear-gradient(125.18deg,#6b9ee2 21.21%,var(--primaryblue) 70.02%);background:linear-gradient(216.44deg,rgba(51,157,217,.519) 35.2%,rgba(30,107,150,.519) 88.17%);box-shadow:0 18px 17px rgba(5,32,64,.2),inset -3px 3px 10px -1px rgba(255,255,255,.46);backdrop-filter:blur(2px);border-radius:16px;text-align:center;display:block;width:301px;height:70px;font-weight:700;font-size:24px;line-height:70px;left:0;right:0;margin:auto}.main .right-header{flex-basis:60%;padding:112px 70px 20px}.right-header *{position:relative;z-index:4;color:#fff;font-style:normal;text-align:center}.right-header h1{font-weight:700;font-size:60px;line-height:90px}.right-header p{font-weight:500;font-size:16px;line-height:40px}.main .left-header{flex-basis:40%;text-align:center;display:flex;align-items:center;flex-direction:column;justify-content:space-around}.hardwareBox{width:100%}.main .left-header .harwareImage{position:relative;height:250px}.main .left-header .harwareImage .activeContent::before{content:"";position:absolute;width:239px;height:462px;right:50%;top:90%;border-radius:50%;background:#2e73ce;box-shadow:inset 8px 25px 37px rgba(15,52,124,.51);transform:translate(50%,-50%) rotate(46.76deg);-webkit-transform:translate(50%,-50%) rotate(46.76deg);-moz-transform:translate(50%,-50%) rotate(46.76deg);-ms-transform:translate(50%,-50%) rotate(46.76deg);-o-transform:translate(50%,-50%) rotate(46.76deg);-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}.main .left-header .harwareImage img{z-index:1;position:absolute;opacity:0;top:100%;left:0;right:0;margin:auto;width:auto;height:auto;max-height:250px;max-width:100%;transition-delay:.3s;transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;opacity:0;-ms-transition:all .5s ease-in-out}.main .left-header .harwareImage .activeContent img{opacity:1;top:0;transition-delay:.3s;transition:top .5s ease-in;-webkit-transition:top .5s ease-in;-moz-transition:top .5s ease-in;-ms-transition:top .5s ease-in;-o-transition:top .5s ease-in}.main .left-header .hardwareInfo{z-index:2;width:70%;min-height:345px;box-shadow:0 7px 21px rgba(0,0,0,.11),inset -4px 8px 15px -1px rgba(255,255,255,.71);border-radius:75px;margin:auto;position:relative;overflow:hidden}.main .left-header .hardwareInfo::before{content:"";position:absolute;left:0;right:0;z-index:-1;display:block;background:rgba(242,242,242,.54);box-shadow:0 7px 21px rgba(0,0,0,.11),inset -4px 8px 15px -1px rgba(255,255,255,.71);backdrop-filter:blur(12.5px);width:100%;height:100%}.main .left-header .hardwareInfo>div{position:absolute;opacity:0;top:0;left:0;right:0;margin:auto;width:100%;height:100%;padding:10px 55px 40px;transition:opacity .3s ease-out;-webkit-transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-out;-ms-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out}.main .left-header .hardwareInfo>div.activeContent{opacity:1;transition:opacity .5s ease-in;-webkit-transition:opacity .5s ease-in;-moz-transition:opacity .5s ease-in;-ms-transition:opacity .5s ease-in;-o-transition:opacity .5s ease-in;z-index:1000}.main .left-header .hardwareTitle{font-size:30px;line-height:100px;text-align:center;color:#343434;position:relative;font-weight:700}.main .left-header .hardwareTitle.longertxt{line-height:52px}.hardwareTitle::after{content:"";position:absolute;width:90%;height:1px;background:linear-gradient(270deg,hsla(0,0%,100%,0),#272727,hsla(0,0%,100%,0));bottom:0;left:0;right:0;margin:auto}.main .left-header p{font-size:15px;line-height:23px;text-align:center;font-weight:400;color:#343434;margin-top:20px;width:100%}.main .right-header ul.field{width:100%;display:flex;margin:0 auto;flex-wrap:wrap;align-content:space-between;flex-direction:row;justify-content:center}.main .right-header ul.field .myField{width:144px;height:140px;display:flex;flex-direction:column;align-items:center;vertical-align:middle;justify-content:center;color:#fafbfe;font-weight:700;font-size:16px;margin:18px;transition:.3s;transition-timing-function:ease-out}.main .right-header ul.field .myField h2{font-size:14px;line-height:22px}.main .right-header .field .myField.active{background:linear-gradient(216.44deg,rgba(51,157,217,.0132) 34.2%,rgba(30,107,150,.1419) 89.17%);box-shadow:0 18px 17px rgba(5,32,64,.2),inset -3px 3px 10px -1px rgba(255,255,255,.46);backdrop-filter:blur(2px);border-radius:16px;transition:.4s;transition-timing-function:ease-in}.main .right-header ul.field .myField i{margin-bottom:10px}.hardware-icon-allInOne,.hardware-icon-bankPos,.hardware-icon-barcode,.hardware-icon-kiosk,.hardware-icon-printer,.hardware-icon-qr,.hardware-icon-tabletPos,.hardware-icon-terminal{display:block}.hardware-icon-allInOneMobile,.hardware-icon-bankPosMobile,.hardware-icon-barcodeMobile,.hardware-icon-kioskMobile,.hardware-icon-printerMobile,.hardware-icon-qrMobile,.hardware-icon-tabletPosMobile,.hardware-icon-terminalMobile{display:none}@media (max-width:1250px){.main .right-header{flex-basis:53%;padding:70px 25px 20px}.right-header h1{font-size:48px}.main .left-header{flex-basis:47%;padding:60px 0 55px}}@media (max-width:1020px){.main .left-header .hardwareInfo{width:85%}.main .left-header .hardwareInfo>div{padding:10px 43px 40px}}@media (max-width:950px){.main .left-header .hardwareTitle{font-size:24px}}@media (max-width:885px){.main .right-header{flex-basis:52%;padding:70px 18px 20px}.main .right-header h1 b{font-size:32px}.main h1 p.title{font-size:13px}.main .left-header{flex-basis:48%}}@media (max-width:768px){.main{background-size:auto 245px!important;min-height:760px;flex-direction:column;margin-bottom:36px}.main .right-header ul.field{padding:0}.main .right-header ul.field .myField{width:82px;height:89px;margin:1% 1% 26px}.main .right-header ul.field .myField h2{font-size:11px;line-height:16px;max-width:90%;height:24px;align-items:center;display:flex}.main .right-header ul.field .myField h2.longertxt{font-size:10px}.main .right-header,.main .right-header::before{border-radius:0 0 40px 40px;-webkit-border-radius:0 0 40px 40px;-moz-border-radius:0 0 40px 40px;-ms-border-radius:0 0 40px 40px;-o-border-radius:0 0 40px 40px}.main .right-header{padding:10px 5px 11px;min-height:289px}.main .right-header h1,.main .right-header h1 b{font-size:27px;line-height:42px}.main .right-header h1 p.title{display:none}.main .left-header{padding:0 7px 7px}.main .left-header .harwareImage{margin-top:40px;height:200px}.main .left-header .harwareImage .activeContent::before{width:170px;height:295px}.main .left-header .harwareImage img{max-height:198px}.main .left-header .hardwareInfo>div{padding:25px}.main .left-header .hardwareInfo{width:84%;border-radius:42px;min-height:280px}.main .left-header .hardwareTitle{font-size:24px;line-height:50px}.main .left-header .hardwareTitle.longertxt{line-height:45px}.main .left-header p{font-weight:500;font-size:12px;line-height:19px}.hardware-icon-allInOne,.hardware-icon-bankPos,.hardware-icon-barcode,.hardware-icon-kiosk,.hardware-icon-printer,.hardware-icon-qr,.hardware-icon-tabletPos,.hardware-icon-terminal{display:none}.hardware-icon-allInOneMobile,.hardware-icon-bankPosMobile,.hardware-icon-barcodeMobile,.hardware-icon-kioskMobile,.hardware-icon-printerMobile,.hardware-icon-qrMobile,.hardware-icon-tabletPosMobile,.hardware-icon-terminalMobile{display:block}.main .left-header .harwareImage::before{width:198px;height:274px}}