html,body{scroll-behavior:smooth}.hero{width:1200px;height:626px;position:absolute;top:128px;left:120px}.hero .content-group{width:1160px;height:626px;position:absolute;top:0;left:40px}.hero .content-group .title{letter-spacing:.2px;color:#121212;z-index:9;width:521px;height:128px;font-size:48px;font-style:normal;font-weight:700;line-height:64px;position:absolute;top:80px;left:40px}.hero .content-group .img-group{width:1035px;height:626px;position:absolute;top:0;left:320px}.hero .content-group .img-group .frame{background:#c6e8d4;border-radius:16px;width:100%;height:626px;position:absolute;top:0;left:0}.hero .content-group .img-group .frame .img-bg{background-image:url(../media/gambar-home1.24cehdfx7ec94.png);width:940px;height:625px;position:absolute;top:0;left:80px}.hero .content-group .img-group .frame .img-bg-hijau{background:#b9e9eb;border-radius:10px;width:880px;height:626px;position:absolute;top:0;left:0}.hero .btn-view-video{text-align:center;color:#04818e;cursor:pointer;background:#fff;border:none;border-radius:5px;flex-direction:row;justify-content:center;align-items:center;width:auto;height:44px;padding:8px 12px;font-size:18px;font-style:normal;font-weight:400;line-height:28px;display:flex;position:absolute;top:368px;left:70px}.hero .btn-view-video svg{position:relative;left:-10px}.hero .btn-coba-sekarang{text-align:center;color:#fff;cursor:pointer;z-index:9;background:#04818e;border:none;border-radius:5px;flex-direction:row;justify-content:center;align-items:center;width:200px;height:44px;padding:8px 12px;font-size:18px;font-style:normal;font-weight:400;line-height:28px;display:flex;position:absolute;top:452px;left:105px}.hero .dot-div{opacity:.4;width:110px;height:110px;position:absolute;top:441px;left:58px}.kenapa{width:fit-content;height:500px;position:absolute;top:874px;left:20%}.kenapa .group{width:auto;height:100%;position:relative;top:0;left:0}.kenapa .group .title{width:auto;height:140px;position:relative;top:0;left:0}.kenapa .group .title .judul{letter-spacing:.4px;color:#121212;width:auto;height:48px;font-size:32px;font-style:normal;font-weight:700;line-height:48px;position:relative;top:92px;left:0}.kenapa .group .title .isi{letter-spacing:.2px;color:#404852;width:auto;height:84px;font-size:16px;font-style:normal;font-weight:400;line-height:28px;position:absolute;top:148px;left:0}.kenapa .group .stat{width:242px;height:114px;position:relative;top:0;left:0}.kenapa .group .stat .judul{letter-spacing:-2px;color:#04818e;width:212px;height:90px;font-size:80px;font-style:normal;font-weight:700;line-height:90px;position:absolute;top:225px;left:0}.kenapa .group .stat .isi{letter-spacing:.2px;color:#404852;width:242px;height:24px;font-size:18px;font-style:normal;font-weight:400;line-height:24px;position:absolute;top:315px;left:0}.kenapa .frame{background:#f6fafa;border-radius:40px 0 0 40px;width:1000px;height:500px;position:absolute;top:0;left:440px}.kenapa .frame .info{width:452px;height:117px;margin-bottom:50px;position:relative;top:102px;left:80px}.kenapa .frame .info .group{text-align:center;width:80px;height:80px;padding:20px 10px;position:absolute;top:0;left:80px}.kenapa .frame .info .group .adj-svg{margin:6px;position:relative}.kenapa .frame .info .group .oval{mix-blend-mode:normal;opacity:.1;background:#1ea59a;border-radius:50%;width:80px;height:80px;position:absolute;top:0;left:0}.kenapa .frame .info .judul{letter-spacing:.352941px;color:#04818e;width:282px;height:25px;font-size:20px;font-style:normal;font-weight:700;line-height:25px;position:absolute;top:0;left:192px}.kenapa .frame .info .isi{color:#404852;width:340px;height:84px;font-size:16px;font-style:normal;font-weight:400;line-height:28px;position:absolute;top:35px;left:192px}.quote-vendor{width:1200px;height:568px;position:absolute;top:1494px;left:15%}.quote-vendor .group{width:884px;height:480px;position:absolute;top:0;left:0}.quote-vendor .group .kiri{width:480px;height:480px;position:absolute;top:0;left:280px;transform:matrix(-1,0,0,1,0,0)}.quote-vendor .group .kiri .group-img{width:400px;height:400px;position:absolute;top:40px;left:198px}.quote-vendor .group .kiri .group-img .kotak-atas{box-sizing:border-box;z-index:99;background:#fff;border:.875px solid #96bac2;border-radius:11.2px;width:140px;height:140px;position:absolute;top:0;right:0}.quote-vendor .group .kiri .group-img .kotak-atas img{width:100%;height:100%;margin:0 auto;position:relative;top:25px}.quote-vendor .group .kiri .group-img .kotak-tengah{box-sizing:border-box;z-index:9;background:#fff;border:.875px solid #96bac2;border-radius:22.4px;width:280px;height:280px;padding:7px 22px;position:absolute;top:76px;left:55px}.quote-vendor .group .kiri .group-img .kotak-tengah img{width:100%;height:100%;margin:0 auto;position:relative;top:-70px;left:-16px}.quote-vendor .group .kiri .group-img .kotak-bawah{box-sizing:border-box;z-index:99;background:#fff;border:.75px solid #96bac2;border-radius:9.6px;width:120px;height:120px;padding:13px;position:absolute;top:290px;right:290px}.quote-vendor .group .kiri .group-img .kotak-bawah img{width:100%;height:100%}.quote-vendor .group .kiri .kotak{background:#cfeeef;border-radius:32px;width:480px;height:480px;position:absolute;top:0;left:158px}.quote-vendor .group .kanan{width:436px;height:406px;position:absolute;top:37px;left:560px}.quote-vendor .group .kanan .item-lebar{width:436px;height:91px;position:relative;top:0;left:0}.quote-vendor .group .kanan .adj-lebar{width:360px!important;left:63px!important}.quote-vendor .group .kanan .item-lebar .frame{z-index:9;width:300px;height:42px;position:absolute;top:14px;left:20px}.quote-vendor .group .kanan .item-lebar .adj-lebar{width:360px!important;left:0!important}.quote-vendor .group .kanan .item-lebar .bubble{box-sizing:border-box;background:#dff7fc;border:1.5px solid #96bac2;border-radius:18.75px;width:420px;height:75px;position:absolute;top:0;left:0;box-shadow:inset 0 -5.25px #96bac280}.quote-vendor .title{text-align:center;color:#343434;width:1011px;height:40px;font-size:28px;font-style:normal;font-weight:600;line-height:40px;position:absolute;top:520px;left:calc(45% - 505px)}.fitur{width:1440px;height:790px;position:absolute;top:2182px;left:8%}.fitur .kotak{background:#f6fafa;width:100%;height:790px;position:absolute;top:0;left:0}.fitur .title{text-align:center;letter-spacing:.4px;color:#04818e;z-index:9;width:529px;height:56px;font-size:40px;font-style:normal;font-weight:700;line-height:56px;position:absolute;top:50px;left:456px}.fitur .kiri{z-index:9;flex-direction:column;align-items:flex-start;width:440px;height:440px;padding:0;display:flex;position:absolute;top:180px;left:8%}.fitur .kiri .frame-header{background:#f6fafa;flex-direction:column;flex:none;order:0;align-items:flex-start;width:440px;height:184px;margin:0;padding:16px 40px 16px 0;display:flex;position:static;top:0;left:0;box-shadow:inset 0 -1px #0000001a}.fitur .kiri .frame-header .judul{letter-spacing:-.2px;color:#121212;flex:none;order:0;height:32px;margin:8px 0;font-size:24px;font-style:normal;font-weight:600;line-height:32px;position:static;top:calc(50% - 76px);left:0%;right:9.09%}.fitur .kiri .frame-header .isi{letter-spacing:.2px;color:#121212;flex:none;order:1;height:112px;margin:8px 0;font-family:Inter;font-size:16px;font-style:normal;font-weight:400;line-height:28px;position:static;top:calc(50% - 36px);left:0%;right:9.09%}.fitur .kiri .item{background:#f6fafa;flex-direction:column;flex:none;order:1;align-items:flex-start;width:440px;height:auto;margin:0;padding:16px 40px 16px 0;display:flex;position:static;top:184px;left:0;box-shadow:inset 0 -1px #0000001a}.fitur .kiri .item label{letter-spacing:-.2px;color:#04818e;flex:none;order:0;height:32px;margin:8px 0;font-size:24px;font-style:normal;font-weight:600;line-height:32px;position:static;top:calc(50% - 16px);left:0%;right:9.09%}.fitur .kanan{box-sizing:border-box;z-index:9;background:#fff;border:1px solid #04818e;border-radius:12px;width:768px;height:480px;padding:0 1px;position:absolute;top:205px;left:620px;box-shadow:0 2px 8px #0000001a,0 0 2px #00000026}.fitur .kanan img{border-radius:12px}.cta{width:880px;height:280px;position:absolute;top:0;left:120px}.cta .frame{flex-direction:row;align-items:flex-start;width:880px;height:280px;padding:0;display:flex;position:absolute;top:3045px;left:280px}.cta .frame .digital{background:#eaeaea;border-radius:32px;flex:1 0 auto;order:0;width:880px;height:280px;margin:0 37px;position:static;top:0;left:0}.cta .frame .digital .gambar-digital{background-blend-mode:lighten,normal;background-image:linear-gradient(#ffffff40,#ffffff40),url(../media/gambar-digital.1_nlgar8rcauw.jpeg);background-size:cover;width:389.95px;height:260px;position:absolute;top:9px;left:45px}.cta .frame .digital .svg-kiri{width:26.24px;height:47.17px;position:absolute;top:31.54px;left:67px}.cta .frame .digital .svg-kanan{z-index:9;width:18.48px;height:33.5px;position:absolute;top:16px;left:175.82px}.cta .frame .digital .title{text-align:right;color:#454545;width:542px;height:96px;font-size:32px;font-style:normal;font-weight:600;line-height:150%;position:absolute;top:30px;right:32px}.cta .frame .digital .btn-coba-digital{text-align:center;color:#343434;cursor:pointer;background:#34343429;border:none;border-radius:5px;flex-direction:row;justify-content:center;align-items:center;width:246px;height:44px;padding:8px 12px;font-size:20px;font-style:normal;font-weight:400;line-height:28px;display:flex;position:absolute;bottom:32px;right:32px}.berminat{text-align:center;letter-spacing:.1px;color:#000;width:1400px;height:24px;font-size:16px;font-style:normal;font-weight:600;line-height:24px;position:absolute;top:3445px;left:8.33%;right:8.33%}.berminat a,.berminat a:hover{color:#04818e}.panel-tengah{width:100%;height:auto;margin:0 auto 50px;padding:10px;position:relative;top:100px}.sisi-kiri{float:left;background:0 0;width:30%;height:626px;margin:50px 10px 0 0}.sisi-kiri h1{letter-spacing:.2px;color:#121212;z-index:9;width:400px;height:128px;font-size:56px;font-style:normal;font-weight:700;line-height:49px;position:relative;top:61px;left:40px}.sisi-kiri .btn-aksi{cursor:pointer;text-align:center;color:#04818e;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;width:255px;height:44px;padding:6px 0;font-size:18px;font-style:normal;font-weight:400;line-height:28px;display:none;position:relative;top:150px;left:46px}.sisi-kiri .btn-aksi svg{margin:0 6px;position:relative;top:6px}.sisi-kiri .btn-coba{cursor:pointer;text-align:center;color:#fff;z-index:9;text-transform:uppercase;background:#04818b;border:none;border-radius:5px;justify-content:center;align-items:center;width:242px;height:44px;padding:6px 0;font-size:14px;font-style:normal;font-weight:400;line-height:28px;position:relative;top:191px;left:30px}.sisi-kiri .bg-dot{opacity:.4;width:110px;height:110px;position:relative;top:130px;left:-20px}.sisi-kanan{float:right;background:#04818e40;border-radius:10px;width:67%;height:537.31px;margin:50px 30px 0 0;top:53.59px;left:452.12px;transform:rotate(-4.07deg)}.sisi-kanan .bg-gambar{background-image:url(../media/gambar-home.2e722t71be0is.jpeg);background-size:cover;border-radius:10px;width:100%;height:104%;position:relative;top:0;left:6px;transform:rotate(4deg)}.batas-bawah{clear:both;text-align:center}.container-kenapa{width:100%;padding-right:0;position:relative}.panel-sisi-kiri{float:left;width:45%;height:500px;margin:0 10px 0 0}.panel-sisi-kiri .keterangan{background:#fff;width:355px;height:140px;position:relative;top:92px;left:60px}.panel-sisi-kanan{float:right;z-index:9;background:#f6fafa;border-radius:40px 0 0 40px;width:100%;height:500px;position:absolute;right:-60%}.panel-sisi-kanan .item{width:452px;height:117px;margin-bottom:20px;position:relative;top:102px;left:80px}.panel-sisi-kanan .item .icon{mix-blend-mode:normal;text-align:center;background:#e1f1f0;border-radius:50%;width:80px;height:80px;padding:22px 0;position:relative;top:20px;left:0}.panel-sisi-kanan .item .judul{letter-spacing:.352941px;color:#04818e;width:282px;height:25px;font-size:20px;font-style:normal;font-weight:700;line-height:25px;position:relative;top:-70px;left:120px}.panel-sisi-kanan .item .isi{color:#404852;width:340px;height:84px;font-size:16px;font-style:normal;font-weight:400;line-height:28px;position:absolute;top:40px;left:120px}.panel-sisi-kiri .keterangan .title{letter-spacing:.4px;color:#121212;z-index:9;width:400px;height:48px;font-size:32px;font-style:normal;font-weight:700;line-height:48px;position:absolute}.panel-sisi-kiri .keterangan .isi{letter-spacing:.2px;color:#404852;width:320px;height:84px;font-size:16px;font-style:normal;font-weight:400;line-height:21px;position:relative;top:50px}.panel-sisi-kiri .bg-dot{position:relative;top:-119px;left:0}.container{padding-right:0}#homeContainer{height:100vh;overflow:hidden scroll}.panel-sisi-kiri .status{width:100%;position:relative;top:0;left:60px}.panel-sisi-kiri .status .judul{letter-spacing:-2px;color:#04818e;width:100%;height:90px;font-size:62px;font-style:normal;font-weight:700;line-height:90px;position:relative;top:0;left:0}.panel-sisi-kiri .status .isi{letter-spacing:.2px;color:#404852;width:100%;height:24px;font-size:18px;font-style:normal;font-weight:400;line-height:24px;position:relative;top:-72px;left:0}.panel-tengah .quote-vendors{width:984px;height:480px;margin:0 auto;position:relative;left:50px}.panel-tengah .quote-vendors .kiri{float:left;background:#cfeeef;border-radius:32px;width:480px;height:480px;position:relative;top:0;left:0}.panel-tengah .quote-vendors .kiri .panel1{box-sizing:border-box;z-index:9;background:#fff;border:.875px solid #96bac2;border-radius:11.2px;width:140px;height:140px;padding:12px 6px;position:relative;top:30px;left:30px}.panel-tengah .quote-vendors .kiri .panel2{box-sizing:border-box;background:#fff;border:.875px solid #96bac2;border-radius:22.4px;width:280px;height:280px;padding:57px 5px;position:relative;top:-20px;left:120px}.panel-tengah .quote-vendors .kiri .panel3{box-sizing:border-box;background:#fff;border:.75px solid #96bac2;border-radius:9.6px;width:120px;height:120px;padding:10px;position:relative;top:-100px;left:320px}.panel-tengah .quote-vendors .kanan{float:left;width:480px;height:480px;position:relative;top:0;left:10px}.panel-tengah .quote-vendors .kanan .bubble{box-sizing:border-box;background:#dff7fc;border:1.5px solid #96bac2;border-radius:18.75px;width:420px;height:75px;padding:10px;position:relative;top:53px;left:-50px;box-shadow:inset 0 -5.25px #96bac280}.add-pp1{background-image:url(../media/pp1.20kfwx0cnf4g9.png);background-size:cover}.add-pp2{background-image:url(../media/pp2.3h2gchy6hum-_.png);background-size:cover}.add-pp3{background-image:url(../media/pp3.1o5c5c164-5k-.png);background-size:cover}.add-pp4{background-image:url(../media/pp4.21yi8a24m8m66.png);background-size:cover}.panel-tengah .quote-vendors .kanan .bubble .profile{float:right;box-sizing:border-box;filter:drop-shadow(0 2.25px #bbd8df);z-index:99;border:1.5px solid #a5c6ce;border-radius:50%;width:60px;height:60px;position:relative;top:-37px;right:-31px}.panel-tengah .quote-vendors .kanan .bubble-kecil{box-sizing:border-box;background:#dff7fc;border:1.5px solid #96bac2;border-radius:18.75px;width:360px;height:75px;margin-top:40px;padding:10px;position:relative;top:53px;left:20px;box-shadow:inset 0 -5.25px #96bac280}.panel-tengah .quote-vendors .kanan .bubble-kecil .profile{float:right;box-sizing:border-box;filter:drop-shadow(0 2.25px #bbd8df);z-index:999;border:1.5px solid #a5c6ce;border-radius:50%;width:60px;height:60px;position:relative;top:-37px;right:-31px}.panel-tengah .quote-vendors .kanan .bubble-kecil svg{position:absolute;top:10px}.adj-opacity-8{opacity:.8}.adj-opacity-6{opacity:.6}.adj-opacity-4{opacity:.4}.batas-bawah label{clear:both;width:1198px;font-size:28px;font-style:normal;font-weight:600;line-height:40px;position:relative;top:14px}.panel-fitur{background:#f6fafa;width:1440px;height:856px;margin-top:130px;padding-right:10px}.panel-fitur .title{text-align:center;width:100%;height:auto;margin-top:30px;margin-bottom:30px;position:relative}.panel-fitur .title label{text-align:center;letter-spacing:.4px;color:#04818e;font-size:40px;font-style:normal;font-weight:700;line-height:56px}.panel-fitur .kiri{float:left;width:35%;height:auto;margin:10px}.panel-fitur .kiri .info{background:#f6fafa;flex:none;order:0;width:440px;height:184px;margin:0 auto;position:relative;top:0;left:0;box-shadow:inset 0 -1px #0000001a}.panel-fitur .kiri .info .judul{letter-spacing:-.2px;color:#121212;flex:none;order:0;margin:8px 0;font-size:24px;font-style:normal;font-weight:600;line-height:32px}.panel-fitur .kiri .info .isi{letter-spacing:.2px;color:#121212;flex:none;order:1;margin:8px 0;font-size:16px;font-style:normal;font-weight:400;line-height:28px}.panel-fitur .kiri .item{background:#f6fafa;flex:none;order:1;width:440px;height:45px;margin:0 auto;position:relative;top:0;left:0;box-shadow:inset 0 -1px #0000001a}.panel-fitur .kiri .item label{letter-spacing:-.2px;color:#04818e;cursor:pointer;font-size:24px;font-style:normal;font-weight:600;line-height:32px;transition:all 2s;position:relative;top:5px}.panel-fitur .kiri .adj-height{height:150px;transition:all 1s}.panel-fitur .kiri .adj-height img{display:none}.panel-fitur .kiri .adj-height label{color:#000}.panel-fitur .kiri .adj-min-height{height:45px;transition:all 1s}.panel-fitur .kiri .adj-min-height img{display:none}.panel-fitur .kiri .adj-min-height label{color:#04818e}.panel-fitur .kiri .item p{position:relative;top:10px}.panel-fitur .kanan{float:right;width:60%;height:auto;margin:10px}.hide-line{-webkit-box-shadow:none!important;box-shadow:none!important}.panel-fitur .kanan .frame{box-sizing:border-box;background:#fff;border:1px solid #04818e;border-radius:12px;width:768px;height:480px;margin:0 auto;padding:0 1px;position:relative;top:0;right:0;box-shadow:0 2px 8px #0000001a,0 0 2px #00000026}.panel-fitur .kanan .frame img{border-radius:12px;width:100%;height:100%}.adj-height-img{transition:all 1s;width:100%!important;height:100%!important}.adj-min-height-img{transition:all 1s;width:100%!important;height:0!important}.panel-bikin{background:#eaeaea;border-radius:32px;width:880px;height:280px;margin:0 auto;position:relative;top:0;left:0}.gambar-digital{background-blend-mode:lighten,normal;background-image:linear-gradient(#ffffff40,#ffffff40),url(../media/gambar-digital.1_nlgar8rcauw.jpeg);background-size:cover;width:389.95px;height:260px;position:absolute;bottom:0;left:45px}.panel-bikin .title{text-align:right;color:#454545;width:542px;height:96px;font-size:32px;font-style:normal;font-weight:600;line-height:150%;position:absolute;top:30px;right:32px}.btn-coba-digital{text-align:center;color:#343434;cursor:pointer;background:#34343429;border:none;border-radius:5px;flex-direction:row;justify-content:center;align-items:center;width:246px;height:44px;padding:8px 12px;font-size:20px;font-style:normal;font-weight:400;line-height:28px;display:flex;position:absolute;bottom:32px;right:32px}.panel-bikin .svg-kiri{width:26.24px;height:47.17px;position:absolute;top:31.54px;left:67px}.panel-bikin .svg-kanan{z-index:9;width:18.48px;height:33.5px;position:absolute;top:16px;left:175.82px}.link_daftar_vendor,.link_daftar_vendor:hover{color:#04818e}.frame-items{position:relative}.label-vendor{text-align:center;letter-spacing:.1px;color:#000;font-size:16px!important;font-style:normal!important;font-weight:600!important;line-height:24px!important}.container-kenapa{margin:200px 0}.frame-fitur{background:#f6fafa;width:2000px;height:fit-content;margin:0;padding:0;position:relative;top:50px;left:-300px}.panel-fitur{position:relative;top:0}.wrapper{width:1440px;margin:0 auto}.frame-svg{background:0 0;width:93px;height:35px;position:relative;top:76px;left:85px}footer .frame svg{float:left;width:100%;position:relative;top:0;left:0}.section-kardoos,.section-kardoos-kuning{height:760px}.info-dashboard-komprehensif{text-align:center;letter-spacing:.2px;color:#121212;width:706px;height:98px;margin:0 auto;font-family:Inter;font-size:16px;font-style:normal;font-weight:400;line-height:28px;position:relative}.header-putih{background:#fff;transition:all 1s}.frame-info-kuning{background:#fef3c7;flex-direction:row;justify-content:center;align-items:flex-start;width:100%;height:30px;padding:16px;display:flex;top:0;left:0}.frame-info-kuning .info-browser{width:1441px;height:44px;position:relative;top:-21px;left:0}.frame-info-kuning .info-browser label{letter-spacing:.2px;color:#404852;flex:none;order:0;width:auto;height:28px;margin:0;font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:28px;position:relative;top:8px;left:2px}.frame-info-kuning .info-browser svg{cursor:pointer;float:right;position:relative;top:7px;right:12px}@media only screen and (min-width:1441px){.wrapper{width:1441px;margin:0 auto}.wrapper .user-login-info{flex-direction:row;align-items:center;width:auto;height:32px;padding:0;display:flex;position:relative;top:-25px!important;left:1150px!important}.container{padding-left:0;padding-right:0}.panel-tengah{width:1440px}.container-kenapa{margin:100px auto}.frame-fitur{background:#f6fafa;width:auto;height:fit-content;margin:0;padding:0;position:relative;top:50px;left:0}.sisi-kiri{width:400px;height:30%}.sisi-kiri h1{letter-spacing:.2px;color:#121212;z-index:9;width:400px;height:128px;font-size:56px;font-style:normal;font-weight:700;line-height:60px;position:relative;top:61px;left:40px}.sisi-kiri .btn-aksi{cursor:pointer;text-align:center;color:#04818e;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;width:255px;height:44px;padding:6px 0;font-size:18px;font-style:normal;font-weight:400;line-height:28px;display:none;position:relative;top:150px;left:46px}.sisi-kiri .btn-aksi svg{margin:0 6px;position:relative;top:6px}.sisi-kiri .btn-coba{cursor:pointer;text-align:center;color:#fff;z-index:9;text-transform:uppercase;background:#04818b;border:none;border-radius:5px;justify-content:center;align-items:center;width:242px;height:44px;padding:6px 0;font-size:14px;font-style:normal;font-weight:400;line-height:28px;position:relative;top:191px;left:30px}.sisi-kiri .bg-dot{position:relative;top:130px;left:-20px}.panel-sisi-kiri .keterangan{width:320px;position:relative;left:20px}.panel-sisi-kiri .bg-dot{position:relative;top:-119px;left:0}.panel-sisi-kiri .keterangan .isi{font-size:14px}.panel-sisi-kanan{width:66%;height:450px;right:-15%}.panel-sisi-kiri .status{position:relative;left:20px}.panel-sisi-kanan .item{width:100%;height:160px;margin-bottom:40px;position:relative;top:50px;left:40px}.panel-sisi-kanan .item .judul{width:auto;height:auto;font-size:18px;position:relative}.panel-sisi-kanan .item .isi{color:#404852;width:370px;height:84px;font-size:16px;font-style:normal;font-weight:400;line-height:28px;position:absolute;top:60px;left:120px}.panel-tengah .quote-vendors .kiri{float:left;background:#cfeeef;border-radius:19px;width:47%;height:460px;position:relative;top:0;left:0}.panel-tengah .quote-vendors .kiri .panel1{box-sizing:border-box;z-index:9;background:#fff;border:.875px solid #96bac2;border-radius:11.2px;width:30%;height:140px;padding:12px 6px;position:relative;top:30px;left:30px}.panel-tengah .quote-vendors .kiri .panel2{box-sizing:border-box;background:#fff;border:.875px solid #96bac2;border-radius:22.4px;width:220px;height:220px;padding:57px 5px;position:relative;top:-20px;left:130px}.panel-tengah .quote-vendors .kiri .panel3{box-sizing:border-box;background:#fff;border:.75px solid #96bac2;border-radius:9.6px;width:120px;height:120px;padding:10px;position:relative;top:-60px;left:306px}.panel-tengah .quote-vendors .kanan{float:left;width:480px;height:480px;position:relative;top:0;left:-5px}.panel-tengah .quote-vendors .kanan .bubble{box-sizing:border-box;background:#dff7fc;border:1.5px solid #96bac2;border-radius:18.75px;width:390px;height:75px;padding:10px;position:relative;top:13px;left:-50px;box-shadow:inset 0 -5.25px #96bac280}.panel-tengah .quote-vendors .kanan .bubble-kecil{box-sizing:border-box;background:#dff7fc;border:1.5px solid #96bac2;border-radius:18.75px;width:320px;height:75px;margin-top:40px;padding:10px;position:relative;top:13px;left:20px;box-shadow:inset 0 -5.25px #96bac280}.batas-bawah label{font-size:18px}.panel-fitur .kanan{float:right;width:50%;height:auto;margin:0 auto;padding:30px 16px;position:relative}.panel-fitur .kanan .frame{box-sizing:border-box;background:#fff;border:1px solid #04818e;border-radius:12px;width:100%;height:auto;margin:0 auto;padding:0 1px;position:relative;top:0;right:0;box-shadow:0 2px 8px #0000001a,0 0 2px #00000026}.panel-fitur{background:#f6fafa;width:100%;height:auto;margin-bottom:100px;padding-right:10px;position:relative}.panel-fitur .kiri{float:left;width:40%;height:auto;margin:10px}.panel-bikin{background:#eaeaea;border-radius:32px;width:580px;height:280px;margin:0 auto;position:relative;top:0}.panel-bikin .title{text-align:right;color:#454545;width:302px;height:96px;font-size:25px;font-style:normal;font-weight:600;line-height:150%;position:absolute;top:30px;right:32px}.panel-tengah .quote-vendors{width:984px;height:480px;margin:0 auto;position:relative;left:90px}}@media only screen and (min-width:1300px) and (max-width:1440px){.frame-info-kuning .info-browser{width:1280px;height:44px;position:relative;top:-21px;left:0}.frame-info-kuning .info-browser svg{position:relative;right:16px}.wrapper{width:1280px;margin:0 auto}.wrapper .right{float:left;width:auto;height:28px;margin:0 100px;padding:0;position:relative;top:-55px}.wrapper .right .btn-aksi{text-align:center;color:#000;cursor:pointer;background:#fff;border:none;border-radius:5px;flex:none;order:0;justify-content:center;align-items:center;width:80px;height:28px;margin:0 4px;padding:4px 12px;font-size:14px;font-style:normal;font-weight:400;line-height:20px;position:relative;top:0;left:0}.container{width:100%;padding-right:15px;padding-left:unset;margin-left:auto;margin-right:auto}.frame-fitur{background:#f6fafa;width:2000px;height:900px;margin:200px 0 100px;padding:0;position:relative;top:50px;left:-300px}.panel-tengah{width:1280px;height:auto;margin:0 auto 50px;padding:10px;position:relative;top:100px}.sisi-kanan{float:right;background:#04818e40;border-radius:10px;width:65%;height:537.31px;margin:50px 30px 0 0;top:53.59px;left:452.12px;transform:rotate(-4.07deg)}.panel-bikin{background:#eaeaea;border-radius:32px;width:600px;height:280px;margin:0 auto;position:relative;top:0;left:0}.sec-produk{margin:0 auto;top:0;left:0;width:1280px!important;height:435px!important;position:relative!important}}@media only screen and (min-width:1040px) and (max-width:1299px){.frame-info-kuning .info-browser{width:1040px;height:44px;position:relative;top:-21px;left:0}.frame-info-kuning .info-browser svg{position:relative;right:-7px}.wrapper .user-login-info{flex-direction:row;align-items:center;width:auto;height:32px;padding:0;display:flex;position:relative;top:-25px;left:770px!important}.section-kardoos,.section-kardoos-kuning{height:551px}.wrapper{width:1040px;margin:0 auto}.wrapper .left{flex-direction:row;align-items:center;width:592.33px;height:40px;padding:0;display:flex;position:relative;top:12px;left:0}.wrapper .right{float:left;flex-direction:row;align-items:flex-start;width:auto;height:28px;margin:0 168px;padding:0;position:relative;top:-55px}.wrapper .right .btn-aksi{text-align:center;color:#000;cursor:pointer;background:#fff;border:none;border-radius:5px;flex:none;order:0;justify-content:center;align-items:center;width:80px;height:28px;margin:0 4px;padding:4px 12px;font-size:14px;font-style:normal;font-weight:400;line-height:20px;position:relative;top:0;left:0}.container{padding-left:0}.container-kenapa{margin:0 auto 100px}.frame-fitur{background:#f6fafa;width:auto;height:fit-content;margin:150px 0 0;padding:0;position:relative;top:50px;left:0}.batas-bawah{clear:both;text-align:center;margin:0 0 50px}.sisi-kanan{float:right;background:#04818e40;border-radius:10px;width:57%;height:337.31px;margin:30px 30px 0 0;top:53.59px;left:452.12px;transform:rotate(-4.07deg)}.panel-sisi-kiri .status .judul{letter-spacing:-2px;color:#04818e;width:100%;height:90px;font-size:39px;font-style:normal;font-weight:700;line-height:90px;position:relative;top:-19px;left:0}.sisi-kiri{float:left;width:30%;height:426px;margin:0 10px 0 0}.sisi-kiri h1{letter-spacing:.2px;color:#121212;z-index:9;width:251px;height:128px;font-size:31px;font-style:normal;font-weight:700;line-height:33px;position:relative;top:60px;left:20px}.sisi-kiri .btn-aksi{cursor:pointer;text-align:center;color:#04818e;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;width:255px;height:44px;padding:6px 0;font-size:14px;font-style:normal;font-weight:400;line-height:28px;display:none;position:relative;top:42px;left:28px}.sisi-kiri .btn-aksi svg{margin:0 6px;position:relative;top:6px}.sisi-kiri .btn-coba{text-align:center;color:#fff;z-index:9;background:#04818e;border:none;border-radius:5px;justify-content:center;align-items:center;width:165px;height:auto;padding:8px 12px;font-size:14px;font-style:normal;font-weight:400;line-height:28px;position:relative;top:71px;left:85px}.sisi-kiri .bg-dot{position:relative;top:14px;left:25px}.panel-sisi-kiri .keterangan{width:287px;position:relative;left:5%}.panel-sisi-kiri .bg-dot{position:relative;top:-119px;left:0}.panel-sisi-kiri .keterangan .title{font-size:25px}.panel-sisi-kiri .keterangan .isi{letter-spacing:.2px;color:#404852;width:320px;height:84px;font-size:14px;font-style:normal;font-weight:400;line-height:21px;position:relative;top:50px}.panel-sisi-kanan{width:69%;height:500px;position:relative;right:-165px}.panel-tengah{width:1040px;position:relative}.panel-sisi-kiri{float:left;width:30%;height:500px;margin:0 10px 0 0}.panel-sisi-kiri .status{position:relative;left:5%}.panel-sisi-kanan .item{width:72%;height:200px;position:relative;top:50px;left:40px}.panel-sisi-kanan .item .judul{width:70%;height:auto;font-size:18px;position:relative}.panel-sisi-kanan .item .isi{color:#404852;width:70%;height:84px;font-size:16px;font-style:normal;font-weight:400;line-height:28px;position:absolute;top:50px;left:120px}.panel-tengah .quote-vendors .kiri{float:left;background:#cfeeef;border-radius:19px;width:52%;height:404px;position:relative;top:0}.panel-tengah .quote-vendors .kiri .panel1{box-sizing:border-box;z-index:9;background:#fff;border:.875px solid #96bac2;border-radius:11.2px;width:40%;height:136px;padding:12px 6px;position:relative;top:30px;left:30px}.panel-tengah .quote-vendors .kiri .panel2{box-sizing:border-box;background:#fff;border:.875px solid #96bac2;border-radius:22.4px;width:43%;height:177px;padding:57px 5px;position:relative;top:-20px;left:30%}.panel-tengah .quote-vendors .kiri .panel3{box-sizing:border-box;background:#fff;border:.75px solid #96bac2;border-radius:9.6px;width:30%;height:108px;padding:10px;position:relative;top:-63px;left:60%}.panel-tengah .quote-vendors .kanan{float:right;width:47%;height:460px;position:relative;top:0}.panel-tengah .quote-vendors .kanan .bubble{box-sizing:border-box;background:#dff7fc;border:1.5px solid #96bac2;border-radius:18.75px;width:123%;height:75px;padding:10px;position:relative;top:13px;left:-50px;box-shadow:inset 0 -5.25px #96bac280}.panel-tengah .quote-vendors .kanan .bubble .profile{float:right;box-sizing:border-box;filter:drop-shadow(0 2.25px #bbd8df);z-index:99;border:1.5px solid #a5c6ce;border-radius:50%;width:60px;height:60px;position:relative;top:-37px;right:-31px}.panel-tengah .quote-vendors .kanan .bubble-kecil{box-sizing:border-box;background:#dff7fc;border:1.5px solid #96bac2;border-radius:18.75px;width:100%;height:75px;margin-top:40px;padding:10px;position:relative;top:13px;left:20px;box-shadow:inset 0 -5.25px #96bac280}.batas-bawah label{font-size:18px}.panel-fitur .kanan{float:right;width:45%;height:auto;margin:0 auto;padding:23px 26px;position:relative;right:10px}.panel-fitur .kanan .frame{box-sizing:border-box;background:#fff;border:1px solid #04818e;border-radius:12px;width:100%;height:auto;margin:0 auto;padding:0 1px;position:relative;top:0;right:0;box-shadow:0 2px 8px #0000001a,0 0 2px #00000026}.panel-fitur{background:#f6fafa;width:85%;height:auto;padding-right:10px;position:relative}.panel-fitur .kiri{float:left;width:30%;height:auto;margin:10px}.panel-bikin{background:#eaeaea;border-radius:32px;width:480px;height:280px;margin:0 auto;position:relative;top:0}.panel-bikin .title{text-align:right;color:#454545;width:302px;height:96px;font-size:25px;font-style:normal;font-weight:600;line-height:150%;position:absolute;top:30px;right:32px}.panel-tengah .quote-vendors{width:100%;height:480px;margin:0 auto;padding:10px 50px;position:relative;left:-30px}.info-dashboard-komprehensif{text-align:center;letter-spacing:.2px;color:#121212;width:640px;height:98px;margin:0 auto;font-family:Inter;font-size:16px;font-style:normal;font-weight:400;line-height:28px;position:relative}.sec-produk{margin:0 auto;top:0;left:0;width:1040px!important;height:575px!important;position:relative!important}}@media only screen and (min-width:761px) and (max-width:1039px){.frame-info-kuning .info-browser{width:790px;height:44px;position:relative;top:-21px;left:0}.frame-info-kuning .info-browser svg{position:relative;right:38px}.wrapper .left .header-menu{flex-direction:row;flex:none;order:1;align-items:flex-start;width:419px;height:22px;margin:0 40px;padding:0;display:flex;position:relative;top:-1px;left:-24px}.wrapper .left .header-menu .item{letter-spacing:.1px;color:#000;flex:none;order:0;width:auto;height:22px;margin:0 3px;font-size:13.5px;font-style:normal;font-weight:400;line-height:22px;position:static;top:0;left:0}.panel-sisi-kiri .status .judul{letter-spacing:-2px;color:#04818e;width:120%;height:90px;font-size:47px;font-style:normal;font-weight:700;line-height:54px;position:relative;top:-20px;left:0}.panel-sisi-kiri .status .isi{letter-spacing:.2px;color:#404852;width:100%;height:24px;font-size:18px;font-style:normal;font-weight:400;line-height:24px;position:relative;top:-40px;left:0}.wrapper .user-login-info{flex-direction:row;align-items:center;width:auto;height:32px;padding:0;display:flex;position:relative;top:-25px;left:588px!important}.section-kardoos,.section-kardoos-kuning{height:551px}.wrapper{width:790px;margin:0 auto}.wrapper .left{flex-direction:row;align-items:center;width:592.33px;height:40px;padding:0;display:flex;position:relative;top:12px;left:0}.wrapper .right{float:left;flex-direction:row;align-items:flex-start;width:auto;height:28px;margin:0 -55px;padding:0;position:relative;top:-55px}.wrapper .right .btn-aksi{text-align:center;color:#000;cursor:pointer;background:#fff;border:none;border-radius:5px;flex:none;order:0;justify-content:center;align-items:center;width:80px;height:28px;margin:0 4px;padding:4px 12px;font-size:14px;font-style:normal;font-weight:400;line-height:20px;position:relative;top:0;left:0}.container{padding-left:0}.container-kenapa{margin:0 auto 100px}.frame-fitur{background:#f6fafa;width:auto;height:fit-content;margin:150px 0 0;padding:0;position:relative;top:50px;left:0}.batas-bawah{clear:both;text-align:center;margin:0 0 50px}.sisi-kanan{float:right;background:#04818e40;border-radius:10px;width:57%;height:286.31px;margin:30px 30px 0 0;top:53.59px;left:452.12px;transform:rotate(-4.07deg)}.sisi-kiri{float:left;width:30%;height:426px;margin:0 10px 0 0}.sisi-kiri h1{letter-spacing:.2px;color:#121212;z-index:9;width:251px;height:128px;font-size:31px;font-style:normal;font-weight:700;line-height:33px;position:relative;top:60px;left:20px}.sisi-kiri .btn-aksi{cursor:pointer;text-align:center;color:#04818e;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;width:255px;height:44px;padding:6px 0;font-size:14px;font-style:normal;font-weight:400;line-height:28px;display:none;position:relative;top:42px;left:28px}.sisi-kiri .btn-aksi svg{margin:0 6px;position:relative;top:6px}.sisi-kiri .btn-coba{text-align:center;color:#fff;z-index:9;background:#04818e;border:none;border-radius:5px;justify-content:center;align-items:center;width:165px;height:auto;padding:8px 12px;font-size:14px;font-style:normal;font-weight:400;line-height:28px;position:relative;top:71px;left:85px}.sisi-kiri .bg-dot{position:relative;top:14px;left:25px}.panel-sisi-kiri .keterangan{width:287px;position:relative;left:5%}.panel-sisi-kiri .bg-dot{position:relative;top:-119px;left:0}.panel-sisi-kiri .keterangan .title{font-size:25px}.panel-sisi-kiri .keterangan .isi{letter-spacing:.2px;color:#404852;width:320px;height:84px;font-size:14px;font-style:normal;font-weight:400;line-height:21px;position:relative;top:70px}.panel-sisi-kanan{width:66%;height:500px;position:relative;right:-67px}.panel-tengah{width:790px;position:relative}.panel-sisi-kiri{float:left;width:30%;height:500px;margin:0 10px 0 0}.panel-sisi-kiri .status{position:relative;left:5%}.panel-sisi-kanan .item{width:72%;height:200px;position:relative;top:50px;left:40px}.panel-sisi-kanan .item .judul{width:70%;height:auto;font-size:18px;position:relative}.panel-sisi-kanan .item .isi{color:#404852;width:70%;height:84px;font-size:16px;font-style:normal;font-weight:400;line-height:28px;position:absolute;top:50px;left:120px}.panel-tengah .quote-vendors .kiri{float:left;background:#cfeeef;border-radius:19px;width:52%;height:404px;position:relative;top:0}.panel-tengah .quote-vendors .kiri .panel1{box-sizing:border-box;z-index:9;background:#fff;border:.875px solid #96bac2;border-radius:11.2px;width:40%;height:136px;padding:12px 6px;position:relative;top:30px;left:30px}.panel-tengah .quote-vendors .kiri .panel2{box-sizing:border-box;background:#fff;border:.875px solid #96bac2;border-radius:22.4px;width:43%;height:177px;padding:57px 5px;position:relative;top:-20px;left:30%}.panel-tengah .quote-vendors .kiri .panel3{box-sizing:border-box;background:#fff;border:.75px solid #96bac2;border-radius:9.6px;width:30%;height:108px;padding:10px;position:relative;top:-63px;left:60%}.panel-tengah .quote-vendors .kanan{float:right;width:47%;height:460px;position:relative;top:0}.panel-tengah .quote-vendors .kanan .bubble{box-sizing:border-box;background:#dff7fc;border:1.5px solid #96bac2;border-radius:18.75px;width:123%;height:75px;padding:10px;position:relative;top:13px;left:-50px;box-shadow:inset 0 -5.25px #96bac280}.panel-tengah .quote-vendors .kanan .bubble .profile{float:right;box-sizing:border-box;filter:drop-shadow(0 2.25px #bbd8df);z-index:99;border:1.5px solid #a5c6ce;border-radius:50%;width:60px;height:60px;position:relative;top:-37px;right:-31px}.panel-tengah .quote-vendors .kanan .bubble-kecil{box-sizing:border-box;background:#dff7fc;border:1.5px solid #96bac2;border-radius:18.75px;width:100%;height:75px;margin-top:40px;padding:10px;position:relative;top:13px;left:20px;box-shadow:inset 0 -5.25px #96bac280}.batas-bawah label{font-size:18px}.panel-fitur .kanan{float:right;width:45%;height:auto;margin:0 auto;padding:23px 26px;position:relative;right:10px}.panel-fitur .kanan .frame{box-sizing:border-box;background:#fff;border:1px solid #04818e;border-radius:12px;width:100%;height:auto;margin:0 auto;padding:0 1px;position:relative;top:0;right:0;box-shadow:0 2px 8px #0000001a,0 0 2px #00000026}.panel-fitur{background:#f6fafa;width:85%;height:auto;padding-right:10px;position:relative}.panel-fitur .kiri{float:left;width:30%;height:auto;margin:10px}.panel-bikin{background:#eaeaea;border-radius:32px;width:100%;height:280px;margin:0 auto;position:absolute;top:0}.panel-bikin .title{text-align:right;color:#454545;width:302px;height:96px;font-size:25px;font-style:normal;font-weight:600;line-height:150%;position:absolute;top:30px;right:32px}.panel-tengah .quote-vendors{width:100%;height:480px;margin:0 auto;padding:10px 50px;position:relative;left:-30px}.info-dashboard-komprehensif{text-align:center;letter-spacing:.2px;color:#121212;width:640px;height:98px;margin:0 auto;font-family:Inter;font-size:16px;font-style:normal;font-weight:400;line-height:28px;position:relative}.link-aksi-modul{height:600px}.posisi-panel-atas{top:-23px}.posisi-panel-bawah{top:281px}.sec-produk{margin:0 auto;top:0;left:0;width:790px!important;height:635px!important;position:relative!important}}@media only screen and (max-width:760px){.frame-info-kuning .info-browser svg{position:relative;top:2px;right:-66px}.frame-info-kuning .info-browser{flex-direction:row;justify-content:space-between;align-items:flex-start;width:90%;height:44px;padding:8px 16px;display:flex;position:absolute;top:-6px;left:0}.frame-info-kuning .info-browser label{letter-spacing:.2px;color:#404852;flex:none;order:0;width:auto;height:28px;margin:0 10px;font-family:Inter;font-size:11px;font-style:normal;font-weight:600;line-height:28px;position:static;top:8px;left:16px}.panel-sisi-kiri .status .judul{letter-spacing:-2px;color:#04818e;width:114%;height:90px;font-size:34px;font-style:normal;font-weight:700;line-height:23px;position:relative;top:12px;left:0}.wrapper .user-login-info{flex-direction:row;align-items:center;width:auto;height:32px;padding:0;display:flex;position:relative;top:-20px;left:535px}.panel-fitur .title label{text-align:center;letter-spacing:.4px;color:#04818e;font-size:32px;font-style:normal;font-weight:700;line-height:39px}.info-dashboard-komprehensif{text-align:center;letter-spacing:.2px;color:#121212;width:356px;height:auto;margin:0 auto;font-family:Inter;font-size:16px;font-style:normal;font-weight:400;line-height:28px;position:relative;top:-20px}.section-kardoos,.section-kardoos-kuning{width:110%;height:700px;padding:0 20px;position:relative;left:-15px}.wrapper{width:90%;margin:0 auto}.container{padding-left:15px;padding-right:15px}.container-kenapa{height:960px;margin:-78px 0}.frame-fitur{background:#f6fafa;width:auto;height:fit-content;margin:0;padding:0;position:relative;top:150px;left:0}.panel-fitur{width:113%;height:757px;margin:0;top:0;padding:0 10px!important;left:-7%!important}.panel-fitur .kiri{width:100%;margin:0}.panel-tengah{margin-bottom:50px;padding:0;position:relative;left:0%}.sisi-kiri{width:100%;height:60px}.sisi-kiri h1{z-index:9;width:360px;font-size:25px;line-height:30px;position:relative;top:-37px;left:0}.sisi-kiri .btn-aksi{cursor:pointer;text-align:center;color:#04818e;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;width:100%;height:44px;padding:6px 0;font-size:14px;font-style:normal;font-weight:400;line-height:28px;display:none;position:relative;top:250px;left:0%}.sisi-kiri .btn-aksi svg{margin:0 6px;position:relative;top:6px}.sisi-kiri .btn-coba{width:100%;position:relative;top:263px;left:0}.sisi-kiri .bg-dot{display:none}.sisi-kanan{width:100%;height:300px;margin:-3px auto;padding:10px}.sisi-kanan .bg-gambar{width:100%;height:100%;position:relative;top:0;left:9px}.panel-sisi-kiri{width:100%;height:auto}.panel-sisi-kanan{float:right;z-index:9;background:#f6fafa;border-radius:40px 0 0 40px;width:106%;height:667px;position:relative;top:-155px;right:-16px}.panel-sisi-kanan .item .judul{letter-spacing:.352941px;color:#04818e;width:182px;height:25px;font-size:20px;font-style:normal;font-weight:700;line-height:25px;position:relative;top:-70px;left:120px}.panel-sisi-kanan .item .isi{color:#404852;width:180px;height:auto;font-size:16px;font-style:normal;font-weight:400;line-height:28px;position:absolute;top:80px;left:120px}.panel-sisi-kanan .item{width:352px;height:260px;margin-bottom:20px;position:relative;top:40px;left:40px}.panel-tengah .quote-vendors .kanan .bubble{width:95%;position:relative;left:0}.panel-tengah .quote-vendors .kanan .bubble-kecil{width:95%;height:75px;position:relative;left:0}.panel-tengah .quote-vendors .kanan .bubble svg{position:absolute;top:10px}.panel-tengah .quote-vendors .kanan{width:100%;height:480px;position:relative;top:0;left:0}.panel-tengah .quote-vendors{width:100%;height:870px;margin:0 auto;position:relative;top:30px;left:0}.panel-tengah .quote-vendors .kiri{float:left;background:#cfeeef;border-radius:22px;width:100%;height:370px;position:relative;top:0;left:0}.panel-tengah .quote-vendors .kiri .panel1{box-sizing:border-box;z-index:9;background:#fff;border:.875px solid #96bac2;border-radius:11.2px;width:30%;height:100px;padding:12px 6px;position:relative;top:30px;left:30px}.panel-tengah .quote-vendors .kiri .panel2{box-sizing:border-box;background:#fff;border:.875px solid #96bac2;border-radius:22.4px;width:60%;height:220px;padding:57px 5px;position:relative;top:-20px;left:70px}.panel-tengah .quote-vendors .kiri .panel3{box-sizing:border-box;background:#fff;border:.75px solid #96bac2;border-radius:9.6px;width:30%;height:100px;padding:10px;position:relative;top:-75px;left:210px}.label-vendor{text-align:center;letter-spacing:.1px;color:#000;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.panel-fitur .title{text-align:center;width:100%;height:auto;margin-top:30px;margin-bottom:30px;position:relative}.panel-fitur .kiri .info{background:#f6fafa;flex:none;order:0;width:90%;height:210px;margin:0 auto;position:relative;top:0;left:0%;box-shadow:inset 0 -1px #0000001a}.panel-fitur .kiri .item{width:100%;height:64px;-webkit-box-shadow:none;box-shadow:none;border-bottom:thin solid #0000001a;position:relative;left:0}.panel-fitur .kiri .item label{letter-spacing:-.2px;color:#04818e;cursor:pointer;width:100%;font-size:23px;font-style:normal;font-weight:600;line-height:32px;transition:all 2s;position:relative;top:5px}.panel-fitur .kiri .adj-height{height:350px;transition:all 1s}.panel-fitur .kiri .adj-height img{width:100%;display:block}.panel-fitur .kiri .adj-min-height{height:45px;transition:all 1s}.panel-fitur .kiri .adj-min-height img{width:0;display:block}.hide-line{-webkit-box-shadow:none!important;box-shadow:none!important;border-bottom:none!important}.panel-bikin{background:#eaeaea;border-radius:32px;width:100%;height:380px;margin:120px auto 0;position:absolute;top:0;left:0%}.gambar-digital{width:179.95px;height:260px;position:absolute;bottom:0;left:45px}.panel-bikin .svg-kiri{width:26.24px;height:47.17px;position:absolute;top:131.54px;left:67px}.panel-bikin .svg-kanan{z-index:9;width:18.48px;height:33.5px;position:absolute;top:116px;left:175.82px}.frame-items{background:#fff;width:90%;margin:0 auto;position:relative;top:20px}.panel-fitur .kanan{float:left;background:#fff;width:90%;height:auto;margin:10px;display:none;position:relative;top:-260px;left:10px}.panel-fitur .kanan .frame{box-sizing:border-box;background:#fff;border:1px solid #04818e;border-radius:12px;width:100%;height:219px;margin:0 auto;padding:0 1px;position:relative;top:0;right:0;box-shadow:0 2px 8px #0000001a,0 0 2px #00000026}.panel-fitur .kanan .frame img{border-radius:12px;width:100%;height:100%}.batas-bawah label{font-size:16px;line-height:20px;position:relative;top:30px}.panel-sisi-kiri .keterangan{background:#fff;width:345px;height:170px;margin:0 auto;position:relative;top:25px;left:0}.panel-sisi-kiri .keterangan .title{letter-spacing:.4px;color:#121212;z-index:9;width:100%;height:48px;font-size:25px;font-style:normal;font-weight:700;line-height:70px;position:absolute}.panel-fitur .kiri .info .judul{font-size:25px}.panel-sisi-kiri .keterangan .isi{letter-spacing:.2px;color:#404852;width:100%;height:84px;font-size:16px;font-style:normal;font-weight:400;line-height:21px;position:relative;top:50px}.panel-sisi-kiri .bg-dot{display:none}.panel-sisi-kiri .status{width:242px;margin:0 auto;position:relative;top:693px;left:0}.panel-bikin .title{text-align:right;color:#454545;text-align:center;width:100%;height:96px;font-size:25px;font-style:normal;font-weight:600;line-height:31px;position:absolute;top:30px;right:0}.btn-coba-digital{text-align:center;color:#343434;cursor:pointer;background:#34343429;border:none;border-radius:5px;flex-direction:row;justify-content:center;align-items:center;width:246px;height:44px;padding:8px 12px;font-size:20px;font-style:normal;font-weight:400;line-height:28px;display:flex;position:absolute;bottom:32px;right:45px}.link-aksi-modul{height:900px}.posisi-panel-bawah{top:410px}.sec-produk{margin:0 auto;left:0;width:90%!important;height:855px!important;position:relative!important;top:180px!important}}.daftar-vendor{background:#cfeeef}.btn-green{color:#fff;background:#04818e}.produk-grup .bg2 .judul-depan{letter-spacing:.2px;color:#000;align-items:center;width:70%;height:29px;font-family:Inter;font-size:24px;font-style:normal;font-weight:700;line-height:29px;display:flex;position:relative;top:30px;left:30px}.sec-produk{width:1440px;height:435px;margin:0 auto;position:relative;top:0;left:0}.add-height-header{height:110px}.add-height-login-info{top:80px!important}.box-permission{z-index:9999;background:#fff;border-radius:0 0 10px 10px;width:600px;height:200px;margin:0 auto;padding:20px;transition:all .5s ease-in-out;position:absolute;top:100px;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 12px #00000026}.box-permission .kiri{float:left;width:100px}.box-permission .kanan{float:left;width:450px;padding:20px;font-size:16px;font-weight:400}.box-permission .btn-allow{float:right;cursor:pointer;text-align:center;color:#fff;z-index:9;text-transform:uppercase;background:#04818b;border:none;border-radius:5px;justify-content:center;align-items:center;width:100px;height:44px;padding:6px 0;font-size:14px;font-style:normal;font-weight:400;line-height:28px;position:relative;top:0;right:5px}.box-permission .btn-block{color:#04818b;background:#fff;border:none;right:10px}#btnNextSlide,#btnPrevSlide,#btnNextSlideMobile{display:none}.container-info-home{width:800px;margin:0 auto;position:absolute;top:130px;left:52%;transform:translate(-80%,-2%)}.container-info-home .frame-button{align-items:center;gap:24px;padding:16px 0;display:flex}.button-eco{grid-gap:16px;float:left;cursor:pointer;background-image:url(../media/btnEco.3-tbdc0asmx9z.png);background-repeat:no-repeat;border-radius:9px;justify-content:center;align-items:center;gap:16px;width:240px;height:58px;display:flex}.button-eco:hover{background-image:url(../media/btnHvEco.3ufftiqy1m1h-.png);background-repeat:no-repeat;width:240px}.button-color{grid-gap:16px;float:left;cursor:pointer;background-image:url(../media/btnColor.0puzb3fa_xvpp.png);background-repeat:no-repeat;border-radius:9px;justify-content:center;align-items:center;gap:16px;width:240px;height:58px;display:flex}.button-color:hover{background-image:url(../media/btnHvColor.11mczqypm6f8e.png);background-repeat:no-repeat;width:240px}@media only screen and (min-width:901px) and (max-width:920px){.item-slider-mobile-home{background-repeat:round!important;background-size:cover!important;width:845px!important}}@media only screen and (min-width:800px) and (max-width:900px){.item-slider-mobile-home{background-repeat:round!important;background-size:cover!important;width:755px!important}}@media only screen and (min-width:500px) and (max-width:799px){.item-slider-mobile-home{width:710px!important}}@media only screen and (min-width:410px) and (max-width:499px){.item-slider-mobile-home{width:380px!important}}@media only screen and (min-width:385px) and (max-width:409px){.item-slider-mobile-home{width:355px!important}}@media only screen and (min-width:375px) and (max-width:384px){.item-slider-mobile-home{width:340px!important}}@media only screen and (min-width:360px) and (max-width:374px){.item-slider-mobile-home{background-repeat:round!important;background-size:cover!important;width:330px!important}}@media only screen and (max-width:359px){.item-slider-mobile-home{background-repeat:round!important;background-size:cover!important;width:255px!important}}.maintenance-container{text-align:center;background-image:url(/images/maintenance-bg.png);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;width:100vw;height:100vh;max-height:calc(100dvh - 437px);margin-top:82px;display:flex}.maintenance-container .maintenance-logo{margin-bottom:80px}.maintenance-container .maintenance-inner{flex-direction:column;justify-content:center;align-items:center;display:flex}.maintenance-container .maintenance-heading{color:#000;margin-bottom:8px;font-family:Inter;font-size:27px;font-weight:700;line-height:160%}.maintenance-container .maintenance-content{color:#000;font-family:Inter;font-size:16px;font-weight:700;line-height:160%}.maintenance-container .maintenance-chat{color:#0d9488;cursor:pointer}@media only screen and (max-width:768px){.maintenance-container{text-align:center;background-image:url(/images/maintenance-bg.png);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;width:100vw;height:100vh;max-height:441px;margin-top:0;display:flex}.maintenance-container .maintenance-logo{margin-bottom:24px}.maintenance-container .maintenance-inner{flex-direction:column;justify-content:center;align-items:center;display:flex}.maintenance-container .maintenance-heading{color:#000;letter-spacing:.2px;margin-bottom:8px;font-family:Inter;font-size:14px;font-weight:700;line-height:160%}.maintenance-container .maintenance-content{letter-spacing:.2px;color:#000;font-family:Inter;font-size:9px;font-weight:700;line-height:160%}.maintenance-container .maintenance-chat{color:#0d9488;cursor:pointer}}
.frame-vendor{width:1200px;height:1200px;margin:0 auto;position:relative;top:60px;overflow-y:auto}.frame-vendor .banner{background:#d9ecee;width:1200px;height:300px;position:absolute;top:0;left:0}.frame-vendor .banner .frame-edit{cursor:pointer;background:#fffc;border-radius:48px;flex-direction:row;align-items:flex-start;width:48px;height:48px;padding:8px;display:flex;position:absolute;top:16px;left:1136px}.frame-vendor .frame{flex-direction:row;align-items:flex-end;width:1200px;height:196px;padding:0 40px;display:flex;position:absolute;top:200px;left:0}.frame-vendor .frame .avatar{box-sizing:border-box;background:#f6ddc4;border:4px solid #fff;border-radius:50%;flex:none;order:0;width:196px;height:196px;margin:0;position:static;top:0;left:40px}.frame-vendor .frame .avatar img{mix-blend-mode:multiply;width:100%;height:100%;margin:0 auto;position:relative}.frame-vendor .frame .avatar .frame-edit{cursor:pointer;background:#fffc;border-radius:48px;flex-direction:row;align-items:flex-start;width:48px;height:48px;padding:8px;display:flex;position:absolute;top:70px;left:114px}.frame-vendor .frame .nama{flex-direction:row;flex:1 0 auto;order:1;align-items:flex-start;width:auto;height:96px;margin:0;padding:16px 40px 40px;display:flex;position:static;top:100px;left:236px}.frame-vendor .frame .nama svg{cursor:pointer;position:relative;top:10px}.frame-vendor .frame .nama label{color:#000;flex:none;order:0;width:auto;height:40px;margin:0 10px;font-size:32px;font-style:normal;font-weight:700;line-height:125%;position:static;top:16px;left:40px}.frame-vendor .frame .frame-edit{flex-direction:column;flex:none;order:2;align-items:flex-start;width:auto;height:90px;margin:0;padding:10px 10px 40px;display:flex;position:static;top:106px;left:1019px}.frame-vendor .frame .frame-edit .btn-edit{box-sizing:border-box;text-align:center;color:#04818e;cursor:pointer;background:#fff;border:1px solid #e4e4e7;border-radius:5px;flex-direction:row;flex:none;order:0;justify-content:center;align-items:center;width:auto;height:40px;margin:10px 0;padding:8px 12px;font-size:14px;font-style:normal;font-weight:400;line-height:24px;display:flex;position:static;top:10px;left:10px}.frame-vendor .frame .frame-edit .btn-edit svg{flex:none;order:0;width:auto;height:24px;margin:0 8px 0 0;position:static;top:8px;left:0}.frame-vendor .tabs{background:#fff;width:1200px;height:40px;position:absolute;top:428px;left:0;box-shadow:inset 0 -1px #00000026}.frame-vendor .tabs .frame{flex-direction:row;align-items:flex-start;width:332px;height:40px;padding:0;display:flex;position:absolute;top:0;left:8px}.frame-vendor .tabs .frame .item{cursor:pointer;flex-direction:column;flex:none;order:0;align-items:center;width:auto;height:40px;margin:0 8px;padding:0 4px 4px;display:flex;position:static;top:0;left:0}.frame-vendor .tabs .frame .item .active label{color:#04818e!important}.frame-vendor .tabs .frame .item .content{cursor:pointer;flex-direction:row;flex:none;order:0;justify-content:center;align-items:center;width:auto;height:36px;margin:0;padding:8px;display:flex;position:static;top:0;left:4px}.frame-vendor .tabs .frame .item .content label{text-align:center;color:#8b98ab;cursor:pointer;flex:none;order:0;width:auto;height:20px;margin:0;font-size:14px;font-style:normal;font-weight:600;line-height:20px;position:static;top:8px;left:8px}.frame-vendor .tabs .frame .item .line{flex:none;order:1;align-self:stretch;width:100%;height:0;margin:-3px 0;position:static;top:36px;left:4px}.frame-vendor .tabs .frame .item .line .indikator{background:#04818e;border-radius:3px 3px 0 0;height:3px;position:relative;bottom:-4px;left:0%;right:0%}.frame-vendor .content{flex-direction:column;align-items:flex-start;width:1200px;height:476px;padding:48px 16px;position:absolute;top:468px;left:0}.frame-vendor .content .deskripsi{width:1168px;height:116px;margin:0px ​0px;flex-direction:column;flex:none;order:0;justify-content:center;align-self:stretch;align-items:flex-start;padding:0;display:flex;position:static;top:48px;left:16px}.frame-vendor .content .deskripsi .judul{letter-spacing:.01em;text-transform:uppercase;color:#a1a1aa;flex:none;order:0;align-self:stretch;width:1168px;height:16px;margin:0;font-size:12px;font-style:normal;font-weight:600;line-height:16px;position:static;top:0;left:0}.frame-vendor .content .deskripsi .isi{color:#374151;flex:none;order:1;align-self:stretch;width:1168px;height:100px;margin:0;font-size:14px;font-style:normal;font-weight:400;line-height:20px;position:static;top:16px;left:0}.frame-vendor .content .info{flex-direction:row;flex:none;order:1;align-self:stretch;align-items:flex-start;width:1168px;height:36px;margin:48px 0;padding:0;display:flex;position:static;top:212px;left:16px}.frame-vendor .content .info .item{flex-direction:column;flex:none;order:0;justify-content:center;align-items:flex-start;width:268px;height:36px;margin:0 32px;padding:0;display:flex;position:static;top:0;left:0}.frame-vendor .content .info .item .judul{letter-spacing:.01em;text-transform:uppercase;color:#a1a1aa;flex:none;order:0;width:auto;height:16px;margin:0;font-size:12px;font-style:normal;font-weight:600;line-height:16px;position:static;top:0;left:0}.frame-vendor .content .info .item .isi{color:#374151;flex:none;order:1;width:auto;height:20px;margin:0;font-size:14px;font-style:normal;font-weight:400;line-height:20px;position:static;top:16px;left:0}.frame-vendor .content .photo-frame{flex-direction:row;flex:none;order:2;align-self:stretch;align-items:flex-start;width:1168px;height:132px;margin:10px 0;padding:0;display:flex;position:static;top:296px;left:16px}.frame-vendor .content .photo-frame img{flex:1 0 auto;order:0;width:132px;height:132px;margin:0 16px;position:static;top:0;left:0}.img-portofolio{float:left;width:24%;margin:2px}.filter-testimoni{flex-direction:row;align-items:flex-start;width:auto;height:28px;padding:0;display:flex;position:absolute;top:50px;left:16px}.filter-testimoni .active{color:#fff!important;background:#04818e!important}.filter-testimoni .atc-buttom{text-align:center;color:#04818e;cursor:pointer;background:#d9ecee;border:none;border-radius:5px;flex-direction:row;flex:none;order:0;justify-content:center;align-items:center;width:auto;height:28px;margin:0 10px;padding:4px 12px;font-size:14px;font-style:normal;font-weight:600;line-height:20px;display:flex;position:static;top:0;left:0}.frame-testimoni{flex-direction:column;align-items:flex-start;width:1200px;height:auto;padding:0;display:flex;position:absolute;top:85px;left:-8px}.frame-testimoni .item{flex-direction:row;flex:none;order:0;align-items:flex-start;width:1200px;height:142px;margin:15px 0;padding:16px;display:flex;position:static;top:0;left:0}.frame-testimoni .item .frame{flex-direction:column;flex:none;order:1;align-items:flex-start;width:1056px;height:110px;margin:0 32px;padding:0;display:flex;position:static;top:16px;left:128px}.frame-testimoni .item .frame p{color:#374151;flex:none;order:1;width:1056px;height:80px;margin:10px 0;font-size:14px;font-style:normal;font-weight:400;line-height:20px;position:static;top:30px;left:0}.frame-testimoni .item .frame .bintang{flex-direction:row;flex:none;order:0;align-items:flex-start;width:116px;height:20px;margin:10px 0;padding:0;display:flex;position:static;top:0;left:0}.frame-testimoni .item .avatar-testimoni{background:#0000001a;border-radius:50%;flex-direction:row;flex:none;order:0;justify-content:center;align-items:center;width:80px;height:80px;margin:0 32px;padding:1px;display:flex;position:static;top:16px;left:16px}.frame-testimoni .item .avatar-testimoni img{mix-blend-mode:multiply;border-radius:50%;width:100%;height:100%;margin:0 auto;position:relative}.frame-edit{display:none!important}
.sec-tentang-kardoos{width:1440px;height:535px;margin:0 auto;position:relative;top:100px;left:0}.tentang-kardoos{flex-direction:row;align-items:center;width:239px;height:19px;padding:0;display:flex;position:relative;top:37px;left:30px}.tentang-kardoos .line{border:3px solid #000;flex:none;order:0;width:90px;height:0;margin:0 12px;position:static;top:9.5px;left:0}.tentang-kardoos .title{letter-spacing:.2px;color:#111;flex:none;order:1;align-items:center;width:137px;height:19px;margin:0 12px;font-family:Inter;font-size:16px;font-style:normal;font-weight:700;line-height:19px;display:flex;position:static;top:0;left:102px}.title-tentang-kardoos{width:795px;height:128px;position:relative;top:0;left:40px}.title-tentang-kardoos .title{letter-spacing:.2px;color:#111;width:795px;height:128px;font-family:Inter;font-size:56px;font-style:normal;font-weight:700;line-height:64px;position:relative;top:80px}.action-btn-tentang-kardoos{cursor:pointer;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;width:125px;height:92px;padding:8px 12px;display:none;position:absolute;top:98px;left:941px}.action-btn-tentang-kardoos label{text-align:center;color:#04818e;cursor:pointer;flex:none;order:1;width:101px;height:28px;margin:8px 0;font-family:Inter;font-size:18px;font-style:normal;font-weight:400;line-height:28px;position:static;top:56px;left:12px}.action-btn-tentang-kardoos svg{flex:none;order:0;width:40px;height:40px;margin:8px 0;position:static;top:8px;left:42.5px}.dot-tentang-kardoos{position:relative;top:20px}.dipercayai-oleh{background:#fff;border-radius:20px;width:100%;height:250px;position:absolute;top:331px;left:0;box-shadow:0 -1px 6px -2px #0000000d,0 10px 15px -3px #0000001a}.dipercayai-oleh .nav{float:right;cursor:pointer;background:0 0;width:60px;height:60px;position:relative;top:-48px;right:10px}.dipercayai-oleh .nav-left{z-index:9;cursor:pointer;position:absolute;top:120px;left:0}.dipercayai-oleh .nav-left .lingkaran svg{transform:rotate(180deg)}.dipercayai-oleh .nav .lingkaran{box-sizing:border-box;background:#fff;border:1px solid #f4f4f58f;border-radius:50%;width:60px;height:60px;padding:32%;position:relative;top:0;left:0;box-shadow:0 4px 6px -2px #0000000d,0 10px 15px -3px #0000001a}.dipercayai-oleh .title{letter-spacing:.2px;color:#111;align-items:center;width:165px;height:19px;font-family:Inter;font-size:16px;font-style:normal;font-weight:700;line-height:19px;display:flex;position:relative;top:40px;left:32px}.dipercayai-oleh .frame{width:94%;height:60%;position:relative;top:60px;left:32px;overflow:hidden}.dipercayai-oleh .frame .list-img{flex-direction:row;align-items:flex-start;width:1644px;height:100%;padding:0;display:flex;position:absolute;top:0;left:0}.dipercayai-oleh .frame .list-img img{width:150px;position:static;top:0;left:1494px}.sec-story{height:700px}.story{flex-direction:column;align-items:flex-start;width:590px;height:330px;margin:0 auto;padding:0;display:flex;position:relative;top:200px;left:0}.story .judul{letter-spacing:.2px;color:#111;flex:none;order:1;align-items:center;width:700px;height:125px;margin:16px 0;font-family:Inter;font-size:36px;font-style:normal;font-weight:700;line-height:44px;display:flex;position:static;top:35px;left:0}.story .isi{letter-spacing:.2px;color:#111;flex:none;order:2;align-items:center;width:590px;height:103px;margin:16px 0;font-family:Inter;font-size:16px;font-style:normal;font-weight:400;line-height:26px;display:flex;position:static;top:227px;left:0}.story .about{flex-direction:row;flex:none;order:0;align-items:center;width:215px;height:19px;margin:16px 0;padding:0;display:flex;position:static;top:0;left:0}.story .about .line{border:2px solid #000;flex:none;order:0;width:85px;height:0;position:static;top:9.5px;left:0}.story .about .title{letter-spacing:.2px;color:#111;flex:none;order:1;align-items:center;width:auto;height:19px;margin:0 16px;font-family:Inter;font-size:16px;font-style:normal;font-weight:400;line-height:19px;display:flex;position:static;top:0;left:101px}.img-tentang-kardoos{width:1200px;height:546px;margin:0 auto;position:relative;top:0;left:0}.img-tentang-kardoos .gambar1{background:url(../media/gambar-home.2e722t71be0is.jpeg) 0 0/cover;border-radius:20px 0 0;width:794px;height:265px;position:relative;top:0;left:0}.img-tentang-kardoos .gambar2{float:right;background:url(../media/gambar-home.2e722t71be0is.jpeg) 0 0/cover;border-radius:0 20px 0 0;width:390px;height:265px;position:absolute;top:0;right:0}.img-tentang-kardoos .gambar3{float:right;background:url(../media/gambar-home.2e722t71be0is.jpeg) 0 0/cover;border-radius:0 0 20px;width:794px;height:265px;position:relative;top:15px;right:0}.img-tentang-kardoos .gambar4{background:url(../media/gambar-home.2e722t71be0is.jpeg) 0 0/contain;border-radius:0 0 0 20px;width:390px;height:265px;position:relative;top:15px;left:0}.nilai-kardoos{background:#d9ecee;width:100%;height:auto;position:relative;top:0;left:0}.nilai-kardoos .bg{background:conic-gradient(from 180deg,#eed9e900 -.58deg,#d9eee6 232.62deg,#eed9e900 359.42deg,#d9eee6 592.62deg);width:100%;height:auto;position:relative;top:0;left:0}.nilai-nilai{float:left;flex-direction:column;align-items:flex-start;width:388px;height:191px;padding:0;display:flex;position:relative;top:40px;left:0}.nilai-nilai .judul{letter-spacing:.2px;color:#111;flex:none;order:1;align-items:center;width:303px;height:88px;margin:16px 0;font-family:Inter;font-size:36px;font-style:normal;font-weight:700;line-height:44px;display:flex;position:static;top:35px;left:0}.nilai-nilai .isi{letter-spacing:.2px;color:#111;flex:none;order:2;align-items:center;width:388px;height:52px;margin:16px 0;font-family:Inter;font-size:16px;font-style:normal;font-weight:400;line-height:26px;display:flex;position:static;top:139px;left:0}.nilai-nilai .about{flex-direction:row;flex:none;order:0;align-items:center;width:215px;height:19px;margin:16px 0;padding:0;display:flex;position:static;top:0;left:0}.nilai-nilai .about .line{border:2px solid #000;flex:none;order:0;width:85px;height:0;position:static;top:9.5px;left:0}.nilai-nilai .about .title{letter-spacing:.2px;color:#111;flex:none;order:1;align-items:center;width:auto;height:19px;margin:0 16px;font-family:Inter;font-size:16px;font-style:normal;font-weight:400;line-height:19px;display:flex;position:static;top:0;left:101px}.nilai-nilai-group{float:right;background:0 0;width:641px;height:230px;position:absolute;top:40px;right:0}.nilai-nilai-group .item{float:left;width:287px;height:85px;margin:28px 0;position:relative;top:0;left:0}.nilai-nilai-group .item svg{float:left}.nilai-nilai-group .item .lingkaran{float:left;background:#f4f4f5;border-radius:50%;width:85px;height:85px;position:relative;top:0;left:0}.nilai-nilai-group .item label{letter-spacing:.2px;color:#111;float:inherit;align-items:center;width:170px;height:29px;font-family:Inter;font-size:18px;font-style:normal;font-weight:400;line-height:29px;display:flex;position:relative;top:31px;left:20px}.produk-layanan{text-align:center;letter-spacing:.2px;color:#111;align-items:center;width:fit-content;height:44px;margin:0 auto;font-family:Inter;font-size:36px;font-style:normal;font-weight:700;line-height:44px;display:flex;position:relative;top:0;left:0}.produk-grup{width:592px;height:262px;position:relative;top:100px;left:0}.group-kiri{float:left;left:100px}.group-kanan{float:right;right:100px;left:unset}.produk-grup .bg1{background:#fafafa;border-radius:10px;width:592px;height:262px;position:absolute;top:0;left:0;box-shadow:0 4px 6px -2px #0000000d,0 10px 15px -3px #0000001a}.produk-grup .bg2{background:linear-gradient(258.67deg,#d9ecee 13.05%,#d9ecee00 97.91%);border-radius:10px;width:592px;height:262px;position:absolute;top:0;left:0}.produk-grup .bg2 .judul{letter-spacing:.2px;color:#000;align-items:center;width:100%;height:29px;font-family:Inter;font-size:24px;font-style:normal;font-weight:700;line-height:29px;display:flex;position:relative;top:30px;left:30px}.produk-grup .bg2 .isi{letter-spacing:.2px;color:#000;width:90%;height:77px;font-family:Inter;font-size:16px;font-style:normal;font-weight:400;line-height:26px;position:relative;top:30px;left:30px}.produk-grup .bg2 .act-btn{text-align:center;letter-spacing:.1px;color:#fff;cursor:pointer;background:#04818e;border:none;border-radius:5px;flex-direction:row;justify-content:center;align-items:center;width:fit-content;height:36px;padding:8px 12px;font-family:Inter;font-size:14px;font-style:normal;font-weight:600;line-height:20px;display:flex;position:relative;top:40px;left:30px}@media only screen and (min-width:1300px) and (max-width:1440px){.sec-tentang-kardoos{width:1280px;height:535px;margin:0 auto;position:relative;top:100px;left:0}.sec-story{height:700px!important}.group-kiri{float:left;left:25px}.group-kanan{float:right;right:25px;left:unset}}@media only screen and (min-width:1040px) and (max-width:1299px){.sec-tentang-kardoos{width:1040px;height:535px;margin:0 auto;position:relative;top:100px;left:0}.sec-story{height:700px!important}.img-tentang-kardoos{width:1040px;height:546px;margin:0 auto;position:relative;top:0;left:0}.img-tentang-kardoos .gambar1,.img-tentang-kardoos .gambar3{width:637px;position:relative}.produk-grup{width:100%;height:289px;position:relative;top:100px;left:0!important}.produk-grup .bg1{background:#fafafa;border-radius:10px;width:592px;height:262px;margin-left:auto;margin-right:auto;position:absolute;top:-35px;left:0;right:0;box-shadow:0 4px 6px -2px #0000000d,0 10px 15px -3px #0000001a}}@media only screen and (min-width:761px) and (max-width:1039px){.sec-tentang-kardoos{width:790px;height:535px;margin:0 auto;position:relative;top:100px;left:0}.sec-story{height:700px!important}.img-tentang-kardoos{width:790px;height:546px;margin:0 auto;position:relative;top:0;left:0}.img-tentang-kardoos .gambar1{width:434px;position:relative}.img-tentang-kardoos .gambar2{width:340px;position:absolute}.img-tentang-kardoos .gambar3{width:434px;position:relative}.img-tentang-kardoos .gambar4{width:340px;position:relative}.nilai-kardoos .bg{background:conic-gradient(from 180deg,#eed9e900 -.58deg,#d9eee6 232.62deg,#eed9e900 359.42deg,#d9eee6 592.62deg);width:100%;height:560px;position:relative;top:0;left:0}.nilai-nilai{float:left;flex-direction:column;align-items:flex-start;width:100%;height:191px;padding:0;display:flex;position:relative;top:-52px;left:0}.nilai-nilai .judul{letter-spacing:.2px;color:#111;flex:none;order:1;align-items:center;width:auto;height:88px;margin:-10px 0;font-family:Inter;font-size:36px;font-style:normal;font-weight:700;line-height:44px;display:flex;position:static;top:35px;left:0}.nilai-nilai .isi{letter-spacing:.2px;color:#111;flex:none;order:2;align-items:center;width:auto;height:52px;margin:-13px 0;font-family:Inter;font-size:16px;font-style:normal;font-weight:400;line-height:26px;display:flex;position:static;top:139px;left:0}.nilai-nilai-group{float:right;background:0 0;width:641px;height:230px;margin-left:auto;margin-right:auto;position:absolute;top:131px;left:100px;right:0}.group-kiri{float:left;position:relative;top:65px;left:100px}}@media only screen and (max-width:760px){.sec-tentang-kardoos{width:90%;height:535px;margin:0 auto;position:relative;top:100px;left:0}.title-tentang-kardoos{width:119%;height:128px;position:relative;top:0;left:40px}.sec-story{top:-50px;height:700px!important}.title-tentang-kardoos .title{letter-spacing:.2px;color:#111;width:75%;height:128px;font-family:Inter;font-size:35px;font-style:normal;font-weight:700;line-height:45px;position:relative;top:80px}.dipercayai-oleh{background:#fff;border-radius:20px;width:100%;height:208px;position:absolute;top:331px;left:0;box-shadow:0 -1px 6px -2px #0000000d,0 10px 15px -3px #0000001a}.dipercayai-oleh .frame{width:90%;height:60%;position:relative;top:60px;left:32px;overflow:hidden}.dipercayai-oleh .frame .list-img{flex-direction:row;align-items:flex-start;width:90%;height:100%;padding:0;display:flex;position:absolute;top:0;left:0}.dipercayai-oleh .frame .list-img img{width:90px;position:static;top:0;left:1494px}.story{flex-direction:column;align-items:flex-start;width:95%;height:330px;margin:0 auto;padding:0;display:flex;position:relative;top:99px;left:0}.story .judul{letter-spacing:.2px;color:#111;flex:none;order:1;align-items:center;width:100%;height:176px;margin:16px 0;font-family:Inter;font-size:33px;font-style:normal;font-weight:700;line-height:44px;display:flex;position:static;top:35px;left:0}.story .isi{letter-spacing:.2px;color:#111;flex:none;order:2;align-items:center;width:95%;height:103px;margin:59px 0;font-family:Inter;font-size:16px;font-style:normal;font-weight:400;line-height:26px;display:flex;position:static;top:227px;left:0}.img-tentang-kardoos{width:95%;height:446px;margin:0 auto;position:relative;top:0;left:0}.img-tentang-kardoos .gambar1{width:60%;height:152px;position:relative}.img-tentang-kardoos .gambar2{width:38%;height:152px;position:absolute}.img-tentang-kardoos .gambar3{width:60%;height:152px;position:relative}.img-tentang-kardoos .gambar4{background-size:cover;width:38%;height:152px;position:relative}.nilai-nilai{float:left;flex-direction:column;align-items:flex-start;width:388px;height:191px;padding:0;display:flex;position:relative;top:-95px;left:0}.nilai-nilai .judul{width:90%}.nilai-nilai .isi{width:84%}.nilai-nilai-group{float:right;background:0 0;width:641px;height:230px;margin-left:auto;margin-right:auto;position:absolute;top:200px;left:0;right:0}.nilai-kardoos .bg{background:conic-gradient(from 180deg,#eed9e900 -.58deg,#d9eee6 232.62deg,#eed9e900 359.42deg,#d9eee6 592.62deg);width:100%;height:900px;position:relative;top:0;left:0}.nilai-nilai-group .item{float:left;width:100%;height:85px;margin:28px 0;position:relative;top:0;left:0}.nilai-kardoos{background:#d9ecee;width:100%;height:auto;position:relative;top:-150px;left:0}.produk-grup .bg1{background:#fafafa;border-radius:10px;width:100%;height:335px;position:absolute;top:0;left:0;box-shadow:0 4px 6px -2px #0000000d,0 10px 15px -3px #0000001a}.produk-grup .bg2{background:linear-gradient(258.67deg,#d9ecee 13.05%,#d9ecee00 97.91%);border-radius:10px;width:100%;height:335px;position:absolute;top:0;left:0}.produk-grup{width:100%;height:335px;margin-bottom:22px;position:relative;top:47px;left:0!important}.produk-layanan{top:-25px}.produk-grup .bg2 .act-btn{position:relative;top:75px}.produk-grup .bg2 .judul-depan{letter-spacing:.2px;color:#000;align-items:center;width:70%;height:68px;font-family:Inter;font-size:23px;font-style:normal;font-weight:700;line-height:29px;display:flex;position:relative;top:30px;left:30px}.produk-grup .bg2 .isi{letter-spacing:.2px;color:#000;width:85%;height:77px;font-family:Inter;font-size:16px;font-style:normal;font-weight:400;line-height:26px;position:relative;top:30px;left:30px}}
.frame-chat-list{width:100%;height:calc(100vh - 160px);margin:0 auto;position:relative}.frame-chat-list .left{border-right:1px solid #e2e8f0;flex-direction:column;align-items:flex-start;width:401px;height:475px;padding:0 0 2px;display:flex}.frame-chat-list .left .title{flex-direction:row;flex:none;order:0;align-items:center;width:399px;height:72px;margin:0;padding:16px;display:flex;position:static;top:24px;left:0}.frame-chat-list .left .title svg{cursor:pointer}.frame-chat-list .left .title label{letter-spacing:.2px;color:#000;flex:none;order:1;width:103px;height:30px;margin:0 16px;font-family:Inter;font-size:42px;font-style:normal;font-weight:700;line-height:160%;position:static;top:21px;left:72px}.frame-chat-list .left .search{flex-direction:row;flex:none;order:1;align-items:flex-start;width:404px;height:76px;margin:0;padding:16px;display:flex;position:static;top:96px;left:0}.frame-chat-list .left .search .filter-status{z-index:9999;background:#fff;border-radius:5px;flex-direction:column;align-items:flex-start;width:200px;height:auto;margin:0 16px;padding:8px 0;display:flex;position:absolute;top:166px;left:328px;box-shadow:0 0 1px #0006,0 2px 24px #0000001a}.frame-chat-list .left .search .filter-status .judul{flex-direction:row;flex:none;order:0;align-items:flex-start;width:200px;height:26px;margin:4px 0;padding:10px 16px 0;display:flex;position:static;top:8px;left:0}.frame-chat-list .left .search .filter-status .judul-status{flex-direction:row;flex:none;order:6;align-items:flex-start;width:200px;height:26px;margin:4px 0;padding:10px 16px 0;display:flex;position:static;top:258px;left:0}.frame-chat-list .left .search .filter-status .judul-status label{letter-spacing:.01em;text-transform:uppercase;color:#a1a1aa;flex:none;order:0;width:140px;height:16px;margin:0 10px;font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:16px;position:static;top:10px;left:16px}.frame-chat-list .left .search .filter-status .judul label{letter-spacing:.01em;text-transform:uppercase;color:#a1a1aa;flex:none;order:0;width:121px;height:16px;margin:0 10px;font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:16px;position:static;top:10px;left:16px}.frame-chat-list .left .search .filter-status .item-filter{cursor:pointer;background:#fff;flex-direction:row;flex:none;order:1;align-self:stretch;align-items:center;width:200px;height:40px;margin:4px 0;padding:10px 16px;display:flex;position:static;top:38px;left:0}.frame-chat-list .left .search .filter-status .judul-filter label{text-transform:uppercase;color:#a1a1aa!important;font-size:12px!important}.frame-chat-list .left .search .filter-status .item-filter label{color:#1f2937;cursor:pointer;flex:1 0 auto;order:0;width:140px;height:20px;margin:0 8px;font-family:Inter;font-size:14px;font-style:normal;font-weight:600;line-height:20px;position:static;top:10px;left:16px}.frame-chat-list .left .search .input{box-sizing:border-box;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;flex-direction:row;flex:none;order:0;justify-content:center;align-items:center;width:312px;height:44px;margin:0;padding:12px 8px 12px 12px;display:flex;position:static;bottom:16px;left:16px}.frame-chat-list .left .search .tune{box-sizing:border-box;cursor:pointer;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;flex-direction:row;flex:none;order:1;align-items:flex-start;width:44px;height:44px;margin:0 16px;padding:10px;display:flex;position:static;top:16px;left:344px}.frame-chat-list .left .search .tune img{cursor:pointer}.frame-chat-list .left .scroll{position:static}.frame-chat-list .left .scroll::-webkit-scrollbar{display:none}.frame-chat-list .left .scroll .frame{flex-direction:column;align-items:flex-start;width:400px;height:auto;padding:0;display:flex;position:relative;top:2px;left:0}.frame-chat-list .left .scroll .frame .list-item{cursor:pointer;z-index:0;flex-direction:column;flex:none;order:0;align-items:flex-start;width:400px;height:85px;margin:4px 0;padding:0;display:flex;position:static;top:0;left:0}.frame-chat-list .left .scroll .frame .list-item .notif{cursor:pointer;background:#fff;flex-direction:column;flex:none;order:0;align-items:flex-start;width:400px;height:auto;margin:0;padding:0 16px;display:flex;position:static;top:0;left:0}.frame-chat-list .left .scroll .frame .list-item .notif .active,.frame-chat-list .left .scroll .frame .list-item .notif:hover{cursor:pointer;background:#f1f5f9}.frame-chat-list .left .scroll .frame .list-item .notif .frame{cursor:pointer;border-radius:8px;flex-direction:row;flex:none;order:0;align-items:flex-start;width:368px;height:85px;margin:4px 0;padding:12px 0;display:flex;position:static;top:0;left:16px}.frame-chat-list .left .scroll .frame .list-item .notif .frame .avatar{cursor:pointer;border-radius:24px;flex-direction:row;flex:none;order:0;justify-content:center;align-items:center;width:48px;height:48px;margin:5px 16px;padding:1px;display:flex;position:static;top:12px;left:12px}.frame-chat-list .left .scroll .frame .list-item .notif .frame .isi{cursor:pointer;flex-direction:column;flex:none;order:1;align-items:flex-start;width:100%;max-width:260px;height:61px;margin:2px 0;padding:0;display:flex;position:static;top:12px;left:76px}.frame-chat-list .left .scroll .frame .list-item .notif .frame .isi .keterangan{color:#4b5563;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;flex:none;order:2;width:210px;height:18px;margin:4px 0;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:150%;position:static;top:43px;left:0;overflow:hidden}.frame-chat-list .left .scroll .frame .list-item .notif .frame .isi .title-item{cursor:pointer;flex-direction:column;flex:none;order:1;align-items:flex-start;width:268px;height:20px;margin:0 0 8px;padding:0;display:flex;position:static;top:19px;left:0}.frame-chat-list .left .scroll .frame .list-item .notif .frame .isi .title-item label{color:#111827;flex:none;order:0;width:245px;height:20px;margin:2px 0;font-family:Inter;font-size:14px;font-style:normal;font-weight:600;line-height:20px;position:static;top:0;left:0}.frame-chat-list .left .scroll .frame .list-item .notif .frame .isi .title label{color:#111827;cursor:pointer;flex:none;order:0;width:245px;height:20px;margin:0;font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:20px;position:static;top:0;left:0}.frame-chat-list .left .scroll .frame .list-item .notif .frame .isi .detail-order{cursor:pointer;flex-direction:row;flex:none;order:0;align-items:center;width:188px;height:19px;margin:0;padding:0;display:flex;position:static;top:0;left:0}.frame-chat-list .left .scroll .frame .list-item .notif .frame .isi .detail-order .order-id{color:#4b5563;cursor:pointer;flex:none;order:1;width:auto;height:15px;margin:0 4px;font-family:Inter;font-size:10px;font-style:normal;font-weight:400;line-height:150%;position:static;top:2px;left:81px}.frame-chat-list .left .scroll .frame .list-item .notif .frame .isi .detail-order .status{cursor:pointer;background:#ecfdf5;border-radius:5px;flex-direction:row;flex:none;order:0;align-items:center;width:77px;height:19px;margin:0;padding:2px 4px;display:flex;position:static;top:0;left:0}.frame-chat-list .left .scroll .frame .list-item .notif .frame .isi .detail-order .pesanan{cursor:pointer;background:#fefce8}.frame-chat-list .left .scroll .frame .list-item .notif .frame .isi .detail-order .pesanan label{cursor:pointer;color:#c2410c!important}.frame-chat-list .left .scroll .frame .list-item .notif .frame .isi .detail-order .status label{color:#4b5563;cursor:pointer;flex:none;order:1;width:53px;height:15px;margin:0 4px;font-family:Inter;font-size:10px;font-style:normal;font-weight:400;line-height:150%;position:static;top:2px;left:20px}.frame-chat-list .left .scroll .frame .list-item .notif .frame .isi .detail{cursor:pointer;flex-direction:row;flex:none;order:0;align-items:center;width:auto;height:15px;margin:0;padding:0;display:flex;position:static;top:0;left:0}.frame-chat-list .left .scroll .frame .list-item .notif .frame .isi .detail label{color:#4b5563;cursor:pointer;flex:none;order:0;width:auto;height:15px;margin:0;font-family:Inter;font-size:10px;font-style:normal;font-weight:400;line-height:150%;position:static;top:0;left:0}.frame-chat-list .left .scroll .frame .list-item .notif .frame .frame-waktu{cursor:pointer;flex-direction:column;flex:none;order:2;align-items:flex-end;width:27px;height:40px;margin:0;padding:0;display:flex;position:static;top:12px;left:329px}.frame-chat-list .left .scroll .frame .list-item .notif .frame .frame-waktu .menit{letter-spacing:-.2px;color:#6b7280;cursor:pointer;flex:none;order:0;width:50px;height:16px;margin:8px 0;font-family:Inter;font-size:11px;font-style:normal;font-weight:400;line-height:16px;position:static;top:0;left:0}.frame-chat-list .left .scroll .frame .list-item .notif .frame .frame-waktu .badge{cursor:pointer;background:#0d9488;border-radius:28px;flex-direction:row;flex:none;order:1;align-items:center;width:auto;height:16px;margin:0;padding:0 6px;display:flex;position:static;top:24px;left:8px}.frame-chat-list .left .scroll .frame .list-item .notif .frame .frame-waktu .badge label{letter-spacing:-.4px;color:#fff;cursor:pointer;flex:none;order:0;width:auto;height:16px;margin:0;font-family:Inter;font-size:11px;font-style:normal;font-weight:400;line-height:16px;position:static;top:0;left:6px}.frame-chat-list .side-area{width:88px;height:auto;position:absolute;top:0;right:0}.frame-chat-list .side-area .frame-open{cursor:pointer;background:#fff;flex-direction:row;align-items:center;width:88px;height:96px;padding:40px 24px 16px;display:flex;position:absolute;top:0;left:0}.frame-chat-list .side-area label{display:none}.frame-chat-list .side-area .frame-open svg{cursor:pointer}.frame-chat-list .side-area-open{background:#fff;width:400px;height:calc(100vh - 36px);position:absolute;top:0;right:0}.frame-chat-list .side-area-open .frame-open{background:#fff;flex-direction:row;align-items:center;width:400px;height:96px;padding:40px 24px 16px;display:flex;position:absolute;top:0;left:0}.frame-chat-list .side-area-open label{color:#000;flex:none;order:1;width:95px;height:23px;margin:0 16px;font-family:Inter;font-size:18px;font-style:normal;font-weight:700;line-height:125%;display:block;position:relative;top:46px;left:80px}.frame-chat-list .side-area-open .thumb{box-sizing:border-box;border:1px solid #e5e7eb;border-radius:8px;flex-direction:row;align-items:center;width:352px;height:112px;padding:16px;display:flex;position:absolute;top:120px;left:24px}.frame-chat-list .side-area-open .thumb img{border-radius:8px;flex:none;order:0;width:80px;height:80px;margin:0 16px;position:static;top:16px;left:16px}.frame-chat-list .side-area-open .frame{flex-direction:column;flex:none;order:1;align-items:flex-start;width:200px;height:auto;margin:0 16px;padding:0;display:flex;position:static;top:20px;left:112px}.frame-chat-list .side-area-open .frame .title{color:#000;flex:none;order:0;width:100%;height:fit-content;margin:8px 0;font-family:Inter;font-size:18px;font-style:normal;font-weight:700;line-height:22px;position:static;top:0;left:0}.frame-chat-list .side-area-open .frame .size{color:#374151;flex:none;order:1;width:169px;height:20px;margin:0;font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:20px;position:static;top:52px;left:0}.frame-chat-list .side-area-open .ingredients{box-sizing:border-box;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;align-items:center;width:352px;height:fit-content;padding:16px;display:flex;position:absolute;top:256px;left:24px}.frame-chat-list .side-area-open .ingredients .frame-item{flex-direction:column;flex:none;order:0;justify-content:center;align-self:stretch;align-items:flex-start;width:320px;height:-webkit-fill-available;margin:16px 0;padding:0;display:flex;position:static;top:16px;left:16px}.frame-chat-list .side-area-open .ingredients .frame-item .title{letter-spacing:.01em;text-transform:uppercase;color:#a1a1aa;flex:none;order:0;align-self:stretch;width:320px;height:16px;margin:4px 0;font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:16px;position:static;top:0;left:0}.frame-chat-list .side-area-open .ingredients .frame-item .item{color:#374151;flex:none;order:1;align-self:stretch;width:320px;height:20px;margin:4px 0;font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:20px;position:static;top:20px;left:0}.frame-chat-list .side-area-open .action{box-sizing:border-box;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;align-items:flex-start;width:352px;height:auto;padding:16px;display:flex;position:relative;top:533px;left:24px}.frame-chat-list .side-area-open .action .judul{flex-direction:column;flex:none;order:0;align-items:flex-start;width:315px;height:24px;margin:0;padding:0;display:flex;position:relative;top:-10px;left:16px}.frame-chat-list .side-area-open .action .judul div{flex-direction:column;flex:none;order:0;justify-content:center;align-items:flex-start;width:280px;height:24px;margin:16px 0;padding:0;display:flex;position:static;top:0;left:0}.frame-chat-list .side-area-open .action .judul div label{color:#27272a;flex:none;order:0;align-self:stretch;width:280px;height:24px;margin:4px 0;font-family:Inter;font-size:18px;font-style:normal;font-weight:600;line-height:24px;position:static;top:0;left:0}.frame-chat-list .side-area-open .action .detail{flex-direction:row;flex:none;order:1;align-items:flex-start;width:318px;height:81px;margin:18px 0;padding:0;display:flex;position:static;top:64px;left:16px}.frame-chat-list .side-area-open .action .detail .preview{background:#fff;border:1px solid #d4d4d8;border-radius:5px;flex:none;order:0;width:94px;height:81px;margin:0 16px;position:static;top:0;left:0}.frame-chat-list .side-area-open .action .detail .preview iframe{border:none;width:100%;height:100%}.frame-chat-list .side-area-open .action .detail .frame{flex-direction:column;flex:none;order:1;align-items:flex-start;width:208px;height:68px;margin:0;padding:0;display:flex;position:static;top:0;left:110px}.frame-chat-list .side-area-open .action .detail .frame .keterangan{color:#a1a1aa;flex:none;order:0;width:208px;height:40px;margin:8px 0;font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:20px;position:static;top:0;left:0}.frame-chat-list .side-area-open .action .detail .frame .link{color:#04818e;flex:none;order:1;width:208px;height:20px;margin:8px 0;font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;position:static;top:48px;left:0}.frame-chat-list .side-area-open .action .action-button{flex-direction:row;flex:none;order:2;align-items:flex-start;width:320px;height:40px;margin:0;padding:0;display:flex;position:static;top:169px;left:16px}.frame-chat-list .side-area-open .action .action-button .reject{color:#ef4444;background:#fee2e2;border:none;border-radius:5px;flex-direction:row;flex:none;order:0;justify-content:center;align-items:center;width:142px;height:40px;margin:0 6px;padding:8px 12px;font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:20px;display:flex;position:static;top:0;left:0}.frame-chat-list .side-area-open .action .action-button .approve{color:#fff;background:#04818e;border:none;border-radius:5px;flex-direction:row;flex:none;order:1;justify-content:center;align-items:center;width:162px;height:40px;margin:0;padding:8px 12px;font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:20px;display:flex;position:static;top:0;left:158px}.frame-chat-list .side-area-open .action .items{width:100%}.frame-chat-list .side-area-open .action .items .header{clear:both;letter-spacing:.01em;text-transform:uppercase;color:#a1a1aa;flex:none;order:0;align-self:stretch;width:auto;height:16px;margin:4px 0;font-size:12px;font-style:normal;font-weight:600;line-height:16px;position:static;top:0;left:0}.frame-chat-list .side-area-open .action .items .info{clear:both;color:#27272a;flex:none;order:1;align-self:stretch;width:auto;height:24px;margin:4px 0;font-size:18px;font-style:normal;font-weight:600;line-height:24px;position:static;top:20px;left:0}.frame-chat-list .side-area-open .action .frame-button{width:96%;margin:10px -2px}.frame-chat-list .chat-area{width:100%;height:100%}.frame-chat-list .chat-area .info-data{z-index:99;background:#ffffff4d;align-items:center;padding:16px 24px}.frame-chat-list .chat-area .info-data .info{flex-direction:column;flex:none;order:1;align-items:flex-start;width:fit-content;margin:0 16px;padding:0;display:flex;position:static;left:72px}.frame-chat-list .chat-area .info-data .info .info-name{color:#000;flex:none;order:0;width:fit-content;margin:0 0 8px;font-family:Inter;font-size:21px;font-style:normal;font-weight:700;line-height:125%;position:static;top:0;left:0}.frame-chat-list .chat-area .info-data .info .info-detail{color:#0d9488;flex:none;order:1;width:fit-content;height:15px;margin:0;font-family:Inter;font-size:16px;font-style:normal;font-weight:400;line-height:150%;position:static;top:18px;left:0}.frame-chat-list .chat-area .info-data .photo{flex:none;order:0;width:72px;height:72px;margin:0 16px;position:static;top:16px;left:16px}.set-chat-area-size{width:calc(100vw - 818px)}.set-chat-area-size div div .client-chat-left .area .chat-input{width:94%!important;bottom:40px!important}.frame-chat-list .chat-area div div .client-chat-left{background-image:url(/images/pattern-chat-bg.svg);width:100%;max-height:475px;overflow-y:scroll}.frame-chat-list .chat-area div div .client-chat-left .area .area-chat{-ms-overflow-style:none!important;scrollbar-width:none!important}.frame-chat-list .chat-area div div .client-chat-left .area .area-chat::-webkit-scrollbar{display:none}.frame-chat-list .chat-area div div .client-chat-left .area .area-chat .convos{top:90px!important}.btn-pay-invoice-sisa-chat-list{cursor:pointer;color:#04818e;background:#d9ecee;border:none;border-radius:5px;flex-direction:row;flex:none;order:0;justify-content:center;align-items:center;width:100%;height:40px;margin:0 3%;padding:8px 12px;font-size:12px;display:flex;position:static;top:0;left:0}.btn-approve-quotation-chat-list{cursor:pointer;color:#d9ecee;background:#04818e;border:none;border-radius:5px;flex-direction:row;flex:none;order:0;justify-content:center;align-items:center;width:100%;height:40px;margin:7px 3%;padding:8px 12px;font-size:12px;display:flex;position:static;top:0;left:0}.frame-chat-list{-ms-overflow-style:none;scrollbar-width:none}.frame-chat-list::-webkit-scrollbar{display:none}.loader-chat-oppen{z-index:9;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media only screen and (max-width:500px){.client-chat-left{height:auto;max-height:none!important;overflow-y:none!important}.client-chat-left .area-chat{width:100%;overflow-y:none;overflow-x:hidden;max-height:none!important}.client-chat-left .area{height:71vh;padding:10px;left:8px}.client-chat-left .area-chat .convos{height:100%;max-height:none!important}.client-chat-right{height:100vh}.client-chat-left .area .chat-input{width:90%;position:fixed!important}.client-chat-left .area-chat .convos .item-chat-list .guts{width:80%}.client-chat-left .area-chat .convos .item-chat-list{width:85%}}