/*
Theme Name: Cakap Career
Text Domain: career
Version: 1.2.18
Tested up to: 6.1
Description: Our default theme for 2023 is specially designed for job search needs. Organizations and businesses have the ability to create new jobs and manage them.
Author: Frans Permana
Author URI: #
Theme URI: #
*/

:root {
    --white: #ffffff;
    --light: #bcbcbd;
    --lightning: #d8d8d9;
    --darker: rgba(25, 25, 27, 1);
    --dark-grey: rgba(42, 42, 46, 1);
    --light-grey: rgba(87, 87, 91, 1);
    --grey: #7e7e81;
    --purple: #3e47e1;
    --green: #98c93c;
    --tosca: rgba(4, 140, 170, 1);
    --soft-tosca: rgba(0, 173, 198, 1);
    --light-tosca: #d1eaf0;
    --dark-red: rgba(159, 4, 4, 1);
    --darker-red: rgba(95, 2, 2, 1);
    --light-red: rgba(209, 133, 133, 1);
    --invalid-color: #9f0404;
    --valid-color: #3c763d;
    --left: left;
    --center: center;
    --right: right;
    --block: block;
    --flex: flex;
    --grid: grid;
    --start: flex-start;
    --end: flex-end;
    --inline-block: inline-block;
    --none: none;
    --hidden: hidden;
    --relative: relative;
    --absolute: absolute;
    --fixed: fixed;
    --column: column;
    --row: row;
    --nunito: "Nunito Sans", sans-serif;
    --fw300: 300;
    --fw400: 400;
    --fw500: 500;
    --fw600: 600;
    --fw700: 700;
    --fw800: 800;
    --fw900: 900;
}

/* Gotham Rounded */
@font-face {
    font-family: "Gotham Rounded";
    src: url("/wp-content/themes/career/assets/fonts/GothamRoundedBook.woff")
            format("woff"),
        url("/wp-content/themes/career/assets/fonts/GothamRoundedBook.woff2")
            format("woff2");
    font-weight: normal;
    font-style: normal;
}

/* Typography
--------------------------------------------- */
body,button,input,optgroup,select,textarea{color:var(--dark-grey);font-family:var(--nunito);font-size:1rem;line-height:1.5}h1,h2,h3,h4,h5,h6{clear:both}b,strong{font-weight:700}p{margin-bottom:1.5em}cite,dfn,em,i{font-style:italic}blockquote{margin:0 1.5em}address{margin:0 0 1.5em}pre{background:#eee;font-family:"Courier 10 Pitch",courier,monospace;line-height:1.6;margin-bottom:1.6em;max-width:100%;overflow:auto;padding:1.6em}code,kbd,tt,var{font-family:monaco,consolas,"Andale Mono","DejaVu Sans Mono",monospace}abbr,acronym{border-bottom:1px dotted #666;cursor:help}ins,mark{background:#fff9c0;text-decoration:none}big{font-size:125%}

/* Elements
--------------------------------------------- */
embed,iframe,img,object{max-width:100%}body{background:var(--white);font-family:var(--nunito);font-size:.875rem;font-weight:400;line-height:1.25rem}hr{background-color:#ccc;border:0;height:1px;margin-bottom:1.5em}ol,ul{margin:0;padding:0}ul{list-style:disc}ol{list-style:decimal}li>ol,li>ul{margin-bottom:0;margin-left:1.5em}dt{font-weight:var(--fw700)}dd{margin:0 1.5em 1.5em}img{height:auto}figure{margin:1em 0}table{margin:1.5rem 0;width:100%;border-spacing:0;border-collapse:collapse;border-bottom:1px solid rgba(0,0,0,.025);border-left:1px solid rgba(0,0,0,.025)}th,td{padding:8px 10px;text-align:left;border-top:1px solid rgba(0,0,0,.025);border-right:1px solid rgba(0,0,0,.025)}

/* Links
--------------------------------------------- */
a,a:visited{color:var(--dark-grey)}a:active,a:focus,a:hover{color:var(--light-grey);text-decoration:var(--none)}a:focus{outline:dotted thin}a:active,a:hover{outline:0}

/* Ornament Class */
.top-left{top:0;left:0}.top-right{top:0;right:0}.top-center{top:0;left:50%;right:0}.center-left{top:50%;left:0;bottom:0;transform:translate(0,-85%)}.center-right{top:50%;right:0}.bottom-left{bottom:0;left:0}.bottom-right{bottom:0;right:0}

/* Color */
.darker-red {
    color: var(--darker-red)!important;
}

/* Shadow Element */
.shadow-element {box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1)!important}

/* Border & Radius */
.b-rad-12 {border-radius: 12px!important}
.border-solid {border: 1px solid rgba(188, 188, 189, 1)!important}

.input-wrapper {
    position: relative;
    display: inline-block;
}

input {
    padding-right: 30px; /* Ruang untuk ikon */
    width: 200px;
    height: 30px;
}

.clear-icon {
    position: absolute;
    right: 15px;
    top: 53%;
    transform: translateY(-100%);
    cursor: pointer;
    font-size: 16px;
    text-align: center;
    display: none;
    color: var(--white);
    background-color: #000000;
    border-radius: 50%;
    width: 19px;
    height: 20px;
}

.clear-icon:hover {
    color: var(--white);
}

.flex-25 {flex: 0 0 25%!important}
.flex-50 {flex: 0 0 50%!important}
.flex-75 {flex: 0 0 75%!important}
.flex-100 {flex: 0 0 100%!important}

/* Navbar */
.bg-white {
    background-color: var(--white);
}
.navbar-light {padding: 1rem}
.navbar-light .navbar-brand {
    margin-right: 3.5rem;
}
.navbar-light .navbar-nav .nav-item:first-child {
    padding-left: 0;
}
.navbar-light .navbar-nav .nav-item {
    border-right: 1px solid rgba(188, 188, 189, 1);
    padding: 0 15px;
}

.navbar-light .navbar-nav > .nav-item > a {
    display: flex;
    flex-direction: row;
}
@media (max-width: 1024px) {
    .navbar-light .navbar-nav .nav-item {
        border-right: 0;
    }
}
.navbar-light .navbar-nav .nav-item.active > a {
    border-bottom: 2px solid #048CAA;
    padding-bottom: 2px;
}
.navbar-light .navbar-nav ul.dropdown-menu .nav-item.active > a {
    border-bottom: 0;
    border-left: 2px solid #048CAA;
    background: var(--white);
    color: var(--dark-grey);
}
.navbar-light .navbar-nav ul.dropdown-menu .nav-item:hover > a,
.navbar-light .navbar-nav ul.dropdown-menu .nav-item:visited > a {
    color: #048CAA;
    background: var(--white);
}
.navbar-light .navbar-nav ul.dropdown-menu .nav-item,
.navbar-light .navbar-nav ul.dropdown-menu .nav-item:hover > a,
.navbar-light .navbar-nav ul.dropdown-menu .nav-item:visited > a,
.navbar-light .navbar-nav ul.dropdown-menu .nav-item.active > a {
    padding: .25rem .75rem;
}
.navbar-light .navbar-nav .nav-item:last-child {
    border: 0;
}
/*.navbar-light .navbar-nav .nav-link::after {
    content: "|";
    display: var(--inline-block);
    color: var(--light);
    float: var(--right);
    padding: 0 1rem;
}
.navbar-light .navbar-nav .nav-item:last-child .nav-link::after {
    content: "";
}*/
.navbar-light .navbar-nav .dropdown-toggle::after {
    padding: 0 0.5rem!important;
}
.navbar-light .navbar-nav {align-items: baseline;}
.navbar-light .navbar-nav .nav-link {
    /*padding: 2.125rem 0;*/
    padding: 0;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
    top: 70px;
    width: 320px;
    border: 1px solid rgba(216, 216, 217, 1);
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
    background: rgba(255, 255, 255, 1);
    padding: 14px 0;
    margin-top: -3px;
}
.navbar-expand-lg .navbar-nav .dropdown-menu .nav-item {
    position: var(--relative);
}
/*.navbar-expand-lg .navbar-nav .dropdown-menu.show .nav-item.active,
.navbar-expand-lg .navbar-nav .dropdown-menu.show .nav-item.active:hover {
    border-left: 2px solid #048CAA;
    border-bottom: 0!important;
    background: transparent;
}*/
.navbar-expand-lg .navbar-nav .dropdown-menu .nav-item i {
    display: inline-block;
    margin-left: 5px;
}
.navbar-expand-lg .navbar-nav .nav-item i {display: var(--none)}
.navbar-light .navbar-nav .nav-link,
.navbar-light .auth-employer .nav-link,
.navbar-light .auth-employer,
.navbar-light .auth-employer .btn-employer {
    font-weight: var(--fw700);
    color: var(--dark-grey);
}
.navbar-light .navbar-nav .nav-link:hover {
    color: rgba(4, 140, 170, 1);
}
.navbar-light .auth-employer {
    display: var(--flex);
    align-items: var(--center);
    flex-direction: var(--row);
    list-style: var(--none);
    font-size: 16px;
    line-height: 24px;
    margin: 0;
}
.navbar-light .auth-employer.mobile-device {
    display: var(--none);
}
.navbar-light .auth-employer .nav-link {
    padding: 1rem 0.5rem;
}
.navbar-light .auth-employer .btn-employer,
.navbar-light .auth-employer .btn-employer:hover {
    cursor: pointer;
    color: rgba(4, 140, 170, 1);
}
.navbar-light .auth-employer .btn-career,
.navbar-light .auth-employer .btn-career:hover,
.navbar-light .auth-employer .btn-dashboard,
.navbar-light .auth-employer .btn-dashboard:hover {
    background-color: var(--tosca);
    color: var(--white);
    border: 1px solid var(--tosca);
    padding: 10px 18px;
}
.navbar-light .dropdown-menu .nav-item {
    margin-bottom: 8px;
    padding: 0!important;
}
.navbar-light .dropdown-menu .menu-item-description {
    display: var(--block);
    margin-top: 8px;
    font-size: 14px;
    font-weight: var(--fw400);
    line-height: 20px;
    color: rgba(126, 126, 129, 1);
}
.offcanvas-collapse,
.offcanvas-login {
    position: var(--fixed);
    top: 65px;
    bottom: auto;
    right: 100%;
    left: -400px;
    width: 100%;
    height: 100vh;
    padding: 0 16px 16px 16px;
    overflow-y: auto;
    visibility: var(--hidden);
    background: var(--white);
    transition-timing-function: ease-in-out;
    transition-duration: 0.3s;
    transition-property: left, visibility;
}

.offcanvas-collapse,
.offcanvas-login {
    align-items: start;
    -moz-background-clip: padding;
    -webkit-background-clip: padding;
    background-clip: padding-box;
}

.offcanvas-collapse.open,
.offcanvas-login.open {
    left: 0;
    visibility: visible;
    padding: 0;
    bottom: auto;
    height: 100vh;;
    z-index: 999;
}
.offcanvas-login.open .mobile-login {
    padding: 0 15px;
}
.canvas-footer {
    display: -ms-flexbox;
    display: var(--flex);
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: var(--center);
    align-items: var(--center);
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0.75rem 0;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(0.3rem - 1px);
    border-bottom-left-radius: calc(0.3rem - 1px);
}
.canvas-footer > * {
    margin: 0.25rem;
}

/* Search Navbar */
.navbar-search-form .has-search {
    position: var(--relative);
}
.navbar-search-form .has-search .form-control {
    width: 350px;
    padding-right: 40px;
}
.navbar-search-form .has-search .search-control-feedback {
    position: var(--absolute);
    top: 0;
    z-index: 2;
    display: block;
    right: 10px;
    pointer-events: none;
    color: #aaa;
    transform: translate(0, 65%);
}

/* My Account Menu */
.navbar-light #myAccount .btn {
    padding: 25px 0;
    color: var(--dark-grey);
    background-color: transparent;
    border-color: transparent;
    outline: 0;
}
#myAccount.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: var(--none);
    outline: 0;
}
#myAccount {
    position: relative;
    padding: 0;
}

#myAccount .dropdown-toggle {
    display: flex;
    align-items: center; 
    justify-content: flex-end; 
    text-overflow: ellipsis; 
    white-space: nowrap;
}

#myAccount .dropdown-toggle img {
    width: 40px;
    height: 40px;
    margin-right: 8px; /* Jarak antara gambar dan teks */
    flex-shrink: 0; /* Hindari gambar mengecil */
}

#myAccount .dropdown-menu {
    right: 0;
    left: auto;
    top: 88px;
    padding: 8px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border: 0;
}
#myAccount .dropdown-menu .dropdown-item {
    padding: .25rem .5rem;
}
#myAccount .dropdown-menu .logout-user {
    color: var(--invalid-color);
}
#myAccount .dropdown-menu.show {
    display: block !important;
    position: absolute;
    right: 0;
    left: auto;
}

