:root{--dark-white:#000;--white-dark:#fff;--background-color:#f6f6f6;--text-color-primary:#222831;--text-color-secondary:#222831;--text-color-secondary-mobile:#222831;--text-color-secondary-notfocus:#5d5f63;--text-orange-green:#ff9442;--text-grey:#6b6b6b;--text-grey-2:#6b6b6b;--sidebar-line:#ccc;--button-outline-background:#222831;--button-solid-background:#222831;--button-solid-background-2:#fff;--button-solid-background-3:#222831;--button-outline-hover-bg:#222831;--button-text:#fff;--button-text-2:#222831;--button-text-3:#eee;--scroll-color:#222831;--input-outline-color:#0072ff;--white-black2:#fff}[data-theme=darkMode]{--dark-white:#fff;--white-dark:#000;--background-color:#000;--text-color-primary:#eee;--text-color-secondary:#4ecca3;--text-color-secondary-mobile:#23866b;--text-color-secondary-notfocus:#2ba57d;--text-orange-green:#4ecca3;--text-grey:#eee;--text-grey-2:#ccc;--sidebar-line:#2ba57d;--button-outline-background:#4ecca3;--button-solid-background:#23866b;--button-solid-background-2:#23866b;--button-solid-background-3:#23866b;--button-outline-hover-bg:#23866b;--button-text:#fff;--button-text-2:#fff;--button-text-3:#eee;--scroll-color:#23866b;--input-outline-color:#4ecca3;--white-black2:#202020}.mobile-home-portofolio__content{font-family:Lato,sans-serif;font-weight:300;margin:70px 30px 30px;position:relative;z-index:10}.mobile-home-portofolio__content .subtitle{font-weight:600;color:var(--text-orange-green);font-size:.75rem;text-transform:uppercase;text-align:center;margin-bottom:8px}.mobile-home-portofolio__content .title{color:var(--text-color-primary);font-weight:700;font-size:1.5rem;margin:4px 0 15px;text-align:center}.mobile-home-portofolio__content .main-carousel{margin-top:15px;transition:height .3s ease-in-out}.mobile-home-portofolio__content .main-card-list{outline:0}.mobile-home-portofolio__content .main-card-list .--left{display:flex;align-items:center;flex-direction:column}.mobile-home-portofolio__content .main-card-list .--left .card-image{border-radius:6px 6px 0 0;width:95%}.mobile-home-portofolio__content .main-card-list .--left .info-label{display:flex;width:95%;align-items:center;font-size:.8125rem;font-weight:600;padding:8px 12px;border-radius:0 0 6px 6px;background:var(--dark-white);color:var(--white-dark)}.mobile-home-portofolio__content .main-card-list .--left .info-label:before{content:"\ea0c";font-family:icomoon;font-size:.9375rem;margin-right:8px}.mobile-home-portofolio__content .main-card-list .--right{margin:30px 10px 0}.mobile-home-portofolio__content .main-card-list .--right .card-title{color:var(--text-color-primary);font-size:1.25rem}.mobile-home-portofolio__content .main-card-list .--right .card-subtitle{text-align:justify;line-height:1.6;color:var(--text-grey);font-weight:500;font-size:.875rem;margin:15px 0 0}.mobile-home-portofolio__content .main-card-list .--right .button-list{display:flex;align-items:center;margin-top:10px}.mobile-home-portofolio__content .main-card-list .--right .button{display:inline-flex;justify-content:center;align-items:center;padding:10px;margin-right:10px;background:var(--button-solid-background-3);color:var(--button-text-3);border-radius:4px;font-weight:600;font-size:.75rem;cursor:pointer;outline:0;border:0;text-decoration:none}.mobile-home-portofolio__content .main-card-list .--right .button i{margin-left:5px;font-size:.875rem;margin-top:-1px}.mobile-home-portofolio__content .main-card-list .tools-section{margin-top:25px;text-align:left}.mobile-home-portofolio__content .main-card-list .tools-section .tools-title{margin-bottom:8px;color:var(--text-grey);font-weight:500;font-size:.875rem;display:flex;align-items:center}.mobile-home-portofolio__content .main-card-list .tools-section .tools-title:before{font-family:icomoon;content:"\e90c";font-size:.875rem;margin-right:8px}.mobile-home-portofolio__content .main-card-list .tools-section .tools-lists{display:flex;align-items:center;flex-wrap:wrap}.mobile-home-portofolio__content .main-card-list .tools-section .tool-text{padding:5px 8px;border-radius:4px;margin:4px;font-size:.6875rem;font-weight:600;background-color:var(--button-solid-background-3);color:var(--button-text-3)}.mobile-home-portofolio__content .portofolio-list-carousel__wrapper{display:flex;align-items:center}.mobile-home-portofolio__content .portofolio-list-carousel__wrapper .portofolio-list-carousel{width:80%}.mobile-home-portofolio__content .portofolio-list-carousel__wrapper .icon-wrapper{width:10%;display:flex;justify-content:center}.mobile-home-portofolio__content .portofolio-list-carousel__wrapper .icon-wrapper .carousel-arrow{padding:10px;color:var(--button-text);background:var(--button-solid-background);transition:background .2s,color .2s;border-radius:4px;margin:10px 0;cursor:pointer}.mobile-home-portofolio__content .company-card-list{display:flex!important;align-items:center;flex-direction:column;outline:0}.mobile-home-portofolio__content .company-card-list .card-list{height:70px;width:80px;margin:0 5px}.mobile-home-portofolio__content .company-card-list .card-image{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.mobile-home-portofolio__content .slick-track{transition:transform .5s ease-in-out}.mobile-home-portofolio__content .slick-dots{bottom:-40px}.mobile-home-portofolio__content .slick-dots li.slick-active button:before,.mobile-home-portofolio__content .slick-dots li button:before{color:var(--dark-white)}@media screen and (max-width:375px){.mobile-home-portofolio__content{margin:50px 15px 30px}.mobile-home-portofolio__content .main-card-list .--right i{display:none}.mobile-home-portofolio__content .portofolio-list-carousel__wrapper .carousel-arrow{padding:8px;font-size:.875rem}}@media screen and (min-width:500px) and (max-width:600px){.mobile-home-portofolio__content .company-card-list .card-list{height:80px;width:100px}}@media screen and (min-width:600px) and (max-width:1024px){.mobile-home-portofolio__content{max-width:650px;margin:50px auto;width:90%}.mobile-home-portofolio__content .title{font-size:1.625rem!important}.mobile-home-portofolio__content .subtitle{font-size:.8125rem!important}}