/* custom assets */

.bg-primary,
.btn-primary,
.btn-soft-primary:hover, 
.btn-soft-primary:focus, 
.btn-soft-primary:active, 
.btn-soft-primary.active, 
.btn-soft-primary.focus,
.btn-outline-primary:hover, 
.btn-outline-primary:focus, 
.btn-outline-primary:active, 
.btn-outline-primary.active, 
.btn-outline-primary.focus, 
.btn-outline-primary:not(:disabled):not(.disabled):active,
.pagination .page-item.active .page-link,
.nav-pills .nav-link.active,
#preloader #status .spinner .double-bounce1, 
#preloader #status .spinner .double-bounce2,
.social-icon li a:hover,
#topnav .navbar-toggle.open span:hover,
.bg-animation-left.crypto-home:after,
.bg-animation-left.task-management-home:after,
.classic-app-image .bg-app-shape:after,
.classic-saas-image .bg-saas-shape:after,
.swiper-slider-hero .swiper-container .swiper-button-prev:hover,
.features.fea-primary:hover,
.tns-nav button.tns-nav-active,
.ribbon.ribbon-primary span,
.sidebar .widget .tagcloud > a:hover,
.work-container.work-modern .icons .work-icon:hover,
.timeline-page .timeline-item .date-label-left:after, 
.timeline-page .timeline-item .duration-right:after,
#navmenu-nav li.account-menu.active .navbar-link,
#navmenu-nav li.account-menu:hover .navbar-link,
.form-check-input.form-check-input:checked,
.qs-datepicker-container .qs-squares .qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover, 
.qs-datepicker-container .qs-squares .qs-square.qs-current {
    background-color: #0090D4 !important;
}

.text-primary,
.bg-soft-primary,
.component-wrapper.sticky-bar li a:hover, 
.component-wrapper.sticky-bar li a:focus,
.btn-soft-primary,
.btn-outline-primary,
.dropdown-primary .dropdown-menu .dropdown-item:hover, 
.dropdown-primary .dropdown-menu .dropdown-item.active, 
.dropdown-primary .dropdown-menu .dropdown-item:active, 
.dropdown-primary .dropdown-menu .dropdown-item.focus, 
.dropdown-primary .dropdown-menu .dropdown-item:focus,
.alert-outline-primary,
.breadcrumb .breadcrumb-item a:hover,
.breadcrumb .breadcrumb-item.active,
#topnav .has-submenu.active .submenu li.active > a,
#topnav .navigation-menu > li:hover > a,
#topnav .navigation-menu > li.active > a,
#topnav .navigation-menu > li > a:hover, 
#topnav .navigation-menu > li > a:active,
#topnav.scroll .navigation-menu > li:hover > a, 
#topnav.scroll .navigation-menu > li.active > a,
#topnav.nav-sticky .navigation-menu.nav-light > li.active > a,
#topnav.nav-sticky .navigation-menu.nav-light > li:hover > a, 
#topnav.nav-sticky .navigation-menu.nav-light > li.active > a,
#topnav .navigation-menu > li .submenu li a:hover,
#topnav .navigation-menu > li:hover > a,
#topnav .navigation-menu > li.active > a,
#topnav .navigation-menu > li > a:hover,
#topnav .navigation-menu > li .submenu li a:hover,
#topnav .navigation-menu > li.has-submenu.open > a,
#topnav .has-submenu.active a,
.features.feature-clean .title:hover,
.features.fea-primary .content .title:hover,
.categories a:hover,
.explore-feature:hover .icon,
.explore-feature:hover .title,
.pricing-rates.business-rate:hover .title,
.blog .content .title:hover,
.blog .content .post-meta .readmore:hover,
.sidebar .widget .blog-categories li a:hover,
.sidebar .widget .post-recent .post-recent-content a:hover,
.media-list .media .media-heading:hover,
.job-box .position a:hover,
.job-box .company-name:hover,
.candidate-list .name:hover,
.company-list .name:hover,
.work-container.work-classic .content .title:hover, 
.work-container.work-grid .content .title:hover, 
.work-container.work-modern .content .title:hover,
.event-schedule .content .title:hover,
.courses-desc .content .title:hover,
.container-filter li.active, .container-filter li:hover,
.shop-list .content .product-name:hover,
.team .name:hover,
.accordion .accordion-button:not(.collapsed),
.accordion .accordion-item .accordion-button:before,
#navmenu-nav li.active a {
    color: #0090D4 !important;
}