/* Secondary Menu */
.navbar .main-category {
    flex-direction: row;
    gap: 24px;
}
.navbar .main-category .nav-link {
    font-size: 14px;
    line-height: 24px;
    color: var(--light-grey);
}
.secondary-menu {
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
}
.sticky-secondary-navbar {
    position: var(--fixed);
    top: 0;
    width: 100%;
    z-index: 999;
    transition: top 0.5s ease-in-out;
    transform: translateY(-10%);
}
.sticky-header {
    position: var(--fixed);
    top: 0;
    width: 100%;
    z-index: 1000;
    transition: transform 1.5s;
    opacity: 1;
}
.sticky-header.shrink {
    transform: translateY(-100%);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.sticky-header.fade-out {
    transition: 0.3s ease-out;
}
.sticky-header.fade-in {
    opacity: 1;
}

/* Global */
.white-color {color: var(--white)}
.fw-400 {
    font-weight: var(--fw400);
}
.fw-500 {
    font-weight: var(--fw500);
}
.fw-600 {
    font-weight: var(--fw600);
}
.fw-700 {
    font-weight: var(--fw700);
}
.fw-800 {
    font-weight: var(--fw800);
}
.dropdown-toggle::after {
    content: '\f078'!important;
    font-family: 'Font Awesome 5 Pro';
    font-weight: var(--fw900);
    font-size: 12px;
    margin-left: 0;
    border-top: 0;
    transform: rotate(0deg);
    transition: transform 0.3s ease; 
}
#myAccount .dropdown-toggle .arrow {
    margin-left: 12px;
}
.dropdown-menu.show {
    border: 0;
}
.dropdown-toggle[aria-expanded="true"]::after {
    transform: rotate(180deg); /* Rotate the arrow when expanded */
}
.navbar-light .dropdown-menu .nav-item .dropdown-item {
    white-space: break-spaces;
    padding: .25rem .75rem;
}
.navbar-light .navbar-nav .nav-link,
.navbar-light .dropdown-menu .nav-item .dropdown-item,
.hero-banner .banner-caption-left .subheading,
.hero-banner .banner-caption-right .subheading,
.hero-banner .banner-caption-right .cta-button .btn-cta,
.breadcrumbs ol > li,
#shareJob .modal-body h5,
.career-hub-featured .card-title,
.swiperTestimonial .testimonial-user .name,
.swiperTestimonial .testimonial-readmore,
.page-template-tpl-partner .section-banner .subtitle,
.jobListSide_wrapper .heading,
.jobListSide_wrapper .countresult,
.block-text p,
.small-text,
.result .block-category .title,
.personality-type .card-title,
aside.widget.footer-widget h2,
aside.widget.footer-widget h3,
aside.widget.footer-widget h4,
aside.widget.footer-widget h5,
aside.widget.footer-widget h6,
aside.widget.footer-widget p,
aside.widget.footer-widget span.footer-menu-title,
aside.widget.footer-widget li > a,
.bottom-footer .copyright,
.bottom-footer .tos,
.bottom-footer .tos ul > li > a {
    font-size: 16px;
    line-height: 24px;
}
.box-personality .title,
.wrap-content-personality .btn-cta,
.wrap-content-customer .btn-cta,
.result .block-text .text,
.result .block-card .card-body,
.result .block-image-caption .caption {
    font-size: 20px;
    line-height: 28px;
}
.navbar .main-category .nav-link,
.navbar-right-mega-menu .dropdown-mm-content .dropdown-mm-name,
.navbar-right-mega-menu .dropdown-menu .dropdown-mm-group-name,
.navbar-light .dropdown-menu .nav-item .dropdown-item,
.btn-search-jobs,
.popup-header .title,
.companyLists .readmore,
.swiperTestimonial .testimonial-user .name,
.swiperTestimonial .testimonial-readmore,
.hero-banner .banner-caption-right .cta-button .btn-cta,
.hero-banner.lg-banner.tes-minat-bakat-banner .wrap-banner-caption .btn-cta,
.hero-banner.lg-banner.tes-minat-bakat-banner .heading,
.search-job .dropdown .dropdown-header .dropdown-title,
.jobListSide_wrapper .heading,
.jobListSide_wrapper .countresult,
.jobContent .heading,
.jobContent .jobdesc .title,
.btn-white,
.btn-green,
.company-info .title,
.company-info .compDetail span.noc,
.summary-company .company-info .compDetail span.noc,
.job-wrapper .heading,
.join-us .join-info-text .heading,
.join-us .join-cta .btn-join,
.jobDetail .jobdesc .title,
.joblist-company .heading,
.about-company .heading,
.benefit-company .heading,
.gallery-company .heading,
.joblist-company .heading,
.jobDetail .company-info .compDetail span.noc,
.jobListActive.no-available .box-wrapper .back-all-jobs .btn,
#job-results.not-found .box-wrapper .back-all-jobs .btn,
.search-job .reset,
.form-wizard .wizard-form-text-label,
.page-template-tpl-partner .section-banner .title,
.join-company .company-wrapper h3,
.join-company .company-wrapper .more-company,
.join-company .company-form .wpcf7-form [class^="lbl"],
.join-company .company-form .wpcf7-submit,
.block-caption .heading,
.personality-type .card-title,
.result .block-jobs .wrap-jobs .job-list-items .job-detail span.title,
.result .block-jobs .wrap-jobs .job-list-items .joblink .btn-cta,
.result .block-card .card-body .btn-cta,
.result .block-jobs .wrap-jobs .readmore-jobs .btn-cta,
.result .block-image-caption .caption,
.box-personality .title,
.wrap-content-personality .btn-cta,
.wrap-content-customer .btn-cta,
aside.widget.footer-widget p > span,
aside.widget.footer-widget h2,
aside.widget.footer-widget h3,
aside.widget.footer-widget h4,
aside.widget.footer-widget h5,
aside.widget.footer-widget h6,
.bottom-footer .copyright {
    font-weight: var(--fw700);
}
.hero-banner .banner-caption-right .heading,
.jobListActive .jobListData .jobName .heading,
#shareJob .modal-header .modal-title,
.block-text .title,
.result .block-title .title,
.result .block-category .title,
.result .block-card .card-body,
.wrap-content-customer .block-text .content.text-1 {
    font-weight: var(--fw800);
}
.search-job .dropdown .dropdown-header .dropdown-title,
.search-job .dropdown-menu .form-check-label,
.search-job .reset,
.join-company .company-form .wpcf7-form-control,
.join-company .company-form .wpcf7-form [class^="lbl"],
.form-wizard .wizard-form-text-label,
.swiperTestimonial .testimonial-comments .comments,
.result .block-text p,
.result .block-jobs .title,
.result .block-card .card-body .btn-cta,
.result .block-jobs .wrap-jobs .job-list-items .joblink .btn-cta,
.result .block-jobs .wrap-jobs .readmore-jobs .btn-cta {
    font-size: 14px;
    line-height: 20px;
}
.swiperTestimonial .testimonial-comments .comments {
    font-style: italic;
    font-weight: var(--fw400);
}
.section-heading .title,
.block-caption .heading,
.block-text .title,
.result .block-title .title,
.wrap-content-customer .block-text .title,
.wrap-content-customer .block-text .content.text-1 {
    font-size: 28px;
    line-height: 36px;
}
.swiperTestimonial,
.swiperPartner,
.swiperTestimonial .testimonial-user-wrapper,
.swiperTestimonial .testimonial-user .name,
.swiperTestimonial .testimonial-user .jobs,
.company-info .compDetail span,
.company-info .compDetail span,
.jobDetail .jobdesc .title,
.jobListActive.no-available .box-wrapper .info-text,
.box-personality span,
aside.widget.footer-widget span.footer-menu-title,
aside.widget.footer-widget p > span {
    display: var(--block);
    position: var(--relative);
}
.hero-banner .banner-caption-right .cta-button .btn-cta,
.btn-search-jobs,
.swiperTestimonial .testimonial-user .name,
.swiperTestimonial .testimonial-readmore,
.swiperTestimonial .testimonial-comments .comments,
.jobListActive .jobListData .jobName .heading,
.jobContent .jobinfo span,
.jobContent .jobdesc,
.jobContent .jobdesc .title,
.result .block-jobs .wrap-jobs .job-list-items .job-detail span.title,
.modal-dialog .modal-content .close,
.modal-body .testimonial-comments {
    color: var(--dark-grey);
}
.block-text p,
.personality-type .card-text {
    color: rgba(87, 87, 91, 1);
}
.hero-banner .banner-caption-right .cta-button .btn-cta,
.career-hub-featured .comingsoon,
.has-search .form-control,
.btn-search-jobs,
.select2-dropdown,
.select2-container--default .select2-selection--single,
.select2-container--open .select2-dropdown--below,
.select2-outline,
.select2-container--default.select2-container--open.select2-container--below
    .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below
    .select2-selection--multiple,
.select2-container--default .select2-search--dropdown .select2-search__field,
.jobListActive.no-available .box-wrapper .back-all-jobs .btn,
#job-results.not-found .box-wrapper .back-all-jobs .btn {
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
}
.cta-button .btn-cta {
    background-color: var(--white);
    border-radius: 8px;
    border: 1px solid rgba(188, 188, 189, 1);
    color: rgba(42, 42, 46, 1);
}
.circle {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.border-rad12 {
    -webkit-border-radius: 0.75rem;
    -moz-border-radius: 0.75rem;
    border-radius: 0.75rem;
}
.border-rad24 {
    -webkit-border-radius: 1.5rem;
    -moz-border-radius: 1.5rem;
    border-radius: 1.5rem;
}
.border-rad4 {
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    border-radius: 0.25rem;
}
.disabled {background-color: #e9ecef !important}
.pt-12{padding-top:.75rem}.pt-24{padding-top:1.5rem}.pb-24{padding-bottom:1.5rem}.pb-60{padding-bottom:3.75rem}.pad28{padding-left:1.75rem}.pt95{padding-top:5.938rem}.mt-16{margin-top:1rem}.mt-20{margin-top:1.25rem}.mb-4{margin-bottom:.25rem}.mb-75{margin-bottom:.75rem}.mb-8{margin-bottom:.5rem}.mb-9{margin-bottom:.563rem}.mb-16{margin-bottom:1rem}.mt-32{margin-top:2rem}.mb-30{margin-bottom:1.875rem}.mb-32{margin-bottom:2rem}.mb35{margin-bottom:2.188rem}
.box-shadow {box-shadow: 0 0.25rem 1.75rem rgba(0, 0, 0, 0.15)}
.border-lightning {border: 1px solid var(--lightning)}
.rounded-left {
    border-top-left-radius: 0.5rem !important;
    border-bottom-left-radius: 0.5rem !important;
}
#leftSlideElement {
    display: none;
    position: fixed;
    top: 70px;
    left: -100%;
    width: 100%;
    height: 100%;
    padding: 1.5rem 0.75rem;
    background-color: rgba(255, 255, 255, 1);
    overflow: auto;
    z-index: 11;
    transition-timing-function: ease-in-out;
    transition-duration: 0.3s;
}
.form-control {
    font-size: 0.915rem;
    height: 44px;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus,
.form-control:focus {
    outline: var(--none);
    box-shadow: var(--none);
}
.block-caption {
    position: relative;
}
.block-caption-content {
    position: absolute;
    top: 50%;
    transform: translate(20%, 65%);
}
.block-caption-content .cta-button {
    margin-top: 40px;
}
.block-caption-content .cta-button .btn-cta {
    border: 1px solid var(--tosca);
    color: var(--white);
    background-color: var(--tosca);
    font-weight: var(--fw700);
    padding: 12px 45px;
    border-radius: 12px;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
}
.btn-border {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    padding: 12px 18px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border: 1px solid #bcbcbd;
    background-color: transparent;
    cursor: pointer;
}

/* Hero */
.hero-banner.lg-banner .container-fluid {
    padding-left: 0;
}
.hero-banner.lg-banner .wrap-banner-image {
    position: var(--absolute);
    display: var(--block);
    overflow: var(--hidden);
    width: calc(48vw - 30px);
    border-top-right-radius: calc(360px / 2);
    height: 100%;
}
.hero-banner.lg-banner .wrap-banner-image img {
    width: calc(48vw - 30px);
    border-top-right-radius: calc(360px / 2);
}
.hero-banner.lg-banner .wrap-banner-caption {
    position: var(--absolute);
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    width: calc(100% - 10px);
}
.hero-banner.lg-banner .banner-caption-left .heading,
.hero-banner.lg-banner .banner-caption-left .subheading {
    color: var(--white);
}
.hero-banner.lg-banner.tes-minat-bakat-banner .heading {
    font-size: 28px;
    line-height: 36px;
}
.hero-banner.lg-banner .select2-container {
    width: 100% !important;
}
.hero-banner.lg-banner.tes-minat-bakat-banner .wrap-banner-image {
    border-top-right-radius: var(--none);
}
.hero-banner.lg-banner.tes-minat-bakat-banner .wrap-banner-image img {
    width: calc(45vw - 60px);
    border-top-right-radius: var(--none);
    height: 100%;
    object-fit: cover;
}
.hero-banner.lg-banner.tes-minat-bakat-banner .wrap-banner-caption {
    width: calc(100% - -40px);
}
.hero-banner.lg-banner.tes-minat-bakat-banner .wrap-banner-caption .btn-cta {
    background: rgba(255, 255, 255, 1);
    color: rgba(42, 42, 46, 1);
    width: 90%;
    padding: 12px;
    font-size: 20px;
    line-height: 28px;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
}

/* Media query for screens starting from 1024px */
@media screen and (min-width: 1024px) {
    .hero-banner.lg-banner {
        height: 300px !important;
    }
    .hero-banner.tes-minat-bakat-banner {
        height: 310px !important;
    }
}

/* Media query for screens starting from 1200px */
@media screen and (min-width: 1200px) {
    /*.hero-banner.lg-banner {
        height: 370px!important;
    }*/
}

/* Media query for screens starting from 1200px */
@media screen and (min-width: 1280px) {
    .hero-banner.lg-banner {
        height: 360px !important;
    }
    .hero-banner.tes-minat-bakat-banner {
        height: 360px !important;
    }
}

/* Media query for screens starting from 1400px */
@media screen and (min-width: 1400px) {
    /*.hero-banner.lg-banner {
        height: 480px!important;
    }*/
}

/* Media query for screens starting from 1400px */
@media screen and (min-width: 1500px) {
    .hero-banner.lg-banner {
        height: 282px !important;
    }
    .hero-banner.tes-minat-bakat-banner {
        height: calc(70vh - 80px) !important;
    }
}
@media screen and (min-width: 1560px) {
    .hero-banner.lg-banner {
        height: 315px !important;
    }
    .hero-banner.tes-minat-bakat-banner {
        height: calc(70vh - 80px) !important;
    }
}
@media screen and (min-width: 1921px) {
    .hero-banner.tes-minat-bakat-banner {
        height: 480px !important;
    }
    .hero-banner.lg-banner.tes-minat-bakat-banner .wrap-banner-image img {
        object-fit: cover;
    }
}

/* Button */
.btn-outline {
    padding: 10px 20px;
    color: rgba(42, 42, 46, 1);
    box-shadow: 0px 1px 2px 0px #0000001a;
}
.btn-white {
    background-color: var(--white);
    border: 1px solid var(--light);
}
.btn-green {
    background-color: var(--green);
    border: 1px solid var(--green);
}
.btn-tosca {
    background-color: var(--tosca);
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    border: 1px solid rgba(4, 140, 170, 1);
    font-size: 16px;
    font-weight: var(--fw700);
    line-height: 24px;
    color: var(--white) !important;
    border-radius: 12px;
}
.btn-fill-white {
    background: linear-gradient(110.48deg, #ececec 0, #f4f4f4 100%);
}

/* Drag Upload */
.box,
.box-header,
.dropzone-wrapper {
    position: var(--relative);
}
.box {
    background: var(--white);
    width: 100%;
}
.box-header {
    padding: 16px;
    border-radius: 8px;
    border: 1px solid var(--border);
}
.box-body,
.preview-zone .box {
    display: var(--flex);
}
.box-tools {
    gap: 24px;
    margin-top: 14px;
    font-size: 16px;
}
.dropzone-upload .form-text {
    font-size: 16px;
    font-weight: var(--fw400);
    line-height: 24px;
    color: var(--dark-grey) !important;
}
.dropzone-wrapper {
    border: 1px solid #91b0b3;
    color: #92b0b3;
    height: 150px;
}
.dropzone-wrapper .dropzone,
.dropzone:focus,
.dropzone-desc,
.box-tools {
    position: var(--absolute);
    width: 100%;
}
.dropzone,
.dropzone:focus {
    outline: var(--none) !important;
    height: 150px;
    top: 0;
    cursor: pointer;
    opacity: 0;
}
.dropzone-wrapper:hover,
.dropzone-wrapper.dragover {
    background: #ecf0f5;
}
.dropzone-desc {
    margin: 0 auto;
    left: 0;
    right: 0;
    text-align: var(--center);
    top: 50%;
    transform: translate(0, -50%);
    font-size: 16px;
}
#applicant-form .dropzone-desc {
    position: relative;
    top: 0;
    transform: unset;
}
#applicant-form .box-tools,
#easy-applicant-form .box-tools {
    position: var(--relative);
}
.hidden {
    display: var(--none);
}
.preview-zone .box {
    flex-direction: column;
}
.preview-zone .remove-preview {

}

/* Breadcrumbs */
.breadcrumbs ol {
    display: var(--flex);
    gap: 10px;
    list-style: var(--none);
}

/* Form Wizard */
.alreadyApplied,
.Appliedsuccess {
    display: var(--block);
    text-align: var(--center);
}
.alreadyApplied .job-title-success,
.Appliedsuccess .job-title-success {
    font-size: 20px;
    font-weight: 800;
    line-height: 40.92px;
    color: #001523;
    margin: 15px 0 0px;
}
.alreadyApplied .job-button-block,
.Appliedsuccess .job-button-block {
    margin: 20px 0;
}
.alreadyApplied .job-button-block .btn-info,
.alreadyApplied .job-button-block .btn-outline-info,
.Appliedsuccess .job-button-block .btn-info,
.Appliedsuccess .job-button-block .btn-outline-info {
    padding: 8px 15px;
}
.alreadyApplied .job-button-block .btn-outline-info,
.Appliedsuccess .job-button-block .btn-outline-info {
    border-color: var(--tosca);
}
.alreadyApplied .job-button-block .btn-info,
.Appliedsuccess .job-button-block .btn-info {
    background-color: var(--tosca);
}
#applyToJob .modal-open .modal {
    z-index: 999;
}
#applyToJob .modal-header {
    padding: 24px 24px 16px 24px;
}
#applyToJob .modal-dialog {
    max-width: 580px;
    margin: 10px auto;
}
#applyToJob .modal-dialog .modal-content .close {
    transform: translate(-50%, 50%);
}

#disclaimerModal .modal-dialog {
    max-width: 450px;
    margin: 10px auto;
}
#disclaimerModal .modal-dialog .modal-content .close {
    transform: translate(-50%, 50%);
}
#disclaimerModal .modal-dialog .modal-content .modal-body {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 24px;
}
#disclaimerModal .modal-dialog .modal-content .modal-header {
    border: none;
}

