:root{--bs-primary:#19d95c!important;--bs-border:hsla(0,0%,100%,.15)!important;--bs-border-width:1px;--bs-second:#8a8f93!important}body{background:#0e141a;background-size:cover}.card-bg{border-radius:15px;background:#19222b!important;border:1px solid #232138}.card-bg,.card-overlay-bg{transition:all .4s;position:relative;z-index:9}.card-overlay-bg{border-radius:50rem!important;background:rgba(49,49,54,.749)!important;border:1px solid #232138}.text-utama{color:var(--bs-primary)!important}.color-utama{background-color:var(--bs-primary)!important}.text-second{color:#8a8f93!important}.text-gradiasi{background:linear-gradient(90deg,#19d95c,#fff);-webkit-background-clip:text;background-clip:text;color:transparent}.avatar-profile{width:150px;height:150px;object-fit:cover;border-radius:15%!important;@media screen and (max-width:568px){width:45px;height:45px}}.text-utama{color:var(--bs-primary)}.avatar-skill{width:40px!important;height:40px!important;aspect-ratio:1/1;object-fit:cover}.avatar-skill,.avatar-skill:hover{filter:grayscale(0)}.banner-small{aspect-ratio:16/9;border-radius:10px}.banner-small,.object-cover{object-fit:cover}.btn-primary{background-color:var(--bs-primary)!important}.btn-outline-primary,.btn-primary{border-color:var(--bs-primary)!important;color:#fff}.btn-outline-primary{background-color:transparent!important}.btn-outline-primary:hover{background-color:var(--bs-primary)!important;color:#fff!important}.border-primary{border-color:var(--bs-primary)!important;color:var(--bs-primary)!important}.btn-icon{--bs-btn-active-border-color:transparent;padding:0;width:calc(2.309375rem + calc(var(--bs-border-width) * 2))!important;height:calc(2.309375rem + calc(var(--bs-border-width) * 2))!important;aspect-ratio:1/1!important;display:inline-flex;flex-shrink:0;justify-content:center;align-items:center}.btn-group-xl>.btn-icon.btn,.btn-icon.btn-xl{width:calc(3.625rem + calc(var(--bs-border-width) * 2));height:calc(3.625rem + calc(var(--bs-border-width) * 2))}.btn-group-xl>.btn-icon.btn>span,.btn-icon.btn-xl>span{font-size:1.25rem}.btn-group-lg>.btn-icon.btn,.btn-icon.btn-lg{width:calc(3rem + calc(var(--bs-border-width) * 2));height:calc(3rem + calc(var(--bs-border-width) * 2));font-size:1rem}.btn-group-sm>.btn-icon.btn,.btn-icon.btn-sm{width:calc(1.625rem + calc(var(--bs-border-width) * 2));height:calc(1.625rem + calc(var(--bs-border-width) * 2));font-size:.75rem}.btn-group-xs>.btn-icon.btn,.btn-icon.btn-xs{width:calc(1.125rem + calc(var(--bs-border-width) * 2));height:calc(1.125rem + calc(var(--bs-border-width) * 2));font-size:.75rem}.avatar{position:relative;width:2.375rem;height:2.375rem;cursor:pointer}.avatar img{width:100%;height:100%}.avatar .avatar-initial{position:absolute;top:0;left:0;right:0;bottom:0;text-transform:uppercase;display:flex;align-items:center;justify-content:center;color:#fff;background-color:#8592a3;font-weight:500}.hw-card{padding:25px;background-color:rgba(38,37,77,.7);margin-bottom:25px}.card-glass{border:1px solid var(--bs-border);border-radius:10px}.border-glass,.card-glass{box-shadow:0 5px 20px rgba(0,0,0,.25)}.border-glass{border:1px solid var(--bs-border)}.btn-tag{border:1px solid var(--bs-border)}.btn-tag,.btn-tag-active{border-radius:7px!important;padding:7px 6px!important}.btn-tag-active{background-color:var(--bs-primary)!important;color:#050023!important}.awards-image,.certificate-image{object-fit:cover!important;border-radius:15px}.awards-image{height:100%!important}.profile-list{@media screen and (max-width:568px){display:none!important}}.awards-image-box{object-fit:cover!important;border-radius:15px;aspect-ratio:1/1}.btn-tag-detail{border:1px solid var(--bs-border);border-radius:7px!important;padding:2px 7px}.btn-border{border:1px solid var(--bs-border)!important}.color-border{color:var(--bs-border)!important}.card-border,.card-sosmed{border:1px solid var(--bs-border);border-radius:10px;box-shadow:0 5px 20px rgba(0,0,0,.25)}.card-sosmed{aspect-ratio:1/1;color:var(--bs-primary)}.card-sosmed-mini,.card-sosmed:hover{color:#fff!important}.card-sosmed-mini{border:1px solid var(--bs-border);border-radius:9px;width:28px;height:28px;box-shadow:0 5px 20px rgba(0,0,0,.25)}.card-sosmed-mini:hover{color:var(--bs-primary)!important}.banner-image{border-radius:10px;width:130px;height:130px;object-fit:cover}.detail-porto-image{border-radius:10px!important;height:auto!important;aspect-ratio:auto!important;width:100%!important;object-fit:cover!important}.cover-blog{aspect-ratio:1/1}.cover-awards,.cover-blog{border-top-left-radius:20px;border-top-right-radius:20px;width:auto;object-fit:cover}.cover-awards{height:150px;aspect-ratio:16/9}.cover-certificate{height:150px}.cover-certificate,.cover-image{border-radius:15px;width:auto;aspect-ratio:16/9;object-fit:cover}.cover-image{height:170px}.cover-ava{width:auto;border-radius:8px}.cover-ava,.cover-skill-mini{aspect-ratio:1/1;object-fit:cover}.cover-skill-mini{width:15px;height:15px;border-radius:3px}.cover-ava-awards{aspect-ratio:1/1!important;object-fit:cover!important;border-radius:100%!important;height:64px!important;width:64px!important;position:absolute!important;top:-39px!important;left:50%!important;transform:translateX(-50%)!important;border:7px solid #19222b!important;box-sizing:border-box!important}.aspect-ratio-1-1{aspect-ratio:1/1}.card-porto{border-radius:20px}.overflow-hide::-webkit-scrollbar{display:none}.overlay-software{top:75%}.border-transparent{border-color:transparent!important}.border-utama{border-color:var(--bs-primary)!important}.btn-open-certificate{border:1px solid var(--bs-border)!important;color:#fff!important;border-radius:10px}.btn-open-certificate:hover{border-color:var(--bs-primary)!important;background-color:var(--bs-primary)!important;color:#fff!important;border-radius:10px}.overlay-visit{top:43%;color:#fff}.btn-visit{display:none;transform:scale(1)}.btn-visit,.btn-visit:hover{transition:transform .3s ease}.btn-visit:hover{transform:scale(1.2);display:block}.img-porto:hover+.overlay-visit .btn-visit{display:block}.text-link{color:#fff!important}.text-link:hover{color:var(--bs-primary)!important}.logo-amikom{color:#fff!important}.logo-amikom:hover{filter:contrast(.5)}.card-year-campus{color:var(--bs-primary)!important;border:1px solid var(--bs-primary)!important;border-radius:5px!important}.card-year-campus,.card-year-volunteer{background-color:transparent!important;padding-left:5px;padding-right:5px}.card-year-volunteer{color:var(--bs-second)!important;border:1px solid var(--bs-border)!important;border-radius:5px!important}.btn-utama{background-color:var(--bs-primary)!important;border-color:var(--bs-primary)!important;color:#fff!important}.btn-outline-utama{background-color:transparent!important}.btn-outline-utama,.btn-outline-utama:hover{border-color:var(--bs-border)!important;color:#fff!important}.btn-outline-utama:hover{background-color:var(--bs-primary)!important}@media screen and (min-width:993px) and (max-width:2000px){.desktop{display:block!important}.bar,.mobile{display:none!important}}@media screen and (min-width:0px) and (max-width:992px){.desktop{display:none!important}.mobile{display:block!important}.card-sosmed-mini{border:1px solid var(--bs-border);border-radius:7px;width:22px;height:22px;color:#fff!important;box-shadow:0 5px 20px rgba(0,0,0,.25)}.bar{display:block;position:fixed;bottom:5%;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.bottom-space{margin-bottom:60px!important}}.road-map{box-sizing:border-box;width:100%;max-width:850px;margin:0 auto;&:after,&:before{content:" ";display:table}&:after{clear:both}.road-map-wrapper{padding:0 27.5px;.timeline-row{position:relative;&:nth-of-type(odd){&:before{left:10%;width:75%;height:0;border-bottom:2px dashed var(--bs-border);@media screen and (max-width:847px){display:none!important}}&:after,&:before{position:absolute;top:70px;content:""}&:after{right:-10px;width:17%;height:calc(100% + 97px);border:2px dashed var(--bs-border);border-left:0;border-radius:20px;border-top-left-radius:0;border-bottom-left-radius:0;@media screen and (max-width:847px){display:none!important}}&:last-child{&:after{display:none}&:before{width:82%}}}&:nth-of-type(2n){&:before{left:13%;width:73%;height:0;border-bottom:2px dashed var(--bs-border);@media screen and (max-width:847px){display:none!important}}&:after,&:before{position:absolute;top:70px;content:""}&:after{left:0;width:13%;height:calc(100% + 97px);border:2px dashed var(--bs-border);border-right:0;border-radius:20px;border-top-right-radius:0;border-bottom-right-radius:0}&:last-child{&:after{display:none}}.timeline-items{justify-content:space-around;flex-direction:row-reverse;.item{&:first-child{margin-left:57.5px}&:last-child{margin-right:57.5px}}}}&:not(:last-child){margin-bottom:95px}.timeline-items{display:flex;justify-content:space-between;flex-wrap:nowrap;.item{.timeline-item{&.timeline-not-done{.timeline-date{.date{&:before{background-color:#050023;border:2px solid rgba(111,111,147,.5)}&:after,&:before{box-sizing:border-box}&:after{content:"";width:20px;height:20px;border-radius:50%;bottom:-53px;margin-left:-13.5px}}}}.timeline-date{text-align:center;margin-bottom:80px;.date{font-weight:500;font-size:20px;line-height:30px;text-align:center;position:relative;border-bottom:2px solid var(--primary);&:after{position:absolute;z-index:1;content:"\f00c";color:#fff;background-color:var(--bs-primary);font-family:Font Awesome\ 5 Free;font-weight:900;left:50%;bottom:-54px;margin-left:-10.5px}.date-before{display:block;margin:0 auto;width:92px;height:2px;background-color:var(--primary)}}}.timeline-info{text-align:center;background-color:transparent;padding:14px 17px 16px;display:inline-block;border:1px solid var(--bs-border);border-radius:10px;box-shadow:0 5px 20px rgba(0,0,0,.25);.timeline-title{font-weight:600;font-size:16px;line-height:27px;color:#fff;margin-top:0;margin-bottom:0}.timeline-content{li{padding:0;font-size:14px;line-height:21px;color:hsla(0,0%,88%,.95)}}.timeline-content{list-style:none;margin:0;padding:0}}}}}}@media screen and (max-width:1024px){padding-left:0;padding-bottom:0;padding-right:0;padding-top:0}}@media screen and (max-width:986px){max-width:700px}@media screen and (max-width:840px){.road-map-wrapper{.timeline-row{&:after,&:before{display:none}&:not(:last-child){margin:0}&:nth-of-type(2n){.timeline-items{.item{&:first-child,&:last-child{margin:0}}}}.timeline-items{display:block;justify-content:unset;flex-wrap:unset;.item{.timeline-item{position:relative;&.timeline-not-done{.timeline-date{.date{&:after{bottom:-28.5px}}}}&:before{position:absolute;top:0;left:20px;height:100%;content:"";border-left:2px dashed var(--bs-border)}.timeline-date{text-align:left;margin-bottom:41px;position:relative;&:before{position:absolute;bottom:-16px;left:20px;width:260px;content:"";border-bottom:2px dashed var(--bs-border);@media screen and (max-width:375px){width:225px}@media screen and (max-width:335px){width:213px}@media screen and (max-width:280px){width:177px}}.date{margin-left:100px;&:before{left:-80px;bottom:-36px}&:after{left:-80px;bottom:-32px}@media screen and (max-width:375px){margin-left:60px;&:after,&:before{left:-50px}}@media screen and (max-width:335px){margin-left:50px;&:after,&:before{left:-40px}}.date-before{display:none}}}.timeline-info{margin-left:100px;margin-bottom:60px;@media screen and (max-width:375px){margin-left:60px}@media screen and (max-width:335px){margin-left:50px}@media screen and (max-width:280px){margin-left:45px}}}}}}}}}.btn-group-xs>.btn,.btn-xs{padding:.25rem .4rem;font-size:.875rem;line-height:.5;border-radius:.2rem}.loader,.loader:after,.loader:before{border-radius:50%;width:2.5em;height:2.5em;animation-fill-mode:both;animation:bblFadInOut 1.8s ease-in-out infinite}.loader{color:#fff;font-size:4px;position:relative;text-indent:-9999em;transform:translateZ(0);animation-delay:-.16s}.loader:after,.loader:before{content:"";position:absolute;top:0}.loader:before{left:-3.5em;animation-delay:-.32s}.loader:after{left:3.5em}@keyframes bblFadInOut{0%,80%,to{box-shadow:0 2.5em 0 -1.3em}40%{box-shadow:0 2.5em 0 0}}.skill-img{height:40px!important;width:40px!important;border-radius:5px!important;transition:all .3s ease}.skill-img:hover{height:45px!important;width:45px!important;border-radius:10px!important}.img-software{height:15px!important;width:15px!important;border-radius:3px!important}.img-software:hover{border-radius:15px!important}.img-tools{height:40px!important;width:40px!important;border-radius:10px!important;transition:all .3s ease}.img-tools:hover{height:45px!important;width:45px!important;border-radius:15px!important}.btn:active,.btn:focus{outline:none!important;box-shadow:none}