.btn-primary,
.btn-soft-primary:hover, 
.btn-soft-primary:focus, 
.btn-soft-primary:active, 
.btn-soft-primary.active, 
.btn-soft-primary.focus,
.btn-outline-primary,
.btn-outline-primary:hover, 
.btn-outline-primary:focus, 
.btn-outline-primary:active, 
.btn-outline-primary.active, 
.btn-outline-primary.focus, 
.btn-outline-primary:not(:disabled):not(.disabled):active,
.alert-primary,
.alert-outline-primary,
.pagination .page-item.active .page-link,
.form-check-input.form-check-input:checked,
.form-control:focus,
.form-check-input:focus,
.social-icon li a:hover,
#topnav .has-submenu.active.active .menu-arrow,
#topnav .has-submenu .submenu .has-submenu:hover .submenu-arrow,
#topnav.scroll .navigation-menu > li:hover > .menu-arrow, 
#topnav.scroll .navigation-menu > li.active > .menu-arrow,
#topnav.nav-sticky .navigation-menu.nav-light > li:hover > .menu-arrow, 
#topnav.nav-sticky .navigation-menu.nav-light > li.active > .menu-arrow,
#topnav .navigation-menu > li:hover > .menu-arrow,
.swiper-slider-hero .swiper-container .swiper-button-next:hover,
.pricing-rates.starter-plan,
.event-schedule:hover,
.container-filter li.active, .container-filter li:hover{
    border-color: #0090D4 !important;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6,
#topnav .navigation-menu>li>a,
body{
    font-family: 'Lexend', sans-serif;
}

body{
    font-size: 14px;
}

body,
#topnav .navigation-menu>li>a{
    color: #343741;
}

#topnav .navigation-menu>li{
    margin: 0 5px;
}

#topnav .navigation-menu>li>a{
    padding: 25px 10px;
}

#topnav .navigation-menu .has-submenu .menu-arrow{
    right: -3px;
    top: 31px;
}

#topnav .navigation-menu>.has-submenu:hover .menu-arrow{
    top: 36px;
}



/* end custom assets */









.mover {
   -webkit-animation: mover 1s infinite alternate;
           animation: mover 1s infinite alternate;
 }
 
 @-webkit-keyframes mover {
   0% {
     -webkit-transform: translateY(0);
             transform: translateY(0);
   }
   100% {
     -webkit-transform: translateY(5px);
             transform: translateY(5px);
   }
 }
 
 @keyframes mover {
   0% {
     -webkit-transform: translateY(0);
             transform: translateY(0);
   }
   100% {
     -webkit-transform: translateY(5px);
             transform: translateY(5px);
   }
 }
 

.lh-1{
    line-height: 1;
}

.lh-11{
    line-height: 1.1;
}

.lh-12{
    line-height: 1.2;
}

.lh-13{
    line-height: 1.3;
}

.o-hidden{
    overflow:hidden;
}

.rad-10{
    border-radius: 10px !important;
}

.rad-15{
    border-radius: 15px !important;
}

.rad-20{
    border-radius: 20px !important;
}

.rad-25{
    border-radius: 25px !important;
}

.rad-50{
    border-radius: 50px !important;
}

.shadow-sm{
box-shadow: 0 26px 50px 0 #00000040;
}

 .hide-mobile {
     display: block !important;
 }
 
 .hide-pc {
     display: none !important;
 }
 
 .hide-mobile-inline {
     display: inline !important;
 }
 
 .hide-pc-inline {
     display: none !important;
 }

.logo-preload{
    text-align: center;
}
.wrap-logo-preload{
    background: rgba(255, 255, 255, 0.25);
    backdrop-filter: blur(30px);
    background-image: unset !important;
}

.logo-preload > img{
    width: 100px;
    filter: drop-shadow(0 0px 40px rgba(0, 0, 0, 0.05));
}

.logo-nav-head{
    height: 50px;
}

.judul-kategori{
    line-height: 1.1;
    min-height: 60px;
    align-items: center;
    display: flex;
    margin: 0 0 5px 0;
}