.btn-joblist-ai-loggedin,
.btn-joblist-ai-loggedout {
    display: inline-flex;
    align-items: center;
    position: relative;
}

.btn-joblist-ai-loggedin::before,
.btn-joblist-ai-loggedout::before {
    display: inline-block;
    margin-right: 10px;
    content: '';
    width: 20px;
    height: 20px;
    background-image: url("https://career.cakap.com/wp-content/uploads/2025/09/icon-ai.webp");
    background-repeat: no-repeat;
    background-size: 100%;
}
@media (max-width: 768px) {
    .jobinfo.skill-wrapper {
        margin-top: 16px;
    }
    .jobinfo.skill-wrapper{
        display: -webkit-box;
        line-clamp: 1;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
        .btn-joblist-ai-loggedin,
        .btn-joblist-ai-loggedout {
            width: fit-content;
            margin-top: 10px;
        }
}
.skill-wrapper .skill-match a {
    text-decoration: underline;
    text-underline-offset: 3px;
}

#skillMatchModal .modal-dialog .skill-match-wrapper {
    padding: 12px;
    margin-bottom: 24px;
    background-color: #F2F2F2;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}
#skillMatchModal .modal-dialog .modal-heading {
    padding: 24px;
    margin-bottom: 16px;
}
#skillMatchModal .modal-dialog .modal-heading .close span {
    font-size: 32px;
    font-weight: 400;
}
#skillMatchModal .modal-dialog .skill-match-wrapper a {
    color: #048CAA;
    text-decoration: underline;
}
#skillMatchModal .modal-dialog .skill-match-list ul li {
    display: flex;
    font-weight: 700;
    list-style: none;
    margin-bottom: 16px;

}
#skillMatchModal .modal-dialog .skill-match-list ul li::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.99996 18.3333C14.6023 18.3333 18.3333 14.6024 18.3333 9.99999C18.3333 5.39762 14.6023 1.66666 9.99996 1.66666C5.39759 1.66666 1.66663 5.39762 1.66663 9.99999C1.66663 14.6024 5.39759 18.3333 9.99996 18.3333ZM13.9735 8.03347C14.2681 7.67991 14.2204 7.15444 13.8668 6.8598C13.5132 6.56516 12.9878 6.61293 12.6931 6.9665L9.0494 11.339L7.6039 10.1826C7.24452 9.89509 6.72011 9.95335 6.4326 10.3127C6.14509 10.6721 6.20336 11.1965 6.56274 11.484L8.64608 13.1507C9.00039 13.4342 9.51636 13.382 9.80684 13.0335L13.9735 8.03347Z' fill='%23048CAA'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 8px;
}
#skillMatchModal .modal-dialog .skill-match-list ul li.skill-active {
}
#skillMatchModal .modal-dialog .skill-match-list ul li.skill-inactive {
    filter: grayscale();
    -webkit-filter: grayscale();
}

/* Form Wizard */
.form-wizard {
    color: #888;
    padding: 0;
}
.form-wizard .select2-container {
    width: 100% !important;
}
.form-wizard
    .select2-container
    .select2-selection--single
    .select2-selection__rendered {
    padding-left: 1rem;
}
.form-wizard .form-wizard-header p,
.form-wizard .wizard-fieldset h5,
.form-wizard .wizard-form-text-label {
    color: var(--dark-grey);
}
.form-wizard .form-wizard-next-btn,
.form-wizard .form-wizard-submit {
    width: 100%;
    background-color: var(--tosca);
    color: var(--white);
    display: var(--inline-block);
    padding: 10px;
    margin-left: 5px;
    text-align: var(--center);
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}
.form-wizard-upload-btn {
    width: 100%;
    background-color: var(--tosca);
    color: var(--white);
    display: var(--inline-block);
    padding: 10px;
    text-align: var(--center);
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    cursor: pointer;
}
.form-wizard .disabled {
    cursor: not-allowed;
    pointer-events: none;
}
.form-wizard-next-btn.disabled {
    cursor: not-allowed;
    pointer-events: none;
    background-color: #BCBCBD !important;
}
.form-wizard-cancel-btn,
.form-wizard .form-wizard-previous-btn {
    width: 100%;
    background-color: #ffffff;
    color: #2A2A2E;
    display: var(--inline-block);
    padding: 10px;
    margin-right: 5px;
    text-align: var(--center);
    border: 1px solid var(--border);
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}
.form-wizard .form-wizard-next-btn:hover,
.form-wizard .form-wizard-previous-btn:hover,
.form-wizard .form-wizard-submit:hover {
    opacity: 0.6;
    text-decoration: var(--none);
}
.form-wizard .wizard-fieldset {
    display: var(--none);
}
.form-wizard .wizard-fieldset.show {
    display: var(--block);
}
.form-wizard .wizard-form-error {
    display: var(--none);
    position: var(--absolute);
    left: 0;
    right: 0;
    bottom: -22px;
    font-size: 12px;
    margin-left: 5px;
    color: var(--invalid-color);
}
#applicant-form .wizard-form-error {
    position: var(--relative);
    bottom: -5px;
}
.form-wizard .wizard-form-error.cv {
    display: block;
    position: inherit;
    bottom: 0;
}
.form-wizard .form-control {
    color: var(--dark-grey);
    background: 0 0;
    border: 1px solid #bcbcbd;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
}
.form-wizard .form-control:focus {
    box-shadow: var(--none);
}
.form-wizard .form-control:disabled {
    background-color: #d4d4d4;
}
.form-wizard .form-group {
    position: var(--relative);
}
.form-group.clearfix.d-flex {
    position: relative;
    padding-top: 24px;
}
.form-group.clearfix.d-flex::before {
    position: absolute;
    border-top: 1px solid var(--border);
    width: 109%;
    height: 24px;
    top: 0;
    right: -24px;
    content: "";
    box-shadow: 0px -2px 8px 0px rgba(0, 0, 0, 0.10);
}
.form-wizard .focus-input .wizard-form-text-label {
    color: var(--soft-tosca);
    top: -18px;
    transition: 0.2s linear;
    font-size: 12px;
}
.form-wizard .form-wizard-steps {
    margin: 30px 0 10px 0;
}
.form-wizard .form-wizard-steps li {
    width: 33.333333%;
    float: var(--left);
    position: var(--relative);
}
.form-wizard .form-wizard-steps li::after {
    background-color: #f3f3f3;
    content: "";
    height: 5px;
    left: 0;
    position: var(--absolute);
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
}
.form-wizard .form-wizard-steps li span {
    background-color: #ddd;
    border-radius: 50%;
    display: var(--inline-block);
    width: 50px;
    height: 50px;
    line-height: 50px;
    position: var(--relative);
    text-align: var(--center);
    z-index: 1;
}
.form-wizard .form-wizard-steps li:last-child::after {
    width: 50%;
}
.form-wizard .form-wizard-steps li.activated span,
.form-wizard .form-wizard-steps li.active span {
    background-color: #048CAA;
    color: var(--white);
}
.form-wizard .form-wizard-steps li.activated::after,
.form-wizard .form-wizard-steps li.active::after {
    background-color: #048CAA;
    left: 50%;
    width: 50%;
    border-color: var(--soft-tosca);
}
.form-wizard .form-wizard-steps li.activated::after {
    width: 100%;
    border-color: var(--soft-tosca);
}
.form-wizard .form-wizard-steps li:last-child::after {
    left: 0;
}
.form-wizard .form-wizard-steps li.activated i::after,
.form-wizard .form-wizard-steps li.activated i::before,
.form-wizard .form-wizard-steps li.active i::after,
.form-wizard .form-wizard-steps li.active i::before {
    color: #FFFFFF;
}
.form-wizard .form-wizard-steps li i::after,
.form-wizard .form-wizard-steps li i::before {
    color: #57575B;
}
.form-wizard .form-wizard-steps li i::after {
    opacity: 1;
}
.form-wizard .wizard-password-eye {
    position: var(--absolute);
    right: 32px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}
@keyframes click-radio-wave {
    0% {
        width: 25px;
        height: 25px;
        opacity: 0.35;
        position: var(--relative);
    }
    100% {
        width: 60px;
        height: 60px;
        margin-left: -15px;
        margin-top: -15px;
        opacity: 0;
    }
}
@media screen and (max-width: 767px) {
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        width: 100%;
        border: 0;
        box-shadow: unset;
    }
    #applyToJob .modal-content {
            margin-bottom: 64px;
        }
    .wizard-content-left {
        height: auto;
    }
    .form-group.clearfix {
        position: fixed !important;
        width: 100%;
        background: #FFFFFF;
        bottom: -16px;
        left: 0;
        padding: 24px;
    }
}

/* Easy Apply */
#easyApplyJob .modal-dialog {
    max-width: 580px;
}

#easyApplyJob .modal-dialog .modal-content {
    margin-bottom: 100px;
}

#easyApplyJob .modal-dialog .modal-content .modal-header {
    padding: 24px 24px 16px 24px;
}

#easyApplyJob .modal-dialog .modal-content .close {
    position: relative;
    padding: 16px;
}

#easyApplyJob .modal-dialog .modal-content .close span {
    font-size: 32px;
}

#easyApplyJob .education-item .d-flex,
#easyApplyJob .experience-item .d-flex{
    flex-direction: row;
    flex-wrap: wrap;
    gap: 6px 0;
}
#easyApplyJob .dropzone-desc {
    position: relative;
}

/* Divider */
.divider {
    width: 100%;
    height: 2px;
    background-color: #F2F2F2;
}

/* Animate Loading */
.overlay {
    background: rgba(255, 255, 255, 0.5);
    color: var(--white);
    text-align: var(--center);
    height: 100%;
    position: var(--absolute);
    top: 0;
    left: 0;
    right: 0;
    opacity: 0;
    transition: opacity 0.45s ease-in-out;
    -webkit-border-radius: 0.75rem;
    -moz-border-radius: 0.75rem;
    border-radius: 0.75rem;
    visibility: var(--hidden);
    z-index: 1;
}
.loader,
.loading {
    position: var(--absolute);
    top: 50%;
}
.loading {
    right: 0;
    transform: translate(-50%, -50%);
}
.loader {
    --d: 22px;
    left: 50%;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    color: #00adc6;
    box-shadow: calc(1 * var(--d)) calc(0 * var(--d)) 0 0,
        calc(0.707 * var(--d)) calc(0.707 * var(--d)) 0 1px,
        calc(0 * var(--d)) calc(1 * var(--d)) 0 2px,
        calc(-0.707 * var(--d)) calc(0.707 * var(--d)) 0 3px,
        calc(-1 * var(--d)) calc(0 * var(--d)) 0 4px,
        calc(-0.707 * var(--d)) calc(-0.707 * var(--d)) 0 5px,
        calc(0 * var(--d)) calc(-1 * var(--d)) 0 6px;
    animation: 1s steps(8) infinite l27;
}
@keyframes l27 {
    100% {
        transform: rotate(1turn);
    }
}

/* Scrollbar */
.select2-container--default .select2-results > .select2-results__options,
div * {
    scrollbar-width: thin !important;
    scrollbar-color: #d8d8d9 #ffffff !important;
}
.select2-container--default
    .select2-results
    > .select2-results__options::-webkit-scrollbar,
div ::-webkit-scrollbar {
    width: 10px;
}
.select2-container--default
    .select2-results
    > .select2-results__options::-webkit-scrollbar-track,
div ::-webkit-scrollbar-track {
    background: #f2f2f2;
    border-radius: 10px;
}
.select2-container--default
    .select2-results
    > .select2-results__options::-webkit-scrollbar-thumb,
div ::-webkit-scrollbar-thumb {
    background-color: #d8d8d9;
    border-radius: 10px;
    border: 1px solid var(--white);
}

/* Select2 */
.select2-container .select2-selection--single {
    height: 44px;
    text-align: left;
    border-radius: 12px;
}
.select2-container--default .select2-selection--single {
    border: 1px solid #ced4da;
}
.select2-container--open .select2-dropdown--below {
    top: 3px;
    border-top: 1px solid #aaa;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 2.375rem;
}
.select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    line-height: 44px;
}
.select2-container--default
    .select2-selection--single
    .select2-selection__arrow {
    height: 42px;
}
.select2-container--default
    .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: var(--light-tosca);
    color: var(--tosca);
    padding: 0.75rem 0.5rem;
}
.select2-results__option {
    padding: 0.75rem 0.5rem;
    border-bottom: 1px solid #f2f2f2;
}
.select2-search--dropdown {
    padding: 0;
    margin: 0.5rem;
}

/* Modal */
.modal-dialog .modal-content,
#shareJob .modal-body .form-control {
    -webkit-border-radius: 0.75rem;
    -moz-border-radius: 0.75rem;
    border-radius: 0.75rem;
}
.modal-dialog .modal-content .close {
    position: var(--absolute);
    top: 0;
    right: 0;
    padding: 5px 13px;
    opacity: 1;
    z-index: 1;
}
.modal-dialog .modal-content .close span {
    font-size: 40px;
    font-weight: 300;
}
.modal-body {
    padding: 16px 24px;
}

