@import url(https://fonts.googleapis.com/css2?family=Mulish&family=Work+Sans&display=swap);@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap);.light{--mainColor:#64bcf4;--hoverColor:#5bacdf;--backgroundColor:#FFF;--darkOne:#19191B;--darkTwo:#696871;--lightOne:#7e7e7e;--lightTwo:#aaa;--colorblue:#0399CE;--accorDion:#0399CE;--footer:#aaa;--infoblue:#14B5E6;--ourservice:#F6F7FA;--namaclien:#034D82;--backlayanankami:linear-gradient(97.08deg,#14B5E6 2.94%,#57CBEF 104.53%)}.dark{--mainColor:#64bcf4;--hoverColor:#5bacdf;--backgroundColor:#192e3a;--darkOne:#f3f3f3;--darkTwo:#fff;--lightOne:#ccc;--lightTwo:#e7e3e3;--colorblue:#fff;--accorDion:#192e3a;--footer:#192e3a;--infoblue:#fff;--ourservice:#192e3a;--namaclien:#f3f3f3;--backlayanankami:#192e3a}*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.navbar{font-family:'Poppins';font-size:17px}.navbar.scrolled{background-color:var(--backgroundColor)!important;transition:background-color 200ms linear}.navbar.scrolled2{background:#fff;box-shadow:0 1px 10px 0}.scrolled2 .navbar-nav .nav-link{color:#000}.btn-startted{background:#FFA16A;border-radius:5px;color:#fff;font-family:'Poppins';width:140px;height:42px}.bigest-title{color:var(--darkOne);font-family:'Poppins';font-weight:700;font-size:54px}.title-tag1{font-family:'Mulish';color:var(--darkTwo);text-align:justify;font-size:19px}.title-2{color:var(--darkOne);font-family:'Poppins';font-weight:600;font-size:40px}.info-blue{font-family:'Poppins';font-weight:600;font-size:48px;color:var(--infoblue)}.info-text{font-family:'Mulish';color:var(--darkTwo);line-height:35px;font-size:19px;text-align:justify}.big-title{font-family:'Poppins';color:var(--darkOne);font-weight:600;font-size:50px}.list-layanan{font-family:'Mulish';color:var(--darkTwo);font-size:21px;line-height:32px}.title-service{font-family:'Poppins';color:var(--darkOne);font-weight:600;font-size:24px}.nama-clien{font-family:'DM Sans';color:var(--namaclien);font-size:20px}.jabatan-clien{font-family:'DM Sans';color:var(--darkOne);font-weight:200}.kata-clien{font-family:'Mulish';color:var(--darkTwo);text-align:justify}.big-layanan{font-family:'Poppins';color:#FFF;font-weight:600;font-size:50px}.header-detail-porto{background:var(--backlayanankami);padding:3%;height:550px;width:100%}.timeline-deatil-porto{background-color:var(--ourservice);padding:4%}.height-detail-porto{height:150px}.detail-tag-porto{font-family:'Mulish';font-size:48px;font-weight:600}.detail-subtitle-porto{font-family:'Mulish';font-size:18px;font-weight:400}.img-detail-porto{max-width:400px}.big-title-porto{font-family:'work-sans';color:var(--darkOne);font-weight:600;font-size:40px}.detail-nama-porto{font-family:'Inter';font-size:24px;font-weight:600}.detail-des-porto{font-family:'Inter';font-size:16px;font-weight:400}.height{margin-top:130px}.btn-star-2{color:#fff;background-color:#14B5E6;width:260px;height:60px;font-size:18px;padding:15px 32px;text-align:center;text-decoration:none;display:inline-block;font-family:"Poppins"}.our-service{background-color:var(--ourservice);padding:2%}.card-ourservice{background-color:var(--backgroundColor);min-height:370px}.layanan-kami{background:var(--backlayanankami);padding:3%}.dropdown-menu{background-color:var(--backgroundColor)}.footer{background-color:var(--backgroundColor);}.slick-slide{margin:0 20px}.table td{padding:0 15px 15px 0px!important;border-top:0!important}a{text-decoration:none}.big-wrapper{position:absolute;width:100%;min-height:100%;background-color:var(--backgroundColor);flex-direction:column}.overlay{display:none}.copy{position:absolute;top:0;left:0;z-index:100;animation:appear 1s 1 both}.konsultasi{background-color:var(--accorDion);color:var(--darkOne)}.btn-acordion{padding:2%;font-size:30px}.navbar h3{color:var(--darkTwo);font-size:1.55rem;line-height:1.2;font-weight:700}.navbar-nav a{color:var(--darkOne);display:inline-block;transition:0.3s}.navbar-nav a:hover{color:var(--hoverColor);transform:scale(1.05)}.button-style{display:inline-block;padding:.9rem 1.9rem;color:#fff!important;background-color:var(--mainColor);border-radius:16px;text-transform:capitalize;transition:0.3s}.button-style:hover{background-color:var(--hoverColor);transform:scale(1)!important}.text{color:var(--darkOne)}.toggle-btn{display:inline-block;border:none;background:var(--darkTwo);color:var(--backgroundColor);outline:none;cursor:pointer;height:39px;width:39px;border-radius:50%;font-size:1.1rem;transition:0.3s}.toggle-btn i{line-height:39px}.toggle-btn:hover{background:var(--mainColor)}.big-wrapper.light .toggle-btn i:last-child{display:none}.big-wrapper.light .toggle-btn i:first-child{display:block}.big-wrapper.dark .toggle-btn i:last-child{display:block}.big-wrapper.dark .toggle-btn i:first-child{display:none}@keyframes appear{0%{clip-path:circle(30% at -25% -25%)}100%{clip-path:circle(150% at 0 0)}}@media screen and (max-width:870px){.overlay{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);opacity:0;pointer-events:none;transition:0.5s}.big-wrapper.active .overlay{pointer-events:all;opacity:1}.text{font-size:.95rem;margin:1.2rem 0 1.5rem}.person{width:100%;transform:none}h3{font-size:1.25rem}.shape{bottom:-180px;left:-150px}}@media screen and (max-width:470px){.img-width{width:122px}.text{margin:1.1rem 0 1.5rem}.showcase-area .btn{font-size:.8rem}.height{margin-top:90px}.btn-star-2{color:#fff;background-color:#14B5E6;width:180px;height:50px;font-size:14px;padding:12px 18px;text-align:center;text-decoration:none;display:inline-block;font-family:"Poppins"}.btn-panah-bawah{width:45px}.panah-bawah{display:none}.img-layanan{width:28px}.btn-startted{background:#FFA16A;border-radius:5px;color:#fff;font-family:'Poppins';width:140px;height:42px}.bigest-title{color:var(--darkOne);font-family:'Poppins';font-weight:700;font-size:28px}.title-tag1{font-family:'Mulish';color:var(--darkTwo);font-size:18px}.image-1{margin-top:30px}.title-2{color:var(--darkOne);font-family:'Poppins';font-weight:600;font-size:30px}.info-blue{font-family:'Poppins';font-weight:600;font-size:22px;color:var(--infoblue)}.info-text{font-family:'Mulish';color:var(--darkTwo);font-size:18px;text-align:justify}.big-title{font-family:'Poppins';color:var(--darkOne);font-weight:600;font-size:30px}.list-layanan{font-family:'Mulish';color:var(--darkTwo);font-size:16px;line-height:32px}.title-service{font-family:'Poppins';color:var(--darkOne);font-weight:600;font-size:24px}.nama-clien{font-family:'DM Sans';color:var(--namaclien);font-size:17px}.jabatan-clien{font-family:'DM Sans';color:var(--darkOne);font-weight:200;font-size:13px}.kata-clien{font-family:'Mulish';color:var(--darkTwo);font-size:13px;text-align:justify}.big-layanan{font-family:'Poppins';color:#FFF;font-weight:600;font-size:30px}.header-detail-porto{background:var(--backlayanankami);padding:3%;height:350px;width:100%}.height-detail-porto{height:80px}.detail-tag-porto{font-family:'Mulish';font-size:30px;font-weight:600}.detail-subtitle-porto{font-family:'Mulish';font-size:16px;font-weight:400}.img-detail-porto{max-width:250px}.big-title-porto{font-family:'work-sans';color:var(--darkOne);font-weight:600;font-size:30px}.detail-nama-porto{font-family:'Inter';font-size:19px;font-weight:600}.detail-des-porto{font-family:'Inter';font-size:14px;font-weight:400}}.hori-timeline .events{border-top:3px solid #e9ecef}.hori-timeline .events .event-list{display:block;position:relative;text-align:center;padding-top:70px;margin-right:0}.hori-timeline .events .event-list:before{content:"";position:absolute;height:36px;border-right:2px dashed #dee2e6;top:0}.hori-timeline .events .event-list .event-date{position:absolute;top:38px;left:0;right:0;width:75px;margin:0 auto;border-radius:4px;padding:2px 4px}@media (min-width:1140px){.hori-timeline .events .event-list{display:inline-block;width:24%;padding-top:45px}.hori-timeline .events .event-list .event-date{top:-12px}}.bg-soft-primary{background-color:#fff!important}.bg-soft-success{background-color:#fff!important}.bg-soft-danger{background-color:#fff!important}.bg-soft-warning{background-color:#fff!important}.form-konsul{background-color:#F6F7FA;padding:4%}.title-form-konsul{font-family:"Poppins";font-size:50px;font-weight:700;margin-bottom:20px}.form-konsul,label,input{font-family:"Poppins"}.konten-form-konsul{background-color:#fff;padding:2%;border-radius:25px;padding-top:4%;padding-bottom:4%}@media only screen and (max-width:600px){.title-form-konsul{font-family:"Poppins";font-size:30px;font-weight:700}.form-konsul,label,input{font-family:"Poppins"}.konten-form-konsul{background-color:#fff;padding:7%;border-radius:25px;padding-top:7%;padding-bottom:7%;margin-top:30px}}::-webkit-scrollbar{width:11px}::-webkit-scrollbar-track{box-shadow:inset 0 0 5px #FFA16A;border-radius:10px}::-webkit-scrollbar-thumb{background-image:linear-gradient(180deg,#3a393b 0%,#4c4950 99%);box-shadow:inset 2px 2px 5px 0 rgba(#fff,.5);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:grey}


.img-crop {
    height: 350px;
    object-fit: cover;
}

.card-shadow {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border: 0;
}

.card-shadow:hover {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
    border: 0;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #14B5E6;
    border-color: #14B5E6;
}

.pagination {
    display: flex;
    justify-content: center;
  }
  
  .pagination li {
    display: block;
   }

@media (max-width: 600px) {
    .img-crop {
        height: 200px;
        object-fit: cover;
    }
}