.btn-warning{
    color: rgba(0, 0, 0, 0.8) !important;
    background: linear-gradient(0deg, rgba(247,208,6,1) 0%, rgba(255,203,0,1) 100%);
    background-color: unset;
}

.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .btn-warning.focus{
    background: linear-gradient(0deg, rgb(255, 174, 0) 0%, rgb(252, 198, 2) 100%);
    background-color: unset;
    border-color: transparent !important;
}

#topnav.nav-sticky{
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(10px);
}

.sz-kategori{
    font-size: 56px;
}

.langkah-judul-alur{
    font-size: 22px;
    font-weight: 600;
}

.judul-alur{
    font-size: 18px;
    font-weight: 500;
    color: #0090D4;
}

.logo-foot-cust{
    width: 80%;
}

.footer{
    background: linear-gradient(180deg, #027ab3 0%, rgba(20,62,85,1) 100%);
}

.footer-dark-cust{
    background: #0a2a3c;
    color: rgba(255, 255, 255, 0.8);
    font-size: 13px;
}

.media{
    display: flex;
}

.judul-foot{
    font-size: 20px;
    font-weight: 500;
}

.media-body{
    margin: 0 0 0 15px;
}

.putihh i{
    color: #ececec;
}

.w-img-alur{
    width: 84%;
    margin: 0 auto;
}

.overlay-dark{
    position: absolute;
    background: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
    top: 0;
}

.bg-fixed{
    background-attachment: fixed;
    background-position-y: center;
}

.judul-ket{
    font-weight: 600;
    font-size: 16px;
}

.wrap-card{
    background: white;
    border: 1px solid rgba(128, 128, 128, 0.185);
    border-radius: 10px;
    padding: 15px;
}

.logo-univ{
    width: 80%;
    margin: 0 auto;
}

.features .image:before{
    width: 104px;
    height: 104px;
    content: none;
}

.cust-tab{
    background: #efefef;
    padding: 5px;
}

.w-img-cust{
    width: 100%;
}

.breadcrumb-item + .breadcrumb-item::before{
    content: "";
}

.social-icon.foot-social-icon li a{
    border-color: #adb5bd;
}

.img-coming{
    width: 100px;
}

.w-img-kategori{
    height: 150px;
}

.w-img-kontak{
    height: 150px;
}

#countdown .count-down .count-number{
    border: 4px solid #0090d3;
}

#countdown .count-down, #eventdown .count-down{
    color: #0090d3
}

.bg-foot-cust{
    background-size: cover;
    background-position: bottom;
    background-attachment: fixed;
    position: absolute;
    bottom: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    opacity: .15;
}

.footer,
.footer .text-foot{
    color: #ececec;
}








 /* Smartphone */
 @media screen and (max-width: 600px) {
     .hide-mobile {
         display: none !important;
     }
 
     .hide-pc {
         display: block !important;
     }

     .hide-mobile-inline {
         display: none !important;
     }
 
     .hide-pc-inline {
         display: inline !important;
     }

     .logo-preload > img{
        width: 75px;
        filter: drop-shadow(0 0px 40px rgba(0, 0, 0, 0.05));
    }

    .logo-nav-head{
        height: 45px;
    }

    .bg-home, .bg-half-170, .bg-half-260, .bg-marketing, .swiper-slider-hero .swiper-container .swiper-slide{
        padding: 75px 0;
    }

    #topnav .navigation-menu>li>a{
        padding: 10px 20px;
    }

    .w-img-alur{
        width: 84%;
        margin: 0 auto;
    }

    .features .image:before{
        width: 64px;
        height: 64px;
    }

    .w-img-cust{
        /* width: 100%; */
        display: none;
    }

    .bg-utamaaa{
        background-size: cover;
        height: 100vh;
    }

    .w-img-kategori{
        height: 150px;
    }

    .bg-cust-head{
        background-size: auto;
        background-position: bottom left;
        background-attachment: unset;
    }

    .bg-foot-cust{
        background-position: unset;
    }
    
}

 /* Smartphone */
 @media screen and (max-width: 360px) {
    .logo-nav-head{
        height: 35px;
    }
    .bg-utamaaa{
        height: 100%;
    }

 }