/* Modal Share */
#shareJob .modal-dialog {
    max-width: 430px;
}
#shareJob .modal-header {
    align-items: var(--center);
    justify-content: var(--start);
    border-bottom: 0;
}
#shareJob .modal-header .modal-title {
    font-size: 20px;
    line-height: 28px;
}
#shareJob .modal-header .close {
    position: var(--absolute);
    right: 15px;
    top: 20px;
}
#shareJob .modal-body {
    padding: 0 16px 15px;
}
#shareJob .modal-body .form-control {
    padding: 0 3.5rem 0 1rem;
    height: 70px;
}
#shareJob .modal-body .copyLink {
    position: var(--relative);
}
#shareJob .modal-body .btn-copy {
    width: 33px;
    height: 33px;
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='33' viewBox='0 0 32 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.714844' width='31' height='31' rx='7.5' fill='white'/%3E%3Crect x='0.5' y='0.714844' width='31' height='31' rx='7.5' stroke='%23D8D8D9'/%3E%3Cg clip-path='url(%23clip0_5191_9469)'%3E%3Cpath d='M10 12.2148C10.394 12.2149 10.7841 12.1373 11.1481 11.9865C11.5121 11.8358 11.8428 11.6148 12.1214 11.3362C12.4 11.0576 12.6209 10.7269 12.7717 10.3629C12.9224 9.99894 13 9.60882 13 9.21484V6.21484H19C19.2627 6.21477 19.5228 6.26645 19.7655 6.36694C20.0081 6.46742 20.2286 6.61474 20.4144 6.80047C20.6001 6.9862 20.7474 7.20671 20.8479 7.44939C20.9484 7.69208 21.0001 7.95218 21 8.21484V20.2148C21.0001 20.4775 20.9484 20.7376 20.8479 20.9803C20.7474 21.223 20.6001 21.4435 20.4144 21.6292C20.2286 21.815 20.0081 21.9623 19.7655 22.0627C19.5228 22.1632 19.2627 22.2149 19 22.2148H9C8.73734 22.2149 8.47723 22.1632 8.23455 22.0627C7.99186 21.9623 7.77136 21.815 7.58563 21.6292C7.39989 21.4435 7.25258 21.223 7.15209 20.9803C7.05161 20.7376 6.99993 20.4775 7 20.2148V12.2148H10Z' fill='%2357575B'/%3E%3Cpath d='M23 10.2148V20.2148C22.9989 21.2754 22.5772 22.2922 21.8273 23.0421C21.0773 23.792 20.0605 24.2138 19 24.2148H11C10.9999 24.4775 11.0516 24.7376 11.1521 24.9803C11.2526 25.223 11.3999 25.4435 11.5856 25.6292C11.7714 25.815 11.9919 25.9623 12.2345 26.0627C12.4772 26.1632 12.7373 26.2149 13 26.2148H23C23.2627 26.2149 23.5228 26.1632 23.7655 26.0627C24.0081 25.9623 24.2286 25.815 24.4144 25.6292C24.6001 25.4435 24.7474 25.223 24.8479 24.9803C24.9484 24.7376 25.0001 24.4775 25 24.2148V12.2148C25.0001 11.9522 24.9484 11.6921 24.8479 11.4494C24.7474 11.2067 24.6001 10.9862 24.4144 10.8005C24.2286 10.6147 24.0081 10.4674 23.7655 10.3669C23.5228 10.2665 23.2627 10.2148 23 10.2148Z' fill='%2357575B'/%3E%3Cpath d='M11 9.21484V6.21484L7 10.2148H10C10.2652 10.2147 10.5195 10.1094 10.707 9.92184C10.8945 9.73433 10.9999 9.48003 11 9.21484Z' fill='%2357575B'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_5191_9469'%3E%3Crect width='24' height='24' fill='white' transform='translate(4 4.21484)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    position: var(--absolute);
    top: 50%;
    right: 0;
    transform: translate(-50%, -50%);
}
.share_links li {
    display: var(--inline-block);
    margin: 15px 8px;
    border-radius: 50%;
}
.share_links .whatsapp,
.share_links .whatsapp > a,
.share_links .linkedin,
.share_links .linkedin > a,
.share_links .facebook,
.share_links .facebook > a,
.share_links .email,
.share_links .email > a {
    display: var(--inline-block);
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
}
.share_links .whatsapp {
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='41' viewBox='0 0 40 41' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.714844' width='39' height='39' rx='19.5' fill='white'/%3E%3Crect x='0.5' y='0.714844' width='39' height='39' rx='19.5' stroke='%23D8D8D9'/%3E%3Cpath d='M20 10.2148C14.4775 10.2148 10 14.6923 10 20.2148C10 22.0909 10.527 23.8399 11.4258 25.3402L10.0895 30.2148L15.0684 28.9079C16.5245 29.7357 18.2054 30.2148 20 30.2148C25.5225 30.2148 30 25.7373 30 20.2148C30 14.6923 25.5225 10.2148 20 10.2148ZM16.5771 15.5501C16.7396 15.5501 16.9066 15.5491 17.0508 15.5566C17.2291 15.5608 17.4232 15.5739 17.609 15.9847C17.8299 16.473 18.3107 17.6981 18.3724 17.8223C18.4341 17.9464 18.4778 18.0927 18.3919 18.2552C18.3103 18.4219 18.2678 18.5227 18.1478 18.6702C18.0236 18.8136 17.8876 18.9916 17.7751 19.0999C17.6509 19.2241 17.5227 19.3602 17.666 19.6077C17.8093 19.8552 18.3071 20.6666 19.043 21.3216C19.9888 22.1666 20.7868 22.4263 21.0352 22.5505C21.2835 22.6746 21.4273 22.6553 21.5706 22.4886C21.7181 22.3261 22.1901 21.7685 22.3568 21.5202C22.5193 21.2718 22.6852 21.3148 22.9102 21.3965C23.1385 21.4782 24.3562 22.078 24.6045 22.2021C24.8528 22.3263 25.0156 22.3878 25.0781 22.4886C25.1423 22.5928 25.1424 23.0887 24.9365 23.667C24.7307 24.2445 23.7199 24.803 23.2666 24.8421C22.8091 24.8846 22.3821 25.0478 20.293 24.2253C17.773 23.2328 16.1837 20.6517 16.0596 20.485C15.9354 20.3225 15.0505 19.1431 15.0505 17.9264C15.0505 16.7056 15.6905 16.1077 15.9147 15.8594C16.143 15.611 16.4105 15.5501 16.5771 15.5501Z' fill='%2357575B'/%3E%3C/svg%3E%0A");
}
.share_links .linkedin {
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='41' viewBox='0 0 40 41' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.714844' width='39' height='39' rx='19.5' fill='white'/%3E%3Crect x='0.5' y='0.714844' width='39' height='39' rx='19.5' stroke='%23D8D8D9'/%3E%3Cpath d='M28.1818 10.2148H11.8182C10.8136 10.2148 10 11.0285 10 12.033V28.3967C10 29.4012 10.8136 30.2148 11.8182 30.2148H28.1818C29.1864 30.2148 30 29.4012 30 28.3967V12.033C30 11.0285 29.1864 10.2148 28.1818 10.2148ZM16.3218 26.5785H13.64V17.9494H16.3218V26.5785ZM14.9536 16.7158C14.0891 16.7158 13.39 16.0148 13.39 15.1521C13.39 14.2894 14.09 13.5894 14.9536 13.5894C15.8155 13.5894 16.5164 14.2903 16.5164 15.1521C16.5164 16.0148 15.8155 16.7158 14.9536 16.7158ZM26.3673 26.5785H23.6873V22.3821C23.6873 21.3812 23.6691 20.0939 22.2936 20.0939C20.8982 20.0939 20.6836 21.1839 20.6836 22.3094V26.5785H18.0036V17.9494H20.5764V19.1285H20.6127C20.9709 18.4503 21.8455 17.7348 23.15 17.7348C25.8655 17.7348 26.3673 19.5221 26.3673 21.8458V26.5785Z' fill='%2357575B'/%3E%3C/svg%3E%0A");
}
.share_links .facebook {
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='41' viewBox='0 0 40 41' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.714844' width='39' height='39' rx='19.5' fill='white'/%3E%3Crect x='0.5' y='0.714844' width='39' height='39' rx='19.5' stroke='%23D8D8D9'/%3E%3Cpath d='M22.6538 14.1279H24.8172C25.056 14.1279 25.2499 13.9331 25.2499 13.6931V10.764C25.2499 10.5361 25.0755 10.3466 24.8497 10.3305C24.1612 10.2814 22.8165 10.2148 21.8494 10.2148C19.1923 10.2148 17.4615 11.8148 17.4615 14.7227V17.6061H14.4327C14.1938 17.6061 14 17.8009 14 18.0409V21.0844C14 21.3244 14.1938 21.5192 14.4327 21.5192H17.4615V29.7801C17.4615 30.0201 17.6553 30.2148 17.8942 30.2148H20.923C21.1619 30.2148 21.3557 30.0201 21.3557 29.7801V21.5192H24.4806C24.7012 21.5192 24.8864 21.3527 24.9107 21.1322L25.2473 18.0888C25.2758 17.8314 25.0751 17.6061 24.8172 17.6061H21.3557V15.4322C21.3557 14.7118 21.9368 14.1279 22.6538 14.1279Z' fill='%2357575B'/%3E%3C/svg%3E%0A");
}
.share_links .email {
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='41' viewBox='0 0 40 41' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.714844' width='39' height='39' rx='19.5' fill='white'/%3E%3Crect x='0.5' y='0.714844' width='39' height='39' rx='19.5' stroke='%23D8D8D9'/%3E%3Cpath d='M20.022 19.9593C19.8608 19.9566 19.7028 19.9146 19.5615 19.8369L10 14.6214V14.2148C10 13.6844 10.2107 13.1757 10.5858 12.8006C10.9609 12.4256 11.4696 12.2148 12 12.2148H28C28.5304 12.2148 29.0391 12.4256 29.4142 12.8006C29.7893 13.1757 30 13.6844 30 14.2148V15.0966L20.4863 19.8525C20.3426 19.9254 20.1832 19.9621 20.022 19.9593Z' fill='%2357575B'/%3E%3Cpath d='M19.9867 21.9586C20.4705 21.9671 20.9492 21.8583 21.3818 21.6417L30 17.3329V26.2149C30 26.7453 29.7893 27.254 29.4142 27.6291C29.0391 28.0042 28.5304 28.2149 28 28.2149H12C11.4696 28.2149 10.9609 28.0042 10.5858 27.6291C10.2107 27.254 10 26.7453 10 26.2149V16.8994L18.6035 21.5928C19.0283 21.8246 19.5029 21.9501 19.9867 21.9586Z' fill='%2357575B'/%3E%3C/svg%3E%0A");
}

/* Block Widget */
.block-widget {
    position: var(--relative);
    overflow: var(--hidden);
}
.block-widget .heading {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 24px;
}
.block-widget .bottom-left {
    left: -10px;
}
.block-widget .top-right {
    top: -10px;
}
.block-widget .btn {
    font-weight: var(--fw800);
    font-size: 14px;
    line-height: 20px;
    color: var(--dark-grey);
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}

/* Modal Login */
.login .modal-title,
.mobile-login .canvas-title {
    font-size: 1rem;
    font-weight: var(--fw600);
}
.login .modal-body {
    padding: 0;
}
.login .modal-footer {
    padding: 1rem 0;
}
.login .btn-login,
.login .btn-cancel {
    padding: 15px 40px;
    text-transform: uppercase;
    border-width: 0;
}

.login .btn-login {
    background-color: var(--blue);
    border-color: #0062cc;
    margin-right: 0;
}
.login .btn-login,
.login .btn-login:hover,
.login .status.error,
.mobile-login .status.error,
.login .status.success,
.mobile-login .status.success {
    color: var(--white);
}
.login .btn-login:hover {
    background-color: var(--tosca);
}

.login .status.error,
.mobile-login .status.error,
.login .status.success,
.mobile-login .status.success {
    padding: 8px;
    margin-bottom: 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.login .status.success,
.mobile-login .status.success {
    border-color: #4fd69c;
    background-color: #4fd69c;
}

.login .status.error,
.mobile-login .status.error {
    background-color: #f75676;
    border-color: #f75676;
    background-image: none;
}
.custom-control .join-partner {
    display: var(--block);
    margin-top: 12px;
    font-size: 14px;
}

/* Modal Testimonial */
#testimonialModal .modal-dialog {
    max-width: 653px;
}
.modal-body .testimonial-user-wrapper {
    margin-top: 0;
}
.modal .testimonial-user-wrapper {
    position: var(--relative);
    display: var(--flex);
    align-items: var(--center);
    margin-top: 45px;
    margin-bottom: 20px;
}
.modal .testimonial-user-wrapper .testimonial-photo {
    position: var(--relative);
    top: 0;
    margin-right: 15px;
    z-index: 9999;
}
.modal .testimonial-user {
    display: var(--flex);
    flex-wrap: wrap;
    flex-direction: var(--column);
}
.modal .testimonial-user .name {
    font-size: 18px;
    line-height: 24px;
    color: #00548e;
}
.modal .testimonial-user .jobs {
    font-size: 15px;
    font-weight: var(--fw400);
    line-height: 20px;
    color: var(--tosca);
}
.modal-body .testimonial-comments {
    margin-bottom: 30px;
    font-size: 15px;
    line-height: 20px;
}

/* Section */
section {
    position: var(--relative);
    overflow: var(--hidden);
    padding: 40px 0;
}

/* Hero Banner */
.hero-banner,
.hero-banner .wrap-banner-caption.left-position,
.hero-banner .wrap-banner-caption.right-position {
    display: var(--flex);
}
.hero-banner {
    align-items: var(--center);
    padding-top: 0;
    padding-bottom: 0;
}
.hero-banner .wrap-image {
    position: var(--relative);
    top: 15px;
}
.hero-banner .wrap-banner-caption.left-position {
    justify-content: var(--start);
}
.hero-banner .banner-caption-left .heading,
.hero-banner .banner-caption-right .heading {
    font-size: 32px;
    line-height: 42px;
}
.hero-banner .banner-caption-left .subheading,
.hero-banner .banner-caption-right .subheading,
.hero-banner .banner-caption-right .cta-button .btn-cta {
    color: var(--light-grey);
}
.hero-banner .banner-caption-right .heading,
.hero-banner .banner-caption-right .subheading,
.hero-banner .wrap-banner-caption.left-position .banner-caption-left .heading,
.hero-banner
    .wrap-banner-caption.left-position
    .banner-caption-left
    .subheading {
    color: var(--white);
}
.hero-banner .banner-caption-right .cta-button {
    display: var(--block);
    margin-top: 40px;
}
.hero-banner .banner-caption-right .cta-button .btn-cta {
    padding: 10px 18px;
    box-shadow: 0px 3px 10px 0px rgba(16, 24, 40, 0.5);
}
.hero-banner .ornament-1,
.hero-banner .ornament-2,
.hero-banner .ornament-3,
.community .ornament-4,
.community .ornament-5,
.top-left,
.top-right,
.top-center,
.center-left,
.center-right,
.bottom-left,
.bottom-right {
    position: var(--absolute);
    z-index: -1;
}
.hero-banner .ornament-1 {
    bottom: 0;
}
.hero-banner .ornament-1.custom-position {
    right: 0;
    bottom: 200px;
}
.hero-banner .ornament-2 {
    top: 0;
    right: 0;
}
.hero-banner .ornament-3 {
    bottom: 0;
    left: 0;
}
.community .ornament-4 {
    top: 0;
    left: -3px;
}
.community .ornament-5 {
    bottom: 0;
    right: 0;
}
.popup-search-location .has-search,
.popup-search-category .has-search,
.popup-search-type .has-search,
.popup-search-level .has-search {
    position: var(--relative);
}
.searchjob_by_location .has-search .form-control,
.popup-search-location .has-search .form-control,
.popup-search-category .has-search .form-control,
.popup-search-type .has-search .form-control,
.popup-search-level .has-search .form-control,
.search-job .has-search .form-control,
.search-job-company .has-search .form-control {
    padding-left: 2.375rem;
}
.searchjob_by_location .has-search select.form-control,
.search-job .has-search select.form-control {
    padding-left: 1.95rem;
}
.searchjob_by_location .has-search select.form-control:disabled {
    background-color: var(--white);
}
.has-search .form-control-feedback {
    position: var(--absolute);
    top: 0;
    z-index: 2;
    display: var(--block);
    width: 1.25rem;
    height: 1.25rem;
    line-height: 1.25rem;
    text-align: var(--center);
    pointer-events: var(--none);
    color: var(--light-grey);
    transform: translate(50%, 50%);
}
.loading-indicator,
.show-loading {
    display: var(--none);
    position: var(--absolute);
    top: 50%;
}
.loading-indicator {
    right: 0.5rem;
    transform: translate(0, -50%);
}
.show-loading {
    right: 0.75rem;
    transform: translate(0, -90%);
}
.btn-search-jobs {
    height: 44px;
    padding: 8px 18px;
}
.search-job
    .form-group.category
    .select2-container--default
    .select2-selection--single {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.search-job
    .form-group.location
    .select2-container--default
    .select2-selection--single {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.search-job
    .form-group.keyword
    .select2-container--default
    .select2-selection--single,
.search-job form .btn-search {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.search-job .dropdown .btn-default,
.search-job .dropdown .btn-tosca {
    font-size: 0.915rem;
    text-align: var(--left);
    -webkit-border-radius: 6.25rem;
    -moz-border-radius: 6.25rem;
    border-radius: 6.25rem;
    outline: var(--none);
}
.search-job .dropdown .btn-default {
    color: #495057;
    border: 1px solid #ced4da;
}
.search-job .dropdown .btn-tosca {
    color: var(--white);
    background-color: var(--tosca);
    border: 1px solid var(--tosca);
}
.search-job .dropdown .btn-tosca .badge {
    padding: 0.35em 0.5em;
    margin-left: 5px;
    color: var(--tosca);
}
.search-job .reset {
    color: var(--tosca);
    cursor: pointer;
}
.advanced-search-jobs .reset {
    color: var(--tosca);
    cursor: pointer;
}
.search-job .dropdown.show > .btn-default.dropdown-toggle {
    outline: var(--none);
    box-shadow: var(--none);
}
.show > .btn-default.dropdown-toggle:focus {
    box-shadow: var(--none);
}
.search-job .dropdown .dropdown-menu {
    margin-top: 0.188rem;
    padding: 10px;
    -webkit-border-radius: 0.75rem;
    -moz-border-radius: 0.75rem;
    border-radius: 0.75rem;
}
.search-job .dropdown-level .dropdown .dropdown-menu.show {
    width: 200px;
}
.search-job .dropdown-type {
    margin-left: -10px;
}
.search-job .dropdown .dropdown-item {
    padding: 0.25rem 0.75rem;
}
.search-job .dropdown .dropdown-header {
    display: var(--flex);
    align-items: var(--center);
    padding: 0;
}
.search-job .dropdown .dropdown-header .dropdown-title {
    width: 85%;
    padding: 0.25rem 0.5rem 0.25rem 0;
    color: rgba(42, 42, 46, 1);
}
.search-job .dropdown .dropdown-header .close-dropdown {
    text-align: var(--center);
    width: 16%;
    font-size: 22px;
    cursor: pointer;
}
.search-job .dropdown-menu .form-check-input {
    width: 18px;
    height: 18px;
    margin-top: 0.1rem;
    margin-left: -1.25rem;
}
.search-job .dropdown-menu .form-check-label {
    margin-left: 5px;
}
.search-job .form-group,
.search-job .input-group-prepend .btn-search {
    margin-left: -1px;
    margin-bottom: 0;
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}
.search-job .input-group-prepend .btn-search {
    padding: 8px 18px;
}

/* Card Career */
.career-job-featured {
    min-height: 200px;
}
.career-job-featured,
.career-job-featured .job-available,
.career-job-featured .job-unavailable {
    border-radius: 12px;
}
.career-hub-featured {
    background-color: transparent;
    border: var(--none);
    text-align: var(--center);
}
.career-job-featured .card-image-top {
    width: 65px;
    height: 65px;
    margin: 1rem 0 0 1.25rem;
    border: 1px solid rgba(242, 242, 242, 1);
    object-fit: contain;
}
.career-hub-featured .card-title,
.career-job-featured .card-title {
    color: var(--dark-grey);
}
.career-job-featured .card-title {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 4px;
}
.career-job-featured span {
    font-size: 12px;
    line-height: 18px;
    color: rgba(126, 126, 129, 1);
    margin-bottom: 4px;
}
.career-hub-featured .comingsoon {
    background: linear-gradient(0deg, #eccdcd, #eccdcd),
        linear-gradient(0deg, #d18585, #d18585);
    font-size: 10px;
    line-height: 14px;
    color: var(--darker-red);
    padding: 4px 8px;
    margin-left: 5px;
}
.career-hub-featured .card-img-top {
    width: 48px;
    height: 48px;
    margin: 0 auto;
}
.career-job-featured .card-body {
    padding-top: 8px;
}
.career-hub-featured .card-text {
    color: var(--light-grey);
}
.career-job-featured .job-available,
.career-job-featured .job-unavailable {
    display: var(--inline-block);
    padding: 4px 8px;
    margin-top: 8px;
    font-size: 10px;
    line-height: 14px;
}
.career-job-featured .job-available {
    background-color: rgba(209, 234, 240, 1);
    color: rgba(2, 70, 85, 1);
}
.career-job-featured .job-unavailable {
    background-color: rgba(242, 242, 242, 1);
    color: rgba(87, 87, 91, 1);
}
#job-results.not-found {
    padding: 60px 0;
    justify-content: var(--center);
}
#companies .button-wrapper {
    display: var(--flex);
    align-items: var(--center);
    justify-content: var(--center);
}

/* Company */
.companyLists img {
    padding: 0;
    border: 0;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.companyLists .readmore {
    font-size: 20px;
    line-height: 28px;
}

/* Testimonial */
.swiperTestimonial .swiper-container,
.swiperTestimonial .wrap-testimonial,
.academyTestimonial .swiper-container,
.academyTestimonial .wrap-testimonial,
.testimonial .wrap-testimonial,
.swiperTestimonial .swiper-pagination-bullet.swiper-pagination-bullet-active {
    position: var(--relative);
}
.testimonial .wrap-testimonial .quote,
.testimonial .testimonial-photo,
.swiperTestimonial .wrap-testimonial .quote,
.swiperTestimonial .testimonial-photo,
.swiperTestimonial .swiper-pagination-bullet-active:before {
    position: var(--absolute);
}
.testimonial-comments {min-height: 165px}
.swiperTestimonial .swiper-container,
.academyTestimonial .swiper-container  {
    padding: 3.125rem 0.75rem;
    min-height: 425px;
    margin-left: auto;
    margin-right: auto;
    overflow: var(--hidden);
    z-index: 1;
}
.swiperTestimonial .swiper-slide,
.academyTestimonial .swiper-slide {
    padding-top: 0;
    height: 100%;
    border-radius: 24px;
    box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.2);
}
.testimonial .wrap-testimonial,
.swiperTestimonial .wrap-testimonial,
.academyTestimonial .wrap-testimonial {
    background-color: var(--white);
    padding: 1.25rem 1.875rem;
    min-height: 365px;
    -webkit-border-radius: 1.5rem;
    -moz-border-radius: 1.5rem;
    border-radius: 1.5rem;
    overflow: inherit;
}
.swiperTestimonial .wrap-testimonial .quote {
    top: -1.25rem;
    right: 2rem;
    margin-bottom: 0.313rem;
    background-image: url("data:image/svg+xml,%3Csvg width='61' height='44' viewBox='0 0 61 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M61 4.87255C61 2.50106 59.5508 0.393066 55.9935 0.393066C51.1188 0.393066 45.1901 2.76455 41.2376 6.71704C36.3629 11.5918 33.4644 18.7062 33.4644 28.324V28.851C33.4644 37.9417 37.8121 43.6069 45.1901 43.6069C51.7775 43.6069 56.1253 38.9957 56.1253 32.8034V32.5399C56.1253 26.8747 51.514 22.9222 46.9028 21.7365C46.6393 15.4125 50.3283 10.8013 57.0475 9.22028C59.2873 8.69328 61 7.24403 61 4.87255ZM27.5356 4.87255C27.5356 2.50106 26.0864 0.393066 22.5292 0.393066C17.6544 0.393066 11.7257 2.76455 7.77322 6.71704C2.89849 11.5918 0 18.7062 0 28.324V28.851C0 37.9417 4.34773 43.6069 11.7257 43.6069C18.3132 43.6069 22.6609 38.9957 22.6609 32.8034V32.5399C22.6609 26.8747 18.0497 22.9222 13.4384 21.7365C13.1749 15.4125 16.8639 10.8013 23.5832 9.22028C25.8229 8.69328 27.5356 7.24403 27.5356 4.87255Z' fill='%23F4C52F'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    width: 3.813rem;
    height: 2.688rem;
}
.testimonial .testimonial-user-wrapper,
.swiperTestimonial .testimonial-user-wrapper {
    align-items: var(--center);
    margin-top: 3.438rem;
    margin-bottom: 1.25rem;
}
.testimonial .testimonial-photo,
.swiperTestimonial .testimonial-photo {
    top: -125px;
}
.testimonial .testimonial-user,
.swiperTestimonial .testimonial-user {
    margin-top: 0.938rem;
}
.swiperTestimonial .testimonial-user .jobs {
    color: var(--light-grey);
}
.swiperTestimonial .testimonial-readmore {
    margin-top: 1.25rem;
}
.swiperTestimonial .swiper-arrow-prev,
.swiperCustomers .swiper-arrow-prev,
.academyTestimonial .swiper-arrow-prev {
    left: -60px;
}
.swiperTestimonial .swiper-arrow-next,
.swiperCustomers .swiper-arrow-next,
.academyTestimonial .swiper-arrow-next {
    right: -60px;
}
.swiperCustomers .swiper-arrow-prev,
.swiperCustomers .swiper-arrow-next {
    top: 240px;
}
.academyTestimonial .swiper-arrow-prev, 
.academyTestimonial .swiper-arrow-next {
    top: 300px;
}
.swiperPersonality .swiper-arrow-prev {
    left: 30px;
}
.swiperPersonality .swiper-arrow-next {
    right: 30px;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets
    .swiper-pagination-bullet {
    margin: 0 0.5rem;
}
.swiperTestimonial .swiper-pagination-bullet {
    background-color: var(--purple);
}
.swiperTestimonial .swiper-pagination-bullet.swiper-pagination-bullet-active {
    display: var(--inline-block);
    width: 0.375rem;
    height: 0.375rem;
    border-radius: 50%;
    background: var(--black);
    background-color: var(--blue);
}
.swiperTestimonial .swiper-pagination-bullet-active:before {
    content: "";
    width: 1rem;
    height: 1rem;
    background: var(--white);
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}
.swiperPersonality .swiper-pagination,
.swiperCustomers .swiper-pagination {
    background-color: rgba(0, 0, 0, 0.16);
    width: auto;
    left: 50%;
    bottom: 3%;
    border-radius: 16px;
    padding: 4px 8px;
}
.swiperPersonality .swiper-pagination-bullet-active,
.swiperCustomers .swiper-pagination-bullet-active {
    width: 16px;
    height: 8px;
    border-radius: 16px;
}
.swiper-pagination-horizontal.swiper-pagination-bullets
    .swiper-pagination-bullet {
    margin: 0 0.15rem;
    background: var(--white);
    opacity: 1;
}

/* Swiper JS */
.swiper-lazy-preloader {
    margin-left: 0;
    margin-top: 0;
}
.swiper-arrow,
.swiper-button-prev,
.swiper-button-next {
    font-size: 0;
    position: var(--absolute) !important;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    width: 2.5rem;
    height: 2.5rem;
    display: -ms-flexbox;
    display: var(--flex);
    -ms-flex-pack: var(--center);
    justify-content: var(--center);
    -ms-flex-align: var(--center);
    align-items: var(--center);
    background-color: transparent;
    cursor: pointer;
    background: linear-gradient(110.48deg, #ececec 0%, #f4f4f4 100%);
    box-shadow: 12px 12px 24px rgb(0 0 0 / 15%);
    border-color: transparent;
    z-index: 1;
}
.arrow-left:before,
.arrow-right:before,
.swiper-button-next:after,
.swiper-button-prev:after {
    content: "";
    background-position: var(--center);
    background-repeat: no-repeat;
    background-size: contain;
    width: 1.5rem;
    height: 1.5rem;
    position: var(--relative);
    display: var(--block);
}
.arrow-left:before,
.swiper-button-prev:after {
    content: "";
    background-image: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M19 12H5" stroke="%2300ADC6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M12 19L5 12L12 5" stroke="%2300ADC6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E%0A');
}
.arrow-right:before,
.swiper-button-next:after {
    content: "";
    background-image: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M5 12H19" stroke="%2300ADC6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M12 19L19 12L12 5" stroke="%2300ADC6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E%0A');
}
.swiper-arrow.swiper-button-disabled {
    visibility: var(--hidden);
}

/* JobLists */
.advanced-search-jobform {
    overflow: visible;
    border-bottom: 1px solid var(--lightning);
}
.search-job .form-control {
    border-radius: 0;
}
.jobListActive .job-link {
    cursor: pointer;
}
.joblist-wrapper,
.jobListActive .jobListData .jobName span {
    display: var(--block);
}
.jobListSide_wrapper {
    width: 33%;
    float: var(--left);
    height: 100vh;
    overflow-y: auto;
}
.fixed {
    position: fixed;
    top: 0;
    bottom: auto;
    width: 33%;
}
.jobListSide_wrapper.stopped {
    position: absolute;
    top: 0;
}
.jobListSide_wrapper .jobListActive {
    overflow-y: scroll;
    padding-right: 0.5rem;
}
.jobListActive.no-available {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 60vh;
}
.jobListActive .info-text strong,
#job-results.not-found .info-text strong {
    font-size: 20px;
    display: block;
    margin-bottom: 8px;
    margin-top: 10px;
}
.countresult,
.jobListSide_wrapper .btn-load-more {
    position: sticky;
}
.countresult {
    top: -1px;
    background: var(--white);
    display: var(--block);
    padding: 12px 12px 12px 0;
}
.jobListActive.no-available .box-wrapper .back-all-jobs .btn,
#job-results.not-found .box-wrapper .back-all-jobs .btn {
    padding: 0.75rem 1rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
}
.jobListSide_wrapper .btn-load-more {
    display: var(--none);
    left: 50%;
    bottom: 0;
    margin-top: 0;
    transform: translate(-50%, 0);
    z-index: 1;
}
.jobListSide_wrapper .heading,
.jobListSide_wrapper .countresult {
    font-weight: var(--fw400);
}
.jobListActive .job-item.active .jobListData {
    background-color: rgba(209, 234, 240, 1);
    border: 1px solid var(--tosca);
}
.jobListActive .jobListData,
.jobList .wrap-content,
.wrap-job-detail {
    border: 1px solid var(--lightning);
}
.jobListActive .jobListData {
    display: var(--flex);
    flex-wrap: wrap;
    padding: 0.938rem;
    margin-bottom: 0.938rem;
}
.jobListActive .jobListData .companyLogo {
    flex: 2;
    padding-right: 0.938rem;
}
.joblist-company .jobListData .companyLogo {
    flex: 1;
}
.jobListActive .jobListData .jobName {
    flex: 8;
}
.jobListActive .jobListData .jobName span {
    font-size: 12px;
    line-height: 18px;
    color: var(--light-grey);
}
.join-us {
    display: var(--flex);
    align-items: var(--center);
    padding: 2rem 1.5rem !important;
}
.join-us .join-info-text {
    flex: 1 1 50%;
    margin-bottom: 8px;
}
.join-us .join-info-text .heading {
    font-size: 20px;
    line-height: 28px;
}
.jobList .wrap-content,
.swiperWidgetRegister {
    position: var(--relative);
    width: 66%;
    float: var(--right);
    margin-left: 1%;
}
.join-us,
.jobList .jobContent,
.jobDetail,
.corporate,
.summary-company,
.about-company,
.benefit-company,
.gallery-company,
.joblist-company {
    padding: 1.5rem;
    word-break: break-word;
}
.swiperWidgetRegister .btn:hover {
    transition: all 0.3s ease-in-out;
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}
.swiperWidgetRegister .swiper-pagination {
    bottom: 8px;
    width: auto;
    left: 63%;
    transform: translate(0, 0);
    padding: 0 8px;
    background: rgba(0, 0, 0, 0.16);
    border-radius: 16px;
}
.swiperWidgetRegister .swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    margin: 0 0.15rem;
    border-radius: 16px;
}
.swiperWidgetRegister .swiper-pagination .swiper-pagination-bullet-active {
    width: 16px;
}
.swiperWidgetRegister .swiper-pagination .swiper-pagination-bullet,
.swiperWidgetRegister .swiper-pagination .swiper-pagination-bullet-active {
    background-color: rgba(255, 255, 255, 1);
    opacity: 1;
}
.job-wrapper .corporate {
    margin-top: 30px;
}
.corporate .about-company {
    padding: 0;
    text-wrap: wrap;
    word-break: break-word;
}
.job-wrapper .wrap-title {
    display: var(--flex);
    align-items: var(--start);
    gap: 0.75rem;
}
.job-wrapper .wrap-title .back {
    display: var(--none);
}
.job-wrapper .heading {
    font-size: 1.25rem;
    line-height: 1.75rem;
}
.job-wrapper .jobinfo i {
    padding-right: 0.5rem;
}
.job-wrapper .jobinfo .companyLocation,
.job-wrapper .jobinfo .btn-share {
    margin-right: 0.938rem;
}
.job-wrapper .jobinfo .companyLocation:before,
.job-wrapper .jobinfo .companyJobType:before {
    content: "\2022";
    padding: 0 5px;
}
.job-wrapper .jobinfo .time {
    color: var(--grey);
}
.jobinfo .skill-match {
    padding: 4px 8px;
    background-color: #F2F2F2;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}
.job-wrapper .jobdesc {
    word-break: break-word;
}
.job-wrapper .jobdesc .title {
    display: var(--block);
    margin-bottom: 0.5rem;
    font-size: 1rem;
    line-height: 1.375rem;
}
.job-wrapper .jobdesc ul,
.job-wrapper .jobdesc ol {
    padding-left: 1.563rem;
    margin-bottom: 1.5rem;
}
.job-wrapper .jobdesc span {
    display: block;
}
.corporate .title {
    font-size: 1.25rem;
    line-height: 1.75rem;
}
.corporate .wrap-company .company-info,
.summary-company .wrap-company .company-info,
.mobileViewLayout .wrap-company .company-info,
.mobileViewLayout-single .wrap-company .company-info {
    display: var(--flex);
    gap: 1.5rem;
}
.corporate .wrap-company .company-info,
.mobileViewLayout .wrap-company .company-info,
.mobileViewLayout-single .wrap-company .company-info {
    align-items: var(--start);
}
.corporate .wrap-company .company-info .compLogo,
.mobileViewLayout .wrap-company .company-info .compLogo,
.mobileViewLayout-single .wrap-company .company-info .compLogo {
    width: 10%;
}
.corporate .wrap-company .company-info .compDetail,
.mobileViewLayout .wrap-company .company-info .compDetail,
.mobileViewLayout-single .wrap-company .company-info .compDetail {
    width: 85%;
}
.corporate .wrap-company .company-info .compDetail .noc > a,
.mobileViewLayout .wrap-company .company-info .compDetail .noc > a,
.mobileViewLayout-single .wrap-company .company-info .compDetail .noc > a {
    color: var(--tosca);
}
.corporate .wrap-company .compMetaInfo {
    display: var(--block);
}
.corporate .wrap-company .mapsCorporate {
    margin-top: 20px;
}
.single-corporate .wrapper-jobList {
    height: 500px;
    overflow-y: auto;
    padding-right: 0.75rem;
}
.single-corporate .wrapper-jobList .btn-load-more {
    display: var(--block);
    margin: 0 auto;
}
.summary-company .company-info .wrapper-logo {
    display: var(--flex);
    align-items: flex-start;
    justify-content: var(--center);
}
.summary-company .company-info .compLogo {
    display: var(--flex);
    align-items: var(--center);
    justify-content: var(--center);
    width: 88px;
    height: 88px;
    padding: 12px;
    border: 1px solid rgb(216, 215, 215);
    border-radius: 16px;
}
.summary-company .company-info .compDetail {
    width: 88%;
    margin-left: 0.625rem;
}
.summary-company .company-info .compDetail .noc,
.about-company .heading,
.benefit-company .heading,
.gallery-company .heading {
    font-size: 1.25rem;
    line-height: 1.75rem;
}
.joblist-company .heading,
.corporate .wrap-company .company-info .compDetail .noc > a {
    font-size: 0.875rem;
    line-height: 1.25rem;
}
.summary-company .company-info .compDetail .compMetaInfo {
    display: var(--flex);
    align-items: var(--start);
    gap: 10px;
    list-style-type: var(--none);
}
.summary-company .company-info .compDetail .compMetaInfo .item {
    flex-basis: 25%;
}
.summary-company .company-info .compDetail .compMetaInfo .meta-info {
    display: var(--flex);
    align-items: var(--center);
    margin-bottom: 0.875rem;
}
.summary-company .company-info .compDetail .compMetaInfo .meta-info .title {
    font-weight: var(--fw700);
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: rgba(42, 42, 46, 1);
    margin-top: 3px;
}
.summary-company .company-info .compDetail .compMetaInfo span {
    font-weight: var(--fw400);
    margin-right: 0.5rem;
}
.listofbenefit {
    display: var(--flex);
    flex-wrap: wrap;
    gap: 0.938rem;
}
.listofbenefit li {
    display: var(--flex);
    align-items: var(--center);
    gap: 0.375rem;
    padding: 0.5rem 1rem;
    border: 1px solid #d8d8d9;
    -webkit-border-radius: 1.25rem;
    -moz-border-radius: 1.25rem;
    border-radius: 1.25rem;
}
.listofbenefit li:before {
    display: var(--inline-block);
    content: "";
    width: 1.25rem;
    height: 1.25rem;
}
.listofbenefit li.competitive-salary:before {
    background: url("assets/images/benefit-icon.png") -50px -90px;
}
.listofbenefit li.thr-bonus:before {
    background: url("assets/images/benefit-icon.png") -90px -90px;
}
.listofbenefit li.medical-insurance:before {
    background: url("assets/images/benefit-icon.png") -10px -90px;
}
.listofbenefit li.dental-insurance:before {
    background: url("assets/images/benefit-icon.png") -90px -50px;
}
.listofbenefit li.team-building-activity:before {
    background: url("assets/images/benefit-icon.png") -90px -10px;
}
.listofbenefit li.transportation:before {
    background: url("assets/images/benefit-icon.png") -50px -50px;
}
.listofbenefit li.paid-maternity:before {
    background: url("assets/images/benefit-icon.png") -10px -50px;
}
.listofbenefit li.laptop-ownership:before {
    background: url("assets/images/benefit-icon.png") -50px -10px;
}
.listofbenefit li.hybrid-work-arrangement:before {
    background: url("assets/images/benefit-icon.png") -10px -10px;
}
.box-wrap-company,
.gallery {
    display: var(--block);
    position: var(--relative);
}
.gallery-slider {
    padding-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    position: var(--relative);
    overflow: hidden;
    z-index: 1;
}
.gallery-slider .swiper-slide {
    height: 100%;
}
.gallery-slider .swiper-slide img {
    display: var(--block);
    width: auto;
    height: 100%;
    margin: 0 auto;
}
.gallery-thumbs {
    width: 100%;
    padding: 0;
    overflow: var(--hidden);
}
.gallery-thumbs .swiper-slide {
    width: 100px;
    height: 100px;
    text-align: var(--center);
    overflow: var(--hidden);
    opacity: 1;
}
.gallery-thumbs .swiper-slide-thumb-active {
    background: rgba(2, 70, 85, 0.5);
    opacity: 0.75;
}
.gallery-thumbs .swiper-slide img {
    width: auto;
    height: 100%;
}

/* Perusahaan */

/* Kategori */
.wrap-categories .heading-cat {
    line-height: 2rem;
}
.wrap-categories .heading-cat a {
    color: #212529;
}
.wrap-categories .heading-cat a:hover {
    color: #00adc6;
}
.wrap-categories h2 {
    font-size: 24px;
    padding: 20px 0 10px;
    border-bottom: 1px solid var(--black);
}
.wrap-categories h3 {
    font-size: 21px;
}
.wrap-categories h4 {
    font-size: 16px;
}

/* Detail Job */
.wrap-job-detail {
    margin: 20px 0;
}

/* Apply Job */
.wrapper-apply-form
    .select2-container
    .select2-selection--single
    .select2-selection__rendered {
    padding-left: 1rem;
}

/* Location */
.joblist-location {
    margin-top: 30px;
}
.joblist-location .province {
    font-size: 24px;
}
.joblist-location ul {
    display: flex;
    column-gap: 10px;
    list-style: none;
}

/* Partner */
.page-template-tpl-partner .hero-banner .subheading {
    font-size: 20px;
    font-weight: var(--fw400);
    line-height: 28px;
}
.page-template-tpl-partner .section-banner .orn {
    width: 110px;
    height: 100px;
    background-color: #98c93c;
    position: absolute;
    left: -50px;
    bottom: -45px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}
.page-template-tpl-partner .section-banner {
    display: var(--flex);
    align-items: var(--center);
    padding: 0;
    margin-bottom: 0;
}
.join-company .company-wrapper h3 {
    font-size: 28px;
    line-height: 36px;
    color: #2a2a2e;
}
.join-company .company-logo {
    display: var(--flex);
    flex-wrap: wrap;
    justify-content: var(--center);
    margin: 30px 0 15px;
}
.join-company .company-logo .logo-item {
    padding: 8px;
    margin: 12px 15px;
    filter: grayscale(100%);
    text-align: var(--center);
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}
.join-company .company-wrapper .more-company {
    font-size: 20px;
    line-height: 28px;
}
.join-company .company-form {
    background-color: transparent;
    border: 1px solid #d8d8d9;
    padding: 32px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}
.join-company .company-form .wpcf7-form [class^="lbl"] {
    color: #333;
}
.join-company .company-form .wpcf7-form [class^="lbl"] .asterik {
    color: #9f0404;
}
.join-company .company-form .wpcf7-submit {
    font-size: 16px !important;
    line-height: 24px !important;
    height: auto !important;
}
.join-company .company-form .wpcf7-form-control,
.join-company .company-form .wpcf7-submit {
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}
.join-company .company-form .wpcf7-form-control {
    width: 100%;
    height: 45px;
    border: 1px solid #bcbcbd;
    padding: 10px 16px;
    color: #7e7e81;
}
.join-company .company-form .wpcf7-submit {
    background-color: #00acc4;
    padding: 12px 24px;
    color: var(--white);
}

/* TMB */
#tmbModal .modal-dialog .close,
#academyBootcampModal .modal-dialog .close,
#academyCourseModal .modal-dialog .close,
#academyTrialModal .modal-dialog .close,
.box-personality {
    position: var(--relative);
}
.hero-banner.lg-banner.tes-minat-bakat-banner .wrap-banner-caption .btn-cta,
.wrap-content-personality .btn-cta {
    transition: 0.3s;
}
.hero-banner.lg-banner.tes-minat-bakat-banner
    .wrap-banner-caption
    .btn-cta:hover,
.wrap-content-personality .btn-cta:hover {
    transform: scale(1.1);
}
.personality {
    padding: 40px 0;
}
.about-personality .block-text p {
    margin-bottom: 0.5rem;
}
.wrap-content-personality {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    overflow: hidden;
    padding: 0 250px;
    max-width: 1400px;
    height: 430px;
    margin: 0 auto;
}
.wrap-content-personality .block-text,
.wrap-content-personality .block-image {
    flex: 0 0 50%;
}
.wrap-content-personality .block-text h2 {
    font-weight: var(--fw700);
    color: var(--white);
}
.wrap-content-personality .block-text .sub-content {
    display: var(--block);
    font-weight: var(--fw400);
    font-size: 24px;
    line-height: 32px;
}
.wrap-content-personality .block-image {
    margin-top: 45px;
}
.wrap-content-personality .block-image.block-1 {
    margin-top: 50px;
}
.wrap-content-personality .block-image.block-3 img {
    position: var(--absolute);
    bottom: 0;
}
@media (max-width: 767px) {
    .swiperPersonality .swiper-slide:nth-child(3) .wrap-content-personality .center-left {
        top: 65%;
    }
    .wrap-content-personality .block-image.block-3 img {
            position: relative;
        }
}
.wrap-content-personality .btn-cta {
    width: 210px;
    font-size: 16px;
    font-weight: var(--fw700);
    line-height: 24px;
    padding: 12px 16px;
    border: 1px solid #bcbcbd;
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
    border-radius: 0.75rem;
}
.box-personality {
    display: var(--flex);
    justify-content: space-between;
    overflow: var(--hidden);
    padding: 24px 0 16px 24px;
    border-radius: 16px;
    border: 1px solid #d8d8d9;
}
.box-personality .content {
    flex: 0 0 16em;
}
.box-personality .content .title {
    color: var(--darker);
}
.box-personality .content ul {
    padding-left: 22px;
}
.box-personality .mask-image {
    position: var(--absolute);
    right: 0;
    bottom: 0;
}
.personality-step {
    padding: 40px 0 136px;
}
.personality-type .card {
    border: 0;
}
.personality-type .card-title {
    color: var(--dark-grey);
}
.personality-type .card-body {
    padding: 0;
}
#tmbModal .modal-body,
#tmbModal .modal-header,
#academyBootcampModal .modal-body,
#academyBootcampModal .modal-header,
#academyCourseModal .modal-body,
#academyCourseModal .modal-header,
#academyTrialModal .modal-body,
#academyTrialModal .modal-header {
    padding: 1rem 1.5rem;
    border: 0;
}
#tmbModal .modal-dialog,
#academyBootcampModal .modal-dialog,
#academyCourseModal .modal-dialog,
#academyTrialModal .modal-dialog {
    width: 440px;
}
#tmbModal .modal-dialog .close span,
#academyBootcampModal .modal-dialog .close span,
#academyCourseModal .modal-dialog .close span,
#academyTrialModal .modal-dialog .close span {
    color: #57575b;
    font-weight: var(--fw400);
}
#tmbModal .modal-header,
#academyBootcampModal .modal-header,
#academyCourseModal .modal-header,
#academyTrialModal .modal-header {
    align-items: var(--center);
}
#tmbModal .modal-header .modal-title,
#academyBootcampModal .modal-header .modal-title,
#academyCourseModal .modal-header .modal-title,
#academyTrialModal .modal-header .modal-title {
    font-size: 18px;
    font-weight: var(--fw800);
    line-height: 28px;
}
#tmbModal .modal-body .dropzone-desc p,
#tmbModal .modal-body .tmb-form label,
#academyBootcampModal .modal-body .dropzone-desc p,
#academyBootcampModal .modal-body .academy-form label,
#academyCourseModal .modal-body .dropzone-desc p,
#academyCourseModal .modal-body .academy-form label,
#academyTrialModal .modal-body .dropzone-desc p,
#academyTrialModal .modal-body .academy-form label,
.box-personality .content li,
.box-personality .content p {
    font-size: 14px;
    line-height: 20px;
    color: var(--light-grey);
}
#tmbModal .modal-body .dropzone-desc p strong,
#tmbModal .modal-body .tmb-form label,
#academyBootcampModal .modal-body .dropzone-desc p strong,
#academyBootcampModal .modal-body .academy-form label,
#academyCourseModal .modal-body .dropzone-desc p strong,
#academyCourseModal .modal-body .academy-form label,
#academyTrialModal .modal-body .dropzone-desc p strong,
#academyTrialModal .modal-body .academy-form label {
    font-weight: var(--fw700);
}
#tmbModal .modal-body .dropzone-desc p strong,
#academyBootcampModal .modal-body .dropzone-desc p strong,
#academyCourseModal .modal-body .dropzone-desc p strong,
#academyTrialModal .modal-body .dropzone-desc p strong {
    color: var(--tosca);
}
#tmbModal .modal-body .form-control,
#academyBootcampModal .modal-body .form-control,
#academyCourseModal .modal-body .form-control,
#academyTrialModal .modal-body .form-control {
    border-radius: 8px;
}
#tmbModal .modal-body .tmb-form .iti,
#academyBootcampModal .modal-body .academy-form .iti,
#academyCourseModal .modal-body .academy-form .iti,
#academyTrialModal .modal-body .academy-form .iti {
    display: var(--block);
}
#tmbModal .modal-footer,
#academyBootcampModal .modal-footer,
#academyCourseModal .modal-footer,
#academyTrialModal .modal-footer {
    justify-content: center;
    padding-top: 0;
    border-top: 0;
}
#tmbModal .modal-footer .btn,
#academyBootcampModal .modal-body .btn,
#academyCourseModal .modal-body .btn,
#academyTrialModal .modal-body .btn {
    background-color: var(--tosca);
    font-size: 16px;
    font-weight: var(--fw700);
    line-height: 24px;
    padding: 14px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    border-radius: 12px;
}
#tmbModal .modal-footer .btn:hover,
#academyBootcampModal .modal-footer .btn:hover,
#academyCourseModal .modal-footer .btn:hover,
#academyTrialModal .modal-footer .btn:hover {
    opacity: 0.6;
}

/* Result TMB */
.result {
    margin-top: -303px;
}
.result .block-wrapper {
    padding: 32px;
    background: var(--white);
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
    border-radius: 24px;
}
.result .block-category .title,
.result .block-category .wrap-category li a,
.result .block-jobs .title,
.result .block-jobs .wrap-jobs .readmore-jobs .btn-cta,
.result .block-text .text,
.result .block-text p,
.result .block-title .title {
    color: var(--dark-grey);
}
.result .block-text .block-title {
    display: var(--flex);
    align-items: var(--center);
    margin-top: 0.5rem;
}
.result .block-title .title {
    margin-left: 0.5rem;
    margin-bottom: 0;
}
.result .block-paragraph {
    margin: 1rem 0 3.5rem;
}
.result .block-jobs .title,
.result .block-text p {
    margin-bottom: 0;
}
.result .block-category .title {
    margin-bottom: 1rem;
}
.result .block-category .wrap-category ul {
    display: var(--flex);
    align-items: var(--center);
    flex-direction: row;
    flex-wrap: wrap;
    list-style: var(--none);
    gap: 12px;
}
.result .block-category .wrap-category ul li {
    padding: 0.5rem;
    background: var(--white);
    border: 1px solid #f2f2f2;
    border-radius: 24px;
}
.result .block-jobs .title {
    margin: 1.5rem 0 1rem;
}
.result .block-jobs .wrap-jobs .job-list-items {
    display: var(--flex);
    align-items: var(--center);
    padding: 24px 16px;
    border: 1px solid #d8d8d9;
    border-radius: 12px;
}
.result .block-jobs .wrap-jobs .job-list-items .job-detail {
    padding-left: 1rem;
    flex: 1 1 50%;
}
.result .block-jobs .wrap-jobs .job-list-items .job-detail span {
    display: var(--block);
    margin: 0 0 0.25rem;
}
.result .block-jobs .wrap-jobs .job-list-items .job-detail span:last-child {
    margin: 0;
}
.result .block-jobs .wrap-jobs .job-list-items .job-detail span.location {
    color: var(--light-grey);
}
.result .block-image-caption .button .btn-cta,
.result .block-jobs .wrap-jobs .job-list-items .joblink .btn-cta {
    border: 1px solid var(--tosca);
    color: var(--white);
    background-color: var(--tosca);
    padding: 12px 16px;
    border-radius: 12px;
}
.result .block-jobs .wrap-jobs .readmore-jobs {
    margin-bottom: 56px;
}
.result .block-jobs .wrap-jobs .readmore-jobs .btn-cta {
    padding: 12px 16px;
    border: 1px solid #bcbcbd;
    border-radius: 12px;
}
.result .block-card .card {
    overflow: var(--hidden);
    border-radius: 24px;
}
.result .block-card .card-body {
    display: var(--flex);
    align-items: start;
    justify-content: var(--center);
    flex-direction: column;
    flex-wrap: wrap;
    color: var(--white);
    padding: 28px 24px;
    background-color: #033451;
}
.result .block-card .card-body .btn-cta {
    padding: 12px 16px;
    border-radius: 12px;
}
.result .block-image-caption .caption {
    margin: 8px 0 32px;
}

/* Customer */
.customer {
    padding: 40px 0 60px;
}
.wrap-content-customer {
    display: var(--flex);
    align-items: var(--center);
    justify-content: space-between;
    padding-left: 80px;
    height: 294px;
}
.wrap-content-customer .block-text {
    flex: 0 0 33em;
}
.wrap-content-customer .block-text .title,
.wrap-content-customer .block-text .content.text-2 {
    color: var(--dark-grey);
}
.wrap-content-customer .block-text .title.text-1 {
    color: var(--white);
}
.wrap-content-customer .block-text .content {
    font-size: 24px;
    line-height: 32px;
}
.wrap-content-customer .block-image {
    margin-top: -145px;
    margin-right: -141px;
}
.wrap-content-customer .block-image.image-2 {
    margin-top: -100px;
    margin-right: 0;
}
.wrap-content-customer .btn-cta {
    padding: 12px 16px;
    border: 1px solid #bcbcbd;
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
    border-radius: 0.75rem;
}
.swiperCustomers {
    overflow: var(--hidden);
    padding-top: 120px;
}

/* Accordion Kebijakan Privasi */
.accordion .card .card-header {
    margin-bottom: 0;
}
.accordion .card-header {
    padding: 0.5rem 1rem;
}
.accordion .card-header .btn-link {
    font-weight: var(--fw700);
    color: var(--dark-grey);
}
.accordion .card-header .btn-link i {
    float: var(--right);
}
.accordion .card-body {
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

/* Accordion FAQ */
#accordionFAQ .card-header {
    background-color: transparent;
    padding: 0 1rem;
    border-bottom: 0;
}
#accordionFAQ .card-header .btn-link {
    font-weight: var(--fw700);
    color: var(--cyan);
}
#accordionFAQ .card-body {
    padding: 15px 37px;
}
#accordionFAQ .card-body ul {
    padding: 5px 30px;
}
#accordionFAQ .card-body, 
#accordionFAQ .card-body li {
    font-size: 16px;
    line-height: 24px;
    color: var(--grey) !important;
}

/* SEO Text */
.seo-text-element {
    background-color: #f5f4f8;
    padding: 60px 0;
}
.seo-text-element .block-text h2,
.seo-text-element .block-text p,
.seo-text-element .block-text ul {
    font-size: 15px;
    line-height: 1.3;
    color: #8f8e98;
}
.seo-text-element .block-text ul {
    margin-top: 10px;
    padding-left: 25px;
}
.seo-text-element .block-text h2 {
    font-weight: var(--fw700);
    margin-bottom: 24px;
}
.seo-text-element .block-text p:last-of-type {
    margin-bottom: 0;
}

/* Footer */
.site-footer.footer-layout-v1 {
    background-color: #0a0a0a;
}
.site-footer.footer-layout-v2 {
    background-color: #0b51b7;
}
.top-footer {
    padding: 70px 0 30px;
}
.widget {
    margin: 0 0 1.5em;
}
aside.widget.footer-widget h2,
aside.widget.footer-widget h3,
aside.widget.footer-widget h4,
aside.widget.footer-widget h5,
aside.widget.footer-widget h6,
aside.widget.footer-widget p,
aside.widget.footer-widget span.footer-menu-title,
aside.widget.footer-widget li > a,
.bottom-footer .copyright,
.bottom-footer .tos,
.bottom-footer .tos ul > li > a {
    margin-bottom: 20px;
    text-decoration: var(--none);
}
aside.footer-widget.widget_block.widget_text,
aside.footer-widget.widget_block.widget_text p {
    margin-bottom: 0;
}
aside.widget.footer-widget p > span {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 5px;
}
aside.widget.footer-widget ul {
    list-style-type: var(--none);
    margin: 0;
    padding: 0;
}
aside.widget.footer-widget li {
    margin-right: 8px;
    margin-bottom: 12px;
}
.bottom-footer .tos ul > li > a,
aside.widget.footer-widget li > a {
    font-weight: var(--fw700);
}
aside.widget.footer-widget.widget_media_image {
    margin-top: -10px;
    margin-bottom: 45px;
}
.bottom-footer .wrap-bottom-footer {
    display: var(--flex);
    justify-content: space-between;
    align-items: var(--center);
    border-top: 1px solid #f2f2f2;
}
.bottom-footer .copyright,
.bottom-footer .tos {
    padding: 25px 0;
}
.bottom-footer .tos ul {
    display: var(--flex);
    list-style-type: var(--none);
    margin: 0;
}
.bottom-footer .copyright,
.bottom-footer .tos ul > li:after,
.bottom-footer .tos ul > li > a,
.sosial_media__block .social_link,
.sosial_media__block .social_name,
.sosial_media__block .social_quote,
.sosial_media__block .social_quote_title,
aside.widget.footer-widget li > a,
aside.widget.footer-widget p,
.bottom-footer .tos ul > li:first-child:before,
.widget .btn-secondary.dropdown-toggle,
.widget .btn-secondary.dropdown-toggle:hover {
    color: var(--white);
}
aside.widget.footer-widget h2,
aside.widget.footer-widget span.footer-menu-title {
    color: #d8d8d9;
}
.bottom-footer .tos ul > li:first-child:after {
    content: "|";
    padding: 0 10px;
}
.bottom-footer .tos ul > li:last-child:after {
    content: "";
    padding: 0;
}
.widget .btn-secondary.dropdown-toggle,
.widget .btn-secondary.dropdown-toggle:hover {
    display: var(--block);
    background-color: transparent;
    text-align: var(--left);
}
.widget .btn-secondary.dropdown-toggle::after {
    position: var(--absolute);
    top: 50%;
    right: 10px;
    bottom: 0;
    visibility: visible;
}
.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor {
    font-size: inherit;
    color: var(--white) !important;
    width: 25px;
    display: var(--flex);
    justify-content: var(--start);
    align-items: var(--center);
    height: 25px;
    line-height: 25px;
    position: var(--relative);
}
.popup-search-location,
.popup-search-category,
.popup-search-type,
.popup-search-level {
    display: var(--none);
}
/* 404 */
.error-404 .page-header {
    font-size: 16px;
    line-height: 24px;
    color: #2a2a2e;
    margin: 24px 0;
}
.error-404 .page-header .page-subtitle {
    font-weight: var(--fw700);
}

/*BLOG*/
@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap");

/* Global */
.pt-8 {
    padding-top: 8px;
}
.pt-10 {
    padding-top: 10px;
}
.pt-12 {
    padding-top: 12px;
}
.pt-16 {
    padding-top: 16px;
}
.pt-160 {
    padding-top: 160px;
}
.pb-16 {
    padding-bottom: 16px;
}
.pb-48 {
    padding-bottom: 48px;
}
.py-15 {
    padding: 15px 0 !important;
}
.px-15 {
    padding: 0 15px !important;
}
.my-24 {
    margin-top: 24px;
    margin-bottom: 24px;
}
.mt-20 {
    margin-top: 20px;
}
.mt-40 {
    margin-top: 40px;
}
.mb-40 {
    margin-bottom: 40px;
}
.my-40 {
    margin-top: 40px;
    margin-bottom: 40px;
}

.single-meta-category .cat-links a {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: rgba(4, 140, 170, 1);
}
.single-meta-category {
    display: block;
    margin-bottom: 8px;
}

p {
    margin-bottom: 0 !important;
}

.blog .heading {
    margin-bottom: 24px;
}

.site-main.blog {
    padding-top: 160px;
}

.heading h2 {
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
}
.heading a {
    font-size: 14px;
    font-weight: 700;
    color: #048caa !important;
    margin-right: 8px;
}

.post-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
}

.post-wrapper.grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 40px 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: 1fr 20px 1fr 20px 1fr 20px 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr;
    grid-gap: 20px 40px;
}

.post-wrapper.grid > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}

.post-wrapper.grid > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
}

.post-wrapper.grid > *:nth-child(3) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
}

.post-wrapper.grid > *:nth-child(4) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
}

.post-wrapper.grid > *:nth-child(5) {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
}

.post-wrapper.grid > *:nth-child(6) {
    -ms-grid-row: 5;
    -ms-grid-column: 3;
}

.post-wrapper.grid > *:nth-child(7) {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
}

.post-wrapper.grid > *:nth-child(8) {
    -ms-grid-row: 7;
    -ms-grid-column: 3;
}

.entry-content tr {
    display: table-row;
    vertical-align: middle;
}
.entry-content td {
    display: table-cell;
    vertical-align: inherit;
}
.entry-content tbody tr:nth-child(2n),
.comment-content tbody tr:nth-child(2n) {
    background-color: rgba(0, 0, 0, 0.025);
}

/*===POST CARD===*/
.post-item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
    max-width: calc(calc(100% / 4) - 18px);
    overflow: hidden;
}
.post-wrapper.grid .post-item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    max-width: 100%;
}
.post-wrapper.grid .post-item:first-child {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1 / 2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 4;
    grid-row: 1 / 5;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.post-wrapper.grid .post-item:nth-child(2) {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2 / 3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1 / 2;
}
.post-wrapper.grid .post-item:nth-child(3) {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2 / 3;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2 / 3;
}
.post-wrapper.grid .post-item:nth-child(4) {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2 / 3;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-row: 3 / 4;
}
.post-wrapper.grid .post-item:nth-child(5) {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2 / 3;
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    grid-row: 4 / 5;
}
.post-item .post-image {
    display: inline-table;
    border-radius: 12px;
    overflow: hidden;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}
.post-item .post-image img {
    aspect-ratio: 16/9;
    min-width: 259.5px;
    width: -webkit-fill-available;
    width: -moz-available;
    width: fill-available;
    -o-object-fit: cover;
    object-fit: cover;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
.post-item:hover .post-image img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}
.post-wrapper.grid .post-item:first-child .post-image img {
    aspect-ratio: 16/10;
    width: 100%;
    max-width: 550px;
    -o-object-fit: cover;
    object-fit: cover;
}
.post-wrapper.grid .post-item:not(:first-child) .post-image img {
    aspect-ratio: 16/9;
    max-width: 230px;
    min-width: 230px;
    -o-object-fit: cover;
    object-fit: cover;
}

.post-item .post-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
}
.post-item .post-content .post-category a {
    color: rgba(4, 140, 170, 1);
    font-size: 16px;
    line-height: 24px;
}
.post-item .post-content .post-title {
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    color: rgba(25, 25, 27, 1);
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.post-item .post-content .post-title > a {
    color: #2a2a2e;
}
.post-item .post-content .post-title > a:hover {
    opacity: 0.8;
}
.post-wrapper.grid .post-item:first-child .post-content .post-title {
    font-size: 28px;
    line-height: 36px;
}
.post-item .post-content .post-excerpt {
    font-size: 16px;
    line-height: 24px;
    color: rgba(87, 87, 91, 1);
    display: none;
}
.post-wrapper.grid .post-item:first-child .post-content .post-excerpt {
    display: block;
    margin-bottom: 16px !important;
}

.post-wrapper.grid .post-item:first-child .post-excerpt p {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.post-item .post-content .post-meta {
    font-family: var(--nunito);
    font-size: 16px;
    line-height: 24px;
    color: rgba(87, 87, 91, 1);
    /* margin-top: auto; */
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
}
.post-item .post-content .post-meta p {
    font-size: 12px;
}
.post-wrapper.flex-column .post-item.flex-row .post-image img {
    width: 280px;
    min-width: inherit;
}
.post-wrapper.flex-column .post-item.flex-row .post-content .post-title {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
/* Jobs Listing */
.jobs-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 16px;
    box-sizing: border-box;
}
.jobs-wrapper .job-item {
    display: flex;
    flex-direction: row;
    gap: 12px;
    padding: 12px;
    width: 100%;
    max-width: calc(calc(100% / 4) - 16px);
    border: 1px solid #d8d8d9;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}
.jobs-wrapper .job-item .logo {
    width: 40px;
}

.jobs-wrapper .job-item .logo img {
    max-width: 40px;
    aspect-ratio: 1/1;
    -o-object-fit: cover;
    object-fit: cover;
}
.jobs-wrapper .job-item .content {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.jobs-wrapper .job-item .content .title {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    margin: 0;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.jobs-wrapper .job-item .content .company,
.jobs-wrapper .job-item .content .location {
    font-family: "Nunito Sans", sans-serif;
    font-size: 12px;
    line-height: 18px;
    color: #2a2a2e;
}
/* Singular */
.single-entry-meta,
.single-meta-avatar,
.posted-on {
    display: flex;
    align-items: center;
}
.single-meta-avatar i,
.posted-on i {
    margin: 0 8px;
    font-size: 5px;
}
.single-meta-avatar .avatar {
    margin-right: 8px;
    border-radius: 50%;
}
article .entry-content,
.posted-on,
.reading-time,
.author,
.post-category,
aside .read-also,
aside .read-also > li > a > h3,
aside .title,
.card-header .btn-link,
.card-body li {
    font-size: 16px;
    line-height: 24px;
}
article .entry-title,
article .entry-content p,
article .entry-content h2,
article .entry-content h3,
article .entry-content h4,
article .entry-content h5,
article .entry-content h6,
.share-label {
    font-family: "Nunito Sans", system-ui;
}
article .entry-content h2,
article .entry-content h3,
article .entry-content h4,
article .entry-content h5,
article .entry-content h6,
.related-posts .post-title,
aside .title,
.share-label {
    font-weight: 700;
    color: rgba(42, 42, 46, 1);
}
.author a,
.author a:visited {
    color: rgba(4, 140, 170, 1);
}
article .entry-title {
    font-size: 32px;
    font-weight: 800;
    line-height: 42px;
}
article .entry-content p {
    font-weight: 400;
    margin-bottom: 1rem !important;
}
article .entry-content a {
    color: rgba(4, 140, 170, 1);
}
article .entry-content ul,
article .entry-content ol {
    margin-left: 1rem;
    margin-bottom: 1rem;
}
article .entry-content h2 {
    font-size: 29px;
    line-height: 38px;
}
article .entry-content h3,
.related-posts .post-title,
.share-label,
.single-tags .title {
    font-size: 20px;
    line-height: 28px;
}
article .post-thumbnail {
    overflow: hidden;
    border-radius: 12px;
}
article .post-thumbnail img,
article .card-image img,
article .wp-post-image {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}
article .wp-post-image {
    aspect-ratio: 15 / 9;
    margin-bottom: 24px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}

/* Read Also */
aside .read-also {
    padding-left: 18px;
}
aside .read-also h3,
aside .read-also span {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: rgba(4, 140, 170, 1);
}
aside.bottom_post .title {
    margin-bottom: 4px;
}
.entry-content .between_post {
    display: flex;
    align-items: center;
    margin: 20px 0;
}
.entry-content .between_post .read-also {
    list-style-type: none;
    margin: 0;
    padding-left: 5px;
}
.entry-content .between_post .read-also h3 {
    margin-bottom: 0;
}

/* Related Posts */
.widget-related-posts .title {
    margin-bottom: 24px;
}
.widget-related-posts .title h2 {
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
}
.related-posts {
    border: 0;
}
.related-posts .cat-links {
    display: block;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 8px;
}
.related-posts .card-img {
    overflow: hidden;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}
.related-posts .wp-post-image {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}
.related-posts .wp-post-image:hover {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
}
.related-posts .card-body {
    padding: 1rem 0;
}
.related-posts .post-title {
    color: rgba(25, 25, 27, 1);
}
.related-posts .post-category {
    display: block;
    margin-bottom: 8px;
}
.related-posts .post-meta {
    display: flex;
    align-items: center;
}

/* Tags */
.tags {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 16px;
}
.tags .badge {
    background-color: transparent;
    padding: 8px 16px;
    font-size: 14px;
    line-height: 20px;
    color: rgba(4, 140, 170, 1);
    border: 1px solid rgba(4, 140, 170, 1);
    border-radius: 100px;
}
.tags .badge:hover {
    color: #ffffff;
    background-color: #0062cc;
    cursor: pointer;
}

/* TOC */
#accordionTOC .card {
    border-radius: 0.5rem;
}
#accordionTOC .card-header {
    padding: 0;
    background-color: transparent;
}
#accordionTOC .card-header .btn-link {
    display: block;
    position: relative;
    width: 100%;
    padding: 16px;
    font-weight: 700;
    text-decoration: none;
    text-align: left;
    color: rgba(42, 42, 46, 1);
    cursor: pointer;
}
#accordionTOC .card-header .btn-link:after {
    content: "\f078";
    font-family: "Font Awesome 5 Pro";
    position: absolute;
    right: 15px;
    font-weight: 600;
}
#accordionTOC .card-header .btn-link[aria-expanded="true"]:after {
    content: "\f077";
    font-family: "Font Awesome 5 Pro";
    font-weight: 600;
}
.card-body li,
.card-body li > a {
    color: rgba(4, 140, 170, 1);
}
.card-body ol {
    margin-left: 12px;
}

.single-widget-share,
.share-header {
    display: block;
}
.social-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}
ul.social-icons {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-top: 16px;
}
.social-icons li {
    vertical-align: top;
    display: inline;
}
.social-icons a {
    width: 40px;
    height: 40px;
    color: rgba(87, 87, 91, 1) !important;
    text-decoration: none;
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(188, 188, 189, 1);
    border-radius: 50%;
}
/* Author */
.banner {
    background-color: #0b51b7;
    border-radius: 12px;
    -webkit-border-radius: 12;
    -moz-border-radius: 12;
    -ms-border-radius: 12;
    -o-border-radius: 12;
    position: relative;
}
.banner .banner-icon.left {
    position: absolute;
    left: 0;
    top: 0;
}
.banner .banner-icon.right {
    position: absolute;
    right: 0;
    top: 0;
}
.banner .author-info {
    max-width: 700px;
    padding: 32px;
    gap: 8px;
}
.banner .author-info .author-image {
}
.banner .author-info .author-image img {
    width: 100%;
    max-width: 64px;
    aspect-ratio: 1/1;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 9999px;
    -webkit-border-radius: 9999px;
    -moz-border-radius: 9999px;
    -ms-border-radius: 9999px;
    -o-border-radius: 9999px;
}
.banner .author-info .author-name {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #ffffff;
    margin-top: 8px;
    margin-bottom: 0;
}
.banner .author-info .author-bio {
    font-size: 14px;
    line-height: 20px;
    color: #ffffff;
    text-align: center;
}
.author .heading {
    border-bottom: 1px solid #d8d8d9;
    padding-bottom: 8px;
}
.author .post-wrapper .post-item,
.category .post-wrapper .post-item {
    max-width: 100%;
}
.author .post-wrapper .post-item .post-content,
.category .post-wrapper .post-item .post-content {
    width: 100%;
    margin: 8px 0;
}

.author .post-wrapper .post-item .post-content .post-image {
    max-width: 215px;
}

/* Category List */
.list-category .heading h1,
.category .heading h1 {
    font-size: 28px;
    line-height: 36px;
    font-weight: 700;
    margin-bottom: 20px;
}

.list-category .row {
    gap: 40px 0;
}

.list-category .col-md-3 h2 > a {
    font-size: 24px;
    font-weight: 700;
    color: #048caa;
}

.list-category .col-md-3 h2 > a:hover {
    opacity: 0.8;
}

.list-category .col-md-3 ul > li {
    list-style: none;
    margin: 16px 0;
}

.list-category .col-md-3 ul > li > a {
    font-size: 16px;
    font-weight: 700;
    color: #048caa !important;
}

.list-category .col-md-3 ul > li > a:hover {
    opacity: 0.8;
}

/* Button Load More */
.featured-jobs .load-more-wrapper a {
    padding: 12px 24px!important;
}
.load-more-wrapper {
    margin: 24px 0;
}

.load-more-wrapper .load-more {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    padding: 12px 18px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border: 1px solid #bcbcbd;
    background-color: transparent;
    cursor: pointer;
}

/* Breadcrumb */
.blog-breadcrumb {
    margin-bottom: 40px;
}
.blog-breadcrumb span {
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
    color: #7e7e81;
}
.blog-breadcrumb a span {
    color: #57575b;
}
.blog-breadcrumb a:hover span {
    color: #048caa !important;
}

/* Search Results */
.search-page .page-header h1 {
    font-size: 16px;
    line-height: 19.2px;
    color: rgba(25, 25, 27, 1);
    margin-bottom: 24px;
}
.search-page .page-header span.result-title {
    display: block;
    padding-bottom: 16px;
    margin-bottom: 24px;
    font-size: 28px;
    font-weight: 700;
    line-height: 36px;
    color: rgba(25, 25, 27, 1);
    border-bottom: 1px solid rgba(188, 188, 189, 1);
}
.card-horizontal {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
    padding: 0;
    margin-bottom: 15px;
    border-radius: 10px;
}
.card-horizontal .card-image {
    width: 20%;
    overflow: hidden;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}
.card-horizontal .card-content {
    width: 80%;
}
.card-horizontal .card-content .entry-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    color: rgba(42, 42, 46, 1);
    margin-bottom: 16px;
}

/* No Results */
.no-results {
    padding: 60px 0;
}
.no-results .page-header {
    margin-bottom: 24px;
}
.no-results .page-content .btn {
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    margin-top: 24px;
    color: rgba(42, 42, 46, 1);
    border: 1px solid rgba(188, 188, 189, 1);
    padding: 12px 18px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}
.no-results .page-content .btn:hover {
    background: #0b51b7;
    border: 1px solid #0b51b7;
    color: #ffffff;
}
.no-results p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: rgba(42, 42, 46, 1);
}
.no-results p > strong {
    font-weight: 700;
}

.joblisting-item a:hover .card {
    background: #d1eaf0;
    border-color: #048caa;
}

.joblisting-item .card {
    border: 1px solid #d8d8d9;
}
/*Banner Partner*/
.banner-partner {
    overflow: visible;
}

.banner-partner .container .row {
    border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    -o-border-radius: 24px;
}

.banner-partner .wrap-banner-partner {
    padding-top: 50px;
    padding-bottom: 24px;
    padding-left: 40px;

}

.banner-partner .wrap-banner-partner .title {
    font-size: 28px;
    font-weight: 800;
    line-height: 36px;
    letter-spacing: -0.28px;
}

.banner-partner .wrap-banner-partner .subheading {
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: -0.096px;
}

.banner-partner .wrap-image img {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    min-width: 615px;
}

.banner-partner .wrap-banner-partner .btn {
    font-size: 20px;
    font-weight: 700;
    padding: 12px 16px;
    border: 1px solid #BCBCBD;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

@media (max-width: 575.98px) {
    .heading h2 {
        font-size: 20px;
        line-height: 28px;
    }
    article .post-thumbnail img,
    article .card-image img {
        aspect-ratio: 11 / 9;
    }
    .post-wrapper.grid {
        display: flex;
    }
    .post-wrapper {
        flex-direction: column;
    }
    .post-item {
        flex-direction: row;
        align-items: center;
        max-width: 100%;
    }
    .post-wrapper.grid .post-item:first-child .post-content .post-title {
        font-size: 16px;
        font-weight: 700;
        line-height: 24px;
        margin-bottom: 16px;
    }
    .post-wrapper.grid .post-item.first-item .post-image {
        width: 100%;
    }
    .post-wrapper:not(.grid) .post-item,
    .post-wrapper.grid .post-item:nth-child(2),
    .post-wrapper.grid .post-item:nth-child(3),
    .post-wrapper.grid .post-item:nth-child(4),
    .post-wrapper.grid .post-item:nth-child(5) {
        display: grid;
        align-items: center;
        grid-template-columns: 32% 68%;
    }
    section.categories:last-child {
        padding-bottom: 60px;
    }
    .post-wrapper.grid .post-item:first-child {
        align-items: flex-start;
        margin-bottom: 16px;
    }
    .post-wrapper.grid .post-item:first-child .post-content .post-excerpt {
        display: none;
    }
    .post-item .post-content .post-category,
    .post-item .post-content .post-meta,
    .swiperJobs .wrap-latest-jobs .title,
    .swiperJobs .wrap-latest-jobs .company,
    .swiperJobs .wrap-latest-jobs .location {
        font-size: 12px;
        line-height: 18px;
    }
    .post-item .post-content {
        gap: 0;
    }
    .post-item .post-content .post-category {
        padding-bottom: 4px;
    }
    .post-item .post-content .post-category a {
        font-size: 12px;
    }
    .post-wrapper.grid .post-item:not(:first-child) .post-image img {
        aspect-ratio: 11/9;
        min-width: inherit;
    }
    .post-item .post-image img {
        aspect-ratio: 11/9;
        min-width: inherit;
        width: 100%;
        height: 100%;
    }
    .post-item .post-content .post-title {
        font-size: 14px;
        line-height: 20px;
        word-wrap: break-word;
        margin-bottom: 8px;
        -webkit-line-clamp: 3;
    }
    .post-wrapper.flex-column .post-item.flex-row .post-content .post-title {
        -webkit-line-clamp: 3;
        padding-right: 20px;
    }
    .jobs-wrapper {
        display: block;
    }
    .jobs-wrapper .job-item {
        max-width: 100%;
        padding: 0;
        border: 0;
    }
    .jobs-wrapper .job-item .logo img {
        max-width: 100%;
        border-radius: 12px;
    }
    .jobListActive .info-text strong {
        font-size: 16px;
    }
    .swiperJobs .wrap-latest-jobs {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        gap: 12px;
        padding: 12px;
        min-height: 130px;
        border: 1px solid rgba(216, 216, 217, 1);
        border-radius: 8px;
    }
    .swiperJobs .wrap-latest-jobs .logo {
        width: 30%;
        max-height: 75px;
        text-align: center;
        border: 1px solid rgba(216, 216, 217, 1);
        border-radius: 12px;
    }
    .swiperJobs .wrap-latest-jobs .content {
        width: 70%;
    }
    .swiperWidgetRegister .swiper-slide {
        height: 100%;;
    }
    .swiperWidgetRegister .join-us {
        min-height: none;
        height: 100%;
    }
    .page-template-tpl-perusahaan .swiperWidgetRegister .join-us {
        min-height: 0;
    }
    .swiperWidgetRegister .join-info-text {
        flex: none;
    }
    .swiperJobs .wrap-latest-jobs .title {
        font-weight: 700;
        color: rgba(42, 42, 46, 1);
    }
    .swiperWidgetRegister .swiper-pagination {
        bottom: 20px;
        left: 50%;
        transform: translate(-50%);
        -webkit-transform: translate(-50%);
        -moz-transform: translate(-50%);
        -ms-transform: translate(-50%);
        -o-transform: translate(-50%);
}
    .swiperWidgetRegister .heading {
        margin-bottom: 0;
    }
    .swiperWidgetRegister .btn {
        font-size: 14px ;
    }
    .load-more-wrapper .load-more {
        width: 100%;
    }
    /* Author */
    .author .banner .banner-icon.left {
        max-width: 140px;
    }
    .author .banner .banner-icon.right {
        max-width: 100px;
    }
    .author .banner .author-info .author-image {
        max-width: 48px;
    }
    .banner .author-info .author-name {
        font-size: 14px;
    }
    /* single */
    article .entry-title {
        font-size: 28px;
        font-weight: 700;
        line-height: 36px;
        color: rgba(25, 25, 27, 1);
    }
    article .entry-content h2 {
        font-size: 25px;
        line-height: 32px;
    }
    .card-body li {
        font-size: 14px;
        line-height: 20px;
    }
    /* Related Posts */
    .related-posts {
        align-items: center;
        flex-direction: row;
        gap: 18px;
    }
    .related-posts .card-img {
        width: 32%;
    }
    .related-posts .wp-post-image {
        aspect-ratio: 11 / 9;
    }
    .posted-on,
    .reading-time {
        font-size: 12px;
        line-height: 24px;
    }
    .related-posts .post-title {
        font-size: 14px;
        line-height: 20px;
    }
    /* Job listing */
    body.blog .job-listings {
        padding: 15px 0;
    }
    body.single .job-listings {
        padding: 0 15px;
    }
    /* Category List */
    .list-category .row {
        gap: 20px;
    }
    .list-category .heading h1 {
        font-size: 20px;
        line-height: 28px;
    }
    .list-category .col-md-3 h2 > a {
        font-size: 16px;
        line-height: 24px;
    }
    .list-category .col-md-3 ul > li > a {
        font-size: 12px;
        line-height: 18px;
    }
    article .post-thumbnail {
        height: 180px;
    }
    article .post-thumbnail img {
        aspect-ratio: 11 / 9;
    }
    /* .site-main {
        padding-top: 140px
    } */

    /* results */
    .search-page .page-header h1,
    .card-horizontal .card-content .entry-title {
        font-size: 14px;
        line-height: 20px;
    }
    .card-horizontal .card-content .entry-title {
        margin-bottom: 8px;
    }
    .single-meta-category .cat-links a,
    .posted-on,
    .reading-time {
        font-size: 12px;
        line-height: 18px;
    }
    .search-page .page-header span.result-title {
        font-size: 20px;
        line-height: 28px;
    }
    .card-horizontal .card-image {
        width: 30%;
    }
    .card-horizontal .card-content {
        width: 70%;
    }
    .banner-partner {
        padding: 80px 0 !important;
    }
    .banner-partner .wrap-banner-partner .title {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 0;
    }
    .banner-partner .wrap-banner-partner .subheading {
        font-size: 16px;
        line-height: 24px;
    }
    .banner-partner .container .row {
        display: flex;
        flex-direction: column-reverse;
    }
    .banner-partner .container .row .col-md-6:first-child {
        background-repeat: no-repeat;
        background-position: bottom right;
        background-size: 130px;
    }
    .banner-partner .container .row .col-md-6:nth-child(2) {
        padding: 0;
    }
    .banner-partner .wrap-banner-partner {
        padding: 30px 20px 50px 20px;
    }
    .banner-partner .wrap-banner-partner .btn {
        font-size: 16px;
    }
    .banner-partner .wrap-image img {
        position: relative;
        min-width: 0;
        margin-top: -55px;
    }
    .social-wrapper {
        margin: 60px 0;
    }
    .social-wrapper .form-container {
        padding-top: 30px;
    }
}